@itcase/ui 1.2.31 → 1.2.33

package/dist/stories/Chips.stories.js

@@ -1,6 +1,6 @@
-import { chipsAppearance } from '../../../appearance/Chips'
 import { Icon } from '../../Icon'
 import { Chips, chipsConfig } from '../Chips'
+import { chipsAppearance } from '../Chips.appearance'
 import { argTypes } from './args'
 
 chipsConfig.setAppearance(chipsAppearance)

package/dist/stories/DatePicker.stories.js

@@ -8,7 +8,7 @@ import {
   textColorProps,
   textSizeProps,
 } from '../../../constants'
-import { icon16 } from '../../../icons'
+// import { icon16 } from '../../../___icons'
 import { Button } from '../../Button'
 import { DatePickerInput } from '../DatePicker'
 

package/dist/stories/Group.stories.js

@@ -1,5 +1,3 @@
-import { badgeAppearance } from '../../../appearance/Badge'
-import { tabAppearance } from '../../../appearance/Tab'
 import {
   directionProps,
   fillProps,
@@ -9,7 +7,9 @@ import {
   wrapProps,
 } from '../../../constants'
 import { badgeConfig } from '../../Badge'
+import { badgeAppearance } from '../../Badge/Badge.appearance.'
 import { Tab, tabConfig } from '../Tab'
+import { tabAppearance } from '../Tab.appearance'
 import { TabGroup } from '../TabGroup'
 
 tabConfig.setAppearance(tabAppearance)

package/dist/stories/Icon.stories.js

@@ -1,5 +1,3 @@
-import { badgeAppearance } from '../../../appearance/Badge'
-import { iconAppearance } from '../../../appearance/Icon'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -11,7 +9,9 @@ import {
   sizePXProps,
 } from '../../../constants'
 import { Badge, badgeConfig } from '../../Badge'
+import { badgeAppearance } from '../../Badge/Badge.appearance.'
 import { Icon, iconConfig } from '../Icon'
+import { iconAppearance } from '../Icon.appearance'
 
 iconConfig.setAppearance(iconAppearance)
 

package/dist/stories/Input.stories.js

@@ -1,6 +1,6 @@
-import { inputState } from '../../../appearance/Input'
 import { borderColorProps, textColorProps, textSizeProps } from '../../../constants'
 import { Input, inputConfig } from '../Input'
+import { inputState } from '../Input.appearance'
 
 inputConfig.setState(inputState)
 

package/dist/stories/InputPassword.stories.js

@@ -1,4 +1,3 @@
-import { InputPasswordState } from '../../../appearance/InputPassword'
 import {
   borderColorProps,
   fillProps,
@@ -7,6 +6,7 @@ import {
   textSizeProps,
 } from '../../../constants'
 import { InputPassword, inputPasswordConfig } from '../InputPassword'
+import { InputPasswordState } from '../InputPassword.appearance'
 
 inputPasswordConfig.setState(InputPasswordState)
 

package/dist/stories/Label.stories.js

@@ -1,4 +1,3 @@
-import { labelAppearance } from '../../../appearance/Label'
 import {
   borderColorProps,
   borderTypeProps,
@@ -10,6 +9,7 @@ import {
   widthProps,
 } from '../../../constants'
 import { Label, labelConfig } from '../Label'
+import { labelAppearance } from '../Label.appearance'
 
 labelConfig.setAppearance(labelAppearance)
 

package/dist/stories/Loader.stories.js

@@ -1,4 +1,3 @@
-import { loaderAppearance } from '../../../appearance/Loader'
 import {
   heightProps,
   positionProps,
@@ -7,6 +6,7 @@ import {
   widthProps,
 } from '../../../constants'
 import { Loader, loaderConfig } from '../Loader'
+import { loaderAppearance } from '../Loader.appearance'
 
 loaderConfig.setAppearance(loaderAppearance)
 

package/dist/stories/MenuItem.stories.js

@@ -1,4 +1,3 @@
-import { menuItemAppearance } from '../../../appearance/MenuItem'
 import {
   fillProps,
   shapeProps,
@@ -14,6 +13,7 @@ import {
   underlineProps,
 } from '../../../constants'
 import { MenuItem, menuItemConfig } from '../MenuItem'
+import { menuItemAppearance } from '../MenuItem.appearance'
 
 menuItemConfig.setAppearance(menuItemAppearance)
 

package/dist/stories/ModalConfirm.stories.js

@@ -1,5 +1,5 @@
-import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
+import { buttonAppearance } from '../../Button/Button.appearance'
 import { Group } from '../../Group'
 import { Title } from '../../Title'
 import { Modal } from '../Modal'

package/dist/stories/ModalDefault.stories.js

@@ -1,5 +1,5 @@
-import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
+import { buttonAppearance } from '../../Button/Button.appearance'
 import { Modal } from '../Modal'
 
 buttonConfig.setAppearance(buttonAppearance)

package/dist/stories/ModalSheetBottom.stories.js

@@ -0,0 +1,47 @@
+import { Group } from '../../Group'
+import { Icon } from '../../Icon'
+import { Text } from '../../Text'
+import { ModalSheetBottom } from '../ModalSheetBottom'
+
+export default {
+  argTypes: {},
+  component: ModalSheetBottom,
+  title: 'Molecules / ModalSheetBottom ',
+}
+
+export const Default = {
+  args: {
+    children: (
+      <Group padding="20px 12px" direction="vertical" justifyContent="center">
+        <Text size="m" textColor="surfaceTextPrimary">
+          company
+        </Text>
+        <Text size="xs" textColor="surfaceTextPrimary">
+          inn
+        </Text>
+      </Group>
+    ),
+    isOpenModal: true,
+    fill: 'surfaceSecondary',
+    initialSnap: 0.5,
+  },
+}
+
+export const CloseButton = {
+  args: {
+    children: (
+      <Group padding="20px 12px" direction="vertical" justifyContent="center">
+        <Text size="m" textColor="surfaceTextPrimary">
+          company
+        </Text>
+        <Text size="xs" textColor="surfaceTextPrimary">
+          inn
+        </Text>
+      </Group>
+    ),
+    isOpenModal: true,
+    closeButton: <Icon iconFill="surfaceItemPrimary" imageSrc="assets/16/Remove.svg" size="16" />,
+    fill: 'surfaceSecondary',
+    initialSnap: 0.5,
+  },
+}

package/dist/stories/Notification.stories.js

@@ -1,8 +1,8 @@
-import { buttonAppearance } from '../../../appearance/Button'
-import { notificationItemAppearance } from '../../../appearance/Notification'
 import { textSizeProps, titleSizeProps } from '../../../constants'
 import { Button, buttonConfig } from '../../Button'
+import { buttonAppearance } from '../../Button/Button.appearance'
 import { Icon } from '../../Icon'
+import { notificationItemAppearance } from '../NotificationItem.appearance'
 import { NotificationItem, notificationItemConfig } from '../NotificationItem'
 
 buttonConfig.setAppearance(buttonAppearance)

package/dist/stories/Radio.stories.js

@@ -1,6 +1,6 @@
-import { radioState } from '../../../appearance/Radio'
 import { shapeProps, textColorProps, textSizeProps } from '../../../constants'
 import { Radio, radioConfig } from '../Radio'
+import { radioState } from '../Radio.appearance'
 
 radioConfig.setState(radioState)
 

package/dist/stories/SearchInput.stories.js

@@ -1,6 +1,5 @@
 import { SearchInput, searchInputConfig } from '@itcase/ui/components/Search'
 
-import { searchAppearance } from '../../../appearance/Search'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -9,6 +8,7 @@ import {
   textColorProps,
   textSizeProps,
 } from '../../../constants'
+import { searchAppearance } from '../Search.appearance'
 
 searchInputConfig.setAppearance(searchAppearance)
 

package/dist/stories/Size.stories.js

@@ -1,7 +1,7 @@
-import { badgeAppearance } from '../../../appearance/Badge'
-import { tabAppearance } from '../../../appearance/Tab'
 import { badgeConfig } from '../../Badge'
+import { badgeAppearance } from '../../Badge/Badge.appearance.'
 import { Tab, tabConfig } from '../Tab'
+import { tabAppearance } from '../Tab.appearance'
 import { argTypes } from './args'
 
 badgeConfig.setAppearance(badgeAppearance)

package/dist/stories/State.stories.js

@@ -1,7 +1,7 @@
-import { badgeAppearance } from '../../../appearance/Badge'
-import { tabAppearance } from '../../../appearance/Tab'
 import { badgeConfig } from '../../Badge'
+import { badgeAppearance } from '../../Badge/Badge.appearance.'
 import { Tab, tabConfig } from '../Tab'
+import { tabAppearance } from '../Tab.appearance'
 import { argTypes } from './args'
 
 badgeConfig.setAppearance(badgeAppearance)

package/dist/stories/Textarea.stories.js

@@ -1,6 +1,6 @@
-import { textareaState } from '../../../appearance/Textarea'
 import { borderColorProps, sizeProps, textColorProps, textSizeProps } from '../../../constants'
 import { Textarea, textareaConfig } from '../Textarea'
+import { textareaState } from '../Textarea.appearance'
 
 textareaConfig.setState(textareaState)
 

package/dist/stories/Tile.stories.js

@@ -1,5 +1,3 @@
-import { badgeAppearance } from '../../../appearance/Badge'
-import { buttonAppearance } from '../../../appearance/Button'
 import {
   alignDirectionProps,
   alignProps,
@@ -18,9 +16,11 @@ import {
   textWrapProps,
   titleSizeProps,
 } from '../../../constants'
-import { icon24 } from '../../../icons'
+// import { icon24 } from '../../../___icons'
 import { badgeConfig } from '../../Badge'
+import { badgeAppearance } from '../../Badge/Badge.appearance.'
 import { Button, buttonConfig } from '../../Button'
+import { buttonAppearance } from '../../Button/Button.appearance'
 import { Tile } from '../Tile'
 
 badgeConfig.setAppearance(badgeAppearance)
@@ -194,7 +194,7 @@ export const Default = {
         position="absolute"
         top="0"
         right="0"
-        iconBefore={icon24.Add}
+        // iconBefore={icon24.Add}
         iconBeforeFill="accentItemPrimary"
         iconBeforeSize="24"
         shape="circular"

package/dist/stories/Tooltip.stories.js

@@ -1,4 +1,3 @@
-import { tooltipAppearance } from '../../../appearance/Tooltip'
 import {
   alignDirectionProps,
   alignmentProps,
@@ -14,6 +13,7 @@ import {
   widthProps,
 } from '../../../constants'
 import { Tooltip, tooltipConfig } from '../Tooltip'
+import { tooltipAppearance } from '../Tooltip.appearance'
 
 tooltipConfig.setAppearance(tooltipAppearance)
 

package/dist/types/components/Badge/index.d.ts

@@ -1 +1,2 @@
+export { badgeAppearance } from './Badge.appearance';
 export { Badge, badgeConfig } from './Badge';

package/dist/types/components/Button/Button.appearance.d.ts

@@ -0,0 +1,2 @@
+import { buttonAppearanceType } from './Button.interface';
+export declare const buttonAppearance: buttonAppearanceType;

package/dist/types/components/Button/index.d.ts

@@ -1 +1,2 @@
 export { Button, buttonConfig } from './Button';
+export { buttonAppearance } from './Button.appearance';

package/dist/types/components/Chips/Chips.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tChipsAppearance } from './Chips.interface';
+export declare const chipsAppearance: tChipsAppearance;

package/dist/types/components/Chips/index.d.ts

@@ -1 +1,2 @@
 export { Chips, chipsConfig } from './Chips';
+export { chipsAppearance } from './Chips.appearance';

package/dist/types/components/Choice/Choice.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tChoiceAppearance } from './Choice.interface';
+export declare const choiceAppearance: tChoiceAppearance;

package/dist/types/components/DatePicker/DatePicker.appearance.d.ts

@@ -0,0 +1,2 @@
+import { datePickerAppearanceType } from './DatePicker.interface';
+export declare const datePickerAppearance: datePickerAppearanceType;

package/dist/types/components/Divider/Divider.appearance.d.ts

@@ -0,0 +1,2 @@
+import { dividerAppearanceType } from './Divider.interface';
+export declare const dividerAppearance: dividerAppearanceType;

package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { dropdownItemAppearanceType } from './Dropdown.interface';
+export declare const dropdownItemAppearance: dropdownItemAppearanceType;

package/dist/types/components/Group/Group.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from './Group.interface';
+export declare const groupAppearance: tAppearance;

package/dist/types/components/Icon/Icon.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tIconAppearance } from './Icon.interface';
+export declare const iconAppearance: tIconAppearance;

package/dist/types/{appearance/Input/index.d.ts → components/Input/Input.appearance.d.ts}

@@ -1,3 +1,3 @@
-import { tInputAppearance, tInputState } from '../../components/Input/Input.interface';
+import { tInputAppearance, tInputState } from './Input.interface';
 export declare const inputAppearance: tInputAppearance;
 export declare const inputState: tInputState;

package/dist/types/{appearance/InputPassword/index.d.ts → components/InputPassword/InputPassword.appearance.d.ts}

@@ -1,3 +1,3 @@
-import { tInputAppearance, tInputState } from '../../components/InputPassword/InputPassword.interface';
+import { tInputAppearance, tInputState } from './InputPassword.interface';
 export declare const InputPasswordAppearance: tInputAppearance;
 export declare const InputPasswordState: tInputState;

package/dist/types/components/Label/Label.appearance.d.ts

@@ -0,0 +1,2 @@
+import { labelAppearanceType } from './Label.interface';
+export declare const labelAppearance: labelAppearanceType;

package/dist/types/components/Label/Label.interface.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tAlignDirectionProps, alignmentPropsType, tAlignProps, tBorderColorProps, borderTypePropsType, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, titleSizePropsType, tWidthProps, wrapPropsType } from '../../types';
+import { alignmentPropsType, borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tFillHoverProps, tFillProps, titleSizePropsType, tShapeProps, tSizeProps, tTextAlignProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps, tWidthProps, wrapPropsType } from '../../types';
 import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
 export interface ILabelThemeColor {
     align?: tAlignProps;
@@ -22,12 +22,12 @@ export interface ILabelThemeColor {
     width?: tWidthProps;
     wrap?: wrapPropsType;
 }
-type appearanceKeysType = tAppearanceKeysDefault & {};
+type appearanceKeysType = {} & tAppearanceKeysDefault;
 export type labelAppearanceType = {
     [key in appearanceKeysType]?: ILabelThemeColor;
 };
 export interface ILabelConfig {
-    appearance: labelAppearanceType | undefined;
+    appearance: string | labelAppearanceType | undefined;
     setAppearance: (newComponent: labelAppearanceType) => void;
 }
 export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
@@ -36,10 +36,11 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
+    closeTooltip?: () => boolean;
     cursor?: string;
     dataTour?: string;
     mode?: string;
-    set?: string;
+    openTooltip?: () => boolean;
     showTooltip?: boolean;
     style?: CSSProperties;
     textAlign?: tTextAlignProps;
@@ -52,7 +53,6 @@ export interface ILabelProps extends ILabelThemeColor, iStyleAttributes {
     tooltipTitle?: string;
     type?: string;
     onClick?: React.MouseEventHandler<HTMLDivElement>;
-    openTooltip?: () => boolean;
-    closeTooltip?: () => boolean;
+    set?: string;
 }
 export {};

package/dist/types/components/Label/index.d.ts

@@ -1 +1,2 @@
 export { Label, labelConfig } from './Label';
+export { labelAppearance } from './Label.appearance';

package/dist/types/components/Loader/Loader.appearance.d.ts

@@ -0,0 +1,2 @@
+import { loaderAppearanceType } from './Loader.interface';
+export declare const loaderAppearance: loaderAppearanceType;

package/dist/types/components/MenuItem/MenuItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { menuItemAppearanceType } from './MenuItem.interface';
+export declare const menuItemAppearance: menuItemAppearanceType;

package/dist/types/components/Modal/Modal.appearance.d.ts

@@ -0,0 +1,2 @@
+import { modalAppearanceType } from './Modal.interface';
+export declare const modalAppearance: modalAppearanceType;

package/dist/types/components/Notification/NotificationItem.appearance.d.ts

@@ -0,0 +1,2 @@
+import { notificationItemAppearanceType } from './Notification.interface';
+export declare const notificationItemAppearance: notificationItemAppearanceType;

package/dist/types/components/Notification/index.d.ts

@@ -1,3 +1,4 @@
 import { NotificationItem, notificationItemConfig } from './NotificationItem';
+import { notificationItemAppearance } from './NotificationItem.appearance';
 import { NotificationList } from './NotificationList';
-export { NotificationList, NotificationItem, notificationItemConfig };
+export { NotificationList, NotificationItem, notificationItemConfig, notificationItemAppearance };

package/dist/types/components/Response/Response.appearance.d.ts

@@ -0,0 +1,2 @@
+import { responseAppearanceType } from './Response.interface';
+export declare const responseAppearance: responseAppearanceType;

package/dist/types/components/Response/index.d.ts

@@ -1 +1,2 @@
+export { responseAppearance } from './Response.appearance';
 export { Response, responseConfig } from './Response';

package/dist/types/components/Search/Search.appearance.d.ts

@@ -0,0 +1,2 @@
+import { searchAppearanceType } from './Search.interface';
+export declare const searchAppearance: searchAppearanceType;

package/dist/types/components/Segmented/Segmented.appearance.d.ts

@@ -0,0 +1,2 @@
+import { segmentedAppearanceType } from './Segmented.interface';
+export declare const segmentedAppearance: segmentedAppearanceType;

package/dist/types/components/Select/Select.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tSelectAppearance } from './Select.interface';
+export declare const selectAppearance: tSelectAppearance;

package/dist/types/components/SiteMenu/SiteMenu.appearance.d.ts

@@ -0,0 +1,2 @@
+import { siteMenuAppearanceType } from './SiteMenu.interface';
+export declare const siteMenuAppearance: siteMenuAppearanceType;

package/dist/types/components/Tab/Tab.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tTabAppearance } from './Tab.interface';
+export declare const tabAppearance: tTabAppearance;

package/dist/types/components/Tab/index.d.ts

@@ -1,3 +1,3 @@
-import { Tab, tabConfig } from './Tab';
-import { TabGroup } from './TabGroup';
-export { Tab, TabGroup, tabConfig };
+export { Tab, tabConfig } from './Tab';
+export { tabAppearance } from './Tab.appearance';
+export { TabGroup } from './TabGroup';

package/dist/types/components/Tile/Tile.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tileAppearanceType } from './Tile.interface';
+export declare const tileAppearance: tileAppearanceType;

package/dist/types/components/Title/Title.appearance.d.ts

@@ -0,0 +1,2 @@
+import { tAppearance } from './Title.interface';
+export declare const titleAppearance: tAppearance;

package/dist/types/components/Video/Video.interface.d.ts

@@ -1,10 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
 export interface IVideoProps extends iStyleAttributes {
+    id?: string;
     children?: ReactNode;
     className?: string;
     codecs: string;
-    id?: string;
     mp4?: string;
     ogv?: string;
     position?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.2.31",
+  "version": "1.2.33",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -99,7 +99,7 @@
     "@itcase/common": "^1.2.16",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^11.11.17",
+    "framer-motion": "^11.12.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "rc-slider": "^11.1.7",
@@ -130,10 +130,11 @@
     "@chromatic-com/storybook": "^3.2.2",
     "@commitlint/cli": "^19.6.0",
     "@commitlint/config-conventional": "^19.6.0",
-    "@itcase/lint": "^1.0.19",
+    "@itcase/lint": "^1.0.33",
     "@lehoczky/postcss-fluid": "^1.0.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.1",
+    "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-terser": "^0.4.4",
@@ -141,17 +142,17 @@
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/release-notes-generator": "14.0.1",
-    "@storybook/addon-essentials": "^8.4.5",
-    "@storybook/addon-interactions": "^8.4.5",
-    "@storybook/addon-links": "^8.4.5",
-    "@storybook/addon-onboarding": "^8.4.5",
+    "@storybook/addon-essentials": "^8.4.6",
+    "@storybook/addon-interactions": "^8.4.6",
+    "@storybook/addon-links": "^8.4.6",
+    "@storybook/addon-onboarding": "^8.4.6",
     "@storybook/addon-styling-webpack": "^1.0.1",
-    "@storybook/addon-themes": "^8.4.5",
+    "@storybook/addon-themes": "^8.4.6",
     "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
-    "@storybook/blocks": "^8.4.5",
-    "@storybook/react": "^8.4.5",
-    "@storybook/react-webpack5": "^8.4.5",
-    "@storybook/test": "^8.4.5",
+    "@storybook/blocks": "^8.4.6",
+    "@storybook/react": "^8.4.6",
+    "@storybook/react-webpack5": "^8.4.6",
+    "@storybook/test": "^8.4.6",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.13",
     "@types/react": "^18",
@@ -163,7 +164,7 @@
     "babel-plugin-inline-react-svg": "^2.0.2",
     "babel-plugin-react-docgen": "^4.2.1",
     "conventional-changelog-conventionalcommits": "^8.0.0",
-    "eslint": "9.15.0",
+    "eslint": "9.16.0",
     "husky": "^9.1.7",
     "lint-staged": "^15.2.10",
     "npm": "^10.9.1",
@@ -188,15 +189,15 @@
     "postcss-preset-env": "^10.1.1",
     "postcss-pxtorem": "^6.1.0",
     "postcss-sort-media-queries": "^5.2.0",
-    "prettier": "^3.4.0",
-    "rollup": "^4.27.4",
+    "prettier": "^3.4.1",
+    "rollup": "^4.28.0",
     "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3",
     "semantic-release": "^24.2.0",
-    "storybook": "^8.4.5",
-    "stylelint": "^16.10.0",
+    "storybook": "^8.4.6",
+    "stylelint": "^16.11.0",
     "typescript": "^5.7.2"
   }
 }

package/dist/appearance/Avatar.js

@@ -1,5 +0,0 @@
-var avatarAppearance = {
-    dev: {},
-};
-
-export { avatarAppearance };

package/dist/appearance/Badge.js

@@ -1,44 +0,0 @@
-var badgeAppearance = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        fillHover: 'surfacePrimaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        fillHover: 'surfaceSecondaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        fillHover: 'surfaceTertiaryHover',
-        textColor: 'surfaceTextInverse',
-    },
-    accent: {
-        fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
-        textColor: 'accentTextPrimary',
-    },
-    primary: {
-        fill: 'primaryPrimary',
-        fillHover: 'primaryPrimaryHover',
-        textColor: 'primaryTextPrimary',
-    },
-    secondary: {
-        fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
-        textColor: 'secondaryTextPrimary',
-    },
-    disabled: {
-        fill: 'accentDisabled',
-        fillHover: 'none',
-        textColor: 'accentTextDisabled',
-    },
-};
-
-export { badgeAppearance };