intergalactic 15.77.1 → 15.78.0-prerelease.1

package/product-head/lib/cjs/Info.js

@@ -17,10 +17,10 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
 /*__reshadow-styles__:"./style/info.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInfo_1l8rv_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_1l8rv_gg_>.___SItem_1l8rv_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_1l8rv_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_1l8rv_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_1l8rv_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_1l8rv_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}" /*__inner_css_end__*/, "1l8rv_gg_") /*__reshadow_css_end__*/, {
-  "__SItem": "___SItem_1l8rv_gg_",
-  "__SLabel": "___SLabel_1l8rv_gg_",
-  "__SInfo": "___SInfo_1l8rv_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SInfo_13zgq_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_13zgq_gg_>.___SItem_13zgq_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_13zgq_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_13zgq_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_13zgq_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_13zgq_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}" /*__inner_css_end__*/, "13zgq_gg_") /*__reshadow_css_end__*/, {
+  "__SItem": "___SItem_13zgq_gg_",
+  "__SLabel": "___SLabel_13zgq_gg_",
+  "__SInfo": "___SInfo_13zgq_gg_"
 });
 /** @deprecated */
 var InfoRoot = /*#__PURE__*/function (_Component) {

package/product-head/lib/cjs/ProductHead.js

@@ -16,11 +16,11 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 /*__reshadow-styles__:"./style/product-head.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SProductHead_gj9te_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_gj9te_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_gj9te_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_gj9te_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_gj9te_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_gj9te_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_gj9te_gg_{flex-wrap:wrap}.___SButtons_gj9te_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_gj9te_gg_{display:none}}" /*__inner_css_end__*/, "gj9te_gg_") /*__reshadow_css_end__*/, {
-  "__SProductHead": "___SProductHead_gj9te_gg_",
-  "__SRow": "___SRow_gj9te_gg_",
-  "__SButtons": "___SButtons_gj9te_gg_",
-  "__SLinks": "___SLinks_gj9te_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SProductHead_10t0x_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_10t0x_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_10t0x_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_10t0x_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_10t0x_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_10t0x_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_10t0x_gg_{flex-wrap:wrap}.___SButtons_10t0x_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_10t0x_gg_{display:none}}" /*__inner_css_end__*/, "10t0x_gg_") /*__reshadow_css_end__*/, {
+  "__SProductHead": "___SProductHead_10t0x_gg_",
+  "__SRow": "___SRow_10t0x_gg_",
+  "__SButtons": "___SButtons_10t0x_gg_",
+  "__SLinks": "___SLinks_10t0x_gg_"
 });
 var HeaderRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(HeaderRoot, _Component);

package/product-head/lib/cjs/Title.js

@@ -17,10 +17,10 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _isNode = _interopRequireDefault(require("intergalactic/utils/lib/isNode"));
 /*__reshadow-styles__:"./style/title.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STitle_16gej_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_16gej_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_16gej_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_16gej_gg_{flex-wrap:wrap;white-space:normal}}" /*__inner_css_end__*/, "16gej_gg_") /*__reshadow_css_end__*/, {
-  "__STitle": "___STitle_16gej_gg_",
-  "__STool": "___STool_16gej_gg_",
-  "__SName": "___SName_16gej_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STitle_1vw5n_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_1vw5n_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_1vw5n_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_1vw5n_gg_{flex-wrap:wrap;white-space:normal}}" /*__inner_css_end__*/, "1vw5n_gg_") /*__reshadow_css_end__*/, {
+  "__STitle": "___STitle_1vw5n_gg_",
+  "__STool": "___STool_1vw5n_gg_",
+  "__SName": "___SName_1vw5n_gg_"
 });
 /** @deprecated */
 var TitleRoot = /*#__PURE__*/function (_Component) {

package/product-head/lib/es6/Info.js

@@ -13,10 +13,10 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
 /*__reshadow-styles__:"./style/info.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInfo_1l8rv_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_1l8rv_gg_>.___SItem_1l8rv_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_1l8rv_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_1l8rv_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_1l8rv_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_1l8rv_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}" /*__inner_css_end__*/, "1l8rv_gg_") /*__reshadow_css_end__*/, {
-  "__SItem": "___SItem_1l8rv_gg_",
-  "__SLabel": "___SLabel_1l8rv_gg_",
-  "__SInfo": "___SInfo_1l8rv_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SInfo_13zgq_gg_{display:flex;align-items:center;flex-wrap:wrap;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SInfo_13zgq_gg_>.___SItem_13zgq_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-6x, 24px);position:relative}.___SItem_13zgq_gg_{align-items:center;display:flex;white-space:nowrap}.___SLabel_13zgq_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}@media (max-width:767px){.___SInfo_13zgq_gg_{margin-bottom:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SItem_13zgq_gg_{margin-bottom:var(--intergalactic-spacing-1x, 4px)}}" /*__inner_css_end__*/, "13zgq_gg_") /*__reshadow_css_end__*/, {
+  "__SItem": "___SItem_13zgq_gg_",
+  "__SLabel": "___SLabel_13zgq_gg_",
+  "__SInfo": "___SInfo_13zgq_gg_"
 });
 /** @deprecated */
 var InfoRoot = /*#__PURE__*/function (_Component) {

package/product-head/lib/es6/ProductHead.js

@@ -13,11 +13,11 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"./style/product-head.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SProductHead_gj9te_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_gj9te_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_gj9te_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_gj9te_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_gj9te_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_gj9te_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_gj9te_gg_{flex-wrap:wrap}.___SButtons_gj9te_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_gj9te_gg_{display:none}}" /*__inner_css_end__*/, "gj9te_gg_") /*__reshadow_css_end__*/, {
-  "__SProductHead": "___SProductHead_gj9te_gg_",
-  "__SRow": "___SRow_gj9te_gg_",
-  "__SButtons": "___SButtons_gj9te_gg_",
-  "__SLinks": "___SLinks_gj9te_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SProductHead_10t0x_gg_{margin-top:var(--intergalactic-spacing-4x, 16px);margin-bottom:var(--intergalactic-spacing-6x, 24px)}.___SRow_10t0x_gg_{display:flex;justify-content:space-between;margin-top:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px)}.___SButtons_10t0x_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SButtons_10t0x_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SLinks_10t0x_gg_{display:flex;align-items:center;justify-content:flex-end;margin-left:var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SLinks_10t0x_gg_>:not(:first-child){margin-left:var(--intergalactic-spacing-5x, 20px)}@media (max-width:767px){.___SRow_10t0x_gg_{flex-wrap:wrap}.___SButtons_10t0x_gg_{width:100%;margin-left:0;margin-top:var(--intergalactic-spacing-2x, 8px);justify-content:flex-start;flex-wrap:wrap}.___SLinks_10t0x_gg_{display:none}}" /*__inner_css_end__*/, "10t0x_gg_") /*__reshadow_css_end__*/, {
+  "__SProductHead": "___SProductHead_10t0x_gg_",
+  "__SRow": "___SRow_10t0x_gg_",
+  "__SButtons": "___SButtons_10t0x_gg_",
+  "__SLinks": "___SLinks_10t0x_gg_"
 });
 var HeaderRoot = /*#__PURE__*/function (_Component) {
   _inherits(HeaderRoot, _Component);

package/product-head/lib/es6/Title.js

@@ -12,10 +12,10 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import isNode from 'intergalactic/utils/lib/isNode';
 /*__reshadow-styles__:"./style/title.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STitle_16gej_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_16gej_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_16gej_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_16gej_gg_{flex-wrap:wrap;white-space:normal}}" /*__inner_css_end__*/, "16gej_gg_") /*__reshadow_css_end__*/, {
-  "__STitle": "___STitle_16gej_gg_",
-  "__STool": "___STool_16gej_gg_",
-  "__SName": "___SName_16gej_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STitle_1vw5n_gg_{align-items:center;display:flex;font-size:var(--intergalactic-fs-400, 20px);line-height:var(--intergalactic-lh-400, 120%);font-weight:var(--intergalactic-semi-bold, 600);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--intergalactic-text-primary, #191b23);margin:0}.___STool_1vw5n_gg_{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SName_1vw5n_gg_{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:767px){.___STitle_1vw5n_gg_{flex-wrap:wrap;white-space:normal}}" /*__inner_css_end__*/, "1vw5n_gg_") /*__reshadow_css_end__*/, {
+  "__STitle": "___STitle_1vw5n_gg_",
+  "__STool": "___STool_1vw5n_gg_",
+  "__SName": "___SName_1vw5n_gg_"
 });
 /** @deprecated */
 var TitleRoot = /*#__PURE__*/function (_Component) {

package/progress-bar/lib/cjs/ProgressBar.js

@@ -17,21 +17,21 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
 /*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_4h7qg{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_4h7qg_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_4h7qg_gg_._theme_dark_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_4h7qg_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_4h7qg;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_4h7qg);animation-duration:var(--duration_4h7qg);transition-duration:var(--duration_4h7qg)}.___SValue_4h7qg_gg_.__theme_4h7qg_gg_{background-color:var(--colorBg_4h7qg);background-image:var(--colorBg_4h7qg)}.___SProgressBar_4h7qg_gg_._size_s_4h7qg_gg_,.___SValue_4h7qg_gg_._size_s_4h7qg_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_4h7qg_gg_._size_m_4h7qg_gg_,.___SValue_4h7qg_gg_._size_m_4h7qg_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_4h7qg_gg_._size_l_4h7qg_gg_,.___SValue_4h7qg_gg_._size_l_4h7qg_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_4h7qg_gg_._theme_invert_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_4h7qg_gg_.__animation_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_4h7qg;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_4h7qg)}.___SProgressBar_4h7qg_gg_._theme_custom_4h7qg_gg_{background-color:var(--colorBg_4h7qg);background-image:var(--colorBg_4h7qg)}@media (prefers-reduced-motion){.___SProgressBar_4h7qg_gg_.__animation_4h7qg_gg_,.___SValue_4h7qg_gg_{animation-name:none}}" /*__inner_css_end__*/, "4h7qg_gg_") /*__reshadow_css_end__*/, {
-  "__SProgressBar": "___SProgressBar_4h7qg_gg_",
-  "_theme_dark": "_theme_dark_4h7qg_gg_",
-  "__SValue": "___SValue_4h7qg_gg_",
-  "--width": "--width_4h7qg",
-  "--duration": "--duration_4h7qg",
-  "_theme": "__theme_4h7qg_gg_",
-  "--colorBg": "--colorBg_4h7qg",
-  "_size_s": "_size_s_4h7qg_gg_",
-  "_size_m": "_size_m_4h7qg_gg_",
-  "_size_l": "_size_l_4h7qg_gg_",
-  "_theme_invert": "_theme_invert_4h7qg_gg_",
-  "@loading": "loading_4h7qg",
-  "_animation": "__animation_4h7qg_gg_",
-  "_theme_custom": "_theme_custom_4h7qg_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes loading_9infb{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_9infb_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_9infb_gg_._theme_dark_9infb_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_9infb_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_9infb;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_9infb);animation-duration:var(--duration_9infb);transition-duration:var(--duration_9infb)}.___SValue_9infb_gg_.__theme_9infb_gg_{background-color:var(--colorBg_9infb);background-image:var(--colorBg_9infb)}.___SProgressBar_9infb_gg_._size_s_9infb_gg_,.___SValue_9infb_gg_._size_s_9infb_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_9infb_gg_._size_m_9infb_gg_,.___SValue_9infb_gg_._size_m_9infb_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_9infb_gg_._size_l_9infb_gg_,.___SValue_9infb_gg_._size_l_9infb_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_9infb_gg_._theme_invert_9infb_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_9infb_gg_.__animation_9infb_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_9infb;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_9infb)}.___SProgressBar_9infb_gg_._theme_custom_9infb_gg_{background-color:var(--colorBg_9infb);background-image:var(--colorBg_9infb)}@media (prefers-reduced-motion){.___SProgressBar_9infb_gg_.__animation_9infb_gg_,.___SValue_9infb_gg_{animation-name:none}}" /*__inner_css_end__*/, "9infb_gg_") /*__reshadow_css_end__*/, {
+  "__SProgressBar": "___SProgressBar_9infb_gg_",
+  "_theme_dark": "_theme_dark_9infb_gg_",
+  "__SValue": "___SValue_9infb_gg_",
+  "--width": "--width_9infb",
+  "--duration": "--duration_9infb",
+  "_theme": "__theme_9infb_gg_",
+  "--colorBg": "--colorBg_9infb",
+  "_size_s": "_size_s_9infb_gg_",
+  "_size_m": "_size_m_9infb_gg_",
+  "_size_l": "_size_l_9infb_gg_",
+  "_theme_invert": "_theme_invert_9infb_gg_",
+  "@loading": "loading_9infb",
+  "_animation": "__animation_9infb_gg_",
+  "_theme_custom": "_theme_custom_9infb_gg_"
 });
 function isCustomTheme(theme) {
   return !['dark', 'invert'].includes(theme);

package/progress-bar/lib/es6/ProgressBar.js

@@ -12,21 +12,21 @@ import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
 /*__reshadow-styles__:"./style/progress-bar.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes loading_4h7qg{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_4h7qg_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_4h7qg_gg_._theme_dark_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_4h7qg_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_4h7qg;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_4h7qg);animation-duration:var(--duration_4h7qg);transition-duration:var(--duration_4h7qg)}.___SValue_4h7qg_gg_.__theme_4h7qg_gg_{background-color:var(--colorBg_4h7qg);background-image:var(--colorBg_4h7qg)}.___SProgressBar_4h7qg_gg_._size_s_4h7qg_gg_,.___SValue_4h7qg_gg_._size_s_4h7qg_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_4h7qg_gg_._size_m_4h7qg_gg_,.___SValue_4h7qg_gg_._size_m_4h7qg_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_4h7qg_gg_._size_l_4h7qg_gg_,.___SValue_4h7qg_gg_._size_l_4h7qg_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_4h7qg_gg_._theme_invert_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_4h7qg_gg_.__animation_4h7qg_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_4h7qg;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_4h7qg)}.___SProgressBar_4h7qg_gg_._theme_custom_4h7qg_gg_{background-color:var(--colorBg_4h7qg);background-image:var(--colorBg_4h7qg)}@media (prefers-reduced-motion){.___SProgressBar_4h7qg_gg_.__animation_4h7qg_gg_,.___SValue_4h7qg_gg_{animation-name:none}}" /*__inner_css_end__*/, "4h7qg_gg_") /*__reshadow_css_end__*/, {
-  "__SProgressBar": "___SProgressBar_4h7qg_gg_",
-  "_theme_dark": "_theme_dark_4h7qg_gg_",
-  "__SValue": "___SValue_4h7qg_gg_",
-  "--width": "--width_4h7qg",
-  "--duration": "--duration_4h7qg",
-  "_theme": "__theme_4h7qg_gg_",
-  "--colorBg": "--colorBg_4h7qg",
-  "_size_s": "_size_s_4h7qg_gg_",
-  "_size_m": "_size_m_4h7qg_gg_",
-  "_size_l": "_size_l_4h7qg_gg_",
-  "_theme_invert": "_theme_invert_4h7qg_gg_",
-  "@loading": "loading_4h7qg",
-  "_animation": "__animation_4h7qg_gg_",
-  "_theme_custom": "_theme_custom_4h7qg_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes loading_9infb{0%{background-position:0 0}to{background-position:60px 0}}.___SProgressBar_9infb_gg_{position:relative;width:100%;overflow:hidden;background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_9infb_gg_._theme_dark_9infb_gg_{background-color:var(--intergalactic-progress-bar-bg-invert, rgba(255, 255, 255, 0.2))}.___SValue_9infb_gg_{position:absolute;top:0;left:0;background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-value-gradient,\n  linear-gradient(-45deg, rgba(0, 159, 129, 0.9) 25%, rgba(0, 159, 129, 1) 0%, rgba(0, 159, 129, 1) 50%, rgba(0, 159, 129, 0.9) 0%, rgba(0, 159, 129, 0.9) 75%, rgba(0, 159, 129, 1) 0%));overflow:hidden;animation-name:loading_9infb;animation-timing-function:linear;animation-iteration-count:infinite;transition-property:width;transition-timing-function:linear;width:var(--width_9infb);animation-duration:var(--duration_9infb);transition-duration:var(--duration_9infb)}.___SValue_9infb_gg_.__theme_9infb_gg_{background-color:var(--colorBg_9infb);background-image:var(--colorBg_9infb)}.___SProgressBar_9infb_gg_._size_s_9infb_gg_,.___SValue_9infb_gg_._size_s_9infb_gg_{height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:8px 8px}.___SProgressBar_9infb_gg_._size_m_9infb_gg_,.___SValue_9infb_gg_._size_m_9infb_gg_{height:8px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px 12px}.___SProgressBar_9infb_gg_._size_l_9infb_gg_,.___SValue_9infb_gg_._size_l_9infb_gg_{height:12px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:16px 16px}.___SProgressBar_9infb_gg_._theme_invert_9infb_gg_{background-color:var(--intergalactic-progress-bar-bg, #e0e1e9)}.___SProgressBar_9infb_gg_.__animation_9infb_gg_{background-color:var(--intergalactic-progress-bar-value-bg, #000000);background-image:var(--intergalactic-progress-bar-pattern-gradient,\n  linear-gradient(-45deg, rgba(224, 225, 233, 0.9) 25%, rgba(224, 225, 233, 1) 0%, rgba(224, 225, 233, 1) 50%, rgba(224, 225, 233, 0.9) 0%, rgba(224, 225, 233, 0.9) 75%, rgba(224, 225, 233, 1) 0%));animation-name:loading_9infb;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--duration_9infb)}.___SProgressBar_9infb_gg_._theme_custom_9infb_gg_{background-color:var(--colorBg_9infb);background-image:var(--colorBg_9infb)}@media (prefers-reduced-motion){.___SProgressBar_9infb_gg_.__animation_9infb_gg_,.___SValue_9infb_gg_{animation-name:none}}" /*__inner_css_end__*/, "9infb_gg_") /*__reshadow_css_end__*/, {
+  "__SProgressBar": "___SProgressBar_9infb_gg_",
+  "_theme_dark": "_theme_dark_9infb_gg_",
+  "__SValue": "___SValue_9infb_gg_",
+  "--width": "--width_9infb",
+  "--duration": "--duration_9infb",
+  "_theme": "__theme_9infb_gg_",
+  "--colorBg": "--colorBg_9infb",
+  "_size_s": "_size_s_9infb_gg_",
+  "_size_m": "_size_m_9infb_gg_",
+  "_size_l": "_size_l_9infb_gg_",
+  "_theme_invert": "_theme_invert_9infb_gg_",
+  "@loading": "loading_9infb",
+  "_animation": "__animation_9infb_gg_",
+  "_theme_custom": "_theme_custom_9infb_gg_"
 });
 function isCustomTheme(theme) {
   return !['dark', 'invert'].includes(theme);

package/radio/index.d.ts

@@ -12,7 +12,7 @@ export type RadioValue = string | number | boolean;
 export interface IRadioProps extends RadioProps, UnknownProperties {}
 export type RadioProps = BoxProps & {
   /** Radio item value **/
-  value?: string;
+  value?: RadioValue;
 
   /** Radio item checked flag **/
   checked?: boolean;

package/radio/lib/cjs/Radio.js

@@ -35,22 +35,22 @@ var _typography = require("intergalactic/typography");
 var _excluded = ["size", "state", "theme", "keyboardFocused", "value", "tag", "disabled", "includeInputProps", "resolveColor"],
   _excluded2 = ["children", "Children"];
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_1wqor_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1wqor_gg_ .___SText_1wqor_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1wqor_gg_ .___SText_1wqor_gg_.__color_1wqor_gg_{color:var(--color_1wqor)}.___SRadio_1wqor_gg_.__disabled_1wqor_gg_{pointer-events:none}.___SText_1wqor_gg_._size_m_1wqor_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1wqor_gg_._size_l_1wqor_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1wqor_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1wqor_gg_::after,.___SValue_1wqor_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1wqor_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1wqor_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1wqor_gg_.__disabled_1wqor_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1wqor_gg_._size_m_1wqor_gg_{width:16px;height:16px}.___SValue_1wqor_gg_._size_l_1wqor_gg_{width:20px;height:20px}.___SValue_1wqor_gg_._state_normal_1wqor_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1wqor_gg_._state_invalid_1wqor_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1wqor_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_._size_m_1wqor_gg_::after{width:6px;height:6px}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_._size_l_1wqor_gg_::after{width:8px;height:8px}.___SValue_1wqor_gg_._state_normal_1wqor_gg_.__keyboardFocused_1wqor_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1wqor_gg_._state_invalid_1wqor_gg_.__keyboardFocused_1wqor_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_.__theme_1wqor_gg_::before{border-color:var(--theme_1wqor);background-color:var(--theme_1wqor)}.___SValue_1wqor_gg_._state_normal_1wqor_gg_.__theme_1wqor_gg_::before{border-color:var(--theme_1wqor)}.___SInvalidPattern_1wqor_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "1wqor_gg_") /*__reshadow_css_end__*/, {
-  "__SRadio": "___SRadio_1wqor_gg_",
-  "_disabled": "__disabled_1wqor_gg_",
-  "__SText": "___SText_1wqor_gg_",
-  "_size_m": "_size_m_1wqor_gg_",
-  "_size_l": "_size_l_1wqor_gg_",
-  "__SValue": "___SValue_1wqor_gg_",
-  "_state_normal": "_state_normal_1wqor_gg_",
-  "_state_invalid": "_state_invalid_1wqor_gg_",
-  "__SControl": "___SControl_1wqor_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wqor_gg_",
-  "_theme": "__theme_1wqor_gg_",
-  "--theme": "--theme_1wqor",
-  "__SInvalidPattern": "___SInvalidPattern_1wqor_gg_",
-  "_color": "__color_1wqor_gg_",
-  "--color": "--color_1wqor"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SRadio_gk0p9_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_gk0p9_gg_ .___SText_gk0p9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_gk0p9_gg_ .___SText_gk0p9_gg_.__color_gk0p9_gg_{color:var(--color_gk0p9)}.___SRadio_gk0p9_gg_.__disabled_gk0p9_gg_{pointer-events:none}.___SText_gk0p9_gg_._size_m_gk0p9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_gk0p9_gg_._size_l_gk0p9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_gk0p9_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_gk0p9_gg_::after,.___SValue_gk0p9_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_gk0p9_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_gk0p9_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_gk0p9_gg_.__disabled_gk0p9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_gk0p9_gg_._size_m_gk0p9_gg_{width:16px;height:16px}.___SValue_gk0p9_gg_._size_l_gk0p9_gg_{width:20px;height:20px}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_gk0p9_gg_._state_invalid_gk0p9_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_gk0p9_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_._size_m_gk0p9_gg_::after{width:6px;height:6px}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_._size_l_gk0p9_gg_::after{width:8px;height:8px}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_.__keyboardFocused_gk0p9_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_gk0p9_gg_._state_invalid_gk0p9_gg_.__keyboardFocused_gk0p9_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_.__theme_gk0p9_gg_::before{border-color:var(--theme_gk0p9);background-color:var(--theme_gk0p9)}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_.__theme_gk0p9_gg_::before{border-color:var(--theme_gk0p9)}.___SInvalidPattern_gk0p9_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "gk0p9_gg_") /*__reshadow_css_end__*/, {
+  "__SRadio": "___SRadio_gk0p9_gg_",
+  "_disabled": "__disabled_gk0p9_gg_",
+  "__SText": "___SText_gk0p9_gg_",
+  "_size_m": "_size_m_gk0p9_gg_",
+  "_size_l": "_size_l_gk0p9_gg_",
+  "__SValue": "___SValue_gk0p9_gg_",
+  "_state_normal": "_state_normal_gk0p9_gg_",
+  "_state_invalid": "_state_invalid_gk0p9_gg_",
+  "__SControl": "___SControl_gk0p9_gg_",
+  "_keyboardFocused": "__keyboardFocused_gk0p9_gg_",
+  "_theme": "__theme_gk0p9_gg_",
+  "--theme": "--theme_gk0p9",
+  "__SInvalidPattern": "___SInvalidPattern_gk0p9_gg_",
+  "_color": "__color_gk0p9_gg_",
+  "--color": "--color_gk0p9"
 });
 var RadioGroupRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RadioGroupRoot, _Component);

package/radio/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: string;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n  KeyboardFocusProps & {\n    /** List of elements that can be put on a hidden input */\n    includeInputProps?: string[];\n    /**\n     * @deprecated set `state` on root Radio instead\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: RadioState;\n    /**\n     * @deprecated\n     * The theme of the radio button that you can send your color to\n     */\n    theme?: string;\n    /**\n     * @deprecated set `size` on root RadioGroup instead\n     * Radio button size\n     */\n    size?: RadioSize;\n    /**\n     * @deprecated set `value` on root Radio instead\n     * The element value is required for RadioGroup\n     */\n    value?: RadioValue;\n    /**\n     * @deprecated set `defaultValue` on root RadioGroup instead\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: RadioValue;\n    /**\n     * @deprecated set `onChange` on root RadioGroup instead\n     * Called when the value changes\n     */\n    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `disabled` on root Radio instead\n     * Blocks access and changes to the form field\n     */\n    disabled?: boolean;\n  };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n  KeyboardFocusProps & {\n    /** List of elements that can be put on a hidden input */\n    includeInputProps?: string[];\n    /**\n     * @deprecated set `state` on root Radio instead\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: RadioState;\n    /**\n     * @deprecated\n     * The theme of the radio button that you can send your color to\n     */\n    theme?: string;\n    /**\n     * @deprecated set `size` on root RadioGroup instead\n     * Radio button size\n     */\n    size?: RadioSize;\n    /**\n     * @deprecated set `value` on root Radio instead\n     * The element value is required for RadioGroup\n     */\n    value?: RadioValue;\n    /**\n     * @deprecated set `defaultValue` on root RadioGroup instead\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: RadioValue;\n    /**\n     * @deprecated set `onChange` on root RadioGroup instead\n     * Called when the value changes\n     */\n    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `disabled` on root Radio instead\n     * Blocks access and changes to the form field\n     */\n    disabled?: boolean;\n  };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}

package/radio/lib/es6/Radio.js

@@ -24,22 +24,22 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
 import getInputProps, { inputProps } from 'intergalactic/utils/lib/inputProps';
 import { useColorResolver } from 'intergalactic/utils/lib/use/useColorResolver';
 /*__reshadow-styles__:"./style/radio.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_1wqor_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_1wqor_gg_ .___SText_1wqor_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_1wqor_gg_ .___SText_1wqor_gg_.__color_1wqor_gg_{color:var(--color_1wqor)}.___SRadio_1wqor_gg_.__disabled_1wqor_gg_{pointer-events:none}.___SText_1wqor_gg_._size_m_1wqor_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_1wqor_gg_._size_l_1wqor_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_1wqor_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_1wqor_gg_::after,.___SValue_1wqor_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_1wqor_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_1wqor_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_1wqor_gg_.__disabled_1wqor_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_1wqor_gg_._size_m_1wqor_gg_{width:16px;height:16px}.___SValue_1wqor_gg_._size_l_1wqor_gg_{width:20px;height:20px}.___SValue_1wqor_gg_._state_normal_1wqor_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_1wqor_gg_._state_invalid_1wqor_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_1wqor_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_._size_m_1wqor_gg_::after{width:6px;height:6px}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_._size_l_1wqor_gg_::after{width:8px;height:8px}.___SValue_1wqor_gg_._state_normal_1wqor_gg_.__keyboardFocused_1wqor_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_1wqor_gg_._state_invalid_1wqor_gg_.__keyboardFocused_1wqor_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_1wqor_gg_:checked~.___SValue_1wqor_gg_.__theme_1wqor_gg_::before{border-color:var(--theme_1wqor);background-color:var(--theme_1wqor)}.___SValue_1wqor_gg_._state_normal_1wqor_gg_.__theme_1wqor_gg_::before{border-color:var(--theme_1wqor)}.___SInvalidPattern_1wqor_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "1wqor_gg_") /*__reshadow_css_end__*/, {
-  "__SRadio": "___SRadio_1wqor_gg_",
-  "_disabled": "__disabled_1wqor_gg_",
-  "__SText": "___SText_1wqor_gg_",
-  "_size_m": "_size_m_1wqor_gg_",
-  "_size_l": "_size_l_1wqor_gg_",
-  "__SValue": "___SValue_1wqor_gg_",
-  "_state_normal": "_state_normal_1wqor_gg_",
-  "_state_invalid": "_state_invalid_1wqor_gg_",
-  "__SControl": "___SControl_1wqor_gg_",
-  "_keyboardFocused": "__keyboardFocused_1wqor_gg_",
-  "_theme": "__theme_1wqor_gg_",
-  "--theme": "--theme_1wqor",
-  "__SInvalidPattern": "___SInvalidPattern_1wqor_gg_",
-  "_color": "__color_1wqor_gg_",
-  "--color": "--color_1wqor"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SRadio_gk0p9_gg_{display:inline-flex;align-items:flex-start;cursor:pointer}.___SRadio_gk0p9_gg_ .___SText_gk0p9_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary, #191b23)}.___SRadio_gk0p9_gg_ .___SText_gk0p9_gg_.__color_gk0p9_gg_{color:var(--color_gk0p9)}.___SRadio_gk0p9_gg_.__disabled_gk0p9_gg_{pointer-events:none}.___SText_gk0p9_gg_._size_m_gk0p9_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SText_gk0p9_gg_._size_l_gk0p9_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SValue_gk0p9_gg_{position:relative;flex-shrink:0;padding:0;outline:0;z-index:0;margin-top:var(--intergalactic-spacing-05x, 2px)}.___SValue_gk0p9_gg_::after,.___SValue_gk0p9_gg_::before{content:\"\";position:absolute;right:0;bottom:0;border-radius:50%;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SValue_gk0p9_gg_::before{top:0;left:0;border:1px solid;transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___SValue_gk0p9_gg_::after{top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0}.___SValue_gk0p9_gg_.__disabled_gk0p9_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SValue_gk0p9_gg_._size_m_gk0p9_gg_{width:16px;height:16px}.___SValue_gk0p9_gg_._size_l_gk0p9_gg_{width:20px;height:20px}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_::before{border-color:var(--intergalactic-border-primary, #c4c7cf)}.___SValue_gk0p9_gg_._state_invalid_gk0p9_gg_::before{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SControl_gk0p9_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_::before{border-color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_._size_m_gk0p9_gg_::after{width:6px;height:6px}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_._size_l_gk0p9_gg_::after{width:8px;height:8px}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_.__keyboardFocused_gk0p9_gg_::before{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___SValue_gk0p9_gg_._state_invalid_gk0p9_gg_.__keyboardFocused_gk0p9_gg_::before{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SControl_gk0p9_gg_:checked~.___SValue_gk0p9_gg_.__theme_gk0p9_gg_::before{border-color:var(--theme_gk0p9);background-color:var(--theme_gk0p9)}.___SValue_gk0p9_gg_._state_normal_gk0p9_gg_.__theme_gk0p9_gg_::before{border-color:var(--theme_gk0p9)}.___SInvalidPattern_gk0p9_gg_{height:calc(100% - 2px);margin:1px 0 1px 1px;border-bottom-left-radius:var(--intergalactic-rounded-large, 12px);border-top-left-radius:var(--intergalactic-rounded-large, 12px)}" /*__inner_css_end__*/, "gk0p9_gg_") /*__reshadow_css_end__*/, {
+  "__SRadio": "___SRadio_gk0p9_gg_",
+  "_disabled": "__disabled_gk0p9_gg_",
+  "__SText": "___SText_gk0p9_gg_",
+  "_size_m": "_size_m_gk0p9_gg_",
+  "_size_l": "_size_l_gk0p9_gg_",
+  "__SValue": "___SValue_gk0p9_gg_",
+  "_state_normal": "_state_normal_gk0p9_gg_",
+  "_state_invalid": "_state_invalid_gk0p9_gg_",
+  "__SControl": "___SControl_gk0p9_gg_",
+  "_keyboardFocused": "__keyboardFocused_gk0p9_gg_",
+  "_theme": "__theme_gk0p9_gg_",
+  "--theme": "--theme_gk0p9",
+  "__SInvalidPattern": "___SInvalidPattern_gk0p9_gg_",
+  "_color": "__color_gk0p9_gg_",
+  "--color": "--color_gk0p9"
 });
 import logger from 'intergalactic/utils/lib/logger';
 import { Text as TypographyText } from 'intergalactic/typography';

package/radio/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: string;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n  KeyboardFocusProps & {\n    /** List of elements that can be put on a hidden input */\n    includeInputProps?: string[];\n    /**\n     * @deprecated set `state` on root Radio instead\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: RadioState;\n    /**\n     * @deprecated\n     * The theme of the radio button that you can send your color to\n     */\n    theme?: string;\n    /**\n     * @deprecated set `size` on root RadioGroup instead\n     * Radio button size\n     */\n    size?: RadioSize;\n    /**\n     * @deprecated set `value` on root Radio instead\n     * The element value is required for RadioGroup\n     */\n    value?: RadioValue;\n    /**\n     * @deprecated set `defaultValue` on root RadioGroup instead\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: RadioValue;\n    /**\n     * @deprecated set `onChange` on root RadioGroup instead\n     * Called when the value changes\n     */\n    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `disabled` on root Radio instead\n     * Blocks access and changes to the form field\n     */\n    disabled?: boolean;\n  };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps, Flex } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { Text } from '@semcore/typography';\n\nexport type RadioSize = 'm' | 'l';\nexport type RadioState = 'normal' | 'invalid';\nexport type RadioValue = string | number | boolean;\n\n/** @deprecated */\nexport interface IRadioProps extends RadioProps, UnknownProperties {}\nexport type RadioProps = BoxProps & {\n  /** Radio item value **/\n  value?: RadioValue;\n\n  /** Radio item checked flag **/\n  checked?: boolean;\n\n  /**\n   * The value displaying the state of the component\n   * @default normal\n   */\n  state?: RadioState;\n  /**\n   * Radio button size\n   * @default m\n   **/\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Radio item text **/\n  label?: string;\n  /** Blocks access and changes to the radio item **/\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioGroupProps extends RadioGroupProps, UnknownProperties {\n  /**\n   *  HTML tag name for the displayed item\n   */\n  tag?: React.ElementType | string;\n}\nexport type RadioGroupProps<T extends RadioValue = RadioValue> = {\n  /** Radio group name */\n  name?: string;\n  /** Active default value */\n  defaultValue?: T;\n  /** Active value */\n  value?: T;\n  /** Called when the selected element is changed */\n  onChange?:\n    | ((value: T, e?: React.SyntheticEvent<HTMLInputElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /** Radio button size */\n  size?: RadioSize;\n  /** The theme of the radio button that you can send your color to */\n  theme?: string;\n  /** Blocks access and changes to the form field */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IRadioValueProps extends RadioValueProps, UnknownProperties {}\nexport type RadioValueProps = BoxProps &\n  KeyboardFocusProps & {\n    /** List of elements that can be put on a hidden input */\n    includeInputProps?: string[];\n    /**\n     * @deprecated set `state` on root Radio instead\n     * The value displaying the state of the component\n     * @default normal\n     */\n    state?: RadioState;\n    /**\n     * @deprecated\n     * The theme of the radio button that you can send your color to\n     */\n    theme?: string;\n    /**\n     * @deprecated set `size` on root RadioGroup instead\n     * Radio button size\n     */\n    size?: RadioSize;\n    /**\n     * @deprecated set `value` on root Radio instead\n     * The element value is required for RadioGroup\n     */\n    value?: RadioValue;\n    /**\n     * @deprecated set `defaultValue` on root RadioGroup instead\n     * Default value if `value` property is not provided\n     */\n    defaultValue?: RadioValue;\n    /**\n     * @deprecated set `onChange` on root RadioGroup instead\n     * Called when the value changes\n     */\n    onChange?: (value: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n    /**\n     * @deprecated set `disabled` on root Radio instead\n     * Blocks access and changes to the form field\n     */\n    disabled?: boolean;\n  };\n\n/** @deprecated */\nexport interface IRadioCtx extends RadioCtx, UnknownProperties {}\nexport type RadioCtx = {\n  getValueProps: PropGetterFn;\n  getTextProps: PropGetterFn;\n};\n\ntype IntergalacticRadioGroupComponent<PropsExtending = {}> = (<\n  Value extends RadioValue,\n  Tag extends Intergalactic.Tag = typeof Flex,\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, typeof Flex, RadioGroupProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', typeof Flex, RadioGroupProps>;\n\nexport type RadioValueControlProps = {};\nexport type RadioValueMarkProps = {};\n\ndeclare const RadioGroup: IntergalacticRadioGroupComponent;\n\nexport { RadioGroup };\n\ndeclare const Radio: Intergalactic.Component<'label', RadioProps, RadioCtx> & {\n  Value: Intergalactic.Component<'input', RadioValueProps> & {\n    Control: Intergalactic.Component<'input', RadioValueControlProps>;\n    RadioMark: Intergalactic.Component<typeof Box, RadioValueMarkProps>;\n  };\n  Text: typeof Text;\n};\n\ndeclare const wrapRadioGroup: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticRadioGroupComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticRadioGroupComponent<PropsExtending>;\nexport { wrapRadioGroup };\n\nexport default Radio;\n"],"mappings":""}

package/radio/lib/types/index.d.ts

@@ -12,7 +12,7 @@ export type RadioValue = string | number | boolean;
 export interface IRadioProps extends RadioProps, UnknownProperties {}
 export type RadioProps = BoxProps & {
   /** Radio item value **/
-  value?: string;
+  value?: RadioValue;
 
   /** Radio item checked flag **/
   checked?: boolean;

package/scroll-area/index.d.ts

@@ -48,12 +48,19 @@ export type ScrollBarContext = ScrollBarProps & {
   getSliderProps: PropGetterFn;
 };
 
+export type ScrollAreaContainerProps = BoxProps & {
+  focusRingTopOffset?: string;
+  focusRingRightOffset?: string;
+  focusRingBottomOffset?: string;
+  focusRingLeftOffset?: string;
+};
+
 declare const ScrollBar: Intergalactic.Component<'div', ScrollBarProps, ScrollBarContext> & {
   Slider: typeof Box;
 };
 
 declare const ScrollArea: Intergalactic.Component<'div', ScrollAreaProps, ScrollAreaContext> & {
-  Container: typeof Box;
+  Container: Intergalactic.Component<'div', ScrollAreaContainerProps>;
   Bar: typeof ScrollBar;
 };
 

package/scroll-area/lib/cjs/ScrollArea.js

@@ -29,23 +29,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
 var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
 var _excluded = ["position"];
 /*__reshadow-styles__:"./style/scroll-area.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_14xgr_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_14xgr_gg_:after,.___SShadowHorizontal_14xgr_gg_:before,.___SShadowVertical_14xgr_gg_:after,.___SShadowVertical_14xgr_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_14xgr_gg_:after,.___SShadowHorizontal_14xgr_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_14xgr_gg_._position_median_14xgr_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_median_14xgr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_start_14xgr_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_._position_end_14xgr_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_14xgr_gg_.__leftOffset_14xgr_gg_:before{left:var(--leftOffset_14xgr)}.___SShadowHorizontal_14xgr_gg_.__rightOffset_14xgr_gg_:after{right:var(--rightOffset_14xgr)}.___SShadowVertical_14xgr_gg_:after,.___SShadowVertical_14xgr_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_14xgr_gg_._position_median_14xgr_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_median_14xgr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_start_14xgr_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_._position_end_14xgr_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_14xgr_gg_.__topOffset_14xgr_gg_:before{top:var(--topOffset_14xgr)}.___SShadowVertical_14xgr_gg_.__bottomOffset_14xgr_gg_:after{bottom:var(--bottomOffset_14xgr)}.___SContainer_14xgr_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_14xgr_gg_::-webkit-scrollbar{display:none}.___SContainer_14xgr_gg_.__keyboardFocused_14xgr_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "14xgr_gg_") /*__reshadow_css_end__*/, {
-  "__SScrollArea": "___SScrollArea_14xgr_gg_",
-  "__SShadowHorizontal": "___SShadowHorizontal_14xgr_gg_",
-  "_leftOffset": "__leftOffset_14xgr_gg_",
-  "--leftOffset": "--leftOffset_14xgr",
-  "_rightOffset": "__rightOffset_14xgr_gg_",
-  "--rightOffset": "--rightOffset_14xgr",
-  "__SShadowVertical": "___SShadowVertical_14xgr_gg_",
-  "_topOffset": "__topOffset_14xgr_gg_",
-  "--topOffset": "--topOffset_14xgr",
-  "_bottomOffset": "__bottomOffset_14xgr_gg_",
-  "--bottomOffset": "--bottomOffset_14xgr",
-  "__SContainer": "___SContainer_14xgr_gg_",
-  "_keyboardFocused": "__keyboardFocused_14xgr_gg_",
-  "_position_median": "_position_median_14xgr_gg_",
-  "_position_start": "_position_start_14xgr_gg_",
-  "_position_end": "_position_end_14xgr_gg_"
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SScrollArea_zw7xf_gg_{position:relative;width:100%;height:100%}.___SShadowHorizontal_zw7xf_gg_:after,.___SShadowHorizontal_zw7xf_gg_:before,.___SShadowVertical_zw7xf_gg_:after,.___SShadowVertical_zw7xf_gg_:before{content:\"\";position:absolute;pointer-events:none}.___SShadowHorizontal_zw7xf_gg_:after,.___SShadowHorizontal_zw7xf_gg_:before{top:0;display:block;width:5px;height:100%}.___SShadowHorizontal_zw7xf_gg_._position_median_zw7xf_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_median_zw7xf_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_start_zw7xf_gg_:before{left:0;background:var(--intergalactic-scroll-area-shadow-left,\n    linear-gradient(to right, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_._position_end_zw7xf_gg_:after{right:0;background:var(--intergalactic-scroll-area-shadow-right,\n    linear-gradient(to left, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowHorizontal_zw7xf_gg_.__leftOffset_zw7xf_gg_:before{left:var(--leftOffset_zw7xf)}.___SShadowHorizontal_zw7xf_gg_.__rightOffset_zw7xf_gg_:after{right:var(--rightOffset_zw7xf)}.___SShadowVertical_zw7xf_gg_:after,.___SShadowVertical_zw7xf_gg_:before{left:0;display:block;width:100%;height:5px}.___SShadowVertical_zw7xf_gg_._position_median_zw7xf_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_median_zw7xf_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_start_zw7xf_gg_:before{top:0;background:var(--intergalactic-scroll-area-shadow-top,\n    linear-gradient(to bottom, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_._position_end_zw7xf_gg_:after{bottom:0;background:var(--intergalactic-scroll-area-shadow-bottom,\n    linear-gradient(to top, rgba(25, 27, 35, 0.1) 20.55%, rgba(255, 255, 255, 0.0001) 100%))}.___SShadowVertical_zw7xf_gg_.__topOffset_zw7xf_gg_:before{top:var(--topOffset_zw7xf)}.___SShadowVertical_zw7xf_gg_.__bottomOffset_zw7xf_gg_:after{bottom:var(--bottomOffset_zw7xf)}.___SContainer_zw7xf_gg_{display:block;width:100%;height:100%;box-sizing:content-box;overflow:auto;-webkit-overflow-scrolling:touch;outline:0;scrollbar-width:none;-ms-overflow-style:none}.___SContainer_zw7xf_gg_::-webkit-scrollbar{display:none}.___SContainer_zw7xf_gg_.__keyboardFocused_zw7xf_gg_:focus::after{position:absolute;display:block;content:\"\";top:0;right:0;bottom:0;left:0;top:var(--focusRingTopOffset_zw7xf);right:var(--focusRingRightOffset_zw7xf);bottom:var(--focusRingBottomOffset_zw7xf);left:var(--focusRingLeftOffset_zw7xf);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));pointer-events:none;z-index:2}" /*__inner_css_end__*/, "zw7xf_gg_") /*__reshadow_css_end__*/, {
+  "__SScrollArea": "___SScrollArea_zw7xf_gg_",
+  "__SShadowHorizontal": "___SShadowHorizontal_zw7xf_gg_",
+  "_leftOffset": "__leftOffset_zw7xf_gg_",
+  "--leftOffset": "--leftOffset_zw7xf",
+  "_rightOffset": "__rightOffset_zw7xf_gg_",
+  "--rightOffset": "--rightOffset_zw7xf",
+  "__SShadowVertical": "___SShadowVertical_zw7xf_gg_",
+  "_topOffset": "__topOffset_zw7xf_gg_",
+  "--topOffset": "--topOffset_zw7xf",
+  "_bottomOffset": "__bottomOffset_zw7xf_gg_",
+  "--bottomOffset": "--bottomOffset_zw7xf",
+  "__SContainer": "___SContainer_zw7xf_gg_",
+  "_keyboardFocused": "__keyboardFocused_zw7xf_gg_",
+  "--focusRingTopOffset": "--focusRingTopOffset_zw7xf",
+  "--focusRingRightOffset": "--focusRingRightOffset_zw7xf",
+  "--focusRingBottomOffset": "--focusRingBottomOffset_zw7xf",
+  "--focusRingLeftOffset": "--focusRingLeftOffset_zw7xf",
+  "_position_median": "_position_median_zw7xf_gg_",
+  "_position_start": "_position_start_zw7xf_gg_",
+  "_position_end": "_position_end_zw7xf_gg_"
 });
 var eventCalculate = undefined;
 exports.eventCalculate = eventCalculate;
@@ -334,9 +338,21 @@ function ContainerRoot(props) {
   var SContainer = _flexBox.Box;
   var Children = props.Children,
     styles = props.styles,
-    $refInner = props.$refInner;
+    $refInner = props.$refInner,
+    _props$focusRingTopOf = props.focusRingTopOffset,
+    focusRingTopOffset = _props$focusRingTopOf === void 0 ? 0 : _props$focusRingTopOf,
+    _props$focusRingRight = props.focusRingRightOffset,
+    focusRingRightOffset = _props$focusRingRight === void 0 ? 0 : _props$focusRingRight,
+    _props$focusRingBotto = props.focusRingBottomOffset,
+    focusRingBottomOffset = _props$focusRingBotto === void 0 ? 0 : _props$focusRingBotto,
+    _props$focusRingLeftO = props.focusRingLeftOffset,
+    focusRingLeftOffset = _props$focusRingLeftO === void 0 ? 0 : _props$focusRingLeftO;
   return _ref4 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContainer, _ref4.cn("SContainer", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "tabIndex": 0
+    "tabIndex": 0,
+    "focusRingTopOffset": focusRingTopOffset,
+    "focusRingRightOffset": focusRingRightOffset,
+    "focusRingBottomOffset": focusRingBottomOffset,
+    "focusRingLeftOffset": focusRingLeftOffset
   }, _ref2))), /*#__PURE__*/_react["default"].createElement("div", _ref4.cn("div", {
     "ref": $refInner
   }), /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));