intergalactic 15.122.0-prerelease.0 → 15.123.0

package/checkbox/lib/es6/Checkbox.mjs

@@ -0,0 +1,314 @@
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"],
+  _excluded2 = ["children", "Children"];
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { Box, Flex, InvalidStateBox } from 'intergalactic/flex-box';
+import { Text as TypographyText } from 'intergalactic/typography';
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
+import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
+import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import autoFocusEnhance from 'intergalactic/utils/lib/enhances/autoFocusEnhance';
+import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
+import logger from 'intergalactic/utils/lib/logger';
+/*__reshadow-styles__:"./style/checkbox.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_ptvf1_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_ptvf1_gg_.__disabled_ptvf1_gg_{cursor:default}.___SLabel_ptvf1_gg_ .___SText_ptvf1_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_ptvf1_gg_ .___SText_ptvf1_gg_.__disabled_ptvf1_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_ptvf1_gg_ .___SText_ptvf1_gg_.__color_ptvf1_gg_{color:var(--color_ptvf1)}.___SControl_ptvf1_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_ptvf1_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_ptvf1_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_ptvf1_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_ptvf1_gg_._state_normal_ptvf1_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_ptvf1_gg_._state_normal_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_ptvf1_gg_._size_l_ptvf1_gg_,.___SCheckbox_ptvf1_gg_._size_m_ptvf1_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_ptvf1_gg_._size_l_ptvf1_gg_.__checked_ptvf1_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_ptvf1_gg_._size_m_ptvf1_gg_{width:16px;height:16px}.___SCheckbox_ptvf1_gg_._size_m_ptvf1_gg_.__checked_ptvf1_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_ptvf1_gg_._size_l_ptvf1_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_ptvf1_gg_._size_m_ptvf1_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_normal_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_normal_ptvf1_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_ptvf1_gg_._state_normal_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__checked_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_ptvf1_gg_.__disabled_ptvf1_gg_~.___SCheckbox_ptvf1_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._size_l_ptvf1_gg_:after{width:12px;height:2px}.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._size_m_ptvf1_gg_:after{width:8px;height:2px}.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_._state_invalid_ptvf1_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_ptvf1_gg_.__theme_ptvf1_gg_._state_normal_ptvf1_gg_.__keyboardFocused_ptvf1_gg_:before,.___SCheckbox_ptvf1_gg_.__theme_ptvf1_gg_._state_normal_ptvf1_gg_:before{border-color:var(--theme_ptvf1)}.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_.__theme_ptvf1_gg_._state_invalid_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__checked_ptvf1_gg_~.___SCheckbox_ptvf1_gg_.__theme_ptvf1_gg_._state_normal_ptvf1_gg_:before,.___SControl_ptvf1_gg_.__indeterminate_ptvf1_gg_~.___SCheckbox_ptvf1_gg_.__theme_ptvf1_gg_._state_normal_ptvf1_gg_:before{background-color:var(--theme_ptvf1);border-color:var(--theme_ptvf1)}.___SInvalidPattern_ptvf1_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "ptvf1_gg_") /*__reshadow_css_end__*/, {
+  "__SControl": "___SControl_ptvf1_gg_",
+  "__SText": "___SText_ptvf1_gg_",
+  "_size_l": "_size_l_ptvf1_gg_",
+  "_size_m": "_size_m_ptvf1_gg_",
+  "_checked": "__checked_ptvf1_gg_",
+  "__SCheckbox": "___SCheckbox_ptvf1_gg_",
+  "_state_normal": "_state_normal_ptvf1_gg_",
+  "_state_invalid": "_state_invalid_ptvf1_gg_",
+  "_indeterminate": "__indeterminate_ptvf1_gg_",
+  "_disabled": "__disabled_ptvf1_gg_",
+  "_theme": "__theme_ptvf1_gg_",
+  "--theme": "--theme_ptvf1",
+  "_keyboardFocused": "__keyboardFocused_ptvf1_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_ptvf1_gg_",
+  "__SLabel": "___SLabel_ptvf1_gg_",
+  "_color": "__color_ptvf1_gg_",
+  "--color": "--color_ptvf1"
+});
+var CheckboxRoot = /*#__PURE__*/function (_Component) {
+  _inherits(CheckboxRoot, _Component);
+  var _super = _createSuper(CheckboxRoot);
+  function CheckboxRoot() {
+    var _this;
+    _classCallCheck(this, CheckboxRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hoistedDisabled: undefined
+    });
+    _defineProperty(_assertThisInitialized(_this), "hoistDisabled", function (disabled) {
+      logger.warn(true, "Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.", _this.asProps['data-ui-name']);
+      _this.setState({
+        hoistedDisabled: disabled
+      });
+    });
+    return _this;
+  }
+  _createClass(CheckboxRoot, [{
+    key: "getTextProps",
+    value: function getTextProps() {
+      var _this$asProps = this.asProps,
+        size = _this$asProps.size,
+        disabled = _this$asProps.disabled,
+        label = _this$asProps.label;
+      var hoistedDisabled = this.state.hoistedDisabled;
+      return {
+        size: size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        children: label,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      };
+    }
+  }, {
+    key: "getValueProps",
+    value: function getValueProps() {
+      var _ref11;
+      var _this$asProps2 = this.asProps,
+        size = _this$asProps2.size,
+        state = _this$asProps2.state,
+        theme = _this$asProps2.theme,
+        onChange = _this$asProps2.onChange,
+        defaultChecked = _this$asProps2.defaultChecked,
+        checked = _this$asProps2.checked,
+        disabled = _this$asProps2.disabled,
+        indeterminate = _this$asProps2.indeterminate;
+      var hoistedDisabled = this.state.hoistedDisabled;
+      return _ref11 = {
+        size: size,
+        disabled: disabled !== null && disabled !== void 0 ? disabled : hoistedDisabled,
+        state: state,
+        theme: theme,
+        onChange: onChange,
+        checked: checked,
+        defaultChecked: defaultChecked,
+        indeterminate: indeterminate,
+        hoistDisabled: this.hoistDisabled,
+        rootDisabled: this.props.disabled
+      }, _defineProperty(_ref11, 'aria-label', this.asProps['aria-label']), _defineProperty(_ref11, 'aria-labelledby', this.asProps['aria-labelledby']), _defineProperty(_ref11, 'aria-describedby', this.asProps['aria-describedby']), _ref11;
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref5;
+      var SLabel = Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        hasChildren = _this$asProps3.children,
+        styles = _this$asProps3.styles;
+      return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref5.cn("SLabel", _objectSpread({}, _assignProps({
+        "tag": 'label',
+        "__excludeProps": ['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label', 'aria-label', 'aria-labelledby', 'aria-describedby']
+      }, _ref))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref5.cn("Children", {})) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox.Value, null), /*#__PURE__*/React.createElement(Checkbox.Text, null)));
+    }
+  }]);
+  return CheckboxRoot;
+}(Component);
+_defineProperty(CheckboxRoot, "displayName", 'Checkbox');
+_defineProperty(CheckboxRoot, "style", style);
+_defineProperty(CheckboxRoot, "defaultProps", {
+  size: 'm',
+  state: 'normal',
+  defaultChecked: false
+});
+var ValueRoot = /*#__PURE__*/function (_Component2) {
+  _inherits(ValueRoot, _Component2);
+  var _super2 = _createSuper(ValueRoot);
+  function ValueRoot() {
+    _classCallCheck(this, ValueRoot);
+    return _super2.apply(this, arguments);
+  }
+  _createClass(ValueRoot, [{
+    key: "handleClick",
+    value: function handleClick(e) {
+      // idk for what it exists, leaving just in case it saves us from some bugs
+      e.stopPropagation();
+    }
+  }, {
+    key: "uncontrolledProps",
+    value: function uncontrolledProps() {
+      return {
+        checked: function checked(e) {
+          return e.target.checked;
+        }
+      };
+    }
+  }, {
+    key: "getControlProps",
+    value: function getControlProps() {
+      var _this$asProps4 = this.asProps,
+        forwardRef = _this$asProps4.forwardRef,
+        includeInputProps = _this$asProps4.includeInputProps,
+        indeterminate = _this$asProps4.indeterminate,
+        state = _this$asProps4.state;
+      var _getInputProps = getInputProps(this.asProps, includeInputProps),
+        _getInputProps2 = _slicedToArray(_getInputProps, 1),
+        controlProps = _getInputProps2[0];
+      return _objectSpread(_objectSpread({
+        indeterminate: indeterminate,
+        ref: forwardRef,
+        state: state
+      }, controlProps), {}, {
+        onClick: callAllEventHandlers(controlProps.onClick, this.handleClick)
+      });
+    }
+  }, {
+    key: "getCheckMarkProps",
+    value: function getCheckMarkProps() {
+      var _this$asProps5 = this.asProps,
+        size = _this$asProps5.size,
+        state = _this$asProps5.state,
+        theme = _this$asProps5.theme,
+        keyboardFocused = _this$asProps5.keyboardFocused,
+        checked = _this$asProps5.checked,
+        indeterminate = _this$asProps5.indeterminate,
+        includeInputProps = _this$asProps5.includeInputProps,
+        resolveColor = _this$asProps5.resolveColor,
+        other = _objectWithoutProperties(_this$asProps5, _excluded);
+      var _getInputProps3 = getInputProps(other, includeInputProps),
+        _getInputProps4 = _slicedToArray(_getInputProps3, 2),
+        checkMarkProps = _getInputProps4[1];
+      var children = checkMarkProps.children,
+        Children = checkMarkProps.Children,
+        propsWithoutChildren = _objectWithoutProperties(checkMarkProps, _excluded2);
+      return _objectSpread({
+        theme: theme,
+        size: size,
+        state: state,
+        keyboardFocused: keyboardFocused,
+        checked: checked,
+        indeterminate: indeterminate,
+        resolveColor: resolveColor
+      }, propsWithoutChildren);
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
+    }
+  }, {
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.asProps.rootDisabled !== this.asProps.disabled) {
+        this.asProps.hoistDisabled(this.asProps.disabled);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref7;
+      var _this$asProps6 = this.asProps,
+        styles = _this$asProps6.styles,
+        hasChildren = _this$asProps6.children,
+        Children = _this$asProps6.Children;
+      if (!hasChildren) {
+        var _ref6;
+        return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Checkbox.Value.Control, null), /*#__PURE__*/React.createElement(Checkbox.Value.CheckMark, null));
+      }
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {}));
+    }
+  }]);
+  return ValueRoot;
+}(Component);
+_defineProperty(ValueRoot, "defaultProps", function (props) {
+  var _props$includeInputPr;
+  return {
+    includeInputProps: [].concat(_toConsumableArray(inputProps), _toConsumableArray((_props$includeInputPr = props.includeInputProps) !== null && _props$includeInputPr !== void 0 ? _props$includeInputPr : []), ['aria-label', 'aria-labelledby', 'aria-describedby'])
+  };
+});
+_defineProperty(ValueRoot, "enhance", [keyboardFocusEnhance(), autoFocusEnhance(), resolveColorEnhance()]);
+_defineProperty(ValueRoot, "displayName", 'Value');
+_defineProperty(ValueRoot, "style", style);
+var Control = function Control(props) {
+  var _ref2 = arguments[0],
+    _ref8;
+  var SControl = Box;
+  var indeterminate = props.indeterminate,
+    styles = props.styles,
+    state = props.state;
+  var checkboxRef = React.useRef(null);
+  React.useEffect(function () {
+    if (checkboxRef.current) {
+      checkboxRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate, checkboxRef]);
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SControl, _ref8.cn("SControl", _objectSpread({}, _assignProps2({
+    "ref": checkboxRef,
+    "tag": 'input',
+    "type": 'checkbox',
+    "aria-invalid": state === 'invalid'
+  }, _ref2))));
+};
+Control.displayName = 'Control';
+var CheckMark = function CheckMark(props) {
+  var _ref3 = arguments[0],
+    _ref9;
+  var SCheckbox = Flex;
+  var SInvalidPattern = InvalidStateBox;
+  var theme = props.theme,
+    styles = props.styles,
+    resolveColor = props.resolveColor,
+    state = props.state,
+    checked = props.checked,
+    indeterminate = props.indeterminate;
+  return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SCheckbox, _ref9.cn("SCheckbox", _objectSpread({}, _assignProps3({
+    "tag": 'span',
+    "use:theme": resolveColor(theme)
+  }, _ref3))), state === 'invalid' && !checked && !indeterminate && /*#__PURE__*/React.createElement(SInvalidPattern, _ref9.cn("SInvalidPattern", {})));
+};
+CheckMark.displayName = 'CheckMark';
+var Text = function Text(props) {
+  var _ref4 = arguments[0],
+    _ref10;
+  var SText = TypographyText;
+  var styles = props.styles,
+    color = props.color;
+  React.useEffect(function () {
+    if (props.rootDisabled !== props.disabled) {
+      props.hoistDisabled(props.disabled);
+    }
+  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  var resolveColor = useColorResolver();
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref10.cn("SText", _objectSpread({}, _assignProps4({
+    "tag": 'span',
+    "use:color": resolveColor(color)
+  }, _ref4))));
+};
+Text.displayName = 'Text';
+var Value = createComponent(ValueRoot, {
+  Control: Control,
+  CheckMark: CheckMark
+});
+var Checkbox = createComponent(CheckboxRoot, {
+  Text: Text,
+  Value: Value
+});
+export { inputProps };
+export default Checkbox;
+//# sourceMappingURL=Checkbox.mjs.map

package/checkbox/lib/es6/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":["React","createComponent","Component","sstyled","Root","Box","Flex","InvalidStateBox","Text","TypographyText","useColorResolver","resolveColorEnhance","callAllEventHandlers","keyboardFocusEnhance","autoFocusEnhance","getInputProps","inputProps","logger","style","_sstyled","insert","CheckboxRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoistedDisabled","undefined","disabled","warn","asProps","setState","_createClass","key","value","getTextProps","_this$asProps","size","label","state","children","hoistDisabled","rootDisabled","props","getValueProps","_ref11","_this$asProps2","theme","onChange","defaultChecked","checked","indeterminate","render","_ref","_ref5","SLabel","_this$asProps3","Children","hasChildren","styles","createElement","cn","_objectSpread","_assignProps","Fragment","Checkbox","Value","ValueRoot","_Component2","_super2","handleClick","e","stopPropagation","uncontrolledProps","target","getControlProps","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","ref","onClick","getCheckMarkProps","_this$asProps5","keyboardFocused","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","checkMarkProps","propsWithoutChildren","_excluded2","componentDidUpdate","componentDidMount","_ref7","_this$asProps6","_ref6","Control","CheckMark","_props$includeInputPr","_toConsumableArray","_ref2","arguments[0]","_ref8","SControl","checkboxRef","useRef","useEffect","current","_assignProps2","displayName","_ref3","_ref9","SCheckbox","SInvalidPattern","_assignProps3","_ref4","_ref10","SText","color","_assignProps4"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, InvalidStateBox } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/checkbox.shadow.css';\n\nclass CheckboxRoot extends Component {\n  static displayName = 'Checkbox';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    defaultChecked: false,\n  };\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled) => {\n    logger.warn(\n      true,\n      `Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const { size, disabled, label } = this.asProps;\n    const { hoistedDisabled } = this.state;\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      children: label,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  getValueProps() {\n    const { size, state, theme, onChange, defaultChecked, checked, disabled, indeterminate } =\n      this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      state,\n      theme,\n      onChange,\n      checked,\n      defaultChecked,\n      indeterminate,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n      ['aria-label']: this.asProps['aria-label'],\n      ['aria-labelledby']: this.asProps['aria-labelledby'],\n      ['aria-describedby']: this.asProps['aria-describedby'],\n    };\n  }\n\n  render() {\n    const SLabel = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n    return sstyled(styles)(\n      <SLabel\n        render={Box}\n        tag='label'\n        __excludeProps={[\n          'onChange',\n          'indeterminate',\n          'checked',\n          'checkedDefault',\n          'label',\n          'aria-label',\n          'aria-labelledby',\n          'aria-describedby',\n        ]}\n      >\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <Checkbox.Value />\n            <Checkbox.Text />\n          </>\n        )}\n      </SLabel>,\n    );\n  }\n}\n\nclass ValueRoot extends Component {\n  static defaultProps = (props) => {\n    return {\n      includeInputProps: [\n        ...inputProps,\n        ...(props.includeInputProps ?? []),\n        'aria-label',\n        'aria-labelledby',\n        'aria-describedby',\n      ],\n    };\n  };\n  static enhance = [keyboardFocusEnhance(), autoFocusEnhance(), resolveColorEnhance()];\n  static displayName = 'Value';\n  static style = style;\n\n  handleClick(e) {\n    // idk for what it exists, leaving just in case it saves us from some bugs\n    e.stopPropagation();\n  }\n\n  uncontrolledProps() {\n    return {\n      checked: (e) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { forwardRef, includeInputProps, indeterminate, state } = this.asProps;\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return {\n      indeterminate,\n      ref: forwardRef,\n      state,\n      ...controlProps,\n      onClick: callAllEventHandlers(controlProps.onClick, this.handleClick),\n    };\n  }\n\n  getCheckMarkProps() {\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      includeInputProps,\n      resolveColor,\n      ...other\n    } = this.asProps;\n    const [, checkMarkProps] = getInputProps(other, includeInputProps);\n    const { children, Children, ...propsWithoutChildren } = checkMarkProps;\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      resolveColor,\n      ...propsWithoutChildren,\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Checkbox.Value.Control />\n          <Checkbox.Value.CheckMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nconst Control = (props) => {\n  const SControl = Root;\n  const { indeterminate, styles, state } = props;\n  const checkboxRef = React.useRef(null);\n\n  React.useEffect(() => {\n    if (checkboxRef.current) {\n      checkboxRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, checkboxRef]);\n\n  return sstyled(styles)(\n    <SControl\n      ref={checkboxRef}\n      render={Box}\n      tag='input'\n      type='checkbox'\n      aria-invalid={state === 'invalid'}\n    />,\n  );\n};\nControl.displayName = 'Control';\n\nconst CheckMark = (props) => {\n  const SCheckbox = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked, indeterminate } = props;\n  return sstyled(styles)(\n    <SCheckbox render={Flex} tag='span' use:theme={resolveColor(theme)}>\n      {state === 'invalid' && !checked && !indeterminate && <SInvalidPattern />}\n    </SCheckbox>,\n  );\n};\nCheckMark.displayName = 'CheckMark';\n\nconst Text = (props) => {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n  );\n};\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  CheckMark,\n});\n\nconst Checkbox = createComponent(CheckboxRoot, {\n  Text,\n  Value,\n});\nexport { inputProps };\nexport default Checkbox;\n"],"mappings":"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"}

package/checkbox/lib/es6/index.d.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.mjs.map

package/checkbox/lib/es6/index.d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mjs","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, FlexProps } from '@semcore/flex-box';\nimport { TextProps } from '@semcore/typography';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { WithAutoFocusEnhanceProps } from '@semcore/utils/lib/enhances/autoFocusEnhance';\n\nexport type CheckboxSize = 'm' | 'l';\nexport type CheckboxState = 'normal' | 'invalid';\n\n/** @deprecated */\nexport interface ICheckboxProps extends CheckboxProps, UnknownProperties {}\nexport type CheckboxProps = BoxProps & {\n  onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n  checked?: boolean;\n  /** Default state of uncontrolled checkbox */\n  defaultChecked?: boolean;\n  /** Checkbox text */\n  label?: string;\n  /** Special indeterminate state */\n  indeterminate?: boolean;\n  /** Special disabled state */\n  disabled?: boolean;\n  /**\n   * Checkbox visual state\n   * @default normal\n   */\n  state?: CheckboxState;\n  /**\n   * Checkbox size\n   * @default m\n   */\n  size?: CheckboxSize;\n  /**\n   * Checkbox color\n   */\n  theme?: string;\n};\n\n/** @deprecated */\nexport interface ICheckboxValueProps extends CheckboxValueProps, UnknownProperties {}\nexport type CheckboxValueProps = Omit<KeyboardFocusProps, 'autoFocus'> &\n  WithAutoFocusEnhanceProps &\n  FlexProps &\n  CheckboxValueControlProps & {\n    /**\n     * @deprecated set `onChange` on root Checkbox instead\n     * */\n    onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `checked` on root Checkbox instead\n     * */\n    checked?: boolean;\n    /**\n     * @deprecated set `defaultChecked` on root Checkbox instead\n     * */\n    defaultChecked?: boolean;\n    /**\n     * @deprecated set `indeterminate` on root Checkbox instead\n     * */\n    indeterminate?: boolean;\n    /**\n     * @deprecated set `disabled` on root Checkbox instead\n     * */\n    disabled?: boolean;\n    /** List of props that will be added to the hidden input\n     * @deprecated use `Checkbox.Value.Control` and `Checkbox.Value.CheckMark` instead\n     * */\n    includeInputProps?: string[];\n    /**\n     * @deprecated set `state` on root Checkbox instead\n     * */\n    state?: CheckboxState;\n    /**\n     * @deprecated set `size` on root Checkbox instead\n     * */\n    size?: CheckboxSize;\n    /**\n     * @deprecated\n     * */\n    theme?: string;\n  };\n\nexport type CheckboxValueControlProps = {};\nexport type CheckboxValueCheckMarkProps = {};\n\n/** @deprecated */\nexport interface ICheckboxContext extends CheckboxContext, UnknownProperties {}\nexport type CheckboxContext = {\n  getTextProps: PropGetterFn;\n  getValueProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ICheckboxTextProps extends CheckboxTextProps, UnknownProperties {}\nexport type CheckboxTextProps = TextProps & {\n  /** @deprecated Set disabled state on Checkbox root component */\n  disabled?: boolean;\n};\n\ndeclare const Checkbox: Intergalactic.Component<'label', CheckboxProps, CheckboxContext> & {\n  Text: Intergalactic.Component<'span', CheckboxTextProps>;\n  Value: Intergalactic.Component<'input', CheckboxValueProps> & {\n    Control: Intergalactic.Component<'input', CheckboxValueControlProps>;\n    CheckMark: Intergalactic.Component<typeof Box, CheckboxValueCheckMarkProps>;\n  };\n};\n\nexport default Checkbox;\n"],"mappings":""}

package/checkbox/lib/es6/index.mjs

@@ -0,0 +1,3 @@
+export { default } from './Checkbox';
+export * from './Checkbox';
+//# sourceMappingURL=index.mjs.map

package/checkbox/lib/es6/index.mjs.map

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

package/checkbox/package.json

@@ -1 +1 @@
-{"name":"intergalactic/checkbox","description":"Semrush Checkbox Component","version":"7.42.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.1","@semcore/typography":"5.48.1","@semcore/flex-box":"5.39.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/checkbox"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/checkbox","description":"Semrush Checkbox Component","version":"7.43.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.45.0","@semcore/typography":"5.50.0","@semcore/flex-box":"5.40.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/checkbox"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/color-picker/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.js';
-export { default } from './lib/es6/index.js';
+export * from './lib/es6/index.mjs';
+export { default } from './lib/es6/index.mjs';

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

@@ -9,13 +9,13 @@ exports.PaletteManager = void 0;
 exports.Popper = Popper;
 exports.Trigger = Trigger;
 exports.defaultColors = exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -28,30 +28,30 @@ var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1m6g2_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1m6g2_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1m6g2_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1m6g2_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1m6g2)}@media (hover:hover){.___SItemContainer_1m6g2_gg_:hover>.___SCloseIcon_1m6g2_gg_{opacity:1}}.___SItemContainer_1m6g2_gg_.__keyboardFocused_1m6g2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1m6g2_gg_.__selected_1m6g2_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1m6g2_gg_.__displayLabel_1m6g2_gg_::after{background:var(--value_1m6g2);opacity:.15}.___SItemContainer_1m6g2_gg_:not(.__value_1m6g2_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1m6g2_gg_,.___SColors_1m6g2_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1m6g2_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1m6g2_gg_,.___SPaletteManager_1m6g2_gg_,.___SPlusButton_1m6g2_gg_{display:flex;align-items:center}.___SPlusButton_1m6g2_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1m6g2_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1m6g2_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1m6g2_gg_.__keyboardFocused_1m6g2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1m6g2_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1m6g2);border:1px solid transparent}.___STriggerCircle_1m6g2_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1m6g2_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1m6g2_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1m6g2_gg_{position:absolute}.___SLabel_1m6g2_gg_{z-index:1;color:var(--data-value_1m6g2);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1m6g2_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1m6g2)}.___SClearConfirm_1m6g2_gg_.__hidden_1m6g2_gg_,.___SConfirmColor_1m6g2_gg_.__hidden_1m6g2_gg_{display:none}" /*__inner_css_end__*/, "1m6g2_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1m6g2_gg_",
-  "__SItemContainer": "___SItemContainer_1m6g2_gg_",
-  "__SCloseIcon": "___SCloseIcon_1m6g2_gg_",
-  "_keyboardFocused": "__keyboardFocused_1m6g2_gg_",
-  "_selected": "__selected_1m6g2_gg_",
-  "__SColorsContainer": "___SColorsContainer_1m6g2_gg_",
-  "__SColors": "___SColors_1m6g2_gg_",
-  "__SPaletteManager": "___SPaletteManager_1m6g2_gg_",
-  "__SInputContainer": "___SInputContainer_1m6g2_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1m6g2_gg_",
-  "__STriggerCircle": "___STriggerCircle_1m6g2_gg_",
-  "--data-value": "--data-value_1m6g2",
-  "__STriggerCircleLine": "___STriggerCircleLine_1m6g2_gg_",
-  "__SLine": "___SLine_1m6g2_gg_",
-  "__SLabel": "___SLabel_1m6g2_gg_",
-  "__SItemColor": "___SItemColor_1m6g2_gg_",
-  "__SConfirmColor": "___SConfirmColor_1m6g2_gg_",
-  "_hidden": "__hidden_1m6g2_gg_",
-  "__SClearConfirm": "___SClearConfirm_1m6g2_gg_",
-  "--value": "--value_1m6g2",
-  "_displayLabel": "__displayLabel_1m6g2_gg_",
-  "_value": "__value_1m6g2_gg_",
-  "__SPlusButton": "___SPlusButton_1m6g2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_11lur_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_11lur_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_11lur_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_11lur_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_11lur)}@media (hover:hover){.___SItemContainer_11lur_gg_:hover>.___SCloseIcon_11lur_gg_{opacity:1}}.___SItemContainer_11lur_gg_.__keyboardFocused_11lur_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_11lur_gg_.__selected_11lur_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_11lur_gg_.__displayLabel_11lur_gg_::after{background:var(--value_11lur);opacity:.15}.___SItemContainer_11lur_gg_:not(.__value_11lur_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_11lur_gg_,.___SColors_11lur_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_11lur_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_11lur_gg_,.___SPaletteManager_11lur_gg_,.___SPlusButton_11lur_gg_{display:flex;align-items:center}.___SPlusButton_11lur_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_11lur_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_11lur_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_11lur_gg_.__keyboardFocused_11lur_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_11lur_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_11lur);border:1px solid transparent}.___STriggerCircle_11lur_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_11lur_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_11lur_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_11lur_gg_{position:absolute}.___SLabel_11lur_gg_{z-index:1;color:var(--data-value_11lur);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_11lur_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_11lur)}.___SClearConfirm_11lur_gg_.__hidden_11lur_gg_,.___SConfirmColor_11lur_gg_.__hidden_11lur_gg_{display:none}" /*__inner_css_end__*/, "11lur_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_11lur_gg_",
+  "__SItemContainer": "___SItemContainer_11lur_gg_",
+  "__SCloseIcon": "___SCloseIcon_11lur_gg_",
+  "_keyboardFocused": "__keyboardFocused_11lur_gg_",
+  "_selected": "__selected_11lur_gg_",
+  "__SColorsContainer": "___SColorsContainer_11lur_gg_",
+  "__SColors": "___SColors_11lur_gg_",
+  "__SPaletteManager": "___SPaletteManager_11lur_gg_",
+  "__SInputContainer": "___SInputContainer_11lur_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_11lur_gg_",
+  "__STriggerCircle": "___STriggerCircle_11lur_gg_",
+  "--data-value": "--data-value_11lur",
+  "__STriggerCircleLine": "___STriggerCircleLine_11lur_gg_",
+  "__SLine": "___SLine_11lur_gg_",
+  "__SLabel": "___SLabel_11lur_gg_",
+  "__SItemColor": "___SItemColor_11lur_gg_",
+  "__SConfirmColor": "___SConfirmColor_11lur_gg_",
+  "_hidden": "__hidden_11lur_gg_",
+  "__SClearConfirm": "___SClearConfirm_11lur_gg_",
+  "--value": "--value_11lur",
+  "_displayLabel": "__displayLabel_11lur_gg_",
+  "_value": "__value_11lur_gg_",
+  "__SPlusButton": "___SPlusButton_11lur_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 exports.defaultColors = defaultColors;

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

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _react = _interopRequireDefault(require("react"));
 var _core = require("intergalactic/core");
@@ -19,30 +19,30 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1m6g2_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1m6g2_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_1m6g2_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1m6g2_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_1m6g2)}@media (hover:hover){.___SItemContainer_1m6g2_gg_:hover>.___SCloseIcon_1m6g2_gg_{opacity:1}}.___SItemContainer_1m6g2_gg_.__keyboardFocused_1m6g2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1m6g2_gg_.__selected_1m6g2_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1m6g2_gg_.__displayLabel_1m6g2_gg_::after{background:var(--value_1m6g2);opacity:.15}.___SItemContainer_1m6g2_gg_:not(.__value_1m6g2_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1m6g2_gg_,.___SColors_1m6g2_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1m6g2_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1m6g2_gg_,.___SPaletteManager_1m6g2_gg_,.___SPlusButton_1m6g2_gg_{display:flex;align-items:center}.___SPlusButton_1m6g2_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1m6g2_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1m6g2_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1m6g2_gg_.__keyboardFocused_1m6g2_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1m6g2_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1m6g2);border:1px solid transparent}.___STriggerCircle_1m6g2_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1m6g2_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1m6g2_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_1m6g2_gg_{position:absolute}.___SLabel_1m6g2_gg_{z-index:1;color:var(--data-value_1m6g2);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1m6g2_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1m6g2)}.___SClearConfirm_1m6g2_gg_.__hidden_1m6g2_gg_,.___SConfirmColor_1m6g2_gg_.__hidden_1m6g2_gg_{display:none}" /*__inner_css_end__*/, "1m6g2_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1m6g2_gg_",
-  "__SItemContainer": "___SItemContainer_1m6g2_gg_",
-  "__SCloseIcon": "___SCloseIcon_1m6g2_gg_",
-  "_keyboardFocused": "__keyboardFocused_1m6g2_gg_",
-  "_selected": "__selected_1m6g2_gg_",
-  "__SColorsContainer": "___SColorsContainer_1m6g2_gg_",
-  "__SColors": "___SColors_1m6g2_gg_",
-  "__SPaletteManager": "___SPaletteManager_1m6g2_gg_",
-  "__SInputContainer": "___SInputContainer_1m6g2_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1m6g2_gg_",
-  "__STriggerCircle": "___STriggerCircle_1m6g2_gg_",
-  "--data-value": "--data-value_1m6g2",
-  "__STriggerCircleLine": "___STriggerCircleLine_1m6g2_gg_",
-  "__SLine": "___SLine_1m6g2_gg_",
-  "__SLabel": "___SLabel_1m6g2_gg_",
-  "__SItemColor": "___SItemColor_1m6g2_gg_",
-  "__SConfirmColor": "___SConfirmColor_1m6g2_gg_",
-  "_hidden": "__hidden_1m6g2_gg_",
-  "__SClearConfirm": "___SClearConfirm_1m6g2_gg_",
-  "--value": "--value_1m6g2",
-  "_displayLabel": "__displayLabel_1m6g2_gg_",
-  "_value": "__value_1m6g2_gg_",
-  "__SPlusButton": "___SPlusButton_1m6g2_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_11lur_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_11lur_gg_{position:relative;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;border:1px solid transparent;outline:0;cursor:pointer}@media (hover:hover){.___SItemContainer_11lur_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_11lur_gg_::after{content:\"\";position:absolute;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 1px var(--intergalactic-border-secondary, #e0e1e9);background:var(--value_11lur)}@media (hover:hover){.___SItemContainer_11lur_gg_:hover>.___SCloseIcon_11lur_gg_{opacity:1}}.___SItemContainer_11lur_gg_.__keyboardFocused_11lur_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_11lur_gg_.__selected_11lur_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_11lur_gg_.__displayLabel_11lur_gg_::after{background:var(--value_11lur);opacity:.15}.___SItemContainer_11lur_gg_:not(.__value_11lur_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_11lur_gg_,.___SColors_11lur_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_11lur_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_11lur_gg_,.___SPaletteManager_11lur_gg_,.___SPlusButton_11lur_gg_{display:flex;align-items:center}.___SPlusButton_11lur_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_11lur_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_11lur_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_11lur_gg_.__keyboardFocused_11lur_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_11lur_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_11lur);border:1px solid transparent}.___STriggerCircle_11lur_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_11lur_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_11lur_gg_{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);opacity:0;z-index:1}.___SLine_11lur_gg_{position:absolute}.___SLabel_11lur_gg_{z-index:1;color:var(--data-value_11lur);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_11lur_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_11lur)}.___SClearConfirm_11lur_gg_.__hidden_11lur_gg_,.___SConfirmColor_11lur_gg_.__hidden_11lur_gg_{display:none}" /*__inner_css_end__*/, "11lur_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_11lur_gg_",
+  "__SItemContainer": "___SItemContainer_11lur_gg_",
+  "__SCloseIcon": "___SCloseIcon_11lur_gg_",
+  "_keyboardFocused": "__keyboardFocused_11lur_gg_",
+  "_selected": "__selected_11lur_gg_",
+  "__SColorsContainer": "___SColorsContainer_11lur_gg_",
+  "__SColors": "___SColors_11lur_gg_",
+  "__SPaletteManager": "___SPaletteManager_11lur_gg_",
+  "__SInputContainer": "___SInputContainer_11lur_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_11lur_gg_",
+  "__STriggerCircle": "___STriggerCircle_11lur_gg_",
+  "--data-value": "--data-value_11lur",
+  "__STriggerCircleLine": "___STriggerCircleLine_11lur_gg_",
+  "__SLine": "___SLine_11lur_gg_",
+  "__SLabel": "___SLabel_11lur_gg_",
+  "__SItemColor": "___SItemColor_11lur_gg_",
+  "__SConfirmColor": "___SConfirmColor_11lur_gg_",
+  "_hidden": "__hidden_11lur_gg_",
+  "__SClearConfirm": "___SClearConfirm_11lur_gg_",
+  "--value": "--value_11lur",
+  "_displayLabel": "__displayLabel_11lur_gg_",
+  "_value": "__value_11lur_gg_",
+  "__SPlusButton": "___SPlusButton_11lur_gg_"
 });
 var enhance = [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()];
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {