intergalactic 15.87.0 → 15.88.0

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

@@ -0,0 +1,165 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+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 _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Flex, Box } from 'intergalactic/flex-box';
+/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_mkvmh_gg_ .___SStar_mkvmh_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_mkvmh_gg_ .___SStar_mkvmh_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_mkvmh_gg_.__keyboardFocused_mkvmh_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_mkvmh_gg_.__readonly_mkvmh_gg_ .___SStar_mkvmh_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_mkvmh_gg_.__filled_mkvmh_gg_:active{animation:wobble .8s ease-in-out}.___SStar_mkvmh_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_mkvmh_gg_.__filled_mkvmh_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "mkvmh_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_mkvmh_gg_",
+  "__SStar": "___SStar_mkvmh_gg_",
+  "_keyboardFocused": "__keyboardFocused_mkvmh_gg_",
+  "_readonly": "__readonly_mkvmh_gg_",
+  "_filled": "__filled_mkvmh_gg_"
+});
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+var MIN = 1;
+var MAX = 5;
+var SliderRatingRoot = /*#__PURE__*/function (_Component) {
+  _inherits(SliderRatingRoot, _Component);
+  var _super = _createSuper(SliderRatingRoot);
+  function SliderRatingRoot() {
+    var _this;
+    _classCallCheck(this, SliderRatingRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      hoveredIndex: -1,
+      clickedIndex: -1
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function (newValue) {
+      return function (e) {
+        var readonly = _this.asProps.readonly;
+        if (!readonly) {
+          _this.setValue(newValue);
+        }
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnder", function (index) {
+      return function () {
+        _this.setState({
+          hoveredIndex: index
+        });
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function () {
+      _this.setState({
+        hoveredIndex: -1
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "setValue", function (newValue) {
+      var _this$asProps = _this.asProps,
+        onChange = _this$asProps.onChange,
+        value = _this$asProps.value;
+      if (onChange) {
+        onChange(newValue);
+      }
+      if (newValue <= value) {
+        _this.setState({
+          clickedIndex: newValue
+        });
+      } else {
+        _this.setState({
+          clickedIndex: -1
+        });
+      }
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+      if (!['ArrowLeft', 'ArrowRight', 'Enter'].includes(event.key)) return;
+      event.preventDefault();
+      if (event.key === 'Enter') {
+        var hoveredIndex = _this.state.hoveredIndex;
+        _this.setValue(hoveredIndex + 1);
+      } else {
+        var _value = _this.asProps.value;
+        var _hoveredIndex = _this.state.hoveredIndex;
+        var direction = event.key === 'ArrowLeft' ? -1 : 1;
+        var newValue = _hoveredIndex === -1 ? _value + direction : _hoveredIndex + 1 + direction;
+        if (newValue > MAX) newValue = MAX;
+        if (newValue < MIN) newValue = MIN;
+        _this.setState({
+          hoveredIndex: newValue - 1
+        });
+      }
+    });
+    return _this;
+  }
+  _createClass(SliderRatingRoot, [{
+    key: "getStarProps",
+    value: function getStarProps(_, index) {
+      var _this$asProps2 = this.asProps,
+        value = _this$asProps2.value,
+        readonly = _this$asProps2.readonly;
+      var hoveredIndex = this.state.hoveredIndex;
+      return {
+        filled: value ? index + 1 <= value || index <= hoveredIndex : index <= hoveredIndex,
+        onClick: this.handleClick(index + 1),
+        onMouseEnter: readonly ? undefined : this.handleMouseEnder(index)
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref3;
+      var _this$asProps3 = this.asProps,
+        styles = _this$asProps3.styles,
+        value = _this$asProps3.value;
+      var hoveredIndex = this.state.hoveredIndex;
+      var SSliderRating = Flex;
+      var label = value ? value : hoveredIndex === -1 ? 'Not set' : hoveredIndex + 1;
+      return _ref3 = sstyled(styles), /*#__PURE__*/React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, _assignProps({
+        "gap": 1,
+        "onMouseLeave": this.handleMouseLeave,
+        "onKeyDown": this.handleKeyDown,
+        "role": 'slider',
+        "aria-orientation": 'horizontal',
+        "aria-valuemin": MIN,
+        "aria-valuemax": MAX,
+        "aria-valuetext": label,
+        "aria-valuenow": hoveredIndex + 1
+      }, _ref))), new Array(MAX).fill(null).map(function (_, index) {
+        return /*#__PURE__*/React.createElement(Box, {
+          key: index,
+          position: 'relative'
+        }, /*#__PURE__*/React.createElement(SliderRating.Star, null));
+      }));
+    }
+  }]);
+  return SliderRatingRoot;
+}(Component);
+_defineProperty(SliderRatingRoot, "displayName", 'SliderRating');
+_defineProperty(SliderRatingRoot, "style", style);
+_defineProperty(SliderRatingRoot, "enhance", [keyboardFocusEnhance()]);
+function Star(props) {
+  var _ref2 = arguments[0],
+    _ref4;
+  var SStar = Box;
+  return _ref4 = sstyled(props.styles), /*#__PURE__*/React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, _assignProps2({
+    "tag": 'svg',
+    "width": '22',
+    "height": '21',
+    "viewBox": '0 0 22 21',
+    "fill": 'none',
+    "xmlns": 'http://www.w3.org/2000/svg'
+  }, _ref2))), props.filled ? /*#__PURE__*/React.createElement("path", _ref4.cn("path", {
+    "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'
+  })) : /*#__PURE__*/React.createElement("path", _ref4.cn("path", {
+    "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'
+  })));
+}
+Star.displayName = 'Star';
+var SliderRating = createComponent(SliderRatingRoot, {
+  Star: Star
+});
+export default SliderRating;
+//# sourceMappingURL=SliderRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderRating.js","names":["React","createComponent","Component","Root","sstyled","Flex","Box","style","_sstyled","insert","keyboardFocusEnhance","MIN","MAX","SliderRatingRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","hoveredIndex","clickedIndex","newValue","e","readonly","asProps","setValue","index","setState","_this$asProps","onChange","value","event","includes","key","preventDefault","state","direction","_createClass","getStarProps","_","_this$asProps2","filled","onClick","handleClick","onMouseEnter","undefined","handleMouseEnder","render","_ref","_ref3","_this$asProps3","styles","SSliderRating","label","createElement","cn","_objectSpread","_assignProps","handleMouseLeave","handleKeyDown","fill","map","position","SliderRating","Star","props","_ref2","arguments[0]","_ref4","SStar","_assignProps2","displayName"],"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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"}

package/feedback-form/lib/es6/component/submit-button/SubmitButton.js

@@ -0,0 +1,17 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import { assignProps as _assignProps } from 'intergalactic/core';
+import Button from 'intergalactic/button';
+import React from 'react';
+import { Root, sstyled } from 'intergalactic/core';
+export function SubmitButton(props) {
+  var _ref = arguments[0],
+    _ref2;
+  var styles = props.styles;
+  var SSubmit = Button;
+  return _ref2 = sstyled(styles), /*#__PURE__*/React.createElement(SSubmit, _ref2.cn("SSubmit", _objectSpread({}, _assignProps({
+    "type": 'submit',
+    "use": 'primary',
+    "theme": 'success'
+  }, _ref))));
+}
+//# sourceMappingURL=SubmitButton.js.map

package/feedback-form/lib/es6/component/submit-button/SubmitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","names":["Button","React","Root","sstyled","SubmitButton","props","_ref","arguments[0]","_ref2","styles","SSubmit","createElement","cn","_objectSpread","_assignProps"],"sources":["../../../../src/component/submit-button/SubmitButton.tsx"],"sourcesContent":["import Button from '@semcore/button';\nimport React from 'react';\nimport { Root, sstyled, IRootComponentProps } from '@semcore/core';\n\nexport function SubmitButton(props: IRootComponentProps) {\n  const { styles } = props;\n  const SSubmit = Root;\n  return sstyled(styles)(<SSubmit render={Button} type='submit' use='primary' theme='success' />);\n}\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,iBAAiB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAA6B,eAAe;AAElE,OAAO,SAASC,YAAYA,CAACC,KAA0B,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACvD,IAAQC,MAAM,GAAKJ,KAAK,CAAhBI,MAAM;EACd,IAAMC,OAAO,GAC2BV,MAAM;EAA9C,OAAAQ,KAAA,GAAOL,OAAO,CAACM,MAAM,CAAC,eAACR,KAAA,CAAAU,aAAA,CAACD,OAAO,EAAAF,KAAA,CAAAI,EAAA,YAAAC,aAAA,KAAAC,YAAA;IAAA,QAAsB,QAAQ;IAAA,OAAK,SAAS;IAAA,SAAO;EAAS,GAAAR,IAAA,IAAG;AAChG"}

package/feedback-form/lib/es6/index.d.js

@@ -1,2 +1,6 @@
-export {};
+import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';
+
+/** @deprecated */
+
+export { FeedbackRating };
 //# sourceMappingURL=index.d.js.map

package/feedback-form/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { FormProps, FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n  /* The event is called when the form is submitted */\n  onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n  /**\n   * The property is in charge of the spinner showing\n   * */\n  loading?: boolean;\n  /**\n   * Color of container spinner; you can use your own color\n   */\n  background?: string;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n  Item: Intergalactic.Component<'div', FieldProps<any, any>>;\n  Success: typeof Box;\n  Submit: typeof Button;\n  Cancel: typeof Button;\n  Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":["default","FeedbackRating"],"sources":["../../src/index.d.ts"],"sourcesContent":["import { FormProps, FieldProps } from 'react-final-form';\n\nimport { Intergalactic } from '@semcore/core';\nimport Button from '@semcore/button';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\n/** @deprecated */\nexport type IFeedbackForm = FeedbackFormProps;\nexport type FeedbackFormProps = FormProps & {\n  /* The event is called when the form is submitted */\n  onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;\n  /**\n   * The property is in charge of the spinner showing\n   * */\n  loading?: boolean;\n  /**\n   * Color of container spinner; you can use your own color\n   */\n  background?: string;\n  /** Spinner theme. There are several default themes or you can use your own color\n   * @default dark\n   **/\n  theme?: 'dark' | 'invert' | string;\n};\n\ndeclare const FeedbackForm: Intergalactic.Component<'form', FeedbackFormProps> & {\n  Item: Intergalactic.Component<'div', FieldProps<any, any>>;\n  Success: typeof Box;\n  Submit: typeof Button;\n  Cancel: typeof Button;\n  Notice: typeof NoticeSmart;\n};\n\nexport default FeedbackForm;\n\nexport { FeedbackRating };\n"],"mappings":"AAOA,SAASA,OAAO,IAAIC,cAAc,QAAQ,4CAA4C;;AAEtF;;AA6BA,SAASA,cAAc"}

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

@@ -1,2 +1,4 @@
+import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';
 export { default } from './FeedbackForm';
+export { FeedbackRating };
 //# sourceMappingURL=index.js.map

package/feedback-form/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './FeedbackForm';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}
+{"version":3,"file":"index.js","names":["default","FeedbackRating"],"sources":["../../src/index.js"],"sourcesContent":["import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';\n\nexport { default } from './FeedbackForm';\n\nexport { FeedbackRating };\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,4CAA4C;AAEtF,SAASD,OAAO,QAAQ,gBAAgB;AAExC,SAASC,cAAc"}

package/feedback-form/lib/es6/style/checkbox-button.shadow.css

@@ -0,0 +1,21 @@
+SCheckboxButton {
+  margin-top: var(--intergalactic-spacing-2x, 8px);
+  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border-radius: var(--intergalactic-rounded-medium, 6px);
+
+  label {
+    width: 100%;
+    padding: var(--intergalactic-spacing-3x, 12px);
+    box-sizing: border-box;
+  }
+}
+
+SCheckboxButton:hover, SCheckboxButton[checked] {
+  cursor: pointer;
+  border-color: var(--intergalactic-border-info-active, #006dca);
+  background-color: rgba(0, 143, 248, 0.10);
+}
+
+SCheckboxButton[checked]:hover {
+  background-color: rgba(0, 143, 248, 0.20);
+}

package/feedback-form/lib/es6/style/feedback-rating.shadow.css

@@ -0,0 +1,9 @@
+SFeedbackRating {
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+  ul, li {
+    list-style: none;
+  }
+}

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

@@ -0,0 +1,34 @@
+SSliderRating SStar {
+  transition: all calc(var(--intergalactic-duration-control, 200) * 1ms) ease-out;
+}
+
+SSliderRating SStar:hover {
+  cursor: pointer;
+  transform: scale(1.3);
+}
+
+SSliderRating[keyboardFocused] {
+  outline: none;
+  box-shadow: var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));
+}
+
+SSliderRating[readonly] SStar:hover {
+  cursor: default;
+  transform: none;
+  transition: none;
+}
+
+SStar[filled]:active {
+  animation: wobble 0.8s ease-in-out;
+}
+
+SStar path {
+  fill: transparent;
+  stroke: var(--intergalactic-slider-rating-normal, #a9abb6);
+  stroke-width: 2;
+}
+
+SStar[filled] path {
+  stroke-width: 0;
+  fill: var(--intergalactic-slider-rating-hover-active, #fdc23c);
+}

package/feedback-form/lib/es6/translations/__intergalactic-dynamic-locales.js

@@ -0,0 +1,31 @@
+import de from './de.json';
+import en from './en.json';
+import es from './es.json';
+import fr from './fr.json';
+import it from './it.json';
+import ja from './ja.json';
+import ko from './ko.json';
+import nl from './nl.json';
+import pt from './pt.json';
+import tr from './tr.json';
+import vi from './vi.json';
+import zh from './zh.json';
+import pl from './pl.json';
+import sv from './sv.json';
+export var localizedMessages = {
+  de: de,
+  en: en,
+  es: es,
+  fr: fr,
+  it: it,
+  ja: ja,
+  ko: ko,
+  nl: nl,
+  pt: pt,
+  tr: tr,
+  vi: vi,
+  zh: zh,
+  pl: pl,
+  sv: sv
+};
+//# sourceMappingURL=__intergalactic-dynamic-locales.js.map

package/feedback-form/lib/es6/translations/__intergalactic-dynamic-locales.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"__intergalactic-dynamic-locales.js","names":["de","en","es","fr","it","ja","ko","nl","pt","tr","vi","zh","pl","sv","localizedMessages"],"sources":["../../../src/translations/__intergalactic-dynamic-locales.ts"],"sourcesContent":["import de from './de.json';\nimport en from './en.json';\nimport es from './es.json';\nimport fr from './fr.json';\nimport it from './it.json';\nimport ja from './ja.json';\nimport ko from './ko.json';\nimport nl from './nl.json';\nimport pt from './pt.json';\nimport tr from './tr.json';\nimport vi from './vi.json';\nimport zh from './zh.json';\nimport pl from './pl.json';\nimport sv from './sv.json';\n\nexport const localizedMessages = {\n  de,\n  en,\n  es,\n  fr,\n  it,\n  ja,\n  ko,\n  nl,\n  pt,\n  tr,\n  vi,\n  zh,\n  pl,\n  sv,\n};\n"],"mappings":"AAAA,OAAOA,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAC1B,OAAOC,EAAE,MAAM,WAAW;AAE1B,OAAO,IAAMC,iBAAiB,GAAG;EAC/Bd,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA,EAAE;EACFC,EAAE,EAAFA;AACF,CAAC"}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Mehr erfahren",
+  "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 E-mail."
+}

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

@@ -0,0 +1,8 @@
+{
+  "leaveFeedback": "Leave feedback",
+  "learnMore": "Learn more",
+  "formTitle": "Feedback form",
+  "submitButton": "Send feedback",
+  "successMessage": "Thank you for your feedback!",
+  "errorMessage": "Something went wrong. Please try again or contact us at {email}."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Leer más",
+  "formTitle": "Formulario de comentarios",
+  "submitButton": "Enviar comentarios",
+  "successMessage": "¡Gracias por tu opinión!",
+  "errorMessage": "Algo salió mal. Intenta de nuevo o contáctanos en email."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "En savoir plus",
+  "formTitle": "Formulaire de commentaires",
+  "submitButton": "Envoyer des commentaires",
+  "successMessage": "Merci pour vos commentaires !",
+  "errorMessage": "Une erreur est survenue. Veuillez réessayer ou nous contacter par e-mail."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Scopri di più",
+  "formTitle": "Modulo di feedback",
+  "submitButton": "Invia feedback",
+  "successMessage": "Grazie per il tuo feedback!",
+  "errorMessage": "Si è verificato un errore. Prova di nuovo o contattaci via e-mail."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Learn more",
+  "formTitle": "Feedback form",
+  "submitButton": "フィードバックを送信",
+  "successMessage": "Thank you for your feedback!",
+  "errorMessage": "Something went wrong. Please try again or contact us at email."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Learn more",
+  "formTitle": "Feedback form",
+  "submitButton": "피드백 보내기",
+  "successMessage": "Thank you for your feedback!",
+  "errorMessage": "Something went wrong. Please try again or contact us at email."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Lees meer",
+  "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 e-mail."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Dowiedz się więcej",
+  "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 e-mail."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Saiba mais",
+  "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."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Läs mer",
+  "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 e-post."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Learn more",
+  "formTitle": "Feedback form",
+  "submitButton": "Geri bildirim gönder",
+  "successMessage": "Thank you for your feedback!",
+  "errorMessage": "Something went wrong. Please try again or contact us at email."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "Tìm hiểu thêm",
+  "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."
+}

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

@@ -0,0 +1,7 @@
+{
+  "learnMore": "了解更多",
+  "formTitle": "Feedback form",
+  "submitButton": "发送反馈",
+  "successMessage": "感谢您的反馈！",
+  "errorMessage": "Something went wrong. Please try again or contact us at email."
+}

package/feedback-form/lib/types/component/checkbox-button/CheckboxButton.d.ts

@@ -0,0 +1,4 @@
+declare const CheckboxButton: import("@semcore/core").ComponentType<unknown, {}, {}, {
+    [key: string]: (arg: unknown) => void;
+}, null>;
+export default CheckboxButton;

package/feedback-form/lib/types/component/feedback-item/FeedbackItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): JSX.Element;
+export declare namespace FeedbackItem {
+    var enhance: ((props: any) => {
+        uid: string;
+    })[];
+}