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

package/color-picker/lib/cjs/components/InputColor.js

@@ -20,29 +20,29 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
 var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
 /*__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_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

package/color-picker/lib/cjs/index.d.js.map

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

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

@@ -21,29 +21,29 @@ import { Item, Colors, ColorsCustom, InputColor } from './components';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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__*/_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'];
 var ColorPickerRoot = /*#__PURE__*/function (_Component) {

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

@@ -11,29 +11,29 @@ import Divider from 'intergalactic/divider';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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__*/_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) {
   _inherits(PaletteManagerRoot, _Component);

package/color-picker/lib/es6/components/InputColor.js

@@ -14,29 +14,29 @@ import Input from 'intergalactic/input';
 import CheckM from 'intergalactic/icon/Check/m';
 import CloseM from 'intergalactic/icon/Close/m';
 /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_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__*/_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_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

package/color-picker/lib/es6/index.d.js.map

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

package/color-picker/lib/types/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/core/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/core/lib/cjs/utils/assignProps.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.assignHandlers = assignHandlers;
+exports.callAllEventHandlers = callAllEventHandlers;
+exports["default"] = assignProps;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _styled = require("../styled");
+var _ref = require("./ref");
+function callAllEventHandlers() {
+  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
+    fns[_key] = arguments[_key];
+  }
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    return !fns.some(function (fn) {
+      var result;
+      if (fn) {
+        result = fn.apply(void 0, args);
+      }
+      return typeof result === 'boolean' && !result;
+    });
+  };
+}
+function assignHandlers(props, source) {
+  return Object.keys(source).reduce(function (proxySource, propName) {
+    if (typeof source[propName] === 'function' && propName.startsWith('on')) {
+      proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+    }
+    return proxySource;
+  }, {});
+}
+function assignHandlersInner(props, source) {
+  return Object.keys(source).reduce(function (proxySource, propName) {
+    if (propName !== 'ref' && propName.startsWith('on')) {
+      if (typeof source[propName] === 'function' && typeof props[propName] === 'function') {
+        proxySource[propName] = callAllEventHandlers(props[propName], source[propName]);
+      } else if (typeof source[propName] === 'function') {
+        proxySource[propName] = source[propName];
+      } else if (typeof props[propName] === 'function') {
+        proxySource[propName] = props[propName];
+      }
+    }
+    return proxySource;
+  }, {});
+}
+function assignProps() {
+  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  var source = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  // @ts-ignore
+  if (props === source) return props;
+  var newProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source), props), assignHandlersInner(props, source));
+  for (var _key3 in source) {
+    if (_key3.startsWith('use:')) {
+      var originalKey = _key3.slice('use:'.length);
+      newProps[originalKey] = source[_key3];
+    }
+  }
+  for (var _key4 in props) {
+    if (_key4.startsWith('use:')) {
+      var _originalKey = _key4.slice('use:'.length);
+      newProps[_originalKey] = props[_key4];
+    }
+  }
+
+  // because react set getter for ref
+  var sourceDescriptorRef = Object.getOwnPropertyDescriptor(source, 'ref');
+  var propsDescriptorRef = Object.getOwnPropertyDescriptor(props, 'ref');
+  if (sourceDescriptorRef !== null && sourceDescriptorRef !== void 0 && sourceDescriptorRef.configurable && propsDescriptorRef !== null && propsDescriptorRef !== void 0 && propsDescriptorRef.configurable) {
+    newProps.ref = (0, _ref.forkRef)(source.ref, props.ref);
+  }
+  if (props.forwardRef) {
+    newProps.ref = (0, _ref.forkRef)(newProps.ref, props.forwardRef);
+    newProps.forwardRef = newProps.ref;
+  }
+  if (source.style && props.style) {
+    newProps.style = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, source.style), props.style);
+  }
+  if (source.className) {
+    newProps.className = (0, _classnames["default"])(props.className, source.className);
+  }
+  if (source.styles && props.styles) {
+    newProps.styles = _styled.sstyled.merge(source.styles, props.styles);
+  }
+  return newProps;
+}
+//# sourceMappingURL=assignProps.js.map