intergalactic 15.49.1 → 15.50.0-prerelease-6c3c1d45

package/tab-panel/index.d.ts

@@ -57,7 +57,7 @@ export type TabPanelHandlers = {
   value: (value: TabPanelValue) => void;
 };
 
-type IntergalacticTabPanelComponent = (<
+type IntergalacticTabPanelComponent<PropsExtending = {}> = (<
   Value extends TabPanelValue,
   Tag extends Intergalactic.Tag = 'div',
 >(
@@ -67,9 +67,10 @@ type IntergalacticTabPanelComponent = (<
     TabPanelProps<Value>,
     TabPanelContext,
     [handlers: TabPanelHandlers]
-  >,
+  > &
+    PropsExtending,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;
 
 declare const TabPanel: IntergalacticTabPanelComponent & {
   Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {
@@ -78,4 +79,14 @@ declare const TabPanel: IntergalacticTabPanelComponent & {
   };
 };
 
+declare const wrapTabPanel: <PropsExtending extends {}>(
+  wrapper: (
+    props: Intergalactic.InternalTypings.UntypeRefAndTag<
+      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>
+    > &
+      PropsExtending,
+  ) => React.ReactNode,
+) => IntergalacticTabPanelComponent<PropsExtending>;
+export { wrapTabPanel };
+
 export default TabPanel;

package/tab-panel/lib/cjs/TabPanel.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.wrapTabPanel = exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -20,14 +20,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1735p_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1735p_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1735p_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1735p_gg_ .___SText_1735p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1735p_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1735p_gg_:active,.___STabPanelItem_1735p_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1735p_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1735p_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_ .___SAddon_1735p_gg_,.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_ .___SText_1735p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1735p_gg_.__keyboardFocused_1735p_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1735p_gg_.__selected_1735p_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1735p_gg_.__selected_1735p_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1735p_gg_.__selected_1735p_gg_::after{border-bottom:none}.___SText_1735p_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1735p_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1735p_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1735p_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1735p_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1735p_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_1735p_gg_",
-  "_keyboardFocused": "__keyboardFocused_1735p_gg_",
-  "__SText": "___SText_1735p_gg_",
-  "__SAddon": "___SAddon_1735p_gg_",
-  "__STabPanel": "___STabPanel_1735p_gg_",
-  "_disabled": "__disabled_1735p_gg_",
-  "_selected": "__selected_1735p_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_gcyw3_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_gcyw3_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_gcyw3_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_gcyw3_gg_ .___SText_gcyw3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_gcyw3_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_gcyw3_gg_:active,.___STabPanelItem_gcyw3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_gcyw3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_gcyw3_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_{cursor:default;pointer-events:none}.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_ .___SAddon_gcyw3_gg_,.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_ .___SText_gcyw3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_gcyw3_gg_.__keyboardFocused_gcyw3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_::after{border-bottom:none}.___SText_gcyw3_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_gcyw3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_gcyw3_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_gcyw3_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_gcyw3_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "gcyw3_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_gcyw3_gg_",
+  "_keyboardFocused": "__keyboardFocused_gcyw3_gg_",
+  "__SText": "___SText_gcyw3_gg_",
+  "__SAddon": "___SAddon_gcyw3_gg_",
+  "__STabPanel": "___STabPanel_gcyw3_gg_",
+  "_disabled": "__disabled_gcyw3_gg_",
+  "_selected": "__selected_gcyw3_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -149,6 +149,10 @@ var TabPanel = (0, _core["default"])(TabPanelRoot, {
     Addon: Addon
   }]
 });
+var wrapTabPanel = function wrapTabPanel(wrapper) {
+  return wrapper;
+};
+exports.wrapTabPanel = wrapTabPanel;
 var _default = TabPanel;
 exports["default"] = _default;
 //# sourceMappingURL=TabPanel.js.map

package/tab-panel/lib/cjs/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","key","_createClass2","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","_default","exports"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_a11yEnhance","_keyboardFocusEnhance","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","value","event","handlers","key","_createClass2","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","defaultValue","a11yEnhance","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","TabPanel","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabPanel","wrapper","exports","_default"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}

package/tab-panel/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 { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n  extends TabPanelProps<T>,\n    UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n  /** Is invoked when changing the selection */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Value of the selected tab */\n  value?: T;\n  /** Default value of the selected tab\n   * @default null\n   * */\n  defaultValue?: T;\n  /**\n   * Behavior of tabs.\n   * In `auto`, changes the tab immediately when press arrow.\n   * In `manual`, needs to press `space` or `enter` for select a choice.\n   * @default 'auto'\n   */\n  behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Makes a tab selected. This property is determined automatically depending on the value. */\n    selected?: boolean;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Tab value */\n    value?: TabPanelValue;\n    /** Left addon tag  */\n    addonLeft?: React.ElementType;\n    /** Right addon tag  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n  value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent = (<\n  Value extends TabPanelValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    TabPanelProps<Value>,\n    TabPanelContext,\n    [handlers: TabPanelHandlers]\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const TabPanel: IntergalacticTabPanelComponent & {\n  Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {\n    Text: typeof Box;\n    Addon: typeof Box;\n  };\n};\n\nexport default TabPanel;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n  extends TabPanelProps<T>,\n    UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n  /** Is invoked when changing the selection */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Value of the selected tab */\n  value?: T;\n  /** Default value of the selected tab\n   * @default null\n   * */\n  defaultValue?: T;\n  /**\n   * Behavior of tabs.\n   * In `auto`, changes the tab immediately when press arrow.\n   * In `manual`, needs to press `space` or `enter` for select a choice.\n   * @default 'auto'\n   */\n  behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Makes a tab selected. This property is determined automatically depending on the value. */\n    selected?: boolean;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Tab value */\n    value?: TabPanelValue;\n    /** Left addon tag  */\n    addonLeft?: React.ElementType;\n    /** Right addon tag  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n  value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent<PropsExtending = {}> = (<\n  Value extends TabPanelValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    TabPanelProps<Value>,\n    TabPanelContext,\n    [handlers: TabPanelHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;\n\ndeclare const TabPanel: IntergalacticTabPanelComponent & {\n  Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {\n    Text: typeof Box;\n    Addon: typeof Box;\n  };\n};\n\ndeclare const wrapTabPanel: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticTabPanelComponent<PropsExtending>;\nexport { wrapTabPanel };\n\nexport default TabPanel;\n"],"mappings":""}

package/tab-panel/lib/cjs/index.js

@@ -1,14 +1,26 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
     return _TabPanel["default"];
   }
 });
-var _TabPanel = _interopRequireDefault(require("./TabPanel"));
+var _TabPanel = _interopRequireWildcard(require("./TabPanel"));
+Object.keys(_TabPanel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _TabPanel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TabPanel[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/tab-panel/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_TabPanel","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_TabPanel","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\nexport * from './TabPanel';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,SAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,SAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,SAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}

package/tab-panel/lib/es6/TabPanel.js

@@ -17,14 +17,14 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1735p_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1735p_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1735p_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1735p_gg_ .___SText_1735p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1735p_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1735p_gg_:active,.___STabPanelItem_1735p_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1735p_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1735p_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_ .___SAddon_1735p_gg_,.___STabPanelItem_1735p_gg_.__disabled_1735p_gg_ .___SText_1735p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1735p_gg_.__keyboardFocused_1735p_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1735p_gg_.__selected_1735p_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1735p_gg_.__selected_1735p_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1735p_gg_.__selected_1735p_gg_::after{border-bottom:none}.___SText_1735p_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1735p_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1735p_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1735p_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1735p_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1735p_gg_") /*__reshadow_css_end__*/, {
-  "__STabPanelItem": "___STabPanelItem_1735p_gg_",
-  "_keyboardFocused": "__keyboardFocused_1735p_gg_",
-  "__SText": "___SText_1735p_gg_",
-  "__SAddon": "___SAddon_1735p_gg_",
-  "__STabPanel": "___STabPanel_1735p_gg_",
-  "_disabled": "__disabled_1735p_gg_",
-  "_selected": "__selected_1735p_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_gcyw3_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_gcyw3_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_gcyw3_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_gcyw3_gg_ .___SText_gcyw3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_gcyw3_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_gcyw3_gg_:active,.___STabPanelItem_gcyw3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_gcyw3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_gcyw3_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_{cursor:default;pointer-events:none}.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_ .___SAddon_gcyw3_gg_,.___STabPanelItem_gcyw3_gg_.__disabled_gcyw3_gg_ .___SText_gcyw3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_gcyw3_gg_.__keyboardFocused_gcyw3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_gcyw3_gg_.__selected_gcyw3_gg_::after{border-bottom:none}.___SText_gcyw3_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_gcyw3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_gcyw3_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_gcyw3_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_gcyw3_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "gcyw3_gg_") /*__reshadow_css_end__*/, {
+  "__STabPanelItem": "___STabPanelItem_gcyw3_gg_",
+  "_keyboardFocused": "__keyboardFocused_gcyw3_gg_",
+  "__SText": "___SText_gcyw3_gg_",
+  "__SAddon": "___SAddon_gcyw3_gg_",
+  "__STabPanel": "___STabPanel_gcyw3_gg_",
+  "_disabled": "__disabled_gcyw3_gg_",
+  "_selected": "__selected_gcyw3_gg_"
 });
 var optionsA11yEnhance = {
   onNeighborChange: function onNeighborChange(neighborElement, props) {
@@ -146,5 +146,8 @@ var TabPanel = createComponent(TabPanelRoot, {
     Addon: Addon
   }]
 });
+export var wrapTabPanel = function wrapTabPanel(wrapper) {
+  return wrapper;
+};
 export default TabPanel;
 //# sourceMappingURL=TabPanel.js.map

package/tab-panel/lib/es6/TabPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","key","_createClass","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport default TabPanel;\n"],"mappings":"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"}
+{"version":3,"file":"TabPanel.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","a11yEnhance","keyboardFocusEnhance","style","_sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabPanelRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","key","_createClass","uncontrolledProps","getItemProps","index","asProps","isSelected","selected","onClick","handleClick","onKeyDown","handleKeyDown","tabIndex","render","_ref","_ref5","STabPanel","styles","createElement","cn","_objectSpread","_assignProps","defaultValue","TabPanelItem","_ref2","arguments[0]","_ref6","STabPanelItem","Children","addonLeft","addonRight","_assignProps2","TabPanel","Item","Addon","tag","Text","enhance","_ref3","_ref7","SText","_assignProps3","_ref4","_ref8","SAddon","_assignProps4","wrapTabPanel","wrapper"],"sources":["../../src/TabPanel.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tab-panel.shadow.css';\n\nconst optionsA11yEnhance = {\n  onNeighborChange: (neighborElement, props) => {\n    if (neighborElement) {\n      neighborElement.focus();\n      if (props.behavior === 'auto') {\n        neighborElement.click();\n      }\n    }\n  },\n  childSelector: ['role', 'tab'],\n};\n\nclass TabPanelRoot extends Component {\n  static displayName = 'TabPanel';\n  static style = style;\n  static defaultProps = {\n    defaultValue: null,\n    behavior: 'manual',\n  };\n  static enhance = [a11yEnhance(optionsA11yEnhance)];\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  handleClick = (value) => (event) => {\n    this.handlers.value(value, event);\n  };\n\n  handleKeyDown = (value) => (event) => {\n    if (event.key === 'Enter' || event.key === 'Space') {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getItemProps(props, index) {\n    const { value } = this.asProps;\n    const isSelected = value === props.value;\n    return {\n      selected: isSelected,\n      onClick: this.handleClick(props.value),\n      onKeyDown: this.handleKeyDown(props.value),\n      tabIndex: isSelected ? 0 : -1,\n      'aria-posinset': index + 1,\n      'aria-selected': isSelected,\n    };\n  }\n\n  render() {\n    const STabPanel = Root;\n    const { styles } = this.asProps;\n\n    return sstyled(styles)(<STabPanel render={Box} role='tablist' />);\n  }\n}\n\nfunction TabPanelItem(props) {\n  const STabPanelItem = Root;\n  const { Children, styles, addonLeft, addonRight } = props;\n\n  return sstyled(styles)(\n    <STabPanelItem render={Box} type='button' tag='button' role='tab'>\n      {addonLeft ? <TabPanel.Item.Addon tag={addonLeft} /> : null}\n      {addonTextChildren(Children, TabPanel.Item.Text, TabPanel.Item.Addon)}\n      {addonRight ? <TabPanel.Item.Addon tag={addonRight} /> : null}\n    </STabPanelItem>,\n  );\n}\n\nTabPanelItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabPanel = createComponent(TabPanelRoot, {\n  Item: [TabPanelItem, { Text, Addon }],\n});\n\nexport const wrapTabPanel = (wrapper) => wrapper;\n\nexport default TabPanel;\n"],"mappings":"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"}

package/tab-panel/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 { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n  extends TabPanelProps<T>,\n    UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n  /** Is invoked when changing the selection */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Value of the selected tab */\n  value?: T;\n  /** Default value of the selected tab\n   * @default null\n   * */\n  defaultValue?: T;\n  /**\n   * Behavior of tabs.\n   * In `auto`, changes the tab immediately when press arrow.\n   * In `manual`, needs to press `space` or `enter` for select a choice.\n   * @default 'auto'\n   */\n  behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Makes a tab selected. This property is determined automatically depending on the value. */\n    selected?: boolean;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Tab value */\n    value?: TabPanelValue;\n    /** Left addon tag  */\n    addonLeft?: React.ElementType;\n    /** Right addon tag  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n  value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent = (<\n  Value extends TabPanelValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    TabPanelProps<Value>,\n    TabPanelContext,\n    [handlers: TabPanelHandlers]\n  >,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div'>;\n\ndeclare const TabPanel: IntergalacticTabPanelComponent & {\n  Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {\n    Text: typeof Box;\n    Addon: typeof Box;\n  };\n};\n\nexport default TabPanel;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n  extends TabPanelProps<T>,\n    UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n  /** Is invoked when changing the selection */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Value of the selected tab */\n  value?: T;\n  /** Default value of the selected tab\n   * @default null\n   * */\n  defaultValue?: T;\n  /**\n   * Behavior of tabs.\n   * In `auto`, changes the tab immediately when press arrow.\n   * In `manual`, needs to press `space` or `enter` for select a choice.\n   * @default 'auto'\n   */\n  behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n  KeyboardFocusProps & {\n    /** Makes a tab selected. This property is determined automatically depending on the value. */\n    selected?: boolean;\n    /** Disabled state */\n    disabled?: boolean;\n    /** Tab value */\n    value?: TabPanelValue;\n    /** Left addon tag  */\n    addonLeft?: React.ElementType;\n    /** Right addon tag  */\n    addonRight?: React.ElementType;\n  };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n  getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n  value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent<PropsExtending = {}> = (<\n  Value extends TabPanelValue,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<\n    Tag,\n    'div',\n    TabPanelProps<Value>,\n    TabPanelContext,\n    [handlers: TabPanelHandlers]\n  > &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;\n\ndeclare const TabPanel: IntergalacticTabPanelComponent & {\n  Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {\n    Text: typeof Box;\n    Addon: typeof Box;\n  };\n};\n\ndeclare const wrapTabPanel: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticTabPanelComponent<PropsExtending>;\nexport { wrapTabPanel };\n\nexport default TabPanel;\n"],"mappings":""}

package/tab-panel/lib/es6/index.js

@@ -1,2 +1,3 @@
 export { default } from './TabPanel';
+export * from './TabPanel';
 //# sourceMappingURL=index.js.map

package/tab-panel/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\nexport * from './TabPanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,cAAc,YAAY"}

package/tab-panel/lib/types/index.d.ts

@@ -57,7 +57,7 @@ export type TabPanelHandlers = {
   value: (value: TabPanelValue) => void;
 };
 
-type IntergalacticTabPanelComponent = (<
+type IntergalacticTabPanelComponent<PropsExtending = {}> = (<
   Value extends TabPanelValue,
   Tag extends Intergalactic.Tag = 'div',
 >(
@@ -67,9 +67,10 @@ type IntergalacticTabPanelComponent = (<
     TabPanelProps<Value>,
     TabPanelContext,
     [handlers: TabPanelHandlers]
-  >,
+  > &
+    PropsExtending,
 ) => Intergalactic.InternalTypings.ComponentRenderingResults) &
-  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;
 
 declare const TabPanel: IntergalacticTabPanelComponent & {
   Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {
@@ -78,4 +79,14 @@ declare const TabPanel: IntergalacticTabPanelComponent & {
   };
 };
 
+declare const wrapTabPanel: <PropsExtending extends {}>(
+  wrapper: (
+    props: Intergalactic.InternalTypings.UntypeRefAndTag<
+      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>
+    > &
+      PropsExtending,
+  ) => React.ReactNode,
+) => IntergalacticTabPanelComponent<PropsExtending>;
+export { wrapTabPanel };
+
 export default TabPanel;

package/tag/lib/cjs/Tag.js

@@ -25,25 +25,25 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _assignProps6 = require("intergalactic/utils/lib/assignProps");
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_imeda_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_imeda)}.___STag_imeda_gg_:has(.___SText_imeda_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_imeda_gg_::after,.___STag_imeda_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_imeda_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_imeda);opacity:.2}.___STag_imeda_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_imeda);opacity:.1}.___STag_imeda_gg_.__disabled_imeda_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_imeda_gg_.__interactive_imeda_gg_{cursor:pointer}.___STag_imeda_gg_._size_m_imeda_gg_{height:20px;min-width:20px}.___STag_imeda_gg_._size_m_imeda_gg_ .___SCircle_imeda_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_imeda_gg_._size_m_imeda_gg_ .___SCircle_imeda_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_imeda_gg_._size_m_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_imeda_gg_._size_l_imeda_gg_{height:28px;min-width:28px}.___STag_imeda_gg_._size_l_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_imeda_gg_._size_xl_imeda_gg_{height:40px;min-width:40px}.___STag_imeda_gg_._size_xl_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_imeda_gg_._theme_primary_imeda_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_imeda_gg_._theme_primary_imeda_gg_:after{display:none}.___STag_imeda_gg_._theme_primary_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_primary_imeda_gg_.__interactive_imeda_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_imeda_gg_._theme_primary_imeda_gg_.__interactive_imeda_gg_:hover:before{opacity:.3}}.___STag_imeda_gg_._theme_additional_imeda_gg_::before,.___STag_imeda_gg_._theme_secondary_imeda_gg_::before{opacity:.01}.___STag_imeda_gg_._theme_additional_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_additional_imeda_gg_.__interactive_imeda_gg_:active:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__interactive_imeda_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_imeda_gg_._theme_additional_imeda_gg_.__interactive_imeda_gg_:hover:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__interactive_imeda_gg_:hover:before{opacity:.1}}.___STag_imeda_gg_._theme_additional-invert_imeda_gg_::after,.___STag_imeda_gg_._theme_additional_imeda_gg_::after,.___STag_imeda_gg_._theme_secondary-invert_imeda_gg_::after,.___STag_imeda_gg_._theme_secondary_imeda_gg_::after{opacity:.5}.___STag_imeda_gg_._theme_primary-invert_imeda_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_imeda_gg_._theme_additional-invert_imeda_gg_,.___STag_imeda_gg_._theme_primary-invert_imeda_gg_,.___STag_imeda_gg_._theme_secondary-invert_imeda_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_imeda_gg_._theme_additional_imeda_gg_::after{border-style:dashed}.___SText_imeda_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_imeda_gg_:not(:only-child):first-child{padding-right:0}.___SText_imeda_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_imeda_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_imeda_gg_,.___SCircle_imeda_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_imeda_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_imeda_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_imeda_gg_:first-child{margin-left:0}.___SCircle_imeda_gg_:last-child{margin-right:0}.___SCircle_imeda_gg_._size_m_imeda_gg_{width:16px;height:16px}.___SCircle_imeda_gg_._size_l_imeda_gg_,.___SCircle_imeda_gg_._size_xl_imeda_gg_{width:20px;height:20px}.___SClose_imeda_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_imeda_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "imeda_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_imeda_gg_",
-  "_disabled": "__disabled_imeda_gg_",
-  "_interactive": "__interactive_imeda_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_imeda_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_imeda_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_imeda_gg_",
-  "__SText": "___SText_imeda_gg_",
-  "__SAddon": "___SAddon_imeda_gg_",
-  "__SCircle": "___SCircle_imeda_gg_",
-  "_size_m": "_size_m_imeda_gg_",
-  "_size_l": "_size_l_imeda_gg_",
-  "_size_xl": "_size_xl_imeda_gg_",
-  "--tag-color": "--tag-color_imeda",
-  "_theme_primary": "_theme_primary_imeda_gg_",
-  "_active": "__active_imeda_gg_",
-  "_theme_secondary": "_theme_secondary_imeda_gg_",
-  "_theme_additional": "_theme_additional_imeda_gg_",
-  "__SClose": "___SClose_imeda_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_1lbl9_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1lbl9)}.___STag_1lbl9_gg_:has(.___SText_1lbl9_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1lbl9_gg_::after,.___STag_1lbl9_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1lbl9_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1lbl9);opacity:.2}.___STag_1lbl9_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1lbl9);opacity:.1}.___STag_1lbl9_gg_.__disabled_1lbl9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1lbl9_gg_.__interactive_1lbl9_gg_{cursor:pointer}.___STag_1lbl9_gg_._size_m_1lbl9_gg_{height:20px;min-width:20px}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SCircle_1lbl9_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SCircle_1lbl9_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1lbl9_gg_._size_l_1lbl9_gg_{height:28px;min-width:28px}.___STag_1lbl9_gg_._size_l_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1lbl9_gg_._size_xl_1lbl9_gg_{height:40px;min-width:40px}.___STag_1lbl9_gg_._size_xl_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_:after{display:none}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__interactive_1lbl9_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before{opacity:.3}}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_::before{opacity:.01}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__interactive_1lbl9_gg_:active:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__interactive_1lbl9_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before{opacity:.1}}.___STag_1lbl9_gg_._theme_additional-invert_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_secondary-invert_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_::after{opacity:.5}.___STag_1lbl9_gg_._theme_primary-invert_1lbl9_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1lbl9_gg_._theme_additional-invert_1lbl9_gg_,.___STag_1lbl9_gg_._theme_primary-invert_1lbl9_gg_,.___STag_1lbl9_gg_._theme_secondary-invert_1lbl9_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::after{border-style:dashed}.___SText_1lbl9_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_1lbl9_gg_:not(:only-child):first-child{padding-right:0}.___SText_1lbl9_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1lbl9_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1lbl9_gg_,.___SCircle_1lbl9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1lbl9_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1lbl9_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1lbl9_gg_:first-child{margin-left:0}.___SCircle_1lbl9_gg_:last-child{margin-right:0}.___SCircle_1lbl9_gg_._size_m_1lbl9_gg_{width:16px;height:16px}.___SCircle_1lbl9_gg_._size_l_1lbl9_gg_,.___SCircle_1lbl9_gg_._size_xl_1lbl9_gg_{width:20px;height:20px}.___SClose_1lbl9_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_1lbl9_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1lbl9_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_1lbl9_gg_",
+  "_disabled": "__disabled_1lbl9_gg_",
+  "_interactive": "__interactive_1lbl9_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1lbl9_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1lbl9_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1lbl9_gg_",
+  "__SText": "___SText_1lbl9_gg_",
+  "__SAddon": "___SAddon_1lbl9_gg_",
+  "__SCircle": "___SCircle_1lbl9_gg_",
+  "_size_m": "_size_m_1lbl9_gg_",
+  "_size_l": "_size_l_1lbl9_gg_",
+  "_size_xl": "_size_xl_1lbl9_gg_",
+  "--tag-color": "--tag-color_1lbl9",
+  "_theme_primary": "_theme_primary_1lbl9_gg_",
+  "_active": "__active_1lbl9_gg_",
+  "_theme_secondary": "_theme_secondary_1lbl9_gg_",
+  "_theme_additional": "_theme_additional_1lbl9_gg_",
+  "__SClose": "___SClose_1lbl9_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {

package/tag/lib/es6/Tag.js

@@ -22,25 +22,25 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_imeda_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_imeda)}.___STag_imeda_gg_:has(.___SText_imeda_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_imeda_gg_::after,.___STag_imeda_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_imeda_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_imeda);opacity:.2}.___STag_imeda_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_imeda);opacity:.1}.___STag_imeda_gg_.__disabled_imeda_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_imeda_gg_.__interactive_imeda_gg_{cursor:pointer}.___STag_imeda_gg_._size_m_imeda_gg_{height:20px;min-width:20px}.___STag_imeda_gg_._size_m_imeda_gg_ .___SCircle_imeda_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_imeda_gg_._size_m_imeda_gg_ .___SCircle_imeda_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_imeda_gg_._size_m_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_imeda_gg_._size_l_imeda_gg_{height:28px;min-width:28px}.___STag_imeda_gg_._size_l_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_imeda_gg_._size_xl_imeda_gg_{height:40px;min-width:40px}.___STag_imeda_gg_._size_xl_imeda_gg_ .___SText_imeda_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_imeda_gg_._theme_primary_imeda_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_imeda_gg_._theme_primary_imeda_gg_:after{display:none}.___STag_imeda_gg_._theme_primary_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_primary_imeda_gg_.__interactive_imeda_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_imeda_gg_._theme_primary_imeda_gg_.__interactive_imeda_gg_:hover:before{opacity:.3}}.___STag_imeda_gg_._theme_additional_imeda_gg_::before,.___STag_imeda_gg_._theme_secondary_imeda_gg_::before{opacity:.01}.___STag_imeda_gg_._theme_additional_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_additional_imeda_gg_.__interactive_imeda_gg_:active:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__active_imeda_gg_:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__interactive_imeda_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_imeda_gg_._theme_additional_imeda_gg_.__interactive_imeda_gg_:hover:before,.___STag_imeda_gg_._theme_secondary_imeda_gg_.__interactive_imeda_gg_:hover:before{opacity:.1}}.___STag_imeda_gg_._theme_additional-invert_imeda_gg_::after,.___STag_imeda_gg_._theme_additional_imeda_gg_::after,.___STag_imeda_gg_._theme_secondary-invert_imeda_gg_::after,.___STag_imeda_gg_._theme_secondary_imeda_gg_::after{opacity:.5}.___STag_imeda_gg_._theme_primary-invert_imeda_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_imeda_gg_._theme_additional-invert_imeda_gg_,.___STag_imeda_gg_._theme_primary-invert_imeda_gg_,.___STag_imeda_gg_._theme_secondary-invert_imeda_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_imeda_gg_._theme_additional_imeda_gg_::after{border-style:dashed}.___SText_imeda_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_imeda_gg_:not(:only-child):first-child{padding-right:0}.___SText_imeda_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_imeda_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_imeda_gg_,.___SCircle_imeda_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_imeda_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_imeda_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_imeda_gg_:first-child{margin-left:0}.___SCircle_imeda_gg_:last-child{margin-right:0}.___SCircle_imeda_gg_._size_m_imeda_gg_{width:16px;height:16px}.___SCircle_imeda_gg_._size_l_imeda_gg_,.___SCircle_imeda_gg_._size_xl_imeda_gg_{width:20px;height:20px}.___SClose_imeda_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_imeda_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "imeda_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_imeda_gg_",
-  "_disabled": "__disabled_imeda_gg_",
-  "_interactive": "__interactive_imeda_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_imeda_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_imeda_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_imeda_gg_",
-  "__SText": "___SText_imeda_gg_",
-  "__SAddon": "___SAddon_imeda_gg_",
-  "__SCircle": "___SCircle_imeda_gg_",
-  "_size_m": "_size_m_imeda_gg_",
-  "_size_l": "_size_l_imeda_gg_",
-  "_size_xl": "_size_xl_imeda_gg_",
-  "--tag-color": "--tag-color_imeda",
-  "_theme_primary": "_theme_primary_imeda_gg_",
-  "_active": "__active_imeda_gg_",
-  "_theme_secondary": "_theme_secondary_imeda_gg_",
-  "_theme_additional": "_theme_additional_imeda_gg_",
-  "__SClose": "___SClose_imeda_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_1lbl9_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_1lbl9)}.___STag_1lbl9_gg_:has(.___SText_1lbl9_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_1lbl9_gg_::after,.___STag_1lbl9_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_1lbl9_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_1lbl9);opacity:.2}.___STag_1lbl9_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_1lbl9);opacity:.1}.___STag_1lbl9_gg_.__disabled_1lbl9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_1lbl9_gg_.__interactive_1lbl9_gg_{cursor:pointer}.___STag_1lbl9_gg_._size_m_1lbl9_gg_{height:20px;min-width:20px}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SCircle_1lbl9_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SCircle_1lbl9_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_1lbl9_gg_._size_m_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_1lbl9_gg_._size_l_1lbl9_gg_{height:28px;min-width:28px}.___STag_1lbl9_gg_._size_l_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_1lbl9_gg_._size_xl_1lbl9_gg_{height:40px;min-width:40px}.___STag_1lbl9_gg_._size_xl_1lbl9_gg_ .___SText_1lbl9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_:after{display:none}.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__interactive_1lbl9_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_1lbl9_gg_._theme_primary_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before{opacity:.3}}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_::before{opacity:.01}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__interactive_1lbl9_gg_:active:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__active_1lbl9_gg_:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__interactive_1lbl9_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_.__interactive_1lbl9_gg_:hover:before{opacity:.1}}.___STag_1lbl9_gg_._theme_additional-invert_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_secondary-invert_1lbl9_gg_::after,.___STag_1lbl9_gg_._theme_secondary_1lbl9_gg_::after{opacity:.5}.___STag_1lbl9_gg_._theme_primary-invert_1lbl9_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_1lbl9_gg_._theme_additional-invert_1lbl9_gg_,.___STag_1lbl9_gg_._theme_primary-invert_1lbl9_gg_,.___STag_1lbl9_gg_._theme_secondary-invert_1lbl9_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_1lbl9_gg_._theme_additional_1lbl9_gg_::after{border-style:dashed}.___SText_1lbl9_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_1lbl9_gg_:not(:only-child):first-child{padding-right:0}.___SText_1lbl9_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_1lbl9_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_1lbl9_gg_,.___SCircle_1lbl9_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1lbl9_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_1lbl9_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_1lbl9_gg_:first-child{margin-left:0}.___SCircle_1lbl9_gg_:last-child{margin-right:0}.___SCircle_1lbl9_gg_._size_m_1lbl9_gg_{width:16px;height:16px}.___SCircle_1lbl9_gg_._size_l_1lbl9_gg_,.___SCircle_1lbl9_gg_._size_xl_1lbl9_gg_{width:20px;height:20px}.___SClose_1lbl9_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_1lbl9_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "1lbl9_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_1lbl9_gg_",
+  "_disabled": "__disabled_1lbl9_gg_",
+  "_interactive": "__interactive_1lbl9_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_1lbl9_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_1lbl9_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_1lbl9_gg_",
+  "__SText": "___SText_1lbl9_gg_",
+  "__SAddon": "___SAddon_1lbl9_gg_",
+  "__SCircle": "___SCircle_1lbl9_gg_",
+  "_size_m": "_size_m_1lbl9_gg_",
+  "_size_l": "_size_l_1lbl9_gg_",
+  "_size_xl": "_size_xl_1lbl9_gg_",
+  "--tag-color": "--tag-color_1lbl9",
+  "_theme_primary": "_theme_primary_1lbl9_gg_",
+  "_active": "__active_1lbl9_gg_",
+  "_theme_secondary": "_theme_secondary_1lbl9_gg_",
+  "_theme_additional": "_theme_additional_1lbl9_gg_",
+  "__SClose": "___SClose_1lbl9_gg_"
 });
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 var legacyThemeRecommendedMigration = {

package/textarea/lib/cjs/Textarea.js

@@ -21,14 +21,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
 var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
 var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_3b6hy_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_3b6hy)}.___STextarea_3b6hy_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_3b6hy_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_3b6hy_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_3b6hy_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_3b6hy_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_3b6hy_gg_._size_m_3b6hy_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_3b6hy_gg_._size_l_3b6hy_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_3b6hy_gg_._state_normal_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_3b6hy_gg_._state_valid_3b6hy_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_3b6hy_gg_._state_valid_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_3b6hy_gg_._state_invalid_3b6hy_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_3b6hy_gg_._state_invalid_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "3b6hy_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_3b6hy_gg_",
-  "_size_m": "_size_m_3b6hy_gg_",
-  "_size_l": "_size_l_3b6hy_gg_",
-  "--resize": "--resize_3b6hy",
-  "_state_normal": "_state_normal_3b6hy_gg_",
-  "_state_valid": "_state_valid_3b6hy_gg_",
-  "_state_invalid": "_state_invalid_3b6hy_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_1aexb_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_1aexb)}.___STextarea_1aexb_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1aexb_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1aexb_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1aexb_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1aexb_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1aexb_gg_._size_m_1aexb_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_1aexb_gg_._size_l_1aexb_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_1aexb_gg_._state_normal_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_1aexb_gg_._state_valid_1aexb_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1aexb_gg_._state_valid_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1aexb_gg_._state_invalid_1aexb_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_1aexb_gg_._state_invalid_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1aexb_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_1aexb_gg_",
+  "_size_m": "_size_m_1aexb_gg_",
+  "_size_l": "_size_l_1aexb_gg_",
+  "--resize": "--resize_1aexb",
+  "_state_normal": "_state_normal_1aexb_gg_",
+  "_state_valid": "_state_valid_1aexb_gg_",
+  "_state_invalid": "_state_invalid_1aexb_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Textarea, _Component);

package/textarea/lib/es6/Textarea.js

@@ -15,14 +15,14 @@ import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
 import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 /*__reshadow-styles__:"./style/textarea.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_3b6hy_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_3b6hy)}.___STextarea_3b6hy_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_3b6hy_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_3b6hy_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_3b6hy_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_3b6hy_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_3b6hy_gg_._size_m_3b6hy_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_3b6hy_gg_._size_l_3b6hy_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_3b6hy_gg_._state_normal_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_3b6hy_gg_._state_valid_3b6hy_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_3b6hy_gg_._state_valid_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_3b6hy_gg_._state_invalid_3b6hy_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_3b6hy_gg_._state_invalid_3b6hy_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "3b6hy_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_3b6hy_gg_",
-  "_size_m": "_size_m_3b6hy_gg_",
-  "_size_l": "_size_l_3b6hy_gg_",
-  "--resize": "--resize_3b6hy",
-  "_state_normal": "_state_normal_3b6hy_gg_",
-  "_state_valid": "_state_valid_3b6hy_gg_",
-  "_state_invalid": "_state_invalid_3b6hy_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_1aexb_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_1aexb)}.___STextarea_1aexb_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1aexb_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1aexb_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1aexb_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1aexb_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1aexb_gg_._size_m_1aexb_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_1aexb_gg_._size_l_1aexb_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_1aexb_gg_._state_normal_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_1aexb_gg_._state_valid_1aexb_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1aexb_gg_._state_valid_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1aexb_gg_._state_invalid_1aexb_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_1aexb_gg_._state_invalid_1aexb_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1aexb_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_1aexb_gg_",
+  "_size_m": "_size_m_1aexb_gg_",
+  "_size_l": "_size_l_1aexb_gg_",
+  "--resize": "--resize_1aexb",
+  "_state_normal": "_state_normal_1aexb_gg_",
+  "_state_valid": "_state_valid_1aexb_gg_",
+  "_state_invalid": "_state_invalid_1aexb_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   _inherits(Textarea, _Component);