intergalactic 15.106.0-prerelease.0 → 15.107.0-prerelease.0

package/color-picker/lib/cjs/translations/pt.json

@@ -1,13 +1,13 @@
 {
   "currentColor": "Campo de cores – a cor atual é {color}",
-  "emptyColor": "Campo de cores – vazio",
-  "goToPaletteHint": "{currentColor} – aperte Tab para acessar a paleta ou clique para ocultá-la",
-  "palette": "Paleta de cores – pressione Tab+Shift para voltar ao campo de cores",
+  "emptyColor": "Color field",
+  "palette": "Colors palette",
   "presetColors": "Cores predefinidas",
-  "customColors": "Contêiner do campo de cores personalizadas",
-  "itemColor": "Cor {color}",
+  "customColors": "Custom preset colors",
+  "addColor": "Add color",
   "clearColor": "Limpar cor",
-  "colorField": "Campo de cores personalizadas, formato HEX",
+  "colorField": "Custom color, HEX format",
   "colorFieldConfirm": "Adicionar cor à lista de cores personalizadas",
-  "colorFieldClear": "Limpar campo de cores personalizadas"
+  "colorFieldClear": "Limpar campo de cores personalizadas",
+  "deleteColorDescriber": "Delete color with backspace"
 }

package/color-picker/lib/cjs/translations/sv.json

@@ -1,13 +1,13 @@
 {
   "currentColor": "Färgfält, nuvarande färg är {color}",
-  "emptyColor": "Färgfält, tomt",
-  "goToPaletteHint": "{currentColor}, tryck på Tab för att gå till paletten eller klicka för att dölja paletten",
-  "palette": "Färgpalett, tryck på Tab+Shift för att gå tillbaka till färgfältet",
+  "emptyColor": "Color field",
+  "palette": "Colors palette",
   "presetColors": "Förinställda färger",
-  "customColors": "Behållare för anpassade färgfält",
-  "itemColor": "Färg {color}",
+  "customColors": "Custom preset colors",
+  "addColor": "Add color",
   "clearColor": "Rensa färg",
-  "colorField": "Anpassat färgfält, HEX-format",
+  "colorField": "Custom color, HEX format",
   "colorFieldConfirm": "Lägg till färg i listan över anpassade färger",
-  "colorFieldClear": "Rensa fält för anpassad färg"
+  "colorFieldClear": "Rensa fält för anpassad färg",
+  "deleteColorDescriber": "Delete color with backspace"
 }

package/color-picker/lib/cjs/translations/tr.json

@@ -1,13 +1,13 @@
 {
   "currentColor": "Renk alanı, mevcut renk {color}",
-  "emptyColor": "Renk alanı, boş",
-  "goToPaletteHint": "{currentColor}, palete gitmek için Tab tuşuna basın veya paleti gizlemek için tıklayın",
-  "palette": "Renk paleti, renk alanına geri dönmek için Tab+Shift tuş kombinasyonuna basın",
+  "emptyColor": "Color field",
+  "palette": "Colors palette",
   "presetColors": "Önceden ayarlı renkler",
-  "customColors": "Özel renk alanı kabı",
-  "itemColor": "Renk {color}",
+  "customColors": "Custom preset colors",
+  "addColor": "Add color",
   "clearColor": "Rengi temizle",
-  "colorField": "Özel renk alanı, HEX formatı",
+  "colorField": "Custom color, HEX format",
   "colorFieldConfirm": "Rengi özel renk listesine renk ekleyin",
-  "colorFieldClear": "Özel renk alanını temizle"
+  "colorFieldClear": "Özel renk alanını temizle",
+  "deleteColorDescriber": "Delete color with backspace"
 }

package/color-picker/lib/cjs/translations/vi.json

@@ -1,13 +1,13 @@
 {
   "currentColor": "Trường màu sắc, màu hiện tại là {color}",
-  "emptyColor": "Trường màu sắc, trống",
-  "goToPaletteHint": "{currentColor}, nhấn Tab để chuyển đến bảng màu hoặc nhấp để ẩn bảng màu",
-  "palette": "Bảng màu, nhấn Tab+Shift để quay lại trường màu",
+  "emptyColor": "Trường màu",
+  "palette": "Bảng màu",
   "presetColors": "Màu đặt trước",
-  "customColors": "Vùng chứa trường màu tùy chỉnh",
-  "itemColor": "Màu {color}",
+  "customColors": "Màu đặt sẵn tùy chỉnh",
+  "addColor": "Thêm màu",
   "clearColor": "Xoá màu",
-  "colorField": "Trường màu tùy chỉnh, định dạng HEX",
+  "colorField": "Màu tùy chỉnh, định dạng HEX",
   "colorFieldConfirm": "Thêm màu vào danh sách các màu tùy chỉnh",
-  "colorFieldClear": "Xóa trường màu tùy chỉnh"
+  "colorFieldClear": "Xóa trường màu tùy chỉnh",
+  "deleteColorDescriber": "Delete color with backspace"
 }

package/color-picker/lib/cjs/translations/zh.json

@@ -1,13 +1,13 @@
 {
   "currentColor": "颜色字段，当前颜色为 {color}",
-  "emptyColor": "颜色字段，空",
-  "goToPaletteHint": "{currentColor}，按 Tab 转到调色板或单击隐藏调色板",
-  "palette": "调色板，按 Tab+Shift 返回颜色字段",
+  "emptyColor": "Color field",
+  "palette": "Colors palette",
   "presetColors": "预设颜色",
-  "customColors": "自定义颜色字段容器",
-  "itemColor": "颜色 {color}",
+  "customColors": "Custom preset colors",
+  "addColor": "Add color",
   "clearColor": "清除颜色",
-  "colorField": "自定义颜色字段，HEX 格式",
+  "colorField": "Custom color, HEX format",
   "colorFieldConfirm": "将颜色添加到自定义颜色列表",
-  "colorFieldClear": "清除自定义颜色字段"
+  "colorFieldClear": "清除自定义颜色字段",
+  "deleteColorDescriber": "Delete color with backspace"
 }

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

@@ -21,29 +21,30 @@ 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_1bl34_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1bl34_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_1bl34_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1bl34_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_1bl34)}@media (hover:hover){.___SItemContainer_1bl34_gg_:hover>.___SCloseIcon_1bl34_gg_{opacity:1}}.___SItemContainer_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1bl34_gg_.__selected_1bl34_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1bl34_gg_.__displayLabel_1bl34_gg_::after{background:var(--value_1bl34);opacity:.15}.___SItemContainer_1bl34_gg_:not(.__value_1bl34_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1bl34_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1bl34_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1bl34_gg_,.___SPaletteManager_1bl34_gg_,.___SPlusButton_1bl34_gg_{display:flex;align-items:center}.___SPlusButton_1bl34_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1bl34_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1bl34_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1bl34_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1bl34);border:1px solid transparent}.___STriggerCircle_1bl34_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1bl34_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1bl34_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_1bl34_gg_{position:absolute}.___SLabel_1bl34_gg_{z-index:1;color:var(--data-value_1bl34);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1bl34_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1bl34)}.___SClearConfirm_1bl34_gg_.__hidden_1bl34_gg_,.___SConfirmColor_1bl34_gg_.__hidden_1bl34_gg_{display:none}" /*__inner_css_end__*/, "1bl34_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1bl34_gg_",
-  "__SItemContainer": "___SItemContainer_1bl34_gg_",
-  "__SCloseIcon": "___SCloseIcon_1bl34_gg_",
-  "_keyboardFocused": "__keyboardFocused_1bl34_gg_",
-  "_selected": "__selected_1bl34_gg_",
-  "__SColors": "___SColors_1bl34_gg_",
-  "__SPaletteManager": "___SPaletteManager_1bl34_gg_",
-  "__SInputContainer": "___SInputContainer_1bl34_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1bl34_gg_",
-  "__STriggerCircle": "___STriggerCircle_1bl34_gg_",
-  "--data-value": "--data-value_1bl34",
-  "__STriggerCircleLine": "___STriggerCircleLine_1bl34_gg_",
-  "__SLine": "___SLine_1bl34_gg_",
-  "__SLabel": "___SLabel_1bl34_gg_",
-  "__SItemColor": "___SItemColor_1bl34_gg_",
-  "__SConfirmColor": "___SConfirmColor_1bl34_gg_",
-  "_hidden": "__hidden_1bl34_gg_",
-  "__SClearConfirm": "___SClearConfirm_1bl34_gg_",
-  "--value": "--value_1bl34",
-  "_displayLabel": "__displayLabel_1bl34_gg_",
-  "_value": "__value_1bl34_gg_",
-  "__SPlusButton": "___SPlusButton_1bl34_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_5jq0m_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_5jq0m_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_5jq0m_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_5jq0m_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_5jq0m)}@media (hover:hover){.___SItemContainer_5jq0m_gg_:hover>.___SCloseIcon_5jq0m_gg_{opacity:1}}.___SItemContainer_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_5jq0m_gg_.__selected_5jq0m_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_5jq0m_gg_.__displayLabel_5jq0m_gg_::after{background:var(--value_5jq0m);opacity:.15}.___SItemContainer_5jq0m_gg_:not(.__value_5jq0m_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_5jq0m_gg_,.___SColors_5jq0m_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_5jq0m_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_5jq0m_gg_,.___SPaletteManager_5jq0m_gg_,.___SPlusButton_5jq0m_gg_{display:flex;align-items:center}.___SPlusButton_5jq0m_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_5jq0m_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_5jq0m_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_5jq0m_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_5jq0m);border:1px solid transparent}.___STriggerCircle_5jq0m_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_5jq0m_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_5jq0m_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_5jq0m_gg_{position:absolute}.___SLabel_5jq0m_gg_{z-index:1;color:var(--data-value_5jq0m);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_5jq0m_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_5jq0m)}.___SClearConfirm_5jq0m_gg_.__hidden_5jq0m_gg_,.___SConfirmColor_5jq0m_gg_.__hidden_5jq0m_gg_{display:none}" /*__inner_css_end__*/, "5jq0m_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_5jq0m_gg_",
+  "__SItemContainer": "___SItemContainer_5jq0m_gg_",
+  "__SCloseIcon": "___SCloseIcon_5jq0m_gg_",
+  "_keyboardFocused": "__keyboardFocused_5jq0m_gg_",
+  "_selected": "__selected_5jq0m_gg_",
+  "__SColorsContainer": "___SColorsContainer_5jq0m_gg_",
+  "__SColors": "___SColors_5jq0m_gg_",
+  "__SPaletteManager": "___SPaletteManager_5jq0m_gg_",
+  "__SInputContainer": "___SInputContainer_5jq0m_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_5jq0m_gg_",
+  "__STriggerCircle": "___STriggerCircle_5jq0m_gg_",
+  "--data-value": "--data-value_5jq0m",
+  "__STriggerCircleLine": "___STriggerCircleLine_5jq0m_gg_",
+  "__SLine": "___SLine_5jq0m_gg_",
+  "__SLabel": "___SLabel_5jq0m_gg_",
+  "__SItemColor": "___SItemColor_5jq0m_gg_",
+  "__SConfirmColor": "___SConfirmColor_5jq0m_gg_",
+  "_hidden": "__hidden_5jq0m_gg_",
+  "__SClearConfirm": "___SClearConfirm_5jq0m_gg_",
+  "--value": "--value_5jq0m",
+  "_displayLabel": "__displayLabel_5jq0m_gg_",
+  "_value": "__value_5jq0m_gg_",
+  "__SPlusButton": "___SPlusButton_5jq0m_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 var ColorPickerRoot = /*#__PURE__*/function (_Component) {
@@ -166,23 +167,20 @@ _defineProperty(ColorPickerRoot, "defaultProps", function () {
 export function Trigger(props) {
   var _ref2 = arguments[0];
   var Children = props.Children,
-    value = props.value,
-    popperVisible = props.popperVisible,
-    getI18nText = props.getI18nText;
+    getI18nText = props.getI18nText,
+    value = props.value;
   var label = React.useMemo(function () {
-    var currentColor = value ? getI18nText('currentColor', {
-      color: value
-    }) : getI18nText('emptyColor');
-    if (popperVisible) {
-      return getI18nText('goToPaletteHint', {
-        currentColor: currentColor
-      });
+    if (!value) {
+      return getI18nText('emptyColor');
     }
-    return currentColor;
-  }, [value, popperVisible]);
+    return getI18nText('currentColor', {
+      color: value
+    });
+  }, [value]);
   return /*#__PURE__*/React.createElement(Dropdown.Trigger, _assignProps2({
     "tag": DefaultTrigger,
-    "aria-label": label
+    "aria-label": label,
+    "role": 'combobox'
   }, _ref2), /*#__PURE__*/React.createElement(Children, null));
 }
 Trigger.enhance = [keyboardFocusEnhance()];

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

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","currentColor","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n  null,\n  '#2BB3FF',\n  '#8649E1',\n  '#C695FF',\n  '#F67CF2',\n  '#FFA9FA',\n  '#FF8786',\n  '#FF8C43',\n  '#FDC23C',\n  '#66C030',\n  '#9BD85D',\n  '#C7EE96',\n];\n\ntype RootAsProps = {\n  defaultVisible?: boolean;\n  visible?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (value: string, event: React.ChangeEvent) => void;\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  displayLabel?: boolean;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n  styles?: React.CSSProperties;\n  value?: string;\n  popperVisible: boolean;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  children?: React.ReactNode;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n  value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n  static displayName = 'ColorPicker';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    defaultVisible: false,\n    defaultValue: null,\n    colors: defaultColors,\n    i18n: localizedMessages,\n    locale: 'en',\n    children: (\n      <>\n        <ColorPicker.Trigger />\n        <ColorPicker.Popper />\n      </>\n    ),\n  });\n\n  uncontrolledProps() {\n    return {\n      value: null,\n      visible: false,\n    };\n  }\n\n  bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n    this.handlers.value(value, event);\n    this.handlers.visible(false, event);\n    event.preventDefault();\n  };\n\n  getTriggerProps() {\n    const { value, visible, getI18nText } = this.asProps;\n\n    return {\n      value,\n      popperVisible: visible,\n      getI18nText,\n    };\n  }\n\n  getColorsProps() {\n    const { colors, getI18nText } = this.asProps;\n\n    return {\n      colors,\n      getI18nText,\n    };\n  }\n\n  getInputColorProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n  getItemProps(props: ItemAsProps) {\n    const { value, displayLabel, getI18nText } = this.asProps;\n    const isSelected = value === props.value;\n\n    return {\n      displayLabel,\n      onClick: this.bindHandlerItemClick(props.value),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          this.bindHandlerItemClick(props.value)(event);\n        }\n      },\n      selected: isSelected,\n      getI18nText,\n    };\n  }\n\n  getPopperProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={Dropdown} stretch={false}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n  const { Children, value, popperVisible, getI18nText } = props;\n  const label = React.useMemo(() => {\n    const currentColor = value\n      ? getI18nText('currentColor', { color: value })\n      : getI18nText('emptyColor');\n    if (popperVisible) {\n      return getI18nText('goToPaletteHint', { currentColor });\n    }\n    return currentColor;\n  }, [value, popperVisible]);\n\n  return (\n    <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label}>\n      <Children />\n    </Root>\n  );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n  const { styles, value } = props;\n  const SDefaultTrigger = Root;\n  const STriggerCircle = Box;\n  const STriggerCircleLine = 'svg';\n\n  return sstyled(styles)(\n    <SDefaultTrigger render={Box} tag='button' ref={ref}>\n      <STriggerCircle data-value={value}>\n        {!value && (\n          <STriggerCircleLine\n            width='10'\n            height='10'\n            viewBox='0 0 10 10'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n          >\n            <rect\n              width='1'\n              height='14'\n              transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n              fill='#E0E1E9'\n            />\n          </STriggerCircleLine>\n        )}\n      </STriggerCircle>\n      <ChevronDownM color='gray-800' />\n    </SDefaultTrigger>,\n  ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n  const { styles, Children, getI18nText, children } = props;\n  const SColorPickerPopper = Root;\n\n  return sstyled(styles)(\n    <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n      {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n    </SColorPickerPopper>,\n  );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n  Trigger,\n  Popper,\n  Item,\n  Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n  Item: ColorPicker.Item,\n  Colors: ColorsCustom,\n  InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}
+{"version":3,"file":"ColorPicker.js","names":["React","createComponent","Component","sstyled","Root","Dropdown","Box","ChevronDownM","keyboardFocusEnhance","PaletteManagerRoot","Item","Colors","ColorsCustom","InputColor","localizedMessages","i18nEnhance","style","_sstyled","insert","defaultColors","ColorPickerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","value","event","handlers","visible","preventDefault","_createClass","key","uncontrolledProps","getTriggerProps","_this$asProps","asProps","getI18nText","popperVisible","getColorsProps","_this$asProps2","colors","getInputColorProps","getItemProps","props","_this2","_this$asProps3","displayLabel","isSelected","onClick","bindHandlerItemClick","onKeyDown","selected","getPopperProps","render","_ref","_ref5","_this$asProps4","styles","Children","createElement","_assignProps","cn","defaultVisible","defaultValue","i18n","locale","children","Fragment","ColorPicker","Trigger","Popper","_ref2","arguments[0]","label","useMemo","color","_assignProps2","DefaultTrigger","enhance","forwardRef","ref","_ref3","_ref6","SDefaultTrigger","STriggerCircle","STriggerCircleLine","_objectSpread","_assignProps3","_ref4","_ref7","SColorPickerPopper","_assignProps4","PaletteManager"],"sources":["../../src/ColorPicker.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Dropdown from '@semcore/dropdown';\nimport { Box } from '@semcore/flex-box';\nimport ChevronDownM from '@semcore/icon/ChevronDown/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport PaletteManagerRoot from './PaletteManager';\nimport { Item, Colors, ColorsCustom, InputColor } from './components';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\nconst defaultColors = [\n  null,\n  '#2BB3FF',\n  '#8649E1',\n  '#C695FF',\n  '#F67CF2',\n  '#FFA9FA',\n  '#FF8786',\n  '#FF8C43',\n  '#FDC23C',\n  '#66C030',\n  '#9BD85D',\n  '#C7EE96',\n];\n\ntype RootAsProps = {\n  defaultVisible?: boolean;\n  visible?: boolean;\n  defaultValue?: string;\n  value?: string;\n  onChange?: (value: string, event: React.ChangeEvent) => void;\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  displayLabel?: boolean;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype TriggerAsProps = {\n  styles?: React.CSSProperties;\n  value?: string;\n  popperVisible: boolean;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype PopperAsProps = {\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  children?: React.ReactNode;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype ItemAsProps = {\n  value: string;\n};\n\nclass ColorPickerRoot extends Component<RootAsProps> {\n  static displayName = 'ColorPicker';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = () => ({\n    defaultVisible: false,\n    defaultValue: null,\n    colors: defaultColors,\n    i18n: localizedMessages,\n    locale: 'en',\n    children: (\n      <>\n        <ColorPicker.Trigger />\n        <ColorPicker.Popper />\n      </>\n    ),\n  });\n\n  uncontrolledProps() {\n    return {\n      value: null,\n      visible: false,\n    };\n  }\n\n  bindHandlerItemClick = (value: string) => (event: React.MouseEvent | React.KeyboardEvent) => {\n    this.handlers.value(value, event);\n    this.handlers.visible(false, event);\n    event.preventDefault();\n  };\n\n  getTriggerProps() {\n    const { value, visible, getI18nText } = this.asProps;\n\n    return {\n      value,\n      popperVisible: visible,\n      getI18nText,\n    };\n  }\n\n  getColorsProps() {\n    const { colors, getI18nText } = this.asProps;\n\n    return {\n      colors,\n      getI18nText,\n    };\n  }\n\n  getInputColorProps() {\n    const { getI18nText } = this.asProps;\n\n    return {\n      getI18nText,\n    };\n  }\n  getItemProps(props: ItemAsProps) {\n    const { value, displayLabel, getI18nText } = this.asProps;\n    const isSelected = value === props.value;\n\n    return {\n      displayLabel,\n      onClick: this.bindHandlerItemClick(props.value),\n      onKeyDown: (event: React.KeyboardEvent) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault();\n          this.bindHandlerItemClick(props.value)(event);\n        }\n      },\n      selected: isSelected,\n      getI18nText,\n    };\n  }\n\n  getPopperProps() {\n    const { getI18nText } = this.asProps;\n\n    return { getI18nText };\n  }\n\n  render() {\n    const { styles, Children } = this.asProps;\n\n    return sstyled(styles)(\n      <Root render={Dropdown} stretch={false}>\n        <Children />\n      </Root>,\n    );\n  }\n}\n\nexport function Trigger(props: TriggerAsProps) {\n  const { Children, getI18nText, value } = props;\n\n  const label = React.useMemo(() => {\n    if (!value) {\n      return getI18nText('emptyColor');\n    }\n\n    return getI18nText('currentColor', { color: value });\n  }, [value]);\n\n  return (\n    <Root render={Dropdown.Trigger} tag={DefaultTrigger} aria-label={label} role='combobox'>\n      <Children />\n    </Root>\n  );\n}\n\nTrigger.enhance = [keyboardFocusEnhance()];\n\nconst DefaultTrigger = React.forwardRef(function (props: TriggerAsProps, ref) {\n  const { styles, value } = props;\n  const SDefaultTrigger = Root;\n  const STriggerCircle = Box;\n  const STriggerCircleLine = 'svg';\n\n  return sstyled(styles)(\n    <SDefaultTrigger render={Box} tag='button' ref={ref}>\n      <STriggerCircle data-value={value}>\n        {!value && (\n          <STriggerCircleLine\n            width='10'\n            height='10'\n            viewBox='0 0 10 10'\n            fill='none'\n            xmlns='http://www.w3.org/2000/svg'\n          >\n            <rect\n              width='1'\n              height='14'\n              transform='matrix(-0.707107 -0.707107 -0.707107 0.707107 10 1)'\n              fill='#E0E1E9'\n            />\n          </STriggerCircleLine>\n        )}\n      </STriggerCircle>\n      <ChevronDownM color='gray-800' />\n    </SDefaultTrigger>,\n  ) as React.ReactElement;\n});\n\nexport function Popper(props: PopperAsProps) {\n  const { styles, Children, getI18nText, children } = props;\n  const SColorPickerPopper = Root;\n\n  return sstyled(styles)(\n    <SColorPickerPopper render={Dropdown.Popper} aria-label={getI18nText('palette')}>\n      {children ? <Children /> : <ColorPicker.Colors getI18nText={props.getI18nText} />}\n    </SColorPickerPopper>,\n  );\n}\n\nconst ColorPicker = createComponent(ColorPickerRoot, {\n  Trigger,\n  Popper,\n  Item,\n  Colors,\n}) as any;\n\nconst PaletteManager = createComponent(PaletteManagerRoot, {\n  Item: ColorPicker.Item,\n  Colors: ColorsCustom,\n  InputColor,\n}) as any;\n\nexport { PaletteManager, defaultColors };\nexport default ColorPicker;\n"],"mappings":"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"}

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

@@ -11,30 +11,36 @@ 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_1bl34_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1bl34_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_1bl34_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1bl34_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_1bl34)}@media (hover:hover){.___SItemContainer_1bl34_gg_:hover>.___SCloseIcon_1bl34_gg_{opacity:1}}.___SItemContainer_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1bl34_gg_.__selected_1bl34_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1bl34_gg_.__displayLabel_1bl34_gg_::after{background:var(--value_1bl34);opacity:.15}.___SItemContainer_1bl34_gg_:not(.__value_1bl34_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1bl34_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1bl34_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1bl34_gg_,.___SPaletteManager_1bl34_gg_,.___SPlusButton_1bl34_gg_{display:flex;align-items:center}.___SPlusButton_1bl34_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1bl34_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1bl34_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1bl34_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1bl34);border:1px solid transparent}.___STriggerCircle_1bl34_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1bl34_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1bl34_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_1bl34_gg_{position:absolute}.___SLabel_1bl34_gg_{z-index:1;color:var(--data-value_1bl34);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1bl34_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1bl34)}.___SClearConfirm_1bl34_gg_.__hidden_1bl34_gg_,.___SConfirmColor_1bl34_gg_.__hidden_1bl34_gg_{display:none}" /*__inner_css_end__*/, "1bl34_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1bl34_gg_",
-  "__SItemContainer": "___SItemContainer_1bl34_gg_",
-  "__SCloseIcon": "___SCloseIcon_1bl34_gg_",
-  "_keyboardFocused": "__keyboardFocused_1bl34_gg_",
-  "_selected": "__selected_1bl34_gg_",
-  "__SColors": "___SColors_1bl34_gg_",
-  "__SPaletteManager": "___SPaletteManager_1bl34_gg_",
-  "__SInputContainer": "___SInputContainer_1bl34_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1bl34_gg_",
-  "__STriggerCircle": "___STriggerCircle_1bl34_gg_",
-  "--data-value": "--data-value_1bl34",
-  "__STriggerCircleLine": "___STriggerCircleLine_1bl34_gg_",
-  "__SLine": "___SLine_1bl34_gg_",
-  "__SLabel": "___SLabel_1bl34_gg_",
-  "__SItemColor": "___SItemColor_1bl34_gg_",
-  "__SConfirmColor": "___SConfirmColor_1bl34_gg_",
-  "_hidden": "__hidden_1bl34_gg_",
-  "__SClearConfirm": "___SClearConfirm_1bl34_gg_",
-  "--value": "--value_1bl34",
-  "_displayLabel": "__displayLabel_1bl34_gg_",
-  "_value": "__value_1bl34_gg_",
-  "__SPlusButton": "___SPlusButton_1bl34_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_5jq0m_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_5jq0m_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_5jq0m_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_5jq0m_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_5jq0m)}@media (hover:hover){.___SItemContainer_5jq0m_gg_:hover>.___SCloseIcon_5jq0m_gg_{opacity:1}}.___SItemContainer_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_5jq0m_gg_.__selected_5jq0m_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_5jq0m_gg_.__displayLabel_5jq0m_gg_::after{background:var(--value_5jq0m);opacity:.15}.___SItemContainer_5jq0m_gg_:not(.__value_5jq0m_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_5jq0m_gg_,.___SColors_5jq0m_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_5jq0m_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_5jq0m_gg_,.___SPaletteManager_5jq0m_gg_,.___SPlusButton_5jq0m_gg_{display:flex;align-items:center}.___SPlusButton_5jq0m_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_5jq0m_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_5jq0m_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_5jq0m_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_5jq0m);border:1px solid transparent}.___STriggerCircle_5jq0m_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_5jq0m_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_5jq0m_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_5jq0m_gg_{position:absolute}.___SLabel_5jq0m_gg_{z-index:1;color:var(--data-value_5jq0m);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_5jq0m_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_5jq0m)}.___SClearConfirm_5jq0m_gg_.__hidden_5jq0m_gg_,.___SConfirmColor_5jq0m_gg_.__hidden_5jq0m_gg_{display:none}" /*__inner_css_end__*/, "5jq0m_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_5jq0m_gg_",
+  "__SItemContainer": "___SItemContainer_5jq0m_gg_",
+  "__SCloseIcon": "___SCloseIcon_5jq0m_gg_",
+  "_keyboardFocused": "__keyboardFocused_5jq0m_gg_",
+  "_selected": "__selected_5jq0m_gg_",
+  "__SColorsContainer": "___SColorsContainer_5jq0m_gg_",
+  "__SColors": "___SColors_5jq0m_gg_",
+  "__SPaletteManager": "___SPaletteManager_5jq0m_gg_",
+  "__SInputContainer": "___SInputContainer_5jq0m_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_5jq0m_gg_",
+  "__STriggerCircle": "___STriggerCircle_5jq0m_gg_",
+  "--data-value": "--data-value_5jq0m",
+  "__STriggerCircleLine": "___STriggerCircleLine_5jq0m_gg_",
+  "__SLine": "___SLine_5jq0m_gg_",
+  "__SLabel": "___SLabel_5jq0m_gg_",
+  "__SItemColor": "___SItemColor_5jq0m_gg_",
+  "__SConfirmColor": "___SConfirmColor_5jq0m_gg_",
+  "_hidden": "__hidden_5jq0m_gg_",
+  "__SClearConfirm": "___SClearConfirm_5jq0m_gg_",
+  "--value": "--value_5jq0m",
+  "_displayLabel": "__displayLabel_5jq0m_gg_",
+  "_value": "__value_5jq0m_gg_",
+  "__SPlusButton": "___SPlusButton_5jq0m_gg_"
 });
+import uniqueIdEnhance from 'intergalactic/utils/lib/uniqueID';
+var enhance = {
+  getI18nText: i18nEnhance(localizedMessages),
+  uid: uniqueIdEnhance()
+};
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
   _inherits(PaletteManagerRoot, _Component);
   var _super = _createSuper(PaletteManagerRoot);
@@ -45,7 +51,6 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
       args[_key] = arguments[_key];
     }
     _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "_colors", []);
     _defineProperty(_assertThisInitialized(_this), "refInput", /*#__PURE__*/React.createRef());
     _defineProperty(_assertThisInitialized(_this), "state", {
       focus: false
@@ -53,15 +58,19 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "bindHandlerItemRemove", function (value) {
       return function (event) {
         event.stopPropagation();
-        _this.handlers.colors(_this.colors.filter(function (color) {
+        var _this$asProps$colors = _this.asProps.colors,
+          colors = _this$asProps$colors === void 0 ? [] : _this$asProps$colors;
+        _this.handlers.colors(colors.filter(function (color) {
           return color !== value;
         }), event);
       };
     });
     _defineProperty(_assertThisInitialized(_this), "bindHandlerItemAdd", function () {
       return function (value, event) {
-        if (!_this.colors.includes(value)) {
-          _this.handlers.colors(_this.colors.concat(value), event);
+        var _this$asProps$colors2 = _this.asProps.colors,
+          colors = _this$asProps$colors2 === void 0 ? [] : _this$asProps$colors2;
+        if (!colors.includes(value)) {
+          _this.handlers.colors(colors.concat(value), event);
         }
       };
     });
@@ -91,11 +100,6 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
         colors: []
       };
     }
-  }, {
-    key: "colors",
-    get: function get() {
-      return this.props.colors !== undefined ? this.asProps.colors : this._colors;
-    }
   }, {
     key: "getColorsProps",
     value: function getColorsProps() {
@@ -111,8 +115,9 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
     key: "getItemProps",
     value: function getItemProps(_ref2) {
       var value = _ref2.value;
-      this._colors.push(value);
+      var uid = this.asProps.uid;
       return {
+        uid: uid,
         editable: true,
         onRemove: this.bindHandlerItemRemove(value),
         getI18nText: this.asProps.getI18nText
@@ -137,7 +142,6 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
       var _this$asProps = this.asProps,
         styles = _this$asProps.styles,
         Children = _this$asProps.Children;
-      this._colors = [];
       var PaletteManager = this[CORE_INSTANCE];
       return _ref = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, _ref.cn("Divider", {
         "mt": 3,
@@ -149,7 +153,7 @@ var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
 }(Component);
 _defineProperty(PaletteManagerRoot, "displayName", 'PaletteManager');
 _defineProperty(PaletteManagerRoot, "style", style);
-_defineProperty(PaletteManagerRoot, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(PaletteManagerRoot, "enhance", Object.values(enhance));
 _defineProperty(PaletteManagerRoot, "defaultProps", {
   defaultColors: [],
   i18n: localizedMessages,

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

@@ -1 +1 @@
-{"version":3,"file":"PaletteManager.js","names":["React","Component","sstyled","CORE_INSTANCE","Divider","localizedMessages","i18nEnhance","style","_sstyled","insert","PaletteManagerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","focus","value","event","stopPropagation","handlers","colors","filter","color","includes","_this$refInput$curren","refInput","current","onFocus","setState","_createClass","key","uncontrolledProps","get","props","undefined","asProps","_colors","getColorsProps","editable","onPlusButtonClick","bindHandlerButtonClick","getI18nText","getItemProps","_ref2","push","onRemove","bindHandlerItemRemove","getInputColorProps","ref","onAdd","bindHandlerItemAdd","state","onBlur","render","_ref","_this$asProps","styles","Children","PaletteManager","createElement","Fragment","cn","origin","Colors","InputColor","defaultColors","i18n","locale"],"sources":["../../src/PaletteManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\n\ntype RootAsProps = {\n  defaultColors?: string[];\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype State = { focus: boolean };\n\nclass PaletteManagerRoot extends Component<RootAsProps, State> {\n  static displayName = 'PaletteManager';\n\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n\n  static defaultProps = {\n    defaultColors: [],\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _colors: string[] = [];\n  refInput = React.createRef<HTMLInputElement>();\n\n  state: State = {\n    focus: false,\n  };\n\n  uncontrolledProps() {\n    return {\n      colors: [],\n    };\n  }\n\n  get colors(): string[] {\n    return this.props.colors !== undefined ? this.asProps.colors! : this._colors;\n  }\n\n  bindHandlerItemRemove = (value: string) => (event: React.MouseEvent) => {\n    event.stopPropagation();\n    this.handlers.colors(\n      this.colors.filter((color: string) => color !== value),\n      event,\n    );\n  };\n\n  bindHandlerItemAdd = () => (value: string, event: React.MouseEvent) => {\n    if (!this.colors.includes(value)) {\n      this.handlers.colors(this.colors.concat(value), event);\n    }\n  };\n\n  bindHandlerButtonClick = () => () => {\n    this.refInput.current?.focus();\n    this.onFocus();\n  };\n\n  getColorsProps() {\n    const { colors } = this.asProps;\n\n    return {\n      colors,\n      editable: true,\n      onPlusButtonClick: this.bindHandlerButtonClick(),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getItemProps({ value }: any) {\n    this._colors.push(value);\n\n    return {\n      editable: true,\n      onRemove: this.bindHandlerItemRemove(value),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  onFocus = () => this.setState({ focus: true });\n\n  onBlur = () => this.setState({ focus: false });\n\n  getInputColorProps() {\n    return {\n      ref: this.refInput,\n      onAdd: this.bindHandlerItemAdd(),\n      focus: this.state.focus,\n      onFocus: this.onFocus,\n      onBlur: this.onBlur,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render(this: any) {\n    const { styles, Children } = this.asProps;\n\n    this._colors = [];\n\n    const PaletteManager = this[CORE_INSTANCE];\n\n    return sstyled(styles)(\n      <>\n        <Divider mt={3} mb={3} />\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <PaletteManager.Colors />\n            <PaletteManager.InputColor />\n          </>\n        )}\n      </>,\n    );\n  }\n}\n\nexport default PaletteManagerRoot;\n"],"mappings":"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"}
+{"version":3,"file":"PaletteManager.js","names":["React","Component","sstyled","CORE_INSTANCE","Divider","localizedMessages","i18nEnhance","style","_sstyled","insert","uniqueIdEnhance","enhance","getI18nText","uid","PaletteManagerRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","focus","value","event","stopPropagation","_this$asProps$colors","asProps","colors","handlers","filter","color","_this$asProps$colors2","includes","_this$refInput$curren","refInput","current","onFocus","setState","_createClass","key","uncontrolledProps","getColorsProps","editable","onPlusButtonClick","bindHandlerButtonClick","getItemProps","_ref2","onRemove","bindHandlerItemRemove","getInputColorProps","ref","onAdd","bindHandlerItemAdd","state","onBlur","render","_ref","_this$asProps","styles","Children","PaletteManager","createElement","Fragment","cn","origin","Colors","InputColor","Object","values","defaultColors","i18n","locale"],"sources":["../../src/PaletteManager.tsx"],"sourcesContent":["import React from 'react';\nimport { Component, sstyled, CORE_INSTANCE } from '@semcore/core';\nimport Divider from '@semcore/divider';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nimport style from './style/color-picker.shadow.css';\nimport uniqueIdEnhance from '@semcore/utils/lib/uniqueID';\n\ntype RootAsProps = {\n  defaultColors?: string[];\n  colors?: string[];\n  onColorsChange?: (value: string, event: React.ChangeEvent) => void;\n  styles?: React.CSSProperties;\n  Children: React.FC;\n  getI18nText: (messageId: string, values?: { [key: string]: string | number }) => string;\n};\n\ntype State = { focus: boolean };\n\nconst enhance = {\n  getI18nText: i18nEnhance(localizedMessages),\n  uid: uniqueIdEnhance(),\n};\n\nclass PaletteManagerRoot extends Component<RootAsProps, {}, State, typeof enhance> {\n  static displayName = 'PaletteManager';\n\n  static style = style;\n  static enhance = Object.values(enhance);\n\n  static defaultProps = {\n    defaultColors: [],\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  refInput = React.createRef<HTMLInputElement>();\n\n  state: State = {\n    focus: false,\n  };\n\n  uncontrolledProps() {\n    return {\n      colors: [],\n    };\n  }\n\n  bindHandlerItemRemove = (value: string) => (event: React.MouseEvent) => {\n    event.stopPropagation();\n    const { colors = [] } = this.asProps;\n    this.handlers.colors(\n      colors.filter((color: string) => color !== value),\n      event,\n    );\n  };\n\n  bindHandlerItemAdd = () => (value: string, event: React.MouseEvent) => {\n    const { colors = [] } = this.asProps;\n    if (!colors.includes(value)) {\n      this.handlers.colors(colors.concat(value), event);\n    }\n  };\n\n  bindHandlerButtonClick = () => () => {\n    this.refInput.current?.focus();\n    this.onFocus();\n  };\n\n  getColorsProps() {\n    const { colors } = this.asProps;\n\n    return {\n      colors,\n      editable: true,\n      onPlusButtonClick: this.bindHandlerButtonClick(),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  getItemProps({ value }: any) {\n    const { uid } = this.asProps;\n\n    return {\n      uid,\n      editable: true,\n      onRemove: this.bindHandlerItemRemove(value),\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  onFocus = () => this.setState({ focus: true });\n\n  onBlur = () => this.setState({ focus: false });\n\n  getInputColorProps() {\n    return {\n      ref: this.refInput,\n      onAdd: this.bindHandlerItemAdd(),\n      focus: this.state.focus,\n      onFocus: this.onFocus,\n      onBlur: this.onBlur,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  render(this: any) {\n    const { styles, Children } = this.asProps;\n\n    const PaletteManager = this[CORE_INSTANCE];\n\n    return sstyled(styles)(\n      <>\n        <Divider mt={3} mb={3} />\n        {Children.origin ? (\n          <Children />\n        ) : (\n          <>\n            <PaletteManager.Colors />\n            <PaletteManager.InputColor />\n          </>\n        )}\n      </>,\n    );\n  }\n}\n\nexport default PaletteManagerRoot;\n"],"mappings":"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"}

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

@@ -14,29 +14,30 @@ 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_1bl34_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1bl34_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_1bl34_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1bl34_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_1bl34)}@media (hover:hover){.___SItemContainer_1bl34_gg_:hover>.___SCloseIcon_1bl34_gg_{opacity:1}}.___SItemContainer_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1bl34_gg_.__selected_1bl34_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1bl34_gg_.__displayLabel_1bl34_gg_::after{background:var(--value_1bl34);opacity:.15}.___SItemContainer_1bl34_gg_:not(.__value_1bl34_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1bl34_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1bl34_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1bl34_gg_,.___SPaletteManager_1bl34_gg_,.___SPlusButton_1bl34_gg_{display:flex;align-items:center}.___SPlusButton_1bl34_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1bl34_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1bl34_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1bl34_gg_.__keyboardFocused_1bl34_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1bl34_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1bl34);border:1px solid transparent}.___STriggerCircle_1bl34_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1bl34_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1bl34_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_1bl34_gg_{position:absolute}.___SLabel_1bl34_gg_{z-index:1;color:var(--data-value_1bl34);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1bl34_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1bl34)}.___SClearConfirm_1bl34_gg_.__hidden_1bl34_gg_,.___SConfirmColor_1bl34_gg_.__hidden_1bl34_gg_{display:none}" /*__inner_css_end__*/, "1bl34_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1bl34_gg_",
-  "__SItemContainer": "___SItemContainer_1bl34_gg_",
-  "__SCloseIcon": "___SCloseIcon_1bl34_gg_",
-  "_keyboardFocused": "__keyboardFocused_1bl34_gg_",
-  "_selected": "__selected_1bl34_gg_",
-  "__SColors": "___SColors_1bl34_gg_",
-  "__SPaletteManager": "___SPaletteManager_1bl34_gg_",
-  "__SInputContainer": "___SInputContainer_1bl34_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1bl34_gg_",
-  "__STriggerCircle": "___STriggerCircle_1bl34_gg_",
-  "--data-value": "--data-value_1bl34",
-  "__STriggerCircleLine": "___STriggerCircleLine_1bl34_gg_",
-  "__SLine": "___SLine_1bl34_gg_",
-  "__SLabel": "___SLabel_1bl34_gg_",
-  "__SItemColor": "___SItemColor_1bl34_gg_",
-  "__SConfirmColor": "___SConfirmColor_1bl34_gg_",
-  "_hidden": "__hidden_1bl34_gg_",
-  "__SClearConfirm": "___SClearConfirm_1bl34_gg_",
-  "--value": "--value_1bl34",
-  "_displayLabel": "__displayLabel_1bl34_gg_",
-  "_value": "__value_1bl34_gg_",
-  "__SPlusButton": "___SPlusButton_1bl34_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_5jq0m_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_5jq0m_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_5jq0m_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_5jq0m_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_5jq0m)}@media (hover:hover){.___SItemContainer_5jq0m_gg_:hover>.___SCloseIcon_5jq0m_gg_{opacity:1}}.___SItemContainer_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_5jq0m_gg_.__selected_5jq0m_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_5jq0m_gg_.__displayLabel_5jq0m_gg_::after{background:var(--value_5jq0m);opacity:.15}.___SItemContainer_5jq0m_gg_:not(.__value_5jq0m_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_5jq0m_gg_,.___SColors_5jq0m_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_5jq0m_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_5jq0m_gg_,.___SPaletteManager_5jq0m_gg_,.___SPlusButton_5jq0m_gg_{display:flex;align-items:center}.___SPlusButton_5jq0m_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_5jq0m_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_5jq0m_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_5jq0m_gg_.__keyboardFocused_5jq0m_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_5jq0m_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_5jq0m);border:1px solid transparent}.___STriggerCircle_5jq0m_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_5jq0m_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_5jq0m_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_5jq0m_gg_{position:absolute}.___SLabel_5jq0m_gg_{z-index:1;color:var(--data-value_5jq0m);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_5jq0m_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_5jq0m)}.___SClearConfirm_5jq0m_gg_.__hidden_5jq0m_gg_,.___SConfirmColor_5jq0m_gg_.__hidden_5jq0m_gg_{display:none}" /*__inner_css_end__*/, "5jq0m_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_5jq0m_gg_",
+  "__SItemContainer": "___SItemContainer_5jq0m_gg_",
+  "__SCloseIcon": "___SCloseIcon_5jq0m_gg_",
+  "_keyboardFocused": "__keyboardFocused_5jq0m_gg_",
+  "_selected": "__selected_5jq0m_gg_",
+  "__SColorsContainer": "___SColorsContainer_5jq0m_gg_",
+  "__SColors": "___SColors_5jq0m_gg_",
+  "__SPaletteManager": "___SPaletteManager_5jq0m_gg_",
+  "__SInputContainer": "___SInputContainer_5jq0m_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_5jq0m_gg_",
+  "__STriggerCircle": "___STriggerCircle_5jq0m_gg_",
+  "--data-value": "--data-value_5jq0m",
+  "__STriggerCircleLine": "___STriggerCircleLine_5jq0m_gg_",
+  "__SLine": "___SLine_5jq0m_gg_",
+  "__SLabel": "___SLabel_5jq0m_gg_",
+  "__SItemColor": "___SItemColor_5jq0m_gg_",
+  "__SConfirmColor": "___SConfirmColor_5jq0m_gg_",
+  "_hidden": "__hidden_5jq0m_gg_",
+  "__SClearConfirm": "___SClearConfirm_5jq0m_gg_",
+  "--value": "--value_5jq0m",
+  "_displayLabel": "__displayLabel_5jq0m_gg_",
+  "_value": "__value_5jq0m_gg_",
+  "__SPlusButton": "___SPlusButton_5jq0m_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;