@dss-kit/ui-kit 0.2.18 → 0.2.19

package/dist/components/controls/MarkdownTextEditor/plugins/SyncMarkdownPlugin/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SyncMarkdownPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/plugins/SyncMarkdownPlugin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/controls/MarkdownTextEditor/plugins/SyncMarkdownPlugin/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/components/controls/MarkdownTextEditor/plugins/index.d.ts

@@ -0,0 +1,4 @@
+export * from './EditablePlugin';
+export * from './ImageRowNodePlugin';
+export * from './SyncMarkdownPlugin';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/MarkdownTextEditor/plugins/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}

package/dist/components/controls/MarkdownTextEditor/themes/editor.theme.d.ts

@@ -0,0 +1,3 @@
+import { EditorThemeClasses } from 'lexical';
+export declare const editorTheme: EditorThemeClasses;
+//# sourceMappingURL=editor.theme.d.ts.map

package/dist/components/controls/MarkdownTextEditor/themes/editor.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor.theme.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/MarkdownTextEditor/themes/editor.theme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA0ClD,eAAO,MAAM,WAAW,EAAE,kBAoBzB,CAAC"}

package/dist/components/controls/MarkdownTextEditor/themes/index.d.ts

@@ -0,0 +1,2 @@
+export * from './editor.theme';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/themes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/MarkdownTextEditor/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/controls/MarkdownTextEditor/transformers/index.d.ts

@@ -0,0 +1,2 @@
+export declare const EDITOR_TRANSFORMERS: import('@lexical/markdown').Transformer[];
+//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/transformers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/MarkdownTextEditor/transformers/index.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,mBAAmB,2CAK/B,CAAC"}

package/dist/components/controls/MarkdownTextEditor/transformers/table.transformer.d.ts

@@ -0,0 +1,3 @@
+import { MultilineElementTransformer } from '@lexical/markdown';
+export declare const TABLE_MARKDOWN_TRANSFORMER: MultilineElementTransformer;
+//# sourceMappingURL=table.transformer.d.ts.map

package/dist/components/controls/MarkdownTextEditor/transformers/table.transformer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.transformer.d.ts","sourceRoot":"","sources":["../../../../../src/components/controls/MarkdownTextEditor/transformers/table.transformer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,mBAAmB,CAAC;AAiBrE,eAAO,MAAM,0BAA0B,EAAE,2BAuFxC,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,6 @@
 export * from './components';
+export type { UiKitLocaleFull, UiKitLocalePartial } from './locale';
+export { UiKitLocaleProvider } from './locale';
 export * from './providers';
 export * from './types';
 export * from './utils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,cAAc,CAAC;AAC7B,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.context.d.ts

@@ -0,0 +1,3 @@
+export declare const UiKitLocaleContext: import('react').Context<import('../..').DeepPartial<import('./UiKitLocaleProvider.types').UiKitLocaleFull> | null>;
+export declare function useUiKitLocaleContext(): import('../..').DeepPartial<import('./UiKitLocaleProvider.types').UiKitLocaleFull> | null;
+//# sourceMappingURL=UiKitLocaleProvider.context.d.ts.map

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiKitLocaleProvider.context.d.ts","sourceRoot":"","sources":["../../../src/locale/UiKitLocaleProvider/UiKitLocaleProvider.context.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB,oHAE9B,CAAC;AAEF,wBAAgB,qBAAqB,8FAEpC"}

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.d.ts

@@ -0,0 +1,3 @@
+import { UiKitLocaleProviderProps } from './UiKitLocaleProvider.types';
+export declare function UiKitLocaleProvider({ children, locale, }: UiKitLocaleProviderProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UiKitLocaleProvider.d.ts.map

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiKitLocaleProvider.d.ts","sourceRoot":"","sources":["../../../src/locale/UiKitLocaleProvider/UiKitLocaleProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAE5E,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,MAAM,GACP,EAAE,wBAAwB,2CAM1B"}

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.types.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+import { MARKDOWN_TEXT_EDITOR_LOCALE_KEY, MarkdownTextEditorLocale } from '../../components/controls/MarkdownTextEditor';
+import { DeepPartial } from '../../types';
+export interface UiKitLocaleFull {
+    [MARKDOWN_TEXT_EDITOR_LOCALE_KEY]: MarkdownTextEditorLocale;
+}
+export type UiKitLocalePartial = DeepPartial<UiKitLocaleFull>;
+export interface UiKitLocaleProviderProps extends PropsWithChildren {
+    locale?: UiKitLocalePartial;
+}
+//# sourceMappingURL=UiKitLocaleProvider.types.d.ts.map

package/dist/locale/UiKitLocaleProvider/UiKitLocaleProvider.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiKitLocaleProvider.types.d.ts","sourceRoot":"","sources":["../../../src/locale/UiKitLocaleProvider/UiKitLocaleProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EACV,+BAA+B,EAC/B,wBAAwB,EACzB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,CAAC,+BAA+B,CAAC,EAAE,wBAAwB,CAAC;CAC7D;AACD,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,eAAe,CAAC,CAAC;AAE9D,MAAM,WAAW,wBAAyB,SAAQ,iBAAiB;IACjE,MAAM,CAAC,EAAE,kBAAkB,CAAC;CAC7B"}

package/dist/locale/UiKitLocaleProvider/index.d.ts

@@ -0,0 +1,4 @@
+export * from './UiKitLocaleProvider.context';
+export * from './UiKitLocaleProvider.tsx';
+export * from './UiKitLocaleProvider.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/locale/UiKitLocaleProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/locale/UiKitLocaleProvider/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC"}

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.d.ts

@@ -0,0 +1,11 @@
+import { UiKitLocaleFull } from '../../UiKitLocaleProvider';
+import { ComponentLocaleProviderProps, CreateComponentLocaleContextProps, UseLocaleProviderValueProps } from './createComponentLocaleContext.types';
+export declare function createComponentLocaleContext<K extends keyof UiKitLocaleFull, T extends UiKitLocaleFull[K]>({ localeKey, defaultLocale }: CreateComponentLocaleContextProps<K, T>): {
+    Context: import('react').Context<T>;
+    useComposeLocaleProviderValue: (props?: UseLocaleProviderValueProps<K, T>) => {
+        value: T;
+    };
+    useLocale: () => T;
+    Provider: ({ children, locale: propsLocale, }: ComponentLocaleProviderProps<K, T>) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=createComponentLocaleContext.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentLocaleContext.d.ts","sourceRoot":"","sources":["../../../../src/locale/factories/createComponentLocaleContext/createComponentLocaleContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,OAAO,KAAK,EACV,4BAA4B,EAC5B,iCAAiC,EACjC,2BAA2B,EAC5B,MAAM,sCAAsC,CAAC;AAE9C,wBAAgB,4BAA4B,CAC1C,CAAC,SAAS,MAAM,eAAe,EAC/B,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,EAC5B,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,iCAAiC,CAAC,CAAC,EAAE,CAAC,CAAC;;4CAI3D,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;;;;mDAiCxC,4BAA4B,CAAC,CAAC,EAAE,CAAC,CAAC;EActC"}

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.types.d.ts

@@ -0,0 +1,14 @@
+import { PropsWithChildren } from 'react';
+import { DeepPartial } from '../../../types';
+import { UiKitLocaleFull } from '../../UiKitLocaleProvider';
+export interface CreateComponentLocaleContextProps<K extends keyof UiKitLocaleFull, T extends UiKitLocaleFull[K]> {
+    defaultLocale: T;
+    localeKey: K;
+}
+export interface UseLocaleProviderValueProps<K extends keyof UiKitLocaleFull, T extends UiKitLocaleFull[K]> {
+    extraLocale?: DeepPartial<T>;
+}
+export interface ComponentLocaleProviderProps<K extends keyof UiKitLocaleFull, T extends UiKitLocaleFull[K]> extends PropsWithChildren {
+    locale?: DeepPartial<T>;
+}
+//# sourceMappingURL=createComponentLocaleContext.types.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/createComponentLocaleContext.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponentLocaleContext.types.d.ts","sourceRoot":"","sources":["../../../../src/locale/factories/createComponentLocaleContext/createComponentLocaleContext.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,iCAAiC,CAChD,CAAC,SAAS,MAAM,eAAe,EAC/B,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC;IAE5B,aAAa,EAAE,CAAC,CAAC;IACjB,SAAS,EAAE,CAAC,CAAC;CACd;AAED,MAAM,WAAW,2BAA2B,CAC1C,CAAC,SAAS,MAAM,eAAe,EAC/B,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC;IAE5B,WAAW,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,4BAA4B,CAC3C,CAAC,SAAS,MAAM,eAAe,EAC/B,CAAC,SAAS,eAAe,CAAC,CAAC,CAAC,CAC5B,SAAQ,iBAAiB;IACzB,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;CACzB"}

package/dist/locale/factories/createComponentLocaleContext/index.d.ts

@@ -0,0 +1,3 @@
+export * from './createComponentLocaleContext';
+export type * from './createComponentLocaleContext.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/locale/factories/createComponentLocaleContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/locale/factories/createComponentLocaleContext/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,mBAAmB,sCAAsC,CAAC"}

package/dist/locale/factories/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createComponentLocaleContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/locale/factories/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/locale/factories/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC"}

package/dist/locale/index.d.ts

@@ -0,0 +1,3 @@
+export * from './factories';
+export * from './UiKitLocaleProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/locale/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/locale/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC"}

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts

@@ -1,3 +1,3 @@
-import { IThemeProviderProps } from './ThemeProviderScoped.types.ts';
+import { IThemeProviderProps } from './ThemeProviderScoped.types';
 export declare function ThemeProviderScoped({ className, children, theme, }: IThemeProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ThemeProviderScoped.d.ts.map

package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProviderScoped.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAE1E,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,KAAK,GACN,EAAE,mBAAmB,2CAmBrB"}
+{"version":3,"file":"ThemeProviderScoped.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,wBAAgB,mBAAmB,CAAC,EAClC,SAAS,EACT,QAAQ,EACR,KAAK,GACN,EAAE,mBAAmB,2CAmBrB"}

package/dist/styles/utils/breakpoints/base.scss

@@ -1,11 +1,11 @@
-@mixin breakpoint($breakpoint, $direction: max) {
-  @if $direction == min {
-    @media (min-width: $breakpoint) {
-      @content;
-    }
-  } @else if $direction == max {
-    @media (max-width: ($breakpoint - 1px)) {
-      @content;
-    }
-  }
-}
+@mixin breakpoint($breakpoint, $direction: max) {
+  @if $direction == min {
+    @media (min-width: $breakpoint) {
+      @content;
+    }
+  } @else if $direction == max {
+    @media (max-width: ($breakpoint - 1px)) {
+      @content;
+    }
+  }
+}

package/dist/styles/utils/breakpoints/index.scss

@@ -1,3 +1,3 @@
-@forward "base";
-@forward "screen";
-@forward "semantic";
+@forward "base";
+@forward "screen";
+@forward "semantic";

package/dist/styles/utils/breakpoints/screen.scss

@@ -1,61 +1,61 @@
-@use "./base.scss";
-
-@mixin bp-1920($direction: max) {
-  @include base.breakpoint(1920px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1440($direction: max) {
-  @include base.breakpoint(1440px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1280($direction: max) {
-  @include base.breakpoint(1280px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1200($direction: max) {
-  @include base.breakpoint(1200px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-1024($direction: max) {
-  @include base.breakpoint(1024px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-992($direction: max) {
-  @include base.breakpoint(992px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-768($direction: max) {
-  @include base.breakpoint(768px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-576($direction: max) {
-  @include base.breakpoint(576px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-480($direction: max) {
-  @include base.breakpoint(480px, $direction) {
-    @content;
-  }
-}
-
-@mixin bp-375($direction: max) {
-  @include base.breakpoint(375px, $direction) {
-    @content;
-  }
-}
+@use "./base.scss";
+
+@mixin bp-1920($direction: max) {
+  @include base.breakpoint(1920px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1440($direction: max) {
+  @include base.breakpoint(1440px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1280($direction: max) {
+  @include base.breakpoint(1280px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1200($direction: max) {
+  @include base.breakpoint(1200px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-1024($direction: max) {
+  @include base.breakpoint(1024px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-992($direction: max) {
+  @include base.breakpoint(992px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-768($direction: max) {
+  @include base.breakpoint(768px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-576($direction: max) {
+  @include base.breakpoint(576px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-480($direction: max) {
+  @include base.breakpoint(480px, $direction) {
+    @content;
+  }
+}
+
+@mixin bp-375($direction: max) {
+  @include base.breakpoint(375px, $direction) {
+    @content;
+  }
+}

package/dist/styles/utils/breakpoints/semantic.scss

@@ -1,31 +1,31 @@
-@use "./screen.scss";
-
-@mixin bp-xs($direction: max) {
-  @include screen.bp-480($direction) {
-    @content;
-  }
-}
-
-@mixin bp-sm($direction: max) {
-  @include screen.bp-576($direction) {
-    @content;
-  }
-}
-
-@mixin bp-md($direction: max) {
-  @include screen.bp-768($direction) {
-    @content;
-  }
-}
-
-@mixin bp-lg($direction: max) {
-  @include screen.bp-992($direction) {
-    @content;
-  }
-}
-
-@mixin bp-xl($direction: max) {
-  @include screen.bp-1200($direction) {
-    @content;
-  }
-}
+@use "./screen.scss";
+
+@mixin bp-xs($direction: max) {
+  @include screen.bp-480($direction) {
+    @content;
+  }
+}
+
+@mixin bp-sm($direction: max) {
+  @include screen.bp-576($direction) {
+    @content;
+  }
+}
+
+@mixin bp-md($direction: max) {
+  @include screen.bp-768($direction) {
+    @content;
+  }
+}
+
+@mixin bp-lg($direction: max) {
+  @include screen.bp-992($direction) {
+    @content;
+  }
+}
+
+@mixin bp-xl($direction: max) {
+  @include screen.bp-1200($direction) {
+    @content;
+  }
+}

package/dist/styles/utils/fonts/font-family.scss

@@ -1,3 +1,3 @@
-@mixin Inter {
-  font-family: Inter, sans-serif;
-}
+@mixin Inter {
+  font-family: Inter, sans-serif;
+}

package/dist/styles/utils/fonts/index.scss

@@ -1 +1 @@
-@forward "font-family";
+@forward "font-family";

package/dist/styles/utils/index.scss

@@ -1,5 +1,5 @@
-@forward "breakpoints";
-@forward "fonts";
-@forward "size";
-@forward "typography";
-@forward "style";
+@forward "breakpoints";
+@forward "fonts";
+@forward "size";
+@forward "typography";
+@forward "style";

package/dist/styles/utils/size/index.scss

@@ -1 +1 @@
-@forward "modifiers";
+@forward "modifiers";

package/dist/styles/utils/size/modifiers.scss

@@ -1,41 +1,41 @@
-@mixin xxs-modifier {
-  &_2xsSize {
-    @content;
-  }
-}
-
-@mixin xs-modifier {
-  &_xsSize {
-    @content;
-  }
-}
-
-@mixin sm-modifier {
-  &_smSize {
-    @content;
-  }
-}
-
-@mixin md-modifier {
-  &_mdSize {
-    @content;
-  }
-}
-
-@mixin lg-modifier {
-  &_lgSize {
-    @content;
-  }
-}
-
-@mixin xl-modifier {
-  &_xlSize {
-    @content;
-  }
-}
-
-@mixin xxl-modifier {
-  &_2xlSize {
-    @content;
-  }
+@mixin xxs-modifier {
+  &_2xsSize {
+    @content;
+  }
+}
+
+@mixin xs-modifier {
+  &_xsSize {
+    @content;
+  }
+}
+
+@mixin sm-modifier {
+  &_smSize {
+    @content;
+  }
+}
+
+@mixin md-modifier {
+  &_mdSize {
+    @content;
+  }
+}
+
+@mixin lg-modifier {
+  &_lgSize {
+    @content;
+  }
+}
+
+@mixin xl-modifier {
+  &_xlSize {
+    @content;
+  }
+}
+
+@mixin xxl-modifier {
+  &_2xlSize {
+    @content;
+  }
 }

package/dist/styles/utils/style/index.scss

@@ -1 +1 @@
-@forward "variants";
+@forward "variants";

package/dist/styles/utils/style/variants.scss

@@ -1,34 +1,34 @@
-@mixin style-variant-text($map, $pseudo-class: null, $postfix: "") {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      color: $color;
-    }
-  }
-}
-
-@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: "") {
-  border: $width solid transparent;
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      border-color: $color;
-    }
-  }
-}
-
-@mixin style-variant-bg($map, $pseudo-class: null, $postfix: "") {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      background-color: $color;
-    }
-  }
-}
-
-@mixin style-variant-svg($map, $pseudo-class: null, $postfix: "") {
-  @each $style, $color in $map {
-    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
-      svg {
-        color: $color;
-      }
-    }
-  }
-}
+@mixin style-variant-text($map, $pseudo-class: null, $postfix: "") {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      color: $color;
+    }
+  }
+}
+
+@mixin style-variant-border($width: 1px, $map, $pseudo-class: null, $postfix: "") {
+  border: $width solid transparent;
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      border-color: $color;
+    }
+  }
+}
+
+@mixin style-variant-bg($map, $pseudo-class: null, $postfix: "") {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      background-color: $color;
+    }
+  }
+}
+
+@mixin style-variant-svg($map, $pseudo-class: null, $postfix: "") {
+  @each $style, $color in $map {
+    &_#{$style}#{$postfix}#{if($pseudo-class, ':' + $pseudo-class, '')} {
+      svg {
+        color: $color;
+      }
+    }
+  }
+}