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

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

@@ -1,67 +1,73 @@
 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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
 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, 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 { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { assignProps, sstyled as sstyled$1, Component } from "@semcore/core";
 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_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))}",
+    ".___SSliderRating_afqw6_gg_ .___SStar_afqw6_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_afqw6_gg_.__keyboardFocused_afqw6_gg_ .___SStar_afqw6_gg_.__hovered_afqw6_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_afqw6_gg_ .___SStar_afqw6_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_afqw6_gg_.__keyboardFocused_afqw6_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 18, 193, 0.441))}@media (hover:hover){.___SSliderRating_afqw6_gg_.__readonly_afqw6_gg_ .___SStar_afqw6_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_afqw6_gg_.__filled_afqw6_gg_:active{animation:wobble .8s ease-in-out}.___SStar_afqw6_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_afqw6_gg_.__filled_afqw6_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}",
     /*__inner_css_end__*/
-    "d9wy7_gg_"
+    "afqw6_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SSliderRating": "___SSliderRating_d9wy7_gg_",
-    "__SStar": "___SStar_d9wy7_gg_",
-    "_hovered": "__hovered_d9wy7_gg_",
-    "_readonly": "__readonly_d9wy7_gg_",
-    "_filled": "__filled_d9wy7_gg_"
+    "__SSliderRating": "___SSliderRating_afqw6_gg_",
+    "__SStar": "___SStar_afqw6_gg_",
+    "_keyboardFocused": "__keyboardFocused_afqw6_gg_",
+    "_hovered": "__hovered_afqw6_gg_",
+    "_readonly": "__readonly_afqw6_gg_",
+    "_filled": "__filled_afqw6_gg_"
   })
 );
 var MIN = 1;
 var MAX = 5;
-var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
+var SliderRatingRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(SliderRatingRoot2, _Component);
+  var _super = _createSuper(SliderRatingRoot2);
   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 = _callSuper(this, SliderRatingRoot2, [].concat(args));
-    _defineProperty(_this, "state", {
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
       hoveredIndex: -1,
       clickedIndex: -1
     });
-    _defineProperty(_this, "handleClick", function(newValue) {
-      return function(_e) {
+    _defineProperty(_assertThisInitialized(_this), "handleClick", function(newValue) {
+      return function(e) {
         var readonly = _this.asProps.readonly;
         if (!readonly) {
           _this.setValue(newValue);
         }
       };
     });
-    _defineProperty(_this, "handleMouseEnder", function(index) {
+    _defineProperty(_assertThisInitialized(_this), "handleMouseEnder", function(index) {
       return function() {
         _this.setState({
           hoveredIndex: index
         });
       };
     });
-    _defineProperty(_this, "handleMouseLeave", function() {
+    _defineProperty(_assertThisInitialized(_this), "handleMouseLeave", function() {
       _this.setState({
         hoveredIndex: -1
       });
     });
-    _defineProperty(_this, "setValue", function(newValue) {
+    _defineProperty(_assertThisInitialized(_this), "setValue", function(newValue) {
       var _this$asProps = _this.asProps, onChange = _this$asProps.onChange, value = _this$asProps.value;
       if (onChange) {
         onChange(newValue);
@@ -78,17 +84,17 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
         });
       }
     });
-    _defineProperty(_this, "handleKeyDown", function(event) {
+    _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 _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({
@@ -98,8 +104,7 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
     });
     return _this;
   }
-  _inherits(SliderRatingRoot2, _Component);
-  return _createClass(SliderRatingRoot2, [{
+  _createClass(SliderRatingRoot2, [{
     key: "getStarProps",
     value: function getStarProps(_, index) {
       var _this$asProps2 = this.asProps, value = _this$asProps2.value, readonly = _this$asProps2.readonly;
@@ -146,18 +151,19 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
         return /* @__PURE__ */ React.createElement(SSliderRating, assignProps({
           "gap": 1,
           "role": "img",
-          "aria-label": label
+          "aria-label": label,
+          "use:tabIndex": -1
         }, _ref), new Array(MAX).fill(null).map(function(_, index) {
-          return /* @__PURE__ */ React.createElement(SliderRating.Star, {
-            key: index
-          });
+          return /* @__PURE__ */ React.createElement(Box, {
+            key: index,
+            position: "relative"
+          }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
         }));
       }
       var hoverValue = hoveredIndex + 1;
       var editModeLabel = hoverValue > 0 || value ? "".concat(label, ". ").concat(getI18nText("FeedbackRating.SliderRating.ScreenReaderOnly.sliderDescriber"), ".") : label;
-      return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, assignProps({
+      return _ref3 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SSliderRating, _ref3.cn("SSliderRating", _objectSpread({}, assignProps({
         "gap": 1,
-        "tabIndex": 0,
         "onMouseLeave": this.handleMouseLeave,
         "onKeyDown": this.handleKeyDown,
         "role": "slider",
@@ -167,16 +173,18 @@ var SliderRatingRoot = /* @__PURE__ */ (function(_Component) {
         "aria-valuetext": editModeLabel,
         "aria-valuenow": hoverValue
       }, _ref))), new Array(MAX).fill(null).map(function(_, index) {
-        return /* @__PURE__ */ React.createElement(SliderRating.Star, {
-          key: index
-        });
+        return /* @__PURE__ */ React.createElement(Box, {
+          key: index,
+          position: "relative"
+        }, /* @__PURE__ */ React.createElement(SliderRating.Star, null));
       }));
     }
   }]);
-})(Component);
+  return SliderRatingRoot2;
+}(Component);
 _defineProperty(SliderRatingRoot, "displayName", "SliderRating");
 _defineProperty(SliderRatingRoot, "style", style);
-_defineProperty(SliderRatingRoot, "enhance", [uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
+_defineProperty(SliderRatingRoot, "enhance", [keyboardFocusEnhance(), uniqueIDEnhancement(), i18nEnhance(localizedMessages)]);
 _defineProperty(SliderRatingRoot, "defaultProps", {
   i18n: localizedMessages,
   locale: "en"
@@ -184,7 +192,7 @@ _defineProperty(SliderRatingRoot, "defaultProps", {
 function Star(props) {
   var _ref2 = arguments[0], _ref4;
   var SStar = Box;
-  return _ref4 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, assignProps({
+  return _ref4 = sstyled$1(props.styles), /* @__PURE__ */ React.createElement(SStar, _ref4.cn("SStar", _objectSpread({}, assignProps({
     "tag": "svg",
     "role": "none",
     "width": "24",

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

@@ -28,7 +28,7 @@ SSuccess {
 
 SEmail {
   margin-bottom: calc(
-    var(--intergalactic-spacing-4x, 16px)
+    var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px)
   );
   width: 80px;
   height: 80px;

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

@@ -6,12 +6,4 @@ 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,12 +2,17 @@ SSliderRating SStar {
   transition: all calc(var(--intergalactic-duration-control, 200) * 1ms) ease-out;
 }
 
-SSliderRating:focus-visible SStar[hovered],
+SSliderRating[keyboardFocused] 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 oklch(0.376 0.247 264.2 / 0.441));
+}
+
 SSliderRating[readonly] SStar:hover {
   cursor: default;
   transform: none;

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

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

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

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

@@ -1,27 +1,196 @@
-import type Button from '@semcore/button';
-import type Checkbox from '@semcore/checkbox';
+import React from 'react';
 import { Component } from '@semcore/core';
-import type { Intergalactic } from '@semcore/core';
+import { FeedbackRatingProps, FeedbackRatingType, FormConfigItem } from './FeedbackRating.type';
 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, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
+declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, {}, State, typeof FeedbackRatingRoot.enhance> {
     static displayName: string;
     static style: {
         [key: string]: string;
     };
     static enhance: readonly [(props: any) => {
-        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?: {
+        getI18nText: (messageId: string, variables?: {
             [key: string]: string | number | undefined;
-        }) => string>;
+        } | undefined) => string;
     }, (props: any) => {
-        uid: ReturnType<typeof import("@semcore/core/lib/utils/uniqueID").useUID>;
+        uid: string;
     }];
-    static defaultProps: FeedbackRatingDefaultProps;
+    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 validate: {
         description: (error: Error | string) => (value?: string) => string | Error | undefined;
         email: (error: Error | string) => (value?: string) => string | Error | undefined;
@@ -39,17 +208,13 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof F
     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) => React.JSX.Element;
-    renderTextField: (config: FormConfigItem) => React.JSX.Element;
+    renderCheckbox: (config: FormConfigItem, index: number) => JSX.Element;
+    renderTextField: (config: FormConfigItem) => JSX.Element;
     render(): React.ReactNode;
 }
-declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
+declare const FeedbackRating: typeof FeedbackRatingType & {
     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,11 +1,10 @@
-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';
+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';
 export type FormConfigItem = {
     key: string;
     label: React.ReactNode;
@@ -14,44 +13,36 @@ 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> & {
     /**
@@ -59,14 +50,14 @@ export type FeedbackRatingItemProps = FieldProps<any, any> & {
      */
     tooltipProps?: string[];
 };
-export type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {
+export type FeedbackRatingCheckboxProps = Omit<CheckboxProps, 'label'> & {
     focused: boolean;
     label: React.ReactNode;
 };
-export type FeedbackRatingDefaultProps = {
-    onSubmit: () => void;
-    i18n: typeof localizedMessages;
-    locale: 'en';
-    Illustration: Intergalactic.Component<'svg', IllustrationProps>;
-    Notice: typeof Notice;
+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 { FeedbackRatingType };

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

@@ -1,5 +1,5 @@
-import { Flex, Box, type BoxProps } from '@semcore/base-components';
-import { type Intergalactic } from '@semcore/core';
+import { Component, Intergalactic } from '@semcore/core';
+import { Box, BoxProps } from '@semcore/flex-box';
 type SliderRatingProps = {
     value: number;
     onChange?: (value: number) => void;
@@ -8,7 +8,7 @@ type SliderRatingProps = {
 type StarProps = BoxProps & {
     filled?: boolean;
 };
-declare const SliderRating: Intergalactic.Component<typeof Flex, SliderRatingProps> & {
+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[]> & {
     Star: Intergalactic.Component<typeof Box, StarProps>;
 };
 export default SliderRating;

package/lib/types/component/submit-button/SubmitButton.d.ts

@@ -1,3 +1,3 @@
-import { type IRootComponentProps } from '@semcore/core';
 import React from 'react';
+import { IRootComponentProps } from '@semcore/core';
 export declare function SubmitButton(props: IRootComponentProps): React.ReactNode;

package/lib/types/index.d.ts

@@ -1,13 +1,22 @@
-import type { Box } from '@semcore/base-components';
-import type Button from '@semcore/button';
-import type { Intergalactic } from '@semcore/core';
-import type { NoticeSmart } from '@semcore/notice';
-import type { FormProps, FieldProps, FieldInputProps, FieldMetaState } from 'react-final-form';
+import {
+  FormProps,
+  FieldProps,
+  FieldInputProps,
+  FieldMetaState,
+  FieldRenderProps,
+} from 'react-final-form';
+
+import { Intergalactic } from '@semcore/core';
+import Button from '@semcore/button';
+import { NoticeSmart } from '@semcore/notice';
+import { Box } from '@semcore/flex-box';
 
 import { default as FeedbackRating } from './component/feedback-rating/FeedbackRating';
 
+/** @deprecated */
+export type IFeedbackForm = FeedbackFormProps;
 export type FeedbackFormProps = FormProps & {
-  /** The event is called when the form is submitted */
+  /* The event is called when the form is submitted */
   onSubmit: (values: any, form: any, callback?: (errors?: {}) => void) => {} | Promise<{}> | void;
   /**
    * The property is in charge of the spinner showing