intergalactic 15.98.2 → 15.99.0-prerelease.1

package/skeleton/lib/es6/Charts/Venn.js

@@ -5,15 +5,15 @@ import React from 'react';
 import createComponent, { Root, sstyled } from 'intergalactic/core';
 import { Skeleton } from '../Skeleton';
 /*__reshadow-styles__:"../style/chart.shadow.css"*/
-var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_19ods_gg_{height:200px;width:100%;background-image:var(--bgPattern_19ods)}.___SChartSkeleton_19ods_gg_.__bgPosition_19ods_gg_{background-position:var(--bgPosition_19ods)}.___SChartSkeleton_19ods_gg_.__bgSize_19ods_gg_{background-size:var(--bgSize_19ods)}.___SChartSkeleton_19ods_gg_.__bgRepeat_19ods_gg_{background-repeat:var(--bgRepeat_19ods)}" /*__inner_css_end__*/, "19ods_gg_") /*__reshadow_css_end__*/, {
-  "__SChartSkeleton": "___SChartSkeleton_19ods_gg_",
-  "--bgPattern": "--bgPattern_19ods",
-  "_bgPosition": "__bgPosition_19ods_gg_",
-  "--bgPosition": "--bgPosition_19ods",
-  "_bgSize": "__bgSize_19ods_gg_",
-  "--bgSize": "--bgSize_19ods",
-  "_bgRepeat": "__bgRepeat_19ods_gg_",
-  "--bgRepeat": "--bgRepeat_19ods"
+var styles = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SChartSkeleton_pf76g_gg_{height:200px;width:100%;background-image:var(--bgPattern_pf76g)}.___SChartSkeleton_pf76g_gg_.__bgPosition_pf76g_gg_{background-position:var(--bgPosition_pf76g)}.___SChartSkeleton_pf76g_gg_.__bgSize_pf76g_gg_{background-size:var(--bgSize_pf76g)}.___SChartSkeleton_pf76g_gg_.__bgRepeat_pf76g_gg_{background-repeat:var(--bgRepeat_pf76g)}" /*__inner_css_end__*/, "pf76g_gg_") /*__reshadow_css_end__*/, {
+  "__SChartSkeleton": "___SChartSkeleton_pf76g_gg_",
+  "--bgPattern": "--bgPattern_pf76g",
+  "_bgPosition": "__bgPosition_pf76g_gg_",
+  "--bgPosition": "--bgPosition_pf76g",
+  "_bgSize": "__bgSize_pf76g_gg_",
+  "--bgSize": "--bgSize_pf76g",
+  "_bgRepeat": "__bgRepeat_pf76g_gg_",
+  "--bgRepeat": "--bgRepeat_pf76g"
 });
 var vennSvg = "PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjE4MCIgdmlld0JveD0iMCAwIDIwMCAxODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGlkPSJwYXJhZ3JhcGg9ZmFsc2UsIGNoYXJ0IHR5cGU9dmVubiBjaGFydCwgcGljdHVyZSBkaXY9ZmFsc2UiPgo8ZyBpZD0ic2tlbGV0b24tdmVubiIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMzI4XzE0Njk4OSkiPgo8cGF0aCBpZD0iU2hhcGUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNzcuNzc3OCA5MEM3Ny43Nzc4IDcxLjA1NzQgODYuNDI3NyA1NC4xMzE1IDEwMCA0Mi45NDMxQzExMy41NzIgNTQuMTMxNSAxMjIuMjIyIDcxLjA1NzQgMTIyLjIyMiA5MEMxMjIuMjIyIDEwOC45NDMgMTEzLjU3MiAxMjUuODY5IDEwMCAxMzcuMDU3Qzg2LjQyNzcgMTI1Ljg2OSA3Ny43Nzc4IDEwOC45NDMgNzcuNzc3OCA5MFpNMTAwIDEzNy4wNTdDMTEwLjU2NiAxNDUuNzY3IDEyNC4xMTUgMTUxIDEzOC44ODkgMTUxQzE3Mi42NCAxNTEgMjAwIDEyMy42ODkgMjAwIDkwQzIwMCA1Ni4zMTA2IDE3Mi42NCAyOSAxMzguODg5IDI5QzEyNC4xMTUgMjkgMTEwLjU2NiAzNC4yMzI5IDEwMCA0Mi45NDMxQzg5LjQzNCAzNC4yMzI5IDc1Ljg4NDggMjkgNjEuMTExMSAyOUMyNy4zNjA0IDI5IDAgNTYuMzEwNiAwIDkwQzAgMTIzLjY4OSAyNy4zNjA0IDE1MSA2MS4xMTExIDE1MUM3NS44ODQ4IDE1MSA4OS40MzQgMTQ1Ljc2NyAxMDAgMTM3LjA1N1oiIGZpbGw9IiNFMEUxRTkiIGZpbGwtb3BhY2l0eT0iMC44Ii8+CjxwYXRoIGlkPSJQYXRoIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwMCA0M0MxMTMuNDM3IDU0LjE3NDkgMTIyIDcxLjA4MDMgMTIyIDkwQzEyMiAxMDguOTIgMTEzLjQzNyAxMjUuODI1IDEwMCAxMzdDODYuNTYzNSAxMjUuODI1IDc4IDEwOC45MiA3OCA5MEM3OCA3MS4wODAzIDg2LjU2MzUgNTQuMTc0OSAxMDAgNDNWNDNaIiBmaWxsPSIjRTBFMUU5IiBmaWxsLW9wYWNpdHk9IjAuOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSI0Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xMDMyOF8xNDY5ODkiPgo8cmVjdCB3aWR0aD0iMjAwIiBoZWlnaHQ9IjEyMiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMjkpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==";
 var VennChartSkeleton = function VennChartSkeleton() {

package/skeleton/lib/es6/Skeleton.js

@@ -1,5 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -14,17 +15,18 @@ import React from 'react';
 import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/skeleton.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_1kwm8{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_1kwm8_gg_{animation-name:pulse_1kwm8;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_1kwm8);will-change:opacity}.___SSkeletonSVG_1kwm8_gg_._theme_invert_1kwm8_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_1kwm8_gg_._theme_dark_1kwm8_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_1kwm8_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_1kwm8_gg_{animation-name:none}}" /*__inner_css_end__*/, "1kwm8_gg_") /*__reshadow_css_end__*/, {
-  "__SSkeleton": "___SSkeleton_1kwm8_gg_",
-  "--durationAnim": "--durationAnim_1kwm8",
-  "@pulse": "pulse_1kwm8",
-  "__SSkeletonSVG": "___SSkeletonSVG_1kwm8_gg_",
-  "_theme_invert": "_theme_invert_1kwm8_gg_",
-  "_theme_dark": "_theme_dark_1kwm8_gg_",
-  "__SText": "___SText_1kwm8_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes pulse_m10s1{0%,to{opacity:1}50%{opacity:.4}}.___SSkeleton_m10s1_gg_{animation-name:pulse_m10s1;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-duration:var(--durationAnim_m10s1);will-change:opacity}.___SSkeletonSVG_m10s1_gg_._theme_invert_m10s1_gg_{fill:var(--intergalactic-skeleton-bg, rgba(224, 225, 233, 0.8))}.___SSkeletonSVG_m10s1_gg_._theme_dark_m10s1_gg_{fill:var(--intergalactic-skeleton-bg-invert, rgba(255, 255, 255, 0.3))}.___SText_m10s1_gg_{box-sizing:border-box}@media (prefers-reduced-motion){.___SSkeleton_m10s1_gg_{animation-name:none}}" /*__inner_css_end__*/, "m10s1_gg_") /*__reshadow_css_end__*/, {
+  "__SSkeleton": "___SSkeleton_m10s1_gg_",
+  "--durationAnim": "--durationAnim_m10s1",
+  "@pulse": "pulse_m10s1",
+  "__SSkeletonSVG": "___SSkeletonSVG_m10s1_gg_",
+  "_theme_invert": "_theme_invert_m10s1_gg_",
+  "_theme_dark": "_theme_dark_m10s1_gg_",
+  "__SText": "___SText_m10s1_gg_"
 });
 var MAP_COLOR_THEME = {
   dark: 'rgba(255, 255, 255, 0.3)',
@@ -71,11 +73,38 @@ _defineProperty(SkeletonRoot, "defaultProps", {
 var SkeletonSVG = /*#__PURE__*/function (_Component2) {
   _inherits(SkeletonSVG, _Component2);
   var _super2 = _createSuper(SkeletonSVG);
-  function SkeletonSVG() {
+  function SkeletonSVG(props) {
+    var _this;
     _classCallCheck(this, SkeletonSVG);
-    return _super2.apply(this, arguments);
+    _this = _super2.call(this, props);
+    _defineProperty(_assertThisInitialized(_this), "svgRef", /*#__PURE__*/React.createRef());
+    if (canUseDOM() && props.observeParentSize) {
+      _this.observer = new ResizeObserver(_this.handleResize.bind(_assertThisInitialized(_this)));
+    }
+    return _this;
   }
   _createClass(SkeletonSVG, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this$observer, _this$svgRef$current;
+      (_this$observer = this.observer) === null || _this$observer === void 0 ? void 0 : _this$observer.observe((_this$svgRef$current = this.svgRef.current) === null || _this$svgRef$current === void 0 ? void 0 : _this$svgRef$current.parentElement);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function componentWillUnmount() {
+      var _this$observer2;
+      (_this$observer2 = this.observer) === null || _this$observer2 === void 0 ? void 0 : _this$observer2.disconnect();
+    }
+  }, {
+    key: "handleResize",
+    value: function handleResize(data) {
+      var target = data[0].target;
+      var svg = this.svgRef.current;
+      if (target && svg) {
+        svg.setAttribute('width', '100%');
+      }
+    }
+  }, {
     key: "setContext",
     value: function setContext() {
       var theme = this.asProps.theme;
@@ -97,6 +126,7 @@ var SkeletonSVG = /*#__PURE__*/function (_Component2) {
       var SSkeletonSVG = Skeleton;
       return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SSkeletonSVG, _ref4.cn("SSkeletonSVG", _objectSpread({}, _assignProps2({
         "tag": 'svg',
+        "ref": this.svgRef,
         "preserveAspectRatio": 'none',
         "theme": theme,
         "durationAnim": "".concat(duration, "ms")

package/skeleton/lib/es6/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","props","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAInF,IAAMC,eAAe,GAAG;EACtBC,IAAI,EAAE,0BAA0B;EAChCC,MAAM,EAAE;AACV,CAAC;AAAC,IAEIC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAAK,eAAA,OAAAL,YAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,YAAA;IAAAS,GAAA;IAAAC,KAAA,EAUhB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,SAAS,GAOHzB,GAAG;MANf,IAAA0B,aAAA,GAAiE,IAAI,CAACH,OAAO;QAArEI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,QAAQ,GAAAH,aAAA,CAARG,QAAQ;QAAEC,MAAM,GAAAJ,aAAA,CAANI,MAAM;QAAEC,WAAW,GAAAL,aAAA,CAAXK,WAAW;QAAEC,GAAG,GAAAN,aAAA,CAAHM,GAAG;MAE5D,IAAIF,MAAM,EAAE,OAAO,IAAI;MAEvB,OAAAN,KAAA,GAAO1B,OAAO,CAAC8B,MAAM,CAAC,eACpBjC,KAAA,CAAAsC,aAAA,CAACR,SAAS,EAAAD,KAAA,CAAAU,EAAA,cAAAC,aAAA,KAAAC,YAAA;QAAA,mBAAAC,MAAA,CAESR,QAAQ;QAAA,aACf,MAAM;QAAA,cACJE,WAAW,CAAC,SAAS;MAAC,GAAAT,IAAA,IAClC;IAEN;EAAC;EAAA,OAAAZ,YAAA;AAAA,EAxBwBb,SAAS;AAAAyC,eAAA,CAA9B5B,YAAY,iBACK,UAAU;AAAA4B,eAAA,CAD3B5B,YAAY,WAEDN,KAAK;AAAAkC,eAAA,CAFhB5B,YAAY,aAGC,CAACR,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAAAmC,eAAA,CAH7C5B,YAAY,kBAIM;EACpB6B,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE,MAAM;EACdX,QAAQ,EAAE;AACZ,CAAC;AAAA,IAmBGY,WAAW,0BAAAC,WAAA;EAAA9B,SAAA,CAAA6B,WAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAA7B,YAAA,CAAA2B,WAAA;EAAA,SAAAA,YAAA;IAAA1B,eAAA,OAAA0B,WAAA;IAAA,OAAAE,OAAA,CAAA3B,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAuB,WAAA;IAAAtB,GAAA;IAAAC,KAAA,EAUf,SAAAwB,WAAA,EAAa;MACX,IAAQC,KAAK,GAAK,IAAI,CAACtB,OAAO,CAAtBsB,KAAK;MACb,OAAO;QACLC,WAAW,EAAEvC,eAAe,CAACsC,KAAK;MACpC,CAAC;IACH;EAAC;IAAA1B,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAS;MAAA,IAAA0B,KAAA,QAAAxB,OAAA;QAAAyB,KAAA;MACP,IAAAC,cAAA,GAAmD,IAAI,CAAC1B,OAAO;QAAvDI,QAAQ,GAAAsB,cAAA,CAARtB,QAAQ;QAAEC,MAAM,GAAAqB,cAAA,CAANrB,MAAM;QAAEsB,GAAG,GAAAD,cAAA,CAAHC,GAAG;QAAEL,KAAK,GAAAI,cAAA,CAALJ,KAAK;QAAEhB,QAAQ,GAAAoB,cAAA,CAARpB,QAAQ;MAC9C,IAAMsB,YAAY,GAINC,QAAQ;MAFpB,OAAAJ,KAAA,GAAOlD,OAAO,CAAC8B,MAAM,CAAC,eACpBjC,KAAA,CAAAsC,aAAA,CAACkB,YAAY,EAAAH,KAAA,CAAAd,EAAA,iBAAAC,aAAA,KAAAkB,aAAA;QAAA,OAEP,KAAK;QAAA,uBACW,MAAM;QAAA,SACnBR,KAAK;QAAA,mBAAAR,MAAA,CACKR,QAAQ;MAAA,GAAAkB,KAAA,kBAEzBpD,KAAA,CAAAsC,aAAA,SAAAe,KAAA,CAAAd,EAAA,2BACEvC,KAAA,CAAAsC,aAAA,SAAAe,KAAA,CAAAd,EAAA;QAAA,MAAUgB;MAAG,iBACXvD,KAAA,CAAAsC,aAAA,CAACN,QAAQ,EAAAqB,KAAA,CAAAd,EAAA,iBAAG,CACP,CACF,eACPvC,KAAA,CAAAsC,aAAA,SAAAe,KAAA,CAAAd,EAAA;QAAA,KAAQ,GAAG;QAAA,KAAG,GAAG;QAAA,SAAO,MAAM;QAAA,UAAQ,MAAM;QAAA,gBAAAG,MAAA,CAAea,GAAG;MAAA,GAAO,CACxD;IAEnB;EAAC;EAAA,OAAAT,WAAA;AAAA,EArCuB5C,SAAS;AAAAyC,eAAA,CAA7BG,WAAW,iBACM,aAAa;AAAAH,eAAA,CAD9BG,WAAW,aAEE,CAACxC,mBAAmB,EAAE,CAAC;AAAAqC,eAAA,CAFpCG,WAAW,WAGArC,KAAK;AAAAkC,eAAA,CAHhBG,WAAW,kBAKO;EACpBI,KAAK,EAAE,QAAQ;EACfhB,QAAQ,EAAE;AACZ,CAAC;AAgCH,SAASyB,IAAIA,CAACC,KAAK,EAAE;EACnB,IAAMC,KAAK,GAAGxD,GAAG;EACjB,IAAAyD,QAAA,GAAmFF,KAAK,CAAhFG,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,QAAA,GAAsEJ,KAAK,CAAzEK,CAAC;IAADA,CAAC,GAAAD,QAAA,cAAG,CAAC,GAAAA,QAAA;IAAAE,aAAA,GAA+DN,KAAK,CAAlEO,MAAM;IAANA,MAAM,GAAAD,aAAA,cAAG,CAAC,GAAAA,aAAA;IAAAE,YAAA,GAAmDR,KAAK,CAAtDhB,KAAK;IAALA,KAAK,GAAAwB,YAAA,cAAG,MAAM,GAAAA,YAAA;IAAEnC,MAAM,GAA2B2B,KAAK,CAAtC3B,MAAM;IAAEoC,UAAU,GAAeT,KAAK,CAA9BS,UAAU;IAAKC,KAAK,GAAAC,wBAAA,CAAKX,KAAK,EAAAY,SAAA;EACxF,IAAMC,UAAU,GAAGC,MAAM,CAACP,MAAM,CAAC;EAEjC,IAAMQ,UAAU,GAAG,SAAbA,UAAUA,CAAIf,KAAK,EAAK;IAAA,IAAAgB,KAAA;IAC5B,OAAAA,KAAA,GAAOzE,OAAO,CAAC8B,MAAM,CAAC,eAACjC,KAAA,CAAAsC,aAAA,CAACuB,KAAK,EAAAe,KAAA,CAAArC,EAAA,UAAAC,aAAA;MAAA,OAAK,MAAM;MAAA,MAAI,GAAG;MAAA,MAAI,GAAG;MAAA,UAAQ;IAAG,GAAKoB,KAAK,GAAI;EACjF,CAAC;EAED,oBACE5D,KAAA,CAAAsC,aAAA,CAACtC,KAAK,CAAC6E,QAAQ,QACZC,kBAAA,CAAIC,KAAK,CAACN,UAAU,CAAC,EAAEO,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK;IAAA,OACpCP,UAAU,CAAAnC,aAAA;MACRhB,GAAG,EAAE0D,KAAK;MACVnB,CAAC,EAAEA,CAAC,IAAI,EAAE,GAAGmB,KAAK;MAClBjB,CAAC,EAADA,CAAC;MACDkB,GAAG,EAAEd,UAAU;MACfzB,KAAK,EAALA;IAAK,GACF0B,KAAK,EACR;EAAA,EACH,CACc;AAErB;AAEA,IAAMb,QAAQ,GAAGxD,eAAe,CAACc,YAAY,CAAC;AAE9C,SAAS0C,QAAQ;AAEjB,eAAexD,eAAe,CAAC6C,WAAW,EAAE;EAC1Ca,IAAI,EAAJA;AACF,CAAC,CAAC"}
+{"version":3,"file":"Skeleton.js","names":["React","createComponent","Component","sstyled","Root","Box","uniqueIDEnhancement","canUseDOM","i18nEnhance","localizedMessages","style","_sstyled","insert","MAP_COLOR_THEME","dark","invert","SkeletonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref3","SSkeleton","_this$asProps","Children","styles","duration","hidden","getI18nText","tag","createElement","cn","_objectSpread","_assignProps","concat","_defineProperty","width","height","SkeletonSVG","_Component2","_super2","props","_this","call","_assertThisInitialized","createRef","observeParentSize","observer","ResizeObserver","handleResize","bind","componentDidMount","_this$observer","_this$svgRef$current","observe","svgRef","current","parentElement","componentWillUnmount","_this$observer2","disconnect","data","target","svg","setAttribute","setContext","theme","gradientUrl","_ref2","_ref4","_this$asProps2","uid","SSkeletonSVG","Skeleton","_assignProps2","Text","SText","_props$y","y","_props$x","x","_props$amount","amount","_props$width","forwardRef","other","_objectWithoutProperties","_excluded","amountLine","Number","renderRect","_ref5","Fragment","_toConsumableArray","Array","map","el","index","ref"],"sources":["../../src/Skeleton.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\n\nimport style from './style/skeleton.shadow.css';\n\nconst MAP_COLOR_THEME = {\n  dark: 'rgba(255, 255, 255, 0.3)',\n  invert: 'rgba(224, 225, 233, 0.8)',\n};\n\nclass SkeletonRoot extends Component {\n  static displayName = 'Skeleton';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages)];\n  static defaultProps = {\n    width: '100%',\n    height: '100%',\n    duration: 2000,\n  };\n\n  render() {\n    const SSkeleton = Root;\n    const { Children, styles, duration, hidden, getI18nText, tag } = this.asProps;\n\n    if (hidden) return null;\n\n    return sstyled(styles)(\n      <SSkeleton\n        render={Box}\n        durationAnim={`${duration}ms`}\n        aria-busy='true'\n        aria-label={getI18nText('loading')}\n      />,\n    );\n  }\n}\n\nclass SkeletonSVG extends Component {\n  static displayName = 'SkeletonSVG';\n  static enhance = [uniqueIDEnhancement()];\n  static style = style;\n\n  static defaultProps = {\n    theme: 'invert',\n    duration: 2000,\n  };\n\n  svgRef = React.createRef();\n\n  constructor(props) {\n    super(props);\n\n    if (canUseDOM() && props.observeParentSize) {\n      this.observer = new ResizeObserver(this.handleResize.bind(this));\n    }\n  }\n\n  componentDidMount() {\n    this.observer?.observe(this.svgRef.current?.parentElement);\n  }\n\n  componentWillUnmount() {\n    this.observer?.disconnect();\n  }\n\n  handleResize(data) {\n    const target = data[0].target;\n    const svg = this.svgRef.current;\n\n    if (target && svg) {\n      svg.setAttribute('width', '100%');\n    }\n  }\n\n  setContext() {\n    const { theme } = this.asProps;\n    return {\n      gradientUrl: MAP_COLOR_THEME[theme],\n    };\n  }\n\n  render() {\n    const { Children, styles, uid, theme, duration } = this.asProps;\n    const SSkeletonSVG = Root;\n\n    return sstyled(styles)(\n      <SSkeletonSVG\n        render={Skeleton}\n        tag='svg'\n        ref={this.svgRef}\n        preserveAspectRatio='none'\n        theme={theme}\n        durationAnim={`${duration}ms`}\n      >\n        <defs>\n          <mask id={uid}>\n            <Children />\n          </mask>\n        </defs>\n        <rect x='0' y='0' width='100%' height='100%' mask={`url(#${uid})`} />\n      </SSkeletonSVG>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Box;\n  const { y = 0, x = 0, amount = 1, width = '100%', styles, forwardRef, ...other } = props;\n  const amountLine = Number(amount);\n\n  const renderRect = (props) => {\n    return sstyled(styles)(<SText tag='rect' rx='4' ry='4' height='8' {...props} />);\n  };\n\n  return (\n    <React.Fragment>\n      {[...Array(amountLine)].map((el, index) =>\n        renderRect({\n          key: index,\n          y: y || 20 * index,\n          x,\n          ref: forwardRef,\n          width,\n          ...other,\n        }),\n      )}\n    </React.Fragment>\n  );\n}\n\nconst Skeleton = createComponent(SkeletonRoot);\n\nexport { Skeleton };\n\nexport default createComponent(SkeletonSVG, {\n  Text,\n});\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n};\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { BoxProps } from '@semcore/flex-box';\nimport { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { UniqueIDProps } from '@semcore/utils/lib/uniqueID';\n\n/** @deprecated */\nexport interface ISkeletonProps extends SkeletonProps, UnknownProperties {}\nexport type SkeletonProps = BoxProps &\n  UniqueIDProps & {\n    /**\n     *  Skeleton visibility control property\n     */\n    hidden?: boolean;\n    /**\n     * Animation speed in ms\n     * @default 2000\n     */\n    duration?: string | number;\n    /**\n     * Skeleton theme\n     * @default invert\n     */\n    theme?: 'dark' | 'invert';\n\n    locale?: string;\n\n    /**\n     * Enable ResizeObserver for parent Element to recalculate skeleton size.\n     * @default false\n     */\n    observeParentSize?: boolean;\n  };\n\n/** @deprecated */\nexport interface ISkeletonCtx extends SkeletonCtx, UnknownProperties {}\nexport type SkeletonCtx = {\n  gradientUrl: 'string';\n};\n\n/** @deprecated */\nexport interface ISkeletonTextProps extends SkeletonTextProps, UnknownProperties {}\nexport type SkeletonTextProps = BoxProps & {\n  /**\n   * Number of items to be returned\n   * @default 1\n   */\n  amount?: string | number;\n};\n\nexport type AreaChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type BarChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type HistogramChartSkeletonProps = SkeletonProps & {\n  layout?: 'horizontal' | 'vertical';\n};\n\nexport type LineChartSkeletonProps = SkeletonProps & {\n  type?: 'linear' | 'monotone';\n};\n\nexport type DonutChartSkeletonProps = SkeletonProps & {\n  /** Semi donut */\n  halfsize?: boolean;\n};\n\ndeclare const Skeleton: Intergalactic.Component<'svg', SkeletonProps, SkeletonCtx> & {\n  Text: Intergalactic.Component<'rect', SkeletonTextProps>;\n};\ndeclare const AreaChartSkeleton: Intergalactic.Component<'svg', AreaChartSkeletonProps>;\ndeclare const BarChartSkeleton: Intergalactic.Component<'svg', BarChartSkeletonProps>;\ndeclare const HistogramChartSkeleton: Intergalactic.Component<'svg', HistogramChartSkeletonProps>;\ndeclare const LineChartSkeleton: Intergalactic.Component<'svg', LineChartSkeletonProps>;\ndeclare const DonutChartSkeleton: Intergalactic.Component<'svg', DonutChartSkeletonProps>;\ndeclare const VennChartSkeleton: typeof Skeleton;\ndeclare const BubbleChartSkeleton: typeof Skeleton;\ndeclare const ScatterPlotChartSkeleton: typeof Skeleton;\ndeclare const RadialTreeChartSkeleton: typeof Skeleton;\n\nexport default Skeleton;\nexport {\n  AreaChartSkeleton,\n  BarChartSkeleton,\n  HistogramChartSkeleton,\n  LineChartSkeleton,\n  DonutChartSkeleton,\n  VennChartSkeleton,\n  BubbleChartSkeleton,\n  ScatterPlotChartSkeleton,\n  RadialTreeChartSkeleton,\n};\n"],"mappings":""}

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

@@ -22,6 +22,12 @@ export type SkeletonProps = BoxProps &
     theme?: 'dark' | 'invert';
 
     locale?: string;
+
+    /**
+     * Enable ResizeObserver for parent Element to recalculate skeleton size.
+     * @default false
+     */
+    observeParentSize?: boolean;
   };
 
 /** @deprecated */

package/slider/lib/cjs/Slider.js

@@ -20,14 +20,14 @@ var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 var _reactToText = _interopRequireDefault(require("intergalactic/utils/lib/reactToText"));
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_mf50j_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_mf50j_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_mf50j_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_mf50j_gg_.__keyboardFocused_mf50j_gg_ .___SKnob_mf50j_gg_,.___SSlider_mf50j_gg_:active .___SKnob_mf50j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_mf50j_gg_.__disabled_mf50j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_mf50j_gg_,.___SKnob_mf50j_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_mf50j_gg_,.___SSlider_mf50j_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_mf50j_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_mf50j_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_mf50j_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_mf50j_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_mf50j_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "mf50j_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_mf50j_gg_",
-  "_keyboardFocused": "__keyboardFocused_mf50j_gg_",
-  "__SKnob": "___SKnob_mf50j_gg_",
-  "_disabled": "__disabled_mf50j_gg_",
-  "__SBar": "___SBar_mf50j_gg_",
-  "__SInput": "___SInput_mf50j_gg_",
-  "__SSliderOptions": "___SSliderOptions_mf50j_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSlider_14b1x_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14b1x_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14b1x_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14b1x_gg_:active .___SKnob_14b1x_gg_,.___SSlider_14b1x_gg_:focus .___SKnob_14b1x_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14b1x_gg_:focus{outline:0}.___SSlider_14b1x_gg_.__keyboardFocused_14b1x_gg_ .___SKnob_14b1x_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14b1x_gg_.__disabled_14b1x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14b1x_gg_,.___SKnob_14b1x_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14b1x_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14b1x_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14b1x_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14b1x_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14b1x_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14b1x_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_14b1x_gg_",
+  "_keyboardFocused": "__keyboardFocused_14b1x_gg_",
+  "__SKnob": "___SKnob_14b1x_gg_",
+  "_disabled": "__disabled_14b1x_gg_",
+  "__SBar": "___SBar_14b1x_gg_",
+  "__SInput": "___SInput_14b1x_gg_",
+  "__SSliderOptions": "___SSliderOptions_14b1x_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;
@@ -219,6 +219,8 @@ var SliderRoot = /*#__PURE__*/function (_Component) {
       var numericValue = this.getNumericValue();
       var label = this.resolveLabel(numericValue);
       return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(SSlider, _ref6.cn("SSlider", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "tag": 'button',
+        "type": 'button',
         "ref": this.handleRef,
         "onMouseDown": this.handleMouseMove,
         "onTouchMove": this.handleMouseMove,
@@ -290,8 +292,7 @@ function Options(_ref11) {
     "justifyContent": 'space-between'
   }, _ref4))), (options !== null && options !== void 0 ? options : []).map(function (option) {
     return /*#__PURE__*/_react["default"].createElement(Children, {
-      key: option.value,
-      x: option.value
+      key: option.value
     }, option.label);
   }));
 }

package/slider/lib/cjs/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_reactToText","style","_index","sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","node","sliderRef","current","document","removeEventListener","handleMouseMove","handleMouseEnd","event","_event$clientX","preventDefault","addEventListener","_this$asProps","asProps","step","options","sliderSize","offsetWidth","clientX","touches","newLeft","getBoundingClientRect","left","_options$","resolvedMin","handlers","lastOption","resolvedMax","_options","relativeValue","relativeStep","countSteps","Math","round","numericValue","resolvedValue","includes","key","_this$asProps2","direction","getNumericValue","option","_this$asProps3","defaultValue","resolvedIndex","findIndex","undefined","_this$asProps4","reactToText","label","_createClass2","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","Box","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread2","assignProps","handleRef","handleDragStart","handleKeyDown","Component","keyboardFocusEnhance","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_ref3","_ref8","SKnob","_ref11","_ref4","_ref9","SSliderOptions","Flex","map","x","_ref12","_ref5","_ref10","SSliderOption","createComponent","wrapSlider","wrapper","exports","_default"],"sources":["../../src/Slider.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\nimport style from './style/slider.shadow.css';\n\nconst convertValueToPercent = (value, min, max) => {\n  if (value > max) return 100;\n  if (value < min) return 0;\n  return ((value - min) / (max - min)) * 100;\n};\n\nclass SliderRoot extends Component {\n  static displayName = 'Slider';\n  static style = style;\n\n  sliderRef = React.createRef(null);\n\n  static enhance = [keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    defaultValue: 0,\n    min: 0,\n    max: 100,\n    step: 1,\n    children: (\n      <>\n        <Slider.Bar />\n        <Slider.Knob />\n        <Slider.Options>\n          <Slider.Item />\n        </Slider.Options>\n      </>\n    ),\n  });\n\n  handleRef = (node) => {\n    this.sliderRef.current = node;\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  getKnobProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getBarProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getOptionsProps() {\n    const { options } = this.asProps;\n\n    return { options };\n  }\n\n  getItemProps(_, index) {\n    const { options } = this.asProps;\n    const option = options[index];\n\n    return {\n      key: option.value,\n      value: option.value,\n      children: option.label,\n    };\n  }\n\n  handleMouseEnd = () => {\n    document.removeEventListener('touchmove', this.handleMouseMove);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('click', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseEnd);\n    document.removeEventListener('touchend', this.handleMouseEnd);\n  };\n\n  handleMouseMove = (event) => {\n    event.preventDefault();\n\n    document.addEventListener('touchmove', this.handleMouseMove);\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('click', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseEnd);\n    document.addEventListener('touchend', this.handleMouseEnd);\n\n    const { min, max, step, options } = this.asProps;\n\n    const sliderSize = this.sliderRef.current.offsetWidth;\n    const clientX = event.clientX ?? event.touches[0].clientX;\n    const newLeft = clientX - this.sliderRef.current.getBoundingClientRect().left;\n\n    if (newLeft <= 0) {\n      const resolvedMin = options ? options[0]?.value : min;\n      this.handlers.value(resolvedMin, event);\n    } else if (newLeft >= sliderSize) {\n      const lastOption = options?.[options?.length - 1];\n      const resolvedMax = options ? lastOption?.value : max;\n      this.handlers.value(resolvedMax, event);\n    } else {\n      const relativeValue = newLeft / sliderSize;\n      const relativeStep = step / (max - min);\n      const countSteps = Math.round(relativeValue / relativeStep);\n      const numericValue = countSteps * step + min;\n      const resolvedValue = options ? options[countSteps * step]?.value : numericValue;\n\n      this.handlers.value(resolvedValue, event);\n    }\n  };\n\n  handleDragStart = () => false;\n\n  handleKeyDown = (event) => {\n    if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;\n    event.preventDefault();\n\n    const { min, max, step, options } = this.asProps;\n    const direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;\n    let value = this.getNumericValue() + step * direction;\n\n    if (value > max) value = max;\n    if (value < min) value = min;\n    if (options) {\n      const option = options[value - (min ?? 0)];\n      this.handlers.value(option.value, event);\n    } else {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getNumericValue = () => {\n    const { value, options, min, max, defaultValue } = this.asProps;\n    if (!options) return value;\n    const resolvedIndex = options.findIndex((option) => option.value === value);\n    if (resolvedIndex === -1) return defaultValue;\n    if (resolvedIndex < min) return min;\n    if (min !== undefined) {\n      if (resolvedIndex + min > max) return max;\n    } else {\n      if (resolvedIndex > max) return max;\n    }\n\n    return resolvedIndex + (min ?? 0);\n  };\n\n  resolveLabel = (numericValue) => {\n    const { min, options } = this.asProps;\n    if (!options) return undefined;\n    const option = options[numericValue - (min ?? 0)];\n\n    return reactToText(option?.label);\n  };\n\n  render() {\n    const SSlider = Root;\n    const SInput = Box;\n    const { Children, styles, value, min, max, name, options } = this.asProps;\n\n    const defaultMin = options ? 0 : undefined;\n    const defaultMax = options ? options.length : undefined;\n    const numericValue = this.getNumericValue();\n    const label = this.resolveLabel(numericValue);\n\n    return sstyled(styles)(\n      <>\n        <SSlider\n          render={Box}\n          ref={this.handleRef}\n          onMouseDown={this.handleMouseMove}\n          onTouchMove={this.handleMouseMove}\n          onMouseUp={this.handleMouseEnd}\n          onTouchEnd={this.handleMouseEnd}\n          onDragStart={this.handleDragStart}\n          onKeyDown={this.handleKeyDown}\n          role='slider'\n          aria-orientation='horizontal'\n          aria-valuemin={min ?? defaultMin}\n          aria-valuemax={max ?? defaultMax}\n          aria-valuetext={label}\n          aria-valuenow={numericValue}\n        >\n          <Children />\n          <SInput tag='input' type='hidden' value={value ?? ''} name={name} aria-hidden />\n        </SSlider>\n      </>,\n    );\n  }\n}\n\nfunction Bar(props) {\n  const SBar = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(<SBar render={Box} w={`${convertValueToPercent(value, min, max)}%`} />);\n}\n\nfunction Knob(props) {\n  const SKnob = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(\n    <SKnob render={Box} left={`${convertValueToPercent(value, min, max)}%`} />,\n  );\n}\n\nfunction Options({ styles, options, Children }) {\n  const SSliderOptions = Root;\n\n  return sstyled(styles)(\n    <SSliderOptions render={Flex} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value} x={option.value}>\n          {option.label}\n        </Children>\n      ))}\n    </SSliderOptions>,\n  );\n}\n\nfunction Item({ styles, Children }) {\n  const SSliderOption = Root;\n\n  return sstyled(styles)(\n    <SSliderOption render={Box}>\n      <Children />\n    </SSliderOption>,\n  );\n}\n\nconst Slider = createComponent(SliderRoot, {\n  Bar,\n  Knob,\n  Options,\n  Item,\n});\n\nexport const wrapSlider = (wrapper) => wrapper;\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_reactToText","style","_index","sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","node","sliderRef","current","document","removeEventListener","handleMouseMove","handleMouseEnd","event","_event$clientX","preventDefault","addEventListener","_this$asProps","asProps","step","options","sliderSize","offsetWidth","clientX","touches","newLeft","getBoundingClientRect","left","_options$","resolvedMin","handlers","lastOption","resolvedMax","_options","relativeValue","relativeStep","countSteps","Math","round","numericValue","resolvedValue","includes","key","_this$asProps2","direction","getNumericValue","option","_this$asProps3","defaultValue","resolvedIndex","findIndex","undefined","_this$asProps4","reactToText","label","_createClass2","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","Box","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread2","assignProps","handleRef","handleDragStart","handleKeyDown","Component","keyboardFocusEnhance","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_ref3","_ref8","SKnob","_ref11","_ref4","_ref9","SSliderOptions","Flex","map","_ref12","_ref5","_ref10","SSliderOption","createComponent","wrapSlider","wrapper","exports","_default"],"sources":["../../src/Slider.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\nimport style from './style/slider.shadow.css';\n\nconst convertValueToPercent = (value, min, max) => {\n  if (value > max) return 100;\n  if (value < min) return 0;\n  return ((value - min) / (max - min)) * 100;\n};\n\nclass SliderRoot extends Component {\n  static displayName = 'Slider';\n  static style = style;\n\n  sliderRef = React.createRef(null);\n\n  static enhance = [keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    defaultValue: 0,\n    min: 0,\n    max: 100,\n    step: 1,\n    children: (\n      <>\n        <Slider.Bar />\n        <Slider.Knob />\n        <Slider.Options>\n          <Slider.Item />\n        </Slider.Options>\n      </>\n    ),\n  });\n\n  handleRef = (node) => {\n    this.sliderRef.current = node;\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  getKnobProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getBarProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getOptionsProps() {\n    const { options } = this.asProps;\n\n    return { options };\n  }\n\n  getItemProps(_, index) {\n    const { options } = this.asProps;\n    const option = options[index];\n\n    return {\n      key: option.value,\n      value: option.value,\n      children: option.label,\n    };\n  }\n\n  handleMouseEnd = () => {\n    document.removeEventListener('touchmove', this.handleMouseMove);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('click', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseEnd);\n    document.removeEventListener('touchend', this.handleMouseEnd);\n  };\n\n  handleMouseMove = (event) => {\n    event.preventDefault();\n\n    document.addEventListener('touchmove', this.handleMouseMove);\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('click', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseEnd);\n    document.addEventListener('touchend', this.handleMouseEnd);\n\n    const { min, max, step, options } = this.asProps;\n\n    const sliderSize = this.sliderRef.current.offsetWidth;\n    const clientX = event.clientX ?? event.touches[0].clientX;\n    const newLeft = clientX - this.sliderRef.current.getBoundingClientRect().left;\n\n    if (newLeft <= 0) {\n      const resolvedMin = options ? options[0]?.value : min;\n      this.handlers.value(resolvedMin, event);\n    } else if (newLeft >= sliderSize) {\n      const lastOption = options?.[options?.length - 1];\n      const resolvedMax = options ? lastOption?.value : max;\n      this.handlers.value(resolvedMax, event);\n    } else {\n      const relativeValue = newLeft / sliderSize;\n      const relativeStep = step / (max - min);\n      const countSteps = Math.round(relativeValue / relativeStep);\n      const numericValue = countSteps * step + min;\n      const resolvedValue = options ? options[countSteps * step]?.value : numericValue;\n\n      this.handlers.value(resolvedValue, event);\n    }\n  };\n\n  handleDragStart = () => false;\n\n  handleKeyDown = (event) => {\n    if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;\n    event.preventDefault();\n\n    const { min, max, step, options } = this.asProps;\n    const direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;\n    let value = this.getNumericValue() + step * direction;\n\n    if (value > max) value = max;\n    if (value < min) value = min;\n    if (options) {\n      const option = options[value - (min ?? 0)];\n      this.handlers.value(option.value, event);\n    } else {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getNumericValue = () => {\n    const { value, options, min, max, defaultValue } = this.asProps;\n    if (!options) return value;\n    const resolvedIndex = options.findIndex((option) => option.value === value);\n    if (resolvedIndex === -1) return defaultValue;\n    if (resolvedIndex < min) return min;\n    if (min !== undefined) {\n      if (resolvedIndex + min > max) return max;\n    } else {\n      if (resolvedIndex > max) return max;\n    }\n\n    return resolvedIndex + (min ?? 0);\n  };\n\n  resolveLabel = (numericValue) => {\n    const { min, options } = this.asProps;\n    if (!options) return undefined;\n    const option = options[numericValue - (min ?? 0)];\n\n    return reactToText(option?.label);\n  };\n\n  render() {\n    const SSlider = Root;\n    const SInput = Box;\n    const { Children, styles, value, min, max, name, options } = this.asProps;\n\n    const defaultMin = options ? 0 : undefined;\n    const defaultMax = options ? options.length : undefined;\n    const numericValue = this.getNumericValue();\n    const label = this.resolveLabel(numericValue);\n\n    return sstyled(styles)(\n      <>\n        <SSlider\n          render={Box}\n          tag='button'\n          type='button'\n          ref={this.handleRef}\n          onMouseDown={this.handleMouseMove}\n          onTouchMove={this.handleMouseMove}\n          onMouseUp={this.handleMouseEnd}\n          onTouchEnd={this.handleMouseEnd}\n          onDragStart={this.handleDragStart}\n          onKeyDown={this.handleKeyDown}\n          role='slider'\n          aria-orientation='horizontal'\n          aria-valuemin={min ?? defaultMin}\n          aria-valuemax={max ?? defaultMax}\n          aria-valuetext={label}\n          aria-valuenow={numericValue}\n        >\n          <Children />\n          <SInput tag='input' type='hidden' value={value ?? ''} name={name} aria-hidden />\n        </SSlider>\n      </>,\n    );\n  }\n}\n\nfunction Bar(props) {\n  const SBar = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(<SBar render={Box} w={`${convertValueToPercent(value, min, max)}%`} />);\n}\n\nfunction Knob(props) {\n  const SKnob = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(\n    <SKnob render={Box} left={`${convertValueToPercent(value, min, max)}%`} />,\n  );\n}\n\nfunction Options({ styles, options, Children }) {\n  const SSliderOptions = Root;\n\n  return sstyled(styles)(\n    <SSliderOptions render={Flex} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value}>{option.label}</Children>\n      ))}\n    </SSliderOptions>,\n  );\n}\n\nfunction Item({ styles, Children }) {\n  const SSliderOption = Root;\n\n  return sstyled(styles)(\n    <SSliderOption render={Box}>\n      <Children />\n    </SSliderOption>,\n  );\n}\n\nconst Slider = createComponent(SliderRoot, {\n  Bar,\n  Knob,\n  Options,\n  Item,\n});\n\nexport const wrapSlider = (wrapper) => wrapper;\n\nexport default Slider;\n"],"mappings":"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"}

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

@@ -3,8 +3,9 @@ SSlider {
   width: 140px;
   box-sizing: border-box;
   cursor: pointer;
-  outline: none;
   padding-top: var(--intergalactic-spacing-5x, 20px);
+  border: none;
+  background-color: transparent;
 
   &:before {
     content: '';
@@ -21,9 +22,12 @@ SSlider {
     background-color: var(--intergalactic-border-primary, #c4c7cf);
   }
 
-  &:active SKnob {
+  &:active SKnob, &:focus SKnob {
     box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
   }
+  &:focus {
+    outline: none;
+  }
 }
 
 SSlider[keyboardFocused] SKnob {

package/slider/lib/es6/Slider.js

@@ -17,14 +17,14 @@ import { Flex, Box } from 'intergalactic/flex-box';
 import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
 import reactToText from 'intergalactic/utils/lib/reactToText';
 /*__reshadow-styles__:"./style/slider.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_mf50j_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;outline:0;padding-top:var(--intergalactic-spacing-5x, 20px)}.___SSlider_mf50j_gg_:before{content:\"\";position:absolute;width:100%;background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_mf50j_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_mf50j_gg_.__keyboardFocused_mf50j_gg_ .___SKnob_mf50j_gg_,.___SSlider_mf50j_gg_:active .___SKnob_mf50j_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_mf50j_gg_.__disabled_mf50j_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_mf50j_gg_,.___SKnob_mf50j_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_mf50j_gg_,.___SSlider_mf50j_gg_:before{top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px)}.___SBar_mf50j_gg_{overflow:hidden;background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_mf50j_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_mf50j_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_mf50j_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_mf50j_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "mf50j_gg_") /*__reshadow_css_end__*/, {
-  "__SSlider": "___SSlider_mf50j_gg_",
-  "_keyboardFocused": "__keyboardFocused_mf50j_gg_",
-  "__SKnob": "___SKnob_mf50j_gg_",
-  "_disabled": "__disabled_mf50j_gg_",
-  "__SBar": "___SBar_mf50j_gg_",
-  "__SInput": "___SInput_mf50j_gg_",
-  "__SSliderOptions": "___SSliderOptions_mf50j_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSlider_14b1x_gg_{position:relative;width:140px;box-sizing:border-box;cursor:pointer;padding-top:var(--intergalactic-spacing-5x, 20px);border:0;background-color:transparent}.___SSlider_14b1x_gg_:before{content:\"\";position:absolute;top:var(--intergalactic-spacing-2x, 8px);left:0;height:4px;width:100%;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-color:var(--intergalactic-border-secondary, #e0e1e9)}@media (hover:hover){.___SSlider_14b1x_gg_:hover:before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___SSlider_14b1x_gg_:active .___SKnob_14b1x_gg_,.___SSlider_14b1x_gg_:focus .___SKnob_14b1x_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14b1x_gg_:focus{outline:0}.___SSlider_14b1x_gg_.__keyboardFocused_14b1x_gg_ .___SKnob_14b1x_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SSlider_14b1x_gg_.__disabled_14b1x_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SBar_14b1x_gg_,.___SKnob_14b1x_gg_{position:absolute;box-sizing:border-box;cursor:pointer}.___SBar_14b1x_gg_{top:var(--intergalactic-spacing-2x, 8px);left:0;overflow:hidden;height:4px;border-radius:var(--intergalactic-progress-bar-rounded, 6px);background-size:12px;background-color:var(--intergalactic-control-primary-info, #008ff8);transition:calc(var(--intergalactic-duration-control, 200)*1ms) width ease-in-out}.___SKnob_14b1x_gg_{top:10px;height:20px;width:20px;border-radius:50%;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border:5px solid var(--intergalactic-control-primary-info, #008ff8);transform:translate(-50%,-50%);transition:calc(var(--intergalactic-duration-control, 200)*1ms) left ease-in-out}@media (hover:hover){.___SKnob_14b1x_gg_:hover{border-color:var(--intergalactic-control-primary-info-hover, #006dca)}}.___SInput_14b1x_gg_{position:absolute;top:-100px;left:-100px}.___SSliderOptions_14b1x_gg_{padding-top:var(--intergalactic-spacing-05x, 2px);color:var(--intergalactic-text-secondary, #6c6e79);font-size:var(--intergalactic-fs-200, 14px);font-weight:var(--intergalactic-regular, 400);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "14b1x_gg_") /*__reshadow_css_end__*/, {
+  "__SSlider": "___SSlider_14b1x_gg_",
+  "_keyboardFocused": "__keyboardFocused_14b1x_gg_",
+  "__SKnob": "___SKnob_14b1x_gg_",
+  "_disabled": "__disabled_14b1x_gg_",
+  "__SBar": "___SBar_14b1x_gg_",
+  "__SInput": "___SInput_14b1x_gg_",
+  "__SSliderOptions": "___SSliderOptions_14b1x_gg_"
 });
 var convertValueToPercent = function convertValueToPercent(value, min, max) {
   if (value > max) return 100;
@@ -216,6 +216,8 @@ var SliderRoot = /*#__PURE__*/function (_Component) {
       var numericValue = this.getNumericValue();
       var label = this.resolveLabel(numericValue);
       return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SSlider, _ref6.cn("SSlider", _objectSpread({}, _assignProps({
+        "tag": 'button',
+        "type": 'button',
         "ref": this.handleRef,
         "onMouseDown": this.handleMouseMove,
         "onTouchMove": this.handleMouseMove,
@@ -287,8 +289,7 @@ function Options(_ref11) {
     "justifyContent": 'space-between'
   }, _ref4))), (options !== null && options !== void 0 ? options : []).map(function (option) {
     return /*#__PURE__*/React.createElement(Children, {
-      key: option.value,
-      x: option.value
+      key: option.value
     }, option.label);
   }));
 }

package/slider/lib/es6/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","keyboardFocusEnhance","reactToText","style","_sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","node","sliderRef","current","document","removeEventListener","handleMouseMove","handleMouseEnd","event","_event$clientX","preventDefault","addEventListener","_this$asProps","asProps","step","options","sliderSize","offsetWidth","clientX","touches","newLeft","getBoundingClientRect","left","_options$","resolvedMin","handlers","lastOption","resolvedMax","_options","relativeValue","relativeStep","countSteps","Math","round","numericValue","resolvedValue","includes","key","_this$asProps2","direction","getNumericValue","option","_this$asProps3","defaultValue","resolvedIndex","findIndex","undefined","_this$asProps4","label","_createClass","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread","_assignProps","handleRef","handleDragStart","handleKeyDown","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_assignProps2","_ref3","_ref8","SKnob","_assignProps3","_ref11","_ref4","_ref9","SSliderOptions","_assignProps4","map","x","_ref12","_ref5","_ref10","SSliderOption","_assignProps5","wrapSlider","wrapper"],"sources":["../../src/Slider.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\nimport style from './style/slider.shadow.css';\n\nconst convertValueToPercent = (value, min, max) => {\n  if (value > max) return 100;\n  if (value < min) return 0;\n  return ((value - min) / (max - min)) * 100;\n};\n\nclass SliderRoot extends Component {\n  static displayName = 'Slider';\n  static style = style;\n\n  sliderRef = React.createRef(null);\n\n  static enhance = [keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    defaultValue: 0,\n    min: 0,\n    max: 100,\n    step: 1,\n    children: (\n      <>\n        <Slider.Bar />\n        <Slider.Knob />\n        <Slider.Options>\n          <Slider.Item />\n        </Slider.Options>\n      </>\n    ),\n  });\n\n  handleRef = (node) => {\n    this.sliderRef.current = node;\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  getKnobProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getBarProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getOptionsProps() {\n    const { options } = this.asProps;\n\n    return { options };\n  }\n\n  getItemProps(_, index) {\n    const { options } = this.asProps;\n    const option = options[index];\n\n    return {\n      key: option.value,\n      value: option.value,\n      children: option.label,\n    };\n  }\n\n  handleMouseEnd = () => {\n    document.removeEventListener('touchmove', this.handleMouseMove);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('click', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseEnd);\n    document.removeEventListener('touchend', this.handleMouseEnd);\n  };\n\n  handleMouseMove = (event) => {\n    event.preventDefault();\n\n    document.addEventListener('touchmove', this.handleMouseMove);\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('click', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseEnd);\n    document.addEventListener('touchend', this.handleMouseEnd);\n\n    const { min, max, step, options } = this.asProps;\n\n    const sliderSize = this.sliderRef.current.offsetWidth;\n    const clientX = event.clientX ?? event.touches[0].clientX;\n    const newLeft = clientX - this.sliderRef.current.getBoundingClientRect().left;\n\n    if (newLeft <= 0) {\n      const resolvedMin = options ? options[0]?.value : min;\n      this.handlers.value(resolvedMin, event);\n    } else if (newLeft >= sliderSize) {\n      const lastOption = options?.[options?.length - 1];\n      const resolvedMax = options ? lastOption?.value : max;\n      this.handlers.value(resolvedMax, event);\n    } else {\n      const relativeValue = newLeft / sliderSize;\n      const relativeStep = step / (max - min);\n      const countSteps = Math.round(relativeValue / relativeStep);\n      const numericValue = countSteps * step + min;\n      const resolvedValue = options ? options[countSteps * step]?.value : numericValue;\n\n      this.handlers.value(resolvedValue, event);\n    }\n  };\n\n  handleDragStart = () => false;\n\n  handleKeyDown = (event) => {\n    if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;\n    event.preventDefault();\n\n    const { min, max, step, options } = this.asProps;\n    const direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;\n    let value = this.getNumericValue() + step * direction;\n\n    if (value > max) value = max;\n    if (value < min) value = min;\n    if (options) {\n      const option = options[value - (min ?? 0)];\n      this.handlers.value(option.value, event);\n    } else {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getNumericValue = () => {\n    const { value, options, min, max, defaultValue } = this.asProps;\n    if (!options) return value;\n    const resolvedIndex = options.findIndex((option) => option.value === value);\n    if (resolvedIndex === -1) return defaultValue;\n    if (resolvedIndex < min) return min;\n    if (min !== undefined) {\n      if (resolvedIndex + min > max) return max;\n    } else {\n      if (resolvedIndex > max) return max;\n    }\n\n    return resolvedIndex + (min ?? 0);\n  };\n\n  resolveLabel = (numericValue) => {\n    const { min, options } = this.asProps;\n    if (!options) return undefined;\n    const option = options[numericValue - (min ?? 0)];\n\n    return reactToText(option?.label);\n  };\n\n  render() {\n    const SSlider = Root;\n    const SInput = Box;\n    const { Children, styles, value, min, max, name, options } = this.asProps;\n\n    const defaultMin = options ? 0 : undefined;\n    const defaultMax = options ? options.length : undefined;\n    const numericValue = this.getNumericValue();\n    const label = this.resolveLabel(numericValue);\n\n    return sstyled(styles)(\n      <>\n        <SSlider\n          render={Box}\n          ref={this.handleRef}\n          onMouseDown={this.handleMouseMove}\n          onTouchMove={this.handleMouseMove}\n          onMouseUp={this.handleMouseEnd}\n          onTouchEnd={this.handleMouseEnd}\n          onDragStart={this.handleDragStart}\n          onKeyDown={this.handleKeyDown}\n          role='slider'\n          aria-orientation='horizontal'\n          aria-valuemin={min ?? defaultMin}\n          aria-valuemax={max ?? defaultMax}\n          aria-valuetext={label}\n          aria-valuenow={numericValue}\n        >\n          <Children />\n          <SInput tag='input' type='hidden' value={value ?? ''} name={name} aria-hidden />\n        </SSlider>\n      </>,\n    );\n  }\n}\n\nfunction Bar(props) {\n  const SBar = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(<SBar render={Box} w={`${convertValueToPercent(value, min, max)}%`} />);\n}\n\nfunction Knob(props) {\n  const SKnob = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(\n    <SKnob render={Box} left={`${convertValueToPercent(value, min, max)}%`} />,\n  );\n}\n\nfunction Options({ styles, options, Children }) {\n  const SSliderOptions = Root;\n\n  return sstyled(styles)(\n    <SSliderOptions render={Flex} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value} x={option.value}>\n          {option.label}\n        </Children>\n      ))}\n    </SSliderOptions>,\n  );\n}\n\nfunction Item({ styles, Children }) {\n  const SSliderOption = Root;\n\n  return sstyled(styles)(\n    <SSliderOption render={Box}>\n      <Children />\n    </SSliderOption>,\n  );\n}\n\nconst Slider = createComponent(SliderRoot, {\n  Bar,\n  Knob,\n  Options,\n  Item,\n});\n\nexport const wrapSlider = (wrapper) => wrapper;\n\nexport default Slider;\n"],"mappings":"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"}
+{"version":3,"file":"Slider.js","names":["React","createComponent","Component","sstyled","Root","Flex","Box","keyboardFocusEnhance","reactToText","style","_sstyled","insert","convertValueToPercent","value","min","max","SliderRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","createRef","node","sliderRef","current","document","removeEventListener","handleMouseMove","handleMouseEnd","event","_event$clientX","preventDefault","addEventListener","_this$asProps","asProps","step","options","sliderSize","offsetWidth","clientX","touches","newLeft","getBoundingClientRect","left","_options$","resolvedMin","handlers","lastOption","resolvedMax","_options","relativeValue","relativeStep","countSteps","Math","round","numericValue","resolvedValue","includes","key","_this$asProps2","direction","getNumericValue","option","_this$asProps3","defaultValue","resolvedIndex","findIndex","undefined","_this$asProps4","label","_createClass","uncontrolledProps","getKnobProps","_this$asProps5","disabled","getBarProps","_this$asProps6","getOptionsProps","getItemProps","_","index","children","render","_ref","_ref6","SSlider","SInput","_this$asProps7","Children","styles","name","defaultMin","defaultMax","resolveLabel","createElement","Fragment","cn","_objectSpread","_assignProps","handleRef","handleDragStart","handleKeyDown","Slider","Bar","Knob","Options","Item","props","_ref2","arguments[0]","_ref7","SBar","_assignProps2","_ref3","_ref8","SKnob","_assignProps3","_ref11","_ref4","_ref9","SSliderOptions","_assignProps4","map","_ref12","_ref5","_ref10","SSliderOption","_assignProps5","wrapSlider","wrapper"],"sources":["../../src/Slider.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex, Box } from '@semcore/flex-box';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport reactToText from '@semcore/utils/lib/reactToText';\n\nimport style from './style/slider.shadow.css';\n\nconst convertValueToPercent = (value, min, max) => {\n  if (value > max) return 100;\n  if (value < min) return 0;\n  return ((value - min) / (max - min)) * 100;\n};\n\nclass SliderRoot extends Component {\n  static displayName = 'Slider';\n  static style = style;\n\n  sliderRef = React.createRef(null);\n\n  static enhance = [keyboardFocusEnhance()];\n\n  static defaultProps = () => ({\n    defaultValue: 0,\n    min: 0,\n    max: 100,\n    step: 1,\n    children: (\n      <>\n        <Slider.Bar />\n        <Slider.Knob />\n        <Slider.Options>\n          <Slider.Item />\n        </Slider.Options>\n      </>\n    ),\n  });\n\n  handleRef = (node) => {\n    this.sliderRef.current = node;\n  };\n\n  uncontrolledProps() {\n    return {\n      value: null,\n    };\n  }\n\n  getKnobProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getBarProps() {\n    const { min, max, disabled, options } = this.asProps;\n\n    return {\n      value: this.getNumericValue(),\n      min,\n      max,\n      disabled,\n      options,\n    };\n  }\n\n  getOptionsProps() {\n    const { options } = this.asProps;\n\n    return { options };\n  }\n\n  getItemProps(_, index) {\n    const { options } = this.asProps;\n    const option = options[index];\n\n    return {\n      key: option.value,\n      value: option.value,\n      children: option.label,\n    };\n  }\n\n  handleMouseEnd = () => {\n    document.removeEventListener('touchmove', this.handleMouseMove);\n    document.removeEventListener('mousemove', this.handleMouseMove);\n    document.removeEventListener('click', this.handleMouseMove);\n    document.removeEventListener('mouseup', this.handleMouseEnd);\n    document.removeEventListener('touchend', this.handleMouseEnd);\n  };\n\n  handleMouseMove = (event) => {\n    event.preventDefault();\n\n    document.addEventListener('touchmove', this.handleMouseMove);\n    document.addEventListener('mousemove', this.handleMouseMove);\n    document.addEventListener('click', this.handleMouseMove);\n    document.addEventListener('mouseup', this.handleMouseEnd);\n    document.addEventListener('touchend', this.handleMouseEnd);\n\n    const { min, max, step, options } = this.asProps;\n\n    const sliderSize = this.sliderRef.current.offsetWidth;\n    const clientX = event.clientX ?? event.touches[0].clientX;\n    const newLeft = clientX - this.sliderRef.current.getBoundingClientRect().left;\n\n    if (newLeft <= 0) {\n      const resolvedMin = options ? options[0]?.value : min;\n      this.handlers.value(resolvedMin, event);\n    } else if (newLeft >= sliderSize) {\n      const lastOption = options?.[options?.length - 1];\n      const resolvedMax = options ? lastOption?.value : max;\n      this.handlers.value(resolvedMax, event);\n    } else {\n      const relativeValue = newLeft / sliderSize;\n      const relativeStep = step / (max - min);\n      const countSteps = Math.round(relativeValue / relativeStep);\n      const numericValue = countSteps * step + min;\n      const resolvedValue = options ? options[countSteps * step]?.value : numericValue;\n\n      this.handlers.value(resolvedValue, event);\n    }\n  };\n\n  handleDragStart = () => false;\n\n  handleKeyDown = (event) => {\n    if (!['ArrowLeft', 'ArrowUp', 'ArrowRight', 'ArrowDown'].includes(event.key)) return;\n    event.preventDefault();\n\n    const { min, max, step, options } = this.asProps;\n    const direction = event.key === 'ArrowLeft' || event.key === 'ArrowDown' ? -1 : 1;\n    let value = this.getNumericValue() + step * direction;\n\n    if (value > max) value = max;\n    if (value < min) value = min;\n    if (options) {\n      const option = options[value - (min ?? 0)];\n      this.handlers.value(option.value, event);\n    } else {\n      this.handlers.value(value, event);\n    }\n  };\n\n  getNumericValue = () => {\n    const { value, options, min, max, defaultValue } = this.asProps;\n    if (!options) return value;\n    const resolvedIndex = options.findIndex((option) => option.value === value);\n    if (resolvedIndex === -1) return defaultValue;\n    if (resolvedIndex < min) return min;\n    if (min !== undefined) {\n      if (resolvedIndex + min > max) return max;\n    } else {\n      if (resolvedIndex > max) return max;\n    }\n\n    return resolvedIndex + (min ?? 0);\n  };\n\n  resolveLabel = (numericValue) => {\n    const { min, options } = this.asProps;\n    if (!options) return undefined;\n    const option = options[numericValue - (min ?? 0)];\n\n    return reactToText(option?.label);\n  };\n\n  render() {\n    const SSlider = Root;\n    const SInput = Box;\n    const { Children, styles, value, min, max, name, options } = this.asProps;\n\n    const defaultMin = options ? 0 : undefined;\n    const defaultMax = options ? options.length : undefined;\n    const numericValue = this.getNumericValue();\n    const label = this.resolveLabel(numericValue);\n\n    return sstyled(styles)(\n      <>\n        <SSlider\n          render={Box}\n          tag='button'\n          type='button'\n          ref={this.handleRef}\n          onMouseDown={this.handleMouseMove}\n          onTouchMove={this.handleMouseMove}\n          onMouseUp={this.handleMouseEnd}\n          onTouchEnd={this.handleMouseEnd}\n          onDragStart={this.handleDragStart}\n          onKeyDown={this.handleKeyDown}\n          role='slider'\n          aria-orientation='horizontal'\n          aria-valuemin={min ?? defaultMin}\n          aria-valuemax={max ?? defaultMax}\n          aria-valuetext={label}\n          aria-valuenow={numericValue}\n        >\n          <Children />\n          <SInput tag='input' type='hidden' value={value ?? ''} name={name} aria-hidden />\n        </SSlider>\n      </>,\n    );\n  }\n}\n\nfunction Bar(props) {\n  const SBar = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(<SBar render={Box} w={`${convertValueToPercent(value, min, max)}%`} />);\n}\n\nfunction Knob(props) {\n  const SKnob = Root;\n  const { styles, value, min, max } = props;\n\n  return sstyled(styles)(\n    <SKnob render={Box} left={`${convertValueToPercent(value, min, max)}%`} />,\n  );\n}\n\nfunction Options({ styles, options, Children }) {\n  const SSliderOptions = Root;\n\n  return sstyled(styles)(\n    <SSliderOptions render={Flex} justifyContent='space-between'>\n      {(options ?? []).map((option) => (\n        <Children key={option.value}>{option.label}</Children>\n      ))}\n    </SSliderOptions>,\n  );\n}\n\nfunction Item({ styles, Children }) {\n  const SSliderOption = Root;\n\n  return sstyled(styles)(\n    <SSliderOption render={Box}>\n      <Children />\n    </SSliderOption>,\n  );\n}\n\nconst Slider = createComponent(SliderRoot, {\n  Bar,\n  Knob,\n  Options,\n  Item,\n});\n\nexport const wrapSlider = (wrapper) => wrapper;\n\nexport default Slider;\n"],"mappings":"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"}

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

@@ -3,8 +3,9 @@ SSlider {
   width: 140px;
   box-sizing: border-box;
   cursor: pointer;
-  outline: none;
   padding-top: var(--intergalactic-spacing-5x, 20px);
+  border: none;
+  background-color: transparent;
 
   &:before {
     content: '';
@@ -21,9 +22,12 @@ SSlider {
     background-color: var(--intergalactic-border-primary, #c4c7cf);
   }
 
-  &:active SKnob {
+  &:active SKnob, &:focus SKnob {
     box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
   }
+  &:focus {
+    outline: none;
+  }
 }
 
 SSlider[keyboardFocused] SKnob {

package/spin/lib/cjs/Spin.js

@@ -20,19 +20,19 @@ var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/l
 var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"./style/spin.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_hixmp{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_hixmp_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_hixmp;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_hixmp)}.___SSpin_hixmp_gg_._theme_dark_hixmp_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_hixmp_gg_._theme_invert_hixmp_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_hixmp_gg_.__centered_hixmp_gg_{margin:auto}.___SSpin_hixmp_gg_._size_xs_hixmp_gg_{width:16px;height:16px}.___SSpin_hixmp_gg_._size_s_hixmp_gg_{width:20px;height:20px}.___SSpin_hixmp_gg_._size_m_hixmp_gg_{width:24px;height:24px}.___SSpin_hixmp_gg_._size_l_hixmp_gg_{width:32px;height:32px}.___SSpin_hixmp_gg_._size_xl_hixmp_gg_{width:48px;height:48px}.___SSpin_hixmp_gg_._size_xxl_hixmp_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_hixmp_gg_{animation-name:none}}" /*__inner_css_end__*/, "hixmp_gg_") /*__reshadow_css_end__*/, {
-  "@spin-rotate": "spin-rotate_hixmp",
-  "__SSpin": "___SSpin_hixmp_gg_",
-  "--theme": "--theme_hixmp",
-  "_theme_dark": "_theme_dark_hixmp_gg_",
-  "_theme_invert": "_theme_invert_hixmp_gg_",
-  "_centered": "__centered_hixmp_gg_",
-  "_size_xs": "_size_xs_hixmp_gg_",
-  "_size_s": "_size_s_hixmp_gg_",
-  "_size_m": "_size_m_hixmp_gg_",
-  "_size_l": "_size_l_hixmp_gg_",
-  "_size_xl": "_size_xl_hixmp_gg_",
-  "_size_xxl": "_size_xxl_hixmp_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes spin-rotate_wtl2n{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}.___SSpin_wtl2n_gg_{display:block;flex-shrink:0;box-sizing:border-box;animation-name:spin-rotate_wtl2n;animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:.75s;fill:var(--theme_wtl2n)}.___SSpin_wtl2n_gg_._theme_dark_wtl2n_gg_{fill:var(--intergalactic-border-primary, #c4c7cf)}.___SSpin_wtl2n_gg_._theme_invert_wtl2n_gg_{fill:var(--intergalactic-border-primary-invert, #ffffff)}.___SSpin_wtl2n_gg_.__centered_wtl2n_gg_{margin:auto}.___SSpin_wtl2n_gg_._size_xs_wtl2n_gg_{width:16px;height:16px}.___SSpin_wtl2n_gg_._size_s_wtl2n_gg_{width:20px;height:20px}.___SSpin_wtl2n_gg_._size_m_wtl2n_gg_{width:24px;height:24px}.___SSpin_wtl2n_gg_._size_l_wtl2n_gg_{width:32px;height:32px}.___SSpin_wtl2n_gg_._size_xl_wtl2n_gg_{width:48px;height:48px}.___SSpin_wtl2n_gg_._size_xxl_wtl2n_gg_{width:72px;height:72px}@media (prefers-reduced-motion){.___SSpin_wtl2n_gg_{animation-name:none}}" /*__inner_css_end__*/, "wtl2n_gg_") /*__reshadow_css_end__*/, {
+  "@spin-rotate": "spin-rotate_wtl2n",
+  "__SSpin": "___SSpin_wtl2n_gg_",
+  "--theme": "--theme_wtl2n",
+  "_theme_dark": "_theme_dark_wtl2n_gg_",
+  "_theme_invert": "_theme_invert_wtl2n_gg_",
+  "_centered": "__centered_wtl2n_gg_",
+  "_size_xs": "_size_xs_wtl2n_gg_",
+  "_size_s": "_size_s_wtl2n_gg_",
+  "_size_m": "_size_m_wtl2n_gg_",
+  "_size_l": "_size_l_wtl2n_gg_",
+  "_size_xl": "_size_xl_wtl2n_gg_",
+  "_size_xxl": "_size_xxl_wtl2n_gg_"
 });
 var RootSpin = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(RootSpin, _Component);