@itcase/ui 1.1.15 → 1.1.17

package/dist/components/Wrapper/Wrapper.interface.d.ts

@@ -1,14 +1,14 @@
 import { CSSProperties, ElementType, ReactNode } from 'react';
-import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { alignDirectionPropsType, alignPropsType, fillPropsType, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
-export interface IWrapperProps extends TypeStyleAttributes {
+import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
+import { alignDirectionPropsType, alignPropsType, tFillProps, horizontalResizeModePropsType, positionPropsType, verticalResizeModePropsType } from '../../types';
+export interface IWrapperProps extends iStyleAttributes {
     after?: ReactNode;
     align?: alignPropsType;
     alignDirection?: alignDirectionPropsType;
     before?: ReactNode;
     children?: ReactNode;
     className?: string;
-    fill?: fillPropsType;
+    fill?: tFillProps;
     horizontalResizing?: horizontalResizeModePropsType;
     id?: string;
     position?: positionPropsType;

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { Flex, FlexItem } from './Flex';
 export { FormField, ChoiceField, PasswordField, SelectField, SwitchField } from './FormField';
 export { Grid, GridItem, GridRow } from './Grid';
 export { Group, groupConfig } from './Group';
+export { HTMLContent } from './HTMLContent';
 export { Icon, iconConfig } from './Icon';
 export { Image } from './Image';
 export { Input, inputConfig } from './Input';
@@ -31,7 +32,7 @@ export { LanguageSelector } from './LanguageSelector';
 export { Link, LinkWrapper, linkConfig } from './Link';
 export { List, ListItem } from './List';
 export { Loader, loaderConfig } from './Loader';
-export { Logo } from './Logo';
+export { Logo, logoConfig } from './Logo';
 export { Menu } from './Menu';
 export { MenuItem, menuItemConfig } from './MenuItem';
 export { Modal, ModalLoader } from './Modal';

package/dist/components.js

@@ -1,59 +1,60 @@
-export { A as Accordion, a as AccordionItem } from './Accordion-DyOfdiGd.js';
-export { A as Avatar } from './Avatar-DLNS2LBo.js';
-export { B as Badge, b as badgeConfig } from './Badge-BBbMdbjo.js';
-export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-Dz-WcAoT.js';
-export { B as Button, b as buttonConfig } from './Button-ULZVVxWC.js';
+export { A as Accordion, a as AccordionItem } from './Accordion-uWRXripc.js';
+export { A as Avatar } from './Avatar-APOOlMd3.js';
+export { B as Badge, b as badgeConfig } from './Badge-DtYgQu3L.js';
+export { B as Breadcrumbs, a as BreadcrumbsItem } from './Breadcrumbs-rRMuYnWJ.js';
+export { B as Button, b as buttonConfig } from './Button-DxZUKQ8I.js';
 export { C as Caption } from './Caption-DDh0VFPJ.js';
-export { C as Card } from './Card-DPGgzPuD.js';
-export { C as Cell } from './Cell-DftU408q.js';
-export { C as Checkbox, c as checkboxConfig } from './Checkbox-C-H_Z4S_.js';
-export { C as Chips, c as chipsConfig } from './Chips-BR_EPV82.js';
-export { C as Choice, c as choiceConfig } from './Choice-BT6xwc_a.js';
-export { C as Code } from './Code-DkWVSDOy.js';
-export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem--304_MdY.js';
-export { C as CookiesWarning } from './CookiesWarning-CDlz4Rfl.js';
-export { D as DadataHintField } from './DadataHintField-QzDwYdF1.js';
-export { D as DatePickerInput } from './DatePicker-CUmrPZZ-.js';
+export { C as Card } from './Card-DEs1Rr88.js';
+export { C as Cell } from './Cell-BJThS4YS.js';
+export { C as Checkbox, c as checkboxConfig } from './Checkbox-BmQo6ByV.js';
+export { C as Chips, c as chipsConfig } from './Chips-CBPMHkdw.js';
+export { C as Choice, c as choiceConfig } from './Choice-DVU4k0tu.js';
+export { C as Code } from './Code-1WUXVzfb.js';
+export { C as ContextMenu, a as ContextMenuItem } from './ContextMenuItem-xssbnviQ.js';
+export { C as CookiesWarning } from './CookiesWarning-Dcon4SS4.js';
+export { D as DadataHintField } from './DadataHintField-CHJLsVjJ.js';
+export { D as DatePickerInput } from './DatePicker-D9UgOcue.js';
 export { D as Divider } from './Divider-Dhj6sMWd.js';
 export { D as Dot } from './Dot-Bc0Ly45H.js';
-export { D as Drawer } from './Drawer-CgJX3Utw.js';
-export { D as Dropdown, a as DropdownItem } from './DropdownItem-Cf5vBgDu.js';
+export { D as Drawer } from './Drawer-DkLkFSmD.js';
+export { D as Dropdown, a as DropdownItem } from './DropdownItem-DB5nPIdl.js';
 export { F as Flex, a as FlexItem } from './FlexItem-DHmKl6e7.js';
-export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-nmu255b8.js';
+export { C as ChoiceField, F as FormField, P as PasswordField, S as SelectField, a as SwitchField } from './SwitchField-Cj0B7JdE.js';
 export { G as Grid, a as GridItem, b as GridRow } from './GridRow-CvYQDJ2W.js';
-export { G as Group, g as groupConfig } from './Group-C2kJKhWJ.js';
-export { I as Icon, i as iconConfig } from './Icon-DWnG-4KG.js';
+export { G as Group, g as groupConfig } from './Group-DuHn_z2p.js';
+export { H as HTMLContent } from './HTMLContent-CgbJTAy4.js';
+export { I as Icon, i as iconConfig } from './Icon-C0gtkmdU.js';
 export { I as Image } from './Image-Bz4Fo3eB.js';
-export { I as Input, i as inputConfig } from './Input-CYMKQ0qF.js';
-export { i as inputPasswordConfig } from './InputPassword-BOdsE_Yd.js';
-export { L as Label, l as labelConfig } from './Label-VHbRKztj.js';
-export { L as LanguageSelector } from './LanguageSelector-CzIV_gnd.js';
+export { I as Input, i as inputConfig } from './Input-CYDtAlO-.js';
+export { i as inputPasswordConfig } from './InputPassword-D6OLQrVC.js';
+export { L as Label, l as labelConfig } from './Label-0lMH0-AK.js';
+export { L as LanguageSelector } from './LanguageSelector-uOmIj9mJ.js';
 export { L as Link, a as LinkWrapper, l as linkConfig } from './Link-Co6uspFK.js';
 export { L as List, a as ListItem } from './ListItem-DMS6_Rtr.js';
-export { L as Loader, l as loaderConfig } from './Loader-YZrWGaNy.js';
-export { L as Logo } from './Logo-D6UNcO5P.js';
-export { M as Menu } from './Menu-Cd-XlUmJ.js';
-export { M as MenuItem, m as menuItemConfig } from './MenuItem-COZ-C9K2.js';
-export { M as Modal, a as ModalLoader } from './ModalLoader-8l8YtIvz.js';
-export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-C2OCJkY5.js';
+export { L as Loader, l as loaderConfig } from './Loader-DhgIcSY1.js';
+export { L as Logo, l as logoConfig } from './Logo-dRWwDqj-.js';
+export { M as Menu } from './Menu-9u6BoWRL.js';
+export { M as MenuItem, m as menuItemConfig } from './MenuItem-CXxL099U.js';
+export { M as Modal, a as ModalLoader } from './ModalLoader-DHOpJqE3.js';
+export { N as NotificationItem, a as NotificationList, n as notificationItemConfig } from './NotificationList-B48jz206.js';
 export { Page } from './components/Page.js';
-export { P as Pagination } from './Pagination-QfVqvSbE.js';
-export { R as Radio, r as radioConfig } from './Radio-Ca2-2PPF.js';
+export { P as Pagination } from './Pagination-Ch75clod.js';
+export { R as Radio, r as radioConfig } from './Radio-CmejVeSJ.js';
 export { R as RangeSlider } from './RangeSlider-BPFVikab.js';
-export { R as Response, r as responseConfig } from './Response-DzfL5Sy8.js';
+export { R as Response, r as responseConfig } from './Response-CgE3B1JS.js';
 export { S as Scrollbar } from './Scrollbar-DrRNpn12.js';
-export { S as SearchInput, a as SearchResult } from './SearchResult-DbhHiNmy.js';
-export { S as Segmented, s as segmentedConfig } from './Segmented-pa7MGnor.js';
+export { S as SearchInput, a as SearchResult } from './SearchResult-vA2t-ZGx.js';
+export { S as Segmented, s as segmentedConfig } from './Segmented-BoROz9LW.js';
 export { Select, SelectClearIndicator, SelectControl, SelectDropdownIndicator, SelectGroupHeading, SelectIndicatorsContainer, SelectInput, SelectMenu, SelectMultiValueContainer, SelectMultiValueLabel, SelectMultiValueRemove, SelectOption, SelectPlaceholder, SelectSingleValue, SelectValueContainer, selectConfig } from './components/Select.js';
-export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-BwyPO-2_.js';
-export { S as Swiper } from './Swiper-CL9zCKXE.js';
+export { S as SiteMenu, a as SiteMenuButton } from './SiteMenuButton-CFPtqh_i.js';
+export { S as Swiper } from './Swiper-CP2ph4S3.js';
 export { S as Switch } from './Switch-0BHqovLA.js';
-export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-CK6ndAuh.js';
-export { T as Text, t as textConfig } from './Text-CxrzHFN1.js';
-export { T as Textarea, t as textareaConfig } from './Textarea-Cie6SPyp.js';
-export { T as Tile } from './Tile-qiXVUf-t.js';
-export { T as Title, t as titleConfig } from './Title-BhJcCgdK.js';
-export { T as Tooltip, t as tooltipConfig } from './Tooltip-CpEQOh9v.js';
+export { T as Tab, a as TabGroup, t as tabConfig } from './TabGroup-C4CbZgr7.js';
+export { T as Text, t as textConfig } from './Text-Dn0X1zxN.js';
+export { T as Textarea, t as textareaConfig } from './Textarea-D3XSuMEm.js';
+export { T as Tile } from './Tile-B2HwgBDH.js';
+export { T as Title, t as titleConfig } from './Title-BAdU2oW_.js';
+export { T as Tooltip, t as tooltipConfig } from './Tooltip-D46EmkZq.js';
 export { V as Video } from './Video-0z4mNz4P.js';
 export { W as Wrapper } from './Wrapper-CJTkVfsd.js';
 import './_tslib-S-VPg1Cw.js';
@@ -74,7 +75,7 @@ import './hooks/styleAttributes.js';
 import 'js-cookie';
 import 'crypto';
 import 'react-dom';
-import './floating-ui.dom-_PBQLJcF.js';
+import './floating-ui.dom-BV5qw-HP.js';
 import 'react-inlinesvg';
 import './Overlay-C4gCb0sL.js';
 import './context/Notifications.js';

package/dist/constants/componentProps/textColor.js

@@ -1,3 +1,3 @@
-const textColorProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
+const textColorProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
 
 export { textColorProps as default };

package/dist/constants/componentProps/textColorActive.js

@@ -1,3 +1,3 @@
-const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
+const textColorActiveProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
 
 export { textColorActiveProps as default };

package/dist/constants/componentProps/textColorHover.js

@@ -1,3 +1,3 @@
-const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert'];
+const textColorHoverProps = [null, false, 'accentTextPrimary', 'accentTextSecondary', 'accentTextTertiary', 'primaryTextPrimary', 'primaryTextSecondary', 'primaryTextTertiary', 'secondaryTextPrimary', 'secondaryTextSecondary', 'secondaryTextTertiary', 'tertiaryTextPrimary', 'tertiaryTextSecondary', 'surfaceTextPrimary', 'surfaceTextAccent', 'surfaceTextSecondary', 'surfaceTextTertiary', 'surfaceTextQuaternary', 'surfaceTextAccent', 'surfaceTextHover', 'surfaceTextFocus', 'surfaceTextActive', 'surfaceTextDisabled', 'errorTextPrimary', 'errorTextSecondary', 'successTextPrimary', 'successTextSecondary', 'surfaceTextInvert', 'surfaceTextInverse'];
 
 export { textColorHoverProps as default };

package/dist/css/components/Accordion/Accordion.css

@@ -1,91 +1,15 @@
-.accordion {
-  border-radius: var(--accordion-border-radius, 12px);
-  &__wrapper {
-    width: 100%;
-    max-width: var(--max);
-    margin: 0 auto;
-  }
-}
-.accordion {
-  &_direction {
-    @each $val in row, row-reverse, column, column-reverse {
-      &_$(val) {
-        ^^&__wrapper {
-          display: flex;
-          flex-direction: $(val);
-        }
-      }
-    }
-    &_horizontal {
-      ^^&__wrapper {
-        display: flex;
-        flex-direction: row;
-      }
-    }
-    &_vertical {
-      ^^&__wrapper {
-        display: flex;
-        flex-direction: column;
-      }
-    }
-  }
-}
-.accordion {
-  &_shape {
-    &_rounded {
-      border-radius: var(--accordion-shape-rounded, 6px);
-      ^^&-item {
-        &:first-child {
-          border-radius: var(--accordion-shape-rounded, 6px) var(--accordion-shape-rounded, 6px) 0 0;
-        }
-        &:last-child {
-          border-radius: 0 0 var(--accordion-shape-rounded, 6px) var(--accordion-shape-rounded, 6px);
-        }
-      }
-    }
-  }
-}
-.accordion-item {
-  min-width: 170px;
-  display: flex;
-  flex-flow: row wrap;
-  gap: 14px;
-  &__title {
-    flex: 1;
-  }
-  &__icon {
-    align-self: flex-start;
-    transform-origin: 50% 50%;
-    transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
-  }
-  &__content {
-    width: 100%;
-  }
-}
-.accordion-item {
-  &_shape {
-    &_rounded {
-      border-radius: var(--accordion-item-shape-rounded, 100px);
-    }
-  }
-}
-.accordion-item {
-  &_size {
-    @each $size in xs, s, m, l, xl, xxl {
-      &_$(size) {
-        padding: var(--accordion-item-size-$(size)-padding);
-      }
-    }
-  }
-}
-.accordion-item {
-  &&_state_open {
-    ^&__icon {
-      transform: rotate(180deg);
-    }
-  }
-}
+@import './css/accordion.css';
+@import './css/accordion_direction.css';
+@import './css/accordion_shape.css';
+
+@import './css/accordion-item.css';
+@import './css/accordion-item_shape.css';
+@import './css/accordion-item_size.css';
+@import './css/accordion-item_state_open.css';
+
 :root {
   --accordion-item-size-xs-padding: 10px 8px;
   --accordion-item-size-l-padding: 14px 12px;
 }
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjY29yZGlvbi9BY2NvcmRpb24uY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkFjY29yZGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9hY2NvcmRpb24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL2FjY29yZGlvbl9kaXJlY3Rpb24uY3NzJztcbkBpbXBvcnQgJy4vY3NzL2FjY29yZGlvbl9zaGFwZS5jc3MnO1xuXG5AaW1wb3J0ICcuL2Nzcy9hY2NvcmRpb24taXRlbS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvYWNjb3JkaW9uLWl0ZW1fc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2FjY29yZGlvbi1pdGVtX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2FjY29yZGlvbi1pdGVtX3N0YXRlX29wZW4uY3NzJztcblxuOnJvb3Qge1xuICAtLWFjY29yZGlvbi1pdGVtLXNpemUteHMtcGFkZGluZzogMTBweCA4cHg7XG4gIC0tYWNjb3JkaW9uLWl0ZW0tc2l6ZS1sLXBhZGRpbmc6IDE0cHggMTJweDtcbn1cbiJdfQ== */

package/dist/css/components/Avatar/Avatar.css

@@ -1,102 +1,7 @@
-.avatar {
-  &__wrapper {
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    ^&__image {
-      position: relative;
-      overflow: hidden;
-    }
-    ^&__icon {
-      position: absolute;
-      right: var(--avatar-icon-right, 0);
-      bottom: var(--avatar-icon-bottom, 0);
-    }
-  }
-  div&__dropdown {
-    margin: 10px 0 0 0;
-    position: absolute;
-    left: 0;
-    top: 100%;
-    z-index: 100;
-  }
-}
-.avatar {
-  &&_mode {
-    &_skeleton {
-      ^^&__wrapper {
-        background-image: linear-gradient(
-          90deg,
-          var(--color-surface-secondary),
-          var(--color-surface-tertiary),
-          var(--color-surface-secondary)
-        );
-        background-size: 200%;
-        animation: avatar-skeleton 3s infinite linear;
-        ^^^&__name {
-          color: transparent;
-        }
-      }
-    }
-  }
-}
-@keyframes avatar-skeleton {
-  0% {
-    background-position: 200%;
-  }
-  100% {
-    background-position: -200%;
-  }
-}
-.avatar {
-  &_shape {
-    &_circular {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: 50%;
-      }
-    }
-    &_geometric {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: 0;
-      }
-    }
-    &_rounded {
-      ^^&__image,
-      ^^&__wrapper {
-        border-radius: var(--avatar-shape-rounded, 10px);
-      }
-    }
-  }
-}
-.avatar {
-  &_size {
-    @each $size in 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240 {
-      &_$(size) {
-        ^^&__wrapper {
-          width: $(size)px;
-          height: $(size)px;
-          display: flex;
-          justify-content: center;
-          align-items: center;
-          ^^^&__image {
-            width: $(size)px;
-            height: $(size)px;
-          }
-        }
-      }
-    }
-  }
-}
-.avatar {
-  &_status {
-    position: relative;
-    & .dot {
-      position: absolute;
-      right: var(--avatar-dot-position-right, -4px);
-      bottom: var(--avatar-dot-position-bottom, -2px);
-    }
-  }
-}
+@import './css/avatar.css';
+@import './css/avatar_mode_skeleton.css';
+@import './css/avatar_shape.css';
+@import './css/avatar_size.css';
+@import './css/avatar_status.css';
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F2YXRhci9BdmF0YXIuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IkF2YXRhci5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9hdmF0YXIuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2F2YXRhcl9tb2RlX3NrZWxldG9uLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9hdmF0YXJfc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2F2YXRhcl9zaXplLmNzcyc7XG5AaW1wb3J0ICcuL2Nzcy9hdmF0YXJfc3RhdHVzLmNzcyc7XG4iXX0= */

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

@@ -1,69 +1,9 @@
-.badge {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.badge {
-  &&_mode {
-    &_skeleton {
-      background-image: linear-gradient(
-        90deg,
-        var(--color-surface-secondary),
-        var(--color-surface-tertiary),
-        var(--color-surface-secondary)
-      );
-      background-size: 200%;
-      animation: badge-skeleton 3s infinite linear;
-      & .text {
-        color: transparent;
-      }
-    }
-  }
-}
-@keyframes badge-skeleton {
-  0% {
-    background-position: 200%;
-  }
-  100% {
-    background-position: -200%;
-  }
-}
-.badge {
-  &_shape {
-    &_rounded {
-      border-radius: var(--badge-shape-rounded, 6px);
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
-.badge {
-  &_size {
-    @each $size in xxs, xs, s, m, l, xl, xxl {
-      &_$(size) {
-        min-width: var(--badge-width-size-$(size));
-        min-height: var(--badge-height-size-$(size));
-        max-width: var(--badge-width-size-$(size));
-        max-height: var(--badge-height-size-$(size));
-      }
-    }
-  }
-}
-.badge {
-  &_type_status {
-    &.badge_size {
-      @each $size in xxs, xs, s, m, l, xl, xxl {
-        &_$(size) {
-          min-width: var(--badge-status-width-size-$(size));
-          min-height: var(--badge-status-height-size-$(size));
-          max-width: var(--badge-status-width-size-$(size));
-          max-height: var(--badge-status-height-size-$(size));
-        }
-      }
-    }
-  }
-}
+@import './css/badge.css';
+@import './css/badge_mode_skeleton.css';
+@import './css/badge_shape.css';
+@import './css/badge_size.css';
+@import './css/badge_type_status.css';
+
 :root {
   --badge-width-size-xxs: 16px;
   --badge-height-size-xxs: 16px;
@@ -80,3 +20,5 @@
   --badge-width-size-xxl: 48px;
   --badge-height-size-xxl: 48px;
 }
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0JhZGdlL0JhZGdlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSIsImZpbGUiOiJCYWRnZS5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyJAaW1wb3J0ICcuL2Nzcy9iYWRnZS5jc3MnO1xuQGltcG9ydCAnLi9jc3MvYmFkZ2VfbW9kZV9za2VsZXRvbi5jc3MnO1xuQGltcG9ydCAnLi9jc3MvYmFkZ2Vfc2hhcGUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2JhZGdlX3NpemUuY3NzJztcbkBpbXBvcnQgJy4vY3NzL2JhZGdlX3R5cGVfc3RhdHVzLmNzcyc7XG5cbjpyb290IHtcbiAgLS1iYWRnZS13aWR0aC1zaXplLXh4czogMTZweDtcbiAgLS1iYWRnZS1oZWlnaHQtc2l6ZS14eHM6IDE2cHg7XG4gIC0tYmFkZ2Utd2lkdGgtc2l6ZS14czogMThweDtcbiAgLS1iYWRnZS1oZWlnaHQtc2l6ZS14czogMThweDtcbiAgLS1iYWRnZS13aWR0aC1zaXplLXM6IDIwcHg7XG4gIC0tYmFkZ2UtaGVpZ2h0LXNpemUtczogMjBweDtcbiAgLS1iYWRnZS13aWR0aC1zaXplLW06IDI0cHg7XG4gIC0tYmFkZ2UtaGVpZ2h0LXNpemUtbTogMjRweDtcbiAgLS1iYWRnZS13aWR0aC1zaXplLWw6IDMycHg7XG4gIC0tYmFkZ2UtaGVpZ2h0LXNpemUtbDogMzJweDtcbiAgLS1iYWRnZS13aWR0aC1zaXplLXhsOiA0MHB4O1xuICAtLWJhZGdlLWhlaWdodC1zaXplLXhsOiA0MHB4O1xuICAtLWJhZGdlLXdpZHRoLXNpemUteHhsOiA0OHB4O1xuICAtLWJhZGdlLWhlaWdodC1zaXplLXh4bDogNDhweDtcbn1cbiJdfQ== */