@itcase/ui 1.2.28 → 1.2.29

package/dist/components/Textarea.js

@@ -1,6 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
+import { textareaAppearance, textareaState } from '../appearance/Textarea.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -10,17 +11,18 @@ import '../hooks/useMediaQueries.js';
 import 'react-responsive';
 
 var textareaConfig = {
-    state: {},
-    setState: function (newComponent) {
-        textareaConfig.state = newComponent;
-    },
-    appearance: {},
+    appearance: textareaAppearance,
     setAppearance: function (newComponent) {
         textareaConfig.appearance = newComponent;
     },
+    state: textareaState,
+    // eslint-disable-next-line perfectionist/sort-objects
+    setState: function (newComponent) {
+        textareaConfig.state = newComponent;
+    },
 };
 function Textarea(props) {
-    var appearance = props.appearance, id = props.id, className = props.className, placeholder = props.placeholder, disabled = props.disabled, state = props.state, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onKeyDown = props.onKeyDown;
+    var id = props.id, appearance = props.appearance, className = props.className, disabled = props.disabled, placeholder = props.placeholder, state = props.state, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onKeyDown = props.onKeyDown;
     var fillClass = useDeviceTargetClass(props, {
         prefix: 'fill_',
         propsKey: 'fill',
@@ -93,7 +95,7 @@ function Textarea(props) {
             ((stateConfig === null || stateConfig === void 0 ? void 0 : stateConfig.textColor) &&
                 "text-color_".concat(stateConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()) ||
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) &&
-                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass), id: id, disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }));
+                "text-color_".concat(appearanceConfig.textColor).replace(/([A-Z])/g, '-$1').toLowerCase()), weightClass, widthClass), disabled: disabled, id: id, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onKeyDown: onKeyDown }));
 }
 Textarea.defaultProps = {
     size: 'm',

package/dist/components/Tile.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { B as Badge } from '../Badge-CrhdvxY6.js';
-import { T as Text } from '../Text-CG3xPG27.js';
-import { T as Title } from '../Title-CqwqEtm7.js';
+import { B as Badge } from '../Badge-BZYBmgBK.js';
+import { T as Text } from '../Text-kxGZButz.js';
+import { T as Title } from '../Title-CQ_Fr1hO.js';
 import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -15,6 +15,9 @@ import 'react-responsive';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
+import '../appearance/Badge.js';
+import '../appearance/Text.js';
+import '../appearance/Title.js';
 
 function Tile(props) {
     var children = props.children, direction = props.direction, after = props.after, badge = props.badge, badgeAppearance = props.badgeAppearance, badgeSize = props.badgeSize, badgeTextColor = props.badgeTextColor, badgeTextSize = props.badgeTextSize, before = props.before, className = props.className, reverse = props.reverse, size = props.size, text = props.text, textColor = props.textColor, textSize = props.textSize, textWrap = props.textWrap, title = props.title, titleTextAlign = props.titleTextAlign, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, type = props.type, onClick = props.onClick;

package/dist/components/Title.js

@@ -1,7 +1,8 @@
-export { T as Title, t as titleConfig } from '../Title-CqwqEtm7.js';
+export { T as Title, t as titleConfig } from '../Title-CQ_Fr1hO.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/Title.js';
 import '../context/UIContext.js';
 import 'prop-types';
 import '../hooks/useMediaQueries.js';

package/dist/components/Tooltip.js

@@ -1,7 +1,8 @@
-export { T as Tooltip, t as tooltipConfig } from '../Tooltip-B2vv4OAX.js';
+export { T as Tooltip, t as tooltipConfig } from '../Tooltip-ccRCMYQM.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'clsx';
+import '../appearance/Tooltip.js';
 import '../hooks/useDeviceTargetClass.js';
 import 'lodash/castArray';
 import 'lodash/camelCase';
@@ -13,5 +14,7 @@ import '../hooks/useStyles.js';
 import 'lodash/maxBy';
 import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
-import '../Text-CG3xPG27.js';
-import '../Title-CqwqEtm7.js';
+import '../Text-kxGZButz.js';
+import '../appearance/Text.js';
+import '../Title-CQ_Fr1hO.js';
+import '../appearance/Title.js';

package/dist/components/Video.js

@@ -15,13 +15,13 @@ function Video(props) {
     var id = props.id, children = props.children, className = props.className, poster = props.poster, webm = props.webm, ogv = props.ogv, mp4 = props.mp4, type = props.type, position = props.position;
     // @ts-expect-error
     var videoStyles = useStyles(props).styles;
-    return (jsxs("div", { className: clsx('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxs("video", { autoPlay: true, className: "video__wrapper", poster: poster, muted: true, loop: true, playsInline: false, children: [webm && jsx("source", { src: webm, type: "video/webm", 
+    return (jsxs("div", { className: clsx('video', className, type && "video_type_".concat(type), position && "video_position_".concat(position)), id: id, style: videoStyles, children: [jsxs("video", { autoPlay: true, className: "video__wrapper", poster: poster, muted: true, loop: true, playsInline: false, children: [webm && (jsx("source", { src: webm, type: "video/webm", 
                         // @ts-expect-error
-                        codecs: "vp8, vorbis" }), ogv && jsx("source", { src: ogv, type: "video/ogg", 
+                        codecs: "vp8, vorbis" })), ogv && (jsx("source", { src: ogv, type: "video/ogg", 
                         // @ts-expect-error
-                        codecs: "theora, vorbis" }), mp4 && jsx("source", { src: mp4, type: "video/mp4", 
+                        codecs: "theora, vorbis" })), mp4 && (jsx("source", { src: mp4, type: "video/mp4", 
                         // @ts-expect-error
-                        codecs: "avc1.42E01E, mp4a.40.2" })] }), children] }));
+                        codecs: "avc1.42E01E, mp4a.40.2" }))] }), children] }));
 }
 
 export { Video };

package/dist/context/Notifications.js

@@ -1,5 +1,5 @@
 'use client';
-import { b as __spreadArray } from '../tslib.es6-5FtW-kfi.js';
+import { b as __spreadArray } from '../tslib.es6-w7hdJ3oZ.js';
 import { jsx } from 'react/jsx-runtime';
 import { createContext, useState, useCallback, useMemo, useEffect, useContext } from 'react';
 import PropTypes from 'prop-types';

package/dist/css/components/Badge/Badge.css

@@ -64,19 +64,3 @@
     }
   }
 }
-:root {
-  --badge-width-size-xxs: 16px;
-  --badge-height-size-xxs: 16px;
-  --badge-width-size-xs: 18px;
-  --badge-height-size-xs: 18px;
-  --badge-width-size-s: 20px;
-  --badge-height-size-s: 20px;
-  --badge-width-size-m: 24px;
-  --badge-height-size-m: 24px;
-  --badge-width-size-l: 32px;
-  --badge-height-size-l: 32px;
-  --badge-width-size-xl: 40px;
-  --badge-height-size-xl: 40px;
-  --badge-width-size-xxl: 48px;
-  --badge-height-size-xxl: 48px;
-}

package/dist/css/components/Badge/Badge.tokens.css

@@ -0,0 +1,20 @@
+:root {
+  /* Size */
+  --badge-width-size-xxs: 14px;
+  --badge-height-size-xxs: 14px;
+  --badge-width-size-xs: 14px;
+  --badge-height-size-xs: 14px;
+  --badge-width-size-s: 20px;
+  --badge-height-size-s: 20px;
+  --badge-width-size-m: 23px;
+  --badge-height-size-m: 23px;
+  --badge-width-size-l: 32px;
+  --badge-height-size-l: 32px;
+  --badge-width-size-xl: 40px;
+  --badge-height-size-xl: 40px;
+  --badge-width-size-xxl: 48px;
+  --badge-height-size-xxl: 48px;
+  /* Status */
+  --badge-status-width-size-xxs: 8px;
+  --badge-status-height-size-xxs: 8px;
+}

package/dist/css/components/Pagination/Pagination.css

@@ -17,7 +17,7 @@
   &__input {
     background: var(--color-surface-primary);
     padding: 3px 7px;
-    border: 1px solid var(--color-surface-border-tertiary);
+    border: 1px solid var(--pagination-input-color, --color-surface-border-tertiary);
     border-radius: 8px;
     position: relative;
     display: flex;

package/dist/css/components/Segmented/Segmented.css

@@ -88,7 +88,7 @@
 }
 .segmented {
   &_size {
-    @each $size in normal, compact {
+    @each $size in normal, compact, xxs, xs, s, m, l, xl, xxl {
       &_$(size) {
         ^^&__item {
           &-label {

package/dist/hooks.js

@@ -1 +1 @@
-
+'use strict';

package/dist/stories/Appearance.stories.js

@@ -1,6 +1,6 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { tabAppearance } from '../../../appearance/Tab'
 import { badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
-import tabAppearance from '../appearance.json'
 import { Tab, tabConfig } from '../Tab'
 import { argTypes } from './args'
 

package/dist/stories/Badge.stories.js

@@ -1,3 +1,4 @@
+import { badgeAppearance } from '../../../appearance/Badge'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -8,7 +9,6 @@ import {
   sizeProps,
   textColorProps,
 } from '../../../constants'
-import badgeAppearance from '../../Badge/appearance.json'
 import { Badge, badgeConfig } from '../Badge'
 
 badgeConfig.setAppearance(badgeAppearance)

package/dist/stories/Button.stories.js

@@ -1,7 +1,7 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { buttonAppearance } from '../../../appearance/Button'
 import { icon24 } from '../../../icons'
 import { Badge, badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
-import buttonAppearance from '../../Button/appearance.json'
 import { Button, buttonConfig } from '../Button'
 import { argTypes } from './args'
 

package/dist/stories/Checkbox.stories.js

@@ -1,6 +1,6 @@
+import { checkboxState } from '../../../appearance/Checkbox'
 import { fillProps, textColorProps, textSizeProps } from '../../../constants'
 import { Checkbox, checkboxConfig } from '../Checkbox'
-import checkboxState from '../state.json'
 
 checkboxConfig.setState(checkboxState)
 

package/dist/stories/Chips.stories.js

@@ -1,5 +1,5 @@
+import { chipsAppearance } from '../../../appearance/Chips'
 import { Icon } from '../../Icon'
-import chipsAppearance from '../appearance.json'
 import { Chips, chipsConfig } from '../Chips'
 import { argTypes } from './args'
 

package/dist/stories/Group.stories.js

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

package/dist/stories/Icon.stories.js

@@ -1,3 +1,5 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { iconAppearance } from '../../../appearance/Icon'
 import {
   borderColorHoverProps,
   borderColorProps,
@@ -9,8 +11,6 @@ import {
   sizePXProps,
 } from '../../../constants'
 import { Badge, badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
-import iconAppearance from '../appearance.json'
 import { Icon, iconConfig } from '../Icon'
 
 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 '../state.json'
 
 inputConfig.setState(inputState)
 

package/dist/stories/InputPassword.stories.js

@@ -1,3 +1,4 @@
+import { InputPasswordState } from '../../../appearance/InputPassword'
 import {
   borderColorProps,
   fillProps,
@@ -6,9 +7,8 @@ import {
   textSizeProps,
 } from '../../../constants'
 import { InputPassword, inputPasswordConfig } from '../InputPassword'
-import inputPasswordState from '../state.json'
 
-inputPasswordConfig.setState(inputPasswordState)
+inputPasswordConfig.setState(InputPasswordState)
 
 export default {
   argTypes: {

package/dist/stories/Label.stories.js

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

package/dist/stories/Loader.stories.js

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

package/dist/stories/MenuItem.stories.js

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

package/dist/stories/ModalConfirm.stories.js

@@ -1,11 +1,9 @@
+import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Group } from '../../Group'
 import { Title } from '../../Title'
 import { Modal } from '../Modal'
 
-import { icon24 } from 'src/icons'
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/ModalDefault.stories.js

@@ -1,9 +1,7 @@
+import { buttonAppearance } from '../../../appearance/Button'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Modal } from '../Modal'
 
-import { icon24 } from 'src/icons'
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/Notification.stories.js

@@ -1,12 +1,12 @@
+import { buttonAppearance } from '../../../appearance/Button'
+import { notificationItemAppearance } from '../../../appearance/Notification'
 import { textSizeProps, titleSizeProps } from '../../../constants'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Icon } from '../../Icon'
-import notificationAppearance from '../appearance.json'
 import { NotificationItem, notificationItemConfig } from '../NotificationItem'
 
 buttonConfig.setAppearance(buttonAppearance)
-notificationItemConfig.setAppearance(notificationAppearance)
+notificationItemConfig.setAppearance(notificationItemAppearance)
 
 export default {
   argTypes: {

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 '../state.json'
 
 radioConfig.setState(radioState)
 

package/dist/stories/SearchInput.stories.js

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

package/dist/stories/Size.stories.js

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

package/dist/stories/State.stories.js

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

package/dist/stories/Textarea.stories.js

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

package/dist/stories/Tile.stories.js

@@ -1,3 +1,5 @@
+import { badgeAppearance } from '../../../appearance/Badge'
+import { buttonAppearance } from '../../../appearance/Button'
 import {
   alignDirectionProps,
   alignProps,
@@ -18,13 +20,10 @@ import {
 } from '../../../constants'
 import { icon24 } from '../../../icons'
 import { badgeConfig } from '../../Badge'
-import badgeAppearance from '../../Badge/appearance.json'
 import { Button, buttonConfig } from '../../Button'
-import buttonAppearance from '../../Button/appearance.json'
 import { Tile } from '../Tile'
 
 badgeConfig.setAppearance(badgeAppearance)
-
 buttonConfig.setAppearance(buttonAppearance)
 
 export default {

package/dist/stories/Tooltip.stories.js

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

package/dist/stories/appearance.mdx

@@ -2,4 +2,66 @@ import { Meta } from '@storybook/blocks'
 
 <Meta title="Appearance / Overview" />
 
-# Overview
+# Appearance
+
+`Appearance` - это заранее прописанные стили (по сути пропсы с указанными значениями) для более быстрого применения в коде.
+
+Для того чтобы добавить возможность использовать `Appearance` для компонента необходимо:
+
+- добавить `appearance` в пропсы компонента
+  `const { appearance, children, className, textColor, textSize, value } = props`
+
+- а также конфиг:
+
+```
+const badgeConfig: IBadgeConfig = {
+  appearance: badgeAppearance,
+  setAppearance: (newComponent) => {
+    badgeConfig.appearance = newComponent
+  },
+}
+```
+
+- записать в переменную сокращенное название для дальнейшего использования в коде компонента:
+
+```
+const appearanceConfig =
+  appearance && badgeConfig.appearance && badgeConfig.appearance[appearance]
+```
+
+- использовать для пропсов:
+
+```
+	fillClass ||
+	(appearanceConfig?.fill &&
+		`fill_${appearanceConfig.fill}`?.replace(/([A-Z])/g, '-$1').toLowerCase()),
+
+fillHoverClass ||
+	(appearanceConfig?.fillHover &&
+		`fill_hover_${appearanceConfig.fillHover}`?.replace(/([A-Z])/g, '-$1').toLowerCase()),
+
+textColor={textColor || appearanceConfig?.textColor}
+```
+
+- описать варианты `Appearance` необходимо в `src/appearance/Badge/index.ts`
+
+```
+	import { badgeAppearanceType } from '../../components/Badge/Badge.interface'
+
+export const badgeAppearance: badgeAppearanceType = {
+	surfacePrimary: {
+		fill: 'surfacePrimary',
+		fillHover: 'surfacePrimaryHover',
+		textColor: 'surfaceTextPrimary',
+	},
+	surfaceSecondary: {
+		fill: 'surfaceSecondary',
+		fillHover: 'surfaceSecondaryHover',
+		textColor: 'surfaceTextPrimary',
+	}
+	...
+}
+```
+
+- в коде на проекте использовать:
+  `<Badge appearance="surfacePrimary" ..../>`

package/dist/stories/settings.mdx

@@ -0,0 +1,3 @@
+import { Meta, Typeset } from '@storybook/blocks'
+
+<Meta title="Tokens / Settings" />

package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-w7hdJ3oZ.js}

@@ -53,4 +53,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign as _, __rest as a, __spreadArray as b };
+export { __rest as _, __assign as a, __spreadArray as b };

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

@@ -0,0 +1,2 @@
+import { badgeAppearanceType } from '../../components/Badge/Badge.interface';
+export declare const badgeAppearance: badgeAppearanceType;

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

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

package/dist/types/appearance/Checkbox/index.d.ts

@@ -0,0 +1,3 @@
+import { tCheckboxAppearance, tCheckboxState } from '../../components/Checkbox/Checkbox.interface';
+export declare const checkboxAppearance: tCheckboxAppearance;
+export declare const checkboxState: tCheckboxState;

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

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

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

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

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

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

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

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

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

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

package/dist/types/appearance/Input/index.d.ts

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

package/dist/types/appearance/InputPassword/index.d.ts

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

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

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

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

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

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

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

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

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