@dss-kit/ui-kit 0.0.21 → 0.0.22
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.
- package/dist/components/controls/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/components/shared/Hint/Hint.d.ts +31 -0
- package/dist/components/shared/Hint/Hint.d.ts.map +1 -0
- package/dist/components/shared/Hint/Hint.stories.d.ts +28 -0
- package/dist/components/shared/Hint/Hint.stories.d.ts.map +1 -0
- package/dist/components/shared/Hint/index.d.ts +2 -0
- package/dist/components/shared/Hint/index.d.ts.map +1 -0
- package/dist/components/shared/index.d.ts +1 -0
- package/dist/components/shared/index.d.ts.map +1 -1
- package/dist/components/typography/Text/Text.d.ts.map +1 -1
- package/dist/components/typography/Text/Text.types.d.ts.map +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts +1 -1
- package/dist/providers/ThemeProviderScoped/ThemeProviderScoped.types.d.ts.map +1 -1
- package/dist/root.css +1 -1
- package/dist/ui-kit.cjs.js +11 -11
- package/dist/ui-kit.cjs.js.map +1 -1
- package/dist/ui-kit.css +1 -1
- package/dist/ui-kit.es.js +485 -406
- package/dist/ui-kit.es.js.map +1 -1
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/styles/getFontWeightClass/getFontWeightClass.d.ts.map +1 -1
- package/dist/utils/styles/index.d.ts +0 -1
- package/dist/utils/styles/index.d.ts.map +1 -1
- package/package.json +3 -3
- package/dist/utils/hooks/index.d.ts +0 -2
- package/dist/utils/hooks/index.d.ts.map +0 -1
- package/dist/utils/hooks/useTheme/index.d.ts +0 -3
- package/dist/utils/hooks/useTheme/index.d.ts.map +0 -1
- package/dist/utils/hooks/useTheme/useTheme.d.ts +0 -6
- package/dist/utils/hooks/useTheme/useTheme.d.ts.map +0 -1
- package/dist/utils/hooks/useTheme/useTheme.types.d.ts +0 -3
- package/dist/utils/hooks/useTheme/useTheme.types.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../src/components/controls/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,WAAW,EACX,aAAa,EACb,IAAI,EACJ,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,QAAQ,CAAC,EACxB,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC3D,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,oBAAoB,CAAC,CAAC;AAE3F,KAAK,cAAc,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,GAAG,UAAU,CAAC;AACrE,KAAK,eAAe,GAChB,WAAW,GACX,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,IAAI,CAAC,EAAE,wBAAwB,CAAC;CACjC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { AccentType, NegativeType, NeutralType, PositiveType, Size, WarningType } from '../../../types/tokens.types';
|
|
3
|
+
type HintColor = WarningType | NegativeType | PositiveType | AccentType | NeutralType;
|
|
4
|
+
type HintVariant = 'solid' | 'soft';
|
|
5
|
+
type HintSize = Extract<Size, 'md' | 'sm'>;
|
|
6
|
+
/**
|
|
7
|
+
* Props for the Hint component.
|
|
8
|
+
*/
|
|
9
|
+
export interface HintProps {
|
|
10
|
+
/** Main title text */
|
|
11
|
+
title: React.ReactNode;
|
|
12
|
+
/** Optional subtitle text */
|
|
13
|
+
subtitle?: React.ReactNode;
|
|
14
|
+
/** Color of the hint (status) */
|
|
15
|
+
color?: HintColor;
|
|
16
|
+
/** Visual variant */
|
|
17
|
+
variant?: HintVariant;
|
|
18
|
+
/** Size of the hint */
|
|
19
|
+
size?: HintSize;
|
|
20
|
+
/** Custom icon node (overrides default) */
|
|
21
|
+
icon?: React.ReactNode;
|
|
22
|
+
/** Disabled state */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** Additional className for root */
|
|
25
|
+
className?: string;
|
|
26
|
+
/** Inline styles for root */
|
|
27
|
+
style?: React.CSSProperties;
|
|
28
|
+
}
|
|
29
|
+
export declare const Hint: React.FC<HintProps>;
|
|
30
|
+
export {};
|
|
31
|
+
//# sourceMappingURL=Hint.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hint.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Hint/Hint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAa9G,KAAK,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC;AACtF,KAAK,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AACpC,KAAK,QAAQ,GAAG,OAAO,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,SAAS;IACxB,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6CpC,CAAC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Hint } from './Hint';
|
|
3
|
+
declare const meta: Meta<typeof Hint>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const WarningSoftM: Story;
|
|
7
|
+
export declare const WarningSoftS: Story;
|
|
8
|
+
export declare const ErrorSoftM: Story;
|
|
9
|
+
export declare const ErrorSoftS: Story;
|
|
10
|
+
export declare const SuccessSoftM: Story;
|
|
11
|
+
export declare const SuccessSoftS: Story;
|
|
12
|
+
export declare const InfoSoftM: Story;
|
|
13
|
+
export declare const InfoSoftS: Story;
|
|
14
|
+
export declare const NeutralSoftM: Story;
|
|
15
|
+
export declare const NeutralSoftS: Story;
|
|
16
|
+
export declare const WarningSolidM: Story;
|
|
17
|
+
export declare const WarningSolidS: Story;
|
|
18
|
+
export declare const ErrorSolidM: Story;
|
|
19
|
+
export declare const ErrorSolidS: Story;
|
|
20
|
+
export declare const SuccessSolidM: Story;
|
|
21
|
+
export declare const SuccessSolidS: Story;
|
|
22
|
+
export declare const InfoSolidM: Story;
|
|
23
|
+
export declare const InfoSolidS: Story;
|
|
24
|
+
export declare const NeutralSolidM: Story;
|
|
25
|
+
export declare const NeutralSolidS: Story;
|
|
26
|
+
export declare const Disabled: Story;
|
|
27
|
+
export declare const CustomIcon: Story;
|
|
28
|
+
//# sourceMappingURL=Hint.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hint.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Hint/Hint.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CA4B3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,UAAU,EAAE,KAAoE,CAAC;AAC9F,eAAO,MAAM,UAAU,EAAE,KAAoE,CAAC;AAC9F,eAAO,MAAM,YAAY,EAAE,KAAoE,CAAC;AAChG,eAAO,MAAM,YAAY,EAAE,KAAoE,CAAC;AAChG,eAAO,MAAM,SAAS,EAAE,KAAkE,CAAC;AAC3F,eAAO,MAAM,SAAS,EAAE,KAAkE,CAAC;AAC3F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAC/F,eAAO,MAAM,YAAY,EAAE,KAAmE,CAAC;AAG/F,eAAO,MAAM,aAAa,EAAE,KAAoE,CAAC;AACjG,eAAO,MAAM,aAAa,EAAE,KAAoE,CAAC;AACjG,eAAO,MAAM,WAAW,EAAE,KAAqE,CAAC;AAChG,eAAO,MAAM,WAAW,EAAE,KAAqE,CAAC;AAChG,eAAO,MAAM,aAAa,EAAE,KAAqE,CAAC;AAClG,eAAO,MAAM,aAAa,EAAE,KAAqE,CAAC;AAClG,eAAO,MAAM,UAAU,EAAE,KAAmE,CAAC;AAC7F,eAAO,MAAM,UAAU,EAAE,KAAmE,CAAC;AAC7F,eAAO,MAAM,aAAa,EAAE,KAAoE,CAAC;AACjG,eAAO,MAAM,aAAa,EAAE,KAAoE,CAAC;AAEjG,eAAO,MAAM,QAAQ,EAAE,KAAoC,CAAC;AAE5D,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Hint/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAMpE,wBAAgB,IAAI,CAAC,CAAC,SAAS,gBAAgB,EAAE,EAC/C,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAiB,EACjB,OAAiB,EACjB,MAAkB,EAClB,GAAG,EAAE,GAAS,EACd,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAkBf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Text.types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/Text/Text.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEzF,MAAM,MAAM,gBAAgB,GAAG,GAAG,GAAG,MAAM,CAAC;AAE5C,KAAK,uBAAuB,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CAC7D,wBAAwB,CAAC,CAAC,CAAC,EAC3B,WAAW,GAAG,UAAU,CACzB,CAAC;AACF,KAAK,2BAA2B,CAAC,CAAC,SAAS,gBAAgB,IAAI,IAAI,CACjE,wBAAwB,CAAC,CAAC,CAAC,EAC3B,MAAM,uBAAuB,CAAC,CAAC,CAAC,CACjC,CAAC;AAEF,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,gBAAgB,CAAE,SAAQ,uBAAuB,CAAC,CAAC,CAAC;IACxF,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC/B,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC;CACvC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { PropsWithChildren } from 'react';
|
|
2
1
|
import { IClassnameProp } from '../../types';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
3
|
export interface IThemeProviderProps extends IClassnameProp, PropsWithChildren {
|
|
4
4
|
}
|
|
5
5
|
//# sourceMappingURL=ThemeProviderScoped.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProviderScoped.types.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ThemeProviderScoped.types.d.ts","sourceRoot":"","sources":["../../../src/providers/ThemeProviderScoped/ThemeProviderScoped.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,WAAW,mBAAoB,SAAQ,cAAc,EAAE,iBAAiB;CAAG"}
|
package/dist/root.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";:root{--accent-10: #001033;--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-96: #ebf1ff;--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-90: #ddf3d8;--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-secondary: var(--neutral-98);--fill-bg-tertiary: var(--neutral-96);--fill-bg-elevation-primary: var(--neutral-90-20);--fill-bg-elevation-secondary: var(--neutral-90-15);--fill-bg-elevation-tertiary: var(--neutral-90-10);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;font-family:Inter,sans-serif;word-break:break-word;font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}:root [data-theme=dark]{--accent-10: #001033;--accent-20: #002166;--accent-30: red;--accent-40: red;--accent-50: red;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-96: #ebf1ff;--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-90: #ddf3d8;--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-secondary: var(--neutral-98);--fill-bg-tertiary: var(--neutral-96);--fill-bg-elevation-primary: var(--neutral-90-20);--fill-bg-elevation-secondary: var(--neutral-90-15);--fill-bg-elevation-tertiary: var(--neutral-90-10);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out}:root [data-theme=brand]{--accent-10: #14082b;--accent-20: #270f57;--accent-30: #3b1782;--accent-40: #4f1fad;--accent-50: #6226d8;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #8252e0;--accent-70: #a17de8;--accent-80: #c0a8ef;--accent-90: #e0d4f7;--accent-96: #f2eefc;--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-90: #ddf3d8;--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-secondary: var(--neutral-98);--fill-bg-tertiary: var(--neutral-96);--fill-bg-elevation-primary: var(--neutral-90-20);--fill-bg-elevation-secondary: var(--neutral-90-15);--fill-bg-elevation-tertiary: var(--neutral-90-10);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out}
|
|
1
|
+
@charset "UTF-8";:root{--accent-10: #001033;--accent-20: #002166;--accent-30: #003199;--accent-40: #0042cc;--accent-50: #0052ff;--accent-50-8: rgba(0, 82, 255, .08);--accent-50-12: rgba(0, 82, 255, .12);--accent-60: #3375ff;--accent-70: #6697ff;--accent-80: #99baff;--accent-90: #ccdcff;--accent-96: #ebf1ff;--accent-98: #f5f8ff;--neutral-10: #131720;--neutral-15: #1c2230;--neutral-20: #262e40;--neutral-30: #394560;--neutral-40: #4c5c80;--neutral-50: #5f73a0;--neutral-60: #7f8fb3;--neutral-60-8: rgba(127, 143, 179, .08);--neutral-60-12: rgba(127, 143, 179, .12);--neutral-60-16: rgba(127, 143, 179, .16);--neutral-70: #9fabc6;--neutral-80: #bfc7d9;--neutral-86: #d2d8e4;--neutral-90: #dfe3ec;--neutral-90-10: rgba(223, 227, 236, .1);--neutral-90-15: rgba(223, 227, 236, .15);--neutral-90-20: rgba(223, 227, 236, .2);--neutral-92: #e5e9f0;--neutral-96: #f2f4f7;--neutral-98: #f9f9fb;--neutral-100: #ffffff;--negative-10: #320101;--negative-20: #640202;--negative-30: #950404;--negative-40: #c70505;--negative-50: #f90606;--negative-60: #fa3838;--negative-60-8: rgba(250, 56, 56, .08);--negative-60-12: rgba(250, 56, 56, .12);--negative-70: #fb6a6a;--negative-80: #fd9b9b;--negative-90: #fecdcd;--negative-92: #fed7d7;--negative-96: #ffebeb;--negative-98: #fff5f5;--positive-10: #11270c;--positive-20: #234e18;--positive-30: #347425;--positive-40: #469b31;--positive-50: #57c23d;--positive-50-8: rgba(87, 194, 61, .08);--positive-50-12: rgba(87, 194, 61, .12);--positive-60: #79ce64;--positive-70: #9ada8b;--positive-80: #bce7b1;--positive-90: #ddf3d8;--positive-92: #e4f5e0;--positive-96: #f2faef;--warning-10: #663d00;--warning-20: #663d00;--warning-30: #985b01;--warning-40: #cb7a01;--warning-50: #fe9801;--warning-60: #fead34;--warning-60-8: rgba(254, 173, 52, .08);--warning-60-12: rgba(254, 173, 52, .12);--warning-70: #fec167;--warning-80: #ffd699;--warning-90: #ffeacc;--warning-92: #ffefd6;--warning-96: #fff7eb;--border-accent-primary: var(--accent-60);--border-accent-primary-hover: var(--accent-50);--border-accent-secondary: var(--accent-90);--border-accent-secondary-hover: var(--accent-80);--border-negative-primary: var(--negative-60);--border-negative-primary-hover: var(--negative-50);--border-negative-secondary: var(--negative-90);--border-negative-secondary-hover: var(--negative-80);--border-positive-primary: var(--positive-60);--border-positive-primary-hover: var(--positive-50);--border-positive-secondary: var(--positive-90);--border-positive-secondary-hover: var(--positive-80);--border-warning-primary: var(--warning-60);--border-warning-primary-hover: var(--warning-50);--border-warning-secondary: var(--warning-90);--border-warning-secondary-hover: var(--warning-80);--border-neutral-primary: var(--neutral-60);--border-neutral-primary-hover: var(--neutral-50);--border-neutral-alpha-basic: var(--neutral-60-12);--border-neutral-alpha-low: var(--neutral-60-8);--border-neutral-alpha-high: var(--neutral-60-16);--text-primary: var(--neutral-20);--text-primary-hover: var(--neutral-15);--text-secondary: var(--neutral-40);--text-secondary-hover: var(--neutral-30);--text-tertiary: var(--neutral-60);--text-tertiary-hover: var(--neutral-50);--text-positive: var(--positive-50);--text-positive-hover: var(--positive-40);--text-negative: var(--negative-60);--text-negative-hover: var(--negative-50);--text-warning: var(--warning-60);--text-warning-hover: var(--warning-50);--text-accent: var(--accent-60);--text-accent-hover: var(--accent-50);--text-inverse: var(--neutral-100);--icon-primary: var(--neutral-20);--icon-primary-hover: var(--neutral-15);--icon-secondary: var(--neutral-40);--icon-secondary-hover: var(--neutral-30);--icon-tertiary: var(--neutral-60);--icon-tertiary-hover: var(--neutral-50);--icon-positive: var(--positive-50);--icon-positive-hover: var(--positive-40);--icon-negative: var(--negative-60);--icon-negative-hover: var(--negative-50);--icon-warning: var(--warning-60);--icon-warning-hover: var(--warning-50);--icon-accent: var(--accent-60);--icon-accent-hover: var(--accent-50);--icon-inverse: var(--neutral-100);--fill-accent-primary: var(--accent-60);--fill-accent-primary-hover: var(--accent-50);--fill-accent-secondary: var(--accent-96);--fill-accent-secondary-hover: var(--accent-90);--fill-accent-tint: var(--accent-50-12);--fill-accent-tint-low: var(--accent-50-8);--fill-positive-primary: var(--positive-60);--fill-positive-primary-hover: var(--positive-50);--fill-positive-secondary: var(--positive-96);--fill-positive-secondary-hover: var(--positive-90);--fill-positive-tint: var(--positive-50-12);--fill-positive-tint-low: var(--positive-50-8);--fill-negative-primary: var(--negative-60);--fill-negative-primary-hover: var(--negative-50);--fill-negative-secondary: var(--negative-96);--fill-negative-secondary-hover: var(--negative-92);--fill-negative-tint: var(--negative-60-12);--fill-negative-tint-low: var(--negative-60-8);--fill-warning-primary: var(--warning-60);--fill-warning-primary-hover: var(--warning-50);--fill-warning-secondary: var(--warning-96);--fill-warning-secondary-hover: var(--warning-90);--fill-warning-tint: var(--warning-60-12);--fill-warning-tint-low: var(--warning-60-8);--fill-neutral-secondary: var(--neutral-96);--fill-neutral-secondary-hover: var(--neutral-90);--fill-bg-primary: var(--neutral-100);--fill-bg-secondary: var(--neutral-98);--fill-bg-tertiary: var(--neutral-96);--fill-bg-elevation-primary: var(--neutral-90-20);--fill-bg-elevation-secondary: var(--neutral-90-15);--fill-bg-elevation-tertiary: var(--neutral-90-10);--status-accent: var(--accent-50);--status-accent-tint: var(--accent-50-12);--status-accent-tint-low: var(--accent-50-8);--status-negative: var(--negative-60);--status-negative-tint: var(--negative-60-12);--status-negative-tint-low: var(--negative-60-8);--status-positive: var(--positive-50);--status-positive-tint: var(--positive-50-12);--status-positive-tint-low: var(--positive-50-8);--status-warning: var(--warning-60);--status-warning-tint: var(--warning-60-12);--status-warning-tint-low: var(--warning-60-8);--status-neutral: var(--neutral-60);--status-neutral-tint: var(--neutral-60-12);--status-neutral-tint-low: var(--neutral-60-8);--corner-zero: 0;--corner-xs: 4px;--corner-sm: 8px;--corner-md: 12px;--corner-lg: 16px;--corner-xl: 20px;--corner-2xl: 24px;--corner-3xl: 32px;--corner-4xl: 40px;--corner-5xl: 48px;--corner-6xl: 56px;--corner-full-round: 1000px;--height-button-xs: 32px;--height-button-sm: 40px;--height-button-md: 48px;--height-button-lg: 56px;--height-avatar-sm: 32px;--height-avatar-md: 40px;--height-avatar-lg: 48px;--height-icon-xs: 16px;--height-icon-sm: 20px;--height-icon-md: 24px;--height-icon-lg: 32px;--height-icon-xl: 64px;--opacity-primary: 100;--opacity-secondary: 80;--opacity-tertiary: 60;--spacing-zero: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 56px;--spacing-7xl: 64px;--spacing-8xl: 72px;--spacing-9xl: 80px;--spacing-10xl: 96px;--transition-general: all .3s ease-in-out;font-family:Inter,sans-serif;word-break:break-word;font-size:16px;line-height:24px;font-weight:400;color:var(--text-primary)}@layer reset{:root *,:root *:before,:root *:after{box-sizing:border-box;margin:0;color:unset}:root ul[class],:root ol[class]{padding:0}:root body,:root h1,:root h2,:root h3,:root h4,:root p,:root label,:root ul[class],:root ol[class],:root li,:root figure,:root figcaption,:root blockquote,:root dl,:root dd{margin:0}:root label{display:block}:root html{scroll-behavior:smooth}:root body{min-height:100dvh;text-rendering:optimizeSpeed;line-height:1.5;margin:0!important}:root ul[class],:root ol[class]{list-style:none}:root a:not([class]){text-decoration-skip-ink:auto}:root a,:root a:hover,:root a:checked{text-decoration:none;color:inherit}:root img{max-width:100%;display:block}:root input,:root button,:root textarea,:root select,:root pre{font:inherit}:root input,:root textarea{outline:none;border:none;padding:0}@media (prefers-reduced-motion: reduce){:root *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root input::-webkit-outer-spin-button,:root input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:root input[type=number]{-moz-appearance:textfield}:root html{overflow-x:hidden;margin-right:calc(-1*(100vw - 100%))}:root a:focus,:root button:focus,:root input:focus,:root textarea:focus{outline:none}:root button{cursor:pointer;padding:0;background:transparent}:root button{border:none;outline:none}:root fieldset{border:0;padding:0;margin:0;min-width:0}:root div{outline:none}:root input[type=search]::-ms-clear{display:none;width:0;height:0}:root input[type=search]::-ms-reveal{display:none;width:0;height:0}:root input[type=search]::-webkit-search-decoration,:root input[type=search]::-webkit-search-cancel-button,:root input[type=search]::-webkit-search-results-button,:root input[type=search]::-webkit-search-results-decoration{display:none}}
|
package/dist/ui-kit.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react");function wt(a){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const u in a)if(u!=="default"){const p=Object.getOwnPropertyDescriptor(a,u);Object.defineProperty(l,u,p.get?p:{enumerable:!0,get:()=>a[u]})}}return l.default=a,Object.freeze(l)}const C=wt(se);function Et(a){return a&&a.__esModule&&Object.prototype.hasOwnProperty.call(a,"default")?a.default:a}var G={exports:{}},$={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var qe;function St(){if(qe)return $;qe=1;var a=se,l=Symbol.for("react.element"),u=Symbol.for("react.fragment"),p=Object.prototype.hasOwnProperty,b=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,o={key:!0,ref:!0,__self:!0,__source:!0};function f(d,v,O){var E,j={},k=null,V=null;O!==void 0&&(k=""+O),v.key!==void 0&&(k=""+v.key),v.ref!==void 0&&(V=v.ref);for(E in v)p.call(v,E)&&!o.hasOwnProperty(E)&&(j[E]=v[E]);if(d&&d.defaultProps)for(E in v=d.defaultProps,v)j[E]===void 0&&(j[E]=v[E]);return{$$typeof:l,type:d,key:k,ref:V,props:j,_owner:b.current}}return $.Fragment=u,$.jsx=f,$.jsxs=f,$}var L={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+
|
|
17
|
+
*/var De;function Rt(){return De||(De=1,process.env.NODE_ENV!=="production"&&function(){var a=se,l=Symbol.for("react.element"),u=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),f=Symbol.for("react.provider"),d=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),j=Symbol.for("react.memo"),k=Symbol.for("react.lazy"),V=Symbol.for("react.offscreen"),ue=Symbol.iterator,Me="@@iterator";function $e(e){if(e===null||typeof e!="object")return null;var t=ue&&e[ue]||e[Me];return typeof t=="function"?t:null}var D=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function h(e){{for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];Le("error",e,r)}}function Le(e,t,r){{var n=D.ReactDebugCurrentFrame,c=n.getStackAddendum();c!==""&&(t+="%s",r=r.concat([c]));var _=r.map(function(s){return String(s)});_.unshift("Warning: "+t),Function.prototype.apply.call(console[e],console,_)}}var Ne=!1,Ve=!1,Ye=!1,Ue=!1,Be=!1,ce;ce=Symbol.for("react.module.reference");function Je(e){return!!(typeof e=="string"||typeof e=="function"||e===p||e===o||Be||e===b||e===O||e===E||Ue||e===V||Ne||Ve||Ye||typeof e=="object"&&e!==null&&(e.$$typeof===k||e.$$typeof===j||e.$$typeof===f||e.$$typeof===d||e.$$typeof===v||e.$$typeof===ce||e.getModuleId!==void 0))}function Ge(e,t,r){var n=e.displayName;if(n)return n;var c=t.displayName||t.name||"";return c!==""?r+"("+c+")":r}function le(e){return e.displayName||"Context"}function T(e){if(e==null)return null;if(typeof e.tag=="number"&&h("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case p:return"Fragment";case u:return"Portal";case o:return"Profiler";case b:return"StrictMode";case O:return"Suspense";case E:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case d:var t=e;return le(t)+".Consumer";case f:var r=e;return le(r._context)+".Provider";case v:return Ge(e,e.render,"ForwardRef");case j:var n=e.displayName||null;return n!==null?n:T(e.type)||"Memo";case k:{var c=e,_=c._payload,s=c._init;try{return T(s(_))}catch{return null}}}return null}var W=Object.assign,I=0,fe,_e,de,ve,pe,ge,me;function be(){}be.__reactDisabledLog=!0;function Ke(){{if(I===0){fe=console.log,_e=console.info,de=console.warn,ve=console.error,pe=console.group,ge=console.groupCollapsed,me=console.groupEnd;var e={configurable:!0,enumerable:!0,value:be,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}I++}}function He(){{if(I--,I===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:W({},e,{value:fe}),info:W({},e,{value:_e}),warn:W({},e,{value:de}),error:W({},e,{value:ve}),group:W({},e,{value:pe}),groupCollapsed:W({},e,{value:ge}),groupEnd:W({},e,{value:me})})}I<0&&h("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var H=D.ReactCurrentDispatcher,X;function Y(e,t,r){{if(X===void 0)try{throw Error()}catch(c){var n=c.stack.trim().match(/\n( *(at )?)/);X=n&&n[1]||""}return`
|
|
18
|
+
`+X+e}}var Z=!1,U;{var Xe=typeof WeakMap=="function"?WeakMap:Map;U=new Xe}function he(e,t){if(!e||Z)return"";{var r=U.get(e);if(r!==void 0)return r}var n;Z=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var _;_=H.current,H.current=null,Ke();try{if(t){var s=function(){throw Error()};if(Object.defineProperty(s.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(s,[])}catch(x){n=x}Reflect.construct(e,[],s)}else{try{s.call()}catch(x){n=x}e.call(s.prototype)}}else{try{throw Error()}catch(x){n=x}e()}}catch(x){if(x&&n&&typeof x.stack=="string"){for(var i=x.stack.split(`
|
|
19
|
+
`),y=n.stack.split(`
|
|
20
|
+
`),g=i.length-1,m=y.length-1;g>=1&&m>=0&&i[g]!==y[m];)m--;for(;g>=1&&m>=0;g--,m--)if(i[g]!==y[m]){if(g!==1||m!==1)do if(g--,m--,m<0||i[g]!==y[m]){var S=`
|
|
21
|
+
`+i[g].replace(" at new "," at ");return e.displayName&&S.includes("<anonymous>")&&(S=S.replace("<anonymous>",e.displayName)),typeof e=="function"&&U.set(e,S),S}while(g>=1&&m>=0);break}}}finally{Z=!1,H.current=_,He(),Error.prepareStackTrace=c}var F=e?e.displayName||e.name:"",z=F?Y(F):"";return typeof e=="function"&&U.set(e,z),z}function Ze(e,t,r){return he(e,!1)}function Qe(e){var t=e.prototype;return!!(t&&t.isReactComponent)}function B(e,t,r){if(e==null)return"";if(typeof e=="function")return he(e,Qe(e));if(typeof e=="string")return Y(e);switch(e){case O:return Y("Suspense");case E:return Y("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case v:return Ze(e.render);case j:return B(e.type,t,r);case k:{var n=e,c=n._payload,_=n._init;try{return B(_(c),t,r)}catch{}}}return""}var M=Object.prototype.hasOwnProperty,ye={},xe=D.ReactDebugCurrentFrame;function J(e){if(e){var t=e._owner,r=B(e.type,e._source,t?t.type:null);xe.setExtraStackFrame(r)}else xe.setExtraStackFrame(null)}function et(e,t,r,n,c){{var _=Function.call.bind(M);for(var s in e)if(_(e,s)){var i=void 0;try{if(typeof e[s]!="function"){var y=Error((n||"React class")+": "+r+" type `"+s+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[s]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}i=e[s](t,s,n,r,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(g){i=g}i&&!(i instanceof Error)&&(J(c),h("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",r,s,typeof i),J(null)),i instanceof Error&&!(i.message in ye)&&(ye[i.message]=!0,J(c),h("Failed %s type: %s",r,i.message),J(null))}}}var tt=Array.isArray;function Q(e){return tt(e)}function rt(e){{var t=typeof Symbol=="function"&&Symbol.toStringTag,r=t&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r}}function nt(e){try{return we(e),!1}catch{return!0}}function we(e){return""+e}function Ee(e){if(nt(e))return h("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",rt(e)),we(e)}var Se=D.ReactCurrentOwner,at={key:!0,ref:!0,__self:!0,__source:!0},Re,Ce;function it(e){if(M.call(e,"ref")){var t=Object.getOwnPropertyDescriptor(e,"ref").get;if(t&&t.isReactWarning)return!1}return e.ref!==void 0}function ot(e){if(M.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function st(e,t){typeof e.ref=="string"&&Se.current}function ut(e,t){{var r=function(){Re||(Re=!0,h("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}}function ct(e,t){{var r=function(){Ce||(Ce=!0,h("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",t))};r.isReactWarning=!0,Object.defineProperty(e,"ref",{get:r,configurable:!0})}}var lt=function(e,t,r,n,c,_,s){var i={$$typeof:l,type:e,key:t,ref:r,props:s,_owner:_};return i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(i,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(i,"_source",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i};function ft(e,t,r,n,c){{var _,s={},i=null,y=null;r!==void 0&&(Ee(r),i=""+r),ot(t)&&(Ee(t.key),i=""+t.key),it(t)&&(y=t.ref,st(t,c));for(_ in t)M.call(t,_)&&!at.hasOwnProperty(_)&&(s[_]=t[_]);if(e&&e.defaultProps){var g=e.defaultProps;for(_ in g)s[_]===void 0&&(s[_]=g[_])}if(i||y){var m=typeof e=="function"?e.displayName||e.name||"Unknown":e;i&&ut(s,m),y&&ct(s,m)}return lt(e,i,y,c,n,Se.current,s)}}var ee=D.ReactCurrentOwner,Oe=D.ReactDebugCurrentFrame;function A(e){if(e){var t=e._owner,r=B(e.type,e._source,t?t.type:null);Oe.setExtraStackFrame(r)}else Oe.setExtraStackFrame(null)}var te;te=!1;function re(e){return typeof e=="object"&&e!==null&&e.$$typeof===l}function je(){{if(ee.current){var e=T(ee.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function _t(e){return""}var Te={};function dt(e){{var t=je();if(!t){var r=typeof e=="string"?e:e.displayName||e.name;r&&(t=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+r+">.")}return t}}function
|
|
25
|
+
Check the top-level render call using <`+r+">.")}return t}}function Pe(e,t){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var r=dt(t);if(Te[r])return;Te[r]=!0;var n="";e&&e._owner&&e._owner!==ee.current&&(n=" It was passed a child from "+T(e._owner.type)+"."),A(e),h('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',r,n),A(null)}}function ke(e,t){{if(typeof e!="object")return;if(Q(e))for(var r=0;r<e.length;r++){var n=e[r];re(n)&&Pe(n,t)}else if(re(e))e._store&&(e._store.validated=!0);else if(e){var c=$e(e);if(typeof c=="function"&&c!==e.entries)for(var _=c.call(e),s;!(s=_.next()).done;)re(s.value)&&Pe(s.value,t)}}}function vt(e){{var t=e.type;if(t==null||typeof t=="string")return;var r;if(typeof t=="function")r=t.propTypes;else if(typeof t=="object"&&(t.$$typeof===v||t.$$typeof===j))r=t.propTypes;else return;if(r){var n=T(t);et(r,e.props,"prop",n,e)}else if(t.PropTypes!==void 0&&!te){te=!0;var c=T(t);h("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}typeof t.getDefaultProps=="function"&&!t.getDefaultProps.isReactClassApproved&&h("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function pt(e){{for(var t=Object.keys(e.props),r=0;r<t.length;r++){var n=t[r];if(n!=="children"&&n!=="key"){A(e),h("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),A(null);break}}e.ref!==null&&(A(e),h("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var We={};function ze(e,t,r,n,c,_){{var s=Je(e);if(!s){var i="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(i+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var y=_t();y?i+=y:i+=je();var g;e===null?g="null":Q(e)?g="array":e!==void 0&&e.$$typeof===l?(g="<"+(T(e.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):g=typeof e,h("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",g,i)}var m=ft(e,t,r,c,_);if(m==null)return m;if(s){var S=t.children;if(S!==void 0)if(n)if(Q(S)){for(var F=0;F<S.length;F++)ke(S[F],e);Object.freeze&&Object.freeze(S)}else h("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ke(S,e)}if(M.call(t,"key")){var z=T(e),x=Object.keys(t).filter(function(xt){return xt!=="key"}),ne=x.length>0?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}";if(!We[z+ne]){var yt=x.length>0?"{"+x.join(": ..., ")+": ...}":"{}";h(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,
|
|
30
|
+
<%s key={someKey} {...props} />`,ne,z,yt,z),We[z+ne]=!0}}return e===p?pt(m):vt(m),m}}function gt(e,t,r){return ze(e,t,r,!0)}function mt(e,t,r){return ze(e,t,r,!1)}var bt=mt,ht=gt;L.Fragment=p,L.jsx=bt,L.jsxs=ht}()),L}var Ae;function Ct(){return Ae||(Ae=1,process.env.NODE_ENV==="production"?G.exports=St():G.exports=Rt()),G.exports}var w=Ct(),ae={exports:{}};/*!
|
|
31
31
|
Copyright (c) 2018 Jed Watson.
|
|
32
32
|
Licensed under the MIT License (MIT), see
|
|
33
33
|
http://jedwatson.github.io/classnames
|
|
34
|
-
*/var
|
|
34
|
+
*/var Fe;function Ot(){return Fe||(Fe=1,function(a){(function(){var l={}.hasOwnProperty;function u(){for(var o="",f=0;f<arguments.length;f++){var d=arguments[f];d&&(o=b(o,p(d)))}return o}function p(o){if(typeof o=="string"||typeof o=="number")return o;if(typeof o!="object")return"";if(Array.isArray(o))return u.apply(null,o);if(o.toString!==Object.prototype.toString&&!o.toString.toString().includes("[native code]"))return o.toString();var f="";for(var d in o)l.call(o,d)&&o[d]&&(f=b(f,d));return f}function b(o,f){return f?o?o+" "+f:o+f:o}a.exports?(u.default=u,a.exports=u):window.classNames=u})()}(ae)),ae.exports}var jt=Ot();const P=Et(jt);function q(a,l,u,p=""){if(u)return a[`${l}_${u}${p}`]}function N(a,l,u){return q(a,l,u,"Size")}const Tt="_button_qsd3z_1",Pt="_button_primary_qsd3z_10",kt="_button_secondary_qsd3z_13",Wt="_button_negative_qsd3z_16",zt="_button_positive_qsd3z_19",qt="_button_warning_qsd3z_22",Dt="_button_neutral_qsd3z_25",At="_button_mdSize_qsd3z_85",Ft="_button_smSize_qsd3z_95",It="_button_xsSize_qsd3z_105",ie={button:Tt,button_primary:Pt,button_secondary:kt,button_negative:Wt,button_positive:zt,button_warning:qt,button_neutral:Dt,button_mdSize:At,button_smSize:Ft,button_xsSize:It};function Mt({attr:a,children:l,className:u,type:p="button",color:b="primary",size:o="md",...f}){const d="button";return w.jsx("button",{...a,...f,type:p,className:P(ie[d],u,N(ie,d,o),q(ie,d,b)),children:l})}const $t="_avatar_1wk2b_1",Lt="_avatar_primary_1wk2b_15",Nt="_avatar_secondary_1wk2b_18",Vt="_avatar_negative_1wk2b_21",Yt="_avatar_positive_1wk2b_24",Ut="_avatar_warning_1wk2b_27",Bt="_avatar_lgSize_1wk2b_64",Jt="_avatar_mdSize_1wk2b_78",Gt="_avatar_smSize_1wk2b_92",oe={avatar:$t,avatar_primary:Lt,avatar_secondary:Nt,avatar_negative:Vt,avatar_positive:Yt,avatar_warning:Ut,avatar_lgSize:Bt,avatar_mdSize:Jt,avatar_smSize:Gt};function Kt({attr:a,children:l,className:u,color:p="primary",size:b="md",...o}){const f="avatar";return w.jsx("div",{...a,...o,className:P(oe[f],u,N(oe,f,b),q(oe,f,p)),children:l})}const Ht=a=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},C.createElement("circle",{cx:12,cy:12,r:10,fill:"currentColor",fillOpacity:.15}),C.createElement("path",{d:"M16 9L10.0337 15L8 12.9548",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Ie=a=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},C.createElement("path",{d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z",fill:"currentColor",fillOpacity:.15}),C.createElement("path",{d:"M12 6C11.4477 6 11 6.44772 11 7V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V7C13 6.44772 12.5523 6 12 6Z",fill:"currentColor"}),C.createElement("path",{d:"M12 15C11.4477 15 11 15.4477 11 16V17C11 17.5523 11.4477 18 12 18C12.5523 18 13 17.5523 13 17V16C13 15.4477 12.5523 15 12 15Z",fill:"currentColor"})),Xt=a=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},C.createElement("circle",{cx:12,cy:12,r:10,fill:"currentColor",fillOpacity:.12}),C.createElement("path",{d:"M16 8L8 16M16 16L8 8",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"})),Zt=a=>C.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:"black",...a},C.createElement("path",{d:"M12 2V22M19.0711 4.92893L4.92893 19.0711M22 12H2M19.0711 19.0711L4.92893 4.92893",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"})),Qt="_hint_1qrt8_1",er="_md_1qrt8_12",tr="_sm_1qrt8_17",rr="_icon_1qrt8_22",nr="_content_1qrt8_33",ar="_title_1qrt8_39",ir="_title_mdSize_1qrt8_42",or="_title_smSize_1qrt8_48",sr="_subtitle_1qrt8_55",ur="_subtitle_mdSize_1qrt8_59",cr="_subtitle_smSize_1qrt8_65",lr="_disabled_1qrt8_72",fr="_warning_1qrt8_77",_r="_solid_1qrt8_77",dr="_negative_1qrt8_82",vr="_positive_1qrt8_87",pr="_accent_1qrt8_92",gr="_neutral_1qrt8_97",mr="_soft_1qrt8_102",R={hint:Qt,md:er,sm:tr,icon:rr,content:nr,title:ar,title_mdSize:ir,title_smSize:or,subtitle:sr,subtitle_mdSize:ur,subtitle_smSize:cr,disabled:lr,warning:fr,solid:_r,negative:dr,positive:vr,accent:pr,neutral:gr,soft:mr},br={negative:w.jsx(Xt,{}),positive:w.jsx(Ht,{}),accent:w.jsx(Ie,{}),warning:w.jsx(Ie,{}),neutral:w.jsx(Zt,{})},hr=({title:a,subtitle:l,color:u="warning",variant:p="soft",size:b="md",icon:o,disabled:f=!1,className:d,style:v})=>{const O=o||br[u];return w.jsxs("div",{className:P(R.hint,R[u],R[p],R[b],f&&R.disabled,d),style:v,"aria-disabled":f,children:[O&&w.jsx("span",{className:P(R.icon,R[u]),children:O}),w.jsxs("div",{className:R.content,children:[w.jsx("div",{className:P(R.title,N(R,"title",b)),children:a}),l&&w.jsx("div",{className:P(R.subtitle,N(R,"subtitle",b)),children:l})]})]})},yr="_text_primary_dy5tw_1",xr="_text_secondary_dy5tw_4",wr="_text_tertiary_dy5tw_7",Er="_text_positive_dy5tw_10",Sr="_text_negative_dy5tw_13",Rr="_text_warning_dy5tw_16",Cr="_text_accent_dy5tw_19",Or="_text_inverse_dy5tw_22",jr="_text_body1_dy5tw_25",Tr="_text_body2_dy5tw_31",Pr="_text_caption1_dy5tw_37",kr="_text_caption2_dy5tw_43",Wr="_text_extraboldWeight_dy5tw_49",zr="_text_boldWeight_dy5tw_52",qr="_text_semiboldWeight_dy5tw_55",Dr="_text_mediumWeight_dy5tw_58",Ar="_text_regularWeight_dy5tw_61",Fr="_text_lightWeight_dy5tw_64",Ir="_text_extralightWeight_dy5tw_67",K={text_primary:yr,text_secondary:xr,text_tertiary:wr,text_positive:Er,text_negative:Sr,text_warning:Rr,text_accent:Cr,text_inverse:Or,text_body1:jr,text_body2:Tr,text_caption1:Pr,text_caption2:kr,text_extraboldWeight:Wr,text_boldWeight:zr,text_semiboldWeight:qr,text_mediumWeight:Dr,text_regularWeight:Ar,text_lightWeight:Fr,text_extralightWeight:Ir};function Mr(a,l,u){return q(a,l,u,"Weight")}function $r({attr:a,children:l,className:u,color:p="primary",variant:b="body1",weight:o="regular",tag:f="p",...d}){const v="text";return w.jsx(f,{...a,...d,className:P(K[v],u,q(K,v,p),q(K,v,b),Mr(K,v,o)),children:l})}const Lr="_themeProviderScoped_1hzo9_2",Nr={themeProviderScoped:Lr};function Vr({className:a,children:l}){return w.jsx("div",{className:P(Nr.themeProviderScoped,a),children:l})}exports.Avatar=Kt;exports.Hint=hr;exports.IconButton=Mt;exports.Text=$r;exports.ThemeProviderScoped=Vr;exports.getSizeClass=N;exports.getStyleClass=q;
|
|
35
35
|
//# sourceMappingURL=ui-kit.cjs.js.map
|