intergalactic 15.116.0 → 15.117.0

package/carousel/lib/es6/Carousel.js

@@ -29,27 +29,27 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import logger from 'intergalactic/utils/lib/logger';
 /*__reshadow-styles__:"./style/carousel.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_13a5s_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_13a5s_gg_{display:flex;transition:transform var(--duration_13a5s) ease-in-out}.___SContentBox_13a5s_gg_,.___SModalBox_13a5s_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_13a5s_gg_:has(.___SItem_13a5s_gg_.__keyboardFocused_13a5s_gg_):after,.___SModalBox_13a5s_gg_:has(.___SItem_13a5s_gg_.__keyboardFocused_13a5s_gg_):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_13a5s_gg_{display:flex;transition:transform var(--duration_13a5s) ease-in-out}.___SItem_13a5s_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_13a5s);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_13a5s_gg_.__zoomIn_13a5s_gg_{cursor:zoom-in}.___SItem_13a5s_gg_.__zoomOut_13a5s_gg_{cursor:zoom-out}.___SIndicators_13a5s_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px);outline:0;position:relative}.___SIndicators_13a5s_gg_.__keyboardFocused_13a5s_gg_:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px);top:0;left:3px}.___SIndicator_13a5s_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_13a5s_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_13a5s_gg_.__active_13a5s_gg_{opacity:1}.___SIndicator_13a5s_gg_.__inverted_13a5s_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_13a5s_gg_,.___SPrev_13a5s_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_13a5s_gg_ .___SNextButton_13a5s_gg_ span:has(>svg:only-child),.___SNext_13a5s_gg_ .___SPrevButton_13a5s_gg_ span:has(>svg:only-child),.___SPrev_13a5s_gg_ .___SNextButton_13a5s_gg_ span:has(>svg:only-child),.___SPrev_13a5s_gg_ .___SPrevButton_13a5s_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SNextButton_13a5s_gg_:focus-visible,.___SPrevButton_13a5s_gg_:focus-visible{box-shadow:none}.___SNextButton_13a5s_gg_:focus-visible:after,.___SPrevButton_13a5s_gg_:focus-visible:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPrev_13a5s_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_13a5s_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_13a5s_gg_.__disabled_13a5s_gg_,.___SPrev_13a5s_gg_.__disabled_13a5s_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_13a5s_gg_{transition:none}}" /*__inner_css_end__*/, "13a5s_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_13a5s_gg_",
-  "__SContainer": "___SContainer_13a5s_gg_",
-  "--duration": "--duration_13a5s",
-  "__SModalContainer": "___SModalContainer_13a5s_gg_",
-  "__SItem": "___SItem_13a5s_gg_",
-  "--transform": "--transform_13a5s",
-  "_zoomIn": "__zoomIn_13a5s_gg_",
-  "_zoomOut": "__zoomOut_13a5s_gg_",
-  "__SIndicators": "___SIndicators_13a5s_gg_",
-  "_keyboardFocused": "__keyboardFocused_13a5s_gg_",
-  "__SIndicator": "___SIndicator_13a5s_gg_",
-  "_active": "__active_13a5s_gg_",
-  "_inverted": "__inverted_13a5s_gg_",
-  "__SPrev": "___SPrev_13a5s_gg_",
-  "__SNext": "___SNext_13a5s_gg_",
-  "_disabled": "__disabled_13a5s_gg_",
-  "__SContentBox": "___SContentBox_13a5s_gg_",
-  "__SModalBox": "___SModalBox_13a5s_gg_",
-  "__SPrevButton": "___SPrevButton_13a5s_gg_",
-  "__SNextButton": "___SNextButton_13a5s_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_elqsz_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_elqsz_gg_{display:flex;transition:transform var(--duration_elqsz) ease-in-out}.___SContentBox_elqsz_gg_,.___SModalBox_elqsz_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_elqsz_gg_:has(.___SItem_elqsz_gg_.__keyboardFocused_elqsz_gg_):after,.___SModalBox_elqsz_gg_:has(.___SItem_elqsz_gg_.__keyboardFocused_elqsz_gg_):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_elqsz_gg_{display:flex;transition:transform var(--duration_elqsz) ease-in-out}.___SItem_elqsz_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_elqsz);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_elqsz_gg_.__zoomIn_elqsz_gg_{cursor:zoom-in}.___SItem_elqsz_gg_.__zoomOut_elqsz_gg_{cursor:zoom-out}.___SIndicators_elqsz_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px);outline:0;position:relative}.___SIndicators_elqsz_gg_.__keyboardFocused_elqsz_gg_:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px);top:0;left:3px}.___SIndicator_elqsz_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_elqsz_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_elqsz_gg_.__active_elqsz_gg_{opacity:1}.___SIndicator_elqsz_gg_.__inverted_elqsz_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_elqsz_gg_,.___SPrev_elqsz_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_elqsz_gg_ .___SNextButton_elqsz_gg_ span:has(>svg:only-child),.___SNext_elqsz_gg_ .___SPrevButton_elqsz_gg_ span:has(>svg:only-child),.___SPrev_elqsz_gg_ .___SNextButton_elqsz_gg_ span:has(>svg:only-child),.___SPrev_elqsz_gg_ .___SPrevButton_elqsz_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SNextButton_elqsz_gg_:focus-visible,.___SPrevButton_elqsz_gg_:focus-visible{box-shadow:none}.___SNextButton_elqsz_gg_:focus-visible:after,.___SPrevButton_elqsz_gg_:focus-visible:after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px;border-radius:var(--intergalactic-control-rounded, 6px)}.___SPrev_elqsz_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_elqsz_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_elqsz_gg_.__disabled_elqsz_gg_,.___SPrev_elqsz_gg_.__disabled_elqsz_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_elqsz_gg_{transition:none}}" /*__inner_css_end__*/, "elqsz_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_elqsz_gg_",
+  "__SContainer": "___SContainer_elqsz_gg_",
+  "--duration": "--duration_elqsz",
+  "__SModalContainer": "___SModalContainer_elqsz_gg_",
+  "__SItem": "___SItem_elqsz_gg_",
+  "--transform": "--transform_elqsz",
+  "_zoomIn": "__zoomIn_elqsz_gg_",
+  "_zoomOut": "__zoomOut_elqsz_gg_",
+  "__SIndicators": "___SIndicators_elqsz_gg_",
+  "_keyboardFocused": "__keyboardFocused_elqsz_gg_",
+  "__SIndicator": "___SIndicator_elqsz_gg_",
+  "_active": "__active_elqsz_gg_",
+  "_inverted": "__inverted_elqsz_gg_",
+  "__SPrev": "___SPrev_elqsz_gg_",
+  "__SNext": "___SNext_elqsz_gg_",
+  "_disabled": "__disabled_elqsz_gg_",
+  "__SContentBox": "___SContentBox_elqsz_gg_",
+  "__SModalBox": "___SModalBox_elqsz_gg_",
+  "__SPrevButton": "___SPrevButton_elqsz_gg_",
+  "__SNextButton": "___SNextButton_elqsz_gg_"
 });
 import { findAllComponents } from 'intergalactic/utils/lib/findComponent';
 import { createBreakpoints } from 'intergalactic/breakpoints';

package/carousel/package.json

@@ -1 +1 @@
-{"name":"intergalactic/carousel","description":"Semrush Carousel Component","version":"3.44.2","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"},"dependencies":{"@semcore/flex-box":"5.38.1","@semcore/icon":"4.52.1","@semcore/utils":"4.43.2","@semcore/button":"5.39.2","@semcore/modal":"4.49.2","@semcore/breakpoints":"1.38.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/carousel"},"devDependencies":{"@semcore/flex-box":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}
+{"name":"intergalactic/carousel","description":"Semrush Carousel Component","version":"3.44.3","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"},"dependencies":{"@semcore/flex-box":"5.38.1","@semcore/icon":"4.52.1","@semcore/utils":"4.43.2","@semcore/button":"5.39.3","@semcore/modal":"4.49.2","@semcore/breakpoints":"1.38.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/carousel"},"devDependencies":{"@semcore/flex-box":"*","@semcore/testing-utils":"1.0.0","@types/react":"18.0.21"}}

package/color-picker/index.d.ts

@@ -10,7 +10,7 @@ export type ItemProps = BoxProps & {
   /**
    * Color item in hexadecimal format.
    */
-  value?: string;
+  value?: string | null;
   /**
    * Shows label `A` as text color icon inside all color items
    */
@@ -35,7 +35,7 @@ export type ColorsProps = BoxProps & {
   /**
    * Array of color items
    */
-  colors?: string[];
+  colors?: Array<string | null>;
 };
 
 /** @deprecated */

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

@@ -28,30 +28,30 @@ var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 exports.defaultColors = defaultColors;

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

@@ -19,30 +19,30 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 var enhance = [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()];
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {

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

@@ -21,30 +21,30 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
 var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
 /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

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

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

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

@@ -21,30 +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_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 var ColorPickerRoot = /*#__PURE__*/function (_Component) {

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

@@ -11,30 +11,30 @@ 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_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 import uniqueIdEnhance from 'intergalactic/utils/lib/uniqueID';
 var enhance = [i18nEnhance(localizedMessages), uniqueIdEnhance()];

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

@@ -14,30 +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_1i1dd_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1i1dd_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_1i1dd_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1i1dd_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_1i1dd)}@media (hover:hover){.___SItemContainer_1i1dd_gg_:hover>.___SCloseIcon_1i1dd_gg_{opacity:1}}.___SItemContainer_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1i1dd_gg_.__selected_1i1dd_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1i1dd_gg_.__displayLabel_1i1dd_gg_::after{background:var(--value_1i1dd);opacity:.15}.___SItemContainer_1i1dd_gg_:not(.__value_1i1dd_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1i1dd_gg_,.___SColors_1i1dd_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1i1dd_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1i1dd_gg_,.___SPaletteManager_1i1dd_gg_,.___SPlusButton_1i1dd_gg_{display:flex;align-items:center}.___SPlusButton_1i1dd_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1i1dd_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1i1dd_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1i1dd_gg_.__keyboardFocused_1i1dd_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1i1dd_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1i1dd);border:1px solid transparent}.___STriggerCircle_1i1dd_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1i1dd_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1i1dd_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_1i1dd_gg_{position:absolute}.___SLabel_1i1dd_gg_{z-index:1;color:var(--data-value_1i1dd);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1i1dd_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1i1dd)}.___SClearConfirm_1i1dd_gg_.__hidden_1i1dd_gg_,.___SConfirmColor_1i1dd_gg_.__hidden_1i1dd_gg_{display:none}" /*__inner_css_end__*/, "1i1dd_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_1i1dd_gg_",
-  "__SItemContainer": "___SItemContainer_1i1dd_gg_",
-  "__SCloseIcon": "___SCloseIcon_1i1dd_gg_",
-  "_keyboardFocused": "__keyboardFocused_1i1dd_gg_",
-  "_selected": "__selected_1i1dd_gg_",
-  "__SColorsContainer": "___SColorsContainer_1i1dd_gg_",
-  "__SColors": "___SColors_1i1dd_gg_",
-  "__SPaletteManager": "___SPaletteManager_1i1dd_gg_",
-  "__SInputContainer": "___SInputContainer_1i1dd_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_1i1dd_gg_",
-  "__STriggerCircle": "___STriggerCircle_1i1dd_gg_",
-  "--data-value": "--data-value_1i1dd",
-  "__STriggerCircleLine": "___STriggerCircleLine_1i1dd_gg_",
-  "__SLine": "___SLine_1i1dd_gg_",
-  "__SLabel": "___SLabel_1i1dd_gg_",
-  "__SItemColor": "___SItemColor_1i1dd_gg_",
-  "__SConfirmColor": "___SConfirmColor_1i1dd_gg_",
-  "_hidden": "__hidden_1i1dd_gg_",
-  "__SClearConfirm": "___SClearConfirm_1i1dd_gg_",
-  "--value": "--value_1i1dd",
-  "_displayLabel": "__displayLabel_1i1dd_gg_",
-  "_value": "__value_1i1dd_gg_",
-  "__SPlusButton": "___SPlusButton_1i1dd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1dnu7_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1dnu7_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_1dnu7_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1dnu7_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_1dnu7)}@media (hover:hover){.___SItemContainer_1dnu7_gg_:hover>.___SCloseIcon_1dnu7_gg_{opacity:1}}.___SItemContainer_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1dnu7_gg_.__selected_1dnu7_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1dnu7_gg_.__displayLabel_1dnu7_gg_::after{background:var(--value_1dnu7);opacity:.15}.___SItemContainer_1dnu7_gg_:not(.__value_1dnu7_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColorsContainer_1dnu7_gg_,.___SColors_1dnu7_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1dnu7_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1dnu7_gg_,.___SPaletteManager_1dnu7_gg_,.___SPlusButton_1dnu7_gg_{display:flex;align-items:center}.___SPlusButton_1dnu7_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1dnu7_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1dnu7_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1dnu7_gg_.__keyboardFocused_1dnu7_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1dnu7_gg_{position:relative;width:16px;height:16px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1dnu7);border:1px solid transparent}.___STriggerCircle_1dnu7_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1dnu7_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1dnu7_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_1dnu7_gg_{position:absolute}.___SLabel_1dnu7_gg_{z-index:1;color:var(--data-value_1dnu7);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1dnu7_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1dnu7)}.___SClearConfirm_1dnu7_gg_.__hidden_1dnu7_gg_,.___SConfirmColor_1dnu7_gg_.__hidden_1dnu7_gg_{display:none}" /*__inner_css_end__*/, "1dnu7_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1dnu7_gg_",
+  "__SItemContainer": "___SItemContainer_1dnu7_gg_",
+  "__SCloseIcon": "___SCloseIcon_1dnu7_gg_",
+  "_keyboardFocused": "__keyboardFocused_1dnu7_gg_",
+  "_selected": "__selected_1dnu7_gg_",
+  "__SColorsContainer": "___SColorsContainer_1dnu7_gg_",
+  "__SColors": "___SColors_1dnu7_gg_",
+  "__SPaletteManager": "___SPaletteManager_1dnu7_gg_",
+  "__SInputContainer": "___SInputContainer_1dnu7_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1dnu7_gg_",
+  "__STriggerCircle": "___STriggerCircle_1dnu7_gg_",
+  "--data-value": "--data-value_1dnu7",
+  "__STriggerCircleLine": "___STriggerCircleLine_1dnu7_gg_",
+  "__SLine": "___SLine_1dnu7_gg_",
+  "__SLabel": "___SLabel_1dnu7_gg_",
+  "__SItemColor": "___SItemColor_1dnu7_gg_",
+  "__SConfirmColor": "___SConfirmColor_1dnu7_gg_",
+  "_hidden": "__hidden_1dnu7_gg_",
+  "__SClearConfirm": "___SClearConfirm_1dnu7_gg_",
+  "--value": "--value_1dnu7",
+  "_displayLabel": "__displayLabel_1dnu7_gg_",
+  "_value": "__value_1dnu7_gg_",
+  "__SPlusButton": "___SPlusButton_1dnu7_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

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

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