carbon-for-ibm-dotcom

Web Components

Fixes

• cloud-masthead
  • adjust the cookie to prod id & overlapping issue on v18 l1 nav (#7037)

Services

Fixes

• cloud-masthead
  • adjust the cookie to prod id & overlapping issue on v18 l1 nav (#7037)

Utilities

Housekeeping

• settings
  • update settings to v1.23.3

React

Fixes

• lightboxmediaplayer
  • set autoplay based on modal open state (#7010)

Housekeeping

• snapshot
  • update snapshot and workflow token (#7001)

Web Components

Features

• card-group
  • modify to allow card link design pattern & allow cta on card link (#6934)
  • change same height util to apply to whole group instead of per row (#6900)
• leadspace-with-search
  • introducing component (#6779)
• typescript
  • upgrade to typescript v4.3.5 (#6943)
• tab-extended-vertical
  • add "vertical" orientation (#6826)
• card-link-copy
  • adding optional copy (#6839)
• masthead
  • add custom profile login feature (#6895)
• lightbox-media-viewer
  • style updates (#6881)

Fixes

• masthead
  • sticky behavior when l1 is present (#6838)
• card
  • pictogram theme colors and heading font style (#6990)
• cta-section
  • create react wrapper (#6973)
• card-link
  • create react wrapper and update tabs-extended wrapper (#6992)
• background-media
  • add generate react wrapper comment (#6993)
• tabs-extended
  • remove disabled label color override (#6963)
• footer
  • set dds-footer role to contentinfo (#6964)
  • remove role=complimentary from footer legal-nav (#6967)
• link-list-section
  • center align link list items in multi column layouts (#6910)
• cloud-masthead
  • prevent masthead shifting on top of page (#6947)
• card-in-card
  • create react wrapper (#6920)
• tabs-extended-media
  • add react wrapper (#6919)
• cta-block
  • adjust header padding values to spec (#6907)
• filter-panel
  • use correct element name (#6913)
• content-item-horizontal
  • create react wrapper (#6903)
• parcel
  • removing sass build in parcel for content-block-card-static (#6906)
• dotcom-shell
  • ensure accurate toc positioning, resolves #6172 (#6880)

Housekeeping

• publish
  • resolve merge conflict
• leadspace
  • updating gradient for centered variation (#6977)
• e2e
  • introduce react codesandbox e2e builds and cypress tests (#6968)
• merge
  • resolve merge conflict
• upgrade
  • upgrade to carbon web components 1.16.1 (#6949)
  • upgrade to carbon web components 1.16.0 (#6899)
  • upgrade to carbon 10.41.0 (#6834)
• breaking-changes
  • add breaking changes documentation (#6946)
• masthead
  • remove role listitem from navigation items (#6911)
  • remove lint warning (#6927)
• storybook
  • add package version to storybook titles (#6926)
  • include knobs for react wrapper leadspace storybook (#6866)
• analytics
  • deprecation of scroll tracker (#6898)
• plex
  • adding documentation on plex cdn (#6908)
• web-components
  • update code sandbox default package version (#6902)
• deps
  • remove unused dependency (#6840)

React

Features

• plex
  • adding optional weights for non-latin dynamic loader (#6909)
• card-group
  • change same height util to apply to whole group instead of per row (#6900)
• videoplayer
  • introducing playingmode feature (pairing with wc version) (#6832)

Fixes

• card
  • pictogram theme colors and heading font style (#6990)
• background-media
  • add generate react wrapper comment (#6993)
• videoplayer
  • restrict lightbox variant autoplay to modal open state (#6958)
• card-in-card
  • create react wrapper (#6920)
• tabs-extended-media
  • add react wrapper (#6919)
• content-item-horizontal
  • create react wrapper (#6903)

Housekeeping

• publish
  • resolve merge conflict
• leadspace
  • updating gradient for centered variation (#6977)
• e2e
  • introduce react codesandbox e2e builds and cypress tests (#6968)
• github-actions
  • introduce automated react snapshot updates (#6987)
• merge
  • resolve merge conflict
• breaking-changes
  • add breaking changes documentation (#6946)
• storybook
  • add package version to storybook titles (#6926)
• analytics
  • deprecation of scroll tracker (#6898)
• upgrade
  • upgrade to carbon 10.41.0 (#6834)
• deps
  • remove unused dependency (#6840)

Styles

Features

• card-group
  • modify to allow card link design pattern & allow cta on card link (#6934)
• leadspace-with-search
  • introducing component (#6779)
• tab-extended-vertical
  • add "vertical" orientation (#6826)
• card-link-copy
  • adding optional copy (#6839)
• lightbox-media-viewer
  • style updates (#6881)

Fixes

• search
  • update search placeholder color (#6991)
• tabs-extended
  • remove disabled label color override (#6963)
  • adjust scope of vertical tab content spacing rules (#6938)
• cta-block
  • adjust header padding values to spec (#6907)
• video-player
  • update hover and active state styles (#6841)
• content-group-banner-6794
  • fix before pseudo-element bug on safari (#6865)
• card-in-card-5984
  • default to using card component headline styling (#6843)

Housekeeping

• scss
  • add card-section-offset scss to global import (#6982)
• expressive theme
  • added deprecation note index theme file (#6932)
• upgrade
  • upgrade to carbon 10.41.0 (#6834)

Services

Housekeeping

• publish
  • resolve merge conflict
• merge
  • resolve merge conflict
• breaking-changes
  • add breaking changes documentation (#6946)
• analytics
  • deprecation of scroll tracker (#6898)

Services Store

Features

• masthead
  • add custom profile login feature (#6895)

Housekeeping

• publish
  • resolve merge conflict
• merge
  • resolve merge conflict

Utilities

Features

• plex
  • adding optional weights for non-latin dynamic loader (#6909)

Housekeeping

• settings
  • update settings to v1.24.0
• publish
  • resolve merge conflict
• merge
  • resolve merge conflict
• plex
  • using shortened urls for cdn (#6896)
• upgrade
  • upgrade to carbon 10.41.0 (#6834)

Web Components

Features

• card-group
  • modify to allow card link design pattern & allow cta on card link (#6934)
  • change same height util to apply to whole group instead of per row (#6900)
• leadspace-with-search
  • introducing component (#6779)
• typescript
  • upgrade to typescript v4.3.5 (#6943)
• tab-extended-vertical
  • add "vertical" orientation (#6826)
• card-link-copy
  • adding optional copy (#6839)
• masthead
  • add custom profile login feature (#6895)

Fixes

• card
  • pictogram theme colors and heading font style (#6990)
• cta-section
  • create react wrapper (#6973)
• card-link
  • create react wrapper and update tabs-extended wrapper (#6992)
• background-media
  • add generate react wrapper comment (#6993)
• tabs-extended
  • remove disabled label color override (#6963)
• cloud-masthead-6956
  • safari text showing issue on cloud-top-nav-name (#6962)
• footer
  • set dds-footer role to contentinfo (#6964)
  • remove role=complimentary from footer legal-nav (#6967)
• link-list-section
  • center align link list items in multi column layouts (#6910)
• cloud-masthead
  • prevent masthead shifting on top of page (#6947)
• card-in-card
  • create react wrapper (#6920)
• tabs-extended-media
  • add react wrapper (#6919)
• cloud-masthead-contact-btn
  • change data-ibm-contact to contact-link (#6915)
• cta-block
  • adjust header padding values to spec (#6907)
• filter-panel
  • use correct element name (#6913)
• content-item-horizontal
  • create react wrapper (#6903)
• parcel
  • removing sass build in parcel for content-block-card-static (#6906)
• dotcom-shell
  • ensure accurate toc positioning, resolves #6172 (#6880)

Housekeeping

• publish
  • resolve merge conflict
• leadspace
  • updating gradient for centered variation (#6977)
• e2e
  • introduce react codesandbox e2e builds and cypress tests (#6968)
• merge
  • resolve merge conflict
• upgrade
  • upgrade to carbon web components 1.16.1 (#6949)
  • upgrade to carbon web components 1.16.0 (#6899)
• breaking-changes
  • add breaking changes documentation (#6946)
• masthead
  • remove role listitem from navigation items (#6911)
  • remove lint warning (#6927)
• storybook
  • add package version to storybook titles (#6926)
• analytics
  • deprecation of scroll tracker (#6898)
• plex
  • adding documentation on plex cdn (#6908)
• web-components
  • update code sandbox default package version (#6902)

React

Features

• plex
  • adding optional weights for non-latin dynamic loader (#6909)
• card-group
  • change same height util to apply to whole group instead of per row (#6900)

Fixes

• card
  • pictogram theme colors and heading font style (#6990)
• background-media
  • add generate react wrapper comment (#6993)
• videoplayer
  • restrict lightbox variant autoplay to modal open state (#6958)
• card-in-card
  • create react wrapper (#6920)
• tabs-extended-media
  • add react wrapper (#6919)
• content-item-horizontal
  • create react wrapper (#6903)

Housekeeping

• publish
  • resolve merge conflict
• leadspace
  • updating gradient for centered variation (#6977)
• e2e
  • introduce react codesandbox e2e builds and cypress tests (#6968)
• github-actions
  • introduce automated react snapshot updates (#6987)
• merge
  • resolve merge conflict
• breaking-changes
  • add breaking changes documentation (#6946)
• storybook
  • add package version to storybook titles (#6926)
• analytics
  • deprecation of scroll tracker (#6898)

Styles

Features

• card-group
  • modify to allow card link design pattern & allow cta on card link (#6934)
• leadspace-with-search
  • introducing component (#6779)
• tab-extended-vertical
  • add "vertical" orientation (#6826)
• card-link-copy
  • adding optional copy (#6839)

Fixes

• search
  • update search placeholder color (#6991)
• tabs-extended
  • remove disabled label color override (#6963)
  • adjust scope of vertical tab content spacing rules (#6938)
• cta-block
  • adjust header padding values to spec (#6907)
• video-player
  • update hover and active state styles (#6841)

Housekeeping

• scss
  • add card-section-offset scss to global import (#6982)
• expressive theme
  • added deprecation note index theme file (#6932)

Services

Housekeeping

• publish
  • resolve merge conflict
• merge
  • resolve merge conflict
• breaking-changes
  • add breaking changes documentation (#6946)
• analytics
  • deprecation of scroll tracker (#6898)

Services Store

Features

• masthead
  • add custom profile login feature (#6895)

Housekeeping

• publish
  • resolve merge conflict
• merge
  • resolve merge conflict

Utilities

Features

• plex
  • adding optional weights for non-latin dynamic loader (#6909)

Housekeeping

• publish
  • resolve merge conflict
• merge
  • resolve merge conflict
• settings
  • update settings to v1.23.2
  • update settings to v1.23.1
• plex
  • using shortened urls for cdn (#6896)

Web Components

Fixes

• cloud-masthead-6956
  • safari text showing issue on cloud-top-nav-name (#6962)

Utilities

Housekeeping

• settings
  • update settings to v1.23.2

Web Components

Fixes

• cloud-masthead-6956
  • safari text showing issue on cloud-top-nav-name (#6962)

Utilities

Housekeeping

• settings
  • update settings to v1.23.2

Web Components

Fixes

• cloud-masthead-contact-btn
  • change data-ibm-contact to contact-link (#6915)

Utilities

Housekeeping

• settings
  • update settings to v1.23.1

Web Components

Fixes

• cloud-masthead-contact-btn
  • change data-ibm-contact to contact-link (#6915)

Utilities

Housekeeping

• settings
  • update settings to v1.23.1

We are happy to announce the release of Carbon for IBM.com v1.23.0! This release comes with a bunch of new features, as well as our regular bug squashing!

• New components include:
  • search-with-typeahead
  • leadspace React wrapper
• Load non-latin Plex fonts with the new loadNonLatinPlex utility
• RTL styles have been fixed for static builds
• Card and LocaleModal are now much more accessible
• table-of-contents aligns correctly with the masthead when scrolling up
• many more bugs squashed!

Breaking changes:

• Some breaking changes were introduced in the card component. For the following components, card-footer must be changed to card-cta-footer
  • card-section-simple, card-section-offset, card-section-images, card-group-item

Web Components

Breaking changes

• Some breaking changes were introduced in the card component. For the following components, card-footer must be changed to card-cta-footer, card-section-simple, card-section-offset, card-section-images, card-group-item

Features

• search-with-typeahead
  • introducing component (#6731)
• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)
• leadspace
  • introduce web components react wrapper (#6725)

Fixes

• video-player
  • set correct attribute name and state (#6877)
• masthead
  • remove cloud masthead position fixing code (#6864)
  • flip megamenu link arrow icons in rtl (#6835)
• cloud-masthead
  • set position of masthead to fixed when expanded (#6836)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• lead-space
  • fix to the lead space code sandbox example (#6806)
• web-components
  • upgrade rollup to v2 (#6788)
• footer
  • remove redux langdisplay (#6770)
• megamenu
  • remove overflow auto (#6751)
• content-group-horizontal
  • multiple style bugs (#6494)
• tabs-extended
  • display tooltip on truncated tab focus (#6736)
• locale-modal
  • set region item to be tabbable for voiceover (#6735)
• card-section-offset
  • update to use card-cta-footer (#6734)
• table-of-contents
  • compensate for masthead on scroll up (#6730)
• rtl
  • fix to not have rtlcss styles get parsed out (#6729)
• card
  • update accessibility (#6642)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon web components 1.15.1 (#6746)
  • upgrade to carbon web components 1.15.0 (#6721)
  • upgrade to carbon 10.40.0 (#6715)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)
• cdn
  • adjust e2e test to source cdn locally (#6694)

React

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• lightbox-media
  • check for kaltura onclose (#6885)
• cta
  • allow onclick for buttoncta to be passed (#6863)
• masthead
  • react rtl overflow (#6828)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• language-selector
  • added missing label to select (#6782)
• content-group-horizontal
  • multiple style bugs (#6494)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)
• cookie-preferences
  • add documentation to set cookie preferences (#6786)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)
• masthead
  • udpate l1 codesandbox example (#6717)
• feature-card
  • update sandbox to include css custom props flag (#6688)

Styles

Features

• search-with-typeahead
  • introducing component (#6731)

Fixes

• masthead
  • flip megamenu link arrow icons in rtl (#6835)
• card
  • multiple style bugs (#6769)
  • update accessibility (#6642)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• card-section-offset
  • background with 100% (#6809)
• leadspace
  • ensure leadspace image takes up entire width in lg bp (#6810)
  • set image and gradient to flip with rtl (#6777)
• tabs-extended
  • ensure tab doesn't overlap with toc (#6793)
  • display tooltip on truncated tab focus (#6736)
• feature-section
  • add the correct token for the background container (#6778)
• content-group-horizontal
  • multiple style bugs (#6494)
• rtl
  • fix to not have rtlcss styles get parsed out (#6729)
• cta-section
  • remove style concatenation (#6686)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)

Services

Deprecation notice

• AnalyticsAPI.initScrollTracker has been deprecated as GESTURES v1.x should no longer be used. GESTURES v2.x is owned by IBM DBDM team and is managed within their platform.

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• locale
  • remove countrylist check for translation (#6819)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Services Store

Fixes

• footer
  • remove redux langdisplay (#6770)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Utilities

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Housekeeping

• settings
  • update settings to v1.23.0
• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)

Web Components

Features

• lightbox-media-viewer
  • style updates (#6881)
• search-with-typeahead
  • introducing component (#6731)
• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• video-player
  • set correct attribute name and state (#6877)
• masthead
  • remove cloud masthead position fixing code (#6864)
  • flip megamenu link arrow icons in rtl (#6835)
• cloud-masthead
  • set position of masthead to fixed when expanded (#6836)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• lead-space
  • fix to the lead space code sandbox example (#6806)
• web-components
  • upgrade rollup to v2 (#6788)
• footer
  • remove redux langdisplay (#6770)

Housekeeping

• upgrade
  • upgrade to carbon 10.41.0 (#6834)
  • upgrade to carbon 10.40.2 (#6803)
• storybook
  • include knobs for react wrapper leadspace storybook (#6866)
• deps
  • remove unused dependency (#6840)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

React

Features

• videoplayer
  • introducing playingmode feature (pairing with wc version) (#6832)
• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• lightbox-media
  • check for kaltura onclose (#6885)
• cta
  • allow onclick for buttoncta to be passed (#6863)
• masthead
  • react rtl overflow (#6828)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• language-selector
  • added missing label to select (#6782)

Housekeeping

• upgrade
  • upgrade to carbon 10.41.0 (#6834)
  • upgrade to carbon 10.40.2 (#6803)
• deps
  • remove unused dependency (#6840)
• cookie-preferences
  • add documentation to set cookie preferences (#6786)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Styles

Features

• lightbox-media-viewer
  • style updates (#6881)
• search-with-typeahead
  • introducing component (#6731)

Fixes

• content-group-banner-6794
  • fix before pseudo-element bug on safari (#6865)
• card-in-card-5984
  • default to using card component headline styling (#6843)
• masthead
  • flip megamenu link arrow icons in rtl (#6835)
• card
  • multiple style bugs (#6769)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• card-section-offset
  • background with 100% (#6809)
• leadspace
  • ensure leadspace image takes up entire width in lg bp (#6810)
  • set image and gradient to flip with rtl (#6777)
• tabs-extended
  • ensure tab doesn't overlap with toc (#6793)
• feature-section
  • add the correct token for the background container (#6778)

Housekeeping

• upgrade
  • upgrade to carbon 10.41.0 (#6834)
  • upgrade to carbon 10.40.2 (#6803)

Services

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• locale
  • remove countrylist check for translation (#6819)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Services Store

Fixes

• footer
  • remove redux langdisplay (#6770)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Utilities

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Housekeeping

• upgrade
  • upgrade to carbon 10.41.0 (#6834)
  • upgrade to carbon 10.40.2 (#6803)
• settings
  • update settings to v1.23.0

React

Fixes

• lightbox-media
  • check for kaltura onclose (#6885)

Web Components

Fixes

• video-player
  • set correct attribute name and state (#6877)

Web Components

Fixes

• masthead
  • remove cloud masthead position fixing code (#6864)

React

Fixes

• cta
  • allow onclick for buttoncta to be passed (#6863)

Web Components

Fixes

• masthead
  • flip megamenu link arrow icons in rtl (#6835)
• cloud-masthead
  • set position of masthead to fixed when expanded (#6836)

Styles

Fixes

• masthead
  • flip megamenu link arrow icons in rtl (#6835)

Web Components

Features

• search-with-typeahead
  • introducing component (#6731)
• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)
• leadspace
  • introduce web components react wrapper (#6725)

Fixes

• link-with-icon
  • add icon line wrap behavior by default (#6812)
• lead-space
  • fix to the lead space code sandbox example (#6806)
• web-components
  • upgrade rollup to v2 (#6788)
• footer
  • remove redux langdisplay (#6770)
• megamenu
  • remove overflow auto (#6751)
• content-group-horizontal
  • multiple style bugs (#6494)
• tabs-extended
  • display tooltip on truncated tab focus (#6736)
• locale-modal
  • set region item to be tabbable for voiceover (#6735)
• card-section-offset
  • update to use card-cta-footer (#6734)
• table-of-contents
  • compensate for masthead on scroll up (#6730)
• rtl
  • fix to not have rtlcss styles get parsed out (#6729)
• card
  • update accessibility (#6642)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon web components 1.15.1 (#6746)
  • upgrade to carbon web components 1.15.0 (#6721)
  • upgrade to carbon 10.40.0 (#6715)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)
• cdn
  • adjust e2e test to source cdn locally (#6694)

React

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• masthead
  • react rtl overflow (#6828)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• language-selector
  • added missing label to select (#6782)
• content-group-horizontal
  • multiple style bugs (#6494)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)
• cookie-preferences
  • add documentation to set cookie preferences (#6786)
• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)
• masthead
  • udpate l1 codesandbox example (#6717)
• feature-card
  • update sandbox to include css custom props flag (#6688)

Styles

Features

• search-with-typeahead
  • introducing component (#6731)

Fixes

• card
  • multiple style bugs (#6769)
  • update accessibility (#6642)
• link-with-icon
  • add icon line wrap behavior by default (#6812)
• card-section-offset
  • background with 100% (#6809)
• leadspace
  • ensure leadspace image takes up entire width in lg bp (#6810)
  • set image and gradient to flip with rtl (#6777)
• tabs-extended
  • ensure tab doesn't overlap with toc (#6793)
  • display tooltip on truncated tab focus (#6736)
• feature-section
  • add the correct token for the background container (#6778)
• content-group-horizontal
  • multiple style bugs (#6494)
• rtl
  • fix to not have rtlcss styles get parsed out (#6729)
• cta-section
  • remove style concatenation (#6686)

Housekeeping

• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)

Services

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Fixes

• locale
  • remove countrylist check for translation (#6819)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Services Store

Fixes

• footer
  • remove redux langdisplay (#6770)

Housekeeping

• videoplayerapi
  • replacing references with kalturaplayerapi (#6705)

Utilities

Features

• loadnonlatinplex
  • introduce loadnonlatinplex utility (#6802)

Housekeeping

• settings
  • update settings to v1.23.0
• upgrade
  • upgrade to carbon 10.40.2 (#6803)
  • upgrade to carbon 10.40.1 (#6768)
  • upgrade to carbon 10.40.0 (#6715)

We are happy to announce the release of Carbon for IBM.com v1.22.0! This release comes with a bunch of new features, as well as our regular bug squashing!

• New components include:
  • filter-panel
  • card-section-offset
  • background-media
• Globalization support for masthead platform url
• Deprecation notices
  • content-block-horizontal has been deprecated and changed its name to content-group-horizontal
  • VideoPlayerAPI has been deprecated in favor of KalturaPlayerAPI
• 28 bugs squashed
• 8 feature requests

Web Components

Deprecation warning

• <dds-content-group-horizontal> has been deprecated in favor of <dds-content-block-horizontal>.

Features

• env
  • adding rtl staging environments (#6684)
• card-section-offset
  • create component (#6632)
• filter panel
  • update accessibility and fixing styles package (#6654)
• filter-panel
  • introduce filter panel component (#6443)
• masthead
  • globalization support (#6586)
• background-media
  • add "background media" ui component (#6548)
• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• content-block-horizontal
  • name change and deprecation (#6489)
• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Fixes

• cloud-masthead
  • hc-2086 properly form request return object (#6714)
  • cloud masthead + mega menu design enhancement follow up fixes (#6631)
• rtl
  • add codesandbox example for cloud masthead (#6713)
• overflow
  • ensure overflow looks and works properly in rtl (#6681)
• cta-card
  • updating video-cta-composite to match new api (#6683)
• cta-block
  • remove margin top from video container (#6641)
• masthead
  • set text wrapping for menu dropdown items (#6640)
  • fixes various masthead styles (#6491)
• locale-modal
  • set locale modal to not disappear on mobile keyboard (#6628)
• layout
  • wrapping layout story in 12 columns grid (#6353)
• card-in-card
  • update z-index and various styles (#6603)
• playwright
  • removal of playwright and integration tests (#6613)
• e2e
  • added timeout for render time on ci (#6559)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• content-block-mixed
  • update import paths in docs (#6630)
• content-item-horizontal
  • add missing alt text (#6605)
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• url
  • change to the new url at ibm.com (#6604)
• examples
  • multiple fixes to web components codesandbox examples (#6570)
• e2e
  • creating dynamically generated index file (#6566)
• cypress
  • introduce cypress/percy testing for web components codesandbox examples (#6476)
• storybook
  • adds a11y tab to stories (#6500)

React

Features

• env
  • adding rtl staging environments (#6684)
• content-block-horizontal
  • name change and deprecation (react) (#6666)

Fixes

• masthead
  • set text wrapping for menu dropdown items (#6640)
• featurecta
  • adjust prop cta structure to set target correctly (#6590)
• playwright
  • removal of playwright and integration tests (#6613)
• cardlink
  • fix disabled behavior (#6514)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• url
  • change to the new url at ibm.com (#6604)
• storybook
  • restore react storybook webpack fast-sass-loader (#6581)
  • adds a11y tab to stories (#6500)

Styles

Features

• card-section-offset
  • create component (#6632)
• filter panel
  • update accessibility and fixing styles package (#6654)
• filter-panel
  • introduce filter panel component (#6443)
• background-media
  • add "background media" ui component (#6548)
• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• content-block-horizontal
  • name change and deprecation (#6489)

Fixes

• megamenu
  • adjust height for megamenu to work for cloud's drupal integration (#6718)
• cloud-masthead
  • megamenu height is not displaying correctly within the drupal integration (#6708)
• overflow
  • ensure overflow looks and works properly in rtl (#6681)
• cta-block
  • remove margin top from video container (#6641)
• masthead
  • set text wrapping for menu dropdown items (#6640)
  • set white theme to left nav (#6611)
  • fixes various masthead styles (#6491)
• card-in-card
  • update z-index and various styles (#6603)
• content-group-horizontal
  • adding back deprecated scss file (#6507)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• styles
  • update clean-css to remove duplicates and includes (#6609)
• url
  • change to the new url at ibm.com (#6604)
• storybook
  • restore react storybook webpack fast-sass-loader (#6581)
  • adds a11y tab to stories (#6500)

Services

Deprecation warning

• VideoPlayerAPI has been deprecated in favor of KalturaPlayerAPI

Features

• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Fixes

• cloud-masthead
  • hc-2086 properly form request return object (#6714)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• url
  • change to the new url at ibm.com (#6604)

Services Store

Features

• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Utilities

Features

• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Housekeeping

• settings
  • update settings to v1.22.0
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)

Web Components

Fixes

• cloud-masthead
  • hc-2086 properly form request return object (#6714)
• rtl
  • add codesandbox example for cloud masthead (#6713)

Styles

Fixes

• megamenu
  • adjust height for megamenu to work for cloud's drupal integration (#6718)
• cloud-masthead
  • megamenu height is not displaying correctly within the drupal integration (#6708)

Services

Fixes

• cloud-masthead
  • hc-2086 properly form request return object (#6714)

Web Components

Features

• env
  • adding rtl staging environments (#6684)

Fixes

• overflow
  • ensure overflow looks and works properly in rtl (#6681)
• cta-card
  • updating video-cta-composite to match new api (#6683)

React

Features

• env
  • adding rtl staging environments (#6684)

Styles

Fixes

• overflow
  • ensure overflow looks and works properly in rtl (#6681)

Web Components

Features

• card-section-offset
  • create component (#6632)
• filter panel
  • update accessibility and fixing styles package (#6654)
• filter-panel
  • introduce filter panel component (#6443)
• masthead
  • globalization support (#6586)
• background-media
  • add "background media" ui component (#6548)
• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• content-block-horizontal
  • name change and deprecation (#6489)
• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Fixes

• cloud-masthead
  • cloud masthead + mega menu design enhancement follow up fixes (#6631)
• cta-block
  • remove margin top from video container (#6641)
• masthead
  • set text wrapping for menu dropdown items (#6640)
  • fixes various masthead styles (#6491)
• locale-modal
  • set locale modal to not disappear on mobile keyboard (#6628)
• layout
  • wrapping layout story in 12 columns grid (#6353)
• card-in-card
  • update z-index and various styles (#6603)
• playwright
  • removal of playwright and integration tests (#6613)
• e2e
  • added timeout for render time on ci (#6559)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• content-block-mixed
  • update import paths in docs (#6630)
• content-item-horizontal
  • add missing alt text (#6605)
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• url
  • change to the new url at ibm.com (#6604)
• examples
  • multiple fixes to web components codesandbox examples (#6570)
• e2e
  • creating dynamically generated index file (#6566)
• cypress
  • introduce cypress/percy testing for web components codesandbox examples (#6476)
• storybook
  • adds a11y tab to stories (#6500)

React

Features

• content-block-horizontal
  • name change and deprecation (react) (#6666)

Fixes

• masthead
  • set text wrapping for menu dropdown items (#6640)
• featurecta
  • adjust prop cta structure to set target correctly (#6590)
• playwright
  • removal of playwright and integration tests (#6613)
• cardlink
  • fix disabled behavior (#6514)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• url
  • change to the new url at ibm.com (#6604)
• storybook
  • restore react storybook webpack fast-sass-loader (#6581)
  • adds a11y tab to stories (#6500)

Styles

Features

• card-section-offset
  • create component (#6632)
• filter panel
  • update accessibility and fixing styles package (#6654)
• filter-panel
  • introduce filter panel component (#6443)
• background-media
  • add "background media" ui component (#6548)
• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• content-block-horizontal
  • name change and deprecation (#6489)

Fixes

• cta-block
  • remove margin top from video container (#6641)
• masthead
  • set text wrapping for menu dropdown items (#6640)
  • set white theme to left nav (#6611)
  • fixes various masthead styles (#6491)
• card-in-card
  • update z-index and various styles (#6603)
• content-group-horizontal
  • adding back deprecated scss file (#6507)
• link-with-icon
  • fixes layout styles (#6479)

Housekeeping

• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)
• styles
  • update clean-css to remove duplicates and includes (#6609)
• url
  • change to the new url at ibm.com (#6604)
• storybook
  • restore react storybook webpack fast-sass-loader (#6581)
  • adds a11y tab to stories (#6500)

Services

Features

• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Housekeeping

• videoplayerapi
  • deprecation in favor of kalturaplayerapi (#6635)
• url
  • change to the new url at ibm.com (#6604)

Services Store

Features

• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Utilities

Features

• left-nav
  • refactor into left-nav-sections and include animations (#6393)
• cloud-masthead
  • hc-1993 expose a new authentication checking method for the docs/console team (#6416)

Housekeeping

• settings
  • update settings to v1.22.0
• upgrade
  • upgrade to carbon 10.39.0 (#6601)
  • upgrade to carbon 10.38.0 (#6477)

Web Components

Features

• footer
  • added adjunct links (#6432)
• content-item-horizontal-thumbnail
  • add thumbnail variation (#6425)
• card-group
  • add option for 2-4 cards per row (#6367)
• card
  • ensure card footer is accessible with card static (#6467)
• feature-section
  • add "feature section" layout component (#6344)
• content-block
  • added mock markup for content-block-heading (#6349)
• card-static
  • create react static card, light and border options (#6215)
• cdn
  • introduce individual packages for each web component (#6348)
• lead-space
  • background image now stacks in mobile breakpoints (#6262)

Fixes

• card-static
  • cta link not working in safari (#6506)
• cta-block
  • added padding on mobile breakpoint (#6330)
• link-list
  • remove border hang (#6223)
• text-cta
  • change handleslotchange to use event (#6462)
• cdn
  • fix to properly pass in feature flags into rollup config (#6458)
  • enable css custom properties in cdn artifacts (#6433)
• cloud-megamenu
  • modify regex to only remove punctuation special characters (#6451)
• card-group
  • fix offset and optional gradient (#6435)
• cta
  • aligned feature card stories (#6301)
• content-group
  • spacing above and below (#6337)
• carousel
  • prev/next button a11y fixes (#6406)
• language-selector
  • update menu bottom spacing (#6305)
• content-block-segmented
  • align react and wc versions (#6072)
• masthead-l1
  • match data structure to react and reuse general rendernavitems function (#6331)
• storybook
  • adjust dotcomshell and masthead knobs for platform (#6310)
• dotcom-shell
  • horizontal toc feature card fix (#6307)
• e2e
  • fixing content-block-card-static e2e build test (#6283)

Housekeeping

• back-to-top
  • update storybook content (#6429)
• percy
  • add visual snapshots script (#6481)
• upgrade
  • upgrade to carbon 10.37.0 (#6457)
• rtl
  • adding rtl versions of components in storybook documentation (#6449)
• stable-selectors
  • add missing selectors (#6434)
• cdn
  • updated to point to the new cdn urls (#6408)
  • adding reusable cdn doc partials for web components (#6385)
• cloud-masthead
  • update styles flex value (#6285)
• e2e
  • introduce web components build script for isolated components (#6258)

React

Features

• card-group
  • add option for 2-4 cards per row (#6367)
• footer
  • added custom adjunct links (#6271)
• card-static
  • create react static card, light and border options (#6215)
• lead-space
  • background image now stacks in mobile breakpoints (#6262)

Fixes

• mastheadsearch
  • set focus on search suggestion to false (#6553)
• masthead
  • use aria-label instead of labelledby (#6468)
  • update search wai-aria attributes (#6440)
• leadspace
  • width and theme fix (#6448)
• cta
  • aligned feature card stories (#6301)
• content-block-segmented
  • align react and wc versions (#6072)
• content-item
  • allow button as cta style (#6167)

Housekeeping

• upgrade
  • upgrade to carbon 10.37.0 (#6457)
• leadspace
  • clean up args and attr (#6428)

Styles

Features

• content-item-horizontal-thumbnail
  • add thumbnail variation (#6425)
• card-group
  • add option for 2-4 cards per row (#6367)
• footer
  • added custom adjunct links (#6271)
• feature-section
  • add "feature section" layout component (#6344)
• card-static
  • create react static card, light and border options (#6215)
• lead-space
  • background image now stacks in mobile breakpoints (#6262)

Fixes

• styles
  • temporarily hard-code breakpoint values (#6557)
• feature-section
  • add missing 16px spacing under eyebrow (#6471)
• content-item-horizontal-media
  • set row width to 100% to render properly within content-group-horizontal (#6456)
• leadspace
  • width and theme fix (#6448)
• card-group
  • fix offset and optional gradient (#6435)
  • updated border color (#6313)
• cta
  • aligned feature card stories (#6301)
• back-to-top
  • remove extra spacing (#6383)
  • fix button right padding (#6304)
• tabs-extended-media
  • page wobble while scrolling fix (#6368)
• content-group
  • spacing above and below (#6337)
• language-selector
  • update menu bottom spacing (#6305)
• content-block-segmented
  • align react and wc versions (#6072)

Housekeeping

• back-to-top
  • update storybook content (#6429)
• upgrade
  • upgrade to carbon 10.37.0 (#6457)

Services Store

Fixes

• masthead-l1
  • match data structure to react and reuse general rendernavitems function (#6331)

Utilities

Features

• content-block
  • added mock markup for content-block-heading (#6349)

Fixes

• striphtml
  • add check if there are no surrounding elements (#6484)

Housekeeping

• settings
  • update settings to v1.21.0
• upgrade
  • upgrade to carbon 10.37.0 (#6457)