intergalactic 15.107.0 → 15.108.0-prerelease.1

package/card/lib/cjs/style/card.shadow.css

@@ -8,23 +8,21 @@ SCard {
     --intergalactic-box-shadow-card,
     0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
   );
-}
 
-STitle {
-  color: var(--intergalactic-text-primary, #191b23);
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  font-weight: var(--intergalactic-bold, 700);
-  margin-right: var(--intergalactic-spacing-1x, 4px);
-}
+  STitle {
+    color: var(--intergalactic-text-primary, #191b23);
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+    font-weight: var(--intergalactic-bold, 700);
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
 
-SIcon {
-  color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
-  cursor: help;
-  margin-right: var(--intergalactic-spacing-1x, 4px);
-}
-STooltip {
-  vertical-align: middle;
+  [data-ui-name='DescriptionTooltip.Trigger'] {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+    line-height: normal;
+    vertical-align: top;
+    margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
+  }
 }
 
 SDescription {

package/card/lib/es6/Card.js

@@ -14,17 +14,16 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import { Text } from 'intergalactic/typography';
+import { ButtonLink } from 'intergalactic/button';
 import { DescriptionTooltip } from 'intergalactic/tooltip';
 import InfoM from 'intergalactic/icon/Info/m';
 /*__reshadow-styles__:"./style/card.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1qu85_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n    0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n  )}.___SIcon_1qu85_gg_,.___STitle_1qu85_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SIcon_1qu85_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_1qu85_gg_{vertical-align:middle}.___SDescription_1qu85_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1qu85_gg_,.___SHeader_1qu85_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1qu85_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1qu85_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1qu85_gg_") /*__reshadow_css_end__*/, {
-  "__SCard": "___SCard_1qu85_gg_",
-  "__STitle": "___STitle_1qu85_gg_",
-  "__SIcon": "___SIcon_1qu85_gg_",
-  "__STooltip": "___STooltip_1qu85_gg_",
-  "__SDescription": "___SDescription_1qu85_gg_",
-  "__SHeader": "___SHeader_1qu85_gg_",
-  "__SBody": "___SBody_1qu85_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_1c81w_gg_{box-sizing:border-box;background:var(--intergalactic-bg-primary-neutral, #ffffff);padding:0;border:0;border-radius:var(--intergalactic-surface-rounded, 6px);box-shadow:var(--intergalactic-box-shadow-card,\n    0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)\n  )}.___SCard_1c81w_gg_ .___STitle_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin-right:var(--intergalactic-spacing-1x, 4px)}.___SCard_1c81w_gg_ [data-ui-name=\"DescriptionTooltip.Trigger\"]{margin-right:var(--intergalactic-spacing-1x, 4px);line-height:normal;vertical-align:top;margin-top:calc(var(--intergalactic-spacing-1x, 4px)/2)}.___SDescription_1c81w_gg_{margin-bottom:0;margin-top:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);color:var(--intergalactic-text-secondary, #6c6e79)}.___SBody_1c81w_gg_,.___SHeader_1c81w_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_1c81w_gg_{padding-top:var(--intergalactic-spacing-2x, 8px);padding-bottom:var(--intergalactic-spacing-2x, 8px);box-shadow:inset 0-1px 0 var(--intergalactic-border-secondary, #e0e1e9)}.___SBody_1c81w_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "1c81w_gg_") /*__reshadow_css_end__*/, {
+  "__SDescription": "___SDescription_1c81w_gg_",
+  "__SHeader": "___SHeader_1c81w_gg_",
+  "__SBody": "___SBody_1c81w_gg_",
+  "__SCard": "___SCard_1c81w_gg_",
+  "__STitle": "___STitle_1c81w_gg_"
 });
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 var CardRoot = /*#__PURE__*/function (_Component) {
@@ -62,20 +61,18 @@ function Title(props) {
     hintAfterAriaLabel = props.hintAfterAriaLabel;
   var hintAfter = props.hintAfter || props.hint;
   var STitle = Text;
-  var SIcon = InfoM;
-  var STooltip = DescriptionTooltip;
-  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
-    "ml": 1,
-    "title": innerHint,
-    "aria-label": innerHintAriaLabel
-  }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
-    "interactive": true
-  })))), hintAfter && /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
-    "title": hintAfter,
-    "aria-label": hintAfterAriaLabel
-  }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
-    "interactive": true
-  }))));
+  return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(STitle, _ref7.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/React.createElement(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/React.createElement(DescriptionTooltip.Trigger, {
+    tag: ButtonLink,
+    ml: 1,
+    use: 'secondary',
+    "aria-label": innerHintAriaLabel,
+    color: '--intergalactic-icon-secondary-neutral'
+  }, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(DescriptionTooltip.Popper, null, innerHint))), hintAfter && /*#__PURE__*/React.createElement(DescriptionTooltip, _ref7.cn("DescriptionTooltip", {}), /*#__PURE__*/React.createElement(DescriptionTooltip.Trigger, {
+    tag: ButtonLink,
+    use: 'secondary',
+    "aria-label": hintAfterAriaLabel,
+    color: '--intergalactic-icon-secondary-neutral'
+  }, /*#__PURE__*/React.createElement(ButtonLink.Addon, null, /*#__PURE__*/React.createElement(InfoM, _ref7.cn("InfoM", {})))), /*#__PURE__*/React.createElement(DescriptionTooltip.Popper, null, hintAfter)));
 }
 function Description(props) {
   var _ref3 = arguments[0],

package/card/lib/es6/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","DescriptionTooltip","InfoM","style","_sstyled","insert","isAdvanceMode","CardRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","SIcon","STooltip","Fragment","_assignProps2","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref10","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\n\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { Children, styles, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n    return sstyled(styles)(\n      <SCard render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Card.Body>\n            <Children />\n          </Card.Body>\n        )}\n      </SCard>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n  const SIcon = InfoM;\n  const STooltip = DescriptionTooltip;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <STooltip ml={1} title={innerHint} aria-label={innerHintAriaLabel}>\n            <SIcon interactive />\n          </STooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <STooltip title={hintAfter} aria-label={hintAfterAriaLabel}>\n          <SIcon interactive />\n        </STooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n  const { styles } = props;\n  const SBody = Root;\n  return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n  Title,\n  Description,\n  Header,\n  Body,\n});\n\nexport default Card;\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","ButtonLink","DescriptionTooltip","InfoM","style","_sstyled","insert","isAdvanceMode","CardRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref6","SCard","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","Card","Header","displayName","Body","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Fragment","_assignProps2","Trigger","tag","ml","use","color","Addon","Popper","Description","_ref3","_ref8","SDescription","_assignProps3","_ref4","_ref9","SHeader","_assignProps4","_ref5","_ref10","SBody","_assignProps5"],"sources":["../../src/Card.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { ButtonLink } from '@semcore/button';\nimport { DescriptionTooltip } from '@semcore/tooltip';\nimport InfoM from '@semcore/icon/Info/m';\nimport style from './style/card.shadow.css';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nclass CardRoot extends Component {\n  static displayName = 'Card';\n\n  static style = style;\n\n  render() {\n    const SCard = Root;\n    const { Children, styles, forcedAdvancedMode } = this.asProps;\n\n    const advancedMode =\n      forcedAdvancedMode ||\n      isAdvanceMode(Children, [Card.Header.displayName, Card.Body.displayName]);\n\n    return sstyled(styles)(\n      <SCard render={Box}>\n        {advancedMode ? (\n          <Children />\n        ) : (\n          <Card.Body>\n            <Children />\n          </Card.Body>\n        )}\n      </SCard>,\n    );\n  }\n}\n\nfunction Title(props) {\n  const { styles, innerHint, Children, innerHintAriaLabel, hintAfterAriaLabel } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <DescriptionTooltip>\n            <DescriptionTooltip.Trigger\n              tag={ButtonLink}\n              ml={1}\n              use={'secondary'}\n              aria-label={innerHintAriaLabel}\n              color={'--intergalactic-icon-secondary-neutral'}\n            >\n              <ButtonLink.Addon>\n                <InfoM />\n              </ButtonLink.Addon>\n            </DescriptionTooltip.Trigger>\n            <DescriptionTooltip.Popper>{innerHint}</DescriptionTooltip.Popper>\n          </DescriptionTooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <DescriptionTooltip>\n          <DescriptionTooltip.Trigger\n            tag={ButtonLink}\n            use={'secondary'}\n            aria-label={hintAfterAriaLabel}\n            color={'--intergalactic-icon-secondary-neutral'}\n          >\n            <ButtonLink.Addon>\n              <InfoM />\n            </ButtonLink.Addon>\n          </DescriptionTooltip.Trigger>\n          <DescriptionTooltip.Popper>{hintAfter}</DescriptionTooltip.Popper>\n        </DescriptionTooltip>\n      )}\n    </>,\n  );\n}\n\nfunction Description(props) {\n  const { styles } = props;\n  const SDescription = Root;\n  return sstyled(styles)(<SDescription render={Text} tag='p' />);\n}\n\nfunction Header(props) {\n  const { styles } = props;\n  const SHeader = Root;\n  return sstyled(styles)(<SHeader render={Box} {...props} />);\n}\n\nfunction Body(props) {\n  const { styles } = props;\n  const SBody = Root;\n  return sstyled(styles)(<SBody render={Box} {...props} />);\n}\n\nconst Card = createComponent(CardRoot, {\n  Title,\n  Description,\n  Header,\n  Body,\n});\n\nexport default Card;\n"],"mappings":"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"}

package/card/lib/es6/style/card.shadow.css

@@ -8,23 +8,21 @@ SCard {
     --intergalactic-box-shadow-card,
     0px 0px 1px 0px rgba(25, 27, 35, 0.16), 0px 1px 2px 0px rgba(25, 27, 35, 0.12)
   );
-}
 
-STitle {
-  color: var(--intergalactic-text-primary, #191b23);
-  font-size: var(--intergalactic-fs-300, 16px);
-  line-height: var(--intergalactic-lh-300, 150%);
-  font-weight: var(--intergalactic-bold, 700);
-  margin-right: var(--intergalactic-spacing-1x, 4px);
-}
+  STitle {
+    color: var(--intergalactic-text-primary, #191b23);
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+    font-weight: var(--intergalactic-bold, 700);
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+  }
 
-SIcon {
-  color: var(--intergalactic-icon-secondary-neutral, #a9abb6);
-  cursor: help;
-  margin-right: var(--intergalactic-spacing-1x, 4px);
-}
-STooltip {
-  vertical-align: middle;
+  [data-ui-name='DescriptionTooltip.Trigger'] {
+    margin-right: var(--intergalactic-spacing-1x, 4px);
+    line-height: normal;
+    vertical-align: top;
+    margin-top: calc(var(--intergalactic-spacing-1x, 4px) / 2);
+  }
 }
 
 SDescription {

package/card/package.json

@@ -1 +1 @@
-{"name":"intergalactic/card","description":"Semrush Card Component","version":"5.40.5","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.35.0","@semcore/flex-box":"5.32.0","@semcore/typography":"5.41.1","@semcore/tooltip":"6.41.0","@semcore/icon":"4.44.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/card"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/icon":"*"}}
+{"name":"intergalactic/card","description":"Semrush Card Component","version":"5.41.0-prerelease.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.36.0-prerelease.1","@semcore/flex-box":"5.33.0-prerelease.1","@semcore/typography":"5.42.0-prerelease.1","@semcore/tooltip":"6.42.0-prerelease.1","@semcore/button":"5.37.0-prerelease.1","@semcore/icon":"4.45.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.31.0-prerelease.1","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/card"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/typography":"*","@semcore/icon":"*"}}

package/carousel/lib/cjs/Carousel.js

@@ -31,27 +31,27 @@ var _findComponent = require("intergalactic/utils/lib/findComponent");
 var _breakpoints = require("intergalactic/breakpoints");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index2.sstyled.insert( /*__inner_css_start__*/".___SCarousel_1pqd9_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_1pqd9_gg_.__keyboardFocused_1pqd9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_1pqd9_gg_{display:flex;transition:transform var(--duration_1pqd9) ease-in-out}.___SContentBox_1pqd9_gg_,.___SModalBox_1pqd9_gg_{overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SModalContainer_1pqd9_gg_{display:flex;transition:transform var(--duration_1pqd9) ease-in-out}.___SItem_1pqd9_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_1pqd9);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_1pqd9_gg_.__zoomIn_1pqd9_gg_{cursor:zoom-in}.___SItem_1pqd9_gg_.__zoomOut_1pqd9_gg_{cursor:zoom-out}.___SIndicators_1pqd9_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_1pqd9_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_1pqd9_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_1pqd9_gg_.__active_1pqd9_gg_{opacity:1}.___SIndicator_1pqd9_gg_.__inverted_1pqd9_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_1pqd9_gg_,.___SPrev_1pqd9_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_1pqd9_gg_ .___SNextButton_1pqd9_gg_ span:has(>svg:only-child),.___SNext_1pqd9_gg_ .___SPrevButton_1pqd9_gg_ span:has(>svg:only-child),.___SPrev_1pqd9_gg_ .___SNextButton_1pqd9_gg_ span:has(>svg:only-child),.___SPrev_1pqd9_gg_ .___SPrevButton_1pqd9_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_1pqd9_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_1pqd9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_1pqd9_gg_.__disabled_1pqd9_gg_,.___SPrev_1pqd9_gg_.__disabled_1pqd9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_1pqd9_gg_{transition:none}}" /*__inner_css_end__*/, "1pqd9_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_1pqd9_gg_",
-  "_keyboardFocused": "__keyboardFocused_1pqd9_gg_",
-  "__SContainer": "___SContainer_1pqd9_gg_",
-  "--duration": "--duration_1pqd9",
-  "__SContentBox": "___SContentBox_1pqd9_gg_",
-  "__SModalBox": "___SModalBox_1pqd9_gg_",
-  "__SModalContainer": "___SModalContainer_1pqd9_gg_",
-  "__SItem": "___SItem_1pqd9_gg_",
-  "--transform": "--transform_1pqd9",
-  "_zoomIn": "__zoomIn_1pqd9_gg_",
-  "_zoomOut": "__zoomOut_1pqd9_gg_",
-  "__SIndicators": "___SIndicators_1pqd9_gg_",
-  "__SIndicator": "___SIndicator_1pqd9_gg_",
-  "_active": "__active_1pqd9_gg_",
-  "_inverted": "__inverted_1pqd9_gg_",
-  "__SPrev": "___SPrev_1pqd9_gg_",
-  "__SNext": "___SNext_1pqd9_gg_",
-  "_disabled": "__disabled_1pqd9_gg_",
-  "__SPrevButton": "___SPrevButton_1pqd9_gg_",
-  "__SNextButton": "___SNextButton_1pqd9_gg_"
+var style = ( /*__reshadow_css_start__*/_index2.sstyled.insert( /*__inner_css_start__*/".___SCarousel_11eq6_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_11eq6_gg_{display:flex;transition:transform var(--duration_11eq6) ease-in-out}.___SContentBox_11eq6_gg_,.___SModalBox_11eq6_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_11eq6_gg_:has(.___SItem_11eq6_gg_.__keyboardFocused_11eq6_gg_):after,.___SModalBox_11eq6_gg_:has(.___SItem_11eq6_gg_.__keyboardFocused_11eq6_gg_):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_11eq6_gg_{display:flex;transition:transform var(--duration_11eq6) ease-in-out}.___SItem_11eq6_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_11eq6);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_11eq6_gg_.__zoomIn_11eq6_gg_{cursor:zoom-in}.___SItem_11eq6_gg_.__zoomOut_11eq6_gg_{cursor:zoom-out}.___SIndicators_11eq6_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px);outline:0;position:relative}.___SIndicators_11eq6_gg_.__keyboardFocused_11eq6_gg_:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px);top:0;left:3px}.___SIndicator_11eq6_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_11eq6_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_11eq6_gg_.__active_11eq6_gg_{opacity:1}.___SIndicator_11eq6_gg_.__inverted_11eq6_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_11eq6_gg_,.___SPrev_11eq6_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_11eq6_gg_ .___SNextButton_11eq6_gg_ span:has(>svg:only-child),.___SNext_11eq6_gg_ .___SPrevButton_11eq6_gg_ span:has(>svg:only-child),.___SPrev_11eq6_gg_ .___SNextButton_11eq6_gg_ span:has(>svg:only-child),.___SPrev_11eq6_gg_ .___SPrevButton_11eq6_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SNextButton_11eq6_gg_:focus-visible,.___SPrevButton_11eq6_gg_:focus-visible{box-shadow:none}.___SNextButton_11eq6_gg_:focus-visible:after,.___SPrevButton_11eq6_gg_:focus-visible:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPrev_11eq6_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_11eq6_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_11eq6_gg_.__disabled_11eq6_gg_,.___SPrev_11eq6_gg_.__disabled_11eq6_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_11eq6_gg_{transition:none}}" /*__inner_css_end__*/, "11eq6_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_11eq6_gg_",
+  "__SContainer": "___SContainer_11eq6_gg_",
+  "--duration": "--duration_11eq6",
+  "__SModalContainer": "___SModalContainer_11eq6_gg_",
+  "__SItem": "___SItem_11eq6_gg_",
+  "--transform": "--transform_11eq6",
+  "_zoomIn": "__zoomIn_11eq6_gg_",
+  "_zoomOut": "__zoomOut_11eq6_gg_",
+  "__SIndicators": "___SIndicators_11eq6_gg_",
+  "_keyboardFocused": "__keyboardFocused_11eq6_gg_",
+  "__SIndicator": "___SIndicator_11eq6_gg_",
+  "_active": "__active_11eq6_gg_",
+  "_inverted": "__inverted_11eq6_gg_",
+  "__SPrev": "___SPrev_11eq6_gg_",
+  "__SNext": "___SNext_11eq6_gg_",
+  "_disabled": "__disabled_11eq6_gg_",
+  "__SContentBox": "___SContentBox_11eq6_gg_",
+  "__SModalBox": "___SModalBox_11eq6_gg_",
+  "__SPrevButton": "___SPrevButton_11eq6_gg_",
+  "__SNextButton": "___SNextButton_11eq6_gg_"
 });
 var MAP_TRANSFORM = {
   ArrowLeft: 'left',
@@ -59,8 +59,7 @@ var MAP_TRANSFORM = {
 };
 var enhance = {
   uid: (0, _uniqueID["default"])(),
-  getI18nText: (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages),
-  keyboardFocusEnhance: (0, _keyboardFocusEnhance["default"])()
+  i18nEnahnce: (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)
 };
 var media = ['(min-width: 481px)', '(max-width: 480px)'];
 var BreakPoints = (0, _breakpoints.createBreakpoints)(media);
@@ -347,7 +346,8 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     value: function getPrevProps() {
       var _this$asProps = this.asProps,
         bounded = _this$asProps.bounded,
-        getI18nText = _this$asProps.getI18nText;
+        getI18nText = _this$asProps.getI18nText,
+        uid = _this$asProps.uid;
       var _this$state3 = this.state,
         items = _this$state3.items,
         selectedIndex = _this$state3.selectedIndex;
@@ -360,7 +360,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
         onKeyDown: this.bindHandlerKeydownControl('left'),
         disabled: disabled,
         label: getI18nText('prev'),
-        tabIndex: -1
+        'aria-controls': "igc-".concat(uid, "-carousel")
       };
     }
   }, {
@@ -368,7 +368,8 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     value: function getNextProps() {
       var _this$asProps2 = this.asProps,
         bounded = _this$asProps2.bounded,
-        getI18nText = _this$asProps2.getI18nText;
+        getI18nText = _this$asProps2.getI18nText,
+        uid = _this$asProps2.uid;
       var _this$state4 = this.state,
         items = _this$state4.items,
         selectedIndex = _this$state4.selectedIndex;
@@ -381,7 +382,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
         onKeyDown: this.bindHandlerKeydownControl('right'),
         disabled: disabled,
         label: getI18nText('next'),
-        tabIndex: -1
+        'aria-controls': "igc-".concat(uid, "-carousel")
       };
     }
   }, {
@@ -389,6 +390,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
     value: function getIndicatorsProps() {
       var _this4 = this;
       var items = this.state.items;
+      var getI18nText = this.asProps.getI18nText;
       return {
         items: items.map(function (item, key) {
           return {
@@ -396,6 +398,22 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
             onClick: _this4.bindHandlerClickIndicator(key),
             key: key
           };
+        }),
+        role: 'tablist',
+        'aria-label': getI18nText('slides')
+      };
+    }
+  }, {
+    key: "getIndicatorProps",
+    value: function getIndicatorProps(_, index) {
+      var isCurrent = this.isSelected(index);
+      var getI18nText = this.asProps.getI18nText;
+      return {
+        role: 'tab',
+        'aria-selected': isCurrent,
+        'aria-controls': "igc-".concat(this.asProps.uid, "-carousel-item-").concat(index),
+        'aria-label': getI18nText('slide', {
+          slideNumber: index + 1
         })
       };
     }
@@ -427,9 +445,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
   }, {
     key: "isSelected",
     value: function isSelected(index) {
-      var _this$state7 = this.state,
-        items = _this$state7.items,
-        selectedIndex = _this$state7.selectedIndex;
+      var items = this.state.items;
       if (items.length === 0) {
         return true;
       }
@@ -447,10 +463,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps3.styles,
         uid = _this$asProps3.uid,
         duration = _this$asProps3.duration,
-        hasZoom = _this$asProps3.zoom,
-        zoomWidth = _this$asProps3.zoomWidth,
-        ariaLabel = _this$asProps3['aria-label'],
-        ariaRoledescription = _this$asProps3['aria-roledescription'];
+        zoomWidth = _this$asProps3.zoomWidth;
       var isOpenZoom = this.state.isOpenZoom;
       return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_modal["default"], _ref9.cn("Modal", {
         "visible": isOpenZoom,
@@ -462,7 +475,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
       }), !isSmall && /*#__PURE__*/_react["default"].createElement(Carousel.Prev, {
         inverted: true
       }), /*#__PURE__*/_react["default"].createElement(SModalBox, _ref9.cn("SModalBox", {}), /*#__PURE__*/_react["default"].createElement(SModalContainer, _ref9.cn("SModalContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'list',
+        "aria-live": 'polite',
         "use:duration": "".concat(duration, "ms"),
         "ref": this.refModalContainer,
         "use:w": undefined,
@@ -502,6 +515,7 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps4 = this.asProps,
         styles = _this$asProps4.styles,
         Children = _this$asProps4.Children,
+        uid = _this$asProps4.uid,
         hasZoom = _this$asProps4.zoom,
         ariaLabel = _this$asProps4['aria-label'],
         ariaRoledescription = _this$asProps4['aria-roledescription'],
@@ -509,13 +523,15 @@ var CarouselRoot = /*#__PURE__*/function (_Component) {
       var ComponentItems = (0, _findComponent.findAllComponents)(Children, ['Carousel.Item']);
       var Controls = (0, _findComponent.findAllComponents)(Children, ['Carousel.Prev', 'Carousel.Next', 'Carousel.Indicators']);
       return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCarousel, _ref10.cn("SCarousel", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-        "role": 'group',
+        "role": 'region',
+        "roledescription": 'carousel',
         "onKeyDown": this.handlerKeyDown,
         "onTouchStart": this.handlerTouchStart,
         "onTouchEnd": this.handlerTouchEnd,
-        "ref": this.refCarousel
+        "ref": this.refCarousel,
+        "id": "igc-".concat(uid, "-carousel"),
+        "aria-roledescription": ariaRoledescription
       }, _ref2))), Controls.length === 0 ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, _ref10.cn("Flex", {}), /*#__PURE__*/_react["default"].createElement(Carousel.Prev, null), /*#__PURE__*/_react["default"].createElement(SContentBox, _ref10.cn("SContentBox", {}), /*#__PURE__*/_react["default"].createElement(Carousel.Container, {
-        "aria-roledescription": ariaRoledescription,
         "aria-label": ariaLabel
       }, /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {})))), /*#__PURE__*/_react["default"].createElement(Carousel.Next, null)), indicators === 'default' && /*#__PURE__*/_react["default"].createElement(Carousel.Indicators, null), indicators === 'preview' && /*#__PURE__*/_react["default"].createElement(Carousel.Indicators, null, function () {
         return ComponentItems.map(function (item, index) {
@@ -554,8 +570,8 @@ var Container = function Container(props) {
   var styles = props.styles,
     duration = props.duration;
   return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref11.cn("SContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "role": 'list',
-    "use:duration": "".concat(duration, "ms")
+    "use:duration": "".concat(duration, "ms"),
+    "aria-live": 'polite'
   }, _ref3))));
 };
 var Item = /*#__PURE__*/function (_Component2) {
@@ -569,6 +585,7 @@ var Item = /*#__PURE__*/function (_Component2) {
     }
     _this7 = _super2.call.apply(_super2, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this7), "refItem", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this7), "keepFocusTimeout", void 0);
     return _this7;
   }
   (0, _createClass2["default"])(Item, [{
@@ -593,15 +610,25 @@ var Item = /*#__PURE__*/function (_Component2) {
       toggleItem && refItem && toggleItem({
         node: refItem
       }, true);
+      clearTimeout(this.keepFocusTimeout);
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
+      clearTimeout(this.keepFocusTimeout);
       var transform = this.props.transform;
       var refItem = this.refItem.current;
       if (prevProps.transform !== transform && refItem) {
         refItem.style.transform = "translateX(".concat(transform, "%)");
       }
+      if (this.props.current) {
+        this.keepFocusTimeout = setTimeout(function () {
+          var _document$activeEleme;
+          if (document.activeElement !== refItem && ((_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.dataset.carousel) === (refItem === null || refItem === void 0 ? void 0 : refItem.dataset.carousel)) {
+            refItem === null || refItem === void 0 ? void 0 : refItem.focus();
+          }
+        }, 100);
+      }
     }
   }, {
     key: "render",
@@ -614,14 +641,15 @@ var Item = /*#__PURE__*/function (_Component2) {
         uid = _this$props2.uid,
         current = _this$props2.current,
         zoomIn = _this$props2.zoomIn,
-        onToggleZoomModal = _this$props2.onToggleZoomModal,
-        transform = _this$props2.transform;
+        onToggleZoomModal = _this$props2.onToggleZoomModal;
       var SItem = _flexBox.Box;
       return _ref12 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SItem, _ref12.cn("SItem", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "ref": this.refItem,
-        "role": 'listitem',
+        "role": 'tabpanel',
+        "data-carousel": "igc-".concat(uid, "-carousel"),
         "id": "igc-".concat(uid, "-carousel-item-").concat(index),
         "aria-current": current,
+        "use:tabIndex": current ? 0 : -1,
         "onClick": zoomIn ? onToggleZoomModal : undefined,
         "zoomIn": zoomIn
       }, _ref4))));
@@ -629,6 +657,7 @@ var Item = /*#__PURE__*/function (_Component2) {
   }]);
   return Item;
 }(_core.Component);
+(0, _defineProperty2["default"])(Item, "enhance", [(0, _keyboardFocusEnhance["default"])(false)]);
 var Prev = function Prev(props) {
   var _ref5 = arguments[0],
     _ref13;
@@ -638,8 +667,7 @@ var Prev = function Prev(props) {
     label = props.label,
     _props$top = props.top,
     top = _props$top === void 0 ? 0 : _props$top,
-    inverted = props.inverted,
-    tabIndex = props.tabIndex;
+    inverted = props.inverted;
   var SPrev = _flexBox.Box;
   var SPrevButton = _button["default"];
   return _ref13 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SPrev, _ref13.cn("SPrev", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -649,8 +677,7 @@ var Prev = function Prev(props) {
     "aria-label": label,
     "theme": inverted ? 'invert' : 'muted',
     "use": 'tertiary',
-    "size": 'l',
-    "tabIndex": tabIndex
+    "size": 'l'
   })));
 };
 var Next = function Next(props) {
@@ -662,8 +689,7 @@ var Next = function Next(props) {
     label = props.label,
     _props$top2 = props.top,
     top = _props$top2 === void 0 ? 0 : _props$top2,
-    inverted = props.inverted,
-    tabIndex = props.tabIndex;
+    inverted = props.inverted;
   var SNext = _flexBox.Box;
   var SNextButton = _button["default"];
   return _ref14 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNext, _ref14.cn("SNext", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -673,8 +699,7 @@ var Next = function Next(props) {
     "aria-label": label,
     "theme": inverted ? 'invert' : 'muted',
     "use": 'tertiary',
-    "size": 'l',
-    "tabIndex": tabIndex
+    "size": 'l'
   })));
 };
 var Indicators = function Indicators(_ref19) {
@@ -687,13 +712,9 @@ var Indicators = function Indicators(_ref19) {
   var SIndicators = _flexBox.Box;
   if (Children.origin) {
     var _ref15;
-    return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref15.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-      "aria-hidden": 'true'
-    }, _ref7))), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
+    return _ref15 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref15.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref7))), /*#__PURE__*/_react["default"].createElement(Children, _ref15.cn("Children", {})));
   }
-  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref16.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "aria-hidden": 'true'
-  }, _ref7))), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
+  return _ref16 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SIndicators, _ref16.cn("SIndicators", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref7))), items === null || items === void 0 ? void 0 : items.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(Carousel.Indicator, (0, _extends2["default"])({
       key: index
     }, item, {
@@ -701,6 +722,7 @@ var Indicators = function Indicators(_ref19) {
     }));
   }));
 };
+Indicators.enhance = [(0, _keyboardFocusEnhance["default"])()];
 var Indicator = function Indicator(_ref20) {
   var _ref8 = arguments[0],
     _ref17;