intergalactic 15.78.0 → 15.79.0

package/tag/lib/cjs/Tag.js

@@ -26,26 +26,26 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 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_3v4tz_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_3v4tz)}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_:has(.___SText_3v4tz_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_3v4tz_gg_::after,.___STag_3v4tz_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_3v4tz_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_3v4tz);opacity:.2}.___STag_3v4tz_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_3v4tz);opacity:.1}.___STag_3v4tz_gg_:active,.___STag_3v4tz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_3v4tz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_.__keyboardFocused_3v4tz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_.__keyboardFocused_3v4tz_gg_:has(:focus){box-shadow:none}.___STag_3v4tz_gg_.__disabled_3v4tz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_{cursor:pointer}.___STag_3v4tz_gg_._size_m_3v4tz_gg_{height:20px;min-width:20px}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SCircle_3v4tz_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SCircle_3v4tz_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_3v4tz_gg_._size_l_3v4tz_gg_{height:28px;min-width:28px}.___STag_3v4tz_gg_._size_l_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_3v4tz_gg_._size_xl_3v4tz_gg_{height:40px;min-width:40px}.___STag_3v4tz_gg_._size_xl_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_:after{display:none}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__interactive_3v4tz_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before{opacity:.3}}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_::before{opacity:.01}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__interactive_3v4tz_gg_:active:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__interactive_3v4tz_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before{opacity:.1}}.___SClose_3v4tz_gg_ path,.___STag_3v4tz_gg_._theme_additional-invert_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_secondary-invert_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_::after{opacity:.5}.___STag_3v4tz_gg_._theme_primary-invert_3v4tz_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_3v4tz_gg_._theme_additional-invert_3v4tz_gg_,.___STag_3v4tz_gg_._theme_primary-invert_3v4tz_gg_,.___STag_3v4tz_gg_._theme_secondary-invert_3v4tz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::after{border-style:dashed}.___SText_3v4tz_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}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_ .___SText_3v4tz_gg_.__keyboardFocused_3v4tz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_3v4tz_gg_:not(:only-child):first-child{padding-right:0}.___SText_3v4tz_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_3v4tz_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_3v4tz_gg_,.___SCircle_3v4tz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_3v4tz_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_3v4tz_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_3v4tz_gg_:first-child{margin-left:0}.___SCircle_3v4tz_gg_:last-child{margin-right:0}.___SCircle_3v4tz_gg_._size_m_3v4tz_gg_{width:16px;height:16px}.___SCircle_3v4tz_gg_._size_l_3v4tz_gg_,.___SCircle_3v4tz_gg_._size_xl_3v4tz_gg_{width:20px;height:20px}.___SClose_3v4tz_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_3v4tz_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "3v4tz_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_3v4tz_gg_",
-  "_interactive": "__interactive_3v4tz_gg_",
-  "_keyboardFocused": "__keyboardFocused_3v4tz_gg_",
-  "_disabled": "__disabled_3v4tz_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_3v4tz_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_3v4tz_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_3v4tz_gg_",
-  "__SText": "___SText_3v4tz_gg_",
-  "__SAddon": "___SAddon_3v4tz_gg_",
-  "__SCircle": "___SCircle_3v4tz_gg_",
-  "_size_m": "_size_m_3v4tz_gg_",
-  "_size_l": "_size_l_3v4tz_gg_",
-  "_size_xl": "_size_xl_3v4tz_gg_",
-  "--tag-color": "--tag-color_3v4tz",
-  "_theme_primary": "_theme_primary_3v4tz_gg_",
-  "_active": "__active_3v4tz_gg_",
-  "_theme_secondary": "_theme_secondary_3v4tz_gg_",
-  "_theme_additional": "_theme_additional_3v4tz_gg_",
-  "__SClose": "___SClose_3v4tz_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_14xu0_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_14xu0)}.___STag_14xu0_gg_.__interactive_14xu0_gg_:has(.___SText_14xu0_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_14xu0_gg_::after,.___STag_14xu0_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_14xu0_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_14xu0);opacity:.2}.___STag_14xu0_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_14xu0);opacity:.1}.___STag_14xu0_gg_:active,.___STag_14xu0_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_14xu0_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_14xu0_gg_.__interactive_14xu0_gg_.__keyboardFocused_14xu0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_14xu0_gg_.__interactive_14xu0_gg_.__keyboardFocused_14xu0_gg_:has(:focus){box-shadow:none}.___STag_14xu0_gg_.__disabled_14xu0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_14xu0_gg_.__interactive_14xu0_gg_{cursor:pointer}.___STag_14xu0_gg_._size_m_14xu0_gg_{height:20px;min-width:20px}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SCircle_14xu0_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SCircle_14xu0_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_14xu0_gg_._size_l_14xu0_gg_{height:28px;min-width:28px}.___STag_14xu0_gg_._size_l_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_14xu0_gg_._size_xl_14xu0_gg_{height:40px;min-width:40px}.___STag_14xu0_gg_._size_xl_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_14xu0_gg_._theme_primary_14xu0_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_14xu0_gg_._theme_primary_14xu0_gg_:after{display:none}.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__interactive_14xu0_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__interactive_14xu0_gg_:hover:before{opacity:.3}}.___STag_14xu0_gg_._theme_additional_14xu0_gg_::before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_::before{opacity:.01}.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__interactive_14xu0_gg_:active:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__interactive_14xu0_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__interactive_14xu0_gg_:hover:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__interactive_14xu0_gg_:hover:before{opacity:.1}}.___SClose_14xu0_gg_ path,.___STag_14xu0_gg_._theme_additional-invert_14xu0_gg_::after,.___STag_14xu0_gg_._theme_additional_14xu0_gg_::after,.___STag_14xu0_gg_._theme_secondary-invert_14xu0_gg_::after,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_::after{opacity:.5}.___STag_14xu0_gg_._theme_primary-invert_14xu0_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_14xu0_gg_._theme_additional-invert_14xu0_gg_,.___STag_14xu0_gg_._theme_primary-invert_14xu0_gg_,.___STag_14xu0_gg_._theme_secondary-invert_14xu0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_14xu0_gg_._theme_additional_14xu0_gg_::after{border-style:dashed}.___SText_14xu0_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}.___STag_14xu0_gg_.__interactive_14xu0_gg_ .___SText_14xu0_gg_.__keyboardFocused_14xu0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_14xu0_gg_:not(:only-child):first-child{padding-right:0}.___SText_14xu0_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_14xu0_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_14xu0_gg_,.___SCircle_14xu0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_14xu0_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_14xu0_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_14xu0_gg_:first-child{margin-left:0}.___SCircle_14xu0_gg_:last-child{margin-right:0}.___SCircle_14xu0_gg_._size_m_14xu0_gg_{width:16px;height:16px}.___SCircle_14xu0_gg_._size_l_14xu0_gg_,.___SCircle_14xu0_gg_._size_xl_14xu0_gg_{width:20px;height:20px}.___SClose_14xu0_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_14xu0_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "14xu0_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_14xu0_gg_",
+  "_interactive": "__interactive_14xu0_gg_",
+  "_keyboardFocused": "__keyboardFocused_14xu0_gg_",
+  "_disabled": "__disabled_14xu0_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_14xu0_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_14xu0_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_14xu0_gg_",
+  "__SText": "___SText_14xu0_gg_",
+  "__SAddon": "___SAddon_14xu0_gg_",
+  "__SCircle": "___SCircle_14xu0_gg_",
+  "_size_m": "_size_m_14xu0_gg_",
+  "_size_l": "_size_l_14xu0_gg_",
+  "_size_xl": "_size_xl_14xu0_gg_",
+  "--tag-color": "--tag-color_14xu0",
+  "_theme_primary": "_theme_primary_14xu0_gg_",
+  "_active": "__active_14xu0_gg_",
+  "_theme_secondary": "_theme_secondary_14xu0_gg_",
+  "_theme_additional": "_theme_additional_14xu0_gg_",
+  "__SClose": "___SClose_14xu0_gg_"
 });
 var legacyThemeRecommendedMigration = {
   primary: {
@@ -144,8 +144,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
         addonRight = _this$asProps.addonRight,
         resolveColor = _this$asProps.resolveColor,
         outerId = _this$asProps.id,
-        uid = _this$asProps.uid,
-        onKeyDown = _this$asProps.onKeyDown;
+        uid = _this$asProps.uid;
       var focusable = this.state.focusable;
       var id = outerId || "igc-".concat(uid, "-tag");
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
@@ -153,7 +152,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
         "use:interactive": !disabled && interactive,
         "role": interactive ? 'button' : undefined,
         "tag-color": resolveColor(color),
-        "onKeyDown": (0, _assignProps6.callAllEventHandlers)(onKeyDown, this.handleKeyDown),
+        "onKeyDown": this.handleKeyDown,
         "use:tabIndex": interactive && focusable === 'container' ? 0 : -1
       }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
         tag: addonLeft

package/tag/lib/cjs/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.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 logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n      onKeyDown,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_keyboardFocusEnhance","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","focusable","setState","event","key","asProps","onClick","preventDefault","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","Box","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread2","assignProps","undefined","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","keyboardFocusEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","enhance","Close","_ref3","_ref8","SClose","React","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.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 logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}

package/tag/lib/es6/Tag.js

@@ -23,26 +23,26 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/tag.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_3v4tz_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_3v4tz)}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_:has(.___SText_3v4tz_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_3v4tz_gg_::after,.___STag_3v4tz_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_3v4tz_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_3v4tz);opacity:.2}.___STag_3v4tz_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_3v4tz);opacity:.1}.___STag_3v4tz_gg_:active,.___STag_3v4tz_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_3v4tz_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_.__keyboardFocused_3v4tz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_.__keyboardFocused_3v4tz_gg_:has(:focus){box-shadow:none}.___STag_3v4tz_gg_.__disabled_3v4tz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_{cursor:pointer}.___STag_3v4tz_gg_._size_m_3v4tz_gg_{height:20px;min-width:20px}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SCircle_3v4tz_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SCircle_3v4tz_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_3v4tz_gg_._size_m_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_3v4tz_gg_._size_l_3v4tz_gg_{height:28px;min-width:28px}.___STag_3v4tz_gg_._size_l_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_3v4tz_gg_._size_xl_3v4tz_gg_{height:40px;min-width:40px}.___STag_3v4tz_gg_._size_xl_3v4tz_gg_ .___SText_3v4tz_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_:after{display:none}.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__interactive_3v4tz_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_3v4tz_gg_._theme_primary_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before{opacity:.3}}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_::before{opacity:.01}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__interactive_3v4tz_gg_:active:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__active_3v4tz_gg_:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__interactive_3v4tz_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_.__interactive_3v4tz_gg_:hover:before{opacity:.1}}.___SClose_3v4tz_gg_ path,.___STag_3v4tz_gg_._theme_additional-invert_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_secondary-invert_3v4tz_gg_::after,.___STag_3v4tz_gg_._theme_secondary_3v4tz_gg_::after{opacity:.5}.___STag_3v4tz_gg_._theme_primary-invert_3v4tz_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_3v4tz_gg_._theme_additional-invert_3v4tz_gg_,.___STag_3v4tz_gg_._theme_primary-invert_3v4tz_gg_,.___STag_3v4tz_gg_._theme_secondary-invert_3v4tz_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_3v4tz_gg_._theme_additional_3v4tz_gg_::after{border-style:dashed}.___SText_3v4tz_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}.___STag_3v4tz_gg_.__interactive_3v4tz_gg_ .___SText_3v4tz_gg_.__keyboardFocused_3v4tz_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_3v4tz_gg_:not(:only-child):first-child{padding-right:0}.___SText_3v4tz_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_3v4tz_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_3v4tz_gg_,.___SCircle_3v4tz_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_3v4tz_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_3v4tz_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_3v4tz_gg_:first-child{margin-left:0}.___SCircle_3v4tz_gg_:last-child{margin-right:0}.___SCircle_3v4tz_gg_._size_m_3v4tz_gg_{width:16px;height:16px}.___SCircle_3v4tz_gg_._size_l_3v4tz_gg_,.___SCircle_3v4tz_gg_._size_xl_3v4tz_gg_{width:20px;height:20px}.___SClose_3v4tz_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_3v4tz_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "3v4tz_gg_") /*__reshadow_css_end__*/, {
-  "__STag": "___STag_3v4tz_gg_",
-  "_interactive": "__interactive_3v4tz_gg_",
-  "_keyboardFocused": "__keyboardFocused_3v4tz_gg_",
-  "_disabled": "__disabled_3v4tz_gg_",
-  "_theme_primary-invert": "_theme_primary-invert_3v4tz_gg_",
-  "_theme_secondary-invert": "_theme_secondary-invert_3v4tz_gg_",
-  "_theme_additional-invert": "_theme_additional-invert_3v4tz_gg_",
-  "__SText": "___SText_3v4tz_gg_",
-  "__SAddon": "___SAddon_3v4tz_gg_",
-  "__SCircle": "___SCircle_3v4tz_gg_",
-  "_size_m": "_size_m_3v4tz_gg_",
-  "_size_l": "_size_l_3v4tz_gg_",
-  "_size_xl": "_size_xl_3v4tz_gg_",
-  "--tag-color": "--tag-color_3v4tz",
-  "_theme_primary": "_theme_primary_3v4tz_gg_",
-  "_active": "__active_3v4tz_gg_",
-  "_theme_secondary": "_theme_secondary_3v4tz_gg_",
-  "_theme_additional": "_theme_additional_3v4tz_gg_",
-  "__SClose": "___SClose_3v4tz_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_14xu0_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_14xu0)}.___STag_14xu0_gg_.__interactive_14xu0_gg_:has(.___SText_14xu0_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_14xu0_gg_::after,.___STag_14xu0_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_14xu0_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_14xu0);opacity:.2}.___STag_14xu0_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_14xu0);opacity:.1}.___STag_14xu0_gg_:active,.___STag_14xu0_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_14xu0_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_14xu0_gg_.__interactive_14xu0_gg_.__keyboardFocused_14xu0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_14xu0_gg_.__interactive_14xu0_gg_.__keyboardFocused_14xu0_gg_:has(:focus){box-shadow:none}.___STag_14xu0_gg_.__disabled_14xu0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_14xu0_gg_.__interactive_14xu0_gg_{cursor:pointer}.___STag_14xu0_gg_._size_m_14xu0_gg_{height:20px;min-width:20px}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SCircle_14xu0_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SCircle_14xu0_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_14xu0_gg_._size_m_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_14xu0_gg_._size_l_14xu0_gg_{height:28px;min-width:28px}.___STag_14xu0_gg_._size_l_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_14xu0_gg_._size_xl_14xu0_gg_{height:40px;min-width:40px}.___STag_14xu0_gg_._size_xl_14xu0_gg_ .___SText_14xu0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_14xu0_gg_._theme_primary_14xu0_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_14xu0_gg_._theme_primary_14xu0_gg_:after{display:none}.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__interactive_14xu0_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_14xu0_gg_._theme_primary_14xu0_gg_.__interactive_14xu0_gg_:hover:before{opacity:.3}}.___STag_14xu0_gg_._theme_additional_14xu0_gg_::before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_::before{opacity:.01}.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__interactive_14xu0_gg_:active:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__active_14xu0_gg_:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__interactive_14xu0_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_14xu0_gg_._theme_additional_14xu0_gg_.__interactive_14xu0_gg_:hover:before,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_.__interactive_14xu0_gg_:hover:before{opacity:.1}}.___SClose_14xu0_gg_ path,.___STag_14xu0_gg_._theme_additional-invert_14xu0_gg_::after,.___STag_14xu0_gg_._theme_additional_14xu0_gg_::after,.___STag_14xu0_gg_._theme_secondary-invert_14xu0_gg_::after,.___STag_14xu0_gg_._theme_secondary_14xu0_gg_::after{opacity:.5}.___STag_14xu0_gg_._theme_primary-invert_14xu0_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_14xu0_gg_._theme_additional-invert_14xu0_gg_,.___STag_14xu0_gg_._theme_primary-invert_14xu0_gg_,.___STag_14xu0_gg_._theme_secondary-invert_14xu0_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_14xu0_gg_._theme_additional_14xu0_gg_::after{border-style:dashed}.___SText_14xu0_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}.___STag_14xu0_gg_.__interactive_14xu0_gg_ .___SText_14xu0_gg_.__keyboardFocused_14xu0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_14xu0_gg_:not(:only-child):first-child{padding-right:0}.___SText_14xu0_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_14xu0_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_14xu0_gg_,.___SCircle_14xu0_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_14xu0_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_14xu0_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_14xu0_gg_:first-child{margin-left:0}.___SCircle_14xu0_gg_:last-child{margin-right:0}.___SCircle_14xu0_gg_._size_m_14xu0_gg_{width:16px;height:16px}.___SCircle_14xu0_gg_._size_l_14xu0_gg_,.___SCircle_14xu0_gg_._size_xl_14xu0_gg_{width:20px;height:20px}.___SClose_14xu0_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_14xu0_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "14xu0_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_14xu0_gg_",
+  "_interactive": "__interactive_14xu0_gg_",
+  "_keyboardFocused": "__keyboardFocused_14xu0_gg_",
+  "_disabled": "__disabled_14xu0_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_14xu0_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_14xu0_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_14xu0_gg_",
+  "__SText": "___SText_14xu0_gg_",
+  "__SAddon": "___SAddon_14xu0_gg_",
+  "__SCircle": "___SCircle_14xu0_gg_",
+  "_size_m": "_size_m_14xu0_gg_",
+  "_size_l": "_size_l_14xu0_gg_",
+  "_size_xl": "_size_xl_14xu0_gg_",
+  "--tag-color": "--tag-color_14xu0",
+  "_theme_primary": "_theme_primary_14xu0_gg_",
+  "_active": "__active_14xu0_gg_",
+  "_theme_secondary": "_theme_secondary_14xu0_gg_",
+  "_theme_additional": "_theme_additional_14xu0_gg_",
+  "__SClose": "___SClose_14xu0_gg_"
 });
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 var legacyThemeRecommendedMigration = {
@@ -142,8 +142,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
         addonRight = _this$asProps.addonRight,
         resolveColor = _this$asProps.resolveColor,
         outerId = _this$asProps.id,
-        uid = _this$asProps.uid,
-        onKeyDown = _this$asProps.onKeyDown;
+        uid = _this$asProps.uid;
       var focusable = this.state.focusable;
       var id = outerId || "igc-".concat(uid, "-tag");
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(STag, _ref6.cn("STag", _objectSpread({}, _assignProps({
@@ -151,7 +150,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
         "use:interactive": !disabled && interactive,
         "role": interactive ? 'button' : undefined,
         "tag-color": resolveColor(color),
-        "onKeyDown": callAllEventHandlers(onKeyDown, this.handleKeyDown),
+        "onKeyDown": this.handleKeyDown,
         "use:tabIndex": interactive && focusable === 'container' ? 0 : -1
       }, _ref))), addonLeft ? /*#__PURE__*/React.createElement(Tag.Addon, {
         tag: addonLeft

package/tag/lib/es6/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","enhance","Close","_ref3","_ref8","SClose","useEffect","_props$onMount","_props$onUnmount","useCallback","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.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 logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n      onKeyDown,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}
+{"version":3,"file":"Tag.js","names":["React","createComponent","Component","sstyled","Root","Box","addonTextChildren","logger","CloseM","localizedMessages","i18nEnhance","resolveColorEnhance","uniqueIDEnhancement","keyboardFocusEnhance","style","_sstyled","insert","callAllEventHandlers","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits","_super","_createSuper","props","_legacyThemeRecommend","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","focusable","setState","event","key","asProps","onClick","preventDefault","warn","use","concat","theme","Tag","displayName","_createClass","value","getCircleProps","size","getTextProps","interactive","id","uid","state","tabIndex","getCloseProps","getI18nText","onMount","handleCloseMount","onUnmount","handleCloseUnmount","render","_ref","_ref6","STag","_this$asProps","Children","styles","color","disabled","addonLeft","addonRight","resolveColor","outerId","createElement","cn","_objectSpread","_assignProps","undefined","handleKeyDown","Addon","tag","Text","i18n","locale","_ref2","arguments[0]","_ref7","SText","_assignProps2","enhance","Close","_ref3","_ref8","SClose","useEffect","_props$onMount","_props$onUnmount","onKeyDown","useCallback","_assignProps3","_ref4","_ref9","SAddon","_assignProps4","Circle","_ref5","_ref10","SCircle","_assignProps5"],"sources":["../../src/Tag.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 logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [\n    i18nEnhance(localizedMessages),\n    uniqueIDEnhancement(),\n    resolveColorEnhance(),\n    keyboardFocusEnhance(),\n  ];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n  state = {\n    focusable: 'container',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getTextProps() {\n    const { interactive } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n    const { focusable } = this.state;\n\n    return {\n      tabIndex: focusable === 'text' && interactive ? 0 : -1,\n      id: `${id}-text`,\n    };\n  }\n  handleCloseMount = () => {\n    this.setState({ focusable: 'text' });\n  };\n  handleCloseUnmount = () => {\n    this.setState({ focusable: 'container' });\n  };\n  getCloseProps() {\n    const { getI18nText } = this.asProps;\n    const id = this.asProps.id || `igc-${this.asProps.uid}-tag`;\n\n    return {\n      getI18nText,\n      id: `${id}-clear`,\n      'aria-labelledby': `${id}-clear ${id}-text`,\n      'aria-label': getI18nText('remove'),\n      'aria-hidden': 'true',\n      onMount: this.handleCloseMount,\n      onUnmount: this.handleCloseUnmount,\n    };\n  }\n\n  handleKeyDown = (event) => {\n    switch (event.key) {\n      case ' ':\n      case 'Enter':\n        if (this.asProps.onClick) {\n          event.preventDefault();\n          this.asProps.onClick(event);\n        }\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      id: outerId,\n      uid,\n    } = this.asProps;\n    const { focusable } = this.state;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        role={interactive ? 'button' : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={this.handleKeyDown}\n        use:tabIndex={interactive && focusable === 'container' ? 0 : -1}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\nText.enhance = [keyboardFocusEnhance()];\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    props.onMount?.();\n    return () => props.onUnmount?.();\n  }, []);\n\n  const onKeyDown = React.useCallback(\n    (event) => {\n      if (props.onKeyDown) {\n        return props.onKeyDown(event);\n      }\n\n      if (props.onClick && (event.key === 'Enter' || event.key === ' ')) {\n        event.preventDefault();\n        props.onClick(event);\n      }\n    },\n    [props.onKeyDown, props.onClick],\n  );\n\n  return sstyled(styles)(<SClose render={Box} tag={CloseM} interactive onKeyDown={onKeyDown} />);\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}

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_1ridr_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_1ridr)}.___STextarea_1ridr_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1ridr_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1ridr_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1ridr_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1ridr_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1ridr_gg_._size_m_1ridr_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_1ridr_gg_._size_l_1ridr_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_1ridr_gg_._state_normal_1ridr_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_1ridr_gg_._state_valid_1ridr_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1ridr_gg_._state_valid_1ridr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1ridr_gg_._state_invalid_1ridr_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_1ridr_gg_._state_invalid_1ridr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1ridr_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_1ridr_gg_",
-  "_size_m": "_size_m_1ridr_gg_",
-  "_size_l": "_size_l_1ridr_gg_",
-  "--resize": "--resize_1ridr",
-  "_state_normal": "_state_normal_1ridr_gg_",
-  "_state_valid": "_state_valid_1ridr_gg_",
-  "_state_invalid": "_state_invalid_1ridr_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_1un43_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_1un43);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_1un43_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1un43_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1un43_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1un43_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1un43_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1un43_gg_._size_m_1un43_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_1un43_gg_._size_l_1un43_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_1un43_gg_._state_normal_1un43_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_1un43_gg_._state_valid_1un43_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1un43_gg_._state_valid_1un43_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1un43_gg_._state_invalid_1un43_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_1un43_gg_._state_invalid_1un43_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1un43_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_1un43_gg_",
+  "_size_m": "_size_m_1un43_gg_",
+  "_size_l": "_size_l_1un43_gg_",
+  "--resize": "--resize_1un43",
+  "_state_normal": "_state_normal_1un43_gg_",
+  "_state_valid": "_state_valid_1un43_gg_",
+  "_state_invalid": "_state_invalid_1un43_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Textarea, _Component);

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

@@ -8,6 +8,7 @@ STextarea {
   box-sizing: border-box;
   font-family: inherit;
   resize: var(--resize);
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
   &:read-only {
     background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
@@ -62,4 +63,4 @@ STextarea[state='invalid'] {
   border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
   border-top-left-radius: var(--intergalactic-control-rounded, 6px);
   background-repeat: repeat-y;
-}
+}

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_1ridr_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_1ridr)}.___STextarea_1ridr_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1ridr_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1ridr_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1ridr_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1ridr_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1ridr_gg_._size_m_1ridr_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_1ridr_gg_._size_l_1ridr_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_1ridr_gg_._state_normal_1ridr_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_1ridr_gg_._state_valid_1ridr_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1ridr_gg_._state_valid_1ridr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1ridr_gg_._state_invalid_1ridr_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_1ridr_gg_._state_invalid_1ridr_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1ridr_gg_") /*__reshadow_css_end__*/, {
-  "__STextarea": "___STextarea_1ridr_gg_",
-  "_size_m": "_size_m_1ridr_gg_",
-  "_size_l": "_size_l_1ridr_gg_",
-  "--resize": "--resize_1ridr",
-  "_state_normal": "_state_normal_1ridr_gg_",
-  "_state_valid": "_state_valid_1ridr_gg_",
-  "_state_invalid": "_state_invalid_1ridr_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_1un43_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_1un43);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_1un43_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1un43_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_1un43_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_1un43_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1un43_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_1un43_gg_._size_m_1un43_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_1un43_gg_._size_l_1un43_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_1un43_gg_._state_normal_1un43_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_1un43_gg_._state_valid_1un43_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_1un43_gg_._state_valid_1un43_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_1un43_gg_._state_invalid_1un43_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_1un43_gg_._state_invalid_1un43_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1un43_gg_") /*__reshadow_css_end__*/, {
+  "__STextarea": "___STextarea_1un43_gg_",
+  "_size_m": "_size_m_1un43_gg_",
+  "_size_l": "_size_l_1un43_gg_",
+  "--resize": "--resize_1un43",
+  "_state_normal": "_state_normal_1un43_gg_",
+  "_state_valid": "_state_valid_1un43_gg_",
+  "_state_invalid": "_state_invalid_1un43_gg_"
 });
 var Textarea = /*#__PURE__*/function (_Component) {
   _inherits(Textarea, _Component);

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

@@ -8,6 +8,7 @@ STextarea {
   box-sizing: border-box;
   font-family: inherit;
   resize: var(--resize);
+  background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
 
   &:read-only {
     background-color: var(--intergalactic-bg-secondary-neutral, #f4f5f9);
@@ -62,4 +63,4 @@ STextarea[state='invalid'] {
   border-bottom-left-radius: var(--intergalactic-control-rounded, 6px);
   border-top-left-radius: var(--intergalactic-control-rounded, 6px);
   background-repeat: repeat-y;
-}
+}

package/time-picker/lib/cjs/TimePicker.js

@@ -29,18 +29,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_19xmn_gg_{position:relative;width:auto;outline:0}.___STimePicker_19xmn_gg_.__keyboardFocused_19xmn_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_19xmn_gg_.__disabled_19xmn_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_19xmn_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_19xmn_gg_.__placeholder_19xmn_gg_{text-overflow:initial}.___SPickerInput_19xmn_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_19xmn_gg_._size_l_19xmn_gg_,.___SPickerInput_19xmn_gg_._size_m_19xmn_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_19xmn_gg_._size_l_19xmn_gg_{width:21px}.___SPickerFormat_19xmn_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_19xmn_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_19xmn_gg_.__active_19xmn_gg_,.___SPickerFormat_19xmn_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_19xmn_gg_._size_m_19xmn_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_19xmn_gg_._size_m_19xmn_gg_ .___SPickerFormatText_19xmn_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_19xmn_gg_._size_l_19xmn_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_19xmn_gg_._size_l_19xmn_gg_ .___SPickerFormatText_19xmn_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_19xmn_gg_.__disabled_19xmn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_19xmn_gg_.__keyboardFocused_19xmn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_19xmn_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_19xmn_gg_.__disabled_19xmn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "19xmn_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_19xmn_gg_",
-  "_keyboardFocused": "__keyboardFocused_19xmn_gg_",
-  "_disabled": "__disabled_19xmn_gg_",
-  "__SPickerInput": "___SPickerInput_19xmn_gg_",
-  "_size_m": "_size_m_19xmn_gg_",
-  "_size_l": "_size_l_19xmn_gg_",
-  "__SPickerFormat": "___SPickerFormat_19xmn_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_19xmn_gg_",
-  "_placeholder": "__placeholder_19xmn_gg_",
-  "_active": "__active_19xmn_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_19xmn_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STimePicker_1yo3q_gg_{position:relative;width:auto;outline:0}.___STimePicker_1yo3q_gg_.__keyboardFocused_1yo3q_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1yo3q_gg_.__disabled_1yo3q_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1yo3q_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1yo3q_gg_.__placeholder_1yo3q_gg_{text-overflow:initial}.___SPickerInput_1yo3q_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1yo3q_gg_._size_l_1yo3q_gg_,.___SPickerInput_1yo3q_gg_._size_m_1yo3q_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1yo3q_gg_._size_l_1yo3q_gg_{width:21px}.___SPickerFormat_1yo3q_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1yo3q_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1yo3q_gg_.__active_1yo3q_gg_,.___SPickerFormat_1yo3q_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1yo3q_gg_._size_m_1yo3q_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1yo3q_gg_._size_m_1yo3q_gg_ .___SPickerFormatText_1yo3q_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1yo3q_gg_._size_l_1yo3q_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1yo3q_gg_._size_l_1yo3q_gg_ .___SPickerFormatText_1yo3q_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1yo3q_gg_.__disabled_1yo3q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1yo3q_gg_.__keyboardFocused_1yo3q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1yo3q_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1yo3q_gg_.__disabled_1yo3q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1yo3q_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1yo3q_gg_",
+  "_keyboardFocused": "__keyboardFocused_1yo3q_gg_",
+  "_disabled": "__disabled_1yo3q_gg_",
+  "__SPickerInput": "___SPickerInput_1yo3q_gg_",
+  "_size_m": "_size_m_1yo3q_gg_",
+  "_size_l": "_size_l_1yo3q_gg_",
+  "__SPickerFormat": "___SPickerFormat_1yo3q_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1yo3q_gg_",
+  "_placeholder": "__placeholder_1yo3q_gg_",
+  "_active": "__active_1yo3q_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1yo3q_gg_"
 });
 var MAP_MERIDIEM = {
   AM: 'PM',

package/time-picker/lib/es6/TimePicker.js

@@ -18,18 +18,18 @@ import Format from './PickerFormat';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/time-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_19xmn_gg_{position:relative;width:auto;outline:0}.___STimePicker_19xmn_gg_.__keyboardFocused_19xmn_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_19xmn_gg_.__disabled_19xmn_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_19xmn_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_19xmn_gg_.__placeholder_19xmn_gg_{text-overflow:initial}.___SPickerInput_19xmn_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_19xmn_gg_._size_l_19xmn_gg_,.___SPickerInput_19xmn_gg_._size_m_19xmn_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_19xmn_gg_._size_l_19xmn_gg_{width:21px}.___SPickerFormat_19xmn_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_19xmn_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_19xmn_gg_.__active_19xmn_gg_,.___SPickerFormat_19xmn_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_19xmn_gg_._size_m_19xmn_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_19xmn_gg_._size_m_19xmn_gg_ .___SPickerFormatText_19xmn_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_19xmn_gg_._size_l_19xmn_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_19xmn_gg_._size_l_19xmn_gg_ .___SPickerFormatText_19xmn_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_19xmn_gg_.__disabled_19xmn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_19xmn_gg_.__keyboardFocused_19xmn_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_19xmn_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_19xmn_gg_.__disabled_19xmn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "19xmn_gg_") /*__reshadow_css_end__*/, {
-  "__STimePicker": "___STimePicker_19xmn_gg_",
-  "_keyboardFocused": "__keyboardFocused_19xmn_gg_",
-  "_disabled": "__disabled_19xmn_gg_",
-  "__SPickerInput": "___SPickerInput_19xmn_gg_",
-  "_size_m": "_size_m_19xmn_gg_",
-  "_size_l": "_size_l_19xmn_gg_",
-  "__SPickerFormat": "___SPickerFormat_19xmn_gg_",
-  "__STimePickerSeparator": "___STimePickerSeparator_19xmn_gg_",
-  "_placeholder": "__placeholder_19xmn_gg_",
-  "_active": "__active_19xmn_gg_",
-  "__SPickerFormatText": "___SPickerFormatText_19xmn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STimePicker_1yo3q_gg_{position:relative;width:auto;outline:0}.___STimePicker_1yo3q_gg_.__keyboardFocused_1yo3q_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePicker_1yo3q_gg_.__disabled_1yo3q_gg_{color:var(--intergalactic-text-secondary, #6c6e79);cursor:default}.___SPickerInput_1yo3q_gg_{box-sizing:content-box;text-align:center;z-index:1;height:1.5em}.___SPickerInput_1yo3q_gg_.__placeholder_1yo3q_gg_{text-overflow:initial}.___SPickerInput_1yo3q_gg_:focus{background-color:var(--intergalactic-bg-highlight-focus, rgba(0, 143, 248, 0.2))}.___SPickerInput_1yo3q_gg_._size_l_1yo3q_gg_,.___SPickerInput_1yo3q_gg_._size_m_1yo3q_gg_{width:19px;margin:0 var(--intergalactic-spacing-2x, 8px);padding:0}.___SPickerInput_1yo3q_gg_._size_l_1yo3q_gg_{width:21px}.___SPickerFormat_1yo3q_gg_{flex-shrink:0;position:relative;display:inline-flex;padding:0;white-space:nowrap;font-family:inherit;font-weight:var(--intergalactic-medium, 500);line-height:normal;-webkit-text-decoration:none;text-decoration:none;align-items:center;border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:0 var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0;outline:0;box-shadow:none;cursor:pointer;box-sizing:border-box;overflow:visible;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}@media (hover:hover){.___SPickerFormat_1yo3q_gg_:hover{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SPickerFormat_1yo3q_gg_.__active_1yo3q_gg_,.___SPickerFormat_1yo3q_gg_:active{color:var(--intergalactic-text-secondary, #6c6e79);background-color:var(--intergalactic-bg-secondary-neutral-active, #c4c7cf)}.___SPickerFormat_1yo3q_gg_._size_m_1yo3q_gg_{height:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px);margin:0-1px 0 0}.___SPickerFormat_1yo3q_gg_._size_m_1yo3q_gg_ .___SPickerFormatText_1yo3q_gg_{margin:0 var(--intergalactic-spacing-2x, 8px)}.___SPickerFormat_1yo3q_gg_._size_l_1yo3q_gg_{height:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px);margin:0 calc(-1*var(--intergalactic-spacing-1x, 4px))0 0}.___SPickerFormat_1yo3q_gg_._size_l_1yo3q_gg_ .___SPickerFormatText_1yo3q_gg_{margin:0 var(--intergalactic-spacing-3x, 12px)}.___SPickerFormat_1yo3q_gg_.__disabled_1yo3q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;border-color:transparent transparent transparent var(--intergalactic-border-primary, #c4c7cf)}.___SPickerFormat_1yo3q_gg_.__keyboardFocused_1yo3q_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STimePickerSeparator_1yo3q_gg_{color:var(--intergalactic-text-primary, #191b23)}.___STimePickerSeparator_1yo3q_gg_.__disabled_1yo3q_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);pointer-events:none}" /*__inner_css_end__*/, "1yo3q_gg_") /*__reshadow_css_end__*/, {
+  "__STimePicker": "___STimePicker_1yo3q_gg_",
+  "_keyboardFocused": "__keyboardFocused_1yo3q_gg_",
+  "_disabled": "__disabled_1yo3q_gg_",
+  "__SPickerInput": "___SPickerInput_1yo3q_gg_",
+  "_size_m": "_size_m_1yo3q_gg_",
+  "_size_l": "_size_l_1yo3q_gg_",
+  "__SPickerFormat": "___SPickerFormat_1yo3q_gg_",
+  "__STimePickerSeparator": "___STimePickerSeparator_1yo3q_gg_",
+  "_placeholder": "__placeholder_1yo3q_gg_",
+  "_active": "__active_1yo3q_gg_",
+  "__SPickerFormatText": "___SPickerFormatText_1yo3q_gg_"
 });
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 var MAP_MERIDIEM = {

package/tooltip/lib/cjs/Tooltip.js

@@ -27,15 +27,15 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _portal = _interopRequireDefault(require("intergalactic/portal"));
 var _excluded = ["Children", "title", "offset", "forcedAdvancedMode"];
 /*__reshadow-styles__:"./style/tooltip.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1unis_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_1unis_gg_._theme_default_1unis_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1unis_gg_._theme_invert_1unis_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1unis_gg_._theme_warning_1unis_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1unis_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1unis_gg_,.___SArrow_1unis_gg_:before{position:absolute;border:6px solid}.___SArrow_1unis_gg_:before{content:\"\"}.___SArrow_1unis_gg_._theme_default_1unis_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1unis_gg_._theme_default_1unis_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1unis_gg_._theme_invert_1unis_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1unis_gg_._theme_invert_1unis_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1unis_gg_._theme_warning_1unis_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1unis_gg_._theme_warning_1unis_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_1unis_gg_[data-popper-placement^=top] .___SArrow_1unis_gg_,.___STooltip_1unis_gg_[data-popper-placement^=top] .___SArrow_1unis_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1unis_gg_[data-popper-placement^=top] .___SArrow_1unis_gg_::before{top:-7px;left:-6px}.___STooltip_1unis_gg_[data-popper-placement^=bottom] .___SArrow_1unis_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1unis_gg_[data-popper-placement^=bottom] .___SArrow_1unis_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1unis_gg_[data-popper-placement^=left] .___SArrow_1unis_gg_,.___STooltip_1unis_gg_[data-popper-placement^=left] .___SArrow_1unis_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1unis_gg_[data-popper-placement^=left] .___SArrow_1unis_gg_::before{top:-6px;left:-7px}.___STooltip_1unis_gg_[data-popper-placement^=right] .___SArrow_1unis_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1unis_gg_[data-popper-placement^=right] .___SArrow_1unis_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_1unis_gg_{position:relative;z-index:var(--intergalactic-z-index-tooltip, 800)}.___STooltipPortalledWrapper_1unis_gg_.__zIndex_1unis_gg_{z-index:var(--zIndex_1unis)}" /*__inner_css_end__*/, "1unis_gg_") /*__reshadow_css_end__*/, {
-  "__STooltip": "___STooltip_1unis_gg_",
-  "_theme_default": "_theme_default_1unis_gg_",
-  "_theme_invert": "_theme_invert_1unis_gg_",
-  "_theme_warning": "_theme_warning_1unis_gg_",
-  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_1unis_gg_",
-  "_zIndex": "__zIndex_1unis_gg_",
-  "--zIndex": "--zIndex_1unis",
-  "__SArrow": "___SArrow_1unis_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STooltip_1ccw8_gg_{position:relative;padding:var(--intergalactic-spacing-3x, 12px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);word-wrap:break-word;max-width:250px;font-weight:400;white-space:normal;box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STooltip_1ccw8_gg_._theme_default_1ccw8_gg_{background-color:var(--intergalactic-tooltip-default, #ffffff);border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STooltip_1ccw8_gg_._theme_invert_1ccw8_gg_{color:var(--intergalactic-text-primary-invert, #ffffff);background-color:var(--intergalactic-tooltip-invert, #191b23);border:1px solid var(--intergalactic-border-tooltip-invert, #6c6e79)}.___STooltip_1ccw8_gg_._theme_warning_1ccw8_gg_{background-color:var(--intergalactic-tooltip-warning, #ffd7df);border:1px solid var(--intergalactic-border-critical-active, #d1002f)}.___STooltip_1ccw8_gg_[data-popper-reference-hidden]{visibility:hidden;pointer-events:none}.___SArrow_1ccw8_gg_,.___SArrow_1ccw8_gg_:before{position:absolute;border:6px solid}.___SArrow_1ccw8_gg_:before{content:\"\"}.___SArrow_1ccw8_gg_._theme_default_1ccw8_gg_{border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SArrow_1ccw8_gg_._theme_default_1ccw8_gg_:before{border-color:var(--intergalactic-tooltip-default, #ffffff)}.___SArrow_1ccw8_gg_._theme_invert_1ccw8_gg_{border-color:var(--intergalactic-border-tooltip-invert, #6c6e79)}.___SArrow_1ccw8_gg_._theme_invert_1ccw8_gg_::before{border-color:var(--intergalactic-tooltip-invert, #191b23)}.___SArrow_1ccw8_gg_._theme_warning_1ccw8_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SArrow_1ccw8_gg_._theme_warning_1ccw8_gg_::before{border-color:var(--intergalactic-tooltip-warning, #ffd7df)}.___STooltip_1ccw8_gg_[data-popper-placement^=top] .___SArrow_1ccw8_gg_,.___STooltip_1ccw8_gg_[data-popper-placement^=top] .___SArrow_1ccw8_gg_::before{top:100%;border-bottom:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1ccw8_gg_[data-popper-placement^=top] .___SArrow_1ccw8_gg_::before{top:-7px;left:-6px}.___STooltip_1ccw8_gg_[data-popper-placement^=bottom] .___SArrow_1ccw8_gg_{bottom:100%;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1ccw8_gg_[data-popper-placement^=bottom] .___SArrow_1ccw8_gg_::before{top:1px;left:-6px;border-top:0 transparent;border-right-color:transparent!important;border-left-color:transparent!important}.___STooltip_1ccw8_gg_[data-popper-placement^=left] .___SArrow_1ccw8_gg_,.___STooltip_1ccw8_gg_[data-popper-placement^=left] .___SArrow_1ccw8_gg_::before{left:100%;border-right:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1ccw8_gg_[data-popper-placement^=left] .___SArrow_1ccw8_gg_::before{top:-6px;left:-7px}.___STooltip_1ccw8_gg_[data-popper-placement^=right] .___SArrow_1ccw8_gg_{right:100%;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltip_1ccw8_gg_[data-popper-placement^=right] .___SArrow_1ccw8_gg_::before{top:-6px;left:1px;border-left:0 transparent;border-top-color:transparent!important;border-bottom-color:transparent!important}.___STooltipPortalledWrapper_1ccw8_gg_{position:relative;z-index:var(--intergalactic-z-index-tooltip, 800)}.___STooltipPortalledWrapper_1ccw8_gg_.__zIndex_1ccw8_gg_{z-index:var(--zIndex_1ccw8)}" /*__inner_css_end__*/, "1ccw8_gg_") /*__reshadow_css_end__*/, {
+  "__STooltip": "___STooltip_1ccw8_gg_",
+  "_theme_default": "_theme_default_1ccw8_gg_",
+  "_theme_invert": "_theme_invert_1ccw8_gg_",
+  "_theme_warning": "_theme_warning_1ccw8_gg_",
+  "__STooltipPortalledWrapper": "___STooltipPortalledWrapper_1ccw8_gg_",
+  "_zIndex": "__zIndex_1ccw8_gg_",
+  "--zIndex": "--zIndex_1ccw8",
+  "__SArrow": "___SArrow_1ccw8_gg_"
 });
 var Popper = _popper["default"][_core.CREATE_COMPONENT]();
 var defaultProps = {