intergalactic 15.121.0 → 15.122.0-prerelease.0

package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js

@@ -18,13 +18,17 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
+var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1ekqq_gg_ .___SStar_1ekqq_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_1ekqq_gg_ .___SStar_1ekqq_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1ekqq_gg_.__keyboardFocused_1ekqq_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1ekqq_gg_.__readonly_1ekqq_gg_ .___SStar_1ekqq_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1ekqq_gg_.__filled_1ekqq_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1ekqq_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1ekqq_gg_.__filled_1ekqq_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1ekqq_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_1ekqq_gg_",
-  "__SStar": "___SStar_1ekqq_gg_",
-  "_keyboardFocused": "__keyboardFocused_1ekqq_gg_",
-  "_readonly": "__readonly_1ekqq_gg_",
-  "_filled": "__filled_1ekqq_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_ .___SStar_1a2yi_gg_.__hovered_1a2yi_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1a2yi_gg_.__keyboardFocused_1a2yi_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1a2yi_gg_.__readonly_1a2yi_gg_ .___SStar_1a2yi_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1a2yi_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_1a2yi_gg_.__filled_1a2yi_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "1a2yi_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_1a2yi_gg_",
+  "__SStar": "___SStar_1a2yi_gg_",
+  "_keyboardFocused": "__keyboardFocused_1a2yi_gg_",
+  "_hovered": "__hovered_1a2yi_gg_",
+  "_readonly": "__readonly_1a2yi_gg_",
+  "_filled": "__filled_1a2yi_gg_"
 });
 var MIN = 1;
 var MAX = 5;
@@ -109,20 +113,64 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
       return {
         filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,
         onClick: this.handleClick(index + 1),
-        onMouseEnter: readonly ? undefined : this.handleMouseEnder(index)
+        onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),
+        hovered: hoveredIndex === index
       };
     }
+  }, {
+    key: "getLabelText",
+    value: function getLabelText() {
+      var hoveredIndex = this.state.hoveredIndex;
+      var _this$asProps3 = this.asProps,
+        readonly = _this$asProps3.readonly,
+        value = _this$asProps3.value,
+        getI18nText = _this$asProps3.getI18nText;
+      if (readonly) {
+        return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {
+          selectedRating: value,
+          max: MAX
+        });
+      }
+      if (value) {
+        var selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;
+        return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {
+          selectedRating: selectedRating,
+          max: MAX
+        });
+      }
+      return hoveredIndex === -1 ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty') : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {
+        selectedRating: hoveredIndex + 1,
+        max: MAX
+      });
+    }
   }, {
     key: "render",
     value: function render() {
       var _ref = this.asProps,
         _ref3;
-      var _this$asProps3 = this.asProps,
-        styles = _this$asProps3.styles,
-        value = _this$asProps3.value;
+      var _this$asProps4 = this.asProps,
+        styles = _this$asProps4.styles,
+        readonly = _this$asProps4.readonly,
+        getI18nText = _this$asProps4.getI18nText,
+        value = _this$asProps4.value;
       var hoveredIndex = this.state.hoveredIndex;
       var SSliderRating = _flexBox.Flex;
-      var label = value ? value : hoveredIndex === -1 ? 'Not set' : hoveredIndex + 1;
+      var label = this.getLabelText();
+      if (readonly) {
+        return /*#__PURE__*/_react["default"].createElement(SSliderRating, (0, _core.assignProps)({
+          "gap": 1,
+          "role": 'img',
+          "aria-label": label,
+          "use:tabIndex": -1
+        }, _ref), new Array(MAX).fill(null).map(function (_, index) {
+          return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
+            key: index,
+            position: 'relative'
+          }, /*#__PURE__*/_react["default"].createElement(SliderRating.Star, null));
+        }));
+      }
+      var hoverValue = hoveredIndex + 1;
+      var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText('FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber'), ".") : label;
       return _ref3 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSliderRating, _ref3.cn("SSliderRating", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
         "gap": 1,
         "onMouseLeave": this.handleMouseLeave,
@@ -131,8 +179,8 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
         "aria-orientation": 'horizontal',
         "aria-valuemin": MIN,
         "aria-valuemax": MAX,
-        "aria-valuetext": label,
-        "aria-valuenow": hoveredIndex + 1
+        "aria-valuetext": editModeLabel,
+        "aria-valuenow": hoverValue
       }, _ref))), new Array(MAX).fill(null).map(function (_, index) {
         return /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
           key: index,
@@ -145,13 +193,18 @@ var SliderRatingRoot = /*#__PURE__*/function (_Component) {
 }(_core.Component);
 (0, _defineProperty2["default"])(SliderRatingRoot, "displayName", 'SliderRating');
 (0, _defineProperty2["default"])(SliderRatingRoot, "style", style);
-(0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
+(0, _defineProperty2["default"])(SliderRatingRoot, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _uniqueID["default"])(), (0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(SliderRatingRoot, "defaultProps", {
+  i18n: _intergalacticDynamicLocales.localizedMessages,
+  locale: 'en'
+});
 function Star(props) {
   var _ref2 = arguments[0],
     _ref4;
   var SStar = _flexBox.Box;
   return _ref4 = (0, _core.sstyled)(props.styles), /*#__PURE__*/_react["default"].createElement(SStar, _ref4.cn("SStar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
     "tag": 'svg',
+    "role": 'none',
     "width": '22',
     "height": '21',
     "viewBox": '0 0 22 21',

package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"SliderRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","style","_index","sstyled","insert","MIN","MAX","SliderRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass2","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","render","_ref","_ref3","_this$asProps3","styles","SSliderRating","Flex","label","createElement","cn","_objectSpread2","assignProps","handleMouseLeave","handleKeyDown","fill","map","Box","position","SliderRating","Star","Component","keyboardFocusEnhance","props","_ref2","arguments[0]","_ref4","SStar","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, Intergalactic } from '@semcore/core';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport style from '../../style/slider-rating.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<SliderRatingProps, State> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [keyboardFocusEnhance()];\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  handleClick = (newValue: number) => (e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue });\n    } else {\n      this.setState({ clickedIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  render() {\n    const { styles, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n    const SSliderRating = Root;\n\n    const label = value ? value : hoveredIndex === -1 ? 'Not set' : hoveredIndex + 1;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role='slider'\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={label}\n        aria-valuenow={hoveredIndex + 1}\n      >\n        {new Array(MAX).fill(null).map((_, index) => {\n          return (\n            <Box key={index} position={'relative'}>\n              <SliderRating.Star />\n            </Box>\n          );\n        })}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag={'svg'}\n      width='22'\n      height='21'\n      viewBox='0 0 22 21'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled ? (\n        <path\n          d='M10.6463 0.213566C10.7963 -0.0711885 11.2037 -0.071189 11.3537 0.213566L14.6682 6.50744L21.668 7.72084C21.9847 7.77572 22.1105 8.16305 21.8867 8.39378L16.9353 13.4978L17.9465 20.5422C17.9922 20.8607 17.6626 21.1002 17.3741 20.9581L11 17.8181L4.62585 20.9581C4.33738 21.1002 4.00781 20.8607 4.05353 20.5422L5.0647 13.4978L0.113338 8.39378C-0.110493 8.16305 0.0153421 7.77572 0.331965 7.72084L7.33178 6.50744L10.6463 0.213566Z'\n          // fill='#FDC23C'\n        />\n      ) : (\n        <path\n          d='M13.7834 6.9734L14.0127 7.40871L14.4974 7.49274L20.3785 8.51222L16.2175 12.8015L15.8757 13.1539L15.9454 13.6399L16.7949 19.558L11.4419 16.921L11 16.7033L10.5581 16.921L5.20505 19.558L6.05456 13.6399L6.12432 13.1539L5.78246 12.8015L1.62146 8.51222L7.50258 7.49274L7.98734 7.40871L8.21659 6.9734L11 1.68803L13.7834 6.9734ZM21.4972 8.70614C21.4969 8.70608 21.4965 8.70602 21.4961 8.70595L21.4972 8.70614ZM0.502765 8.70614L0.503758 8.70597C0.503427 8.70603 0.503095 8.70609 0.502764 8.70614L0.400352 8.11535L0.502765 8.70614Z'\n          // stroke='#A9ABB6'\n          // strokeWidth='2'\n        />\n      )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n  Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":"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"}
+{"version":3,"file":"SliderRating.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_keyboardFocusEnhance","_uniqueID","_i18nEnhance","_intergalacticDynamicLocales","style","_index","sstyled","insert","MIN","MAX","SliderRatingRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass2","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","hovered","getLabelText","_this$asProps3","getI18nText","selectedRating","max","render","_ref","_ref3","_this$asProps4","styles","SSliderRating","Flex","label","createElement","assignProps","fill","map","Box","position","SliderRating","Star","hoverValue","editModeLabel","cn","_objectSpread2","handleMouseLeave","handleKeyDown","Component","keyboardFocusEnhance","uniqueIDEnhancement","i18nEnhance","localizedMessages","i18n","locale","props","_ref2","arguments[0]","_ref4","SStar","displayName","createComponent","_default","exports"],"sources":["../../../../src/component/slider-rating/SliderRating.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled, Intergalactic } from '@semcore/core';\nimport { Flex, Box, BoxProps } from '@semcore/flex-box';\nimport style from '../../style/slider-rating.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\ntype SliderRatingProps = {\n  value: number;\n  onChange?: (value: number) => void;\n  readonly?: boolean;\n};\n\ntype State = {\n  hoveredIndex: number;\n  clickedIndex: number;\n};\n\ntype StarProps = BoxProps & {\n  filled?: boolean;\n};\n\nconst MIN = 1;\nconst MAX = 5;\n\nclass SliderRatingRoot extends Component<\n  SliderRatingProps,\n  {},\n  State,\n  typeof SliderRatingRoot.enhance\n> {\n  static displayName = 'SliderRating';\n  static style = style;\n\n  static enhance = [\n    keyboardFocusEnhance(),\n    uniqueIDEnhancement(),\n    i18nEnhance(localizedMessages),\n  ] as const;\n\n  state: State = {\n    hoveredIndex: -1,\n    clickedIndex: -1,\n  };\n\n  static defaultProps = {\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  handleClick = (newValue: number) => (e: React.SyntheticEvent<SVGElement>) => {\n    const { readonly } = this.asProps;\n\n    if (!readonly) {\n      this.setValue(newValue);\n    }\n  };\n\n  handleMouseEnder = (index: number) => () => {\n    this.setState({ hoveredIndex: index });\n  };\n\n  handleMouseLeave = () => {\n    this.setState({ hoveredIndex: -1 });\n  };\n\n  getStarProps(_: any, index: number) {\n    const { value, readonly } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    return {\n      filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,\n      onClick: this.handleClick(index + 1),\n      onMouseEnter: readonly ? undefined : this.handleMouseEnder(index),\n      hovered: hoveredIndex === index,\n    };\n  }\n\n  setValue = (newValue: number) => {\n    const { onChange, value } = this.asProps;\n\n    if (onChange) {\n      onChange(newValue);\n    }\n\n    if (newValue <= value) {\n      this.setState({ clickedIndex: newValue });\n    } else {\n      this.setState({ clickedIndex: -1 });\n    }\n  };\n\n  handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;\n    event.preventDefault();\n\n    if (event.key === 'Enter') {\n      const { hoveredIndex } = this.state;\n\n      this.setValue(hoveredIndex + 1);\n    } else {\n      const { value } = this.asProps;\n      const { hoveredIndex } = this.state;\n\n      const direction = event.key === 'ArrowLeft' ? -1 : 1;\n      let newValue = hoveredIndex === -1 ? value + direction : hoveredIndex + 1 + direction;\n\n      if (newValue > MAX) newValue = MAX;\n      if (newValue < MIN) newValue = MIN;\n\n      this.setState({ hoveredIndex: newValue - 1 });\n    }\n  };\n\n  getLabelText() {\n    const { hoveredIndex } = this.state;\n    const { readonly, value, getI18nText } = this.asProps;\n\n    if (readonly) {\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext.readonly', {\n        selectedRating: value,\n        max: MAX,\n      });\n    }\n\n    if (value) {\n      const selectedRating = hoveredIndex > -1 ? hoveredIndex + 1 : value;\n      return getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n        selectedRating: selectedRating,\n        max: MAX,\n      });\n    }\n\n    return hoveredIndex === -1\n      ? getI18nText('FeedbackRating.SliderRating.aria-valuetext.empty')\n      : getI18nText('FeedbackRating.SliderRating.aria-valuetext', {\n          selectedRating: hoveredIndex + 1,\n          max: MAX,\n        });\n  }\n\n  render() {\n    const { styles, readonly, getI18nText, value } = this.asProps;\n    const { hoveredIndex } = this.state;\n\n    const SSliderRating = Root;\n    const label = this.getLabelText();\n\n    if (readonly) {\n      return (\n        <SSliderRating render={Flex} gap={1} role='img' aria-label={label} use:tabIndex={-1}>\n          {new Array(MAX).fill(null).map((_, index) => {\n            return (\n              <Box key={index} position={'relative'}>\n                <SliderRating.Star />\n              </Box>\n            );\n          })}\n        </SSliderRating>\n      );\n    }\n\n    const hoverValue = hoveredIndex + 1;\n\n    const editModeLabel =\n      hoverValue > 0 || value\n        ? `${label}. ${getI18nText(\n            'FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber',\n          )}.`\n        : label;\n\n    return sstyled(styles)(\n      <SSliderRating\n        render={Flex}\n        gap={1}\n        onMouseLeave={this.handleMouseLeave}\n        onKeyDown={this.handleKeyDown}\n        role={'slider'}\n        aria-orientation='horizontal'\n        aria-valuemin={MIN}\n        aria-valuemax={MAX}\n        aria-valuetext={editModeLabel}\n        aria-valuenow={hoverValue}\n      >\n        {new Array(MAX).fill(null).map((_, index) => {\n          return (\n            <Box key={index} position={'relative'}>\n              <SliderRating.Star />\n            </Box>\n          );\n        })}\n      </SSliderRating>,\n    );\n  }\n}\n\nfunction Star(props: StarProps) {\n  const SStar = Root;\n  return sstyled(props.styles)(\n    <SStar\n      render={Box}\n      tag={'svg'}\n      role='none'\n      width='22'\n      height='21'\n      viewBox='0 0 22 21'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n    >\n      {props.filled ? (\n        <path\n          d='M10.6463 0.213566C10.7963 -0.0711885 11.2037 -0.071189 11.3537 0.213566L14.6682 6.50744L21.668 7.72084C21.9847 7.77572 22.1105 8.16305 21.8867 8.39378L16.9353 13.4978L17.9465 20.5422C17.9922 20.8607 17.6626 21.1002 17.3741 20.9581L11 17.8181L4.62585 20.9581C4.33738 21.1002 4.00781 20.8607 4.05353 20.5422L5.0647 13.4978L0.113338 8.39378C-0.110493 8.16305 0.0153421 7.77572 0.331965 7.72084L7.33178 6.50744L10.6463 0.213566Z'\n          // fill='#FDC23C'\n        />\n      ) : (\n        <path\n          d='M13.7834 6.9734L14.0127 7.40871L14.4974 7.49274L20.3785 8.51222L16.2175 12.8015L15.8757 13.1539L15.9454 13.6399L16.7949 19.558L11.4419 16.921L11 16.7033L10.5581 16.921L5.20505 19.558L6.05456 13.6399L6.12432 13.1539L5.78246 12.8015L1.62146 8.51222L7.50258 7.49274L7.98734 7.40871L8.21659 6.9734L11 1.68803L13.7834 6.9734ZM21.4972 8.70614C21.4969 8.70608 21.4965 8.70602 21.4961 8.70595L21.4972 8.70614ZM0.502765 8.70614L0.503758 8.70597C0.503427 8.70603 0.503095 8.70609 0.502764 8.70614L0.400352 8.11535L0.502765 8.70614Z'\n          // stroke='#A9ABB6'\n          // strokeWidth='2'\n        />\n      )}\n    </SStar>,\n  );\n}\nStar.displayName = 'Star';\n\nconst SliderRating = createComponent(SliderRatingRoot, {\n  Star,\n}) as Intergalactic.Component<typeof Flex, SliderRatingProps> & {\n  Star: Intergalactic.Component<typeof Box, StarProps>;\n};\n\nexport default SliderRating;\n"],"mappings":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AAEA,IAAAI,qBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,SAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAEA,IAAAO,4BAAA,GAAAP,OAAA;AAAuF;AAAA,IAAAQ,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAiBvF,IAAMC,GAAG,GAAG,CAAC;AACb,IAAMC,GAAG,GAAG,CAAC;AAAC,IAERC,gBAAgB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,gBAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YAeL;MACba,YAAY,EAAE,CAAC,CAAC;MAChBC,YAAY,EAAE,CAAC;IACjB,CAAC;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,kBAOa,UAACe,QAAgB;MAAA,OAAK,UAACC,CAAmC,EAAK;QAC3E,IAAQC,QAAQ,GAAKjB,KAAA,CAAKkB,OAAO,CAAzBD,QAAQ;QAEhB,IAAI,CAACA,QAAQ,EAAE;UACbjB,KAAA,CAAKmB,QAAQ,CAACJ,QAAQ,CAAC;QACzB;MACF,CAAC;IAAA;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,uBAEkB,UAACoB,KAAa;MAAA,OAAK,YAAM;QAC1CpB,KAAA,CAAKqB,QAAQ,CAAC;UAAER,YAAY,EAAEO;QAAM,CAAC,CAAC;MACxC,CAAC;IAAA;IAAA,IAAAT,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,uBAEkB,YAAM;MACvBA,KAAA,CAAKqB,QAAQ,CAAC;QAAER,YAAY,EAAE,CAAC;MAAE,CAAC,CAAC;IACrC,CAAC;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,eAcU,UAACe,QAAgB,EAAK;MAC/B,IAAAO,aAAA,GAA4BtB,KAAA,CAAKkB,OAAO;QAAhCK,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,KAAK,GAAAF,aAAA,CAALE,KAAK;MAEvB,IAAID,QAAQ,EAAE;QACZA,QAAQ,CAACR,QAAQ,CAAC;MACpB;MAEA,IAAIA,QAAQ,IAAIS,KAAK,EAAE;QACrBxB,KAAA,CAAKqB,QAAQ,CAAC;UAAEP,YAAY,EAAEC;QAAS,CAAC,CAAC;MAC3C,CAAC,MAAM;QACLf,KAAA,CAAKqB,QAAQ,CAAC;UAAEP,YAAY,EAAE,CAAC;QAAE,CAAC,CAAC;MACrC;IACF,CAAC;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,oBAEe,UAACyB,KAA0B,EAAK;MAC9C,IAAI,CAAC,CAAC,WAAW,EAAE,YAAY,EAAE,OAAO,CAAC,CAACC,QAAQ,CAACD,KAAK,CAACE,GAAG,CAAC,EAAE;MAC/DF,KAAK,CAACG,cAAc,EAAE;MAEtB,IAAIH,KAAK,CAACE,GAAG,KAAK,OAAO,EAAE;QACzB,IAAQd,YAAY,GAAKb,KAAA,CAAK6B,KAAK,CAA3BhB,YAAY;QAEpBb,KAAA,CAAKmB,QAAQ,CAACN,YAAY,GAAG,CAAC,CAAC;MACjC,CAAC,MAAM;QACL,IAAQW,MAAK,GAAKxB,KAAA,CAAKkB,OAAO,CAAtBM,KAAK;QACb,IAAQX,aAAY,GAAKb,KAAA,CAAK6B,KAAK,CAA3BhB,YAAY;QAEpB,IAAMiB,SAAS,GAAGL,KAAK,CAACE,GAAG,KAAK,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC;QACpD,IAAIZ,QAAQ,GAAGF,aAAY,KAAK,CAAC,CAAC,GAAGW,MAAK,GAAGM,SAAS,GAAGjB,aAAY,GAAG,CAAC,GAAGiB,SAAS;QAErF,IAAIf,QAAQ,GAAGrB,GAAG,EAAEqB,QAAQ,GAAGrB,GAAG;QAClC,IAAIqB,QAAQ,GAAGtB,GAAG,EAAEsB,QAAQ,GAAGtB,GAAG;QAElCO,KAAA,CAAKqB,QAAQ,CAAC;UAAER,YAAY,EAAEE,QAAQ,GAAG;QAAE,CAAC,CAAC;MAC/C;IACF,CAAC;IAAA,OAAAf,KAAA;EAAA;EAAA,IAAA+B,aAAA,aAAApC,gBAAA;IAAAgC,GAAA;IAAAH,KAAA,EA9CD,SAAAQ,aAAaC,CAAM,EAAEb,KAAa,EAAE;MAClC,IAAAc,cAAA,GAA4B,IAAI,CAAChB,OAAO;QAAhCM,KAAK,GAAAU,cAAA,CAALV,KAAK;QAAEP,QAAQ,GAAAiB,cAAA,CAARjB,QAAQ;MACvB,IAAQJ,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,OAAO;QACLsB,MAAM,EAAEX,KAAK,GAAGJ,KAAK,GAAG,CAAC,IAAII,KAAK,IAAIJ,KAAK,IAAIP,YAAY,GAAGO,KAAK,IAAIP,YAAY;QACnFuB,OAAO,EAAE,IAAI,CAACC,WAAW,CAACjB,KAAK,GAAG,CAAC,CAAC;QACpCkB,YAAY,EAAErB,QAAQ,GAAGsB,SAAS,GAAG,IAAI,CAACC,gBAAgB,CAACpB,KAAK,CAAC;QACjEqB,OAAO,EAAE5B,YAAY,KAAKO;MAC5B,CAAC;IACH;EAAC;IAAAO,GAAA;IAAAH,KAAA,EAsCD,SAAAkB,aAAA,EAAe;MACb,IAAQ7B,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MACpB,IAAA8B,cAAA,GAAyC,IAAI,CAACzB,OAAO;QAA7CD,QAAQ,GAAA0B,cAAA,CAAR1B,QAAQ;QAAEO,KAAK,GAAAmB,cAAA,CAALnB,KAAK;QAAEoB,WAAW,GAAAD,cAAA,CAAXC,WAAW;MAEpC,IAAI3B,QAAQ,EAAE;QACZ,OAAO2B,WAAW,CAAC,qDAAqD,EAAE;UACxEC,cAAc,EAAErB,KAAK;UACrBsB,GAAG,EAAEpD;QACP,CAAC,CAAC;MACJ;MAEA,IAAI8B,KAAK,EAAE;QACT,IAAMqB,cAAc,GAAGhC,YAAY,GAAG,CAAC,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAGW,KAAK;QACnE,OAAOoB,WAAW,CAAC,4CAA4C,EAAE;UAC/DC,cAAc,EAAEA,cAAc;UAC9BC,GAAG,EAAEpD;QACP,CAAC,CAAC;MACJ;MAEA,OAAOmB,YAAY,KAAK,CAAC,CAAC,GACtB+B,WAAW,CAAC,kDAAkD,CAAC,GAC/DA,WAAW,CAAC,4CAA4C,EAAE;QACxDC,cAAc,EAAEhC,YAAY,GAAG,CAAC;QAChCiC,GAAG,EAAEpD;MACP,CAAC,CAAC;IACR;EAAC;IAAAiC,GAAA;IAAAH,KAAA,EAED,SAAAuB,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAA9B,OAAA;QAAA+B,KAAA;MACP,IAAAC,cAAA,GAAiD,IAAI,CAAChC,OAAO;QAArDiC,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAElC,QAAQ,GAAAiC,cAAA,CAARjC,QAAQ;QAAE2B,WAAW,GAAAM,cAAA,CAAXN,WAAW;QAAEpB,KAAK,GAAA0B,cAAA,CAAL1B,KAAK;MAC5C,IAAQX,YAAY,GAAK,IAAI,CAACgB,KAAK,CAA3BhB,YAAY;MAEpB,IAAMuC,aAAa,GA4BPC,aAAI;MA3BhB,IAAMC,KAAK,GAAG,IAAI,CAACZ,YAAY,EAAE;MAEjC,IAAIzB,QAAQ,EAAE;QACZ,oBACEnC,MAAA,YAAAyE,aAAA,CAACH,aAAa,MAAAzE,KAAA,CAAA6E,WAAA;UAAA,OAAoB,CAAC;UAAA,QAAO,KAAK;UAAA,cAAaF,KAAK;UAAA,gBAAgB,CAAC;QAAC,GAAAN,IAAA,GAChF,IAAI1C,KAAK,CAACZ,GAAG,CAAC,CAAC+D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEb,KAAK,EAAK;UAC3C,oBACEtC,MAAA,YAAAyE,aAAA,CAACvE,QAAA,CAAA2E,GAAG;YAAChC,GAAG,EAAEP,KAAM;YAACwC,QAAQ,EAAE;UAAW,gBACpC9E,MAAA,YAAAyE,aAAA,CAACM,YAAY,CAACC,IAAI,OAAG,CACjB;QAEV,CAAC,CAAC,CACY;MAEpB;MAEA,IAAMC,UAAU,GAAGlD,YAAY,GAAG,CAAC;MAEnC,IAAMmD,aAAa,GACjBD,UAAU,GAAG,CAAC,IAAIvC,KAAK,MAAAd,MAAA,CAChB4C,KAAK,QAAA5C,MAAA,CAAKkC,WAAW,CACtB,8DAA8D,CAC/D,SACDU,KAAK;MAEX,OAAAL,KAAA,GAAO,IAAA1D,aAAO,EAAC4D,MAAM,CAAC,eACpBrE,MAAA,YAAAyE,aAAA,CAACH,aAAa,EAAAH,KAAA,CAAAgB,EAAA,sBAAAC,cAAA,qBAAAvF,KAAA,CAAA6E,WAAA;QAAA,OAEP,CAAC;QAAA,gBACQ,IAAI,CAACW,gBAAgB;QAAA,aACxB,IAAI,CAACC,aAAa;QAAA,QACvB,QAAQ;QAAA,oBACG,YAAY;QAAA,iBACd3E,GAAG;QAAA,iBACHC,GAAG;QAAA,kBACFsE,aAAa;QAAA,iBACdD;MAAU,GAAAf,IAAA,KAExB,IAAI1C,KAAK,CAACZ,GAAG,CAAC,CAAC+D,IAAI,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,UAACzB,CAAC,EAAEb,KAAK,EAAK;QAC3C,oBACEtC,MAAA,YAAAyE,aAAA,CAACvE,QAAA,CAAA2E,GAAG;UAAChC,GAAG,EAAEP,KAAM;UAACwC,QAAQ,EAAE;QAAW,gBACpC9E,MAAA,YAAAyE,aAAA,CAACM,YAAY,CAACC,IAAI,OAAG,CACjB;MAEV,CAAC,CAAC,CACY;IAEpB;EAAC;EAAA,OAAAnE,gBAAA;AAAA,EAxK4B0E,eAAS;AAAA,IAAA1D,gBAAA,aAAlChB,gBAAgB,iBAMC,cAAc;AAAA,IAAAgB,gBAAA,aAN/BhB,gBAAgB,WAOLN,KAAK;AAAA,IAAAsB,gBAAA,aAPhBhB,gBAAgB,aASH,CACf,IAAA2E,gCAAoB,GAAE,EACtB,IAAAC,oBAAmB,GAAE,EACrB,IAAAC,uBAAW,EAACC,8CAAiB,CAAC,CAC/B;AAAA,IAAA9D,gBAAA,aAbGhB,gBAAgB,kBAoBE;EACpB+E,IAAI,EAAED,8CAAiB;EACvBE,MAAM,EAAE;AACV,CAAC;AAoJH,SAASb,IAAIA,CAACc,KAAgB,EAAE;EAAA,IAAAC,KAAA,GAAAC,YAAA;IAAAC,KAAA;EAC9B,IAAMC,KAAK,GAGCrB,YAAG;EAFf,OAAAoB,KAAA,GAAO,IAAAxF,aAAO,EAACqF,KAAK,CAACzB,MAAM,CAAC,eAC1BrE,MAAA,YAAAyE,aAAA,CAACyB,KAAK,EAAAD,KAAA,CAAAd,EAAA,cAAAC,cAAA,qBAAAvF,KAAA,CAAA6E,WAAA;IAAA,OAEC,KAAK;IAAA,QACL,MAAM;IAAA,SACL,IAAI;IAAA,UACH,IAAI;IAAA,WACH,WAAW;IAAA,QACd,MAAM;IAAA,SACL;EAA4B,GAAAqB,KAAA,KAEjCD,KAAK,CAACzC,MAAM,gBACXrD,MAAA,YAAAyE,aAAA,SAAAwB,KAAA,CAAAd,EAAA;IAAA,KACI;EAA0a,GAE5a,gBAEFnF,MAAA,YAAAyE,aAAA,SAAAwB,KAAA,CAAAd,EAAA;IAAA,KACI;EAA2gB,GAIhhB,CACK;AAEZ;AACAH,IAAI,CAACmB,WAAW,GAAG,MAAM;AAEzB,IAAMpB,YAAY,GAAG,IAAAqB,gBAAe,EAACvF,gBAAgB,EAAE;EACrDmE,IAAI,EAAJA;AACF,CAAC,CAEA;AAAC,IAAAqB,QAAA,GAEatB,YAAY;AAAAuB,OAAA,cAAAD,QAAA"}

package/feedback-form/lib/cjs/style/slider-rating.shadow.css

@@ -2,6 +2,7 @@ SSliderRating SStar {
   transition: all calc(var(--intergalactic-duration-control, 200) * 1ms) ease-out;
 }
 
+SSliderRating[keyboardFocused] SStar[hovered],
 SSliderRating SStar:hover {
   cursor: pointer;
   transform: scale(1.3);

package/feedback-form/lib/cjs/translations/de.json

@@ -4,5 +4,9 @@
   "formTitle": "Feedback-Formular",
   "submitButton": "Feedback senden",
   "successMessage": "Vielen Dank für Ihr Feedback!",
-  "errorMessage": "Es ist ein Fehler aufgetreten. Versuchen Sie es erneut oder kontaktieren Sie uns unter {email}."
+  "errorMessage": "Es ist ein Fehler aufgetreten. Versuchen Sie es erneut oder kontaktieren Sie uns unter {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Drücken Sie auf Enter, um die Bewertung auszuwählen",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Ihre Bewertung: {selectedRating} von {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Nicht festgelegt",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} von {max}"
 }

package/feedback-form/lib/cjs/translations/en.json

@@ -4,5 +4,9 @@
   "formTitle": "Feedback form",
   "submitButton": "Send feedback",
   "successMessage": "Thank you for your feedback!",
-  "errorMessage": "Something went wrong. Please try again or contact us at {email}."
+  "errorMessage": "Something went wrong. Please try again or contact us at {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Press Enter to select the rating",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Your rating: {selectedRating} out of {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Not set",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} out of {max}"
 }

package/feedback-form/lib/cjs/translations/es.json

@@ -4,5 +4,9 @@
   "formTitle": "Formulario de comentarios",
   "submitButton": "Enviar comentarios",
   "successMessage": "¡Gracias por tu opinión!",
-  "errorMessage": "Ha habido un error. Vuelve a intentarlo o contacta con nosotros en {email}."
+  "errorMessage": "Ha habido un error. Vuelve a intentarlo o contacta con nosotros en {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Pulsa Intro para seleccionar la puntuación",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Tu puntuación: {selectedRating} de {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Sin definir",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} de {max}"
 }

package/feedback-form/lib/cjs/translations/fr.json

@@ -4,5 +4,9 @@
   "formTitle": "Formulaire de commentaires",
   "submitButton": "Envoyer des commentaires",
   "successMessage": "Merci pour vos commentaires !",
-  "errorMessage": "Une erreur est survenue. Veuillez réessayer ou nous contacter à l’adresse {email}."
+  "errorMessage": "Une erreur est survenue. Veuillez réessayer ou nous contacter à l’adresse {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Appuyez sur Entrée pour sélectionner la note",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Votre note : {selectedRating} sur {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Non défini",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} sur {max}"
 }

package/feedback-form/lib/cjs/translations/it.json

@@ -4,5 +4,9 @@
   "formTitle": "Modulo di feedback",
   "submitButton": "Invia feedback",
   "successMessage": "Grazie per il tuo feedback!",
-  "errorMessage": "Si è verificato un errore. Prova di nuovo o contattaci all'indirizzo {email}."
+  "errorMessage": "Si è verificato un errore. Prova di nuovo o contattaci all'indirizzo {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Premi Invio per selezionare la valutazione",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "La tua valutazione: {selectedRating} su {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Non impostato",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} su {max}"
 }

package/feedback-form/lib/cjs/translations/ja.json

@@ -4,5 +4,9 @@
   "formTitle": "フィードバックのフォーム",
   "submitButton": "フィードバックを送信",
   "successMessage": "フィードバックをお送りいただき、ありがとうございます！",
-  "errorMessage": "エラーが発生しました。もう一度お試しいただくか、{email}までお問い合わせください。"
+  "errorMessage": "エラーが発生しました。もう一度お試しいただくか、{email}までお問い合わせください。",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "レーティングを選択するにはEnterキーを押します",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "あなたのレーティング：{selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "未設定",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
 }

package/feedback-form/lib/cjs/translations/ko.json

@@ -4,5 +4,9 @@
   "formTitle": "피드백 양식",
   "submitButton": "피드백 보내기",
   "successMessage": "피드백을 주셔서 감사합니다!",
-  "errorMessage": "오류가 발생했습니다. 다시 시도하거나 {email}으로 문의해 주세요."
+  "errorMessage": "오류가 발생했습니다. 다시 시도하거나 {email}으로 문의해 주세요.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Enter 키로 별점을 선택하세요",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "내 평점: {selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "평가하지 않음",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
 }

package/feedback-form/lib/cjs/translations/nl.json

@@ -4,5 +4,9 @@
   "formTitle": "Feedback formulier",
   "submitButton": "Feedback sturen",
   "successMessage": "Bedankt voor je feedback!",
-  "errorMessage": "Er is iets fout gegaan. Probeer het opnieuw of neem contact met ons op via {email}."
+  "errorMessage": "Er is iets fout gegaan. Probeer het opnieuw of neem contact met ons op via {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Druk op Enter om de beoordeling te selecteren",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Jouw beoordeling: {selectedRating} uit {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Niet ingesteld",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} uit {max}"
 }

package/feedback-form/lib/cjs/translations/pl.json

@@ -4,5 +4,9 @@
   "formTitle": "Formularz opinii",
   "submitButton": "Wyślij opinię",
   "successMessage": "Dziękujemy za opinię!",
-  "errorMessage": "Coś poszło nie tak. Spróbuj ponownie lub skontaktuj się z nami pod adresem {email}."
+  "errorMessage": "Coś poszło nie tak. Spróbuj ponownie lub skontaktuj się z nami pod adresem {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Naciśnij Enter, aby wybrać ocenę",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Twoja ocena: {selectedRating} z {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Nie ustawiono",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} z {max}"
 }

package/feedback-form/lib/cjs/translations/pt.json

@@ -4,5 +4,9 @@
   "formTitle": "Formulário de comentários",
   "submitButton": "Enviar comentário",
   "successMessage": "Agradecemos pelos comentários!",
-  "errorMessage": "Algo deu errado. Tente novamente ou entre em contato conosco pelo e-mail {email}."
+  "errorMessage": "Algo deu errado. Tente novamente ou entre em contato conosco pelo e-mail {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Pressione Enter para selecionar a classificação",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Sua classificação: {selectedRating} de {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Não definida",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} de {max}"
 }

package/feedback-form/lib/cjs/translations/sv.json

@@ -4,5 +4,9 @@
   "formTitle": "Feedbackformulär",
   "submitButton": "Skicka feedback",
   "successMessage": "Tack för din feedback!",
-  "errorMessage": "Något gick fel. Försök igen eller kontakta oss via {email}."
+  "errorMessage": "Något gick fel. Försök igen eller kontakta oss via {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Tryck på Enter för att välja betyg",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Ditt betyg: {selectedRating} av {max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Inget valt",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} av {max}"
 }

package/feedback-form/lib/cjs/translations/tr.json

@@ -4,5 +4,9 @@
   "formTitle": "Geri bildirim formu",
   "submitButton": "Geri bildirim gönder",
   "successMessage": "Geri bildiriminiz için teşekkür ederiz!",
-  "errorMessage": "Bir şeyler yanlış gitti. Lütfen tekrar deneyin veya {email} adresinden bizimle iletişime geçin."
+  "errorMessage": "Bir şeyler yanlış gitti. Lütfen tekrar deneyin veya {email} adresinden bizimle iletişime geçin.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Derecelendirmeyi seçmek için Enter tuşuna basın",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Puanınız: {max} üzerinden {selectedRating}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Ayarlanmadı",
+  "FeedbackRating.SliderRating.aria-valuetext": "{max} üzerinden {selectedRating}"
 }

package/feedback-form/lib/cjs/translations/vi.json

@@ -4,5 +4,9 @@
   "formTitle": "Biểu mẫu Phản hồi",
   "submitButton": "Gửi góp ý",
   "successMessage": "Cảm ơn góp ý của bạn!",
-  "errorMessage": "Đã xảy ra sự cố. Hãy thử lại hoặc liên hệ với chúng tôi qua {email}."
+  "errorMessage": "Đã xảy ra sự cố. Hãy thử lại hoặc liên hệ với chúng tôi qua {email}.",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "Nhấn Enter để chọn đánh giá",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "Đánh giá của bạn: {selectedRating}/{max}",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "Chưa chọn",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating}/{max}"
 }

package/feedback-form/lib/cjs/translations/zh.json

@@ -4,5 +4,9 @@
   "formTitle": "反馈表格",
   "submitButton": "发送反馈",
   "successMessage": "感谢您的反馈！",
-  "errorMessage": "出错了。请重试或通过 {email} 联系我们。"
+  "errorMessage": "出错了。请重试或通过 {email} 联系我们。",
+  "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": "按 Enter 选择评级",
+  "FeedbackRating.SliderRating.aria-valuetext.readonly": "您的评级：{selectedRating} / {max",
+  "FeedbackRating.SliderRating.aria-valuetext.empty": "未设置",
+  "FeedbackRating.SliderRating.aria-valuetext": "{selectedRating} / {max}"
 }

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

@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
 import { FeedbackItem } from './component/feedback-item/FeedbackItem';
 import { SubmitButton } from './component/submit-button/SubmitButton';
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_wxsl5_gg_{max-width:320px}.___SCancel_wxsl5_gg_,.___SSubmit_wxsl5_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_wxsl5_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_wxsl5_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_wxsl5_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "wxsl5_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_wxsl5_gg_",
-  "__SSubmit": "___SSubmit_wxsl5_gg_",
-  "__SCancel": "___SCancel_wxsl5_gg_",
-  "__SNotice": "___SNotice_wxsl5_gg_",
-  "__SSuccess": "___SSuccess_wxsl5_gg_",
-  "__SEmail": "___SEmail_wxsl5_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_ggrnp_gg_{max-width:320px}.___SCancel_ggrnp_gg_,.___SSubmit_ggrnp_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_ggrnp_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_ggrnp_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_ggrnp_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));width:80px;height:80px;background-image:url(\"data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A\")}" /*__inner_css_end__*/, "ggrnp_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_ggrnp_gg_",
+  "__SSubmit": "___SSubmit_ggrnp_gg_",
+  "__SCancel": "___SCancel_ggrnp_gg_",
+  "__SNotice": "___SNotice_ggrnp_gg_",
+  "__SSuccess": "___SSuccess_ggrnp_gg_",
+  "__SEmail": "___SEmail_ggrnp_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackForm, _Component);

package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js

@@ -7,14 +7,14 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
 import { assignProps as _assignProps } from 'intergalactic/core';
-var _excluded = ["styles", "id", "label"];
+var _excluded = ["styles", "id", "label", "type", "focused"];
 import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1mmbd_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1mmbd_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1mmbd_gg_.__checked_1mmbd_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1mmbd_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1mmbd_gg_.__checked_1mmbd_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1mmbd_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_1mmbd_gg_",
-  "_checked": "__checked_1mmbd_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_p926m_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_p926m_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_p926m_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_p926m_gg_.__checked_p926m_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "p926m_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_p926m_gg_",
+  "_checked": "__checked_p926m_gg_"
 });
 import Checkbox from 'intergalactic/checkbox';
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
@@ -33,13 +33,19 @@ var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
         styles = _this$asProps.styles,
         id = _this$asProps.id,
         label = _this$asProps.label,
+        type = _this$asProps.type,
+        focused = _this$asProps.focused,
         other = _objectWithoutProperties(_this$asProps, _excluded);
+      var autoFocus = focused ? 20 : false;
       var SCheckboxButton = Box;
       return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SCheckboxButton, _ref2.cn("SCheckboxButton", _objectSpread({}, _assignProps({
-        "__excludeProps": ['onChange', 'id']
+        "__excludeProps": ['onChange', 'id', 'type']
       }, _ref))), /*#__PURE__*/React.createElement(Checkbox, _ref2.cn("Checkbox", _objectSpread({}, other)), /*#__PURE__*/React.createElement(Checkbox.Value, {
+        autoFocus: autoFocus,
+        "aria-labelledby": id
+      }), /*#__PURE__*/React.createElement(Checkbox.Text, {
         id: id
-      }), /*#__PURE__*/React.createElement(Checkbox.Text, null, label)));
+      }, label)));
     }
   }]);
   return CheckboxButtonRoot;

package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxButton.js","names":["React","createComponent","Component","Root","sstyled","Box","style","_sstyled","insert","Checkbox","CheckboxButtonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","other","_objectWithoutProperties","_excluded","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","Text","_defineProperty","CheckboxButton"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox, { CheckboxProps } from '@semcore/checkbox';\n\nclass CheckboxButtonRoot extends Component<CheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, ...other } = this.asProps;\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id']}>\n        <Checkbox {...other}>\n          <Checkbox.Value id={id} />\n          <Checkbox.Text>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAGxC,OAAOC,QAAQ,MAAyB,mBAAmB;AAAC,IAEtDC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAwC,IAAI,CAACF,OAAO;QAA5CG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAKC,KAAK,GAAAC,wBAAA,CAAAL,aAAA,EAAAM,SAAA;MACnC,IAAMC,eAAe,GAEM3B,GAAG;MAD9B,OAAAmB,KAAA,GAAOpB,OAAO,CAACsB,MAAM,CAAC,eACpB1B,KAAA,CAAAiC,aAAA,CAACD,eAAe,EAAAR,KAAA,CAAAU,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI;MAAC,GAAAd,IAAA,kBAC9DtB,KAAA,CAAAiC,aAAA,CAACxB,QAAQ,EAAAe,KAAA,CAAAU,EAAA,aAAAC,aAAA,KAAKN,KAAK,iBACjB7B,KAAA,CAAAiC,aAAA,CAACxB,QAAQ,CAAC4B,KAAK;QAACV,EAAE,EAAEA;MAAG,EAAG,eAC1B3B,KAAA,CAAAiC,aAAA,CAACxB,QAAQ,CAAC6B,IAAI,QAAEV,KAAK,CAAiB,CAC7B,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAd8BR,SAAS;AAAAqC,eAAA,CAApC7B,kBAAkB,WACPJ,KAAK;AAgBtB,IAAMkC,cAAc,GAAGvC,eAAe,CAACS,kBAAkB,CAAC;AAE1D,eAAe8B,cAAc"}
+{"version":3,"file":"CheckboxButton.js","names":["React","createComponent","Component","Root","sstyled","Box","style","_sstyled","insert","Checkbox","CheckboxButtonRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref2","_this$asProps","styles","id","label","type","focused","other","_objectWithoutProperties","_excluded","autoFocus","SCheckboxButton","createElement","cn","_objectSpread","_assignProps","Value","Text","_defineProperty","CheckboxButton"],"sources":["../../../../src/component/checkbox-button/CheckboxButton.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\n\nimport style from '../../style/checkbox-button.shadow.css';\nimport Checkbox from '@semcore/checkbox';\nimport { FeedbackRatingCheckboxProps } from '../feedback-rating/FeedbackRating.type';\n\nclass CheckboxButtonRoot extends Component<FeedbackRatingCheckboxProps> {\n  static style = style;\n\n  render() {\n    const { styles, id, label, type, focused, ...other } = this.asProps;\n    const autoFocus = focused ? 20 : false;\n\n    const SCheckboxButton = Root;\n    return sstyled(styles)(\n      <SCheckboxButton render={Box} __excludeProps={['onChange', 'id', 'type']}>\n        <Checkbox {...other}>\n          <Checkbox.Value autoFocus={autoFocus} aria-labelledby={id} />\n          <Checkbox.Text id={id}>{label}</Checkbox.Text>\n        </Checkbox>\n      </SCheckboxButton>,\n    );\n  }\n}\n\nconst CheckboxButton = createComponent(CheckboxButtonRoot);\n\nexport default CheckboxButton;\n"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;AAAA;AAGxC,OAAOC,QAAQ,MAAM,mBAAmB;AAAC,IAGnCC,kBAAkB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,kBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,kBAAA;EAAA,SAAAA,mBAAA;IAAAK,eAAA,OAAAL,kBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,kBAAA;IAAAS,GAAA;IAAAC,KAAA,EAGtB,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAAC,aAAA,GAAuD,IAAI,CAACF,OAAO;QAA3DG,MAAM,GAAAD,aAAA,CAANC,MAAM;QAAEC,EAAE,GAAAF,aAAA,CAAFE,EAAE;QAAEC,KAAK,GAAAH,aAAA,CAALG,KAAK;QAAEC,IAAI,GAAAJ,aAAA,CAAJI,IAAI;QAAEC,OAAO,GAAAL,aAAA,CAAPK,OAAO;QAAKC,KAAK,GAAAC,wBAAA,CAAAP,aAAA,EAAAQ,SAAA;MAClD,IAAMC,SAAS,GAAGJ,OAAO,GAAG,EAAE,GAAG,KAAK;MAEtC,IAAMK,eAAe,GAEM9B,GAAG;MAD9B,OAAAmB,KAAA,GAAOpB,OAAO,CAACsB,MAAM,CAAC,eACpB1B,KAAA,CAAAoC,aAAA,CAACD,eAAe,EAAAX,KAAA,CAAAa,EAAA,oBAAAC,aAAA,KAAAC,YAAA;QAAA,kBAA8B,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM;MAAC,GAAAjB,IAAA,kBACtEtB,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,EAAAe,KAAA,CAAAa,EAAA,aAAAC,aAAA,KAAKP,KAAK,iBACjB/B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAAC+B,KAAK;QAACN,SAAS,EAAEA,SAAU;QAAC,mBAAiBP;MAAG,EAAG,eAC7D3B,KAAA,CAAAoC,aAAA,CAAC3B,QAAQ,CAACgC,IAAI;QAACd,EAAE,EAAEA;MAAG,GAAEC,KAAK,CAAiB,CACrC,CACK;IAEtB;EAAC;EAAA,OAAAlB,kBAAA;AAAA,EAhB8BR,SAAS;AAAAwC,eAAA,CAApChC,kBAAkB,WACPJ,KAAK;AAkBtB,IAAMqC,cAAc,GAAG1C,eAAe,CAACS,kBAAkB,CAAC;AAE1D,eAAeiC,cAAc"}

package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js

@@ -29,11 +29,11 @@ export function FeedbackItem(_ref) {
     var invalid = meta.invalid && meta.touched;
     var errorState = showError && invalid;
     var popperId = "".concat(uid, "-error-description");
+    var ariaDescribedBy = props['aria-describedby'];
     var inputProps = assignProps(_objectSpread(_objectSpread({}, propsForElement(other)), {}, {
       state: errorState ? 'invalid' : 'normal',
       'aria-invalid': errorState ? true : false,
-      'aria-errormessage': errorState && meta.active ? popperId : undefined,
-      'aria-describedby': errorState && meta.active ? popperId : undefined
+      'aria-describedby': meta.active ? errorState ? popperId : ariaDescribedBy : undefined
     }), input);
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/React.createElement(Tooltip, _extends({
@@ -47,7 +47,9 @@ export function FeedbackItem(_ref) {
       inline: false,
       role: undefined,
       tag: tag
-    }, tag ? inputProps : {}), typeof Children.origin === 'function' && Children.origin(_objectSpread({
+    }, tag ? inputProps : {}, {
+      __excludeProps: ['type', 'aria-describedby']
+    }), typeof Children.origin === 'function' && Children.origin(_objectSpread({
       input: inputProps,
       meta: meta
     }, other))), /*#__PURE__*/React.createElement(Tooltip.Popper, {

package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","assignProps","propsForElement","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","inputProps","_objectSpread","state","active","error","current","_extends","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': errorState && meta.active ? popperId : undefined,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\n        );\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","assignProps","propsForElement","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","ariaDescribedBy","inputProps","_objectSpread","state","active","error","current","_extends","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","__excludeProps","origin","Popper","w","id","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\nimport propsForElement from '@semcore/utils/lib/propsForElement';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const ariaDescribedBy = props['aria-describedby'];\n        const inputProps = assignProps(\n          {\n            ...propsForElement(other),\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-describedby': meta.active ? (errorState ? popperId : ariaDescribedBy) : undefined,\n          },\n          input,\n        );\n\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger\n              inline={false}\n              role={undefined}\n              tag={tag}\n              {...(tag ? inputProps : {})}\n              __excludeProps={['type', 'aria-describedby']}\n            >\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}