intergalactic 15.126.0 → 15.126.1-prerelease.0

package/color-picker/lib/esm/PaletteManager.mjs

@@ -1,86 +1,86 @@
-import v from "@babel/runtime/helpers/esm/classCallCheck";
-import h from "@babel/runtime/helpers/esm/createClass";
+import k from "@babel/runtime/helpers/esm/classCallCheck";
+import v from "@babel/runtime/helpers/esm/createClass";
 import l from "@babel/runtime/helpers/esm/assertThisInitialized";
-import C from "@babel/runtime/helpers/esm/inherits";
-import x from "@babel/runtime/helpers/esm/createSuper";
+import h from "@babel/runtime/helpers/esm/inherits";
+import C from "@babel/runtime/helpers/esm/createSuper";
 import _ from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as S } from 'intergalactic/utils/lib/core/index';
-import t from "react";
-import { CORE_INSTANCE as b, sstyled as y, Component as I } from 'intergalactic/core';
-import P from 'intergalactic/divider';
-import { localizedMessages as p } from "./translations/__intergalactic-dynamic-locales.mjs";
-import k from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { sstyled as x } from 'intergalactic/utils/lib/core/index';
+import i from "react";
+import { CORE_INSTANCE as S, sstyled as b, Component as y } from 'intergalactic/core';
+import I from 'intergalactic/divider';
+import { localizedMessages as m } from "./translations/__intergalactic-dynamic-locales.mjs";
+import P from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import T from 'intergalactic/utils/lib/uniqueID';
 var w = (
   /*__reshadow_css_start__*/
-  (S.insert(
+  (x.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}',
-    "1a01r_gg_"
+    '.___SColorPickerPopper_15mik_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15mik_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_15mik_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15mik_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_15mik)}@media (hover:hover){.___SItemContainer_15mik_gg_:hover>.___SCloseIcon_15mik_gg_{opacity:1}}.___SItemContainer_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15mik_gg_.__selected_15mik_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15mik_gg_.__displayLabel_15mik_gg_::after{background:var(--value_15mik);opacity:.15}.___SItemContainer_15mik_gg_:not(.__value_15mik_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15mik_gg_,.___SColors_15mik_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15mik_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15mik_gg_,.___SPaletteManager_15mik_gg_,.___SPlusButton_15mik_gg_{display:flex;align-items:center}.___SPlusButton_15mik_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15mik_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15mik_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15mik_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15mik);border:1px solid transparent}.___STriggerCircle_15mik_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15mik_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15mik_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_15mik_gg_{position:absolute}.___SLabel_15mik_gg_{z-index:1;color:var(--data-value_15mik);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15mik_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15mik)}.___SClearConfirm_15mik_gg_.__hidden_15mik_gg_,.___SConfirmColor_15mik_gg_.__hidden_15mik_gg_{display:none}',
+    "15mik_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_1a01r_gg_",
-    __SItemContainer: "___SItemContainer_1a01r_gg_",
-    __SCloseIcon: "___SCloseIcon_1a01r_gg_",
-    _keyboardFocused: "__keyboardFocused_1a01r_gg_",
-    _selected: "__selected_1a01r_gg_",
-    __SColorsContainer: "___SColorsContainer_1a01r_gg_",
-    __SColors: "___SColors_1a01r_gg_",
-    __SPaletteManager: "___SPaletteManager_1a01r_gg_",
-    __SInputContainer: "___SInputContainer_1a01r_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_1a01r_gg_",
-    __STriggerCircle: "___STriggerCircle_1a01r_gg_",
-    "--data-value": "--data-value_1a01r",
-    __STriggerCircleLine: "___STriggerCircleLine_1a01r_gg_",
-    __SLine: "___SLine_1a01r_gg_",
-    __SLabel: "___SLabel_1a01r_gg_",
-    __SItemColor: "___SItemColor_1a01r_gg_",
-    __SConfirmColor: "___SConfirmColor_1a01r_gg_",
-    _hidden: "__hidden_1a01r_gg_",
-    __SClearConfirm: "___SClearConfirm_1a01r_gg_",
-    "--value": "--value_1a01r",
-    _displayLabel: "__displayLabel_1a01r_gg_",
-    _value: "__value_1a01r_gg_",
-    __SPlusButton: "___SPlusButton_1a01r_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_15mik_gg_",
+    __SItemContainer: "___SItemContainer_15mik_gg_",
+    __SCloseIcon: "___SCloseIcon_15mik_gg_",
+    _keyboardFocused: "__keyboardFocused_15mik_gg_",
+    _selected: "__selected_15mik_gg_",
+    __SColorsContainer: "___SColorsContainer_15mik_gg_",
+    __SColors: "___SColors_15mik_gg_",
+    __SPaletteManager: "___SPaletteManager_15mik_gg_",
+    __SInputContainer: "___SInputContainer_15mik_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_15mik_gg_",
+    __STriggerCircle: "___STriggerCircle_15mik_gg_",
+    "--data-value": "--data-value_15mik",
+    __STriggerCircleLine: "___STriggerCircleLine_15mik_gg_",
+    __SLine: "___SLine_15mik_gg_",
+    __SLabel: "___SLabel_15mik_gg_",
+    __SItemColor: "___SItemColor_15mik_gg_",
+    __SConfirmColor: "___SConfirmColor_15mik_gg_",
+    _hidden: "__hidden_15mik_gg_",
+    __SClearConfirm: "___SClearConfirm_15mik_gg_",
+    "--value": "--value_15mik",
+    _displayLabel: "__displayLabel_15mik_gg_",
+    _value: "__value_15mik_gg_",
+    __SPlusButton: "___SPlusButton_15mik_gg_"
   })
-), L = [k(p), T()], d = /* @__PURE__ */ function(f) {
-  C(g, f);
-  var u = x(g);
+), L = [P(m), T()], d = /* @__PURE__ */ function(p) {
+  h(g, p);
+  var u = C(g);
   function g() {
-    var r;
-    v(this, g);
-    for (var a = arguments.length, n = new Array(a), o = 0; o < a; o++)
-      n[o] = arguments[o];
-    return r = u.call.apply(u, [this].concat(n)), _(l(r), "refInput", /* @__PURE__ */ t.createRef()), _(l(r), "state", {
+    var e;
+    k(this, g);
+    for (var t = arguments.length, a = new Array(t), o = 0; o < t; o++)
+      a[o] = arguments[o];
+    return e = u.call.apply(u, [this].concat(a)), _(l(e), "refInput", /* @__PURE__ */ i.createRef()), _(l(e), "state", {
       focus: !1
-    }), _(l(r), "bindHandlerItemRemove", function(e) {
-      return function(i) {
-        i.stopPropagation();
-        var s = r.asProps.colors, c = s === void 0 ? [] : s;
-        r.handlers.colors(c.filter(function(m) {
-          return m !== e;
-        }), i);
+    }), _(l(e), "bindHandlerItemRemove", function(r) {
+      return function(n) {
+        n.stopPropagation();
+        var s = e.asProps.colors, c = s === void 0 ? [] : s;
+        e.handlers.colors(c.filter(function(f) {
+          return f !== r;
+        }), n);
       };
-    }), _(l(r), "bindHandlerItemAdd", function() {
-      return function(e, i) {
-        var s = r.asProps.colors, c = s === void 0 ? [] : s;
-        c.includes(e) || r.handlers.colors(c.concat(e), i);
+    }), _(l(e), "bindHandlerItemAdd", function() {
+      return function(r, n) {
+        var s = e.asProps.colors, c = s === void 0 ? [] : s;
+        c.includes(r) || e.handlers.colors(c.concat(r), n);
       };
-    }), _(l(r), "bindHandlerButtonClick", function() {
+    }), _(l(e), "bindHandlerButtonClick", function() {
       return function() {
-        var e;
-        (e = r.refInput.current) === null || e === void 0 || e.focus(), r.onFocus();
+        var r;
+        (r = e.refInput.current) === null || r === void 0 || r.focus(), e.onFocus();
       };
-    }), _(l(r), "onFocus", function() {
-      return r.setState({
+    }), _(l(e), "onFocus", function() {
+      return e.setState({
         focus: !0
       });
-    }), _(l(r), "onBlur", function() {
-      return r.setState({
+    }), _(l(e), "onBlur", function() {
+      return e.setState({
         focus: !1
       });
-    }), r;
+    }), e;
   }
-  return h(g, [{
+  return v(g, [{
     key: "uncontrolledProps",
     value: function() {
       return {
@@ -90,9 +90,9 @@ var w = (
   }, {
     key: "getColorsProps",
     value: function() {
-      var a = this.asProps.colors;
+      var t = this.asProps.colors;
       return {
-        colors: a,
+        colors: t,
         editable: !0,
         onPlusButtonClick: this.bindHandlerButtonClick(),
         getI18nText: this.asProps.getI18nText
@@ -100,12 +100,12 @@ var w = (
     }
   }, {
     key: "getItemProps",
-    value: function(a) {
-      var n = a.value, o = this.asProps.uid;
+    value: function(t) {
+      var a = t.value, o = this.asProps.uid;
       return {
         uid: o,
         editable: !0,
-        onRemove: this.bindHandlerItemRemove(n),
+        onRemove: this.bindHandlerItemRemove(a),
         getI18nText: this.asProps.getI18nText
       };
     }
@@ -124,20 +124,20 @@ var w = (
   }, {
     key: "render",
     value: function() {
-      var a, n = this.asProps, o = n.styles, e = n.Children, i = this[b];
-      return a = y(o), /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(P, a.cn("Divider", {
+      var t, a = this.asProps, o = a.styles, r = a.Children, n = this[S];
+      return t = b(o), /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(I, t.cn("Divider", {
         mt: 3,
         mb: 3
-      })), e.origin ? /* @__PURE__ */ t.createElement(e, a.cn("Children", {})) : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(i.Colors, null), /* @__PURE__ */ t.createElement(i.InputColor, null)));
+      })), r.origin ? /* @__PURE__ */ i.createElement(r, t.cn("Children", {})) : /* @__PURE__ */ i.createElement(i.Fragment, null, /* @__PURE__ */ i.createElement(n.Colors, null), /* @__PURE__ */ i.createElement(n.InputColor, null)));
     }
   }]), g;
-}(I);
+}(y);
 _(d, "displayName", "PaletteManager");
 _(d, "style", w);
 _(d, "enhance", L);
 _(d, "defaultProps", {
   defaultColors: [],
-  i18n: p,
+  i18n: m,
   locale: "en"
 });
 export {

package/color-picker/lib/esm/components/InputColor.mjs

@@ -7,8 +7,8 @@ import M from "@babel/runtime/helpers/esm/createSuper";
 import d from "@babel/runtime/helpers/esm/defineProperty";
 import { sstyled as B } from 'intergalactic/utils/lib/core/index';
 import D, { sstyled as j, assignProps as A, Component as V } from 'intergalactic/core';
-import o from "react";
-import { Box as h } from 'intergalactic/flex-box';
+import i from "react";
+import { Box as S } from 'intergalactic/flex-box';
 import f from 'intergalactic/input';
 import z from 'intergalactic/icon/Check/m';
 import R from 'intergalactic/icon/Close/m';
@@ -16,76 +16,76 @@ var H = (
   /*__reshadow_css_start__*/
   (B.insert(
     /*__inner_css_start__*/
-    '.___SColorPickerPopper_1a01r_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1a01r_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_1a01r_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1a01r_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_1a01r)}@media (hover:hover){.___SItemContainer_1a01r_gg_:hover>.___SCloseIcon_1a01r_gg_{opacity:1}}.___SItemContainer_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1a01r_gg_.__selected_1a01r_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1a01r_gg_.__displayLabel_1a01r_gg_::after{background:var(--value_1a01r);opacity:.15}.___SItemContainer_1a01r_gg_:not(.__value_1a01r_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1a01r_gg_,.___SColors_1a01r_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1a01r_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1a01r_gg_,.___SPaletteManager_1a01r_gg_,.___SPlusButton_1a01r_gg_{display:flex;align-items:center}.___SPlusButton_1a01r_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1a01r_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1a01r_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1a01r_gg_.__keyboardFocused_1a01r_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1a01r_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1a01r);border:1px solid transparent}.___STriggerCircle_1a01r_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1a01r_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1a01r_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_1a01r_gg_{position:absolute}.___SLabel_1a01r_gg_{z-index:1;color:var(--data-value_1a01r);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1a01r_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1a01r)}.___SClearConfirm_1a01r_gg_.__hidden_1a01r_gg_,.___SConfirmColor_1a01r_gg_.__hidden_1a01r_gg_{display:none}',
-    "1a01r_gg_"
+    '.___SColorPickerPopper_15mik_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_15mik_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_15mik_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_15mik_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_15mik)}@media (hover:hover){.___SItemContainer_15mik_gg_:hover>.___SCloseIcon_15mik_gg_{opacity:1}}.___SItemContainer_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_15mik_gg_.__selected_15mik_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_15mik_gg_.__displayLabel_15mik_gg_::after{background:var(--value_15mik);opacity:.15}.___SItemContainer_15mik_gg_:not(.__value_15mik_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_15mik_gg_,.___SColors_15mik_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_15mik_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_15mik_gg_,.___SPaletteManager_15mik_gg_,.___SPlusButton_15mik_gg_{display:flex;align-items:center}.___SPlusButton_15mik_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_15mik_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_15mik_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_15mik_gg_.__keyboardFocused_15mik_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_15mik_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_15mik);border:1px solid transparent}.___STriggerCircle_15mik_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_15mik_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_15mik_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_15mik_gg_{position:absolute}.___SLabel_15mik_gg_{z-index:1;color:var(--data-value_15mik);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_15mik_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_15mik)}.___SClearConfirm_15mik_gg_.__hidden_15mik_gg_,.___SConfirmColor_15mik_gg_.__hidden_15mik_gg_{display:none}',
+    "15mik_gg_"
   ), {
-    __SColorPickerPopper: "___SColorPickerPopper_1a01r_gg_",
-    __SItemContainer: "___SItemContainer_1a01r_gg_",
-    __SCloseIcon: "___SCloseIcon_1a01r_gg_",
-    _keyboardFocused: "__keyboardFocused_1a01r_gg_",
-    _selected: "__selected_1a01r_gg_",
-    __SColorsContainer: "___SColorsContainer_1a01r_gg_",
-    __SColors: "___SColors_1a01r_gg_",
-    __SPaletteManager: "___SPaletteManager_1a01r_gg_",
-    __SInputContainer: "___SInputContainer_1a01r_gg_",
-    __SDefaultTrigger: "___SDefaultTrigger_1a01r_gg_",
-    __STriggerCircle: "___STriggerCircle_1a01r_gg_",
-    "--data-value": "--data-value_1a01r",
-    __STriggerCircleLine: "___STriggerCircleLine_1a01r_gg_",
-    __SLine: "___SLine_1a01r_gg_",
-    __SLabel: "___SLabel_1a01r_gg_",
-    __SItemColor: "___SItemColor_1a01r_gg_",
-    __SConfirmColor: "___SConfirmColor_1a01r_gg_",
-    _hidden: "__hidden_1a01r_gg_",
-    __SClearConfirm: "___SClearConfirm_1a01r_gg_",
-    "--value": "--value_1a01r",
-    _displayLabel: "__displayLabel_1a01r_gg_",
-    _value: "__value_1a01r_gg_",
-    __SPlusButton: "___SPlusButton_1a01r_gg_"
+    __SColorPickerPopper: "___SColorPickerPopper_15mik_gg_",
+    __SItemContainer: "___SItemContainer_15mik_gg_",
+    __SCloseIcon: "___SCloseIcon_15mik_gg_",
+    _keyboardFocused: "__keyboardFocused_15mik_gg_",
+    _selected: "__selected_15mik_gg_",
+    __SColorsContainer: "___SColorsContainer_15mik_gg_",
+    __SColors: "___SColors_15mik_gg_",
+    __SPaletteManager: "___SPaletteManager_15mik_gg_",
+    __SInputContainer: "___SInputContainer_15mik_gg_",
+    __SDefaultTrigger: "___SDefaultTrigger_15mik_gg_",
+    __STriggerCircle: "___STriggerCircle_15mik_gg_",
+    "--data-value": "--data-value_15mik",
+    __STriggerCircleLine: "___STriggerCircleLine_15mik_gg_",
+    __SLine: "___SLine_15mik_gg_",
+    __SLabel: "___SLabel_15mik_gg_",
+    __SItemColor: "___SItemColor_15mik_gg_",
+    __SConfirmColor: "___SConfirmColor_15mik_gg_",
+    _hidden: "__hidden_15mik_gg_",
+    __SClearConfirm: "___SClearConfirm_15mik_gg_",
+    "--value": "--value_15mik",
+    _displayLabel: "__displayLabel_15mik_gg_",
+    _value: "__value_15mik_gg_",
+    __SPlusButton: "___SPlusButton_15mik_gg_"
   })
 );
-function K(n) {
-  if (n[0] !== "#" && n.length === 7) return !1;
+function K(o) {
+  if (o[0] !== "#" && o.length === 7) return !1;
   var l = /^#([0-9a-f]{3,4}){1,2}$/i;
-  return n[0] === "#" ? l.test(n) : l.test("#".concat(n));
+  return o[0] === "#" ? l.test(o) : l.test("#".concat(o));
 }
-function N(n, l) {
-  var g = this, r;
+function N(o, l) {
+  var g = this, e;
   return function() {
-    for (var c = arguments.length, e = new Array(c), a = 0; a < c; a++)
-      e[a] = arguments[a];
-    clearTimeout(r), r = setTimeout(function() {
-      n.apply(g, e);
+    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+      r[_] = arguments[_];
+    clearTimeout(e), e = setTimeout(function() {
+      o.apply(g, r);
     }, l);
   };
 }
-var C = /* @__PURE__ */ function(n) {
-  E(g, n);
+var C = /* @__PURE__ */ function(o) {
+  E(g, o);
   var l = M(g);
   function g() {
-    var r;
+    var e;
     T(this, g);
-    for (var c = arguments.length, e = new Array(c), a = 0; a < c; a++)
-      e[a] = arguments[a];
-    return r = l.call.apply(l, [this].concat(e)), d(v(r), "handlerAdd", function(_) {
-      var m = r.asProps, t = m.value, S = m.state;
-      if (t.length !== 0 && S === "normal") {
+    for (var c = arguments.length, r = new Array(c), _ = 0; _ < c; _++)
+      r[_] = arguments[_];
+    return e = l.call.apply(l, [this].concat(r)), d(v(e), "handlerAdd", function(a) {
+      var p = e.asProps, t = p.value, k = p.state;
+      if (t.length !== 0 && k === "normal") {
         if (t[0] === "#") {
-          var s, u;
-          (s = r.asProps) === null || s === void 0 || (u = s.onAdd) === null || u === void 0 || u.call(s, t.toLowerCase(), _);
+          var m, s;
+          (m = e.asProps) === null || m === void 0 || (s = m.onAdd) === null || s === void 0 || s.call(m, t.toLowerCase(), a);
         } else {
-          var i, p;
-          (i = r.asProps) === null || i === void 0 || (p = i.onAdd) === null || p === void 0 || p.call(i, "#".concat(t.toLowerCase()), _);
+          var n, u;
+          (n = e.asProps) === null || n === void 0 || (u = n.onAdd) === null || u === void 0 || u.call(n, "#".concat(t.toLowerCase()), a);
         }
-        r.handlers.value("", _);
+        e.handlers.value("", a);
       }
-    }), d(v(r), "handlerCancel", function(_) {
-      r.handlers.value("", _);
-    }), d(v(r), "handlerChange", N(function(_) {
-      _.length !== 0 ? K(_) ? r.handlers.state("normal") : r.handlers.state("invalid") : r.handlers.state("normal");
-    }, 300)), d(v(r), "handlekeyDown", function(_) {
-      _.key === "Enter" && (_.preventDefault(), r.handlerAdd(_));
-    }), r;
+    }), d(v(e), "handlerCancel", function(a) {
+      e.handlers.value("", a);
+    }), d(v(e), "handlerChange", N(function(a) {
+      a.length !== 0 ? K(a) ? e.handlers.state("normal") : e.handlers.state("invalid") : e.handlers.state("normal");
+    }, 300)), d(v(e), "handlekeyDown", function(a) {
+      a.key === "Enter" && (a.preventDefault(), e.handlerAdd(a));
+    }), e;
   }
   return L(g, [{
     key: "uncontrolledProps",
@@ -98,42 +98,42 @@ var C = /* @__PURE__ */ function(n) {
   }, {
     key: "render",
     value: function() {
-      var c = this.asProps, e, a = this.asProps, _ = a.styles, m = a.state, t = a.value, S = a.onFocus, s = a.onBlur, u = a.focus, i = a.getI18nText, p = h, x = f.Value, b = "div", y = "div", I = f.Addon, w = f.Addon, k = h, P = (t == null ? void 0 : t[0]) === "#" ? t : t ? "#".concat(t) : null;
-      return e = j(_), /* @__PURE__ */ o.createElement(p, e.cn("SPaletteManager", {}), /* @__PURE__ */ o.createElement(k, e.cn("SItemColor", {
+      var c = this.asProps, r, _ = this.asProps, a = _.styles, p = _.state, t = _.value, k = _.onFocus, m = _.onBlur, s = _.focus, n = _.getI18nText, u = S, h = f.Value, x = "div", b = "div", y = f.Addon, I = f.Addon, w = S, P = (t == null ? void 0 : t[0]) === "#" ? t : t ? "#".concat(t) : null;
+      return r = j(a), /* @__PURE__ */ i.createElement(u, r.cn("SPaletteManager", {}), /* @__PURE__ */ i.createElement(w, r.cn("SItemColor", {
         "data-value": P
-      })), /* @__PURE__ */ o.createElement(y, e.cn("SInputContainer", {}), /* @__PURE__ */ o.createElement("span", e.cn("span", {
+      })), /* @__PURE__ */ i.createElement(b, r.cn("SInputContainer", {}), /* @__PURE__ */ i.createElement("span", r.cn("span", {
         "aria-hidden": "true"
-      }), "#"), /* @__PURE__ */ o.createElement(b, e.cn("SInput", {}), /* @__PURE__ */ o.createElement(f, e.cn("Input", {
+      }), "#"), /* @__PURE__ */ i.createElement(x, r.cn("SInput", {}), /* @__PURE__ */ i.createElement(f, r.cn("Input", {
         ml: 1,
         w: 135,
-        state: m,
+        state: p,
         onKeyDown: this.handlekeyDown
-      }), /* @__PURE__ */ o.createElement(x, e.cn("SInputValue", F({}, A({
+      }), /* @__PURE__ */ i.createElement(h, r.cn("SInputValue", F({}, A({
         placeholder: "FFFFFF",
-        "aria-label": i("colorField"),
+        "aria-label": n("colorField"),
         onChange: this.handlerChange,
         maxLength: 7,
-        onFocus: S,
-        onBlur: s
-      }, c)))), /* @__PURE__ */ o.createElement(I, e.cn("SConfirmColor", {
+        onFocus: k,
+        onBlur: m
+      }, c)))), /* @__PURE__ */ i.createElement(y, r.cn("SConfirmColor", {
         "aria-hidden": "true",
-        "aria-label": i("colorFieldConfirm"),
+        "aria-label": n("colorFieldConfirm"),
         role: "button",
         interactive: !0,
         onClick: this.handlerAdd,
         pr: "4px",
-        hidden: !u
-      }), /* @__PURE__ */ o.createElement(z, e.cn("CheckM", {
+        hidden: !s
+      }), /* @__PURE__ */ i.createElement(z, r.cn("CheckM", {
         color: "green-300"
-      }))), /* @__PURE__ */ o.createElement(w, e.cn("SClearConfirm", {
+      }))), /* @__PURE__ */ i.createElement(I, r.cn("SClearConfirm", {
         "aria-hidden": "true",
-        "aria-label": i("colorFieldClear"),
+        "aria-label": n("colorFieldClear"),
         role: "button",
         interactive: !0,
         onClick: this.handlerCancel,
         pl: "4px",
-        hidden: !u
-      }), /* @__PURE__ */ o.createElement(R, e.cn("CloseM", {
+        hidden: !s
+      }), /* @__PURE__ */ i.createElement(R, r.cn("CloseM", {
         color: "gray-300"
       })))))));
     }
@@ -145,7 +145,7 @@ d(C, "defaultProps", {
   defaultValue: "",
   defaultState: "normal"
 });
-var _r = D(C);
+var ae = D(C);
 export {
-  _r as InputColor
+  ae as InputColor
 };

package/color-picker/package.json

@@ -1 +1 @@
-{"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.43.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.42.0","@semcore/divider":"4.40.0","@semcore/dropdown":"4.43.0","@semcore/flex-box":"5.41.0","@semcore/tooltip":"6.49.0","@semcore/icon":"4.60.0","@semcore/input":"4.42.0","@semcore/utils":"4.48.0","@semcore/popper":"5.46.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}
+{"name":"intergalactic/color-picker","description":"Semrush ColorPicker Component","version":"2.43.1-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.42.1-prerelease.0","@semcore/divider":"4.40.1-prerelease.0","@semcore/dropdown":"4.43.1-prerelease.0","@semcore/flex-box":"5.41.1-prerelease.0","@semcore/tooltip":"6.49.1-prerelease.0","@semcore/icon":"4.60.1-prerelease.0","@semcore/input":"4.42.1-prerelease.0","@semcore/utils":"4.48.1-prerelease.0","@semcore/popper":"5.46.1-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.39.1-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/color-picker"}}

package/components.json

@@ -1,79 +1,79 @@
 {
-  "@semcore/accordion": "5.46.0",
-  "@semcore/animation": "2.41.0",
-  "@semcore/add-filter": "1.2.0",
-  "@semcore/badge": "4.40.0",
-  "@semcore/base-trigger": "4.52.0",
-  "@semcore/breadcrumbs": "5.48.0",
-  "@semcore/breakpoints": "1.41.0",
-  "@semcore/bulk-textarea": "1.1.0",
-  "@semcore/button": "5.42.0",
-  "@semcore/card": "5.46.0",
-  "@semcore/carousel": "3.47.0",
-  "@semcore/checkbox": "7.44.0",
-  "@semcore/color-picker": "2.43.0",
-  "@semcore/core": "2.39.0",
-  "@semcore/counter": "3.38.0",
-  "@semcore/data-table": "4.49.0",
-  "@semcore/date-picker": "4.55.0",
-  "@semcore/divider": "4.40.0",
-  "@semcore/dot": "5.40.0",
-  "@semcore/drag-and-drop": "3.47.0",
-  "@semcore/dropdown": "4.43.0",
-  "@semcore/dropdown-menu": "4.46.0",
-  "@semcore/d3-chart": "3.59.0",
-  "@semcore/ellipsis": "2.39.0",
+  "@semcore/accordion": "5.46.1",
+  "@semcore/animation": "2.41.1",
+  "@semcore/add-filter": "1.2.1",
+  "@semcore/badge": "4.40.1",
+  "@semcore/base-trigger": "4.52.1",
+  "@semcore/breadcrumbs": "5.48.1",
+  "@semcore/breakpoints": "1.41.1",
+  "@semcore/bulk-textarea": "1.1.1",
+  "@semcore/button": "5.42.1",
+  "@semcore/card": "5.46.1",
+  "@semcore/carousel": "3.47.1",
+  "@semcore/checkbox": "7.44.1",
+  "@semcore/color-picker": "2.43.1",
+  "@semcore/core": "2.39.1",
+  "@semcore/counter": "3.38.1",
+  "@semcore/data-table": "4.49.1",
+  "@semcore/date-picker": "4.55.1",
+  "@semcore/divider": "4.40.1",
+  "@semcore/dot": "5.40.1",
+  "@semcore/drag-and-drop": "3.47.1",
+  "@semcore/dropdown": "4.43.1",
+  "@semcore/dropdown-menu": "4.46.1",
+  "@semcore/d3-chart": "3.59.1",
+  "@semcore/ellipsis": "2.39.1",
   "@semcore/email": "1.0.2",
-  "@semcore/errors": "4.46.0",
-  "@semcore/feature-popover": "4.53.0",
-  "@semcore/feedback-form": "6.39.0",
-  "@semcore/flags": "4.40.0",
-  "@semcore/flex-box": "5.41.0",
-  "@semcore/format-text": "4.41.0",
-  "@semcore/fullscreen-modal": "3.49.0",
-  "@semcore/grid": "5.40.0",
-  "@semcore/icon": "4.60.0",
-  "@semcore/illustration": "2.43.0",
-  "@semcore/inline-input": "4.46.0",
-  "@semcore/inline-edit": "4.43.0",
-  "@semcore/input": "4.42.0",
-  "@semcore/input-mask": "5.43.0",
-  "@semcore/input-number": "5.41.0",
-  "@semcore/input-tags": "4.47.0",
-  "@semcore/link": "5.44.0",
-  "@semcore/mini-chart": "0.29.0",
-  "@semcore/modal": "4.54.0",
-  "@semcore/neighbor-location": "4.40.0",
-  "@semcore/notice": "5.45.0",
-  "@semcore/notice-global": "2.60.0",
-  "@semcore/notice-bubble": "5.52.0",
-  "@semcore/outside-click": "3.39.0",
-  "@semcore/pagination": "4.50.0",
-  "@semcore/pills": "5.43.0",
-  "@semcore/popper": "5.46.0",
-  "@semcore/portal": "3.41.0",
-  "@semcore/product-head": "4.41.0",
-  "@semcore/progress-bar": "4.40.0",
-  "@semcore/radio": "6.43.0",
-  "@semcore/scroll-area": "5.45.0",
-  "@semcore/select": "4.50.0",
-  "@semcore/side-panel": "3.53.0",
-  "@semcore/skeleton": "5.42.0",
-  "@semcore/slider": "4.41.0",
-  "@semcore/spin": "5.41.0",
-  "@semcore/spin-container": "7.41.0",
-  "@semcore/sticky": "3.40.0",
-  "@semcore/switch": "5.40.0",
-  "@semcore/tab-line": "4.40.0",
-  "@semcore/tab-panel": "4.42.0",
-  "@semcore/tag": "5.53.0",
-  "@semcore/textarea": "5.40.0",
-  "@semcore/time-picker": "4.50.0",
-  "@semcore/tooltip": "6.49.0",
-  "@semcore/typography": "5.52.0",
-  "@semcore/utils": "4.48.0",
-  "@semcore/widget-empty": "4.43.0",
-  "@semcore/wizard": "2.52.0",
-  "@semcore/i18n-unplugin": "0.18.18",
+  "@semcore/errors": "4.46.1",
+  "@semcore/feature-popover": "4.53.1",
+  "@semcore/feedback-form": "6.39.1",
+  "@semcore/flags": "4.40.1",
+  "@semcore/flex-box": "5.41.1",
+  "@semcore/format-text": "4.41.1",
+  "@semcore/fullscreen-modal": "3.49.1",
+  "@semcore/grid": "5.40.1",
+  "@semcore/icon": "4.60.1",
+  "@semcore/illustration": "2.43.1",
+  "@semcore/inline-input": "4.46.1",
+  "@semcore/inline-edit": "4.43.1",
+  "@semcore/input": "4.42.1",
+  "@semcore/input-mask": "5.43.1",
+  "@semcore/input-number": "5.41.1",
+  "@semcore/input-tags": "4.47.1",
+  "@semcore/link": "5.44.1",
+  "@semcore/mini-chart": "0.29.1",
+  "@semcore/modal": "4.54.1",
+  "@semcore/neighbor-location": "4.40.1",
+  "@semcore/notice": "5.45.1",
+  "@semcore/notice-global": "2.60.1",
+  "@semcore/notice-bubble": "5.52.1",
+  "@semcore/outside-click": "3.39.1",
+  "@semcore/pagination": "4.50.1",
+  "@semcore/pills": "5.43.1",
+  "@semcore/popper": "5.46.1",
+  "@semcore/portal": "3.41.1",
+  "@semcore/product-head": "4.41.1",
+  "@semcore/progress-bar": "4.40.1",
+  "@semcore/radio": "6.43.1",
+  "@semcore/scroll-area": "5.45.1",
+  "@semcore/select": "4.50.1",
+  "@semcore/side-panel": "3.53.1",
+  "@semcore/skeleton": "5.42.1",
+  "@semcore/slider": "4.41.1",
+  "@semcore/spin": "5.41.1",
+  "@semcore/spin-container": "7.41.1",
+  "@semcore/sticky": "3.40.1",
+  "@semcore/switch": "5.40.1",
+  "@semcore/tab-line": "4.40.1",
+  "@semcore/tab-panel": "4.42.1",
+  "@semcore/tag": "5.53.1",
+  "@semcore/textarea": "5.40.1",
+  "@semcore/time-picker": "4.50.1",
+  "@semcore/tooltip": "6.49.1",
+  "@semcore/typography": "5.52.1",
+  "@semcore/utils": "4.48.1",
+  "@semcore/widget-empty": "4.43.1",
+  "@semcore/wizard": "2.52.1",
+  "@semcore/i18n-unplugin": "0.18.19",
   "@semcore/stylelint-plugin": "0.0.1"
 }