intergalactic 15.78.0 → 15.79.0

package/carousel/lib/es6/Carousel.js

@@ -30,25 +30,25 @@ 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_tz46v_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_tz46v_gg_.__keyboardFocused_tz46v_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_tz46v_gg_,.___SModalContainer_tz46v_gg_{display:flex;transition:transform var(--duration_tz46v) ease-in-out}.___SItem_tz46v_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_tz46v);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_tz46v_gg_.__zoomIn_tz46v_gg_{cursor:zoom-in}.___SItem_tz46v_gg_.__zoomOut_tz46v_gg_{cursor:zoom-out}.___SIndicators_tz46v_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_tz46v_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_tz46v_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_tz46v_gg_.__active_tz46v_gg_{opacity:1}.___SIndicator_tz46v_gg_.__inverted_tz46v_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_tz46v_gg_,.___SPrev_tz46v_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_tz46v_gg_ .___SNextButton_tz46v_gg_ svg:only-child,.___SNext_tz46v_gg_ .___SPrevButton_tz46v_gg_ svg:only-child,.___SPrev_tz46v_gg_ .___SNextButton_tz46v_gg_ svg:only-child,.___SPrev_tz46v_gg_ .___SPrevButton_tz46v_gg_ svg:only-child{margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_tz46v_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_tz46v_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_tz46v_gg_.__disabled_tz46v_gg_,.___SPrev_tz46v_gg_.__disabled_tz46v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_tz46v_gg_{transition:none}}" /*__inner_css_end__*/, "tz46v_gg_") /*__reshadow_css_end__*/, {
-  "__SCarousel": "___SCarousel_tz46v_gg_",
-  "_keyboardFocused": "__keyboardFocused_tz46v_gg_",
-  "__SContainer": "___SContainer_tz46v_gg_",
-  "--duration": "--duration_tz46v",
-  "__SModalContainer": "___SModalContainer_tz46v_gg_",
-  "__SItem": "___SItem_tz46v_gg_",
-  "--transform": "--transform_tz46v",
-  "_zoomIn": "__zoomIn_tz46v_gg_",
-  "_zoomOut": "__zoomOut_tz46v_gg_",
-  "__SIndicators": "___SIndicators_tz46v_gg_",
-  "__SIndicator": "___SIndicator_tz46v_gg_",
-  "_active": "__active_tz46v_gg_",
-  "_inverted": "__inverted_tz46v_gg_",
-  "__SPrev": "___SPrev_tz46v_gg_",
-  "__SNext": "___SNext_tz46v_gg_",
-  "_disabled": "__disabled_tz46v_gg_",
-  "__SPrevButton": "___SPrevButton_tz46v_gg_",
-  "__SNextButton": "___SNextButton_tz46v_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCarousel_11irq_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SCarousel_11irq_gg_.__keyboardFocused_11irq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SContainer_11irq_gg_,.___SModalContainer_11irq_gg_{display:flex;transition:transform var(--duration_11irq) ease-in-out}.___SItem_11irq_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_11irq);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden}.___SItem_11irq_gg_.__zoomIn_11irq_gg_{cursor:zoom-in}.___SItem_11irq_gg_.__zoomOut_11irq_gg_{cursor:zoom-out}.___SIndicators_11irq_gg_{display:flex;justify-content:center;margin-top:var(--intergalactic-spacing-4x, 16px)}.___SIndicator_11irq_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_11irq_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_11irq_gg_.__active_11irq_gg_{opacity:1}.___SIndicator_11irq_gg_.__inverted_11irq_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_11irq_gg_,.___SPrev_11irq_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_11irq_gg_ .___SNextButton_11irq_gg_ svg:only-child,.___SNext_11irq_gg_ .___SPrevButton_11irq_gg_ svg:only-child,.___SPrev_11irq_gg_ .___SNextButton_11irq_gg_ svg:only-child,.___SPrev_11irq_gg_ .___SPrevButton_11irq_gg_ svg:only-child{margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_11irq_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_11irq_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_11irq_gg_.__disabled_11irq_gg_,.___SPrev_11irq_gg_.__disabled_11irq_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_11irq_gg_{transition:none}}" /*__inner_css_end__*/, "11irq_gg_") /*__reshadow_css_end__*/, {
+  "__SCarousel": "___SCarousel_11irq_gg_",
+  "_keyboardFocused": "__keyboardFocused_11irq_gg_",
+  "__SContainer": "___SContainer_11irq_gg_",
+  "--duration": "--duration_11irq",
+  "__SModalContainer": "___SModalContainer_11irq_gg_",
+  "__SItem": "___SItem_11irq_gg_",
+  "--transform": "--transform_11irq",
+  "_zoomIn": "__zoomIn_11irq_gg_",
+  "_zoomOut": "__zoomOut_11irq_gg_",
+  "__SIndicators": "___SIndicators_11irq_gg_",
+  "__SIndicator": "___SIndicator_11irq_gg_",
+  "_active": "__active_11irq_gg_",
+  "_inverted": "__inverted_11irq_gg_",
+  "__SPrev": "___SPrev_11irq_gg_",
+  "__SNext": "___SNext_11irq_gg_",
+  "_disabled": "__disabled_11irq_gg_",
+  "__SPrevButton": "___SPrevButton_11irq_gg_",
+  "__SNextButton": "___SNextButton_11irq_gg_"
 });
 import { findAllComponents } from 'intergalactic/utils/lib/findComponent';
 import { createBreakpoints } from 'intergalactic/breakpoints';

package/checkbox/lib/cjs/Checkbox.js

@@ -34,24 +34,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
 var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indeterminate", "includeInputProps", "resolveColor"],
   _excluded2 = ["children", "Children"];
 /*__reshadow-styles__:"./style/checkbox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLabel_1pep0_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1pep0_gg_.__disabled_1pep0_gg_{cursor:default}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_.__disabled_1pep0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_.__color_1pep0_gg_{color:var(--color_1pep0)}.___SControl_1pep0_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1pep0_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1pep0_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_1pep0_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_,.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_.__checked_1pep0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_{width:16px;height:16px}.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_.__checked_1pep0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1pep0_gg_._size_l_1pep0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1pep0_gg_._size_m_1pep0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before,.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1pep0_gg_.__disabled_1pep0_gg_~.___SCheckbox_1pep0_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_:after{width:12px;height:2px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_:after{width:8px;height:2px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before{border-color:var(--theme_1pep0)}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before,.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before{background-color:var(--theme_1pep0);border-color:var(--theme_1pep0)}.___SInvalidPattern_1pep0_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "1pep0_gg_") /*__reshadow_css_end__*/, {
-  "__SControl": "___SControl_1pep0_gg_",
-  "__SText": "___SText_1pep0_gg_",
-  "_size_l": "_size_l_1pep0_gg_",
-  "_size_m": "_size_m_1pep0_gg_",
-  "_checked": "__checked_1pep0_gg_",
-  "__SCheckbox": "___SCheckbox_1pep0_gg_",
-  "_state_normal": "_state_normal_1pep0_gg_",
-  "_state_invalid": "_state_invalid_1pep0_gg_",
-  "_indeterminate": "__indeterminate_1pep0_gg_",
-  "_disabled": "__disabled_1pep0_gg_",
-  "_theme": "__theme_1pep0_gg_",
-  "--theme": "--theme_1pep0",
-  "_keyboardFocused": "__keyboardFocused_1pep0_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1pep0_gg_",
-  "__SLabel": "___SLabel_1pep0_gg_",
-  "_color": "__color_1pep0_gg_",
-  "--color": "--color_1pep0"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SLabel_1ix5p_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1ix5p_gg_.__disabled_1ix5p_gg_{cursor:default}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_.__disabled_1ix5p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_.__color_1ix5p_gg_{color:var(--color_1ix5p)}.___SControl_1ix5p_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1ix5p_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1ix5p_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_1ix5p_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_,.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_.__checked_1ix5p_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_{width:16px;height:16px}.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_.__checked_1ix5p_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1ix5p_gg_._size_l_1ix5p_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ix5p_gg_._size_m_1ix5p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1ix5p_gg_.__disabled_1ix5p_gg_~.___SCheckbox_1ix5p_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_:after{width:12px;height:2px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_:after{width:8px;height:2px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before{border-color:var(--theme_1ix5p)}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before{background-color:var(--theme_1ix5p);border-color:var(--theme_1ix5p)}.___SInvalidPattern_1ix5p_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "1ix5p_gg_") /*__reshadow_css_end__*/, {
+  "__SControl": "___SControl_1ix5p_gg_",
+  "__SText": "___SText_1ix5p_gg_",
+  "_size_l": "_size_l_1ix5p_gg_",
+  "_size_m": "_size_m_1ix5p_gg_",
+  "_checked": "__checked_1ix5p_gg_",
+  "__SCheckbox": "___SCheckbox_1ix5p_gg_",
+  "_state_normal": "_state_normal_1ix5p_gg_",
+  "_state_invalid": "_state_invalid_1ix5p_gg_",
+  "_indeterminate": "__indeterminate_1ix5p_gg_",
+  "_disabled": "__disabled_1ix5p_gg_",
+  "_theme": "__theme_1ix5p_gg_",
+  "--theme": "--theme_1ix5p",
+  "_keyboardFocused": "__keyboardFocused_1ix5p_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1ix5p_gg_",
+  "__SLabel": "___SLabel_1ix5p_gg_",
+  "_color": "__color_1ix5p_gg_",
+  "--color": "--color_1ix5p"
 });
 var CheckboxRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CheckboxRoot, _Component);

package/checkbox/lib/es6/Checkbox.js

@@ -25,24 +25,24 @@ import autoFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnha
 import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import logger from 'intergalactic/utils/lib/logger';
 /*__reshadow-styles__:"./style/checkbox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_1pep0_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1pep0_gg_.__disabled_1pep0_gg_{cursor:default}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_.__disabled_1pep0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1pep0_gg_ .___SText_1pep0_gg_.__color_1pep0_gg_{color:var(--color_1pep0)}.___SControl_1pep0_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1pep0_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1pep0_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_1pep0_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_,.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_.__checked_1pep0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_{width:16px;height:16px}.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_.__checked_1pep0_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1pep0_gg_._size_l_1pep0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1pep0_gg_._size_m_1pep0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before,.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_.__keyboardFocused_1pep0_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1pep0_gg_.__disabled_1pep0_gg_~.___SCheckbox_1pep0_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._size_l_1pep0_gg_:after{width:12px;height:2px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._size_m_1pep0_gg_:after{width:8px;height:2px}.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_._state_invalid_1pep0_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_.__keyboardFocused_1pep0_gg_:before,.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before{border-color:var(--theme_1pep0)}.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_invalid_1pep0_gg_:before,.___SControl_1pep0_gg_.__checked_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before,.___SControl_1pep0_gg_.__indeterminate_1pep0_gg_~.___SCheckbox_1pep0_gg_.__theme_1pep0_gg_._state_normal_1pep0_gg_:before{background-color:var(--theme_1pep0);border-color:var(--theme_1pep0)}.___SInvalidPattern_1pep0_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "1pep0_gg_") /*__reshadow_css_end__*/, {
-  "__SControl": "___SControl_1pep0_gg_",
-  "__SText": "___SText_1pep0_gg_",
-  "_size_l": "_size_l_1pep0_gg_",
-  "_size_m": "_size_m_1pep0_gg_",
-  "_checked": "__checked_1pep0_gg_",
-  "__SCheckbox": "___SCheckbox_1pep0_gg_",
-  "_state_normal": "_state_normal_1pep0_gg_",
-  "_state_invalid": "_state_invalid_1pep0_gg_",
-  "_indeterminate": "__indeterminate_1pep0_gg_",
-  "_disabled": "__disabled_1pep0_gg_",
-  "_theme": "__theme_1pep0_gg_",
-  "--theme": "--theme_1pep0",
-  "_keyboardFocused": "__keyboardFocused_1pep0_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_1pep0_gg_",
-  "__SLabel": "___SLabel_1pep0_gg_",
-  "_color": "__color_1pep0_gg_",
-  "--color": "--color_1pep0"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_1ix5p_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1ix5p_gg_.__disabled_1ix5p_gg_{cursor:default}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_.__disabled_1ix5p_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1ix5p_gg_ .___SText_1ix5p_gg_.__color_1ix5p_gg_{color:var(--color_1ix5p)}.___SControl_1ix5p_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1ix5p_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1ix5p_gg_::before{content:\"\";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid;border-radius:var(--intergalactic-addon-rounded, 4px);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SCheckbox_1ix5p_gg_::after{content:\"\";position:absolute;top:1px;left:0;right:0;bottom:0;margin:0 var(--intergalactic-spacing-05x, 2px);background-repeat:no-repeat;background-position:center center}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_,.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_.__checked_1ix5p_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_{width:16px;height:16px}.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_.__checked_1ix5p_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1ix5p_gg_._size_l_1ix5p_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1ix5p_gg_._size_m_1ix5p_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1ix5p_gg_.__disabled_1ix5p_gg_~.___SCheckbox_1ix5p_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_:after{background-color:#fff;margin:auto;border-radius:1px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._size_l_1ix5p_gg_:after{width:12px;height:2px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._size_m_1ix5p_gg_:after{width:8px;height:2px}.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_._state_invalid_1ix5p_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_.__keyboardFocused_1ix5p_gg_:before,.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before{border-color:var(--theme_1ix5p)}.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_invalid_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__checked_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before,.___SControl_1ix5p_gg_.__indeterminate_1ix5p_gg_~.___SCheckbox_1ix5p_gg_.__theme_1ix5p_gg_._state_normal_1ix5p_gg_:before{background-color:var(--theme_1ix5p);border-color:var(--theme_1ix5p)}.___SInvalidPattern_1ix5p_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-small, 4px);border-top-left-radius:var(--intergalactic-rounded-small, 4px)}" /*__inner_css_end__*/, "1ix5p_gg_") /*__reshadow_css_end__*/, {
+  "__SControl": "___SControl_1ix5p_gg_",
+  "__SText": "___SText_1ix5p_gg_",
+  "_size_l": "_size_l_1ix5p_gg_",
+  "_size_m": "_size_m_1ix5p_gg_",
+  "_checked": "__checked_1ix5p_gg_",
+  "__SCheckbox": "___SCheckbox_1ix5p_gg_",
+  "_state_normal": "_state_normal_1ix5p_gg_",
+  "_state_invalid": "_state_invalid_1ix5p_gg_",
+  "_indeterminate": "__indeterminate_1ix5p_gg_",
+  "_disabled": "__disabled_1ix5p_gg_",
+  "_theme": "__theme_1ix5p_gg_",
+  "--theme": "--theme_1ix5p",
+  "_keyboardFocused": "__keyboardFocused_1ix5p_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1ix5p_gg_",
+  "__SLabel": "___SLabel_1ix5p_gg_",
+  "_color": "__color_1ix5p_gg_",
+  "--color": "--color_1ix5p"
 });
 var CheckboxRoot = /*#__PURE__*/function (_Component) {
   _inherits(CheckboxRoot, _Component);

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

@@ -27,29 +27,29 @@ var _components = require("./components");
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_hmllj_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_hmllj_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_hmllj_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_hmllj_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_hmllj)}@media (hover:hover){.___SItemContainer_hmllj_gg_:hover>.___SCloseIcon_hmllj_gg_{opacity:1}}.___SItemContainer_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_hmllj_gg_.__selected_hmllj_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_hmllj_gg_.__displayLabel_hmllj_gg_::after{background:var(--value_hmllj);opacity:.15}.___SItemContainer_hmllj_gg_:not(.__value_hmllj_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_hmllj_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_hmllj_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_hmllj_gg_,.___SPaletteManager_hmllj_gg_,.___SPlusButton_hmllj_gg_{display:flex;align-items:center}.___SPlusButton_hmllj_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_hmllj_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_hmllj_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_hmllj_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_hmllj);border:1px solid transparent}.___STriggerCircle_hmllj_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_hmllj_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_hmllj_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_hmllj_gg_{position:absolute}.___SLabel_hmllj_gg_{z-index:1;color:var(--data-value_hmllj);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_hmllj_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_hmllj)}.___SClearConfirm_hmllj_gg_.__hidden_hmllj_gg_,.___SConfirmColor_hmllj_gg_.__hidden_hmllj_gg_{display:none}" /*__inner_css_end__*/, "hmllj_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_hmllj_gg_",
-  "__SItemContainer": "___SItemContainer_hmllj_gg_",
-  "__SCloseIcon": "___SCloseIcon_hmllj_gg_",
-  "_keyboardFocused": "__keyboardFocused_hmllj_gg_",
-  "_selected": "__selected_hmllj_gg_",
-  "__SColors": "___SColors_hmllj_gg_",
-  "__SPaletteManager": "___SPaletteManager_hmllj_gg_",
-  "__SInputContainer": "___SInputContainer_hmllj_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_hmllj_gg_",
-  "__STriggerCircle": "___STriggerCircle_hmllj_gg_",
-  "--data-value": "--data-value_hmllj",
-  "__STriggerCircleLine": "___STriggerCircleLine_hmllj_gg_",
-  "__SLine": "___SLine_hmllj_gg_",
-  "__SLabel": "___SLabel_hmllj_gg_",
-  "__SItemColor": "___SItemColor_hmllj_gg_",
-  "__SConfirmColor": "___SConfirmColor_hmllj_gg_",
-  "_hidden": "__hidden_hmllj_gg_",
-  "__SClearConfirm": "___SClearConfirm_hmllj_gg_",
-  "--value": "--value_hmllj",
-  "_displayLabel": "__displayLabel_hmllj_gg_",
-  "_value": "__value_hmllj_gg_",
-  "__SPlusButton": "___SPlusButton_hmllj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uopq_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uopq_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_1uopq_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uopq_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_1uopq)}@media (hover:hover){.___SItemContainer_1uopq_gg_:hover>.___SCloseIcon_1uopq_gg_{opacity:1}}.___SItemContainer_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uopq_gg_.__selected_1uopq_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uopq_gg_.__displayLabel_1uopq_gg_::after{background:var(--value_1uopq);opacity:.15}.___SItemContainer_1uopq_gg_:not(.__value_1uopq_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1uopq_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uopq_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uopq_gg_,.___SPaletteManager_1uopq_gg_,.___SPlusButton_1uopq_gg_{display:flex;align-items:center}.___SPlusButton_1uopq_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uopq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uopq_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uopq_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uopq);border:1px solid transparent}.___STriggerCircle_1uopq_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uopq_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uopq_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_1uopq_gg_{position:absolute}.___SLabel_1uopq_gg_{z-index:1;color:var(--data-value_1uopq);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uopq_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uopq)}.___SClearConfirm_1uopq_gg_.__hidden_1uopq_gg_,.___SConfirmColor_1uopq_gg_.__hidden_1uopq_gg_{display:none}" /*__inner_css_end__*/, "1uopq_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1uopq_gg_",
+  "__SItemContainer": "___SItemContainer_1uopq_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uopq_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uopq_gg_",
+  "_selected": "__selected_1uopq_gg_",
+  "__SColors": "___SColors_1uopq_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uopq_gg_",
+  "__SInputContainer": "___SInputContainer_1uopq_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uopq_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uopq_gg_",
+  "--data-value": "--data-value_1uopq",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uopq_gg_",
+  "__SLine": "___SLine_1uopq_gg_",
+  "__SLabel": "___SLabel_1uopq_gg_",
+  "__SItemColor": "___SItemColor_1uopq_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uopq_gg_",
+  "_hidden": "__hidden_1uopq_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uopq_gg_",
+  "--value": "--value_1uopq",
+  "_displayLabel": "__displayLabel_1uopq_gg_",
+  "_value": "__value_1uopq_gg_",
+  "__SPlusButton": "___SPlusButton_1uopq_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 exports.defaultColors = defaultColors;
@@ -202,6 +202,7 @@ var DefaultTrigger = /*#__PURE__*/_react["default"].forwardRef(function (props,
   var STriggerCircle = _flexBox.Box;
   var STriggerCircleLine = 'svg';
   return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SDefaultTrigger, _ref6.cn("SDefaultTrigger", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'button',
     "ref": ref
   }, _ref3))), /*#__PURE__*/_react["default"].createElement(STriggerCircle, _ref6.cn("STriggerCircle", {
     "data-value": value

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

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

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

@@ -17,29 +17,29 @@ var _divider = _interopRequireDefault(require("intergalactic/divider"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_hmllj_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_hmllj_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_hmllj_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_hmllj_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_hmllj)}@media (hover:hover){.___SItemContainer_hmllj_gg_:hover>.___SCloseIcon_hmllj_gg_{opacity:1}}.___SItemContainer_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_hmllj_gg_.__selected_hmllj_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_hmllj_gg_.__displayLabel_hmllj_gg_::after{background:var(--value_hmllj);opacity:.15}.___SItemContainer_hmllj_gg_:not(.__value_hmllj_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_hmllj_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_hmllj_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_hmllj_gg_,.___SPaletteManager_hmllj_gg_,.___SPlusButton_hmllj_gg_{display:flex;align-items:center}.___SPlusButton_hmllj_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_hmllj_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_hmllj_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_hmllj_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_hmllj);border:1px solid transparent}.___STriggerCircle_hmllj_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_hmllj_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_hmllj_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_hmllj_gg_{position:absolute}.___SLabel_hmllj_gg_{z-index:1;color:var(--data-value_hmllj);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_hmllj_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_hmllj)}.___SClearConfirm_hmllj_gg_.__hidden_hmllj_gg_,.___SConfirmColor_hmllj_gg_.__hidden_hmllj_gg_{display:none}" /*__inner_css_end__*/, "hmllj_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_hmllj_gg_",
-  "__SItemContainer": "___SItemContainer_hmllj_gg_",
-  "__SCloseIcon": "___SCloseIcon_hmllj_gg_",
-  "_keyboardFocused": "__keyboardFocused_hmllj_gg_",
-  "_selected": "__selected_hmllj_gg_",
-  "__SColors": "___SColors_hmllj_gg_",
-  "__SPaletteManager": "___SPaletteManager_hmllj_gg_",
-  "__SInputContainer": "___SInputContainer_hmllj_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_hmllj_gg_",
-  "__STriggerCircle": "___STriggerCircle_hmllj_gg_",
-  "--data-value": "--data-value_hmllj",
-  "__STriggerCircleLine": "___STriggerCircleLine_hmllj_gg_",
-  "__SLine": "___SLine_hmllj_gg_",
-  "__SLabel": "___SLabel_hmllj_gg_",
-  "__SItemColor": "___SItemColor_hmllj_gg_",
-  "__SConfirmColor": "___SConfirmColor_hmllj_gg_",
-  "_hidden": "__hidden_hmllj_gg_",
-  "__SClearConfirm": "___SClearConfirm_hmllj_gg_",
-  "--value": "--value_hmllj",
-  "_displayLabel": "__displayLabel_hmllj_gg_",
-  "_value": "__value_hmllj_gg_",
-  "__SPlusButton": "___SPlusButton_hmllj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uopq_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uopq_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_1uopq_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uopq_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_1uopq)}@media (hover:hover){.___SItemContainer_1uopq_gg_:hover>.___SCloseIcon_1uopq_gg_{opacity:1}}.___SItemContainer_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uopq_gg_.__selected_1uopq_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uopq_gg_.__displayLabel_1uopq_gg_::after{background:var(--value_1uopq);opacity:.15}.___SItemContainer_1uopq_gg_:not(.__value_1uopq_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1uopq_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uopq_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uopq_gg_,.___SPaletteManager_1uopq_gg_,.___SPlusButton_1uopq_gg_{display:flex;align-items:center}.___SPlusButton_1uopq_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uopq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uopq_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uopq_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uopq);border:1px solid transparent}.___STriggerCircle_1uopq_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uopq_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uopq_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_1uopq_gg_{position:absolute}.___SLabel_1uopq_gg_{z-index:1;color:var(--data-value_1uopq);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uopq_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uopq)}.___SClearConfirm_1uopq_gg_.__hidden_1uopq_gg_,.___SConfirmColor_1uopq_gg_.__hidden_1uopq_gg_{display:none}" /*__inner_css_end__*/, "1uopq_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1uopq_gg_",
+  "__SItemContainer": "___SItemContainer_1uopq_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uopq_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uopq_gg_",
+  "_selected": "__selected_1uopq_gg_",
+  "__SColors": "___SColors_1uopq_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uopq_gg_",
+  "__SInputContainer": "___SInputContainer_1uopq_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uopq_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uopq_gg_",
+  "--data-value": "--data-value_1uopq",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uopq_gg_",
+  "__SLine": "___SLine_1uopq_gg_",
+  "__SLabel": "___SLabel_1uopq_gg_",
+  "__SItemColor": "___SItemColor_1uopq_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uopq_gg_",
+  "_hidden": "__hidden_1uopq_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uopq_gg_",
+  "--value": "--value_1uopq",
+  "_displayLabel": "__displayLabel_1uopq_gg_",
+  "_value": "__value_1uopq_gg_",
+  "__SPlusButton": "___SPlusButton_1uopq_gg_"
 });
 var PaletteManagerRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(PaletteManagerRoot, _Component);

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

@@ -20,29 +20,29 @@ var _input = _interopRequireDefault(require("intergalactic/input"));
 var _m = _interopRequireDefault(require("intergalactic/icon/Check/m"));
 var _m2 = _interopRequireDefault(require("intergalactic/icon/Close/m"));
 /*__reshadow-styles__:"../style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_hmllj_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_hmllj_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_hmllj_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_hmllj_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_hmllj)}@media (hover:hover){.___SItemContainer_hmllj_gg_:hover>.___SCloseIcon_hmllj_gg_{opacity:1}}.___SItemContainer_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_hmllj_gg_.__selected_hmllj_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_hmllj_gg_.__displayLabel_hmllj_gg_::after{background:var(--value_hmllj);opacity:.15}.___SItemContainer_hmllj_gg_:not(.__value_hmllj_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_hmllj_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_hmllj_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_hmllj_gg_,.___SPaletteManager_hmllj_gg_,.___SPlusButton_hmllj_gg_{display:flex;align-items:center}.___SPlusButton_hmllj_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_hmllj_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_hmllj_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_hmllj_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_hmllj);border:1px solid transparent}.___STriggerCircle_hmllj_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_hmllj_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_hmllj_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_hmllj_gg_{position:absolute}.___SLabel_hmllj_gg_{z-index:1;color:var(--data-value_hmllj);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_hmllj_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_hmllj)}.___SClearConfirm_hmllj_gg_.__hidden_hmllj_gg_,.___SConfirmColor_hmllj_gg_.__hidden_hmllj_gg_{display:none}" /*__inner_css_end__*/, "hmllj_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_hmllj_gg_",
-  "__SItemContainer": "___SItemContainer_hmllj_gg_",
-  "__SCloseIcon": "___SCloseIcon_hmllj_gg_",
-  "_keyboardFocused": "__keyboardFocused_hmllj_gg_",
-  "_selected": "__selected_hmllj_gg_",
-  "__SColors": "___SColors_hmllj_gg_",
-  "__SPaletteManager": "___SPaletteManager_hmllj_gg_",
-  "__SInputContainer": "___SInputContainer_hmllj_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_hmllj_gg_",
-  "__STriggerCircle": "___STriggerCircle_hmllj_gg_",
-  "--data-value": "--data-value_hmllj",
-  "__STriggerCircleLine": "___STriggerCircleLine_hmllj_gg_",
-  "__SLine": "___SLine_hmllj_gg_",
-  "__SLabel": "___SLabel_hmllj_gg_",
-  "__SItemColor": "___SItemColor_hmllj_gg_",
-  "__SConfirmColor": "___SConfirmColor_hmllj_gg_",
-  "_hidden": "__hidden_hmllj_gg_",
-  "__SClearConfirm": "___SClearConfirm_hmllj_gg_",
-  "--value": "--value_hmllj",
-  "_displayLabel": "__displayLabel_hmllj_gg_",
-  "_value": "__value_hmllj_gg_",
-  "__SPlusButton": "___SPlusButton_hmllj_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uopq_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uopq_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_1uopq_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uopq_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_1uopq)}@media (hover:hover){.___SItemContainer_1uopq_gg_:hover>.___SCloseIcon_1uopq_gg_{opacity:1}}.___SItemContainer_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uopq_gg_.__selected_1uopq_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uopq_gg_.__displayLabel_1uopq_gg_::after{background:var(--value_1uopq);opacity:.15}.___SItemContainer_1uopq_gg_:not(.__value_1uopq_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1uopq_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uopq_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uopq_gg_,.___SPaletteManager_1uopq_gg_,.___SPlusButton_1uopq_gg_{display:flex;align-items:center}.___SPlusButton_1uopq_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uopq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uopq_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uopq_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uopq);border:1px solid transparent}.___STriggerCircle_1uopq_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uopq_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uopq_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_1uopq_gg_{position:absolute}.___SLabel_1uopq_gg_{z-index:1;color:var(--data-value_1uopq);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uopq_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uopq)}.___SClearConfirm_1uopq_gg_.__hidden_1uopq_gg_,.___SConfirmColor_1uopq_gg_.__hidden_1uopq_gg_{display:none}" /*__inner_css_end__*/, "1uopq_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1uopq_gg_",
+  "__SItemContainer": "___SItemContainer_1uopq_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uopq_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uopq_gg_",
+  "_selected": "__selected_1uopq_gg_",
+  "__SColors": "___SColors_1uopq_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uopq_gg_",
+  "__SInputContainer": "___SInputContainer_1uopq_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uopq_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uopq_gg_",
+  "--data-value": "--data-value_1uopq",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uopq_gg_",
+  "__SLine": "___SLine_1uopq_gg_",
+  "__SLabel": "___SLabel_1uopq_gg_",
+  "__SItemColor": "___SItemColor_1uopq_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uopq_gg_",
+  "_hidden": "__hidden_1uopq_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uopq_gg_",
+  "--value": "--value_1uopq",
+  "_displayLabel": "__displayLabel_1uopq_gg_",
+  "_value": "__value_1uopq_gg_",
+  "__SPlusButton": "___SPlusButton_1uopq_gg_"
 });
 function isValidHex(hex) {
   if (hex[0] !== '#' && hex.length === 7) return false;

package/color-picker/lib/cjs/style/color-picker.shadow.css

@@ -95,6 +95,9 @@ SDefaultTrigger {
   align-items: center;
   outline: none;
   cursor: pointer;
+  border: 0;
+  background: transparent;
+  padding: 0;
 }
 
 SDefaultTrigger[keyboardFocused] {

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

@@ -21,29 +21,29 @@ import { Item, Colors, ColorsCustom, InputColor } from './components';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 /*__reshadow-styles__:"./style/color-picker.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_hmllj_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_hmllj_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_hmllj_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_hmllj_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_hmllj)}@media (hover:hover){.___SItemContainer_hmllj_gg_:hover>.___SCloseIcon_hmllj_gg_{opacity:1}}.___SItemContainer_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_hmllj_gg_.__selected_hmllj_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_hmllj_gg_.__displayLabel_hmllj_gg_::after{background:var(--value_hmllj);opacity:.15}.___SItemContainer_hmllj_gg_:not(.__value_hmllj_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_hmllj_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_hmllj_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_hmllj_gg_,.___SPaletteManager_hmllj_gg_,.___SPlusButton_hmllj_gg_{display:flex;align-items:center}.___SPlusButton_hmllj_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_hmllj_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_hmllj_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer}.___SDefaultTrigger_hmllj_gg_.__keyboardFocused_hmllj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_hmllj_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_hmllj);border:1px solid transparent}.___STriggerCircle_hmllj_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_hmllj_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_hmllj_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_hmllj_gg_{position:absolute}.___SLabel_hmllj_gg_{z-index:1;color:var(--data-value_hmllj);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_hmllj_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_hmllj)}.___SClearConfirm_hmllj_gg_.__hidden_hmllj_gg_,.___SConfirmColor_hmllj_gg_.__hidden_hmllj_gg_{display:none}" /*__inner_css_end__*/, "hmllj_gg_") /*__reshadow_css_end__*/, {
-  "__SColorPickerPopper": "___SColorPickerPopper_hmllj_gg_",
-  "__SItemContainer": "___SItemContainer_hmllj_gg_",
-  "__SCloseIcon": "___SCloseIcon_hmllj_gg_",
-  "_keyboardFocused": "__keyboardFocused_hmllj_gg_",
-  "_selected": "__selected_hmllj_gg_",
-  "__SColors": "___SColors_hmllj_gg_",
-  "__SPaletteManager": "___SPaletteManager_hmllj_gg_",
-  "__SInputContainer": "___SInputContainer_hmllj_gg_",
-  "__SDefaultTrigger": "___SDefaultTrigger_hmllj_gg_",
-  "__STriggerCircle": "___STriggerCircle_hmllj_gg_",
-  "--data-value": "--data-value_hmllj",
-  "__STriggerCircleLine": "___STriggerCircleLine_hmllj_gg_",
-  "__SLine": "___SLine_hmllj_gg_",
-  "__SLabel": "___SLabel_hmllj_gg_",
-  "__SItemColor": "___SItemColor_hmllj_gg_",
-  "__SConfirmColor": "___SConfirmColor_hmllj_gg_",
-  "_hidden": "__hidden_hmllj_gg_",
-  "__SClearConfirm": "___SClearConfirm_hmllj_gg_",
-  "--value": "--value_hmllj",
-  "_displayLabel": "__displayLabel_hmllj_gg_",
-  "_value": "__value_hmllj_gg_",
-  "__SPlusButton": "___SPlusButton_hmllj_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SColorPickerPopper_1uopq_gg_{max-width:calc(var(--intergalactic-spacing-4x, 16px)*2 + 28px*6 + 4px*6);padding:var(--intergalactic-spacing-4x, 16px)}.___SItemContainer_1uopq_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_1uopq_gg_:hover{border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}}.___SItemContainer_1uopq_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_1uopq)}@media (hover:hover){.___SItemContainer_1uopq_gg_:hover>.___SCloseIcon_1uopq_gg_{opacity:1}}.___SItemContainer_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SItemContainer_1uopq_gg_.__selected_1uopq_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca)}.___SItemContainer_1uopq_gg_.__displayLabel_1uopq_gg_::after{background:var(--value_1uopq);opacity:.15}.___SItemContainer_1uopq_gg_:not(.__value_1uopq_gg_)::after{border:.9px solid var(--intergalactic-border-secondary, #e0e1e9)}.___SColors_1uopq_gg_{display:flex;flex-wrap:wrap;align-items:center;gap:var(--intergalactic-spacing-1x, 4px)}.___SPaletteManager_1uopq_gg_{justify-content:space-between;margin-top:var(--intergalactic-spacing-3x, 12px);margin-left:calc(var(--intergalactic-spacing-1x, 4px) - 1px)}.___SInputContainer_1uopq_gg_,.___SPaletteManager_1uopq_gg_,.___SPlusButton_1uopq_gg_{display:flex;align-items:center}.___SPlusButton_1uopq_gg_{justify-content:center;width:28px;height:28px;border-radius:50%;cursor:pointer}@media (hover:hover){.___SPlusButton_1uopq_gg_:hover{background-color:var(--intergalactic-bg-secondary-neutral-hover, #e0e1e9)}}.___SDefaultTrigger_1uopq_gg_{display:inline-flex;align-items:center;outline:0;cursor:pointer;border:0;background:0 0;padding:0}.___SDefaultTrigger_1uopq_gg_.__keyboardFocused_1uopq_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STriggerCircle_1uopq_gg_{position:relative;width:12px;height:12px;margin-right:calc(var(--intergalactic-spacing-1x, 4px) + 1px);border-radius:50%;background-color:var(--data-value_1uopq);border:1px solid transparent}.___STriggerCircle_1uopq_gg_:not([data-value]){border:1px solid var(--intergalactic-border-secondary, #e0e1e9)}.___STriggerCircleLine_1uopq_gg_{position:absolute;top:1px;left:1px}.___SCloseIcon_1uopq_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_1uopq_gg_{position:absolute}.___SLabel_1uopq_gg_{z-index:1;color:var(--data-value_1uopq);font-size:calc(var(--intergalactic-fs-100, 12px) + 1px);font-weight:var(--intergalactic-bold, 700)}.___SItemColor_1uopq_gg_{width:20px;height:20px;border-radius:50%;border:1px solid var(--intergalactic-border-secondary, #e0e1e9);background:var(--data-value_1uopq)}.___SClearConfirm_1uopq_gg_.__hidden_1uopq_gg_,.___SConfirmColor_1uopq_gg_.__hidden_1uopq_gg_{display:none}" /*__inner_css_end__*/, "1uopq_gg_") /*__reshadow_css_end__*/, {
+  "__SColorPickerPopper": "___SColorPickerPopper_1uopq_gg_",
+  "__SItemContainer": "___SItemContainer_1uopq_gg_",
+  "__SCloseIcon": "___SCloseIcon_1uopq_gg_",
+  "_keyboardFocused": "__keyboardFocused_1uopq_gg_",
+  "_selected": "__selected_1uopq_gg_",
+  "__SColors": "___SColors_1uopq_gg_",
+  "__SPaletteManager": "___SPaletteManager_1uopq_gg_",
+  "__SInputContainer": "___SInputContainer_1uopq_gg_",
+  "__SDefaultTrigger": "___SDefaultTrigger_1uopq_gg_",
+  "__STriggerCircle": "___STriggerCircle_1uopq_gg_",
+  "--data-value": "--data-value_1uopq",
+  "__STriggerCircleLine": "___STriggerCircleLine_1uopq_gg_",
+  "__SLine": "___SLine_1uopq_gg_",
+  "__SLabel": "___SLabel_1uopq_gg_",
+  "__SItemColor": "___SItemColor_1uopq_gg_",
+  "__SConfirmColor": "___SConfirmColor_1uopq_gg_",
+  "_hidden": "__hidden_1uopq_gg_",
+  "__SClearConfirm": "___SClearConfirm_1uopq_gg_",
+  "--value": "--value_1uopq",
+  "_displayLabel": "__displayLabel_1uopq_gg_",
+  "_value": "__value_1uopq_gg_",
+  "__SPlusButton": "___SPlusButton_1uopq_gg_"
 });
 var defaultColors = [null, '#2BB3FF', '#8649E1', '#C695FF', '#F67CF2', '#FFA9FA', '#FF8786', '#FF8C43', '#FDC23C', '#66C030', '#9BD85D', '#C7EE96'];
 var ColorPickerRoot = /*#__PURE__*/function (_Component) {
@@ -195,6 +195,7 @@ var DefaultTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var STriggerCircle = Box;
   var STriggerCircleLine = 'svg';
   return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDefaultTrigger, _ref6.cn("SDefaultTrigger", _objectSpread({}, _assignProps3({
+    "tag": 'button',
     "ref": ref
   }, _ref3))), /*#__PURE__*/React.createElement(STriggerCircle, _ref6.cn("STriggerCircle", {
     "data-value": value