@semcore/feedback-form 6.42.2-prerelease.0 → 6.43.0-prerelease.0

package/lib/esm/component/slider-rating/SliderRating.mjs

@@ -1,73 +1,67 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
 import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _callSuper from "@babel/runtime/helpers/esm/callSuper";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled } from "@semcore/utils/lib/core/index";
-import createComponent, { assignProps, sstyled as sstyled$1, Component } from "@semcore/core";
+import { sstyled, assignProps, Component, createComponent } from "@semcore/core";
+import { Flex, Box } from "@semcore/base-components";
+import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
+import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";
 import React from "react";
-import { Box, Flex } from "@semcore/flex-box";
-import keyboardFocusEnhance from "@semcore/utils/lib/enhances/keyboardFocusEnhance";
-import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
-import i18nEnhance from "@semcore/utils/lib/enhances/i18nEnhance";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
 /*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
 var style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SSliderRating_1eilm_gg_ .___SStar_1eilm_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1eilm_gg_.__keyboardFocused_1eilm_gg_ .___SStar_1eilm_gg_.__hovered_1eilm_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1eilm_gg_ .___SStar_1eilm_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_1eilm_gg_.__keyboardFocused_1eilm_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_1eilm_gg_.__readonly_1eilm_gg_ .___SStar_1eilm_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1eilm_gg_.__filled_1eilm_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1eilm_gg_ path{fill:var(--intergalactic-slider-rating-normal, #a9abb6)}.___SStar_1eilm_gg_.__filled_1eilm_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}",
+    ".___SSliderRating_d9wy7_gg_ .___SStar_d9wy7_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_d9wy7_gg_:focus-visible .___SStar_d9wy7_gg_.__hovered_d9wy7_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_d9wy7_gg_ .___SStar_d9wy7_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_d9wy7_gg_.__readonly_d9wy7_gg_ .___SStar_d9wy7_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_d9wy7_gg_.__filled_d9wy7_gg_:active{animation:wobble .8s ease-in-out}.___SStar_d9wy7_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_d9wy7_gg_.__filled_d9wy7_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}",
     /*__inner_css_end__*/
-    "1eilm_gg_"
+    "d9wy7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSliderRating": "___SSliderRating_1eilm_gg_",
-    "__SStar": "___SStar_1eilm_gg_",
-    "_keyboardFocused": "__keyboardFocused_1eilm_gg_",
-    "_hovered": "__hovered_1eilm_gg_",
-    "_readonly": "__readonly_1eilm_gg_",
-    "_filled": "__filled_1eilm_gg_"
+    "__SSliderRating": "___SSliderRating_d9wy7_gg_",
+    "__SStar": "___SStar_d9wy7_gg_",
+    "_hovered": "__hovered_d9wy7_gg_",
+    "_readonly": "__readonly_d9wy7_gg_",
+    "_filled": "__filled_d9wy7_gg_"
   })
 );
 var MIN = 1;
 var MAX = 5;
-var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
-  _inherits(SliderRatingRoot2, _Component);
-  var _super = _createSuper(SliderRatingRoot2);
+var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
   function SliderRatingRoot2() {
     var _this;
     _classCallCheck(this, SliderRatingRoot2);
     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", {
+    _this = _callSuper(this, SliderRatingRoot2, [].concat(args));
+    _defineProperty(_this, "state", {
       hoveredIndex: -1,
       clickedIndex: -1
     });
-    _defineProperty(_assertThisInitialized(_this), "handleClick", function(newValue) {
-      return function(e) {
+    _defineProperty(_this, "handleClick", function(newValue) {
+      return function(_e) {
         var readonly = _this.asProps.readonly;
         if (!readonly) {
           _this.setValue(newValue);
         }
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseEnder", function(index) {
+    _defineProperty(_this, "handleMouseEnder", function(index) {
       return function() {
         _this.setState({
           hoveredIndex: index
         });
       };
     });
-    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function() {
+    _defineProperty(_this, "handleMouseLeave", function() {
       _this.setState({
         hoveredIndex: -1
       });
     });
-    _defineProperty(_assertThisInitialized(_this), "setValue", function(newValue) {
+    _defineProperty(_this, "setValue", function(newValue) {
       var _this$asProps = _this.asProps, onChange = _this$asProps.onChange, value = _this$asProps.value;
       if (onChange) {
         onChange(newValue);
@@ -84,17 +78,17 @@ var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
         });
       }
     });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function(event) {
+    _defineProperty(_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 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;
+        var newValue = _hoveredIndex === -1 ? value + direction : _hoveredIndex + 1 + direction;
         if (newValue > MAX) newValue = MAX;
         if (newValue < MIN) newValue = MIN;
         _this.setState({
@@ -104,7 +98,8 @@ var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
     });
     return _this;
   }
-  _createClass(SliderRatingRoot2, [{
+  _inherits(SliderRatingRoot2, _Component);
+  return _createClass(SliderRatingRoot2, [{
     key: "getStarProps",
     value: function getStarProps(_, index) {
       var _this$asProps2 = this.asProps, value = _this$asProps2.value, readonly = _this$asProps2.readonly;
@@ -151,19 +146,18 @@ var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
         return /* @__PURE__ */ React.createElement(SSliderRating, assignProps({
           "gap": 1,
           "role": "img",
-          "aria-label": label,
-          "use:tabIndex": -1
+          "aria-label": label
         }, _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 /* @__PURE__ */ React.createElement(SliderRating.Star, {
+            key: index
+          });
         }));
       }
       var hoverValue = hoveredIndex + 1;
       var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : label;
-      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, assignProps({
+      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, assignProps({
         "gap": 1,
+        "tabIndex": 0,
         "onMouseLeave": this.handleMouseLeave,
         "onKeyDown": this.handleKeyDown,
         "role": "slider",
@@ -173,18 +167,16 @@ var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
       }, _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 /* @__PURE__ */ React.createElement(SliderRating.Star, {
+          key: index
+        });
       }));
     }
   }]);
-  return SliderRatingRoot2;
-}(Component);
+})(Component);
 _defineProperty(SliderRatingRoot, "displayName", "SliderRating");
 _defineProperty(SliderRatingRoot, "style", style);
-_defineProperty(SliderRatingRoot, "enhance", [keyboardFocusEnhance(), uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+_defineProperty(SliderRatingRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
 _defineProperty(SliderRatingRoot, "defaultProps", {
   i18n: localizedMessages,
   locale: "en"
@@ -192,7 +184,7 @@ _defineProperty(SliderRatingRoot, "defaultProps", {
 function Star(props) {
   var _ref2 = arguments[0], _ref4;
   var SStar = Box;
-  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, assignProps({
+  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, assignProps({
     "tag": "svg",
     "role": "none",
     "width": "24",

package/lib/esm/style/checkbox-button.shadow.css

@@ -1,6 +1,6 @@
 SCheckboxButton {
   margin-top: var(--intergalactic-spacing-2x, 8px);
-  border: 1px solid var(--intergalactic-border-primary, #c4c7cf);
+  border: 1px solid var(--intergalactic-border-primary, oklch(0.137 0.026 175.7 / 0.161));
   border-radius: var(--intergalactic-rounded-medium, 6px);
 
   label {
@@ -12,7 +12,7 @@ SCheckboxButton {
 
 SCheckboxButton:hover, SCheckboxButton[checked] {
   cursor: pointer;
-  border-color: var(--intergalactic-border-info-active, #006dca);
+  border-color: var(--intergalactic-border-info-active, oklch(0.382 0.248 264.2 / 0.386));
   background-color: rgba(0, 143, 248, 0.10);
 }
 

package/lib/esm/style/feedback-form.shadow.css

@@ -12,8 +12,8 @@ SNotice {
   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);
+  border-radius: 0 0 var(--intergalactic-surface-rounded, calc(6px + 2px))
+    var(--intergalactic-surface-rounded, calc(6px + 2px));
 }
 
 SSuccess {
@@ -28,7 +28,7 @@ SSuccess {
 
 SEmail {
   margin-bottom: calc(
-    var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)
+    var(--intergalactic-spacing-4x, 16px)
   );
   width: 80px;
   height: 80px;

package/lib/esm/style/feedback-rating.shadow.css

@@ -6,4 +6,12 @@ SFeedbackRating {
   ul, li {
     list-style: none;
   }
+
+  SHeader {
+    font-size: var(--intergalactic-fs-300, 16px);
+    line-height: var(--intergalactic-lh-300, 150%);
+    font-weight: var(--intergalactic-bold, 700);
+    margin: var(--intergalactic-spacing-4x, 16px) 0;
+    text-align: center;
+  }
 }

package/lib/esm/style/slider-rating.shadow.css

@@ -2,17 +2,12 @@ SSliderRating SStar {
   transition: all calc(var(--intergalactic-duration-control, 200) * 1ms) ease-out;
 }
 
-SSliderRating[keyboardFocused] SStar[hovered],
+SSliderRating:focus-visible SStar[hovered],
 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;
@@ -24,10 +19,10 @@ SStar[filled]:active {
 }
 
 SStar path {
-  fill: var(--intergalactic-slider-rating-normal, #a9abb6);
+  fill: var(--intergalactic-slider-rating-normal, oklch(0.7 0.003 162.2));
 }
 
 SStar[filled] path {
   stroke-width: 0;
-  fill: var(--intergalactic-slider-rating-hover-active, #fdc23c);
+  fill: var(--intergalactic-slider-rating-hover-active, oklch(0.66 0.212 300.1));
 }

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -6,12 +6,12 @@ import it from "./it.json.mjs";
 import ja from "./ja.json.mjs";
 import ko from "./ko.json.mjs";
 import nl from "./nl.json.mjs";
+import pl from "./pl.json.mjs";
 import pt from "./pt.json.mjs";
+import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-import pl from "./pl.json.mjs";
-import sv from "./sv.json.mjs";
 var localizedMessages = {
   de,
   en,

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): JSX.Element;
+import React from 'react';
+export declare function FeedbackItem({ Children, tag, uid, tooltipProps: tooltipPropsList, ...props }: any): React.JSX.Element;
 export declare namespace FeedbackItem {
     var enhance: ((props: any) => {
-        uid: string;
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
     })[];
 }

package/lib/types/component/feedback-rating/FeedbackRating.d.ts

@@ -1,196 +1,27 @@
-import React from 'react';
+import type Button from '@semcore/button';
+import type Checkbox from '@semcore/checkbox';
 import { Component } from '@semcore/core';
-import { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
+import type { Intergalactic } from '@semcore/core';
 import { NoticeBubbleManager } from '@semcore/notice-bubble';
+import { Text } from '@semcore/typography';
+import React from 'react';
+import type { FeedbackRatingCheckboxProps, FeedbackRatingItemProps, FeedbackRatingProps, FormConfigItem, FeedbackRatingDefaultProps } from './FeedbackRating.type';
 type State = {
     error: boolean;
 };
-declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, typeof FeedbackRatingRoot.enhance> {
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
     static displayName: string;
     static style: {
         [key: string]: string;
     };
     static enhance: readonly [(props: any) => {
-        getI18nText: (messageId: string, variables?: {
+        getI18nText: ReturnType<(dictionary: import("@semcore/core/lib/utils/enhances/WithI18n").Dictionary, locale?: import("@semcore/core/lib/utils/enhances/WithI18n").LocaleKeys, fallbackDictionary?: import("@semcore/core/lib/utils/enhances/WithI18n").Dictionary) => (messageId: string, variables?: {
             [key: string]: string | number | undefined;
-        } | undefined) => string;
+        }) => string>;
     }, (props: any) => {
-        uid: string;
+        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
     }];
-    static defaultProps: {
-        onSubmit: () => void;
-        i18n: {
-            de: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            en: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            es: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            fr: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            it: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            ja: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            ko: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            nl: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            pt: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            tr: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            vi: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            zh: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            pl: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-            sv: {
-                leaveFeedback: string;
-                learnMore: string;
-                formTitle: string;
-                submitButton: string;
-                successMessage: string;
-                errorMessage: string;
-                "FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber": string;
-                "FeedbackRating.SliderRating.aria-valuetext.readonly": string;
-                "FeedbackRating.SliderRating.aria-valuetext.empty": string;
-                "FeedbackRating.SliderRating.aria-valuetext": string;
-            };
-        };
-        locale: string;
-    };
+    static defaultProps: FeedbackRatingDefaultProps;
     static validate: {
         description: (error: Error | string) => (value?: string) => string | Error | undefined;
         email: (error: Error | string) => (value?: string) => string | Error | undefined;
@@ -208,13 +39,17 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, Stat
     getNoticeTextId(): string;
     handleChangeRating: (rating: number) => void;
     handelCloseModal: () => void;
-    handleChange: (fn: (e: React.SyntheticEvent) => void) => (value: any, e: React.SyntheticEvent) => void;
+    handleChange: (fn: (e: React.SyntheticEvent) => void) => (_value: any, e: React.SyntheticEvent) => void;
     componentDidUpdate(prevProps: Readonly<FeedbackRatingProps>): void;
-    renderCheckbox: (config: FormConfigItem, index: number) => JSX.Element;
-    renderTextField: (config: FormConfigItem) => JSX.Element;
+    renderCheckbox: (config: FormConfigItem, index: number) => React.JSX.Element;
+    renderTextField: (config: FormConfigItem) => React.JSX.Element;
     render(): React.ReactNode;
 }
-declare const FeedbackRating: typeof FeedbackRatingType & {
+declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
     validate: typeof FeedbackRatingRoot.validate;
+    Item: Intergalactic.Component<"div", FeedbackRatingItemProps>;
+    Submit: typeof Button;
+    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
+    Header: typeof Text;
 };
 export default FeedbackRating;

package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
-import { FeedbackFormProps } from '../../index';
-import { FieldProps } from 'react-final-form';
-import { Intergalactic } from '@semcore/core';
-import Button from '@semcore/button';
-import { Text } from '@semcore/typography';
-import Checkbox, { CheckboxProps } from '@semcore/checkbox';
+import type { NSCheckbox } from '@semcore/checkbox';
+import type { Intergalactic } from '@semcore/core';
+import type { IllustrationProps } from '@semcore/illustration';
+import type Notice from '@semcore/notice';
+import type React from 'react';
+import type { FieldProps } from 'react-final-form';
+import type { FeedbackFormProps } from '../../index';
+import type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
@@ -13,36 +14,44 @@ export type FormConfigItem = {
     validate?: (value: any) => Error | string | undefined;
 };
 export type FeedbackRatingProps = Intergalactic.InternalTypings.EfficientOmit<FeedbackFormProps, 'initialValues' | 'loading'> & {
-    /** status of form */
+    /** Status of form */
     status: 'default' | 'success' | 'error' | 'loading';
-    /** flag for show/hide notification */
+    /** Flag for show/hide notification */
     notificationVisible: boolean;
-    /** */
+    /** Notification close callback */
     onNotificationClose: () => void;
-    /** text in notification panel */
+    /** Text in notification panel */
     notificationText: string;
-    /** title in notification panel */
+    /** Title in notification panel */
     notificationTitle?: string;
-    /** optional link in notification panel */
+    /** Optional link in notification panel */
     learnMoreLink?: string;
-    /** rating value */
+    /** Rating value */
     rating: number;
-    /** visible modal form flag */
+    /** Visible modal form flag */
     visible: boolean;
+    /** Visibility changes callback */
     onVisibleChange: (visible: boolean, rating: number) => void;
-    /** width for modal with form */
+    /** Width for modal with form */
     modalWidth?: number | string;
-    /** header of modal with form */
+    /** Header of modal with form */
     header: React.ReactNode;
-    /** text for submit button of form */
+    /** Text for submit button of form */
     submitText?: string;
-    /** config for form fields */
+    /** Config for form fields */
     formConfig: FormConfigItem[];
+    /** Initial form values including rating */
     initialValues: Record<string, any> & {
         rating: number;
     };
+    /** Email address shown in error messages */
     errorFeedbackEmail: string;
+    /** Specifies the locale for i18n support */
     locale?: string;
+    /** Illustration element */
+    Illustration?: Intergalactic.Component<'svg', IllustrationProps>;
+    /** Notice component */
+    Notice?: typeof Notice;
 };
 export type FeedbackRatingItemProps = FieldProps<any, any> & {
     /**
@@ -50,14 +59,14 @@ export type FeedbackRatingItemProps = FieldProps<any, any> & {
      */
     tooltipProps?: string[];
 };
-export type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {
+export type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {
     focused: boolean;
     label: React.ReactNode;
 };
-declare const FeedbackRatingType: Intergalactic.Component<'form', FeedbackRatingProps> & {
-    Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;
-    Submit: typeof Button;
-    Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
-    Header: typeof Text;
+export type FeedbackRatingDefaultProps = {
+    onSubmit: () => void;
+    i18n: typeof localizedMessages;
+    locale: 'en';
+    Illustration: Intergalactic.Component<'svg', IllustrationProps>;
+    Notice: typeof Notice;
 };
-export { FeedbackRatingType };

package/lib/types/component/slider-rating/SliderRating.d.ts

@@ -1,5 +1,5 @@
-import { Component, Intergalactic } from '@semcore/core';
-import { Box, BoxProps } from '@semcore/flex-box';
+import { Flex, Box, type BoxProps } from '@semcore/base-components';
+import { type Intergalactic } from '@semcore/core';
 type SliderRatingProps = {
     value: number;
     onChange?: (value: number) => void;
@@ -8,7 +8,7 @@ type SliderRatingProps = {
 type StarProps = BoxProps & {
     filled?: boolean;
 };
-declare const SliderRating: (<Tag extends Intergalactic.InternalTypings.ComponentTag = Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Props extends SliderRatingProps = SliderRatingProps>(props: Intergalactic.InternalTypings.ComponentProps<Tag, Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Props, {}, never[]>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<Intergalactic.Component<"div", import("@semcore/flex-box").FlexProps, {}, never[]>, Intergalactic.InternalTypings.ComponentTag, SliderRatingProps, {}, never[]> & {
+declare const SliderRating: Intergalactic.Component<typeof Flex, SliderRatingProps> & {
     Star: Intergalactic.Component<typeof Box, StarProps>;
 };
 export default SliderRating;