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

package/checkbox/lib/cjs/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_resolveColorEnhance","_assignProps5","_keyboardFocusEnhance","_inputProps","_logger","_InvalidStatePattern","_excluded","_excluded2","style","sstyled","insert","CheckboxRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hoistedDisabled","undefined","disabled","logger","warn","asProps","setState","_createClass2","key","value","getTextProps","_this$asProps","size","label","state","children","hoistDisabled","rootDisabled","props","getValueProps","_this$asProps2","theme","onChange","defaultChecked","checked","indeterminate","render","_ref","_ref5","SLabel","Box","_this$asProps3","Children","hasChildren","styles","createElement","cn","_objectSpread2","assignProps","Fragment","Checkbox","Value","Text","Component","ValueRoot","_Component2","_super2","handleClick","e","stopPropagation","uncontrolledProps","target","getControlProps","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","ref","onClick","callAllEventHandlers","getCheckMarkProps","_this$asProps5","keyboardFocused","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","checkMarkProps","propsWithoutChildren","componentDidUpdate","componentDidMount","_ref7","_this$asProps6","_ref6","Control","CheckMark","inputProps","autoFocusEnhance","resolveColorEnhance","_ref2","arguments[0]","_ref8","SControl","displayName","_ref3","_ref9","SCheckbox","Flex","SInvalidPattern","InvalidPattern","_ref4","_ref10","SText","TypographyText","React","useEffect","createComponent","_default","exports"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\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    };\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={['onChange', 'checkedDefault', 'label']}\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 = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [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, checked } = props;\n  return sstyled(styles)(\n    <SControl\n      render={Box}\n      tag='input'\n      type='checkbox'\n      checked={checked}\n      indeterminate={indeterminate}\n      // aria-checked={indeterminate ? 'mixed' : undefined}\n      aria-invalid={state === 'invalid'}\n    />,\n  );\n};\nControl.displayName = 'Control';\n\nconst CheckMark = (props) => {\n  const SCheckbox = Root;\n  const SInvalidPattern = InvalidPattern;\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 } = 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  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\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":";;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,WAAA,GAAAT,uBAAA,CAAAC,OAAA;AACA,IAAAS,OAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,oBAAA,GAAAR,sBAAA,CAAAF,OAAA;AAAqG,IAAAW,SAAA;EAAAC,UAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAf,KAAA,CAAAgB,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI/FC,YAAY,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YASR;MACNa,eAAe,EAAEC;IACnB,CAAC;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,oBAEe,UAACe,QAAQ,EAAK;MAC5BC,kBAAM,CAACC,IAAI,CACT,IAAI,oIAEJjB,KAAA,CAAKkB,OAAO,CAAC,cAAc,CAAC,CAC7B;MACDlB,KAAA,CAAKmB,QAAQ,CAAC;QAAEN,eAAe,EAAEE;MAAS,CAAC,CAAC;IAC9C,CAAC;IAAA,OAAAf,KAAA;EAAA;EAAA,IAAAoB,aAAA,aAAAzB,YAAA;IAAA0B,GAAA;IAAAC,KAAA,EAED,SAAAC,aAAA,EAAe;MACb,IAAAC,aAAA,GAAkC,IAAI,CAACN,OAAO;QAAtCO,IAAI,GAAAD,aAAA,CAAJC,IAAI;QAAEV,QAAQ,GAAAS,aAAA,CAART,QAAQ;QAAEW,KAAK,GAAAF,aAAA,CAALE,KAAK;MAC7B,IAAQb,eAAe,GAAK,IAAI,CAACc,KAAK,CAA9Bd,eAAe;MACvB,OAAO;QACLY,IAAI,EAAJA,IAAI;QACJV,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,eAAe;QACrCe,QAAQ,EAAEF,KAAK;QACfG,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChB;MAC3B,CAAC;IACH;EAAC;IAAAM,GAAA;IAAAC,KAAA,EAED,SAAAU,cAAA,EAAgB;MACd,IAAAC,cAAA,GACE,IAAI,CAACf,OAAO;QADNO,IAAI,GAAAQ,cAAA,CAAJR,IAAI;QAAEE,KAAK,GAAAM,cAAA,CAALN,KAAK;QAAEO,KAAK,GAAAD,cAAA,CAALC,KAAK;QAAEC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QAAEC,cAAc,GAAAH,cAAA,CAAdG,cAAc;QAAEC,OAAO,GAAAJ,cAAA,CAAPI,OAAO;QAAEtB,QAAQ,GAAAkB,cAAA,CAARlB,QAAQ;QAAEuB,aAAa,GAAAL,cAAA,CAAbK,aAAa;MAEtF,IAAQzB,eAAe,GAAK,IAAI,CAACc,KAAK,CAA9Bd,eAAe;MAEvB,OAAO;QACLY,IAAI,EAAJA,IAAI;QACJV,QAAQ,EAAEA,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIF,eAAe;QACrCc,KAAK,EAALA,KAAK;QACLO,KAAK,EAALA,KAAK;QACLC,QAAQ,EAARA,QAAQ;QACRE,OAAO,EAAPA,OAAO;QACPD,cAAc,EAAdA,cAAc;QACdE,aAAa,EAAbA,aAAa;QACbT,aAAa,EAAE,IAAI,CAACA,aAAa;QACjCC,YAAY,EAAE,IAAI,CAACC,KAAK,CAAChB;MAC3B,CAAC;IACH;EAAC;IAAAM,GAAA;IAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAtB,OAAA;QAAAuB,KAAA;MACP,IAAMC,MAAM,GAIAC,YAAG;MAHf,IAAAC,cAAA,GAAoD,IAAI,CAAC1B,OAAO;QAAxD2B,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAYC,WAAW,GAAAF,cAAA,CAArBhB,QAAQ;QAAemB,MAAM,GAAAH,cAAA,CAANG,MAAM;MAC/C,OAAAN,KAAA,GAAO,IAAAhD,aAAO,EAACsD,MAAM,CAAC,eACpBnE,MAAA,YAAAoE,aAAA,CAACN,MAAM,EAAAD,KAAA,CAAAQ,EAAA,eAAAC,cAAA,qBAAAzE,KAAA,CAAA0E,WAAA;QAAA,OAED,OAAO;QAAA,kBACK,CAAC,UAAU,EAAE,gBAAgB,EAAE,OAAO;MAAC,GAAAX,IAAA,KAEtDM,WAAW,gBACVlE,MAAA,YAAAoE,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,iBAAG,gBAEZrE,MAAA,YAAAoE,aAAA,CAAApE,MAAA,YAAAwE,QAAA,qBACExE,MAAA,YAAAoE,aAAA,CAACK,QAAQ,CAACC,KAAK,OAAG,eAClB1E,MAAA,YAAAoE,aAAA,CAACK,QAAQ,CAACE,IAAI,OAAG,CAEpB,CACM;IAEb;EAAC;EAAA,OAAA5D,YAAA;AAAA,EAxEwB6D,eAAS;AAAA,IAAA7C,gBAAA,aAA9BhB,YAAY,iBACK,UAAU;AAAA,IAAAgB,gBAAA,aAD3BhB,YAAY,WAEDH,KAAK;AAAA,IAAAmB,gBAAA,aAFhBhB,YAAY,kBAIM;EACpB8B,IAAI,EAAE,GAAG;EACTE,KAAK,EAAE,QAAQ;EACfS,cAAc,EAAE;AAClB,CAAC;AAAA,IAmEGqB,SAAS,0BAAAC,WAAA;EAAA,IAAA7D,UAAA,aAAA4D,SAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAA5D,aAAA,aAAA0D,SAAA;EAAA,SAAAA,UAAA;IAAA,IAAAxD,gBAAA,mBAAAwD,SAAA;IAAA,OAAAE,OAAA,CAAAlD,KAAA,OAAAN,SAAA;EAAA;EAAA,IAAAiB,aAAA,aAAAqC,SAAA;IAAApC,GAAA;IAAAC,KAAA,EAQb,SAAAsC,YAAYC,CAAC,EAAE;MACb;MACAA,CAAC,CAACC,eAAe,EAAE;IACrB;EAAC;IAAAzC,GAAA;IAAAC,KAAA,EAED,SAAAyC,kBAAA,EAAoB;MAClB,OAAO;QACL1B,OAAO,EAAE,SAAAA,QAACwB,CAAC;UAAA,OAAKA,CAAC,CAACG,MAAM,CAAC3B,OAAO;QAAA;MAClC,CAAC;IACH;EAAC;IAAAhB,GAAA;IAAAC,KAAA,EAED,SAAA2C,gBAAA,EAAkB;MAChB,IAAAC,cAAA,GAAgE,IAAI,CAAChD,OAAO;QAApEiD,UAAU,GAAAD,cAAA,CAAVC,UAAU;QAAEC,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QAAE9B,aAAa,GAAA4B,cAAA,CAAb5B,aAAa;QAAEX,KAAK,GAAAuC,cAAA,CAALvC,KAAK;MAC3D,IAAA0C,cAAA,GAAuB,IAAAC,sBAAa,EAAC,IAAI,CAACpD,OAAO,EAAEkD,iBAAiB,CAAC;QAAAG,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAA9DI,YAAY,GAAAF,eAAA;MAEnB,WAAArB,cAAA,iBAAAA,cAAA;QACEZ,aAAa,EAAbA,aAAa;QACboC,GAAG,EAAEP,UAAU;QACfxC,KAAK,EAALA;MAAK,GACF8C,YAAY;QACfE,OAAO,EAAE,IAAAC,kCAAoB,EAACH,YAAY,CAACE,OAAO,EAAE,IAAI,CAACf,WAAW;MAAC;IAEzE;EAAC;IAAAvC,GAAA;IAAAC,KAAA,EAED,SAAAuD,kBAAA,EAAoB;MAClB,IAAAC,cAAA,GAUI,IAAI,CAAC5D,OAAO;QATdO,IAAI,GAAAqD,cAAA,CAAJrD,IAAI;QACJE,KAAK,GAAAmD,cAAA,CAALnD,KAAK;QACLO,KAAK,GAAA4C,cAAA,CAAL5C,KAAK;QACL6C,eAAe,GAAAD,cAAA,CAAfC,eAAe;QACf1C,OAAO,GAAAyC,cAAA,CAAPzC,OAAO;QACPC,aAAa,GAAAwC,cAAA,CAAbxC,aAAa;QACb8B,iBAAiB,GAAAU,cAAA,CAAjBV,iBAAiB;QACjBY,YAAY,GAAAF,cAAA,CAAZE,YAAY;QACTC,KAAK,OAAAC,yBAAA,aAAAJ,cAAA,EAAAxF,SAAA;MAEV,IAAA6F,eAAA,GAA2B,IAAAb,sBAAa,EAACW,KAAK,EAAEb,iBAAiB,CAAC;QAAAgB,eAAA,OAAAZ,eAAA,aAAAW,eAAA;QAAzDE,cAAc,GAAAD,eAAA;MACvB,IAAQxD,QAAQ,GAAwCyD,cAAc,CAA9DzD,QAAQ;QAAEiB,QAAQ,GAA8BwC,cAAc,CAApDxC,QAAQ;QAAKyC,oBAAoB,OAAAJ,yBAAA,aAAKG,cAAc,EAAA9F,UAAA;MACtE,WAAA2D,cAAA;QACEhB,KAAK,EAALA,KAAK;QACLT,IAAI,EAAJA,IAAI;QACJE,KAAK,EAALA,KAAK;QACLoD,eAAe,EAAfA,eAAe;QACf1C,OAAO,EAAPA,OAAO;QACPC,aAAa,EAAbA,aAAa;QACb0C,YAAY,EAAZA;MAAY,GACTM,oBAAoB;IAE3B;EAAC;IAAAjE,GAAA;IAAAC,KAAA,EAED,SAAAiE,mBAAA,EAAqB;MACnB,IAAI,IAAI,CAACrE,OAAO,CAACY,YAAY,KAAK,IAAI,CAACZ,OAAO,CAACH,QAAQ,EAAE;QACvD,IAAI,CAACG,OAAO,CAACW,aAAa,CAAC,IAAI,CAACX,OAAO,CAACH,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAM,GAAA;IAAAC,KAAA,EACD,SAAAkE,kBAAA,EAAoB;MAClB,IAAI,IAAI,CAACtE,OAAO,CAACY,YAAY,KAAK,IAAI,CAACZ,OAAO,CAACH,QAAQ,EAAE;QACvD,IAAI,CAACG,OAAO,CAACW,aAAa,CAAC,IAAI,CAACX,OAAO,CAACH,QAAQ,CAAC;MACnD;IACF;EAAC;IAAAM,GAAA;IAAAC,KAAA,EAED,SAAAiB,OAAA,EAAS;MAAA,IAAAkD,KAAA;MACP,IAAAC,cAAA,GAAoD,IAAI,CAACxE,OAAO;QAAxD6B,MAAM,GAAA2C,cAAA,CAAN3C,MAAM;QAAYD,WAAW,GAAA4C,cAAA,CAArB9D,QAAQ;QAAeiB,QAAQ,GAAA6C,cAAA,CAAR7C,QAAQ;MAE/C,IAAI,CAACC,WAAW,EAAE;QAAA,IAAA6C,KAAA;QAChB,OAAAA,KAAA,GAAO,IAAAlG,aAAO,EAACsD,MAAM,CAAC,eACpBnE,MAAA,YAAAoE,aAAA,CAAApE,MAAA,YAAAwE,QAAA,qBACExE,MAAA,YAAAoE,aAAA,CAACK,QAAQ,CAACC,KAAK,CAACsC,OAAO,OAAG,eAC1BhH,MAAA,YAAAoE,aAAA,CAACK,QAAQ,CAACC,KAAK,CAACuC,SAAS,OAAG,CAC3B;MAEP;MAEA,OAAAJ,KAAA,GAAO,IAAAhG,aAAO,EAACsD,MAAM,CAAC,eAACnE,MAAA,YAAAoE,aAAA,CAACH,QAAQ,EAAA4C,KAAA,CAAAxC,EAAA,iBAAG;IACrC;EAAC;EAAA,OAAAQ,SAAA;AAAA,EAlFqBD,eAAS;AAAA,IAAA7C,gBAAA,aAA3B8C,SAAS,kBACS;EACpBW,iBAAiB,EAAE0B;AACrB,CAAC;AAAA,IAAAnF,gBAAA,aAHG8C,SAAS,aAII,CAAC,IAAAsC,gCAAgB,GAAE,EAAE,IAAAC,+BAAmB,GAAE,CAAC;AAAA,IAAArF,gBAAA,aAJxD8C,SAAS,iBAKQ,OAAO;AAAA,IAAA9C,gBAAA,aALxB8C,SAAS,WAMEjE,KAAK;AA+EtB,IAAMoG,OAAO,GAAG,SAAVA,OAAOA,CAAI7D,KAAK,EAAK;EAAA,IAAAkE,KAAA,GAAAC,YAAA;IAAAC,KAAA;EACzB,IAAMC,QAAQ,GAIFzD,YAAG;EAHf,IAAQL,aAAa,GAA6BP,KAAK,CAA/CO,aAAa;IAAES,MAAM,GAAqBhB,KAAK,CAAhCgB,MAAM;IAAEpB,KAAK,GAAcI,KAAK,CAAxBJ,KAAK;IAAEU,OAAO,GAAKN,KAAK,CAAjBM,OAAO;EAC7C,OAAA8D,KAAA,GAAO,IAAA1G,aAAO,EAACsD,MAAM,CAAC,eACpBnE,MAAA,YAAAoE,aAAA,CAACoD,QAAQ,EAAAD,KAAA,CAAAlD,EAAA,iBAAAC,cAAA,qBAAAzE,KAAA,CAAA0E,WAAA;IAAA,OAEH,OAAO;IAAA,QACN,UAAU;IAAA,WACNd,OAAO;IAAA,iBACDC,aAAa;IAAA,gBAEdX,KAAK,KAAK;EAAS,GAAAsE,KAAA,IACjC;AAEN,CAAC;AACDL,OAAO,CAACS,WAAW,GAAG,SAAS;AAE/B,IAAMR,SAAS,GAAG,SAAZA,SAASA,CAAI9D,KAAK,EAAK;EAAA,IAAAuE,KAAA,GAAAJ,YAAA;IAAAK,KAAA;EAC3B,IAAMC,SAAS,GAIMC,aAAI;EAHzB,IAAMC,eAAe,GAAGC,+BAAc;EACtC,IAAQzE,KAAK,GAA0DH,KAAK,CAApEG,KAAK;IAAEa,MAAM,GAAkDhB,KAAK,CAA7DgB,MAAM;IAAEiC,YAAY,GAAoCjD,KAAK,CAArDiD,YAAY;IAAErD,KAAK,GAA6BI,KAAK,CAAvCJ,KAAK;IAAEU,OAAO,GAAoBN,KAAK,CAAhCM,OAAO;IAAEC,aAAa,GAAKP,KAAK,CAAvBO,aAAa;EAClE,OAAAiE,KAAA,GAAO,IAAA9G,aAAO,EAACsD,MAAM,CAAC,eACpBnE,MAAA,YAAAoE,aAAA,CAACwD,SAAS,EAAAD,KAAA,CAAAtD,EAAA,kBAAAC,cAAA,qBAAAzE,KAAA,CAAA0E,WAAA;IAAA,OAAmB,MAAM;IAAA,aAAY6B,YAAY,CAAC9C,KAAK;EAAC,GAAAoE,KAAA,KAC/D3E,KAAK,KAAK,SAAS,IAAI,CAACU,OAAO,IAAI,CAACC,aAAa,iBAAI1D,MAAA,YAAAoE,aAAA,CAAC0D,eAAe,EAAAH,KAAA,CAAAtD,EAAA,wBAAG,CAC/D;AAEhB,CAAC;AACD4C,SAAS,CAACQ,WAAW,GAAG,WAAW;AAEnC,IAAM9C,IAAI,GAAG,SAAPA,IAAIA,CAAIxB,KAAK,EAAK;EAAA,IAAA6E,KAAA,GAAAV,YAAA;IAAAW,MAAA;EACtB,IAAMC,KAAK,GAS2BC,gBAAc;EARpD,IAAQhE,MAAM,GAAKhB,KAAK,CAAhBgB,MAAM;EAEdiE,iBAAK,CAACC,SAAS,CAAC,YAAM;IACpB,IAAIlF,KAAK,CAACD,YAAY,KAAKC,KAAK,CAAChB,QAAQ,EAAE;MACzCgB,KAAK,CAACF,aAAa,CAACE,KAAK,CAAChB,QAAQ,CAAC;IACrC;EACF,CAAC,EAAE,CAACgB,KAAK,CAACD,YAAY,EAAEC,KAAK,CAAChB,QAAQ,EAAEgB,KAAK,CAACF,aAAa,CAAC,CAAC;EAE7D,OAAAgF,MAAA,GAAO,IAAApH,aAAO,EAACsD,MAAM,CAAC,eAACnE,MAAA,YAAAoE,aAAA,CAAC8D,KAAK,EAAAD,MAAA,CAAA5D,EAAA,cAAAC,cAAA,qBAAAzE,KAAA,CAAA0E,WAAA;IAAA,OAA6B;EAAM,GAAAyD,KAAA,IAAG;AACrE,CAAC;AACDrD,IAAI,CAAC8C,WAAW,GAAG,MAAM;AAEzB,IAAM/C,KAAK,GAAG,IAAA4D,gBAAe,EAACzD,SAAS,EAAE;EACvCmC,OAAO,EAAPA,OAAO;EACPC,SAAS,EAATA;AACF,CAAC,CAAC;AAEF,IAAMxC,QAAQ,GAAG,IAAA6D,gBAAe,EAACvH,YAAY,EAAE;EAC7C4D,IAAI,EAAJA,IAAI;EACJD,KAAK,EAALA;AACF,CAAC,CAAC;AAAC,IAAA6D,QAAA,GAEY9D,QAAQ;AAAA+D,OAAA,cAAAD,QAAA"}
+{"version":3,"file":"Checkbox.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_typography","_resolveColorEnhance","_assignProps5","_keyboardFocusEnhance","_inputProps","_logger","_InvalidStatePattern","_excluded","_excluded2","style","sstyled","insert","CheckboxRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hoistedDisabled","undefined","disabled","logger","warn","asProps","setState","_createClass2","key","value","getTextProps","_this$asProps","size","label","state","children","hoistDisabled","rootDisabled","props","getValueProps","_this$asProps2","theme","onChange","defaultChecked","checked","indeterminate","render","_ref","_ref5","SLabel","Box","_this$asProps3","Children","hasChildren","styles","createElement","cn","_objectSpread2","assignProps","Fragment","Checkbox","Value","Text","Component","ValueRoot","_Component2","_super2","handleClick","e","stopPropagation","uncontrolledProps","target","getControlProps","_this$asProps4","forwardRef","includeInputProps","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","controlProps","ref","onClick","callAllEventHandlers","getCheckMarkProps","_this$asProps5","keyboardFocused","resolveColor","other","_objectWithoutProperties2","_getInputProps3","_getInputProps4","checkMarkProps","propsWithoutChildren","componentDidUpdate","componentDidMount","_ref7","_this$asProps6","_ref6","Control","CheckMark","inputProps","autoFocusEnhance","resolveColorEnhance","_ref2","arguments[0]","_ref8","SControl","checkboxRef","React","useRef","useEffect","current","displayName","_ref3","_ref9","SCheckbox","Flex","SInvalidPattern","InvalidPattern","_ref4","_ref10","SText","TypographyText","createComponent","_default","exports"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\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    };\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={['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label']}\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 = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [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 = InvalidPattern;\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 } = 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  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\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/Checkbox.js

@@ -25,22 +25,22 @@ import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import logger from 'intergalactic/utils/lib/logger';
 import InvalidPattern from 'intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
 /*__reshadow-styles__:"./style/checkbox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_15bi4_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_15bi4_gg_.__disabled_15bi4_gg_{cursor:default}.___SText_15bi4_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_15bi4_gg_.__disabled_15bi4_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SControl_15bi4_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_15bi4_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_15bi4_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_15bi4_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_15bi4_gg_._state_normal_15bi4_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_15bi4_gg_._state_normal_15bi4_gg_.__keyboardFocused_15bi4_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_15bi4_gg_._size_l_15bi4_gg_,.___SCheckbox_15bi4_gg_._size_m_15bi4_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_15bi4_gg_._size_l_15bi4_gg_.__checked_15bi4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_15bi4_gg_._size_m_15bi4_gg_{width:16px;height:16px}.___SCheckbox_15bi4_gg_._size_m_15bi4_gg_.__checked_15bi4_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_15bi4_gg_._size_l_15bi4_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_15bi4_gg_._size_m_15bi4_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_:before,.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_normal_15bi4_gg_:before,.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_normal_15bi4_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_:before,.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_.__keyboardFocused_15bi4_gg_:before,.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_.__keyboardFocused_15bi4_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_15bi4_gg_._state_normal_15bi4_gg_.__keyboardFocused_15bi4_gg_:before,.___SControl_15bi4_gg_.__checked_15bi4_gg_.__keyboardFocused_15bi4_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_15bi4_gg_.__disabled_15bi4_gg_~.___SCheckbox_15bi4_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_._size_l_15bi4_gg_:after{width:12px;height:2px}.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_._size_m_15bi4_gg_:after{width:8px;height:2px}.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_._state_invalid_15bi4_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_15bi4_gg_.__theme_15bi4_gg_._state_normal_15bi4_gg_.__keyboardFocused_15bi4_gg_:before,.___SCheckbox_15bi4_gg_.__theme_15bi4_gg_._state_normal_15bi4_gg_:before{border-color:var(--theme_15bi4)}.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_.__theme_15bi4_gg_._state_invalid_15bi4_gg_:before,.___SControl_15bi4_gg_.__checked_15bi4_gg_~.___SCheckbox_15bi4_gg_.__theme_15bi4_gg_._state_normal_15bi4_gg_:before,.___SControl_15bi4_gg_.__indeterminate_15bi4_gg_~.___SCheckbox_15bi4_gg_.__theme_15bi4_gg_._state_normal_15bi4_gg_:before{background-color:var(--theme_15bi4);border-color:var(--theme_15bi4)}.___SInvalidPattern_15bi4_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__*/, "15bi4_gg_") /*__reshadow_css_end__*/, {
-  "__SControl": "___SControl_15bi4_gg_",
-  "__SText": "___SText_15bi4_gg_",
-  "_size_l": "_size_l_15bi4_gg_",
-  "_size_m": "_size_m_15bi4_gg_",
-  "_checked": "__checked_15bi4_gg_",
-  "__SCheckbox": "___SCheckbox_15bi4_gg_",
-  "_state_normal": "_state_normal_15bi4_gg_",
-  "_state_invalid": "_state_invalid_15bi4_gg_",
-  "_indeterminate": "__indeterminate_15bi4_gg_",
-  "_disabled": "__disabled_15bi4_gg_",
-  "_theme": "__theme_15bi4_gg_",
-  "--theme": "--theme_15bi4",
-  "_keyboardFocused": "__keyboardFocused_15bi4_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_15bi4_gg_",
-  "__SLabel": "___SLabel_15bi4_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_ijcgc_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_ijcgc_gg_.__disabled_ijcgc_gg_{cursor:default}.___SText_ijcgc_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SText_ijcgc_gg_.__disabled_ijcgc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SControl_ijcgc_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_ijcgc_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_ijcgc_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_ijcgc_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_ijcgc_gg_._state_normal_ijcgc_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_ijcgc_gg_._state_normal_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_ijcgc_gg_._size_l_ijcgc_gg_,.___SCheckbox_ijcgc_gg_._size_m_ijcgc_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_ijcgc_gg_._size_l_ijcgc_gg_.__checked_ijcgc_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_ijcgc_gg_._size_m_ijcgc_gg_{width:16px;height:16px}.___SCheckbox_ijcgc_gg_._size_m_ijcgc_gg_.__checked_ijcgc_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_ijcgc_gg_._size_l_ijcgc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_ijcgc_gg_._size_m_ijcgc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_normal_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_normal_ijcgc_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_ijcgc_gg_._state_normal_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__checked_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_ijcgc_gg_.__disabled_ijcgc_gg_~.___SCheckbox_ijcgc_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._size_l_ijcgc_gg_:after{width:12px;height:2px}.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._size_m_ijcgc_gg_:after{width:8px;height:2px}.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_._state_invalid_ijcgc_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_ijcgc_gg_.__theme_ijcgc_gg_._state_normal_ijcgc_gg_.__keyboardFocused_ijcgc_gg_:before,.___SCheckbox_ijcgc_gg_.__theme_ijcgc_gg_._state_normal_ijcgc_gg_:before{border-color:var(--theme_ijcgc)}.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_.__theme_ijcgc_gg_._state_invalid_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__checked_ijcgc_gg_~.___SCheckbox_ijcgc_gg_.__theme_ijcgc_gg_._state_normal_ijcgc_gg_:before,.___SControl_ijcgc_gg_.__indeterminate_ijcgc_gg_~.___SCheckbox_ijcgc_gg_.__theme_ijcgc_gg_._state_normal_ijcgc_gg_:before{background-color:var(--theme_ijcgc);border-color:var(--theme_ijcgc)}.___SInvalidPattern_ijcgc_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__*/, "ijcgc_gg_") /*__reshadow_css_end__*/, {
+  "__SControl": "___SControl_ijcgc_gg_",
+  "__SText": "___SText_ijcgc_gg_",
+  "_size_l": "_size_l_ijcgc_gg_",
+  "_size_m": "_size_m_ijcgc_gg_",
+  "_checked": "__checked_ijcgc_gg_",
+  "__SCheckbox": "___SCheckbox_ijcgc_gg_",
+  "_state_normal": "_state_normal_ijcgc_gg_",
+  "_state_invalid": "_state_invalid_ijcgc_gg_",
+  "_indeterminate": "__indeterminate_ijcgc_gg_",
+  "_disabled": "__disabled_ijcgc_gg_",
+  "_theme": "__theme_ijcgc_gg_",
+  "--theme": "--theme_ijcgc",
+  "_keyboardFocused": "__keyboardFocused_ijcgc_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_ijcgc_gg_",
+  "__SLabel": "___SLabel_ijcgc_gg_"
 });
 var CheckboxRoot = /*#__PURE__*/function (_Component) {
   _inherits(CheckboxRoot, _Component);
@@ -117,7 +117,7 @@ var CheckboxRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps3.styles;
       return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SLabel, _ref5.cn("SLabel", _objectSpread({}, _assignProps({
         "tag": 'label',
-        "__excludeProps": ['onChange', 'checkedDefault', 'label']
+        "__excludeProps": ['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label']
       }, _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)));
     }
   }]);
@@ -243,13 +243,17 @@ var Control = function Control(props) {
   var SControl = Box;
   var indeterminate = props.indeterminate,
     styles = props.styles,
-    state = props.state,
-    checked = props.checked;
+    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',
-    "checked": checked,
-    "indeterminate": indeterminate,
     "aria-invalid": state === 'invalid'
   }, _ref2))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Text","TypographyText","resolveColorEnhance","callAllEventHandlers","autoFocusEnhance","getInputProps","inputProps","logger","InvalidPattern","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","_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","_ref2","arguments[0]","_ref8","SControl","_assignProps2","displayName","_ref3","_ref9","SCheckbox","SInvalidPattern","_assignProps3","_ref4","_ref10","SText","useEffect","_assignProps4"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\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    };\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={['onChange', 'checkedDefault', 'label']}\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 = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [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, checked } = props;\n  return sstyled(styles)(\n    <SControl\n      render={Box}\n      tag='input'\n      type='checkbox'\n      checked={checked}\n      indeterminate={indeterminate}\n      // aria-checked={indeterminate ? 'mixed' : undefined}\n      aria-invalid={state === 'invalid'}\n    />,\n  );\n};\nControl.displayName = 'Control';\n\nconst CheckMark = (props) => {\n  const SCheckbox = Root;\n  const SInvalidPattern = InvalidPattern;\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 } = 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  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\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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"}
+{"version":3,"file":"Checkbox.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Text","TypographyText","resolveColorEnhance","callAllEventHandlers","autoFocusEnhance","getInputProps","inputProps","logger","InvalidPattern","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","_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","_ref2","arguments[0]","_ref8","SControl","checkboxRef","useRef","useEffect","current","_assignProps2","displayName","_ref3","_ref9","SCheckbox","SInvalidPattern","_assignProps3","_ref4","_ref10","SText","_assignProps4"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\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    };\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={['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label']}\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 = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [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 = InvalidPattern;\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 } = 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  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\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/color-picker/index.d.ts

@@ -0,0 +1,174 @@
+import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { BoxProps } from 'intergalactic/flex-box';
+import Dropdown, { DropdownProps, DropdownHandlers } from 'intergalactic/dropdown';
+import { InputProps } from 'intergalactic/input';
+
+/** @deprecated */
+export interface IItemProps extends ItemProps, UnknownProperties {}
+export type ItemProps = BoxProps & {
+  /**
+   * Color item in hexadecimal format.
+   */
+  value?: string;
+  /**
+   * Shows label `A` as text color icon inside all color items
+   */
+  displayLabel?: boolean;
+  /**
+   * Property enabling the ability to remove a color item on click
+   */
+  editable?: boolean;
+  /**
+   * Shows if color item is selected
+   */
+  selected?: boolean;
+  /**
+   * Fired with color item when user clicks on the close icon
+   */
+  onRemove?: React.MouseEventHandler;
+};
+
+/** @deprecated */
+export interface IColorsProps extends ColorsProps, UnknownProperties {}
+export type ColorsProps = BoxProps & {
+  /**
+   * Array of color items
+   */
+  colors?: string[];
+};
+
+/** @deprecated */
+export interface IColorsCustomProps extends ColorsCustomProps, UnknownProperties {}
+export type ColorsCustomProps = ColorsProps &
+  BoxProps & {
+    /**
+     * Fired when user clicks on the plus icon in Palette Manager - focuses the input component
+     */
+    onPlusButtonClick?: React.MouseEventHandler;
+  };
+
+/** @deprecated */
+export interface IInputColorProps extends InputColorProps, UnknownProperties {}
+export type InputColorProps = InputProps & {
+  /**
+   * Text value of input
+   */
+  value?: string;
+  /**
+   * Default value if `value` property is not provided
+   * @default null
+   */
+  defaultValue?: string | null;
+  /**
+   * Uncontrolled visual state of input
+   * @default normal
+   */
+  state?: 'normal' | 'valid' | 'invalid';
+  /**
+   * Array of color items
+   */
+  colors?: string[];
+  /**
+   * Fired with entered value when user clicks on the check icon or hits `Enter` or `Space`
+   */
+  onAdd?: (value: string, event: React.MouseEvent | React.KeyboardEvent) => void;
+};
+
+/** @deprecated */
+export interface IColorPickerProps extends ColorPickerProps, UnknownProperties {}
+export type ColorPickerProps = DropdownProps & {
+  /**
+   * Selected color item. Should be used with `onChange` property together
+   */
+  value?: string | null;
+  /**
+   * Fired when user selects color item. Should be used with `value` property together
+   */
+  onChange?: (value: string, event: React.ChangeEvent) => void;
+  /**
+   * Default value if `value` property is not provided
+   * @default null
+   */
+  defaultValue?: string | null;
+  /**
+   * Array of color items. Should be used with `onColorsChange` property together
+   * @default defaultColors
+   */
+  colors?: string[];
+  /**
+   * Fired when user changes color items. Should be used with `colors` property together
+   */
+  onColorsChange?: (value: string[], event: React.ChangeEvent) => void;
+  /**
+   * Shows label `A` as text color icon inside all color items
+   * @default false
+   */
+  displayLabel?: boolean;
+};
+
+/** @deprecated */
+export interface IPaletteManagerProps extends PaletteManagerProps, UnknownProperties {}
+export type PaletteManagerProps = BoxProps & {
+  /**
+   * Array of color items. Should be used with `onColorsChange` property together
+   * @default []
+   */
+  colors?: string[];
+  /**
+   * Default value if `colors` property is not provided
+   * @default []
+   */
+  defaultColors?: string[];
+  /**
+   * Fired when user adds or removes color items. Should be used with `colors` property together
+   */
+  onColorsChange?: (value: string[], event: React.ChangeEvent) => void;
+};
+
+/** @deprecated */
+export interface IColorPickerHandlers extends ColorPickerHandlers, UnknownProperties {}
+export type ColorPickerHandlers = DropdownHandlers & {};
+
+/** @deprecated */
+export interface IPaletteManagerHandlers extends PaletteManagerHandlers, UnknownProperties {}
+export type PaletteManagerHandlers = DropdownHandlers & {};
+
+type ColorPickerContext = {
+  getTriggerProps: PropGetterFn;
+  getColorsProps: PropGetterFn;
+  getItemProps: PropGetterFn;
+};
+
+type PaletteManagerContext = {
+  getInputColorProps: PropGetterFn;
+  getColorsProps: PropGetterFn;
+  getItemProps: PropGetterFn;
+};
+
+declare const defaultColors: string[];
+
+declare const PaletteManager: Intergalactic.Component<
+  'div',
+  PaletteManagerProps,
+  PaletteManagerContext,
+  [handlers: PaletteManagerHandlers]
+> & {
+  Item: Intergalactic.Component<'div', ItemProps>;
+  Colors: Intergalactic.Component<'div', ColorsCustomProps>;
+  InputColor: Intergalactic.Component<'div', InputColorProps>;
+};
+
+declare const ColorPicker: Intergalactic.Component<
+  'div',
+  ColorPickerProps,
+  ColorPickerContext,
+  [handlers: ColorPickerHandlers]
+> & {
+  Trigger: typeof Dropdown.Trigger;
+  Popper: typeof Dropdown.Popper;
+  Item: Intergalactic.Component<'div', ItemProps>;
+  Colors: Intergalactic.Component<'div', ColorsProps>;
+};
+
+export { PaletteManager, defaultColors };
+export default ColorPicker;

package/color-picker/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/color-picker/lib/cjs/ColorPicker.js

@@ -27,29 +27,29 @@ var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1wce9_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1wce9_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_1wce9_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1wce9_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_1wce9)}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover>.___SCloseIcon_1wce9_gg_{opacity:1}}.___SItemContainer_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1wce9_gg_.__selected_1wce9_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1wce9_gg_.__displayLabel_1wce9_gg_::after{background:var(--value_1wce9);opacity:.15}.___SItemContainer_1wce9_gg_:not(.__value_1wce9_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1wce9_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1wce9_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1wce9_gg_,.___SPaletteManager_1wce9_gg_,.___SPlusButton_1wce9_gg_{display:flex;align-items:center}.___SPlusButton_1wce9_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1wce9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1wce9_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1wce9_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1wce9);border:1px solid transparent}.___STriggerCircle_1wce9_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1wce9_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1wce9_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_1wce9_gg_{position:absolute}.___SLabel_1wce9_gg_{z-index:1;color:var(--data-value_1wce9);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1wce9_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1wce9)}.___SClearConfirm_1wce9_gg_.__hidden_1wce9_gg_,.___SConfirmColor_1wce9_gg_.__hidden_1wce9_gg_{display:none}" /*__inner_css_end__*/, "1wce9_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1wce9_gg_",
-  "__SItemContainer": "___SItemContainer_1wce9_gg_",
-  "__SCloseIcon": "___SCloseIcon_1wce9_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wce9_gg_",
-  "_selected": "__selected_1wce9_gg_",
-  "__SColors": "___SColors_1wce9_gg_",
-  "__SPaletteManager": "___SPaletteManager_1wce9_gg_",
-  "__SInputContainer": "___SInputContainer_1wce9_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1wce9_gg_",
-  "__STriggerCircle": "___STriggerCircle_1wce9_gg_",
-  "--data-value": "--data-value_1wce9",
-  "__STriggerCircleLine": "___STriggerCircleLine_1wce9_gg_",
-  "__SLine": "___SLine_1wce9_gg_",
-  "__SLabel": "___SLabel_1wce9_gg_",
-  "__SItemColor": "___SItemColor_1wce9_gg_",
-  "__SConfirmColor": "___SConfirmColor_1wce9_gg_",
-  "_hidden": "__hidden_1wce9_gg_",
-  "__SClearConfirm": "___SClearConfirm_1wce9_gg_",
-  "--value": "--value_1wce9",
-  "_displayLabel": "__displayLabel_1wce9_gg_",
-  "_value": "__value_1wce9_gg_",
-  "__SPlusButton": "___SPlusButton_1wce9_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_15luc_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15luc_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_15luc_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15luc_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_15luc)}@media (hover:hover){.___SItemContainer_15luc_gg_:hover>.___SCloseIcon_15luc_gg_{opacity:1}}.___SItemContainer_15luc_gg_.__keyboardFocused_15luc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15luc_gg_.__selected_15luc_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15luc_gg_.__displayLabel_15luc_gg_::after{background:var(--value_15luc);opacity:.15}.___SItemContainer_15luc_gg_:not(.__value_15luc_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_15luc_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15luc_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15luc_gg_,.___SPaletteManager_15luc_gg_,.___SPlusButton_15luc_gg_{display:flex;align-items:center}.___SPlusButton_15luc_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15luc_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15luc_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_15luc_gg_.__keyboardFocused_15luc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15luc_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15luc);border:1px solid transparent}.___STriggerCircle_15luc_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15luc_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15luc_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_15luc_gg_{position:absolute}.___SLabel_15luc_gg_{z-index:1;color:var(--data-value_15luc);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15luc_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15luc)}.___SClearConfirm_15luc_gg_.__hidden_15luc_gg_,.___SConfirmColor_15luc_gg_.__hidden_15luc_gg_{display:none}" /*__inner_css_end__*/, "15luc_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_15luc_gg_",
+  "__SItemContainer": "___SItemContainer_15luc_gg_",
+  "__SCloseIcon": "___SCloseIcon_15luc_gg_",
+  "_keyboardFocused": "__keyboardFocused_15luc_gg_",
+  "_selected": "__selected_15luc_gg_",
+  "__SColors": "___SColors_15luc_gg_",
+  "__SPaletteManager": "___SPaletteManager_15luc_gg_",
+  "__SInputContainer": "___SInputContainer_15luc_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_15luc_gg_",
+  "__STriggerCircle": "___STriggerCircle_15luc_gg_",
+  "--data-value": "--data-value_15luc",
+  "__STriggerCircleLine": "___STriggerCircleLine_15luc_gg_",
+  "__SLine": "___SLine_15luc_gg_",
+  "__SLabel": "___SLabel_15luc_gg_",
+  "__SItemColor": "___SItemColor_15luc_gg_",
+  "__SConfirmColor": "___SConfirmColor_15luc_gg_",
+  "_hidden": "__hidden_15luc_gg_",
+  "__SClearConfirm": "___SClearConfirm_15luc_gg_",
+  "--value": "--value_15luc",
+  "_displayLabel": "__displayLabel_15luc_gg_",
+  "_value": "__value_15luc_gg_",
+  "__SPlusButton": "___SPlusButton_15luc_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

@@ -17,29 +17,29 @@ var _divider = _interopRequireDefault(require("intergalactic/divider"));
 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__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1wce9_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1wce9_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_1wce9_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1wce9_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_1wce9)}@media (hover:hover){.___SItemContainer_1wce9_gg_:hover>.___SCloseIcon_1wce9_gg_{opacity:1}}.___SItemContainer_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1wce9_gg_.__selected_1wce9_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1wce9_gg_.__displayLabel_1wce9_gg_::after{background:var(--value_1wce9);opacity:.15}.___SItemContainer_1wce9_gg_:not(.__value_1wce9_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1wce9_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1wce9_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1wce9_gg_,.___SPaletteManager_1wce9_gg_,.___SPlusButton_1wce9_gg_{display:flex;align-items:center}.___SPlusButton_1wce9_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1wce9_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1wce9_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_1wce9_gg_.__keyboardFocused_1wce9_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1wce9_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1wce9);border:1px solid transparent}.___STriggerCircle_1wce9_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1wce9_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1wce9_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_1wce9_gg_{position:absolute}.___SLabel_1wce9_gg_{z-index:1;color:var(--data-value_1wce9);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1wce9_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1wce9)}.___SClearConfirm_1wce9_gg_.__hidden_1wce9_gg_,.___SConfirmColor_1wce9_gg_.__hidden_1wce9_gg_{display:none}" /*__inner_css_end__*/, "1wce9_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1wce9_gg_",
-  "__SItemContainer": "___SItemContainer_1wce9_gg_",
-  "__SCloseIcon": "___SCloseIcon_1wce9_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wce9_gg_",
-  "_selected": "__selected_1wce9_gg_",
-  "__SColors": "___SColors_1wce9_gg_",
-  "__SPaletteManager": "___SPaletteManager_1wce9_gg_",
-  "__SInputContainer": "___SInputContainer_1wce9_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1wce9_gg_",
-  "__STriggerCircle": "___STriggerCircle_1wce9_gg_",
-  "--data-value": "--data-value_1wce9",
-  "__STriggerCircleLine": "___STriggerCircleLine_1wce9_gg_",
-  "__SLine": "___SLine_1wce9_gg_",
-  "__SLabel": "___SLabel_1wce9_gg_",
-  "__SItemColor": "___SItemColor_1wce9_gg_",
-  "__SConfirmColor": "___SConfirmColor_1wce9_gg_",
-  "_hidden": "__hidden_1wce9_gg_",
-  "__SClearConfirm": "___SClearConfirm_1wce9_gg_",
-  "--value": "--value_1wce9",
-  "_displayLabel": "__displayLabel_1wce9_gg_",
-  "_value": "__value_1wce9_gg_",
-  "__SPlusButton": "___SPlusButton_1wce9_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_15luc_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15luc_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_15luc_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15luc_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_15luc)}@media (hover:hover){.___SItemContainer_15luc_gg_:hover>.___SCloseIcon_15luc_gg_{opacity:1}}.___SItemContainer_15luc_gg_.__keyboardFocused_15luc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15luc_gg_.__selected_15luc_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15luc_gg_.__displayLabel_15luc_gg_::after{background:var(--value_15luc);opacity:.15}.___SItemContainer_15luc_gg_:not(.__value_15luc_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_15luc_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15luc_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15luc_gg_,.___SPaletteManager_15luc_gg_,.___SPlusButton_15luc_gg_{display:flex;align-items:center}.___SPlusButton_15luc_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15luc_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15luc_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_15luc_gg_.__keyboardFocused_15luc_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15luc_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15luc);border:1px solid transparent}.___STriggerCircle_15luc_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15luc_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15luc_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_15luc_gg_{position:absolute}.___SLabel_15luc_gg_{z-index:1;color:var(--data-value_15luc);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15luc_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15luc)}.___SClearConfirm_15luc_gg_.__hidden_15luc_gg_,.___SConfirmColor_15luc_gg_.__hidden_15luc_gg_{display:none}" /*__inner_css_end__*/, "15luc_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_15luc_gg_",
+  "__SItemContainer": "___SItemContainer_15luc_gg_",
+  "__SCloseIcon": "___SCloseIcon_15luc_gg_",
+  "_keyboardFocused": "__keyboardFocused_15luc_gg_",
+  "_selected": "__selected_15luc_gg_",
+  "__SColors": "___SColors_15luc_gg_",
+  "__SPaletteManager": "___SPaletteManager_15luc_gg_",
+  "__SInputContainer": "___SInputContainer_15luc_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_15luc_gg_",
+  "__STriggerCircle": "___STriggerCircle_15luc_gg_",
+  "--data-value": "--data-value_15luc",
+  "__STriggerCircleLine": "___STriggerCircleLine_15luc_gg_",
+  "__SLine": "___SLine_15luc_gg_",
+  "__SLabel": "___SLabel_15luc_gg_",
+  "__SItemColor": "___SItemColor_15luc_gg_",
+  "__SConfirmColor": "___SConfirmColor_15luc_gg_",
+  "_hidden": "__hidden_15luc_gg_",
+  "__SClearConfirm": "___SClearConfirm_15luc_gg_",
+  "--value": "--value_15luc",
+  "_displayLabel": "__displayLabel_15luc_gg_",
+  "_value": "__value_15luc_gg_",
+  "__SPlusButton": "___SPlusButton_15luc_gg_"
 });
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaletteManagerRoot, _Component);