npm - @salutejs/sdds-serv - Versions diffs - 0.330.0-canary.2362.19765218937.0 → 0.330.0-canary.2362.19924292775.0 - Mend

@salutejs/sdds-serv 0.330.0-canary.2362.19765218937.0 → 0.330.0-canary.2362.19924292775.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (370) hide show

package/components/Mask/Mask.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -16,9 +16,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -41,6 +38,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -76,7 +74,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -94,9 +92,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -119,6 +114,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -156,7 +152,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -174,9 +170,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -199,6 +192,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -234,7 +228,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -252,9 +246,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -277,6 +268,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -314,7 +306,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -332,9 +324,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -357,6 +346,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -392,7 +382,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -410,9 +400,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -435,6 +422,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -472,7 +460,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -490,9 +478,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -515,6 +500,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -550,7 +536,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipType?: never;
     chipView?: never;
     chipValidator?: never;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref"> | Omit<Omit<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -568,9 +554,6 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         inner: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         outer: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    clear: {
-        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     chipView: {
         default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -593,6 +576,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
 }> & {
+    appearance?: "default" | "clear";
     size?: string;
     view?: string;
     readOnly?: boolean;
@@ -630,4 +614,4 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
     chipValidator?: (value: string) => {
         view?: string;
     };
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLElement> & import("@salutejs/plasma-new-hope/types/components/Mask/Mask.types").MaskProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;

package/components/Modal/Modal.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.config.js","sources":["../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: var(--overlay-soft);\n ${modalTokens.modalBodyBackground}: var(--surface-solid-card);\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}: 2rem;\n ${modalTokens.modalContentPadding}: 0.625rem;\n ${modalTokens.modalCloseButtonRadius}: 0.375rem;\n ${modalTokens.modalCloseButtonColor}: var(--text-secondary);\n ${modalTokens.modalCloseButtonHoverColor}: var(--text-secondary-hover);\n ${modalTokens.modalCloseButtonActiveColor}: var(--text-secondary-active);\n ${modalTokens.modalOutlineFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE~~,SAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,~~SAAO~~,~~EAAA,UAAA~~;AAaX~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"Modal.config.js","sources":["../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: var(--overlay-soft);\n ${modalTokens.modalBodyBackground}: var(--surface-solid-card);\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}: 2rem;\n ${modalTokens.modalContentPadding}: 0.625rem;\n ${modalTokens.modalCloseButtonRadius}: 0.375rem;\n ${modalTokens.modalCloseButtonColor}: var(--text-secondary);\n ${modalTokens.modalCloseButtonHoverColor}: var(--text-secondary-hover);\n ${modalTokens.modalCloseButtonActiveColor}: var(--text-secondary-active);\n ${modalTokens.modalOutlineFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAAA,EAAO;AAaX;AACJ;AACJ;;;;"}

package/components/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../src-css/components/Modal/Modal.tsx"],"sourcesContent":["import { modalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config } from './Modal.config';\n\nimport { ModalProps } from '.';\n\nconst mergedConfig = mergeConfig(modalConfig, config);\nconst ModalComponent = component(mergedConfig) as ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;\n\n/*\n Модальное окно.\n */\nexport const Modal = ModalComponent;\n"],"names":["mergedConfig","mergeConfig","modalConfig","config","ModalComponent","component","Modal"],"mappings":";;;;;;;AAOA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC~~,CAAA~~;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAA0E~~,CAAA~~;;AAEvH;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}
1	+ {"version":3,"file":"Modal.js","sources":["../../src-css/components/Modal/Modal.tsx"],"sourcesContent":["import { modalConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\nimport type { ForwardRefExoticComponent, RefAttributes } from 'react';\n\nimport { config } from './Modal.config';\n\nimport { ModalProps } from '.';\n\nconst mergedConfig = mergeConfig(modalConfig, config);\nconst ModalComponent = component(mergedConfig) as ForwardRefExoticComponent<ModalProps & RefAttributes<HTMLDivElement>>;\n\n/*\n Модальное окно.\n */\nexport const Modal = ModalComponent;\n"],"names":["mergedConfig","mergeConfig","modalConfig","config","ModalComponent","component","Modal"],"mappings":";;;;;;;AAOA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,yBAAW,EAAEC,mBAAM,CAAC;AACrD,IAAMC,cAAc,gBAAGC,uBAAS,CAACL,YAAY,CAA0E;;AAEvH;AACA;AACA;AACO,IAAMM,KAAK,GAAGF;;;;"}

package/components/Note/Note.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Note.config.js","sources":["../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n ${tokens.titlePaddingRight}: 1.5rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE~~,GAAA~~;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,~~EAIC~~,~~SAAA~~;AACDC,MAAAA,QAAQ,~~EAIP~~,~~SAAA~~;AACDC,MAAAA,OAAO,~~EAIN~~,~~SAAA~~;AACDC,MAAAA,QAAQ,~~EAIP~~,~~UAAA~~;AACDC,MAAAA,IAAI,EAAA~~,SAAA~~;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,~~EAiCA~~,~~SAAA~~;AACDC,MAAAA,CAAC,~~EAiCA~~,~~UAAA~~;AACDC,MAAAA,CAAC,~~EAiCA~~,~~UAAA~~;AACDC,MAAAA,EAAE,EAAA~~,SAAA~~;AAkCN~~,KAAA~~;AACJ~~,GAAA~~;AACJ;;;;"}
1	+ {"version":3,"file":"Note.config.js","sources":["../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-secondary);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-primary);\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-positive);\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-warning);\n `,\n negative: css`\n ${tokens.background}: var(--surface-transparent-negative);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-negative);\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: var(--text-primary);\n ${tokens.contentBeforeColor}: var(--text-info);\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-l-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-l-line-height);\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-l-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-l-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-l-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-l-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-l-line-height);\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-m-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-m-line-height);\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-m-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-m-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-m-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-m-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-m-line-height);\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-s-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-s-line-height);\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-s-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-s-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-s-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-s-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-s-line-height);\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: var(--text-secondary);\n ${tokens.closeIconColorOnHover}: var(--text-secondary-hover);\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n ${tokens.titlePaddingRight}: 1.5rem;\n\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,EAAE,EAAA;AAkCN;AACJ;AACJ;;;;"}

package/components/Note/Note.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Note.js","sources":["../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC~~,CAAA~~;IAEvCC,IAAI,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
1	+ {"version":3,"file":"Note.js","sources":["../../src-css/components/Note/Note.ts"],"sourcesContent":["import { noteConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Note.config';\n\nconst mergedConfig = mergeConfig(noteConfig, config);\n\nexport const Note = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","noteConfig","config","Note","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,wBAAU,EAAEC,kBAAM,CAAC;IAEvCC,IAAI,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/components/Notification/Notification.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.config.js","sources":["../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.titleColor}: var(--text-primary);\n ${notificationTokens.contentLeftIconColor}: var(--text-primary);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n negative: css`\n ${notificationTokens.titleColor}: var(--text-negative);\n ${notificationTokens.contentLeftIconColor}: var(--text-negative);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n positive: css`\n ${notificationTokens.titleColor}: var(--text-positive);\n ${notificationTokens.contentLeftIconColor}: var(--text-positive);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n warning: css`\n ${notificationTokens.titleColor}: var(--text-warning);\n ${notificationTokens.contentLeftIconColor}: var(--text-warning);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n info: css`\n ${notificationTokens.titleColor}: var(--text-info);\n ${notificationTokens.contentLeftIconColor}: var(--text-info);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n },\n layout: {\n horizontal: css`\n ${notificationTokens.width}: 25rem;\n ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;\n `,\n vertical: css`\n ${notificationTokens.width}: 15rem;\n ${notificationTokens.padding}: 0.375rem;\n `,\n },\n closeIconType: {\n default: css`\n ${notificationTokens.closeIconButtonSize}: 1.5rem;\n ${notificationTokens.closeIconSize}: 1.5rem;\n `,\n },\n size: {\n xs: css`\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.padding}: 0.375rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.buttonsMarginLeft}: 0rem;\n `,\n xxs: css`\n ${notificationTokens.closeIconTop}: 0.8125rem;\n ${notificationTokens.closeIconRight}: 1rem;\n\n ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;\n\n ${notificationTokens.contentPaddingTop}: 0.25rem;\n ${notificationTokens.contentPaddingRight}: 0rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0rem;\n\n ${notificationTokens.buttonsMarginLeft}: 2rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","closeIconType","variations","default","negative","positive","warning","info","layout","horizontal","vertical","size","xs","xxs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE,SAAA;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAqDC,SAAA;AACDC,MAAAA,QAAQ,EAqDP,SAAA;AACDC,MAAAA,QAAQ,EAqDP,UAAA;AACDC,MAAAA,OAAO,EAqDN,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAsDP;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAGT,SAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAIX;AACDT,IAAAA,aAAa,EAAE;MACXE,SAAO,EAAA,SAAA;KAIV;AACDQ,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAaD,SAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;AAcP,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Notification.config.js","sources":["../../src-css/components/Notification/Notification.config.ts"],"sourcesContent":["import { css, notificationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n closeIconType: 'default',\n },\n variations: {\n view: {\n default: css`\n ${notificationTokens.titleColor}: var(--text-primary);\n ${notificationTokens.contentLeftIconColor}: var(--text-primary);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n negative: css`\n ${notificationTokens.titleColor}: var(--text-negative);\n ${notificationTokens.contentLeftIconColor}: var(--text-negative);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n positive: css`\n ${notificationTokens.titleColor}: var(--text-positive);\n ${notificationTokens.contentLeftIconColor}: var(--text-positive);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n warning: css`\n ${notificationTokens.titleColor}: var(--text-warning);\n ${notificationTokens.contentLeftIconColor}: var(--text-warning);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n info: css`\n ${notificationTokens.titleColor}: var(--text-info);\n ${notificationTokens.contentLeftIconColor}: var(--text-info);\n ${notificationTokens.contentColor}: var(--text-secondary);\n ${notificationTokens.background}: var(--surface-transparent-card);\n ${notificationTokens.borderRadius}: 0.75rem;\n ${notificationTokens.padding}: 0.375rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.contentPaddingTopWithoutIcon}: 0.25rem;\n ${notificationTokens.horizontalLayoutRightPaddingWithoutCloseIcon}: 1rem;\n\n ${notificationTokens.textboxPaddingTop}: 0.1875rem;\n ${notificationTokens.textboxPaddingRight}: 0.125rem;\n ${notificationTokens.textboxPaddingBottom}: 0.375rem;\n ${notificationTokens.textboxPaddingLeft}: 0.125rem;\n\n ${notificationTokens.textboxPaddingRightWithCloseIcon}: 1.625rem;\n ${notificationTokens.textboxGap}: 0.25rem;\n\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.buttonsMarginTop}: 0.375rem;\n\n ${notificationTokens.contentLeftIconSize}: 1.5rem;\n ${notificationTokens.contentLeftIconMargin}: 0.375rem;\n ${notificationTokens.contentTopIconMargin}: 0.5rem;\n\n ${notificationTokens.contentFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.contentFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.contentFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.contentFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${notificationTokens.contentFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.contentFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.titleFontFamily}: var(--plasma-typo-body-s-font-family);\n ${notificationTokens.titleFontSize}: var(--plasma-typo-body-s-font-size);\n ${notificationTokens.titleFontStyle}: var(--plasma-typo-body-s-font-style);\n ${notificationTokens.titleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${notificationTokens.titleFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${notificationTokens.titleFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${notificationTokens.closeIconColor}: var(--text-tertiary);\n ${notificationTokens.closeIconColorOnHover}: var(--text-primary);\n\n ${notificationTokens.horizontalLayoutGap}: 0.375rem;\n ${notificationTokens.horizontalLayoutLeftIconMargin}: 0.75rem;\n ${notificationTokens.paddingOneLineTextbox}: 0.8125rem 0.5rem 0.8125rem 0.875rem;\n `,\n },\n layout: {\n horizontal: css`\n ${notificationTokens.width}: 25rem;\n ${notificationTokens.horizontalLayoutPadding}: 1rem 0.5rem 1rem 0.875rem;\n `,\n vertical: css`\n ${notificationTokens.width}: 15rem;\n ${notificationTokens.padding}: 0.375rem;\n `,\n },\n closeIconType: {\n default: css`\n ${notificationTokens.closeIconButtonSize}: 1.5rem;\n ${notificationTokens.closeIconSize}: 1.5rem;\n `,\n },\n size: {\n xs: css`\n ${notificationTokens.closeIconTop}: 0.5rem;\n ${notificationTokens.closeIconRight}: 0.5rem;\n\n ${notificationTokens.padding}: 0.375rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0rem;\n\n ${notificationTokens.contentPaddingTop}: 0.125rem;\n ${notificationTokens.contentPaddingRight}: 0.25rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0.25rem;\n\n ${notificationTokens.buttonsMarginLeft}: 0rem;\n `,\n xxs: css`\n ${notificationTokens.closeIconTop}: 0.8125rem;\n ${notificationTokens.closeIconRight}: 1rem;\n\n ${notificationTokens.padding}: 0.5625rem 1rem 1rem 1rem;\n ${notificationTokens.textboxPaddingTopWithTopIcon}: 0.1875rem;\n\n ${notificationTokens.contentPaddingTop}: 0.25rem;\n ${notificationTokens.contentPaddingRight}: 0rem;\n ${notificationTokens.contentPaddingBottom}: 0rem;\n ${notificationTokens.contentPaddingLeft}: 0rem;\n\n ${notificationTokens.buttonsMarginLeft}: 2rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","closeIconType","variations","default","negative","positive","warning","info","layout","horizontal","vertical","size","xs","xxs"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,aAAa,EAAE;GAClB;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAqDN;AACDC,MAAAA,QAAQ,EAAA,SAqDP;AACDC,MAAAA,QAAQ,EAAA,UAqDP;AACDC,MAAAA,OAAO,EAAA,SAqDN;AACDC,MAAAA,IAAI,EAAA;KAsDP;AACDC,IAAAA,MAAM,EAAE;AACJC,MAAAA,UAAU,EAAA,SAGT;AACDC,MAAAA,QAAQ,EAAA;KAIX;AACDT,IAAAA,aAAa,EAAE;MACXE,SAAAA,EAAO;KAIV;AACDQ,IAAAA,IAAI,EAAE;AACFC,MAAAA,EAAE,EAAA,SAaD;AACDC,MAAAA,GAAG,EAAA;AAcP;AACJ;AACJ;;;;"}

package/components/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n NotificationProps as NotificationPropsNewHope,\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' \| 'view' \| 'layout' \| 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC~~,CAAA~~;IAE/CC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY~~,EAAC~~;~~AAMnD~~,IAAMM,YAAY,GAAGF~~,oBAAmE~~;~~IAElFG~~,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,~~KAAG,~~KAAA,~~CAAA~~,~~GAAA~~,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB~~,CAAA~~;AAC/D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACb,IAAAA,MAAM,EAAEH,YAAa;AAACW,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA~~,kBAAAA~~;AAAmB,GAAA,EACtGJ,QACK,CAAC~~,CAAA~~;AAEnB;;;;;;"}
1	+ {"version":3,"file":"Notification.js","sources":["../../src-css/components/Notification/Notification.tsx"],"sourcesContent":["import React, { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';\nimport {\n NotificationProps as NotificationPropsNewHope,\n NotificationPlacement,\n notificationConfig,\n NotificationsProvider as Provider,\n component,\n mergeConfig,\n} from '@salutejs/plasma-new-hope';\n\nimport { config } from './Notification.config';\n\nexport type { NotificationPlacement };\n\nconst mergedConfig = mergeConfig(notificationConfig, config);\n\nexport const NotificationNewHope = component(mergedConfig);\n\ntype ConfigProps = 'size' \| 'view' \| 'layout' \| 'closeIconType';\ntype NotificationProps = Pick<ComponentProps<typeof NotificationNewHope>, ConfigProps> &\n Omit<NotificationPropsNewHope, ConfigProps>;\n\nexport const Notification = NotificationNewHope as ForwardRefExoticComponent<NotificationProps>;\n\nexport const NotificationsProvider: React.FC<{\n children: ReactNode;\n frame?: string;\n placement?: NotificationPlacement;\n UNSAFE_SSR_ENABLED?: boolean;\n}> = ({ children, frame = 'document', placement, UNSAFE_SSR_ENABLED }) => {\n return (\n <Provider config={mergedConfig} frame={frame} placement={placement} UNSAFE_SSR_ENABLED={UNSAFE_SSR_ENABLED}>\n {children}\n </Provider>\n );\n};\n"],"names":["mergedConfig","mergeConfig","notificationConfig","config","NotificationNewHope","component","Notification","NotificationsProvider","_ref","children","_ref$frame","frame","placement","UNSAFE_SSR_ENABLED","React","createElement","Provider"],"mappings":";;;;;;;;;;;;AAcA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,gCAAkB,EAAEC,0BAAM,CAAC;IAE/CC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY;AAMlD,IAAMM,YAAY,GAAGF;IAEfG,qBAKX,GAAG,SALQA,qBAKXA,CAAAC,IAAA,EAAwE;AAAA,EAAA,IAAlEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,UAAA,GAAAF,IAAA,CAAEG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,UAAU,GAAAA,UAAA;IAAEE,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAEC,kBAAkB,GAAAL,IAAA,CAAlBK,kBAAkB;AAC/D,EAAA,oBACIC,sBAAA,CAAAC,aAAA,CAACC,mCAAQ,EAAA;AAACb,IAAAA,MAAM,EAAEH,YAAa;AAACW,IAAAA,KAAK,EAAEA,KAAM;AAACC,IAAAA,SAAS,EAAEA,SAAU;AAACC,IAAAA,kBAAkB,EAAEA;AAAmB,GAAA,EACtGJ,QACK,CAAC;AAEnB;;;;;;"}

package/components/NumberInput/NumberInput.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInput.config.js","sources":["../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n l: css`\n ${tokens.rootMinWidth}: 11.75rem;\n ${tokens.iconButtonHeight}: 3.5rem;\n ${tokens.iconButtonWidth}: 3.5rem;\n ${tokens.iconButtonPadding}: 1.5rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.iconButtonRadius}: 0.875rem;\n ${tokens.iconButtonSegmentationRadius}: 0.375rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.875rem;\n ${tokens.textWrapperHeight}: 3.5rem;\n ${tokens.textWrapperPadding}: 1.063rem 1.125rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n xs: css`\n ${tokens.rootMinWidth}: 6.875rem;\n ${tokens.iconButtonHeight}: 2rem;\n ${tokens.iconButtonWidth}: 2rem;\n ${tokens.iconButtonPadding}: 0.75rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.iconButtonRadius}: 0.5rem;\n ${tokens.iconButtonSegmentationRadius}: 0.125rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.5rem;\n ${tokens.textWrapperHeight}: 2rem;\n ${tokens.textWrapperPadding}: 0.563rem 0.625rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","l","m","s","xs","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE,MAAA;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EA0BC,SAAA;AACDC,MAAAA,SAAS,EA0BR,SAAA;AACDC,MAAAA,MAAM,EA2BL,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EA+BA,SAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,CAAC,EA+BA,UAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAgCL;AACDV,IAAAA,KAAK,EAAE;AACHW,MAAAA,QAAQ,EAAO,UAAA;AACfC,MAAAA,MAAM,EAAA,SAAA;KAGT;AACDX,IAAAA,mBAAmB,EAAE;AACjBY,MAAAA,IAAI,EAGH,SAAA;AACDP,MAAAA,KAAK,EAAA,SAAA;KAIR;AACDQ,IAAAA,YAAY,EAAE;AACVX,MAAAA,SAAAA,EAAc,UAAA;AACdY,MAAAA,SAAS,EAAO,SAAA;AAChBC,MAAAA,KAAK,EAAA,SAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"NumberInput.config.js","sources":["../../src-css/components/NumberInput/NumberInput.config.ts"],"sourcesContent":["import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n shape: 'cornered',\n inputBackgroundType: 'fill',\n },\n variations: {\n view: {\n default: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--inverse-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--inverse-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--inverse-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-solid-default);\n\n ${tokens.iconButtonColor}: var(--inverse-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--inverse-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--inverse-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-solid-default-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n secondary: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-transparent-secondary);\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${tokens.iconButtonColorHover}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${tokens.iconButtonColorActive}: var(--text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n accent: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--inverse-text-primary);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--on-dark-text-primary);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--on-dark-text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--on-dark-surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: var(--surface-accent);\n\n ${tokens.iconButtonColor}: var(--on-dark-text-primary);\n ${tokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${tokens.iconButtonColorHover}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--on-dark-text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${tokens.iconButtonColorActive}: var(--inverse-text-primary);\n ${tokens.iconButtonColorSolidActive}: var(--on-dark-text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n clear: css`\n ${tokens.caretColor}: var(--text-accent);\n ${tokens.caretColorSolid}: var(--text-accent);\n ${tokens.errorColor}: var(--text-negative);\n ${tokens.backgroundErrorColor}: var(--surface-transparent-negative);\n\n ${tokens.color}: var(--text-primary);\n ${tokens.colorSolid}: var(--text-primary);\n ${tokens.iconButtonColorSolidHover}: var(--text-primary-hover);\n ${tokens.additionalTextColor}: var(--text-tertiary);\n ${tokens.additionalTextColorSolid}: var(--text-tertiary);\n ${tokens.backgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolidFocus}: var(--surface-transparent-secondary);\n ${tokens.backgroundColorSolid}: transparent;\n\n ${tokens.iconButtonColor}: var(--text-primary);\n ${tokens.iconButtonBackgroundColor}: transparent;\n ${tokens.iconButtonColorHover}: var(--text-primary-hover);\n ${tokens.iconButtonBackgroundColorHover}: transparent;\n ${tokens.iconButtonColorActive}: var(--text-primary-active);\n ${tokens.iconButtonBackgroundColorActive}: transparent;\n\n ${tokens.actionButtonDisabledOpacity}: 0.4;\n\n ${tokens.loaderSpinnerColor}: inherit;\n ${tokens.loaderSpinnerColorSolid}: inherit;\n `,\n },\n size: {\n l: css`\n ${tokens.rootMinWidth}: 11.75rem;\n ${tokens.iconButtonHeight}: 3.5rem;\n ${tokens.iconButtonWidth}: 3.5rem;\n ${tokens.iconButtonPadding}: 1.5rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.iconButtonRadius}: 0.875rem;\n ${tokens.iconButtonSegmentationRadius}: 0.375rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.875rem;\n ${tokens.textWrapperHeight}: 3.5rem;\n ${tokens.textWrapperPadding}: 1.063rem 1.125rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n m: css`\n ${tokens.rootMinWidth}: 10.25rem;\n ${tokens.iconButtonHeight}: 3rem;\n ${tokens.iconButtonWidth}: 3rem;\n ${tokens.iconButtonPadding}: 1.25rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.iconButtonRadius}: 0.75rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.75rem;\n ${tokens.textWrapperHeight}: 3rem;\n ${tokens.textWrapperPadding}: 0.875rem 1rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n s: css`\n ${tokens.rootMinWidth}: 8.75rem;\n ${tokens.iconButtonHeight}: 2.5rem;\n ${tokens.iconButtonWidth}: 2.5rem;\n ${tokens.iconButtonPadding}: 1rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.iconButtonRadius}: 0.625rem;\n ${tokens.iconButtonSegmentationRadius}: 0.25rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.625rem;\n ${tokens.textWrapperHeight}: 2.5rem;\n ${tokens.textWrapperPadding}: 0.688rem 0.875rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1.375rem;\n `,\n xs: css`\n ${tokens.rootMinWidth}: 6.875rem;\n ${tokens.iconButtonHeight}: 2rem;\n ${tokens.iconButtonWidth}: 2rem;\n ${tokens.iconButtonPadding}: 0.75rem;\n ${tokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.iconButtonRadius}: 0.5rem;\n ${tokens.iconButtonSegmentationRadius}: 0.125rem;\n\n ${tokens.inputWrapperMargin}: 0 0.125rem;\n ${tokens.inputWrapperBorderRadius}: 0.5rem;\n ${tokens.textWrapperHeight}: 2rem;\n ${tokens.textWrapperPadding}: 0.563rem 0.625rem;\n\n ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textBeforeMarginRight}: 0.25rem;\n ${tokens.textAfterMarginLeft}: 0.25rem;\n\n ${tokens.loaderSpinnerSize}: 1rem;\n `,\n },\n shape: {\n cornered: css``,\n pilled: css`\n ${tokens.iconButtonRadius}: 50%;\n `,\n },\n inputBackgroundType: {\n fill: css`\n ${tokens.backgroundColor}: var(--surface-transparent-primary);\n ${tokens.backgroundColorHover}: var(--surface-transparent-primary);\n `,\n clear: css`\n ${tokens.backgroundColor}: transparent;\n ${tokens.backgroundColorHover}: transparent;\n `,\n },\n segmentation: {\n default: css``,\n segmented: css``,\n solid: css`\n ${tokens.iconButtonSegmentationRadius}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","inputBackgroundType","variations","default","secondary","accent","clear","l","m","s","xs","cornered","pilled","fill","segmentation","segmented","solid","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,KAAK,EAAE,UAAU;AACjBC,IAAAA,mBAAmB,EAAE;GACxB;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAAO,SA0BN;AACDC,MAAAA,SAAS,EAAA,SA0BR;AACDC,MAAAA,MAAM,EAAA,UA2BL;AACDC,MAAAA,KAAK,EAAA;KA2BR;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,SA+BA;AACDC,MAAAA,CAAC,EAAA,UA+BA;AACDC,MAAAA,CAAC,EAAA,UA+BA;AACDC,MAAAA,EAAE,EAAA;KAgCL;AACDV,IAAAA,KAAK,EAAE;AACHW,MAAAA,QAAQ,EAAA,UAAO;AACfC,MAAAA,MAAM,EAAA;KAGT;AACDX,IAAAA,mBAAmB,EAAE;AACjBY,MAAAA,IAAI,EAAA,SAGH;AACDP,MAAAA,KAAK,EAAA;KAIR;AACDQ,IAAAA,YAAY,EAAE;AACVX,MAAAA,SAAAA,EAAO,UAAO;AACdY,MAAAA,SAAS,EAAA,SAAO;AAChBC,MAAAA,KAAK,EAAA;KAGR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/components/NumberInput/NumberInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberInput.js","sources":["../../src-css/components/NumberInput/NumberInput.ts"],"sourcesContent":["import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './NumberInput.config';\n\nconst mergedConfig = mergeConfig(numberInputConfig, config);\n\nexport const NumberInput = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","numberInputConfig","config","NumberInput","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC~~,CAAA~~;IAE9CC,WAAW,gBAAGC,uBAAS,CAACL,YAAY;;;;"}
1	+ {"version":3,"file":"NumberInput.js","sources":["../../src-css/components/NumberInput/NumberInput.ts"],"sourcesContent":["import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './NumberInput.config';\n\nconst mergedConfig = mergeConfig(numberInputConfig, config);\n\nexport const NumberInput = component(mergedConfig);\n"],"names":["mergedConfig","mergeConfig","numberInputConfig","config","NumberInput","component"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,yBAAM,CAAC;IAE9CC,WAAW,gBAAGC,uBAAS,CAACL,YAAY;;;;"}

package/components/Pagination/Pagination.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.config.js","sources":["../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE,IAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA0BC,UAAA;AACDC,MAAAA,SAAS,EAsBR,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAeC,UAAA;AACDC,MAAAA,SAAS,EAeR,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,UAAA;AACDC,MAAAA,CAAC,EAwCA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAO,UAAA;MACdR,SAAO,EAAA,SAAA;AACX,KAAA;AACJ,GAAA;AACJ;;;;"}
1	+ {"version":3,"file":"Pagination.config.js","sources":["../../src-css/components/Pagination/Pagination.config.ts"],"sourcesContent":["import { css, paginationTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'clear',\n viewCurrentPage: 'secondary',\n size: 'xs',\n },\n variations: {\n view: {\n default: css`\n ${paginationTokens.buttonColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--inverse-text-primary-active);\n ${paginationTokens.buttonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n ${paginationTokens.buttonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.buttonArrowColor}: var(--inverse-text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--inverse-text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--inverse-text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.inputBorderColor}:transparent;\n ${paginationTokens.selectBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n secondary: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-secondary);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n clear: css`\n ${paginationTokens.buttonColor}: var(--text-primary);\n ${paginationTokens.buttonColorHover}: var(--text-primary-hover);\n ${paginationTokens.buttonColorActive}: var(--text-primary-active);\n ${paginationTokens.buttonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${paginationTokens.buttonBackgroundColorActive}: var(--surface-clear);\n ${paginationTokens.buttonHoverColor}: var(--text-primary);\n ${paginationTokens.buttonActiveColor}: var(--text-primary);\n ${paginationTokens.buttonArrowColor}: var(--text-secondary);\n ${paginationTokens.buttonArrowColorHover}: var(--text-secondary-hover);\n ${paginationTokens.buttonArrowColorActive}: var(--text-secondary-hover);\n\n ${paginationTokens.buttonDisabledOpacity}: 0.4;\n\n ${paginationTokens.inputBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.selectBackgroundColor}: var(--surface-solid-card);\n ${paginationTokens.inputBorderColor}: transparent;\n\n ${paginationTokens.paginationColor}: var(--text-primary);\n ${paginationTokens.paginationHelperTextColor}: var(--text-secondary);\n ${paginationTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n viewCurrentPage: {\n default: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-solid-default);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--inverse-text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 80%\n );\n `,\n secondary: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 85%\n );\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-transparent-secondary) 80%\n );\n `,\n clear: css`\n ${paginationTokens.paginationCurrentButtonColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonBackgroundColor}: var(--surface-clear);\n ${paginationTokens.paginationCurrentButtonHoverColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonHoverBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 95%);\n ${paginationTokens.paginationCurrentButtonActiveColor}: var(--text-primary);\n ${paginationTokens.paginationCurrentButtonActiveBackgroundColor}: color-mix(in srgb, var(--text-primary), var(--surface-clear) 90%);\n `,\n },\n size: {\n l: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-l-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-l-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-l-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${paginationTokens.buttonHeight}: 3.5rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2.25rem;\n ${paginationTokens.paginationInputWidth}: 4rem;\n ${paginationTokens.buttonRadius}: 0.875rem;\n ${paginationTokens.paginationIconSize}: 1.2rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.45rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.5rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 1rem 1rem 1rem 1rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.875rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 1rem;\n ${paginationTokens.selectTargetPadding}: 1.5rem 0 1.5rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.875rem;\n ${paginationTokens.inputWidth}: 4rem;\n ${paginationTokens.inputHeight}: 3.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n m: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-m-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-m-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-m-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${paginationTokens.buttonHeight}: 3rem;\n ${paginationTokens.buttonWidth}: 3rem;\n ${paginationTokens.buttonWidthShorter}: 2rem;\n ${paginationTokens.paginationInputWidth}: 3.5rem;\n ${paginationTokens.buttonRadius}: 0.75rem;\n ${paginationTokens.paginationIconSize}: 1.05rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.3rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.375rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.875rem;\n ${paginationTokens.selectTargetPadding}: 1.25rem 0 1.25rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.75rem;\n ${paginationTokens.inputWidth}: 3.5rem;\n ${paginationTokens.inputHeight}: 3rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n s: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-s-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-s-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-s-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${paginationTokens.buttonHeight}: 2.5rem;\n ${paginationTokens.buttonWidth}: 2.5rem;\n ${paginationTokens.buttonWidthShorter}: 1.75rem;\n ${paginationTokens.paginationInputWidth}: 3rem;\n ${paginationTokens.buttonRadius}: 0.625rem;\n ${paginationTokens.paginationIconSize}: 0.9rem;\n ${paginationTokens.paginationIconDoubleSize}: 1.15rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1.5rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.75rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.75rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.75rem;\n ${paginationTokens.selectTargetPadding}: 1rem 0 1rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.625rem;\n ${paginationTokens.inputWidth}: 3rem;\n ${paginationTokens.inputHeight}: 2.5rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n xs: css`\n ${paginationTokens.paginationFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${paginationTokens.paginationFontSize}: var(--plasma-typo-body-xs-font-size);\n ${paginationTokens.paginationFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${paginationTokens.paginationFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${paginationTokens.paginationLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${paginationTokens.paginationLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${paginationTokens.buttonHeight}: 2rem;\n ${paginationTokens.paginationInputWidth}: 2.5rem;\n ${paginationTokens.buttonRadius}: 0.5rem;\n ${paginationTokens.buttonWidth}: 2rem;\n ${paginationTokens.buttonWidthShorter}: 1.5rem;\n ${paginationTokens.paginationIconSize}: 0.75rem;\n ${paginationTokens.paginationIconDoubleSize}: 1rem;\n ${paginationTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;\n\n ${paginationTokens.selectHeight}: auto;\n ${paginationTokens.selectPaddingTop}: 0.125rem;\n ${paginationTokens.selectPaddingRight}: 0.125rem;\n ${paginationTokens.selectPaddingBottom}: 0.125rem;\n ${paginationTokens.selectPaddingLeft}: 0.125rem;\n\n ${paginationTokens.selectItemHeight}: 1rem;\n ${paginationTokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.5rem;\n ${paginationTokens.selectItemContentLeftWidth}: 1.25rem;\n ${paginationTokens.selectItemBackground}: transparent;\n\n ${paginationTokens.selectTargetArrowRight}: 0.5rem;\n ${paginationTokens.selectTargetPadding}: 0.75rem 0 0.75rem;\n ${paginationTokens.selectTargetInnerTop}: 0.5rem;\n ${paginationTokens.selectTargetLabelInnerTop}: 0.375rem;\n\n ${paginationTokens.inputBorderRadius}: 0.5rem;\n ${paginationTokens.inputWidth}: 2.5rem;\n ${paginationTokens.inputHeight}: 2rem;\n ${paginationTokens.inputPadding}: 0 0.625rem;\n ${paginationTokens.inputBorderWidth}: 0.0625rem;\n\n ${paginationTokens.paginationHelperTextGap}: 0.5rem 2.5rem;\n `,\n },\n type: {\n compact: css``,\n default: css``,\n },\n },\n};\n"],"names":["config","defaults","view","viewCurrentPage","size","variations","default","secondary","clear","l","m","s","xs","type","compact"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,eAAe,EAAE,WAAW;AAC5BC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UA0BN;AACDC,MAAAA,SAAS,EAAA,SAsBR;AACDC,MAAAA,KAAK,EAAA;KAuBR;AACDL,IAAAA,eAAe,EAAE;AACbG,MAAAA,SAAAA,EAAO,UAeN;AACDC,MAAAA,SAAS,EAAA,SAeR;AACDC,MAAAA,KAAK,EAAA;KAQR;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,UAwCA;AACDC,MAAAA,CAAC,EAAA,UAwCA;AACDC,MAAAA,CAAC,EAAA,SAwCA;AACDC,MAAAA,EAAE,EAAA;KAyCL;AACDC,IAAAA,IAAI,EAAE;AACFC,MAAAA,OAAO,EAAA,UAAO;MACdR,SAAAA,EAAO;AACX;AACJ;AACJ;;;;"}

package/components/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","sources":["../../src-css/components/Pagination/Pagination.tsx"],"sourcesContent":["import { paginationConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Pagination.config';\n\nconst mergedConfig = mergeConfig(paginationConfig, config);\nconst PaginationComponent = component(mergedConfig);\n\n/*\n Пагинация\n */\nexport const Pagination = PaginationComponent;\n"],"names":["mergedConfig","mergeConfig","paginationConfig","config","PaginationComponent","component","Pagination"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,8BAAgB,EAAEC,wBAAM,CAAC~~,CAAA~~;AAC1D,IAAMC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY,CAAC~~,CAAA~~;;AAEnD;AACA;AACA;AACO,IAAMM,UAAU,GAAGF;;;;"}
1	+ {"version":3,"file":"Pagination.js","sources":["../../src-css/components/Pagination/Pagination.tsx"],"sourcesContent":["import { paginationConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './Pagination.config';\n\nconst mergedConfig = mergeConfig(paginationConfig, config);\nconst PaginationComponent = component(mergedConfig);\n\n/*\n Пагинация\n */\nexport const Pagination = PaginationComponent;\n"],"names":["mergedConfig","mergeConfig","paginationConfig","config","PaginationComponent","component","Pagination"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,8BAAgB,EAAEC,wBAAM,CAAC;AAC1D,IAAMC,mBAAmB,gBAAGC,uBAAS,CAACL,YAAY,CAAC;;AAEnD;AACA;AACA;AACO,IAAMM,UAAU,GAAGF;;;;"}