@infomaximum/ui-kit 0.9.1

package/dist/components/Message/message.utils.js

@@ -0,0 +1,15 @@
+const DEFAULT_CONTAINER = document.body;
+const maxZIndex = 2147483647;
+const defaultConfig = {
+  duration: 3,
+  getContainer: () => DEFAULT_CONTAINER,
+  rtl: false,
+  placement: "bottomRight",
+  top: 24,
+  bottom: 24,
+  zIndex: maxZIndex
+};
+export {
+  DEFAULT_CONTAINER,
+  defaultConfig
+};

package/dist/components/Popconfirm/Popconfirm.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { PopconfirmProps } from './Popconfirm.types';
+export declare const Popconfirm: FC<PropsWithChildren<PopconfirmProps>>;

package/dist/components/Popconfirm/Popconfirm.tokens.d.ts

@@ -0,0 +1,10 @@
+import { Theme } from 'themes';
+export declare const getPopconfirmTokens: (theme: Theme) => {
+    popconfirmBg: "#FFFFFF";
+    popconfirmText: "#262626";
+    popconfirmIcon: "#FA8C16";
+    popconfirmMinWidth: number;
+    popconfirmMaxWidth: number;
+    popconfirmPadding: number;
+    popconfirmZIndexPopup: number;
+};

package/dist/components/Popconfirm/Popconfirm.types.d.ts

@@ -0,0 +1,28 @@
+import { Interpolation } from '@emotion/react';
+import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
+import { ButtonProps } from 'components/Button';
+import { MouseEvent, ReactNode } from 'react';
+import { Theme } from '../../themes';
+export interface PopconfirmProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor"> {
+    okButtonProps?: ButtonProps;
+    okText?: ReactNode;
+    cancelButtonProps?: ButtonProps;
+    cancelText?: ReactNode;
+    showCancel?: boolean;
+    disabled?: boolean;
+    icon?: ReactNode;
+    title?: (() => ReactNode) | ReactNode;
+    description?: (() => ReactNode) | ReactNode;
+    styles?: {
+        wrapper?: (theme: Theme) => Interpolation;
+        bodyWrapper?: (theme: Theme) => Interpolation;
+        iconWrapper?: (theme: Theme) => Interpolation;
+        contentWrapper?: (theme: Theme) => Interpolation;
+        titleWrapper?: (theme: Theme) => Interpolation;
+        descriptionWrapper?: (theme: Theme) => Interpolation;
+        buttonsWrapper?: (theme: Theme) => Interpolation;
+    };
+    onCancel?: (e: MouseEvent) => void;
+    onConfirm?: (e: MouseEvent) => void;
+    onPopupClick?: (e: MouseEvent) => void;
+}

package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.d.ts

@@ -0,0 +1,3 @@
+import { PopconfirmProps } from 'components/Popconfirm/Popconfirm.types';
+import { FC } from 'react';
+export declare const PopconfirmFloatingElement: FC<PopconfirmProps>;

package/dist/components/Popconfirm/components/PopconfirmFloatingElement/PopconfirmFloatingElement.styles.d.ts

@@ -0,0 +1,55 @@
+import { Theme } from 'themes';
+export declare const popconfirmFloatingElementStyle: {
+    wrapper: (theme: Theme) => {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 12;
+        readonly lineHeight: "20px";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: 8;
+        readonly padding: number;
+        readonly minWidth: number;
+        readonly maxWidth: number;
+        readonly borderRadius: 8;
+        readonly alignItems: "flex-start";
+        readonly background: "#FFFFFF";
+        readonly boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
+        readonly color: "#262626";
+    };
+    bodyWrapper: (theme: Theme) => {
+        display: string;
+        gap: 8;
+    };
+    iconWrapper: (theme: Theme) => {
+        fontSize: 16;
+        display: string;
+        justifyContent: string;
+        alignItems: string;
+        height: number;
+        color: "#FA8C16";
+    };
+    contentWrapper: (theme: Theme) => {
+        readonly display: "flex";
+        readonly gap: 4;
+        readonly flexDirection: "column";
+    };
+    titleWrapper: (theme: Theme) => {
+        fontWeight: string;
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        color: "#262626";
+    };
+    descriptionWrapper: (theme: Theme) => {
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        color: "#262626";
+    };
+    buttonsWrapper: (theme: Theme) => {
+        display: string;
+        justifyContent: string;
+        gap: 8;
+        width: string;
+    };
+};

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+import { PopoverProps } from './Popover.types';
+export declare const Popover: FC<PropsWithChildren<PopoverProps>>;

package/dist/components/Popover/Popover.js

@@ -0,0 +1,22 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { memo } from "react";
+import { getPopoverTokens } from "./Popover.tokens.js";
+import { BaseTooltip } from "../BaseTooltip/BaseTooltip.js";
+import { PopoverFloatingElement } from "./component/PopoverFloatingElement/PopoverFloatingElement.js";
+import { withThemeProvider } from "../../hocs/withThemeProvider.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const PopoverComponent = memo(({
+  title,
+  content,
+  children,
+  styles,
+  ...baseProps
+}) => {
+  const theme = useTheme();
+  const popoverTokens = getPopoverTokens(theme);
+  return /* @__PURE__ */ jsx(BaseTooltip, { ...baseProps, floatingElement: /* @__PURE__ */ jsx(PopoverFloatingElement, { title, content, styles }), arrowColor: popoverTokens.popoverBg, children });
+});
+const Popover = withThemeProvider(PopoverComponent);
+export {
+  Popover
+};

package/dist/components/Popover/Popover.tokens.d.ts

@@ -0,0 +1,9 @@
+import { Theme } from 'themes';
+export declare const getPopoverTokens: (theme: Theme) => {
+    popoverBg: "#FFFFFF";
+    popoverText: "#262626";
+    popoverMinWidth: 32;
+    popoverMaxWidth: number;
+    popoverPadding: 12;
+    popoverZIndexPopup: number;
+};

package/dist/components/Popover/Popover.tokens.js

@@ -0,0 +1,11 @@
+const getPopoverTokens = (theme) => ({
+  popoverBg: theme.bgFloat,
+  popoverText: theme.textPrimary,
+  popoverMinWidth: theme.x8,
+  popoverMaxWidth: 520,
+  popoverPadding: theme.x3,
+  popoverZIndexPopup: 1030
+});
+export {
+  getPopoverTokens
+};

package/dist/components/Popover/Popover.types.d.ts

@@ -0,0 +1,13 @@
+import { Interpolation } from '@emotion/react';
+import { BaseTooltipProps } from '../BaseTooltip/BaseTooltip.types';
+import { ReactNode } from 'react';
+import { Theme } from '../../themes';
+export interface PopoverProps extends Omit<BaseTooltipProps, "floatingElement" | "arrowColor"> {
+    title?: ReactNode | (() => ReactNode);
+    content?: ReactNode | (() => ReactNode);
+    styles?: {
+        wrapper?: (theme: Theme) => Interpolation;
+        titleWrapper?: (theme: Theme) => Interpolation;
+        contentWrapper?: (theme: Theme) => Interpolation;
+    };
+}

package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.d.ts

@@ -0,0 +1,3 @@
+import { PopoverProps } from 'components/Popover/Popover.types';
+import { FC } from 'react';
+export declare const PopoverFloatingElement: FC<PopoverProps>;

package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { isFunction } from "lodash-es";
+import { popoverFloatingElementDefaultStyle } from "./PopoverFloatingElement.styles.js";
+import { useTheme } from "../../../../hooks/useTheme/useTheme.js";
+const PopoverFloatingElement = ({
+  title,
+  content,
+  styles
+}) => {
+  var _a, _b, _c;
+  const theme = useTheme();
+  const currentTitle = isFunction(title) ? title() : title;
+  const currentContent = isFunction(content) ? content() : content;
+  return /* @__PURE__ */ jsxs("div", { css: [popoverFloatingElementDefaultStyle.wrapper(theme), (_a = styles == null ? void 0 : styles.wrapper) == null ? void 0 : _a.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:PopoverFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9jb21wb25lbnQvUG9wb3ZlckZsb2F0aW5nRWxlbWVudC9Qb3BvdmVyRmxvYXRpbmdFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhUyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1BvcG92ZXIvY29tcG9uZW50L1BvcG92ZXJGbG9hdGluZ0VsZW1lbnQvUG9wb3ZlckZsb2F0aW5nRWxlbWVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFBvcG92ZXJQcm9wcyB9IGZyb20gXCJjb21wb25lbnRzL1BvcG92ZXIvUG9wb3Zlci50eXBlc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGlzRnVuY3Rpb24gfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgdHlwZSB7IEZDIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBwb3BvdmVyRmxvYXRpbmdFbGVtZW50RGVmYXVsdFN0eWxlIH0gZnJvbSBcIi4vUG9wb3ZlckZsb2F0aW5nRWxlbWVudC5zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFBvcG92ZXJGbG9hdGluZ0VsZW1lbnQ6IEZDPFBvcG92ZXJQcm9wcz4gPSAoeyB0aXRsZSwgY29udGVudCwgc3R5bGVzIH0pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IGN1cnJlbnRUaXRsZSA9IGlzRnVuY3Rpb24odGl0bGUpID8gdGl0bGUoKSA6IHRpdGxlO1xuICBjb25zdCBjdXJyZW50Q29udGVudCA9IGlzRnVuY3Rpb24oY29udGVudCkgPyBjb250ZW50KCkgOiBjb250ZW50O1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjc3M9e1twb3BvdmVyRmxvYXRpbmdFbGVtZW50RGVmYXVsdFN0eWxlLndyYXBwZXIodGhlbWUpLCBzdHlsZXM/LndyYXBwZXI/Lih0aGVtZSldfT5cbiAgICAgIHtjdXJyZW50VGl0bGUgJiYgKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtbXG4gICAgICAgICAgICBwb3BvdmVyRmxvYXRpbmdFbGVtZW50RGVmYXVsdFN0eWxlLnRpdGxlV3JhcHBlcih0aGVtZSksXG4gICAgICAgICAgICBzdHlsZXM/LnRpdGxlV3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAge2N1cnJlbnRUaXRsZX1cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuICAgICAge2N1cnJlbnRDb250ZW50ICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZS5jb250ZW50V3JhcHBlcih0aGVtZSksXG4gICAgICAgICAgICBzdHlsZXM/LmNvbnRlbnRXcmFwcGVyPy4odGhlbWUpLFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICB7Y3VycmVudENvbnRlbnR9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */"], children: [
+    currentTitle && /* @__PURE__ */ jsx("div", { css: [popoverFloatingElementDefaultStyle.titleWrapper(theme), (_b = styles == null ? void 0 : styles.titleWrapper) == null ? void 0 : _b.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:PopoverFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9jb21wb25lbnQvUG9wb3ZlckZsb2F0aW5nRWxlbWVudC9Qb3BvdmVyRmxvYXRpbmdFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQlUiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2NvbXBvbmVudC9Qb3BvdmVyRmxvYXRpbmdFbGVtZW50L1BvcG92ZXJGbG9hdGluZ0VsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBQb3BvdmVyUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHR5cGUgeyBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL1BvcG92ZXJGbG9hdGluZ0VsZW1lbnQuc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBQb3BvdmVyRmxvYXRpbmdFbGVtZW50OiBGQzxQb3BvdmVyUHJvcHM+ID0gKHsgdGl0bGUsIGNvbnRlbnQsIHN0eWxlcyB9KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjdXJyZW50VGl0bGUgPSBpc0Z1bmN0aW9uKHRpdGxlKSA/IHRpdGxlKCkgOiB0aXRsZTtcbiAgY29uc3QgY3VycmVudENvbnRlbnQgPSBpc0Z1bmN0aW9uKGNvbnRlbnQpID8gY29udGVudCgpIDogY29udGVudDtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtbcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICB7Y3VycmVudFRpdGxlICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZS50aXRsZVdyYXBwZXIodGhlbWUpLFxuICAgICAgICAgICAgc3R5bGVzPy50aXRsZVdyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjdXJyZW50VGl0bGV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHtjdXJyZW50Q29udGVudCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHBvcG92ZXJGbG9hdGluZ0VsZW1lbnREZWZhdWx0U3R5bGUuY29udGVudFdyYXBwZXIodGhlbWUpLFxuICAgICAgICAgICAgc3R5bGVzPy5jb250ZW50V3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAge2N1cnJlbnRDb250ZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"], children: currentTitle }),
+    currentContent && /* @__PURE__ */ jsx("div", { css: [popoverFloatingElementDefaultStyle.contentWrapper(theme), (_c = styles == null ? void 0 : styles.contentWrapper) == null ? void 0 : _c.call(styles, theme), process.env.NODE_ENV === "production" ? "" : ";label:PopoverFloatingElement;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUG9wb3Zlci9jb21wb25lbnQvUG9wb3ZlckZsb2F0aW5nRWxlbWVudC9Qb3BvdmVyRmxvYXRpbmdFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQlUiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9Qb3BvdmVyL2NvbXBvbmVudC9Qb3BvdmVyRmxvYXRpbmdFbGVtZW50L1BvcG92ZXJGbG9hdGluZ0VsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBQb3BvdmVyUHJvcHMgfSBmcm9tIFwiY29tcG9uZW50cy9Qb3BvdmVyL1BvcG92ZXIudHlwZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcImhvb2tzL3VzZVRoZW1lXCI7XG5pbXBvcnQgeyBpc0Z1bmN0aW9uIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHR5cGUgeyBGQyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZSB9IGZyb20gXCIuL1BvcG92ZXJGbG9hdGluZ0VsZW1lbnQuc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBQb3BvdmVyRmxvYXRpbmdFbGVtZW50OiBGQzxQb3BvdmVyUHJvcHM+ID0gKHsgdGl0bGUsIGNvbnRlbnQsIHN0eWxlcyB9KSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBjdXJyZW50VGl0bGUgPSBpc0Z1bmN0aW9uKHRpdGxlKSA/IHRpdGxlKCkgOiB0aXRsZTtcbiAgY29uc3QgY3VycmVudENvbnRlbnQgPSBpc0Z1bmN0aW9uKGNvbnRlbnQpID8gY29udGVudCgpIDogY29udGVudDtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY3NzPXtbcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZS53cmFwcGVyKHRoZW1lKSwgc3R5bGVzPy53cmFwcGVyPy4odGhlbWUpXX0+XG4gICAgICB7Y3VycmVudFRpdGxlICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgcG9wb3ZlckZsb2F0aW5nRWxlbWVudERlZmF1bHRTdHlsZS50aXRsZVdyYXBwZXIodGhlbWUpLFxuICAgICAgICAgICAgc3R5bGVzPy50aXRsZVdyYXBwZXI/Lih0aGVtZSksXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIHtjdXJyZW50VGl0bGV9XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICAgIHtjdXJyZW50Q29udGVudCAmJiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIHBvcG92ZXJGbG9hdGluZ0VsZW1lbnREZWZhdWx0U3R5bGUuY29udGVudFdyYXBwZXIodGhlbWUpLFxuICAgICAgICAgICAgc3R5bGVzPy5jb250ZW50V3JhcHBlcj8uKHRoZW1lKSxcbiAgICAgICAgICBdfVxuICAgICAgICA+XG4gICAgICAgICAge2N1cnJlbnRDb250ZW50fVxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */"], children: currentContent })
+  ] });
+};
+export {
+  PopoverFloatingElement
+};

package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.d.ts

@@ -0,0 +1,32 @@
+import { Theme } from 'themes';
+export declare const popoverFloatingElementDefaultStyle: {
+    wrapper: (theme: Theme) => {
+        readonly fontFamily: "Roboto";
+        readonly fontSize: 12;
+        readonly lineHeight: "20px";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+        readonly gap: 8;
+        readonly padding: "12px";
+        readonly minWidth: 32;
+        readonly maxWidth: number;
+        readonly borderRadius: 8;
+        readonly alignItems: "flex-start";
+        readonly background: "#FFFFFF";
+        readonly boxShadow: `0 3px 6px -4px rgba(${number}, ${number}, ${number}, 0.12), 0 6px 16px 0 rgba(${number}, ${number}, ${number}, 0.08), 0 9px 28px 8px rgba(${number}, ${number}, ${number}, 0.05)`;
+        readonly color: "#262626";
+    };
+    titleWrapper: (theme: Theme) => {
+        fontWeight: number;
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        color: "#262626";
+    };
+    contentWrapper: (theme: Theme) => {
+        fontFamily: "Roboto";
+        fontSize: 14;
+        lineHeight: "20px";
+        color: "#262626";
+    };
+};

package/dist/components/Popover/component/PopoverFloatingElement/PopoverFloatingElement.styles.js

@@ -0,0 +1,38 @@
+import { getPopoverTokens } from "../../Popover.tokens.js";
+const popoverFloatingElementDefaultStyle = {
+  wrapper: (theme) => {
+    const popoverTokens = getPopoverTokens(theme);
+    return {
+      display: "flex",
+      flexDirection: "column",
+      gap: theme.marginM,
+      padding: `${popoverTokens.popoverPadding}px`,
+      minWidth: popoverTokens.popoverMinWidth,
+      maxWidth: popoverTokens.popoverMaxWidth,
+      borderRadius: theme.borderRadiusL,
+      alignItems: "flex-start",
+      background: popoverTokens.popoverBg,
+      boxShadow: theme.shadow2,
+      color: popoverTokens.popoverText,
+      ...theme.typography.body3
+    };
+  },
+  titleWrapper: (theme) => {
+    const popoverTokens = getPopoverTokens(theme);
+    return {
+      color: popoverTokens.popoverText,
+      ...theme.typography.subheader1,
+      fontWeight: 500
+    };
+  },
+  contentWrapper: (theme) => {
+    const popoverTokens = getPopoverTokens(theme);
+    return {
+      color: popoverTokens.popoverText,
+      ...theme.typography.body2
+    };
+  }
+};
+export {
+  popoverFloatingElementDefaultStyle
+};

package/dist/components/Popover/forStories/utils.d.ts

@@ -0,0 +1 @@
+export declare const content: import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps } from './Popover.types';

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ProgressProps } from './Progress.types';
+export declare const Progress: FC<ProgressProps>;

package/dist/components/Progress/Progress.js

@@ -0,0 +1,28 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { getProgressTokens } from "./Progress.tokens.js";
+import { getProgressStyle, getProgressInnerStyle } from "./Progress.styles.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const ProgressComponent = (props) => {
+  const {
+    size = "middle",
+    status = "default",
+    percent: percentProp = 0
+  } = props;
+  const theme = useTheme();
+  const progressTokens = getProgressTokens(theme);
+  const percent = Math.min(Math.max(percentProp, 0), 100);
+  const shouldChangeToSuccessColor = status === "default" && percent === 100;
+  return /* @__PURE__ */ jsx("div", { css: getProgressStyle({
+    progressTokens,
+    size
+  }), children: /* @__PURE__ */ jsx("div", { css: getProgressInnerStyle({
+    progressTokens,
+    shouldChangeToSuccessColor,
+    status,
+    percent
+  }) }) });
+};
+const Progress = ProgressComponent;
+export {
+  Progress
+};

package/dist/components/Progress/Progress.styles.d.ts

@@ -0,0 +1,18 @@
+import { ProgressTokens } from './Progress.tokens';
+import { ProgressProps } from './Progress.types';
+export declare const getProgressStyle: ({ progressTokens: { progressLineBorderRadius, progressRail, progressHeightM, progressHeightS }, size, }: {
+    progressTokens: ProgressTokens;
+} & Required<Pick<ProgressProps, "size">>) => {
+    borderRadius: 100;
+    background: `rgba(${number}, ${number}, ${number}, 0.05)`;
+    height: 4 | 8;
+};
+export declare const getProgressInnerStyle: ({ progressTokens, shouldChangeToSuccessColor, status, percent, }: {
+    progressTokens: ProgressTokens;
+    shouldChangeToSuccessColor: boolean;
+} & Required<Omit<ProgressProps, "size">>) => {
+    background: string;
+    height: string;
+    width: string;
+    borderRadius: 100;
+};

package/dist/components/Progress/Progress.styles.js

@@ -0,0 +1,39 @@
+const colorGetterByStatus = {
+  default: ({
+    progressDefault
+  }) => progressDefault,
+  error: ({
+    progressError
+  }) => progressError,
+  success: ({
+    progressSuccess
+  }) => progressSuccess
+};
+const getProgressStyle = ({
+  progressTokens: {
+    progressLineBorderRadius,
+    progressRail,
+    progressHeightM,
+    progressHeightS
+  },
+  size
+}) => ({
+  borderRadius: progressLineBorderRadius,
+  background: progressRail,
+  height: size === "middle" ? progressHeightM : progressHeightS
+});
+const getProgressInnerStyle = ({
+  progressTokens,
+  shouldChangeToSuccessColor,
+  status,
+  percent
+}) => ({
+  background: shouldChangeToSuccessColor ? progressTokens.progressSuccess : colorGetterByStatus[status](progressTokens),
+  height: "100%",
+  width: `${percent}%`,
+  borderRadius: progressTokens.progressLineBorderRadius
+});
+export {
+  getProgressInnerStyle,
+  getProgressStyle
+};

package/dist/components/Progress/Progress.tokens.d.ts

@@ -0,0 +1,11 @@
+import { Theme } from 'themes';
+export declare const getProgressTokens: (theme: Theme) => {
+    readonly progressDefault: "#0CB3B3";
+    readonly progressError: "#FF4D4F";
+    readonly progressSuccess: "#52C41A";
+    readonly progressRail: `rgba(${number}, ${number}, ${number}, 0.05)`;
+    readonly progressHeightM: 8;
+    readonly progressHeightS: 4;
+    readonly progressLineBorderRadius: 100;
+};
+export type ProgressTokens = ReturnType<typeof getProgressTokens>;

package/dist/components/Progress/Progress.tokens.js

@@ -0,0 +1,12 @@
+const getProgressTokens = (theme) => ({
+  progressDefault: theme.primaryBase,
+  progressError: theme.dangerBase,
+  progressSuccess: theme.positiveBase,
+  progressRail: theme.bgRail,
+  progressHeightM: 8,
+  progressHeightS: 4,
+  progressLineBorderRadius: 100
+});
+export {
+  getProgressTokens
+};

package/dist/components/Progress/Progress.types.d.ts

@@ -0,0 +1,8 @@
+export interface ProgressProps {
+    /** @default "middle" */
+    size?: "middle" | "small";
+    /** @default "default" */
+    status?: "default" | "error" | "success";
+    /** @default 0 */
+    percent?: number;
+}

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { Progress } from './Progress';
+export type { ProgressProps } from './Progress.types';

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,3 @@
+import { MemoExoticComponent, RefAttributes, ForwardRefExoticComponent } from 'react';
+import { RadioProps, WithGroup } from './Radio.types';
+export declare const Radio: MemoExoticComponent<ForwardRefExoticComponent<RadioProps & RefAttributes<HTMLInputElement>>> & WithGroup;

package/dist/components/Radio/Radio.js

@@ -0,0 +1,53 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { forwardRef, useMemo, useContext, useCallback, memo } from "react";
+import { RadioGroup } from "./components/RadioGroup/RadioGroup.js";
+import { RadioGroupContext } from "./contexts/RadioGroupContext.js";
+import { RadioInternal } from "./components/RadioInternal/RadioInternal.js";
+import { isString } from "lodash-es";
+import { getRadioTokens } from "./Radio.tokens.js";
+import { iconWrapperStyle, radioWrapperClassName, baseRadioWrapperStyle, getRadioButtonWrapperStyle, getRadioWrapperStyle, baseRadioLabelStyle, radioLabelStyle } from "./Radio.styles.js";
+import { useTheme } from "../../hooks/useTheme/useTheme.js";
+const RadioComponent = forwardRef((props, ref) => {
+  const {
+    children,
+    icon: iconProp,
+    ...radioProps
+  } = props;
+  const theme = useTheme();
+  const radioTokens = useMemo(() => getRadioTokens(theme), [theme]);
+  const groupContext = useContext(RadioGroupContext);
+  const handleChange = useCallback((e) => {
+    var _a, _b;
+    (_a = props.onChange) == null ? void 0 : _a.call(props, e);
+    (_b = groupContext == null ? void 0 : groupContext.onChange) == null ? void 0 : _b.call(groupContext, e);
+  }, [groupContext == null ? void 0 : groupContext.onChange, props.onChange]);
+  if (groupContext) {
+    radioProps.name = groupContext.name;
+    radioProps.onChange = handleChange;
+    radioProps.checked = props.value === groupContext.value;
+    radioProps.disabled = radioProps.disabled ?? groupContext.disabled;
+  }
+  const disabled = radioProps.disabled;
+  const checked = radioProps.checked;
+  const isButtonType = (groupContext == null ? void 0 : groupContext.optionType) === "button";
+  const isIconType = (groupContext == null ? void 0 : groupContext.buttonType) === "icon";
+  const isRenderIcon = Boolean(iconProp) && isButtonType && isIconType;
+  const icon = (() => {
+    if (isString(iconProp)) {
+      return iconProp;
+    }
+    if (iconProp) {
+      return /* @__PURE__ */ jsx("div", { css: iconWrapperStyle(theme), children: iconProp });
+    }
+  })();
+  return /* @__PURE__ */ jsxs("label", { className: radioWrapperClassName, css: [baseRadioWrapperStyle(theme, disabled), isButtonType || isRenderIcon ? getRadioButtonWrapperStyle(theme, radioTokens, isRenderIcon, checked, disabled) : getRadioWrapperStyle(radioTokens, disabled), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1JhZGlvL1JhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIG1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgUmVmQXR0cmlidXRlcyxcbiAgdHlwZSBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUmFkaW9Qcm9wcywgV2l0aEdyb3VwIH0gZnJvbSBcIi4vUmFkaW8udHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cFwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0cy9SYWRpb0dyb3VwQ29udGV4dFwiO1xuaW1wb3J0IHsgUmFkaW9JbnRlcm5hbCB9IGZyb20gXCIuL2NvbXBvbmVudHMvUmFkaW9JbnRlcm5hbC9SYWRpb0ludGVybmFsXCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvQ2hhbmdlRXZlbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbC50eXBlc1wiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZ2V0UmFkaW9Ub2tlbnMgfSBmcm9tIFwiLi9SYWRpby50b2tlbnNcIjtcbmltcG9ydCB7XG4gIGJhc2VSYWRpb0xhYmVsU3R5bGUsXG4gIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSxcbiAgZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvV3JhcHBlclN0eWxlLFxuICBpY29uV3JhcHBlclN0eWxlLFxuICByYWRpb0xhYmVsU3R5bGUsXG4gIHJhZGlvV3JhcHBlckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vUmFkaW8uc3R5bGVzXCI7XG5cbmNvbnN0IFJhZGlvQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBSYWRpb1Byb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBpY29uOiBpY29uUHJvcCwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmFkaW9Ub2tlbnMgPSB1c2VNZW1vKCgpID0+IGdldFJhZGlvVG9rZW5zKHRoZW1lKSwgW3RoZW1lXSk7XG4gIGNvbnN0IGdyb3VwQ29udGV4dCA9IHVzZUNvbnRleHQoUmFkaW9Hcm91cENvbnRleHQpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSYWRpb0NoYW5nZUV2ZW50KSA9PiB7XG4gICAgICBwcm9wcy5vbkNoYW5nZT8uKGUpO1xuICAgICAgZ3JvdXBDb250ZXh0Py5vbkNoYW5nZT8uKGUpO1xuICAgIH0sXG4gICAgW2dyb3VwQ29udGV4dD8ub25DaGFuZ2UsIHByb3BzLm9uQ2hhbmdlXVxuICApO1xuXG4gIGlmIChncm91cENvbnRleHQpIHtcbiAgICByYWRpb1Byb3BzLm5hbWUgPSBncm91cENvbnRleHQubmFtZTtcbiAgICByYWRpb1Byb3BzLm9uQ2hhbmdlID0gaGFuZGxlQ2hhbmdlO1xuICAgIHJhZGlvUHJvcHMuY2hlY2tlZCA9IHByb3BzLnZhbHVlID09PSBncm91cENvbnRleHQudmFsdWU7XG4gICAgcmFkaW9Qcm9wcy5kaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQgPz8gZ3JvdXBDb250ZXh0LmRpc2FibGVkO1xuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSByYWRpb1Byb3BzLmRpc2FibGVkO1xuICBjb25zdCBjaGVja2VkID0gcmFkaW9Qcm9wcy5jaGVja2VkO1xuXG4gIGNvbnN0IGlzQnV0dG9uVHlwZSA9IGdyb3VwQ29udGV4dD8ub3B0aW9uVHlwZSA9PT0gXCJidXR0b25cIjtcbiAgY29uc3QgaXNJY29uVHlwZSA9IGdyb3VwQ29udGV4dD8uYnV0dG9uVHlwZSA9PT0gXCJpY29uXCI7XG4gIGNvbnN0IGlzUmVuZGVySWNvbiA9IEJvb2xlYW4oaWNvblByb3ApICYmIGlzQnV0dG9uVHlwZSAmJiBpc0ljb25UeXBlO1xuXG4gIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgIGlmIChpc1N0cmluZyhpY29uUHJvcCkpIHtcbiAgICAgIHJldHVybiBpY29uUHJvcDtcbiAgICB9XG5cbiAgICBpZiAoaWNvblByb3ApIHtcbiAgICAgIHJldHVybiA8ZGl2IGNzcz17aWNvbldyYXBwZXJTdHlsZSh0aGVtZSl9PntpY29uUHJvcH08L2Rpdj47XG4gICAgfVxuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjbGFzc05hbWU9e3JhZGlvV3JhcHBlckNsYXNzTmFtZX1cbiAgICAgIGNzcz17W1xuICAgICAgICBiYXNlUmFkaW9XcmFwcGVyU3R5bGUodGhlbWUsIGRpc2FibGVkKSxcbiAgICAgICAgaXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvblxuICAgICAgICAgID8gZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUodGhlbWUsIHJhZGlvVG9rZW5zLCBpc1JlbmRlckljb24sIGNoZWNrZWQsIGRpc2FibGVkKVxuICAgICAgICAgIDogZ2V0UmFkaW9XcmFwcGVyU3R5bGUocmFkaW9Ub2tlbnMsIGRpc2FibGVkKSxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFJhZGlvSW50ZXJuYWwgey4uLnJhZGlvUHJvcHN9IHJlZj17cmVmfSBoaWRlUmFkaW9JbnB1dD17aXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvbn0gLz5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2Jhc2VSYWRpb0xhYmVsU3R5bGUsIGlzQnV0dG9uVHlwZSA/IHVuZGVmaW5lZCA6IHJhZGlvTGFiZWxTdHlsZSh0aGVtZSldfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7aWNvbn1cbiAgICA8L2xhYmVsPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBSYWRpbyA9IG1lbW8oUmFkaW9Db21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8UmFkaW9Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aEdyb3VwO1xuXG5SYWRpby5Hcm91cCA9IFJhZGlvR3JvdXA7XG4iXX0= */"], children: [
+    /* @__PURE__ */ jsx(RadioInternal, { ...radioProps, ref, hideRadioInput: isButtonType || isRenderIcon }),
+    children && /* @__PURE__ */ jsx("span", { css: [baseRadioLabelStyle, isButtonType ? void 0 : radioLabelStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFYyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1JhZGlvL1JhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIG1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgUmVmQXR0cmlidXRlcyxcbiAgdHlwZSBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUmFkaW9Qcm9wcywgV2l0aEdyb3VwIH0gZnJvbSBcIi4vUmFkaW8udHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cFwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0cy9SYWRpb0dyb3VwQ29udGV4dFwiO1xuaW1wb3J0IHsgUmFkaW9JbnRlcm5hbCB9IGZyb20gXCIuL2NvbXBvbmVudHMvUmFkaW9JbnRlcm5hbC9SYWRpb0ludGVybmFsXCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvQ2hhbmdlRXZlbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbC50eXBlc1wiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZ2V0UmFkaW9Ub2tlbnMgfSBmcm9tIFwiLi9SYWRpby50b2tlbnNcIjtcbmltcG9ydCB7XG4gIGJhc2VSYWRpb0xhYmVsU3R5bGUsXG4gIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSxcbiAgZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvV3JhcHBlclN0eWxlLFxuICBpY29uV3JhcHBlclN0eWxlLFxuICByYWRpb0xhYmVsU3R5bGUsXG4gIHJhZGlvV3JhcHBlckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vUmFkaW8uc3R5bGVzXCI7XG5cbmNvbnN0IFJhZGlvQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBSYWRpb1Byb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBpY29uOiBpY29uUHJvcCwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmFkaW9Ub2tlbnMgPSB1c2VNZW1vKCgpID0+IGdldFJhZGlvVG9rZW5zKHRoZW1lKSwgW3RoZW1lXSk7XG4gIGNvbnN0IGdyb3VwQ29udGV4dCA9IHVzZUNvbnRleHQoUmFkaW9Hcm91cENvbnRleHQpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSYWRpb0NoYW5nZUV2ZW50KSA9PiB7XG4gICAgICBwcm9wcy5vbkNoYW5nZT8uKGUpO1xuICAgICAgZ3JvdXBDb250ZXh0Py5vbkNoYW5nZT8uKGUpO1xuICAgIH0sXG4gICAgW2dyb3VwQ29udGV4dD8ub25DaGFuZ2UsIHByb3BzLm9uQ2hhbmdlXVxuICApO1xuXG4gIGlmIChncm91cENvbnRleHQpIHtcbiAgICByYWRpb1Byb3BzLm5hbWUgPSBncm91cENvbnRleHQubmFtZTtcbiAgICByYWRpb1Byb3BzLm9uQ2hhbmdlID0gaGFuZGxlQ2hhbmdlO1xuICAgIHJhZGlvUHJvcHMuY2hlY2tlZCA9IHByb3BzLnZhbHVlID09PSBncm91cENvbnRleHQudmFsdWU7XG4gICAgcmFkaW9Qcm9wcy5kaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQgPz8gZ3JvdXBDb250ZXh0LmRpc2FibGVkO1xuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSByYWRpb1Byb3BzLmRpc2FibGVkO1xuICBjb25zdCBjaGVja2VkID0gcmFkaW9Qcm9wcy5jaGVja2VkO1xuXG4gIGNvbnN0IGlzQnV0dG9uVHlwZSA9IGdyb3VwQ29udGV4dD8ub3B0aW9uVHlwZSA9PT0gXCJidXR0b25cIjtcbiAgY29uc3QgaXNJY29uVHlwZSA9IGdyb3VwQ29udGV4dD8uYnV0dG9uVHlwZSA9PT0gXCJpY29uXCI7XG4gIGNvbnN0IGlzUmVuZGVySWNvbiA9IEJvb2xlYW4oaWNvblByb3ApICYmIGlzQnV0dG9uVHlwZSAmJiBpc0ljb25UeXBlO1xuXG4gIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgIGlmIChpc1N0cmluZyhpY29uUHJvcCkpIHtcbiAgICAgIHJldHVybiBpY29uUHJvcDtcbiAgICB9XG5cbiAgICBpZiAoaWNvblByb3ApIHtcbiAgICAgIHJldHVybiA8ZGl2IGNzcz17aWNvbldyYXBwZXJTdHlsZSh0aGVtZSl9PntpY29uUHJvcH08L2Rpdj47XG4gICAgfVxuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjbGFzc05hbWU9e3JhZGlvV3JhcHBlckNsYXNzTmFtZX1cbiAgICAgIGNzcz17W1xuICAgICAgICBiYXNlUmFkaW9XcmFwcGVyU3R5bGUodGhlbWUsIGRpc2FibGVkKSxcbiAgICAgICAgaXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvblxuICAgICAgICAgID8gZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUodGhlbWUsIHJhZGlvVG9rZW5zLCBpc1JlbmRlckljb24sIGNoZWNrZWQsIGRpc2FibGVkKVxuICAgICAgICAgIDogZ2V0UmFkaW9XcmFwcGVyU3R5bGUocmFkaW9Ub2tlbnMsIGRpc2FibGVkKSxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFJhZGlvSW50ZXJuYWwgey4uLnJhZGlvUHJvcHN9IHJlZj17cmVmfSBoaWRlUmFkaW9JbnB1dD17aXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvbn0gLz5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2Jhc2VSYWRpb0xhYmVsU3R5bGUsIGlzQnV0dG9uVHlwZSA/IHVuZGVmaW5lZCA6IHJhZGlvTGFiZWxTdHlsZSh0aGVtZSldfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7aWNvbn1cbiAgICA8L2xhYmVsPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBSYWRpbyA9IG1lbW8oUmFkaW9Db21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8UmFkaW9Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aEdyb3VwO1xuXG5SYWRpby5Hcm91cCA9IFJhZGlvR3JvdXA7XG4iXX0= */"], children }),
+    icon
+  ] });
+});
+const Radio = memo(RadioComponent);
+Radio.Group = RadioGroup;
+export {
+  Radio
+};

package/dist/components/Radio/Radio.styles.d.ts

@@ -0,0 +1,66 @@
+import { Theme } from 'themes';
+import { RadioTokens } from './Radio.tokens';
+export declare const radioWrapperClassName = "radio-wrapper";
+export declare const baseRadioWrapperStyle: (theme: Theme, disabled: boolean | undefined) => {
+    fontFamily: "Roboto";
+    fontSize: 14;
+    lineHeight: "20px";
+    cursor: string;
+};
+export declare const getRadioButtonWrapperStyle: (theme: Theme, radioTokens: RadioTokens, isRenderIcon: boolean, checked: boolean | undefined, disabled: boolean | undefined) => {
+    readonly position: "relative";
+    readonly zIndex: 1 | undefined;
+    readonly color: "#262626" | "#8C8C8C" | "#0CB3B3";
+    readonly backgroundColor: "#D9D9D9" | "#F0F0F0" | "#FFFFFF";
+    readonly height: 28;
+    readonly boxSizing: "border-box";
+    readonly paddingInline: number;
+    readonly paddingBlock: number;
+    readonly borderWidth: 1;
+    readonly borderStyle: "solid";
+    readonly borderColor: "#D9D9D9" | "#0CB3B3";
+    readonly borderInlineStartWidth: 0;
+    readonly ":first-of-type": {
+        readonly borderInlineStartWidth: 1;
+        readonly borderStartStartRadius: 4;
+        readonly borderEndStartRadius: 4;
+    };
+    readonly ":last-of-type": {
+        readonly borderStartEndRadius: 4;
+        readonly borderEndEndRadius: 4;
+    };
+    readonly ":not(:first-of-type)::before": {
+        readonly content: "''";
+        readonly position: "absolute";
+        readonly width: 1;
+        readonly height: "100%";
+        readonly backgroundColor: "#D9D9D9" | "#0CB3B3";
+        readonly paddingBlock: 1;
+        readonly insetBlockStart: -1;
+        readonly insetInlineStart: -1;
+    };
+    readonly ":hover": {
+        readonly color: "#2CBFBA" | undefined;
+    };
+};
+export declare const getRadioWrapperStyle: (radioTokens: RadioTokens, disabled: boolean | undefined) => {
+    display: string;
+    alignItems: string;
+    color: "#262626" | "#8C8C8C";
+};
+export declare const iconWrapperStyle: (theme: Theme) => {
+    display: string;
+    fontSize: 16;
+    height: string;
+    justifyContent: string;
+    alignItems: string;
+};
+export declare const baseRadioLabelStyle: {
+    "&&": {
+        fontFamily: string;
+        fontSize: string;
+    };
+};
+export declare const radioLabelStyle: (theme: Theme) => {
+    paddingInline: 8;
+};