intergalactic 15.54.1-prerelease-e7cab722 → 15.55.0-prerelease-1d0e900d

package/checkbox/lib/cjs/style/checkbox.shadow.css

@@ -16,6 +16,10 @@ SLabel {
       opacity: var(--intergalactic-disabled-opacity, 0.3);
     }
   }
+
+  SText[color] {
+    color: var(--color);
+  }
 }
 
 SControl {
@@ -71,6 +75,7 @@ SCheckbox[size='l'] {
   margin-top: var(--intergalactic-spacing-05x, 2px);
   width: 20px;
   height: 20px;
+
   &[checked]::after {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
@@ -80,6 +85,7 @@ SCheckbox[size='m'] {
   margin-top: var(--intergalactic-spacing-05x, 2px);
   width: 16px;
   height: 16px;
+
   &[checked]::after {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
@@ -97,19 +103,19 @@ SText[size='m'] {
 }
 
 
-SControl[checked] ~ SCheckbox[state='normal']:before,
-SControl[checked] ~ SCheckbox[state='invalid']:before {
+SControl[checked]~SCheckbox[state='normal']:before,
+SControl[checked]~SCheckbox[state='invalid']:before {
   background-color: var(--intergalactic-control-primary-info, #008ff8);
   border-color: var(--intergalactic-control-primary-info, #008ff8);
 }
 
-SControl[indeterminate] ~ SCheckbox[state='normal']:before {
+SControl[indeterminate]~SCheckbox[state='normal']:before {
   background-color: var(--intergalactic-control-primary-info, #008ff8);
   border-color: var(--intergalactic-control-primary-info, #008ff8);
 }
 
 SCheckbox[state='invalid'],
-SControl[checked] ~ SCheckbox[state='invalid'] {
+SControl[checked]~SCheckbox[state='invalid'] {
   &:before {
     border-color: var(--intergalactic-border-critical-active, #d1002f);
   }
@@ -126,36 +132,36 @@ SControl[checked] {
   }
 }
 
-SControl[disabled] ~ SCheckbox:before {
+SControl[disabled]~SCheckbox:before {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
   cursor: default;
 }
 
-SControl[checked] ~ SCheckbox {
+SControl[checked]~SCheckbox {
   &[state='invalid']:before {
     background-color: var(--intergalactic-control-primary-critical, #ff4953);
     border-color: var(--intergalactic-control-primary-critical, #ff4953);
   }
 }
 
-SControl[indeterminate] ~ SCheckbox:after {
+SControl[indeterminate]~SCheckbox:after {
   background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
   margin: auto;
   /* disable-tokens-validator */
   border-radius: 1px;
 }
 
-SControl[indeterminate] ~ SCheckbox[size='l']:after {
+SControl[indeterminate]~SCheckbox[size='l']:after {
   width: 12px;
   height: 2px;
 }
 
-SControl[indeterminate] ~ SCheckbox[size='m']:after {
+SControl[indeterminate]~SCheckbox[size='m']:after {
   width: 8px;
   height: 2px;
 }
 
-SControl[indeterminate] ~ SCheckbox[state='invalid']:before {
+SControl[indeterminate]~SCheckbox[state='invalid']:before {
   background-color: var(--intergalactic-control-primary-critical, #ff4953);
   border-color: var(--intergalactic-control-primary-critical, #ff4953);
 }
@@ -163,17 +169,18 @@ SControl[indeterminate] ~ SCheckbox[state='invalid']:before {
 SCheckbox[theme][state='normal']:before {
   border-color: var(--theme);
 }
+
 SCheckbox[theme][state='normal'][keyboardFocused]:before {
   border-color: var(--theme);
 }
 
-SControl[checked] ~ SCheckbox[theme][state='normal']:before,
-SControl[checked] ~ SCheckbox[theme][state='invalid']:before {
+SControl[checked]~SCheckbox[theme][state='normal']:before,
+SControl[checked]~SCheckbox[theme][state='invalid']:before {
   background-color: var(--theme);
   border-color: var(--theme);
 }
 
-SControl[indeterminate] ~ SCheckbox[theme][state='normal']:before {
+SControl[indeterminate]~SCheckbox[theme][state='normal']:before {
   background-color: var(--theme);
   border-color: var(--theme);
 }
@@ -183,4 +190,4 @@ SInvalidPattern {
   margin: 1px 0 1px 1px;
   border-bottom-left-radius: var(--intergalactic-rounded-small, 4px);
   border-top-left-radius: var(--intergalactic-rounded-small, 4px);
-}
+}

package/checkbox/lib/es6/Checkbox.js

@@ -16,31 +16,33 @@ var _excluded = ["size", "state", "theme", "keyboardFocused", "checked", "indete
   _excluded2 = ["children", "Children"];
 import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
-import { Box, Flex } from 'intergalactic/flex-box';
+import { Box, Flex, InvalidStateBox } from 'intergalactic/flex-box';
 import { Text as TypographyText } from 'intergalactic/typography';
+import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import autoFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import logger from 'intergalactic/utils/lib/logger';
-import InvalidPattern from 'intergalactic/utils/lib/components/invalid-state-pattern/InvalidStatePattern';
 /*__reshadow-styles__:"./style/checkbox.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_117vc_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_117vc_gg_.__disabled_117vc_gg_{cursor:default}.___SLabel_117vc_gg_ .___SText_117vc_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_117vc_gg_ .___SText_117vc_gg_.__disabled_117vc_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SControl_117vc_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_117vc_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_117vc_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_117vc_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_117vc_gg_._state_normal_117vc_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_117vc_gg_._state_normal_117vc_gg_.__keyboardFocused_117vc_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_117vc_gg_._size_l_117vc_gg_,.___SCheckbox_117vc_gg_._size_m_117vc_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_117vc_gg_._size_l_117vc_gg_.__checked_117vc_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_117vc_gg_._size_m_117vc_gg_{width:16px;height:16px}.___SCheckbox_117vc_gg_._size_m_117vc_gg_.__checked_117vc_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_117vc_gg_._size_l_117vc_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_117vc_gg_._size_m_117vc_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_:before,.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_._state_normal_117vc_gg_:before,.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_._state_normal_117vc_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_:before,.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_.__keyboardFocused_117vc_gg_:before,.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_.__keyboardFocused_117vc_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_117vc_gg_._state_normal_117vc_gg_.__keyboardFocused_117vc_gg_:before,.___SControl_117vc_gg_.__checked_117vc_gg_.__keyboardFocused_117vc_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_117vc_gg_.__disabled_117vc_gg_~.___SCheckbox_117vc_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_._size_l_117vc_gg_:after{width:12px;height:2px}.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_._size_m_117vc_gg_:after{width:8px;height:2px}.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_._state_invalid_117vc_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_117vc_gg_.__theme_117vc_gg_._state_normal_117vc_gg_.__keyboardFocused_117vc_gg_:before,.___SCheckbox_117vc_gg_.__theme_117vc_gg_._state_normal_117vc_gg_:before{border-color:var(--theme_117vc)}.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_.__theme_117vc_gg_._state_invalid_117vc_gg_:before,.___SControl_117vc_gg_.__checked_117vc_gg_~.___SCheckbox_117vc_gg_.__theme_117vc_gg_._state_normal_117vc_gg_:before,.___SControl_117vc_gg_.__indeterminate_117vc_gg_~.___SCheckbox_117vc_gg_.__theme_117vc_gg_._state_normal_117vc_gg_:before{background-color:var(--theme_117vc);border-color:var(--theme_117vc)}.___SInvalidPattern_117vc_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__*/, "117vc_gg_") /*__reshadow_css_end__*/, {
-  "__SControl": "___SControl_117vc_gg_",
-  "__SText": "___SText_117vc_gg_",
-  "_size_l": "_size_l_117vc_gg_",
-  "_size_m": "_size_m_117vc_gg_",
-  "_checked": "__checked_117vc_gg_",
-  "__SCheckbox": "___SCheckbox_117vc_gg_",
-  "_state_normal": "_state_normal_117vc_gg_",
-  "_state_invalid": "_state_invalid_117vc_gg_",
-  "_indeterminate": "__indeterminate_117vc_gg_",
-  "_disabled": "__disabled_117vc_gg_",
-  "_theme": "__theme_117vc_gg_",
-  "--theme": "--theme_117vc",
-  "_keyboardFocused": "__keyboardFocused_117vc_gg_",
-  "__SInvalidPattern": "___SInvalidPattern_117vc_gg_",
-  "__SLabel": "___SLabel_117vc_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SLabel_1i4co_gg_{position:relative;display:inline-flex;align-items:flex-start;cursor:pointer}.___SLabel_1i4co_gg_.__disabled_1i4co_gg_{cursor:default}.___SLabel_1i4co_gg_ .___SText_1i4co_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SLabel_1i4co_gg_ .___SText_1i4co_gg_.__disabled_1i4co_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SLabel_1i4co_gg_ .___SText_1i4co_gg_.__color_1i4co_gg_{color:var(--color_1i4co)}.___SControl_1i4co_gg_{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0,0,0,0)}.___SCheckbox_1i4co_gg_{position:relative;flex-shrink:0;margin:0;padding:0;outline:0}.___SCheckbox_1i4co_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_1i4co_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_1i4co_gg_._state_normal_1i4co_gg_:before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SCheckbox_1i4co_gg_._state_normal_1i4co_gg_.__keyboardFocused_1i4co_gg_:before{border-color:var(--intergalactic-border-info-active, #006dca)}.___SCheckbox_1i4co_gg_._size_l_1i4co_gg_,.___SCheckbox_1i4co_gg_._size_m_1i4co_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);width:20px;height:20px}.___SCheckbox_1i4co_gg_._size_l_1i4co_gg_.__checked_1i4co_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SCheckbox_1i4co_gg_._size_m_1i4co_gg_{width:16px;height:16px}.___SCheckbox_1i4co_gg_._size_m_1i4co_gg_.__checked_1i4co_gg_::after{background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==)}.___SText_1i4co_gg_._size_l_1i4co_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SText_1i4co_gg_._size_m_1i4co_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_:before,.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_normal_1i4co_gg_:before,.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_normal_1i4co_gg_:before{background-color:var(--intergalactic-control-primary-info, #008ff8);border-color:var(--intergalactic-control-primary-info, #008ff8)}.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_:before,.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_:before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_.__keyboardFocused_1i4co_gg_:before,.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_.__keyboardFocused_1i4co_gg_:before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SCheckbox_1i4co_gg_._state_normal_1i4co_gg_.__keyboardFocused_1i4co_gg_:before,.___SControl_1i4co_gg_.__checked_1i4co_gg_.__keyboardFocused_1i4co_gg_:before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SControl_1i4co_gg_.__disabled_1i4co_gg_~.___SCheckbox_1i4co_gg_:before{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default}.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_:after{background-color:var(--intergalactic-bg-primary-neutral, #ffffff);margin:auto;border-radius:1px}.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_._size_l_1i4co_gg_:after{width:12px;height:2px}.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_._size_m_1i4co_gg_:after{width:8px;height:2px}.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_._state_invalid_1i4co_gg_:before{background-color:var(--intergalactic-control-primary-critical, #ff4953);border-color:var(--intergalactic-control-primary-critical, #ff4953)}.___SCheckbox_1i4co_gg_.__theme_1i4co_gg_._state_normal_1i4co_gg_.__keyboardFocused_1i4co_gg_:before,.___SCheckbox_1i4co_gg_.__theme_1i4co_gg_._state_normal_1i4co_gg_:before{border-color:var(--theme_1i4co)}.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_.__theme_1i4co_gg_._state_invalid_1i4co_gg_:before,.___SControl_1i4co_gg_.__checked_1i4co_gg_~.___SCheckbox_1i4co_gg_.__theme_1i4co_gg_._state_normal_1i4co_gg_:before,.___SControl_1i4co_gg_.__indeterminate_1i4co_gg_~.___SCheckbox_1i4co_gg_.__theme_1i4co_gg_._state_normal_1i4co_gg_:before{background-color:var(--theme_1i4co);border-color:var(--theme_1i4co)}.___SInvalidPattern_1i4co_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__*/, "1i4co_gg_") /*__reshadow_css_end__*/, {
+  "__SControl": "___SControl_1i4co_gg_",
+  "__SText": "___SText_1i4co_gg_",
+  "_size_l": "_size_l_1i4co_gg_",
+  "_size_m": "_size_m_1i4co_gg_",
+  "_checked": "__checked_1i4co_gg_",
+  "__SCheckbox": "___SCheckbox_1i4co_gg_",
+  "_state_normal": "_state_normal_1i4co_gg_",
+  "_state_invalid": "_state_invalid_1i4co_gg_",
+  "_indeterminate": "__indeterminate_1i4co_gg_",
+  "_disabled": "__disabled_1i4co_gg_",
+  "_theme": "__theme_1i4co_gg_",
+  "--theme": "--theme_1i4co",
+  "_keyboardFocused": "__keyboardFocused_1i4co_gg_",
+  "__SInvalidPattern": "___SInvalidPattern_1i4co_gg_",
+  "__SLabel": "___SLabel_1i4co_gg_",
+  "_color": "__color_1i4co_gg_",
+  "--color": "--color_1i4co"
 });
 var CheckboxRoot = /*#__PURE__*/function (_Component) {
   _inherits(CheckboxRoot, _Component);
@@ -262,7 +264,7 @@ var CheckMark = function CheckMark(props) {
   var _ref3 = arguments[0],
     _ref9;
   var SCheckbox = Flex;
-  var SInvalidPattern = InvalidPattern;
+  var SInvalidPattern = InvalidStateBox;
   var theme = props.theme,
     styles = props.styles,
     resolveColor = props.resolveColor,
@@ -279,14 +281,17 @@ var Text = function Text(props) {
   var _ref4 = arguments[0],
     _ref10;
   var SText = TypographyText;
-  var styles = props.styles;
+  var styles = props.styles,
+    color = props.color;
   React.useEffect(function () {
     if (props.rootDisabled !== props.disabled) {
       props.hoistDisabled(props.disabled);
     }
   }, [props.rootDisabled, props.disabled, props.hoistDisabled]);
+  var resolveColor = useColorResolver();
   return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SText, _ref10.cn("SText", _objectSpread({}, _assignProps4({
-    "tag": 'span'
+    "tag": 'span',
+    "use:color": resolveColor(color)
   }, _ref4))));
 };
 Text.displayName = 'Text';

package/checkbox/lib/es6/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","Text","TypographyText","resolveColorEnhance","callAllEventHandlers","autoFocusEnhance","getInputProps","inputProps","logger","InvalidPattern","style","_sstyled","insert","CheckboxRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoistedDisabled","undefined","disabled","warn","asProps","setState","_createClass","key","value","getTextProps","_this$asProps","size","label","state","children","hoistDisabled","rootDisabled","props","getValueProps","_this$asProps2","theme","onChange","defaultChecked","checked","indeterminate","render","_ref","_ref5","SLabel","_this$asProps3","Children","hasChildren","styles","createElement","cn","_objectSpread","_assignProps","Fragment","Checkbox","Value","ValueRoot","_Component2","_super2","handleClick","e","stopPropagation","uncontrolledProps","target","getControlProps","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","ref","onClick","getCheckMarkProps","_this$asProps5","keyboardFocused","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","checkMarkProps","propsWithoutChildren","_excluded2","componentDidUpdate","componentDidMount","_ref7","_this$asProps6","_ref6","Control","CheckMark","_ref2","arguments[0]","_ref8","SControl","checkboxRef","useRef","useEffect","current","_assignProps2","displayName","_ref3","_ref9","SCheckbox","SInvalidPattern","_assignProps3","_ref4","_ref10","SText","_assignProps4"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\nimport InvalidPattern from '@semcore/utils/lib/components/invalid-state-pattern/InvalidStatePattern';\n\nimport style from './style/checkbox.shadow.css';\n\nclass CheckboxRoot extends Component {\n  static displayName = 'Checkbox';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    defaultChecked: false,\n  };\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled) => {\n    logger.warn(\n      true,\n      `Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const { size, disabled, label } = this.asProps;\n    const { hoistedDisabled } = this.state;\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      children: label,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  getValueProps() {\n    const { size, state, theme, onChange, defaultChecked, checked, disabled, indeterminate } =\n      this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      state,\n      theme,\n      onChange,\n      checked,\n      defaultChecked,\n      indeterminate,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SLabel = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n    return sstyled(styles)(\n      <SLabel\n        render={Box}\n        tag='label'\n        __excludeProps={['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label']}\n      >\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <Checkbox.Value />\n            <Checkbox.Text />\n          </>\n        )}\n      </SLabel>,\n    );\n  }\n}\n\nclass ValueRoot extends Component {\n  static defaultProps = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [autoFocusEnhance(), resolveColorEnhance()];\n  static displayName = 'Value';\n  static style = style;\n\n  handleClick(e) {\n    // idk for what it exists, leaving just in case it saves us from some bugs\n    e.stopPropagation();\n  }\n\n  uncontrolledProps() {\n    return {\n      checked: (e) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { forwardRef, includeInputProps, indeterminate, state } = this.asProps;\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return {\n      indeterminate,\n      ref: forwardRef,\n      state,\n      ...controlProps,\n      onClick: callAllEventHandlers(controlProps.onClick, this.handleClick),\n    };\n  }\n\n  getCheckMarkProps() {\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      includeInputProps,\n      resolveColor,\n      ...other\n    } = this.asProps;\n    const [, checkMarkProps] = getInputProps(other, includeInputProps);\n    const { children, Children, ...propsWithoutChildren } = checkMarkProps;\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      resolveColor,\n      ...propsWithoutChildren,\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Checkbox.Value.Control />\n          <Checkbox.Value.CheckMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nconst Control = (props) => {\n  const SControl = Root;\n  const { indeterminate, styles, state } = props;\n  const checkboxRef = React.useRef(null);\n\n  React.useEffect(() => {\n    if (checkboxRef.current) {\n      checkboxRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, checkboxRef]);\n\n  return sstyled(styles)(\n    <SControl\n      ref={checkboxRef}\n      render={Box}\n      tag='input'\n      type='checkbox'\n      aria-invalid={state === 'invalid'}\n    />,\n  );\n};\nControl.displayName = 'Control';\n\nconst CheckMark = (props) => {\n  const SCheckbox = Root;\n  const SInvalidPattern = InvalidPattern;\n  const { theme, styles, resolveColor, state, checked, indeterminate } = props;\n  return sstyled(styles)(\n    <SCheckbox render={Flex} tag='span' use:theme={resolveColor(theme)}>\n      {state === 'invalid' && !checked && !indeterminate && <SInvalidPattern />}\n    </SCheckbox>,\n  );\n};\nCheckMark.displayName = 'CheckMark';\n\nconst Text = (props) => {\n  const SText = Root;\n  const { styles } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n\n  return sstyled(styles)(<SText render={TypographyText} tag='span' />);\n};\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  CheckMark,\n});\n\nconst Checkbox = createComponent(CheckboxRoot, {\n  Text,\n  Value,\n});\nexport { inputProps };\nexport default Checkbox;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.js","names":["React","createComponent","Component","sstyled","Root","Box","Flex","InvalidStateBox","Text","TypographyText","useColorResolver","resolveColorEnhance","callAllEventHandlers","autoFocusEnhance","getInputProps","inputProps","logger","style","_sstyled","insert","CheckboxRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoistedDisabled","undefined","disabled","warn","asProps","setState","_createClass","key","value","getTextProps","_this$asProps","size","label","state","children","hoistDisabled","rootDisabled","props","getValueProps","_this$asProps2","theme","onChange","defaultChecked","checked","indeterminate","render","_ref","_ref5","SLabel","_this$asProps3","Children","hasChildren","styles","createElement","cn","_objectSpread","_assignProps","Fragment","Checkbox","Value","ValueRoot","_Component2","_super2","handleClick","e","stopPropagation","uncontrolledProps","target","getControlProps","_this$asProps4","forwardRef","includeInputProps","_getInputProps","_getInputProps2","_slicedToArray","controlProps","ref","onClick","getCheckMarkProps","_this$asProps5","keyboardFocused","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps3","_getInputProps4","checkMarkProps","propsWithoutChildren","_excluded2","componentDidUpdate","componentDidMount","_ref7","_this$asProps6","_ref6","Control","CheckMark","_ref2","arguments[0]","_ref8","SControl","checkboxRef","useRef","useEffect","current","_assignProps2","displayName","_ref3","_ref9","SCheckbox","SInvalidPattern","_assignProps3","_ref4","_ref10","SText","color","_assignProps4"],"sources":["../../src/Checkbox.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box, Flex, InvalidStateBox } from '@semcore/flex-box';\nimport { Text as TypographyText } from '@semcore/typography';\nimport { useColorResolver } from '@semcore/utils/lib/use/useColorResolver';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport logger from '@semcore/utils/lib/logger';\n\nimport style from './style/checkbox.shadow.css';\n\nclass CheckboxRoot extends Component {\n  static displayName = 'Checkbox';\n  static style = style;\n\n  static defaultProps = {\n    size: 'm',\n    state: 'normal',\n    defaultChecked: false,\n  };\n  state = {\n    hoistedDisabled: undefined,\n  };\n\n  hoistDisabled = (disabled) => {\n    logger.warn(\n      true,\n      `Don't set disabled on Checkbox.Value or Checkbox.Text, set it on Checkbox instead. Otherwise it will produce wrong SSR output.`,\n      this.asProps['data-ui-name'],\n    );\n    this.setState({ hoistedDisabled: disabled });\n  };\n\n  getTextProps() {\n    const { size, disabled, label } = this.asProps;\n    const { hoistedDisabled } = this.state;\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      children: label,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  getValueProps() {\n    const { size, state, theme, onChange, defaultChecked, checked, disabled, indeterminate } =\n      this.asProps;\n    const { hoistedDisabled } = this.state;\n\n    return {\n      size,\n      disabled: disabled ?? hoistedDisabled,\n      state,\n      theme,\n      onChange,\n      checked,\n      defaultChecked,\n      indeterminate,\n      hoistDisabled: this.hoistDisabled,\n      rootDisabled: this.props.disabled,\n    };\n  }\n\n  render() {\n    const SLabel = Root;\n    const { Children, children: hasChildren, styles } = this.asProps;\n    return sstyled(styles)(\n      <SLabel\n        render={Box}\n        tag='label'\n        __excludeProps={['onChange', 'indeterminate', 'checked', 'checkedDefault', 'label']}\n      >\n        {hasChildren ? (\n          <Children />\n        ) : (\n          <>\n            <Checkbox.Value />\n            <Checkbox.Text />\n          </>\n        )}\n      </SLabel>,\n    );\n  }\n}\n\nclass ValueRoot extends Component {\n  static defaultProps = {\n    includeInputProps: inputProps,\n  };\n  static enhance = [autoFocusEnhance(), resolveColorEnhance()];\n  static displayName = 'Value';\n  static style = style;\n\n  handleClick(e) {\n    // idk for what it exists, leaving just in case it saves us from some bugs\n    e.stopPropagation();\n  }\n\n  uncontrolledProps() {\n    return {\n      checked: (e) => e.target.checked,\n    };\n  }\n\n  getControlProps() {\n    const { forwardRef, includeInputProps, indeterminate, state } = this.asProps;\n    const [controlProps] = getInputProps(this.asProps, includeInputProps);\n\n    return {\n      indeterminate,\n      ref: forwardRef,\n      state,\n      ...controlProps,\n      onClick: callAllEventHandlers(controlProps.onClick, this.handleClick),\n    };\n  }\n\n  getCheckMarkProps() {\n    const {\n      size,\n      state,\n      theme,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      includeInputProps,\n      resolveColor,\n      ...other\n    } = this.asProps;\n    const [, checkMarkProps] = getInputProps(other, includeInputProps);\n    const { children, Children, ...propsWithoutChildren } = checkMarkProps;\n    return {\n      theme,\n      size,\n      state,\n      keyboardFocused,\n      checked,\n      indeterminate,\n      resolveColor,\n      ...propsWithoutChildren,\n    };\n  }\n\n  componentDidUpdate() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n  componentDidMount() {\n    if (this.asProps.rootDisabled !== this.asProps.disabled) {\n      this.asProps.hoistDisabled(this.asProps.disabled);\n    }\n  }\n\n  render() {\n    const { styles, children: hasChildren, Children } = this.asProps;\n\n    if (!hasChildren) {\n      return sstyled(styles)(\n        <>\n          <Checkbox.Value.Control />\n          <Checkbox.Value.CheckMark />\n        </>,\n      );\n    }\n\n    return sstyled(styles)(<Children />);\n  }\n}\n\nconst Control = (props) => {\n  const SControl = Root;\n  const { indeterminate, styles, state } = props;\n  const checkboxRef = React.useRef(null);\n\n  React.useEffect(() => {\n    if (checkboxRef.current) {\n      checkboxRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, checkboxRef]);\n\n  return sstyled(styles)(\n    <SControl\n      ref={checkboxRef}\n      render={Box}\n      tag='input'\n      type='checkbox'\n      aria-invalid={state === 'invalid'}\n    />,\n  );\n};\nControl.displayName = 'Control';\n\nconst CheckMark = (props) => {\n  const SCheckbox = Root;\n  const SInvalidPattern = InvalidStateBox;\n  const { theme, styles, resolveColor, state, checked, indeterminate } = props;\n  return sstyled(styles)(\n    <SCheckbox render={Flex} tag='span' use:theme={resolveColor(theme)}>\n      {state === 'invalid' && !checked && !indeterminate && <SInvalidPattern />}\n    </SCheckbox>,\n  );\n};\nCheckMark.displayName = 'CheckMark';\n\nconst Text = (props) => {\n  const SText = Root;\n  const { styles, color } = props;\n\n  React.useEffect(() => {\n    if (props.rootDisabled !== props.disabled) {\n      props.hoistDisabled(props.disabled);\n    }\n  }, [props.rootDisabled, props.disabled, props.hoistDisabled]);\n\n  const resolveColor = useColorResolver();\n\n  return sstyled(styles)(\n    <SText render={TypographyText} tag='span' use:color={resolveColor(color)} />,\n  );\n};\nText.displayName = 'Text';\n\nconst Value = createComponent(ValueRoot, {\n  Control,\n  CheckMark,\n});\n\nconst Checkbox = createComponent(CheckboxRoot, {\n  Text,\n  Value,\n});\nexport { inputProps };\nexport default Checkbox;\n"],"mappings":"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"}

package/checkbox/lib/es6/style/checkbox.shadow.css

@@ -16,6 +16,10 @@ SLabel {
       opacity: var(--intergalactic-disabled-opacity, 0.3);
     }
   }
+
+  SText[color] {
+    color: var(--color);
+  }
 }
 
 SControl {
@@ -71,6 +75,7 @@ SCheckbox[size='l'] {
   margin-top: var(--intergalactic-spacing-05x, 2px);
   width: 20px;
   height: 20px;
+
   &[checked]::after {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMSAxLjVMNC43NSA3Ljc1TDEgNCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
@@ -80,6 +85,7 @@ SCheckbox[size='m'] {
   margin-top: var(--intergalactic-spacing-05x, 2px);
   width: 16px;
   height: 16px;
+
   &[checked]::after {
     background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNyIgdmlld0JveD0iMCAwIDEwIDciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik04LjI1IDFMNCA1LjI1TDEuNzUgMyIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
   }
@@ -97,19 +103,19 @@ SText[size='m'] {
 }
 
 
-SControl[checked] ~ SCheckbox[state='normal']:before,
-SControl[checked] ~ SCheckbox[state='invalid']:before {
+SControl[checked]~SCheckbox[state='normal']:before,
+SControl[checked]~SCheckbox[state='invalid']:before {
   background-color: var(--intergalactic-control-primary-info, #008ff8);
   border-color: var(--intergalactic-control-primary-info, #008ff8);
 }
 
-SControl[indeterminate] ~ SCheckbox[state='normal']:before {
+SControl[indeterminate]~SCheckbox[state='normal']:before {
   background-color: var(--intergalactic-control-primary-info, #008ff8);
   border-color: var(--intergalactic-control-primary-info, #008ff8);
 }
 
 SCheckbox[state='invalid'],
-SControl[checked] ~ SCheckbox[state='invalid'] {
+SControl[checked]~SCheckbox[state='invalid'] {
   &:before {
     border-color: var(--intergalactic-border-critical-active, #d1002f);
   }
@@ -126,36 +132,36 @@ SControl[checked] {
   }
 }
 
-SControl[disabled] ~ SCheckbox:before {
+SControl[disabled]~SCheckbox:before {
   opacity: var(--intergalactic-disabled-opacity, 0.3);
   cursor: default;
 }
 
-SControl[checked] ~ SCheckbox {
+SControl[checked]~SCheckbox {
   &[state='invalid']:before {
     background-color: var(--intergalactic-control-primary-critical, #ff4953);
     border-color: var(--intergalactic-control-primary-critical, #ff4953);
   }
 }
 
-SControl[indeterminate] ~ SCheckbox:after {
+SControl[indeterminate]~SCheckbox:after {
   background-color: var(--intergalactic-bg-primary-neutral, #ffffff);
   margin: auto;
   /* disable-tokens-validator */
   border-radius: 1px;
 }
 
-SControl[indeterminate] ~ SCheckbox[size='l']:after {
+SControl[indeterminate]~SCheckbox[size='l']:after {
   width: 12px;
   height: 2px;
 }
 
-SControl[indeterminate] ~ SCheckbox[size='m']:after {
+SControl[indeterminate]~SCheckbox[size='m']:after {
   width: 8px;
   height: 2px;
 }
 
-SControl[indeterminate] ~ SCheckbox[state='invalid']:before {
+SControl[indeterminate]~SCheckbox[state='invalid']:before {
   background-color: var(--intergalactic-control-primary-critical, #ff4953);
   border-color: var(--intergalactic-control-primary-critical, #ff4953);
 }
@@ -163,17 +169,18 @@ SControl[indeterminate] ~ SCheckbox[state='invalid']:before {
 SCheckbox[theme][state='normal']:before {
   border-color: var(--theme);
 }
+
 SCheckbox[theme][state='normal'][keyboardFocused]:before {
   border-color: var(--theme);
 }
 
-SControl[checked] ~ SCheckbox[theme][state='normal']:before,
-SControl[checked] ~ SCheckbox[theme][state='invalid']:before {
+SControl[checked]~SCheckbox[theme][state='normal']:before,
+SControl[checked]~SCheckbox[theme][state='invalid']:before {
   background-color: var(--theme);
   border-color: var(--theme);
 }
 
-SControl[indeterminate] ~ SCheckbox[theme][state='normal']:before {
+SControl[indeterminate]~SCheckbox[theme][state='normal']:before {
   background-color: var(--theme);
   border-color: var(--theme);
 }
@@ -183,4 +190,4 @@ SInvalidPattern {
   margin: 1px 0 1px 1px;
   border-bottom-left-radius: var(--intergalactic-rounded-small, 4px);
   border-top-left-radius: var(--intergalactic-rounded-small, 4px);
-}
+}

package/components.json

@@ -1,5 +1,5 @@
 {
-  "@semcore/accordion": "5.22.0",
+  "@semcore/accordion": "5.22.1",
   "@semcore/animation": "2.18.0",
   "@semcore/badge": "4.18.0",
   "@semcore/base-trigger": "4.24.0",

package/feedback-form/lib/cjs/FeedbackForm.js

@@ -52,6 +52,14 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
     return _this;
   }
   (0, _createClass2["default"])(FeedbackForm, [{
+    key: "getItemProps",
+    value: function getItemProps() {
+      var validateOnBlur = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: validateOnBlur
+      };
+    }
+  }, {
     key: "render",
     value: function render() {
       var SFeedbackForm = _flexBox.Box;
@@ -130,15 +138,17 @@ function Item(_ref11) {
     var input = _ref12.input,
       meta = _ref12.meta,
       other = (0, _objectWithoutProperties2["default"])(_ref12, _excluded3);
+    var showError = other.validateOnBlur === false ? meta.submitFailed : true;
     var invalid = meta.invalid && meta.touched;
+    var errorState = showError && invalid;
     var inputProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, input), {}, {
-      state: invalid ? 'invalid' : 'normal',
-      'aria-invalid': invalid ? true : false,
+      state: errorState ? 'invalid' : 'normal',
+      'aria-invalid': errorState ? true : false,
       'aria-errormessage': uid
     });
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
-      visible: invalid && meta.active,
+      visible: errorState && meta.active,
       theme: "warning",
       placement: "left",
       flip: {

package/feedback-form/lib/cjs/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_tooltip","_notice","_flexBox","_pick","_uniqueID","_excluded","_excluded2","_excluded3","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","render","SFeedbackForm","Box","_this$asProps","asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","tooltipProps","pick","ItemRoot","lastErrorRef","React","useRef","_ref12","_meta$error","input","meta","invalid","touched","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","assignProps","Popper","id","ignorePortalsStacking","enhance","uniqueIDEnhancement","Success","_ref2","_ref7","SSuccess","SEmail","Submit","_ref3","_ref8","SSubmit","Button","Cancel","_ref4","_ref9","SCancel","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n                title='This is feedback'\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nconst TooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n  const tooltipProps = pick(props, TooltipProps);\n  const ItemRoot = Root;\n\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const invalid = meta.invalid && meta.touched;\n        const inputProps = {\n          ...input,\n          state: invalid ? 'invalid' : 'normal',\n          'aria-invalid': invalid ? true : false,\n          'aria-errormessage': uid,\n        };\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={invalid && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false}>\n              {tag && <ItemRoot render={tag} {...inputProps} />}\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper id={uid} ignorePortalsStacking>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n  const { styles } = props;\n  const SSubmit = Root;\n  return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'gray96', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item,\n  Success,\n  Submit,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_tooltip","_notice","_flexBox","_pick","_uniqueID","_excluded","_excluded2","_excluded3","style","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref6","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","TooltipProps","Item","_ref11","_ref","arguments[0]","tag","uid","props","tooltipProps","pick","ItemRoot","lastErrorRef","React","useRef","_ref12","_meta$error","input","meta","showError","submitFailed","invalid","touched","errorState","inputProps","state","current","visible","active","placement","flip","fallbackPlacements","Trigger","inline","assignProps","Popper","id","ignorePortalsStacking","enhance","uniqueIDEnhancement","Success","_ref2","_ref7","SSuccess","SEmail","Submit","_ref3","_ref8","SSubmit","Button","Cancel","_ref4","_ref9","SCancel","Notice","_ref5","_ref10","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport Tooltip from '@semcore/tooltip';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n                title='This is feedback'\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nconst TooltipProps = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nfunction Item({ Children, tag, uid, ...props }) {\n  const tooltipProps = pick(props, TooltipProps);\n  const ItemRoot = Root;\n\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const inputProps = {\n          ...input,\n          state: errorState ? 'invalid' : 'normal',\n          'aria-invalid': errorState ? true : false,\n          'aria-errormessage': uid,\n        };\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false}>\n              {tag && <ItemRoot render={tag} {...inputProps} />}\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper id={uid} ignorePortalsStacking>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nItem.enhance = [uniqueIDEnhancement()];\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Submit(props) {\n  const { styles } = props;\n  const SSubmit = Root;\n  return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'gray96', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item,\n  Success,\n  Submit,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}

package/feedback-form/lib/es6/FeedbackForm.js

@@ -50,6 +50,14 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
     return _this;
   }
   _createClass(FeedbackForm, [{
+    key: "getItemProps",
+    value: function getItemProps() {
+      var validateOnBlur = this.asProps.validateOnBlur;
+      return {
+        validateOnBlur: validateOnBlur
+      };
+    }
+  }, {
     key: "render",
     value: function render() {
       var SFeedbackForm = Box;
@@ -128,15 +136,17 @@ function Item(_ref11) {
     var input = _ref12.input,
       meta = _ref12.meta,
       other = _objectWithoutProperties(_ref12, _excluded3);
+    var showError = other.validateOnBlur === false ? meta.submitFailed : true;
     var invalid = meta.invalid && meta.touched;
+    var errorState = showError && invalid;
     var inputProps = _objectSpread(_objectSpread({}, input), {}, {
-      state: invalid ? 'invalid' : 'normal',
-      'aria-invalid': invalid ? true : false,
+      state: errorState ? 'invalid' : 'normal',
+      'aria-invalid': errorState ? true : false,
       'aria-errormessage': uid
     });
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/React.createElement(Tooltip, _extends({
-      visible: invalid && meta.active,
+      visible: errorState && meta.active,
       theme: "warning",
       placement: "left",
       flip: {