intergalactic 15.43.0-prerelease-7718b840 → 15.43.0-prerelease-fbfdafde

package/base-trigger/lib/cjs/BaseTrigger.js

@@ -21,24 +21,26 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
 var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
+var _InvalidStatePattern = _interopRequireDefault(require("intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern"));
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1lgtn_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1lgtn_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lgtn_gg_:active,.___SBaseTrigger_1lgtn_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lgtn_gg_.__active_1lgtn_gg_,.___SBaseTrigger_1lgtn_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lgtn_gg_.__disabled_1lgtn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lgtn_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1lgtn_gg_{width:12px;height:12px}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child,.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._neighborLocation_right_1lgtn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lgtn_gg_._neighborLocation_both_1lgtn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lgtn_gg_._neighborLocation_left_1lgtn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1lgtn_gg_.__display-placeholder_1lgtn_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lgtn_gg_._state_valid_1lgtn_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1lgtn_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_1lgtn_gg_",
-  "_disabled": "__disabled_1lgtn_gg_",
-  "__SInner": "___SInner_1lgtn_gg_",
-  "__SText": "___SText_1lgtn_gg_",
-  "__SAddon": "___SAddon_1lgtn_gg_",
-  "__SBaseAddon": "___SBaseAddon_1lgtn_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1lgtn_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1lgtn_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1lgtn_gg_",
-  "_display-placeholder": "__display-placeholder_1lgtn_gg_",
-  "_state_valid": "_state_valid_1lgtn_gg_",
-  "_keyboardFocused": "__keyboardFocused_1lgtn_gg_",
-  "_active": "__active_1lgtn_gg_",
-  "_size_m": "_size_m_1lgtn_gg_",
-  "_size_l": "_size_l_1lgtn_gg_",
-  "_state_invalid": "_state_invalid_1lgtn_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_xk8ba_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_xk8ba_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_xk8ba_gg_:active,.___SBaseTrigger_xk8ba_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_xk8ba_gg_.__active_xk8ba_gg_,.___SBaseTrigger_xk8ba_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_xk8ba_gg_.__disabled_xk8ba_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_xk8ba_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_xk8ba_gg_{width:12px;height:12px}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child,.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._neighborLocation_right_xk8ba_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_xk8ba_gg_._neighborLocation_both_xk8ba_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_xk8ba_gg_._neighborLocation_left_xk8ba_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_xk8ba_gg_.__display-placeholder_xk8ba_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_xk8ba_gg_._state_valid_xk8ba_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_xk8ba_gg_._size_m_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_xk8ba_gg_._size_l_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "xk8ba_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_xk8ba_gg_",
+  "_disabled": "__disabled_xk8ba_gg_",
+  "__SInner": "___SInner_xk8ba_gg_",
+  "__SText": "___SText_xk8ba_gg_",
+  "__SAddon": "___SAddon_xk8ba_gg_",
+  "__SBaseAddon": "___SBaseAddon_xk8ba_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_xk8ba_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_xk8ba_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_xk8ba_gg_",
+  "_display-placeholder": "__display-placeholder_xk8ba_gg_",
+  "_state_valid": "_state_valid_xk8ba_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_xk8ba_gg_",
+  "_size_m": "_size_m_xk8ba_gg_",
+  "_size_l": "_size_l_xk8ba_gg_",
+  "_keyboardFocused": "__keyboardFocused_xk8ba_gg_",
+  "_active": "__active_xk8ba_gg_",
+  "_state_invalid": "_state_invalid_xk8ba_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootBaseTrigger, _Component);
@@ -64,12 +66,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps;
       var SBaseTrigger = _flexBox.Box;
       var SInner = 'div';
+      var SInvalidPattern = _InvalidStatePattern["default"];
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
         theme = _this$asProps2.theme,
         neighborLocation = _this$asProps2.neighborLocation,
-        empty = _this$asProps2.empty;
+        empty = _this$asProps2.empty,
+        state = _this$asProps2.state,
+        size = _this$asProps2.size;
       _logger["default"].warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
 
       // TODO: add aria
@@ -80,7 +85,9 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
           "neighborLocation": neighborLocation,
           "state": theme
-        }, _ref))), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+        }, _ref))), state === 'invalid' && /*#__PURE__*/_react["default"].createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+          "size": size
+        })), /*#__PURE__*/_react["default"].createElement(SInner, _ref4.cn("SInner", {}), (0, _addonTextChildren["default"])(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
   }]);

package/base-trigger/lib/cjs/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","_this$asProps2","Children","styles","theme","neighborLocation","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","size","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","_InvalidStatePattern","style","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const SInvalidPattern = InvalidPattern;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

package/base-trigger/lib/cjs/ButtonTrigger.js

@@ -20,9 +20,9 @@ var _spin = _interopRequireDefault(require("intergalactic/spin"));
 var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
 var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mgxb_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mgxb_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mgxb_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_1mgxb_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mgxb_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_fimpo_gg_{width:12px;height:12px}.___SButtonTriggerSpin_fimpo_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "fimpo_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_fimpo_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_fimpo_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootButtonTrigger, _Component);

package/base-trigger/lib/cjs/FilterTrigger.js

@@ -32,13 +32,13 @@ var _inputProps = _interopRequireWildcard(require("intergalactic/utils/lib/input
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_.__active_qc4oo_gg_,.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_qc4oo_gg_{display:inline-flex}.___SWrapper_qc4oo_gg_:focus{outline:0}.___SWrapper_qc4oo_gg_.__keyboardFocused_qc4oo_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_qc4oo_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "qc4oo_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_qc4oo_gg_",
-  "_keyboardFocused": "__keyboardFocused_qc4oo_gg_",
-  "__SCounter": "___SCounter_qc4oo_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_qc4oo_gg_",
-  "_selected": "__selected_qc4oo_gg_",
-  "_active": "__active_qc4oo_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_.__active_i44w3_gg_,.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_i44w3_gg_{display:inline-flex}.___SWrapper_i44w3_gg_:focus{outline:0}.___SWrapper_i44w3_gg_.__keyboardFocused_i44w3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_i44w3_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "i44w3_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_i44w3_gg_",
+  "_keyboardFocused": "__keyboardFocused_i44w3_gg_",
+  "__SCounter": "___SCounter_i44w3_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_i44w3_gg_",
+  "_selected": "__selected_i44w3_gg_",
+  "_active": "__active_i44w3_gg_"
 });
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootFilterTrigger, _Component);

package/base-trigger/lib/cjs/LinkTrigger.js

@@ -21,18 +21,18 @@ var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_fzjwa_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_fzjwa_gg_.__active_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_fzjwa_gg_.__active_fzjwa_gg_ .___SText_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_:active .___SText_fzjwa_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_:hover .___SText_fzjwa_gg_{border-color:currentColor}}.___SLinkTrigger_fzjwa_gg_ .___SText_fzjwa_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_fzjwa_gg_.__color_fzjwa_gg_{color:var(--color_fzjwa)}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_.__color_fzjwa_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_fzjwa_gg_.__disabled_fzjwa_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_fzjwa_gg_.__keyboardFocused_fzjwa_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_fzjwa_gg_,.___SLinkAddon_fzjwa_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_fzjwa_gg_:not(:only-child):first-child,.___SLinkAddon_fzjwa_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_fzjwa_gg_:not(:only-child):last-child,.___SLinkAddon_fzjwa_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_fzjwa_gg_{width:16px;height:16px}.___SLinkTrigger_fzjwa_gg_._size_m_fzjwa_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_fzjwa_gg_._size_l_fzjwa_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_ .___SText_fzjwa_gg_{transition:none}}" /*__inner_css_end__*/, "fzjwa_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_fzjwa_gg_",
-  "_disabled": "__disabled_fzjwa_gg_",
-  "_keyboardFocused": "__keyboardFocused_fzjwa_gg_",
-  "__SLinkAddon": "___SLinkAddon_fzjwa_gg_",
-  "_size_m": "_size_m_fzjwa_gg_",
-  "_size_l": "_size_l_fzjwa_gg_",
-  "_active": "__active_fzjwa_gg_",
-  "__SText": "___SText_fzjwa_gg_",
-  "_color": "__color_fzjwa_gg_",
-  "--color": "--color_fzjwa",
-  "__SAddon": "___SAddon_fzjwa_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1jp6r_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_1jp6r_gg_.__active_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1jp6r_gg_.__active_1jp6r_gg_ .___SText_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_:active .___SText_1jp6r_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_:hover .___SText_1jp6r_gg_{border-color:currentColor}}.___SLinkTrigger_1jp6r_gg_ .___SText_1jp6r_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1jp6r_gg_.__color_1jp6r_gg_{color:var(--color_1jp6r)}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_.__color_1jp6r_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1jp6r_gg_.__disabled_1jp6r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1jp6r_gg_.__keyboardFocused_1jp6r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1jp6r_gg_,.___SLinkAddon_1jp6r_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1jp6r_gg_:not(:only-child):first-child,.___SLinkAddon_1jp6r_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1jp6r_gg_:not(:only-child):last-child,.___SLinkAddon_1jp6r_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1jp6r_gg_{width:16px;height:16px}.___SLinkTrigger_1jp6r_gg_._size_m_1jp6r_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1jp6r_gg_._size_l_1jp6r_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_ .___SText_1jp6r_gg_{transition:none}}" /*__inner_css_end__*/, "1jp6r_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1jp6r_gg_",
+  "_disabled": "__disabled_1jp6r_gg_",
+  "_keyboardFocused": "__keyboardFocused_1jp6r_gg_",
+  "__SLinkAddon": "___SLinkAddon_1jp6r_gg_",
+  "_size_m": "_size_m_1jp6r_gg_",
+  "_size_l": "_size_l_1jp6r_gg_",
+  "_active": "__active_1jp6r_gg_",
+  "__SText": "___SText_1jp6r_gg_",
+  "_color": "__color_1jp6r_gg_",
+  "--color": "--color_1jp6r",
+  "__SAddon": "___SAddon_1jp6r_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootLinkTrigger, _Component);

package/base-trigger/lib/cjs/style/base-trigger.shadow.css

@@ -173,4 +173,12 @@ SBaseTrigger[state='invalid'] {
     border-color: var(--intergalactic-border-critical-active, #d1002f);
     box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
   }
+}
+
+SInvalidPattern[size='m'] {
+  margin-left: calc(-1 * var(--intergalactic-spacing-2x, 8px));
+}
+
+SInvalidPattern[size='l'] {
+  margin-left: calc(-1 * var(--intergalactic-spacing-3x, 12px));
 }

package/base-trigger/lib/es6/BaseTrigger.js

@@ -17,24 +17,26 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
 import logger from 'intergalactic/utils/lib/logger';
 import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
+import InvalidPattern from 'intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
 /*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_1lgtn_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1lgtn_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1lgtn_gg_:active,.___SBaseTrigger_1lgtn_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_1lgtn_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1lgtn_gg_.__active_1lgtn_gg_,.___SBaseTrigger_1lgtn_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1lgtn_gg_.__disabled_1lgtn_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1lgtn_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1lgtn_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_1lgtn_gg_{width:12px;height:12px}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child,.___SBaseTrigger_1lgtn_gg_._size_m_1lgtn_gg_ .___SAddon_1lgtn_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._size_l_1lgtn_gg_ .___SAddon_1lgtn_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1lgtn_gg_._neighborLocation_right_1lgtn_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1lgtn_gg_._neighborLocation_both_1lgtn_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1lgtn_gg_._neighborLocation_left_1lgtn_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1lgtn_gg_.__display-placeholder_1lgtn_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1lgtn_gg_._state_valid_1lgtn_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1lgtn_gg_._state_invalid_1lgtn_gg_.__keyboardFocused_1lgtn_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "1lgtn_gg_") /*__reshadow_css_end__*/, {
-  "__SBaseTrigger": "___SBaseTrigger_1lgtn_gg_",
-  "_disabled": "__disabled_1lgtn_gg_",
-  "__SInner": "___SInner_1lgtn_gg_",
-  "__SText": "___SText_1lgtn_gg_",
-  "__SAddon": "___SAddon_1lgtn_gg_",
-  "__SBaseAddon": "___SBaseAddon_1lgtn_gg_",
-  "_neighborLocation_right": "_neighborLocation_right_1lgtn_gg_",
-  "_neighborLocation_both": "_neighborLocation_both_1lgtn_gg_",
-  "_neighborLocation_left": "_neighborLocation_left_1lgtn_gg_",
-  "_display-placeholder": "__display-placeholder_1lgtn_gg_",
-  "_state_valid": "_state_valid_1lgtn_gg_",
-  "_keyboardFocused": "__keyboardFocused_1lgtn_gg_",
-  "_active": "__active_1lgtn_gg_",
-  "_size_m": "_size_m_1lgtn_gg_",
-  "_size_l": "_size_l_1lgtn_gg_",
-  "_state_invalid": "_state_invalid_1lgtn_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_xk8ba_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_xk8ba_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_xk8ba_gg_:active,.___SBaseTrigger_xk8ba_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_xk8ba_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_xk8ba_gg_.__active_xk8ba_gg_,.___SBaseTrigger_xk8ba_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_xk8ba_gg_.__disabled_xk8ba_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_xk8ba_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_xk8ba_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.___SBaseAddon_xk8ba_gg_{width:12px;height:12px}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child,.___SBaseTrigger_xk8ba_gg_._size_m_xk8ba_gg_ .___SAddon_xk8ba_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._size_l_xk8ba_gg_ .___SAddon_xk8ba_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_xk8ba_gg_._neighborLocation_right_xk8ba_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_xk8ba_gg_._neighborLocation_both_xk8ba_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_xk8ba_gg_._neighborLocation_left_xk8ba_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_xk8ba_gg_.__display-placeholder_xk8ba_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_xk8ba_gg_._state_valid_xk8ba_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_xk8ba_gg_._state_invalid_xk8ba_gg_.__keyboardFocused_xk8ba_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_xk8ba_gg_._size_m_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_xk8ba_gg_._size_l_xk8ba_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "xk8ba_gg_") /*__reshadow_css_end__*/, {
+  "__SBaseTrigger": "___SBaseTrigger_xk8ba_gg_",
+  "_disabled": "__disabled_xk8ba_gg_",
+  "__SInner": "___SInner_xk8ba_gg_",
+  "__SText": "___SText_xk8ba_gg_",
+  "__SAddon": "___SAddon_xk8ba_gg_",
+  "__SBaseAddon": "___SBaseAddon_xk8ba_gg_",
+  "_neighborLocation_right": "_neighborLocation_right_xk8ba_gg_",
+  "_neighborLocation_both": "_neighborLocation_both_xk8ba_gg_",
+  "_neighborLocation_left": "_neighborLocation_left_xk8ba_gg_",
+  "_display-placeholder": "__display-placeholder_xk8ba_gg_",
+  "_state_valid": "_state_valid_xk8ba_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_xk8ba_gg_",
+  "_size_m": "_size_m_xk8ba_gg_",
+  "_size_l": "_size_l_xk8ba_gg_",
+  "_keyboardFocused": "__keyboardFocused_xk8ba_gg_",
+  "_active": "__active_xk8ba_gg_",
+  "_state_invalid": "_state_invalid_xk8ba_gg_"
 });
 var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootBaseTrigger, _Component);
@@ -60,12 +62,15 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
       var _ref = this.asProps;
       var SBaseTrigger = Box;
       var SInner = 'div';
+      var SInvalidPattern = InvalidPattern;
       var _this$asProps2 = this.asProps,
         Children = _this$asProps2.Children,
         styles = _this$asProps2.styles,
         theme = _this$asProps2.theme,
         neighborLocation = _this$asProps2.neighborLocation,
-        empty = _this$asProps2.empty;
+        empty = _this$asProps2.empty,
+        state = _this$asProps2.state,
+        size = _this$asProps2.size;
       logger.warn(theme !== undefined, "The 'theme' property is deprecated, use 'state'", this.asProps['data-ui-name'] || BaseTrigger.displayName);
 
       // TODO: add aria
@@ -76,7 +81,9 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
         return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, _assignProps({
           "neighborLocation": neighborLocation,
           "state": theme
-        }, _ref))), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
+        }, _ref))), state === 'invalid' && /*#__PURE__*/React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+          "size": size
+        })), /*#__PURE__*/React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
   }]);

package/base-trigger/lib/es6/BaseTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","_this$asProps2","Children","styles","theme","neighborLocation","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","size","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const { Children, styles, theme, neighborLocation, empty } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
+{"version":3,"file":"BaseTrigger.js","names":["React","createComponent","Component","Root","sstyled","Box","NeighborLocation","keyboardFocusEnhance","addonTextChildren","logger","animatedSizeEnhance","cssVariableEnhance","InvalidPattern","style","_sstyled","insert","RootBaseTrigger","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","SInner","SInvalidPattern","_this$asProps2","Children","styles","theme","neighborLocation","state","size","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread","_assignProps","Text","Addon","_defineProperty","variable","fallback","map","Number","parseInt","prop","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_assignProps2","_ref3","_ref6","SAddon","_assignProps3"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n  static displayName = 'BaseTrigger';\n  static enhance = [\n    keyboardFocusEnhance(),\n    cssVariableEnhance({\n      variable: '--intergalactic-duration-control',\n      fallback: '200',\n      map: Number.parseInt,\n      prop: 'duration',\n    }),\n    animatedSizeEnhance({\n      animateProps: ['width'],\n      onChangeOf: ['value'],\n    }),\n  ];\n  static style = style;\n  static defaultProps = {\n    size: 'm',\n    empty: false,\n  };\n\n  getTextProps() {\n    const { placeholder, empty } = this.asProps;\n    return {\n      placeholder,\n      empty,\n    };\n  }\n\n  render() {\n    const SBaseTrigger = Root;\n    const SInner = 'div';\n    const SInvalidPattern = InvalidPattern;\n    const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n    logger.warn(\n      theme !== undefined,\n      \"The 'theme' property is deprecated, use 'state'\",\n      this.asProps['data-ui-name'] || BaseTrigger.displayName,\n    );\n\n    // TODO: add aria\n    return (\n      <NeighborLocation.Detect neighborLocation={neighborLocation}>\n        {(neighborLocation) =>\n          sstyled(styles)(\n            <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n              {state === 'invalid' && <SInvalidPattern size={size} />}\n              <SInner>\n                {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n              </SInner>\n            </SBaseTrigger>,\n          )\n        }\n      </NeighborLocation.Detect>\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { children, styles, empty, placeholder } = props;\n\n  return sstyled(styles)(\n    <SText render={Box} display-placeholder={empty}>\n      {empty ? placeholder : children}\n    </SText>,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  return sstyled(props.styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n  Text,\n  Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}

package/base-trigger/lib/es6/ButtonTrigger.js

@@ -14,9 +14,9 @@ import Spin from 'intergalactic/spin';
 import animatedSizeEnhance from 'intergalactic/utils/lib/enhances/animatedSizeEnhance';
 import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
 /*__reshadow-styles__:"./style/button-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_1mgxb_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1mgxb_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "1mgxb_gg_") /*__reshadow_css_end__*/, {
-  "__SButtonAddon": "___SButtonAddon_1mgxb_gg_",
-  "__SButtonTriggerSpin": "___SButtonTriggerSpin_1mgxb_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SButtonAddon_fimpo_gg_{width:12px;height:12px}.___SButtonTriggerSpin_fimpo_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}" /*__inner_css_end__*/, "fimpo_gg_") /*__reshadow_css_end__*/, {
+  "__SButtonAddon": "___SButtonAddon_fimpo_gg_",
+  "__SButtonTriggerSpin": "___SButtonTriggerSpin_fimpo_gg_"
 });
 var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootButtonTrigger, _Component);

package/base-trigger/lib/es6/FilterTrigger.js

@@ -27,13 +27,13 @@ import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
 import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
 /*__reshadow-styles__:"./style/filter-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_.__active_qc4oo_gg_,.___SFilterTrigger_qc4oo_gg_.__selected_qc4oo_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_qc4oo_gg_{display:inline-flex}.___SWrapper_qc4oo_gg_:focus{outline:0}.___SWrapper_qc4oo_gg_.__keyboardFocused_qc4oo_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_qc4oo_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "qc4oo_gg_") /*__reshadow_css_end__*/, {
-  "__SWrapper": "___SWrapper_qc4oo_gg_",
-  "_keyboardFocused": "__keyboardFocused_qc4oo_gg_",
-  "__SCounter": "___SCounter_qc4oo_gg_",
-  "__SFilterTrigger": "___SFilterTrigger_qc4oo_gg_",
-  "_selected": "__selected_qc4oo_gg_",
-  "_active": "__active_qc4oo_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));color:var(--intergalactic-text-primary, #191b23)}@media (hover:hover){.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_:hover{background-color:var(--intergalactic-control-secondary-info-hover, rgba(0, 143, 248, 0.2))}}.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_.__active_i44w3_gg_,.___SFilterTrigger_i44w3_gg_.__selected_i44w3_gg_:active{background-color:var(--intergalactic-control-secondary-info-active, rgba(0, 143, 248, 0.3))}.___SWrapper_i44w3_gg_{display:inline-flex}.___SWrapper_i44w3_gg_:focus{outline:0}.___SWrapper_i44w3_gg_.__keyboardFocused_i44w3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SCounter_i44w3_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8)}" /*__inner_css_end__*/, "i44w3_gg_") /*__reshadow_css_end__*/, {
+  "__SWrapper": "___SWrapper_i44w3_gg_",
+  "_keyboardFocused": "__keyboardFocused_i44w3_gg_",
+  "__SCounter": "___SCounter_i44w3_gg_",
+  "__SFilterTrigger": "___SFilterTrigger_i44w3_gg_",
+  "_selected": "__selected_i44w3_gg_",
+  "_active": "__active_i44w3_gg_"
 });
 var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootFilterTrigger, _Component);

package/base-trigger/lib/es6/LinkTrigger.js

@@ -17,18 +17,18 @@ import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 /*__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_fzjwa_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_fzjwa_gg_.__active_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_fzjwa_gg_.__active_fzjwa_gg_ .___SText_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_:active .___SText_fzjwa_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_:hover .___SText_fzjwa_gg_{border-color:currentColor}}.___SLinkTrigger_fzjwa_gg_ .___SText_fzjwa_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_fzjwa_gg_.__color_fzjwa_gg_{color:var(--color_fzjwa)}@media (hover:hover){.___SLinkTrigger_fzjwa_gg_.__color_fzjwa_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_fzjwa_gg_.__disabled_fzjwa_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_fzjwa_gg_.__keyboardFocused_fzjwa_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_fzjwa_gg_,.___SLinkAddon_fzjwa_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_fzjwa_gg_:not(:only-child):first-child,.___SLinkAddon_fzjwa_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_fzjwa_gg_:not(:only-child):last-child,.___SLinkAddon_fzjwa_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_fzjwa_gg_{width:16px;height:16px}.___SLinkTrigger_fzjwa_gg_._size_m_fzjwa_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_fzjwa_gg_._size_l_fzjwa_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_fzjwa_gg_,.___SLinkTrigger_fzjwa_gg_ .___SText_fzjwa_gg_{transition:none}}" /*__inner_css_end__*/, "fzjwa_gg_") /*__reshadow_css_end__*/, {
-  "__SLinkTrigger": "___SLinkTrigger_fzjwa_gg_",
-  "_disabled": "__disabled_fzjwa_gg_",
-  "_keyboardFocused": "__keyboardFocused_fzjwa_gg_",
-  "__SLinkAddon": "___SLinkAddon_fzjwa_gg_",
-  "_size_m": "_size_m_fzjwa_gg_",
-  "_size_l": "_size_l_fzjwa_gg_",
-  "_active": "__active_fzjwa_gg_",
-  "__SText": "___SText_fzjwa_gg_",
-  "_color": "__color_fzjwa_gg_",
-  "--color": "--color_fzjwa",
-  "__SAddon": "___SAddon_fzjwa_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLinkTrigger_1jp6r_gg_{display:inline-flex;align-items:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out}.___SLinkTrigger_1jp6r_gg_.__active_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1jp6r_gg_.__active_1jp6r_gg_ .___SText_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_:active .___SText_1jp6r_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_:hover .___SText_1jp6r_gg_{border-color:currentColor}}.___SLinkTrigger_1jp6r_gg_ .___SText_1jp6r_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1jp6r_gg_.__color_1jp6r_gg_{color:var(--color_1jp6r)}@media (hover:hover){.___SLinkTrigger_1jp6r_gg_.__color_1jp6r_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1jp6r_gg_.__disabled_1jp6r_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SLinkTrigger_1jp6r_gg_.__keyboardFocused_1jp6r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SAddon_1jp6r_gg_,.___SLinkAddon_1jp6r_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1jp6r_gg_:not(:only-child):first-child,.___SLinkAddon_1jp6r_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1jp6r_gg_:not(:only-child):last-child,.___SLinkAddon_1jp6r_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1jp6r_gg_{width:16px;height:16px}.___SLinkTrigger_1jp6r_gg_._size_m_1jp6r_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1jp6r_gg_._size_l_1jp6r_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1jp6r_gg_,.___SLinkTrigger_1jp6r_gg_ .___SText_1jp6r_gg_{transition:none}}" /*__inner_css_end__*/, "1jp6r_gg_") /*__reshadow_css_end__*/, {
+  "__SLinkTrigger": "___SLinkTrigger_1jp6r_gg_",
+  "_disabled": "__disabled_1jp6r_gg_",
+  "_keyboardFocused": "__keyboardFocused_1jp6r_gg_",
+  "__SLinkAddon": "___SLinkAddon_1jp6r_gg_",
+  "_size_m": "_size_m_1jp6r_gg_",
+  "_size_l": "_size_l_1jp6r_gg_",
+  "_active": "__active_1jp6r_gg_",
+  "__SText": "___SText_1jp6r_gg_",
+  "_color": "__color_1jp6r_gg_",
+  "--color": "--color_1jp6r",
+  "__SAddon": "___SAddon_1jp6r_gg_"
 });
 var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   _inherits(RootLinkTrigger, _Component);

package/base-trigger/lib/es6/style/base-trigger.shadow.css

@@ -173,4 +173,12 @@ SBaseTrigger[state='invalid'] {
     border-color: var(--intergalactic-border-critical-active, #d1002f);
     box-shadow: var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5));
   }
+}
+
+SInvalidPattern[size='m'] {
+  margin-left: calc(-1 * var(--intergalactic-spacing-2x, 8px));
+}
+
+SInvalidPattern[size='l'] {
+  margin-left: calc(-1 * var(--intergalactic-spacing-3x, 12px));
 }

package/breadcrumbs/index.js

@@ -1 +1,25 @@
-require('./lib/cjs/index.js');
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Item["default"];
+  }
+});
+var _Item = _interopRequireWildcard(require("./lib/cjs/index"));
+Object.keys(_Item).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Item[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Item[key];
+    }
+  });
+});

package/breadcrumbs/lib/cjs/Breadcrumbs.js

@@ -20,12 +20,12 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_112pj_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_112pj_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_112pj_gg_:last-child{display:none}.___SBreadcrumbsItem_112pj_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_112pj_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_112pj_gg_.__keyboardFocused_112pj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_112pj_gg_.__active_112pj_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_112pj_gg_.__active_112pj_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "112pj_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_112pj_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_112pj_gg_",
-  "_keyboardFocused": "__keyboardFocused_112pj_gg_",
-  "__SSeparator": "___SSeparator_112pj_gg_",
-  "_active": "__active_112pj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_fs7pa_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_fs7pa_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_fs7pa_gg_:last-child{display:none}.___SBreadcrumbsItem_fs7pa_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_fs7pa_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_fs7pa_gg_.__keyboardFocused_fs7pa_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_fs7pa_gg_.__active_fs7pa_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_fs7pa_gg_.__active_fs7pa_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "fs7pa_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_fs7pa_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_fs7pa_gg_",
+  "_keyboardFocused": "__keyboardFocused_fs7pa_gg_",
+  "__SSeparator": "___SSeparator_fs7pa_gg_",
+  "_active": "__active_fs7pa_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(Breadcrumbs, _Component);

package/breadcrumbs/lib/es6/Breadcrumbs.js

@@ -15,12 +15,12 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/breadcrumbs.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_112pj_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_112pj_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_112pj_gg_:last-child{display:none}.___SBreadcrumbsItem_112pj_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_112pj_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_112pj_gg_.__keyboardFocused_112pj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_112pj_gg_.__active_112pj_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_112pj_gg_.__active_112pj_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "112pj_gg_") /*__reshadow_css_end__*/, {
-  "__SBreadcrumbs": "___SBreadcrumbs_112pj_gg_",
-  "__SBreadcrumbsItem": "___SBreadcrumbsItem_112pj_gg_",
-  "_keyboardFocused": "__keyboardFocused_112pj_gg_",
-  "__SSeparator": "___SSeparator_112pj_gg_",
-  "_active": "__active_112pj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBreadcrumbs_fs7pa_gg_{display:flex;align-items:center;padding:0;margin:0;list-style:none}.___SSeparator_fs7pa_gg_{margin:0 var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);display:flex}.___SSeparator_fs7pa_gg_:last-child{display:none}.___SBreadcrumbsItem_fs7pa_gg_{position:relative;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79);-webkit-text-decoration:none;text-decoration:none;box-sizing:border-box;outline:0;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (hover:hover){.___SBreadcrumbsItem_fs7pa_gg_:hover{-webkit-text-decoration:underline;text-decoration:underline;color:var(--intergalactic-text-primary, #191b23)}}.___SBreadcrumbsItem_fs7pa_gg_.__keyboardFocused_fs7pa_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBreadcrumbsItem_fs7pa_gg_.__active_fs7pa_gg_{color:var(--intergalactic-text-primary, #191b23);cursor:default}@media (hover:hover){.___SBreadcrumbsItem_fs7pa_gg_.__active_fs7pa_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}" /*__inner_css_end__*/, "fs7pa_gg_") /*__reshadow_css_end__*/, {
+  "__SBreadcrumbs": "___SBreadcrumbs_fs7pa_gg_",
+  "__SBreadcrumbsItem": "___SBreadcrumbsItem_fs7pa_gg_",
+  "_keyboardFocused": "__keyboardFocused_fs7pa_gg_",
+  "__SSeparator": "___SSeparator_fs7pa_gg_",
+  "_active": "__active_fs7pa_gg_"
 });
 var Breadcrumbs = /*#__PURE__*/function (_Component) {
   _inherits(Breadcrumbs, _Component);

package/breakpoints/index.js

@@ -1 +1,25 @@
-require('./lib/cjs/index.js');
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Item["default"];
+  }
+});
+var _Item = _interopRequireWildcard(require("./lib/cjs/index"));
+Object.keys(_Item).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Item[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Item[key];
+    }
+  });
+});