intergalactic 15.93.0 → 15.94.0-prerelease.0

package/button/lib/es6/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","style","_sstyled","insert","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","process","env","NODE_ENV","warn","containerRef","current","Button","displayName","render","_ref","_this2","SButton","SInner","SSpin","_this$asProps","Children","styles","use","_this$asProps$theme","theme","loading","_this$asProps$disable","disabled","neighborLocation","addonLeft","addonRight","useTheme","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Addon","tag","Text","props","_ref2","arguments[0]","_ref5","SText","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\nclass RootButton extends Component {\n  static displayName = 'Button';\n  static enhance = [keyboardFocusEnhance()];\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n  containerRef = React.createRef();\n\n  getTextProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || Button.displayName,\n      );\n    }\n  }\n\n  render() {\n    const SButton = Root;\n    const SInner = Box;\n    const SSpin = Box;\n    const {\n      Children,\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      addonLeft,\n      addonRight,\n    } = this.asProps;\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SButton\n              render={Box}\n              type='button'\n              tag='button'\n              disabled={disabled}\n              neighborLocation={neighborLocation}\n              use:theme={useTheme}\n              ref={this.containerRef}\n              aria-busy={loading}\n              aria-disabled={disabled}\n            >\n              <SInner tag='span' loading={loading}>\n                {addonLeft ? <Button.Addon tag={addonLeft} /> : null}\n                {addonTextChildren(Children, Button.Text, Button.Addon)}\n                {addonRight ? <Button.Addon tag={addonRight} /> : null}\n              </SInner>\n              {loading && (\n                <SSpin tag='span'>\n                  <SpinButton centered size={size} theme={useTheme} />\n                </SSpin>\n              )}\n            </SButton>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","createComponent","Component","sstyled","Root","Box","Hint","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","SpinButton","style","_sstyled","insert","hasLabels","MAP_USE_DEFAULT_THEME","primary","secondary","tertiary","RootButton","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","ariaLabelledByContent","_createClass","key","value","getTextProps","size","asProps","getAddonProps","componentDidMount","_this2","process","env","NODE_ENV","warn","containerRef","current","displayName","setTimeout","_document$getElementB","_document$getElementB2","setState","document","getElementById","textContent","renderChildren","_ref4","_this$asProps","Children","styles","AddonLeft","addonLeft","AddonRight","addonRight","createElement","Fragment","Button","Addon","tag","Text","renderOnlyAddons","_ref5","_ref9","_ref10","_this$asProps2","title","ariaLabel","hintContent","state","cn","render","_ref","_this3","SButton","SInner","SSpin","_this$asProps3","use","_this$asProps3$theme","theme","loading","_this$asProps3$disabl","disabled","neighborLocation","hasChildren","children","useTheme","Detect","_ref6","_objectSpread","_assignProps","props","_ref2","arguments[0]","_ref7","SText","_assignProps2","_ref3","_ref8","SAddon","_assignProps3"],"sources":["../../src/Button.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport { Hint } from '@semcore/tooltip';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport SpinButton from './SpinButton';\n\nimport style from './style/button.shadow.css';\nimport hasLabels from '@semcore/utils/lib/hasLabels';\n\nexport const MAP_USE_DEFAULT_THEME = {\n  primary: 'info',\n  secondary: 'muted',\n  tertiary: 'info',\n};\n\nclass RootButton extends Component {\n  static displayName = 'Button';\n  static enhance = [keyboardFocusEnhance()];\n  static style = style;\n  static defaultProps = {\n    use: 'secondary',\n    size: 'm',\n  };\n  containerRef = React.createRef();\n\n  state = {\n    ariaLabelledByContent: '',\n  };\n\n  getTextProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  getAddonProps() {\n    const { size } = this.asProps;\n    return {\n      size,\n    };\n  }\n\n  componentDidMount() {\n    if (process.env.NODE_ENV !== 'production') {\n      logger.warn(\n        this.containerRef.current && !hasLabels(this.containerRef.current),\n        `'title' or 'aria-label' or 'aria-labelledby' are required props for buttons without text content`,\n        this.asProps['data-ui-name'] || RootButton.displayName,\n      );\n    }\n\n    if (this.asProps['aria-labelledby']) {\n      setTimeout(() => {\n        this.setState({\n          ariaLabelledByContent:\n            document.getElementById(this.asProps['aria-labelledby'])?.textContent ?? '',\n        });\n      }, 0);\n    }\n  }\n\n  renderChildren() {\n    const { Children, styles, addonLeft: AddonLeft, addonRight: AddonRight } = this.asProps;\n\n    return sstyled(styles)(\n      <>\n        {AddonLeft ? <Button.Addon tag={AddonLeft} /> : null}\n        {addonTextChildren(Children, Button.Text, Button.Addon)}\n        {AddonRight ? <Button.Addon tag={AddonRight} /> : null}\n      </>,\n    );\n  }\n\n  renderOnlyAddons() {\n    const {\n      styles,\n      addonLeft: AddonLeft,\n      addonRight: AddonRight,\n      title,\n      ['aria-label']: ariaLabel,\n    } = this.asProps;\n\n    const hintContent = title ?? ariaLabel ?? this.state.ariaLabelledByContent ?? '';\n\n    return sstyled(styles)(\n      <Hint\n        tag={Button.Addon}\n        title={hintContent}\n        timeout={[250, 50]}\n        __excludeProps={['aria-label']}\n      >\n        {AddonLeft && <AddonLeft />}\n        {AddonRight && <AddonRight />}\n      </Hint>,\n    );\n  }\n\n  render() {\n    const SButton = Root;\n    const SInner = Box;\n    const SSpin = Box;\n    const {\n      styles,\n      use,\n      theme = typeof use === 'string' && MAP_USE_DEFAULT_THEME[use],\n      loading,\n      disabled = loading,\n      size,\n      neighborLocation,\n      children: hasChildren,\n    } = this.asProps;\n    const useTheme = use && theme ? `${use}-${theme}` : false;\n\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SButton\n              render={Box}\n              type='button'\n              tag='button'\n              disabled={disabled}\n              neighborLocation={neighborLocation}\n              use:theme={useTheme}\n              ref={this.containerRef}\n              aria-busy={loading}\n              aria-disabled={disabled}\n            >\n              <SInner tag='span' loading={loading}>\n                {hasChildren ? this.renderChildren() : this.renderOnlyAddons()}\n              </SInner>\n              {loading && (\n                <SSpin tag='span'>\n                  <SpinButton centered size={size} theme={useTheme} />\n                </SSpin>\n              )}\n            </SButton>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  return sstyled(props.styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst Button = createComponent(RootButton, {\n  Text,\n  Addon,\n});\n\nexport default Button;\n"],"mappings":"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"}

package/card/index.d.ts

@@ -7,7 +7,7 @@ import { Text, TextProps } from 'intergalactic/typography';
 export interface ITitleProps extends TitleProps, UnknownProperties {}
 export type TitleProps = TextProps & {
   /**
-   * Content of the tooltip that is displayed when hovering over the info icon in the end of title.
+   * Content of the tooltip that is displayed when hovering over the info icon in the end of title. Use it if you don't need Title with Ellipsis.
    */
   innerHint?: React.ReactNode;
   /**
@@ -19,6 +19,10 @@ export type TitleProps = TextProps & {
    * @deprecated
    */
   hint?: React.ReactNode;
+  /** Aria-label for the InnerHint icon */
+  innerHintAriaLabel?: string;
+  /** Aria-label for the HintAfter icon */
+  hintAfterAriaLabel?: string;
 };
 
 declare const Card: Intergalactic.Component<'div', BoxProps> & {

package/card/lib/cjs/Card.js

@@ -17,18 +17,18 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _typography = require("intergalactic/typography");
-var _tooltip = _interopRequireDefault(require("intergalactic/tooltip"));
+var _tooltip = require("intergalactic/tooltip");
 var _m = _interopRequireDefault(require("intergalactic/icon/Info/m"));
 var _findComponent = require("intergalactic/utils/lib/findComponent");
 /*__reshadow-styles__:"./style/card.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_ykmx7_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_ykmx7_gg_,.___STitle_ykmx7_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_ykmx7_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_ykmx7_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_ykmx7_gg_{vertical-align:middle}.___SDescription_ykmx7_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_ykmx7_gg_,.___SHeader_ykmx7_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_ykmx7_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_ykmx7_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "ykmx7_gg_") /*__reshadow_css_end__*/, {
-  "__SCard": "___SCard_ykmx7_gg_",
-  "__STitle": "___STitle_ykmx7_gg_",
-  "__SIcon": "___SIcon_ykmx7_gg_",
-  "__STooltip": "___STooltip_ykmx7_gg_",
-  "__SDescription": "___SDescription_ykmx7_gg_",
-  "__SHeader": "___SHeader_ykmx7_gg_",
-  "__SBody": "___SBody_ykmx7_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCard_11l8s_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_11l8s_gg_,.___STitle_11l8s_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_11l8s_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_11l8s_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_11l8s_gg_{vertical-align:middle}.___SDescription_11l8s_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_11l8s_gg_,.___SHeader_11l8s_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_11l8s_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_11l8s_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "11l8s_gg_") /*__reshadow_css_end__*/, {
+  "__SCard": "___SCard_11l8s_gg_",
+  "__STitle": "___STitle_11l8s_gg_",
+  "__SIcon": "___SIcon_11l8s_gg_",
+  "__STooltip": "___STooltip_11l8s_gg_",
+  "__SDescription": "___SDescription_11l8s_gg_",
+  "__SHeader": "___SHeader_11l8s_gg_",
+  "__SBody": "___SBody_11l8s_gg_"
 });
 var CardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CardRoot, _Component);
@@ -60,18 +60,22 @@ function Title(props) {
     _ref7;
   var styles = props.styles,
     innerHint = props.innerHint,
-    Children = props.Children;
+    Children = props.Children,
+    innerHintAriaLabel = props.innerHintAriaLabel,
+    hintAfterAriaLabel = props.hintAfterAriaLabel;
   var hintAfter = props.hintAfter || props.hint;
   var STitle = _typography.Text;
   var SIcon = _m["default"];
-  var STooltip = _tooltip["default"];
+  var STooltip = _tooltip.DescriptionTooltip;
   return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(STitle, _ref7.cn("STitle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})), innerHint && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
     "ml": 1,
-    "title": innerHint
+    "title": innerHint,
+    "aria-label": innerHintAriaLabel
   }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
     "interactive": true
   })))), hintAfter && /*#__PURE__*/_react["default"].createElement(STooltip, _ref7.cn("STooltip", {
-    "title": hintAfter
+    "title": hintAfter,
+    "aria-label": hintAfterAriaLabel
   }), /*#__PURE__*/_react["default"].createElement(SIcon, _ref7.cn("SIcon", {
     "interactive": true
   }))));

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_tooltip","_m","_findComponent","style","_index","sstyled","insert","CardRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","hintAfter","hint","STitle","Text","SIcon","InfoM","STooltip","Tooltip","Fragment","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref10","SBody","createComponent","_default","exports"],"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 Tooltip 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 } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n  const SIcon = InfoM;\n  const STooltip = Tooltip;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <STooltip ml={1} title={innerHint}>\n            <SIcon interactive />\n          </STooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <STooltip title={hintAfter}>\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":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_tooltip","_m","_findComponent","style","_index","sstyled","insert","CardRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref6","SCard","Box","_this$asProps","Children","styles","forcedAdvancedMode","advancedMode","isAdvanceMode","Card","Header","displayName","Body","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","Title","props","_ref2","arguments[0]","_ref7","innerHint","innerHintAriaLabel","hintAfterAriaLabel","hintAfter","hint","STitle","Text","SIcon","InfoM","STooltip","DescriptionTooltip","Fragment","Description","_ref3","_ref8","SDescription","_ref4","_ref9","SHeader","_ref5","_ref10","SBody","createComponent","_default","exports"],"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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"}

package/card/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon in the end of title.\n   */\n  innerHint?: React.ReactNode;\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon right after the title. Useful in case of using Title with Ellipsis.\n   */\n  hintAfter?: React.ReactNode;\n  /**\n   * Renamed to `hintAfter`\n   * @deprecated\n   */\n  hint?: React.ReactNode;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n  Title: Intergalactic.Component<'div', TitleProps>;\n  Description: typeof Text;\n  Header: typeof Box;\n  Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon in the end of title. Use it if you don't need Title with Ellipsis.\n   */\n  innerHint?: React.ReactNode;\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon right after the title. Useful in case of using Title with Ellipsis.\n   */\n  hintAfter?: React.ReactNode;\n  /**\n   * Renamed to `hintAfter`\n   * @deprecated\n   */\n  hint?: React.ReactNode;\n  /** Aria-label for the InnerHint icon */\n  innerHintAriaLabel?: string;\n  /** Aria-label for the HintAfter icon */\n  hintAfterAriaLabel?: string;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n  Title: Intergalactic.Component<'div', TitleProps>;\n  Description: typeof Text;\n  Header: typeof Box;\n  Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}

package/card/lib/es6/Card.js

@@ -14,17 +14,17 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import { Text } from 'intergalactic/typography';
-import Tooltip from 'intergalactic/tooltip';
+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_ykmx7_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_ykmx7_gg_,.___STitle_ykmx7_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_ykmx7_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_ykmx7_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_ykmx7_gg_{vertical-align:middle}.___SDescription_ykmx7_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_ykmx7_gg_,.___SHeader_ykmx7_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_ykmx7_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_ykmx7_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "ykmx7_gg_") /*__reshadow_css_end__*/, {
-  "__SCard": "___SCard_ykmx7_gg_",
-  "__STitle": "___STitle_ykmx7_gg_",
-  "__SIcon": "___SIcon_ykmx7_gg_",
-  "__STooltip": "___STooltip_ykmx7_gg_",
-  "__SDescription": "___SDescription_ykmx7_gg_",
-  "__SHeader": "___SHeader_ykmx7_gg_",
-  "__SBody": "___SBody_ykmx7_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCard_11l8s_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_11l8s_gg_,.___STitle_11l8s_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___STitle_11l8s_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_11l8s_gg_{color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:help}.___STooltip_11l8s_gg_{vertical-align:middle}.___SDescription_11l8s_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_11l8s_gg_,.___SHeader_11l8s_gg_{padding-left:var(--intergalactic-spacing-5x, 20px);padding-right:var(--intergalactic-spacing-5x, 20px)}.___SHeader_11l8s_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_11l8s_gg_{color:var(--intergalactic-text-primary, #191b23);padding-bottom:var(--intergalactic-spacing-5x, 20px);padding-top:var(--intergalactic-spacing-5x, 20px)}" /*__inner_css_end__*/, "11l8s_gg_") /*__reshadow_css_end__*/, {
+  "__SCard": "___SCard_11l8s_gg_",
+  "__STitle": "___STitle_11l8s_gg_",
+  "__SIcon": "___SIcon_11l8s_gg_",
+  "__STooltip": "___STooltip_11l8s_gg_",
+  "__SDescription": "___SDescription_11l8s_gg_",
+  "__SHeader": "___SHeader_11l8s_gg_",
+  "__SBody": "___SBody_11l8s_gg_"
 });
 import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
 var CardRoot = /*#__PURE__*/function (_Component) {
@@ -57,18 +57,22 @@ function Title(props) {
     _ref7;
   var styles = props.styles,
     innerHint = props.innerHint,
-    Children = props.Children;
+    Children = props.Children,
+    innerHintAriaLabel = props.innerHintAriaLabel,
+    hintAfterAriaLabel = props.hintAfterAriaLabel;
   var hintAfter = props.hintAfter || props.hint;
   var STitle = Text;
   var SIcon = InfoM;
-  var STooltip = Tooltip;
+  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
+    "title": innerHint,
+    "aria-label": innerHintAriaLabel
   }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
     "interactive": true
   })))), hintAfter && /*#__PURE__*/React.createElement(STooltip, _ref7.cn("STooltip", {
-    "title": hintAfter
+    "title": hintAfter,
+    "aria-label": hintAfterAriaLabel
   }), /*#__PURE__*/React.createElement(SIcon, _ref7.cn("SIcon", {
     "interactive": true
   }))));

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","createComponent","Component","sstyled","Root","Box","Text","Tooltip","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","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 Tooltip 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 } = props;\n  const hintAfter = props.hintAfter || props.hint;\n  const STitle = Root;\n  const SIcon = InfoM;\n  const STooltip = Tooltip;\n  return sstyled(styles)(\n    <>\n      <STitle render={Text}>\n        <Children />\n        {innerHint && (\n          <STooltip ml={1} title={innerHint}>\n            <SIcon interactive />\n          </STooltip>\n        )}\n      </STitle>\n      {hintAfter && (\n        <STooltip title={hintAfter}>\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","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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"}

package/card/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon in the end of title.\n   */\n  innerHint?: React.ReactNode;\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon right after the title. Useful in case of using Title with Ellipsis.\n   */\n  hintAfter?: React.ReactNode;\n  /**\n   * Renamed to `hintAfter`\n   * @deprecated\n   */\n  hint?: React.ReactNode;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n  Title: Intergalactic.Component<'div', TitleProps>;\n  Description: typeof Text;\n  Header: typeof Box;\n  Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { Text, TextProps } from '@semcore/typography';\n\n/** @deprecated */\nexport interface ITitleProps extends TitleProps, UnknownProperties {}\nexport type TitleProps = TextProps & {\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon in the end of title. Use it if you don't need Title with Ellipsis.\n   */\n  innerHint?: React.ReactNode;\n  /**\n   * Content of the tooltip that is displayed when hovering over the info icon right after the title. Useful in case of using Title with Ellipsis.\n   */\n  hintAfter?: React.ReactNode;\n  /**\n   * Renamed to `hintAfter`\n   * @deprecated\n   */\n  hint?: React.ReactNode;\n  /** Aria-label for the InnerHint icon */\n  innerHintAriaLabel?: string;\n  /** Aria-label for the HintAfter icon */\n  hintAfterAriaLabel?: string;\n};\n\ndeclare const Card: Intergalactic.Component<'div', BoxProps> & {\n  Title: Intergalactic.Component<'div', TitleProps>;\n  Description: typeof Text;\n  Header: typeof Box;\n  Body: typeof Box;\n};\n\nexport default Card;\n"],"mappings":""}

package/card/lib/types/index.d.ts

@@ -7,7 +7,7 @@ import { Text, TextProps } from 'intergalactic/typography';
 export interface ITitleProps extends TitleProps, UnknownProperties {}
 export type TitleProps = TextProps & {
   /**
-   * Content of the tooltip that is displayed when hovering over the info icon in the end of title.
+   * Content of the tooltip that is displayed when hovering over the info icon in the end of title. Use it if you don't need Title with Ellipsis.
    */
   innerHint?: React.ReactNode;
   /**
@@ -19,6 +19,10 @@ export type TitleProps = TextProps & {
    * @deprecated
    */
   hint?: React.ReactNode;
+  /** Aria-label for the InnerHint icon */
+  innerHintAriaLabel?: string;
+  /** Aria-label for the HintAfter icon */
+  hintAfterAriaLabel?: string;
 };
 
 declare const Card: Intergalactic.Component<'div', BoxProps> & {

package/carousel/lib/cjs/Carousel.js

@@ -32,25 +32,25 @@ 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_1k6hn_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_1k6hn_gg_.__keyboardFocused_1k6hn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_1k6hn_gg_,.___SModalContainer_1k6hn_gg_{display:flex;transition:transform var(--duration_1k6hn) ease-in-out}.___SItem_1k6hn_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_1k6hn);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_1k6hn_gg_.__zoomIn_1k6hn_gg_{cursor:zoom-in}.___SItem_1k6hn_gg_.__zoomOut_1k6hn_gg_{cursor:zoom-out}.___SIndicators_1k6hn_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_1k6hn_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_1k6hn_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_1k6hn_gg_.__active_1k6hn_gg_{opacity:1}.___SIndicator_1k6hn_gg_.__inverted_1k6hn_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_1k6hn_gg_,.___SPrev_1k6hn_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_1k6hn_gg_ .___SNextButton_1k6hn_gg_ svg:only-child,.___SNext_1k6hn_gg_ .___SPrevButton_1k6hn_gg_ svg:only-child,.___SPrev_1k6hn_gg_ .___SNextButton_1k6hn_gg_ svg:only-child,.___SPrev_1k6hn_gg_ .___SPrevButton_1k6hn_gg_ svg:only-child{margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_1k6hn_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_1k6hn_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_1k6hn_gg_.__disabled_1k6hn_gg_,.___SPrev_1k6hn_gg_.__disabled_1k6hn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_1k6hn_gg_{transition:none}}" /*__inner_css_end__*/, "1k6hn_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_1k6hn_gg_",
-  "_keyboardFocused": "__keyboardFocused_1k6hn_gg_",
-  "__SContainer": "___SContainer_1k6hn_gg_",
-  "--duration": "--duration_1k6hn",
-  "__SModalContainer": "___SModalContainer_1k6hn_gg_",
-  "__SItem": "___SItem_1k6hn_gg_",
-  "--transform": "--transform_1k6hn",
-  "_zoomIn": "__zoomIn_1k6hn_gg_",
-  "_zoomOut": "__zoomOut_1k6hn_gg_",
-  "__SIndicators": "___SIndicators_1k6hn_gg_",
-  "__SIndicator": "___SIndicator_1k6hn_gg_",
-  "_active": "__active_1k6hn_gg_",
-  "_inverted": "__inverted_1k6hn_gg_",
-  "__SPrev": "___SPrev_1k6hn_gg_",
-  "__SNext": "___SNext_1k6hn_gg_",
-  "_disabled": "__disabled_1k6hn_gg_",
-  "__SPrevButton": "___SPrevButton_1k6hn_gg_",
-  "__SNextButton": "___SNextButton_1k6hn_gg_"
+var style = ( /*__reshadow_css_start__*/_index2.sstyled.insert( /*__inner_css_start__*/".___SCarousel_ae4dr_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_ae4dr_gg_.__keyboardFocused_ae4dr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_ae4dr_gg_,.___SModalContainer_ae4dr_gg_{display:flex;transition:transform var(--duration_ae4dr) ease-in-out}.___SItem_ae4dr_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_ae4dr);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_ae4dr_gg_.__zoomIn_ae4dr_gg_{cursor:zoom-in}.___SItem_ae4dr_gg_.__zoomOut_ae4dr_gg_{cursor:zoom-out}.___SIndicators_ae4dr_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_ae4dr_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_ae4dr_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_ae4dr_gg_.__active_ae4dr_gg_{opacity:1}.___SIndicator_ae4dr_gg_.__inverted_ae4dr_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_ae4dr_gg_,.___SPrev_ae4dr_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_ae4dr_gg_ .___SNextButton_ae4dr_gg_ span:has(>svg:only-child),.___SNext_ae4dr_gg_ .___SPrevButton_ae4dr_gg_ span:has(>svg:only-child),.___SPrev_ae4dr_gg_ .___SNextButton_ae4dr_gg_ span:has(>svg:only-child),.___SPrev_ae4dr_gg_ .___SPrevButton_ae4dr_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_ae4dr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_ae4dr_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_ae4dr_gg_.__disabled_ae4dr_gg_,.___SPrev_ae4dr_gg_.__disabled_ae4dr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_ae4dr_gg_{transition:none}}" /*__inner_css_end__*/, "ae4dr_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_ae4dr_gg_",
+  "_keyboardFocused": "__keyboardFocused_ae4dr_gg_",
+  "__SContainer": "___SContainer_ae4dr_gg_",
+  "--duration": "--duration_ae4dr",
+  "__SModalContainer": "___SModalContainer_ae4dr_gg_",
+  "__SItem": "___SItem_ae4dr_gg_",
+  "--transform": "--transform_ae4dr",
+  "_zoomIn": "__zoomIn_ae4dr_gg_",
+  "_zoomOut": "__zoomOut_ae4dr_gg_",
+  "__SIndicators": "___SIndicators_ae4dr_gg_",
+  "__SIndicator": "___SIndicator_ae4dr_gg_",
+  "_active": "__active_ae4dr_gg_",
+  "_inverted": "__inverted_ae4dr_gg_",
+  "__SPrev": "___SPrev_ae4dr_gg_",
+  "__SNext": "___SNext_ae4dr_gg_",
+  "_disabled": "__disabled_ae4dr_gg_",
+  "__SPrevButton": "___SPrevButton_ae4dr_gg_",
+  "__SNextButton": "___SNextButton_ae4dr_gg_"
 });
 var MAP_TRANSFORM = {
   ArrowLeft: 'left',

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

@@ -74,7 +74,7 @@ SNext {
   cursor: pointer;
   color: var(--intergalactic-icon-primary-neutral, #6c6e79);
 
-  SPrevButton svg:only-child, SNextButton svg:only-child {
+  SPrevButton span:has(> svg:only-child), SNextButton 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);
   }

package/carousel/lib/es6/Carousel.js

@@ -30,25 +30,25 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import logger from 'intergalactic/utils/lib/logger';
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_1k6hn_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_1k6hn_gg_.__keyboardFocused_1k6hn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_1k6hn_gg_,.___SModalContainer_1k6hn_gg_{display:flex;transition:transform var(--duration_1k6hn) ease-in-out}.___SItem_1k6hn_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_1k6hn);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_1k6hn_gg_.__zoomIn_1k6hn_gg_{cursor:zoom-in}.___SItem_1k6hn_gg_.__zoomOut_1k6hn_gg_{cursor:zoom-out}.___SIndicators_1k6hn_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_1k6hn_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_1k6hn_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_1k6hn_gg_.__active_1k6hn_gg_{opacity:1}.___SIndicator_1k6hn_gg_.__inverted_1k6hn_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_1k6hn_gg_,.___SPrev_1k6hn_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_1k6hn_gg_ .___SNextButton_1k6hn_gg_ svg:only-child,.___SNext_1k6hn_gg_ .___SPrevButton_1k6hn_gg_ svg:only-child,.___SPrev_1k6hn_gg_ .___SNextButton_1k6hn_gg_ svg:only-child,.___SPrev_1k6hn_gg_ .___SPrevButton_1k6hn_gg_ svg:only-child{margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_1k6hn_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_1k6hn_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_1k6hn_gg_.__disabled_1k6hn_gg_,.___SPrev_1k6hn_gg_.__disabled_1k6hn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_1k6hn_gg_{transition:none}}" /*__inner_css_end__*/, "1k6hn_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_1k6hn_gg_",
-  "_keyboardFocused": "__keyboardFocused_1k6hn_gg_",
-  "__SContainer": "___SContainer_1k6hn_gg_",
-  "--duration": "--duration_1k6hn",
-  "__SModalContainer": "___SModalContainer_1k6hn_gg_",
-  "__SItem": "___SItem_1k6hn_gg_",
-  "--transform": "--transform_1k6hn",
-  "_zoomIn": "__zoomIn_1k6hn_gg_",
-  "_zoomOut": "__zoomOut_1k6hn_gg_",
-  "__SIndicators": "___SIndicators_1k6hn_gg_",
-  "__SIndicator": "___SIndicator_1k6hn_gg_",
-  "_active": "__active_1k6hn_gg_",
-  "_inverted": "__inverted_1k6hn_gg_",
-  "__SPrev": "___SPrev_1k6hn_gg_",
-  "__SNext": "___SNext_1k6hn_gg_",
-  "_disabled": "__disabled_1k6hn_gg_",
-  "__SPrevButton": "___SPrevButton_1k6hn_gg_",
-  "__SNextButton": "___SNextButton_1k6hn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_ae4dr_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_ae4dr_gg_.__keyboardFocused_ae4dr_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_ae4dr_gg_,.___SModalContainer_ae4dr_gg_{display:flex;transition:transform var(--duration_ae4dr) ease-in-out}.___SItem_ae4dr_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_ae4dr);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_ae4dr_gg_.__zoomIn_ae4dr_gg_{cursor:zoom-in}.___SItem_ae4dr_gg_.__zoomOut_ae4dr_gg_{cursor:zoom-out}.___SIndicators_ae4dr_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_ae4dr_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_ae4dr_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_ae4dr_gg_.__active_ae4dr_gg_{opacity:1}.___SIndicator_ae4dr_gg_.__inverted_ae4dr_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_ae4dr_gg_,.___SPrev_ae4dr_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_ae4dr_gg_ .___SNextButton_ae4dr_gg_ span:has(>svg:only-child),.___SNext_ae4dr_gg_ .___SPrevButton_ae4dr_gg_ span:has(>svg:only-child),.___SPrev_ae4dr_gg_ .___SNextButton_ae4dr_gg_ span:has(>svg:only-child),.___SPrev_ae4dr_gg_ .___SPrevButton_ae4dr_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_ae4dr_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_ae4dr_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_ae4dr_gg_.__disabled_ae4dr_gg_,.___SPrev_ae4dr_gg_.__disabled_ae4dr_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_ae4dr_gg_{transition:none}}" /*__inner_css_end__*/, "ae4dr_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_ae4dr_gg_",
+  "_keyboardFocused": "__keyboardFocused_ae4dr_gg_",
+  "__SContainer": "___SContainer_ae4dr_gg_",
+  "--duration": "--duration_ae4dr",
+  "__SModalContainer": "___SModalContainer_ae4dr_gg_",
+  "__SItem": "___SItem_ae4dr_gg_",
+  "--transform": "--transform_ae4dr",
+  "_zoomIn": "__zoomIn_ae4dr_gg_",
+  "_zoomOut": "__zoomOut_ae4dr_gg_",
+  "__SIndicators": "___SIndicators_ae4dr_gg_",
+  "__SIndicator": "___SIndicator_ae4dr_gg_",
+  "_active": "__active_ae4dr_gg_",
+  "_inverted": "__inverted_ae4dr_gg_",
+  "__SPrev": "___SPrev_ae4dr_gg_",
+  "__SNext": "___SNext_ae4dr_gg_",
+  "_disabled": "__disabled_ae4dr_gg_",
+  "__SPrevButton": "___SPrevButton_ae4dr_gg_",
+  "__SNextButton": "___SNextButton_ae4dr_gg_"
 });
 import { findAllComponents } from 'intergalactic/utils/lib/findComponent';
 import { createBreakpoints } from 'intergalactic/breakpoints';

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

@@ -74,7 +74,7 @@ SNext {
   cursor: pointer;
   color: var(--intergalactic-icon-primary-neutral, #6c6e79);
 
-  SPrevButton svg:only-child, SNextButton svg:only-child {
+  SPrevButton span:has(> svg:only-child), SNextButton 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);
   }

package/color-picker/lib/cjs/ColorPicker.js

@@ -28,29 +28,29 @@ var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1m56s_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1m56s_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1m56s_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1m56s_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1m56s)}@media (hover:hover){.___SItemContainer_1m56s_gg_:hover>.___SCloseIcon_1m56s_gg_{opacity:1}}.___SItemContainer_1m56s_gg_.__keyboardFocused_1m56s_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1m56s_gg_.__selected_1m56s_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1m56s_gg_.__displayLabel_1m56s_gg_::after{background:var(--value_1m56s);opacity:.15}.___SItemContainer_1m56s_gg_:not(.__value_1m56s_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1m56s_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1m56s_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1m56s_gg_,.___SPaletteManager_1m56s_gg_,.___SPlusButton_1m56s_gg_{display:flex;align-items:center}.___SPlusButton_1m56s_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1m56s_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1m56s_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1m56s_gg_.__keyboardFocused_1m56s_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1m56s_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1m56s);border:1px solid transparent}.___STriggerCircle_1m56s_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1m56s_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1m56s_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1m56s_gg_{position:absolute}.___SLabel_1m56s_gg_{z-index:1;color:var(--data-value_1m56s);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1m56s_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1m56s)}.___SClearConfirm_1m56s_gg_.__hidden_1m56s_gg_,.___SConfirmColor_1m56s_gg_.__hidden_1m56s_gg_{display:none}" /*__inner_css_end__*/, "1m56s_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1m56s_gg_",
-  "__SItemContainer": "___SItemContainer_1m56s_gg_",
-  "__SCloseIcon": "___SCloseIcon_1m56s_gg_",
-  "_keyboardFocused": "__keyboardFocused_1m56s_gg_",
-  "_selected": "__selected_1m56s_gg_",
-  "__SColors": "___SColors_1m56s_gg_",
-  "__SPaletteManager": "___SPaletteManager_1m56s_gg_",
-  "__SInputContainer": "___SInputContainer_1m56s_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1m56s_gg_",
-  "__STriggerCircle": "___STriggerCircle_1m56s_gg_",
-  "--data-value": "--data-value_1m56s",
-  "__STriggerCircleLine": "___STriggerCircleLine_1m56s_gg_",
-  "__SLine": "___SLine_1m56s_gg_",
-  "__SLabel": "___SLabel_1m56s_gg_",
-  "__SItemColor": "___SItemColor_1m56s_gg_",
-  "__SConfirmColor": "___SConfirmColor_1m56s_gg_",
-  "_hidden": "__hidden_1m56s_gg_",
-  "__SClearConfirm": "___SClearConfirm_1m56s_gg_",
-  "--value": "--value_1m56s",
-  "_displayLabel": "__displayLabel_1m56s_gg_",
-  "_value": "__value_1m56s_gg_",
-  "__SPlusButton": "___SPlusButton_1m56s_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_hdwd0_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_hdwd0_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_hdwd0_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_hdwd0_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_hdwd0)}@media (hover:hover){.___SItemContainer_hdwd0_gg_:hover>.___SCloseIcon_hdwd0_gg_{opacity:1}}.___SItemContainer_hdwd0_gg_.__keyboardFocused_hdwd0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_hdwd0_gg_.__selected_hdwd0_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_hdwd0_gg_.__displayLabel_hdwd0_gg_::after{background:var(--value_hdwd0);opacity:.15}.___SItemContainer_hdwd0_gg_:not(.__value_hdwd0_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_hdwd0_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_hdwd0_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_hdwd0_gg_,.___SPaletteManager_hdwd0_gg_,.___SPlusButton_hdwd0_gg_{display:flex;align-items:center}.___SPlusButton_hdwd0_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_hdwd0_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_hdwd0_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_hdwd0_gg_.__keyboardFocused_hdwd0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_hdwd0_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_hdwd0);border:1px solid transparent}.___STriggerCircle_hdwd0_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_hdwd0_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_hdwd0_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_hdwd0_gg_{position:absolute}.___SLabel_hdwd0_gg_{z-index:1;color:var(--data-value_hdwd0);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_hdwd0_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_hdwd0)}.___SClearConfirm_hdwd0_gg_.__hidden_hdwd0_gg_,.___SConfirmColor_hdwd0_gg_.__hidden_hdwd0_gg_{display:none}" /*__inner_css_end__*/, "hdwd0_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_hdwd0_gg_",
+  "__SItemContainer": "___SItemContainer_hdwd0_gg_",
+  "__SCloseIcon": "___SCloseIcon_hdwd0_gg_",
+  "_keyboardFocused": "__keyboardFocused_hdwd0_gg_",
+  "_selected": "__selected_hdwd0_gg_",
+  "__SColors": "___SColors_hdwd0_gg_",
+  "__SPaletteManager": "___SPaletteManager_hdwd0_gg_",
+  "__SInputContainer": "___SInputContainer_hdwd0_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_hdwd0_gg_",
+  "__STriggerCircle": "___STriggerCircle_hdwd0_gg_",
+  "--data-value": "--data-value_hdwd0",
+  "__STriggerCircleLine": "___STriggerCircleLine_hdwd0_gg_",
+  "__SLine": "___SLine_hdwd0_gg_",
+  "__SLabel": "___SLabel_hdwd0_gg_",
+  "__SItemColor": "___SItemColor_hdwd0_gg_",
+  "__SConfirmColor": "___SConfirmColor_hdwd0_gg_",
+  "_hidden": "__hidden_hdwd0_gg_",
+  "__SClearConfirm": "___SClearConfirm_hdwd0_gg_",
+  "--value": "--value_hdwd0",
+  "_displayLabel": "__displayLabel_hdwd0_gg_",
+  "_value": "__value_hdwd0_gg_",
+  "__SPlusButton": "___SPlusButton_hdwd0_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 exports.defaultColors = defaultColors;