@jpmorganchase/mosaic-theme 0.1.0-beta.21 → 0.1.0-beta.23
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/animation/index.css +1 -1
- package/dist/blockquote/index.css +1 -1
- package/dist/blockquote/index.js +1 -1
- package/dist/border/index.css +1 -1
- package/dist/border/index.js +1 -1
- package/dist/button/button.css.d.ts +2 -2
- package/dist/button/index.css +1 -1
- package/dist/button/index.js +1 -1
- package/dist/{chunk-H644ZXHA.js → chunk-3HT5NT5T.js} +1 -1
- package/dist/{chunk-BVCSYDLR.js → chunk-44H72SXP.js} +1 -1
- package/dist/chunk-5DHJHDUT.js +1 -0
- package/dist/chunk-5NPTXMHA.js +1 -0
- package/dist/{chunk-RVBWKMDM.js → chunk-5OS4CYXP.js} +1 -1
- package/dist/{chunk-DT45M4QN.js → chunk-7K37MWOQ.js} +1 -1
- package/dist/chunk-7QU4VXT6.js +0 -0
- package/dist/chunk-E2IGWJQ7.js +1 -0
- package/dist/{chunk-GUI7K3VX.js → chunk-EXXRPW3V.js} +1 -1
- package/dist/{chunk-TGMKMXOG.js → chunk-IG5R5UH5.js} +1 -1
- package/dist/{chunk-HSWNHIQS.js → chunk-JVFY5UIP.js} +1 -1
- package/dist/{chunk-QQXC6JAX.js → chunk-KJJPGYSJ.js} +1 -1
- package/dist/{chunk-6CEHDQV3.js → chunk-NASSB3U2.js} +1 -1
- package/dist/{chunk-ZCFHPHV6.js → chunk-Q2EUZS3Z.js} +1 -1
- package/dist/{chunk-RYR5SMR2.js → chunk-QGIB3BH5.js} +1 -1
- package/dist/{chunk-3VOC6GJH.js → chunk-S3VJO6ST.js} +1 -1
- package/dist/{chunk-R6V4IHYK.js → chunk-STQED4VV.js} +1 -1
- package/dist/chunk-U5T6YKET.js +1 -0
- package/dist/chunk-VURHUDD5.js +1 -0
- package/dist/{chunk-FD6AHGGX.js → chunk-YP2DLSDX.js} +1 -1
- package/dist/color/index.css +1 -1
- package/dist/color/index.js +1 -1
- package/dist/componentExample/index.css +1 -1
- package/dist/componentExample/index.js +1 -1
- package/dist/config.d.ts +0 -7
- package/dist/feature/index.css +1 -1
- package/dist/feature/index.js +1 -1
- package/dist/grid/grid.css.d.ts +2 -2
- package/dist/grid/index.css +1 -1
- package/dist/grid/index.js +1 -1
- package/dist/hero/index.css +1 -1
- package/dist/hero/index.js +1 -1
- package/dist/icon/index.css +1 -1
- package/dist/icon/index.js +1 -1
- package/dist/impact/index.css +1 -1
- package/dist/impact/index.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/dist/link/index.css +1 -1
- package/dist/link/index.js +1 -1
- package/dist/list/index.css +1 -1
- package/dist/list/index.js +1 -1
- package/dist/opacity/index.css +1 -1
- package/dist/opacity/index.js +1 -1
- package/dist/responsive/index.css +1 -1
- package/dist/responsive/index.js +1 -1
- package/dist/responsive/responsive.css.d.ts +307 -307
- package/dist/salt/color.css.d.ts +106 -0
- package/dist/salt/index.css +1 -1
- package/dist/salt/index.js +1 -1
- package/dist/salt/salt.css.d.ts +7 -106
- package/dist/shadow/index.css +1 -1
- package/dist/shadow/index.js +1 -1
- package/dist/sidebar/index.css +1 -1
- package/dist/sidebar/index.js +1 -1
- package/dist/sidebar/sidebar.css.d.ts +3 -14
- package/dist/story/index.css +1 -1
- package/dist/story/index.js +1 -1
- package/dist/table/index.css +1 -1
- package/dist/table/index.js +1 -1
- package/dist/table/table.css.d.ts +1 -1
- package/dist/table/td.css.d.ts +1 -1
- package/dist/thematicBreak/index.css +1 -1
- package/dist/thematicBreak/index.js +1 -1
- package/dist/typography/action.css.d.ts +82 -82
- package/dist/typography/amount.css.d.ts +82 -82
- package/dist/typography/caption.css.d.ts +82 -82
- package/dist/typography/eyebrow.css.d.ts +82 -82
- package/dist/typography/heading.css.d.ts +89 -89
- package/dist/typography/index.css +1 -1
- package/dist/typography/index.js +1 -1
- package/dist/typography/paragraph.css.d.ts +82 -82
- package/dist/typography/subtitle.css.d.ts +82 -82
- package/dist/typography/watermark.css.d.ts +82 -82
- package/package.json +1 -1
- package/dist/chunk-7JHXNKD5.js +0 -1
- package/dist/chunk-LZAPE7NG.js +0 -1
- package/dist/chunk-MD2FKALX.js +0 -1
- package/dist/chunk-RI6HXUD3.js +0 -1
- package/dist/chunk-SX7MTZUV.js +0 -1
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
export declare const colorVars: {
|
|
2
|
+
white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3
|
+
black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
|
+
red10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
|
+
red20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
red30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
+
red40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
|
+
red50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
+
red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10
|
+
red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
11
|
+
red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
12
|
+
red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
13
|
+
red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
14
|
+
red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
15
|
+
red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
16
|
+
red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
17
|
+
red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
18
|
+
orange10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
19
|
+
orange20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
20
|
+
orange30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
21
|
+
orange40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
|
+
orange50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
23
|
+
orange100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
24
|
+
orange200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
25
|
+
orange300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
+
orange400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
+
orange500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
+
orange600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
+
orange700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
|
+
orange800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
+
orange900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
+
green10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
+
green20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
+
green30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
|
+
green40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
+
green50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
|
+
green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
39
|
+
green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
+
green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
+
green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
+
green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
+
green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
|
+
green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
+
green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
+
teal10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
+
teal20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
+
teal30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
+
teal40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
+
teal50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
+
teal100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
+
teal200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
+
teal300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
+
teal400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
+
teal500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
+
teal600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
|
+
teal700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
58
|
+
teal800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
+
teal900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
+
blue10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
|
+
blue20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
|
+
blue30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
|
+
blue40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
+
blue50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
|
+
blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
|
+
blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
|
+
blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
+
blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
+
blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
+
blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
+
blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
|
+
blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
+
blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
+
purple10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
75
|
+
purple20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
+
purple30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
|
+
purple40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
+
purple50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
|
+
purple100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
|
+
purple200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
81
|
+
purple300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
|
+
purple400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
|
+
purple500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
+
purple600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
+
purple700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
+
purple800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
|
+
purple900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
+
grey10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
89
|
+
grey20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
90
|
+
grey30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
91
|
+
grey40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
92
|
+
grey50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
93
|
+
grey60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
94
|
+
grey70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
|
+
grey80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
96
|
+
grey90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
97
|
+
grey100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
98
|
+
grey200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
|
+
grey300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
|
+
grey400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
|
+
grey500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
|
+
grey600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
|
+
grey700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
+
grey800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
105
|
+
grey900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
106
|
+
};
|
package/dist/salt/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
[data-mode=light],[data-mode=dark]{--_10xgpgx0: var(--salt-color-white);--_10xgpgx1: var(--salt-color-black);--_10xgpgx2: var(--salt-color-red-10);--_10xgpgx3: var(--salt-color-red-20);--_10xgpgx4: var(--salt-color-red-30);--_10xgpgx5: var(--salt-color-red-40);--_10xgpgx6: var(--salt-color-red-50);--_10xgpgx7: var(--salt-color-red-100);--_10xgpgx8: var(--salt-color-red-200);--_10xgpgx9: var(--salt-color-red-300);--_10xgpgxa: var(--salt-color-red-400);--_10xgpgxb: var(--salt-color-red-500);--_10xgpgxc: var(--salt-color-red-600);--_10xgpgxd: var(--salt-color-red-700);--_10xgpgxe: var(--salt-color-red-800);--_10xgpgxf: var(--salt-color-red-900);--_10xgpgxg: var(--salt-color-orange-10);--_10xgpgxh: var(--salt-color-orange-20);--_10xgpgxi: var(--salt-color-orange-30);--_10xgpgxj: var(--salt-color-orange-40);--_10xgpgxk: var(--salt-color-orange-50);--_10xgpgxl: var(--salt-color-orange-100);--_10xgpgxm: var(--salt-color-orange-200);--_10xgpgxn: var(--salt-color-orange-300);--_10xgpgxo: var(--salt-color-orange-400);--_10xgpgxp: var(--salt-color-orange-500);--_10xgpgxq: var(--salt-color-orange-600);--_10xgpgxr: var(--salt-color-orange-700);--_10xgpgxs: var(--salt-color-orange-800);--_10xgpgxt: var(--salt-color-orange-900);--_10xgpgxu: var(--salt-color-green-10);--_10xgpgxv: var(--salt-color-green-20);--_10xgpgxw: var(--salt-color-green-30);--_10xgpgxx: var(--salt-color-green-40);--_10xgpgxy: var(--salt-color-green-50);--_10xgpgxz: var(--salt-color-green-100);--_10xgpgx10: var(--salt-color-green-200);--_10xgpgx11: var(--salt-color-green-300);--_10xgpgx12: var(--salt-color-green-400);--_10xgpgx13: var(--salt-color-green-500);--_10xgpgx14: var(--salt-color-green-600);--_10xgpgx15: var(--salt-color-green-700);--_10xgpgx16: var(--salt-color-green-800);--_10xgpgx17: var(--salt-color-green-900);--_10xgpgx18: var(--salt-color-teal-10);--_10xgpgx19: var(--salt-color-teal-20);--_10xgpgx1a: var(--salt-color-teal-30);--_10xgpgx1b: var(--salt-color-teal-40);--_10xgpgx1c: var(--salt-color-teal-50);--_10xgpgx1d: var(--salt-color-teal-100);--_10xgpgx1e: var(--salt-color-teal-200);--_10xgpgx1f: var(--salt-color-teal-300);--_10xgpgx1g: var(--salt-color-teal-400);--_10xgpgx1h: var(--salt-color-teal-500);--_10xgpgx1i: var(--salt-color-teal-600);--_10xgpgx1j: var(--salt-color-teal-700);--_10xgpgx1k: var(--salt-color-teal-800);--_10xgpgx1l: var(--salt-color-teal-900);--_10xgpgx1m: var(--salt-color-blue-10);--_10xgpgx1n: var(--salt-color-blue-20);--_10xgpgx1o: var(--salt-color-blue-30);--_10xgpgx1p: var(--salt-color-blue-40);--_10xgpgx1q: var(--salt-color-blue-50);--_10xgpgx1r: var(--salt-color-blue-100);--_10xgpgx1s: var(--salt-color-blue-200);--_10xgpgx1t: var(--salt-color-blue-300);--_10xgpgx1u: var(--salt-color-blue-400);--_10xgpgx1v: var(--salt-color-blue-500);--_10xgpgx1w: var(--salt-color-blue-600);--_10xgpgx1x: var(--salt-color-blue-700);--_10xgpgx1y: var(--salt-color-blue-800);--_10xgpgx1z: var(--salt-color-blue-900);--_10xgpgx20: var(--salt-color-purple-10);--_10xgpgx21: var(--salt-color-purple-20);--_10xgpgx22: var(--salt-color-purple-30);--_10xgpgx23: var(--salt-color-purple-40);--_10xgpgx24: var(--salt-color-purple-50);--_10xgpgx25: var(--salt-color-purple-100);--_10xgpgx26: var(--salt-color-purple-200);--_10xgpgx27: var(--salt-color-purple-300);--_10xgpgx28: var(--salt-color-purple-400);--_10xgpgx29: var(--salt-color-purple-500);--_10xgpgx2a: var(--salt-color-purple-600);--_10xgpgx2b: var(--salt-color-purple-700);--_10xgpgx2c: var(--salt-color-purple-800);--_10xgpgx2d: var(--salt-color-purple-900);--_10xgpgx2e: var(--salt-color-gray-10);--_10xgpgx2f: var(--salt-color-gray-20);--_10xgpgx2g: var(--salt-color-gray-30);--_10xgpgx2h: var(--salt-color-gray-40);--_10xgpgx2i: var(--salt-color-gray-50);--_10xgpgx2j: var(--salt-color-gray-60);--_10xgpgx2k: var(--salt-color-gray-70);--_10xgpgx2l: var(--salt-color-gray-80);--_10xgpgx2m: var(--salt-color-gray-90);--_10xgpgx2n: var(--salt-color-gray-100);--_10xgpgx2o: var(--salt-color-gray-200);--_10xgpgx2p: var(--salt-color-gray-300);--_10xgpgx2q: var(--salt-color-gray-400);--_10xgpgx2r: var(--salt-color-gray-500);--_10xgpgx2s: var(--salt-color-gray-600);--_10xgpgx2t: var(--salt-color-gray-700);--_10xgpgx2u: var(--salt-color-gray-800);--_10xgpgx2v: var(--salt-color-gray-900)}.saltAccordionSection{--accordion-summary-height: 56px;--accordion-summary-paddingLeft: 40px;--saltAccordion-details-padding: 12px 40px}.saltIcon{--saltIcon-size-multiplier: 1}.saltIcon{--saltIcon-color: currentColor}.saltAccordionSection .salt-density-high,.saltAccordionSection .salt-density-medium,.saltAccordionSection .salt-density-low,.saltAccordionSection .salt-density-touch{--accordion-summary-height: 56px;--accordion-summary-paddingLeft: 40px;--saltAccordion-details-padding: 12px 40px}.saltSwitch{--saltSwitch-height: 16px}.saltMenuButtonTrigger{--saltButton-fontWeight: 400}[data-mode=light],[data-mode=dark]{--_13zp2860: var(--salt-shadow-0);--_13zp2861: var(--salt-shadow-1);--_13zp2862: var(--salt-shadow-2);--_13zp2863: var(--salt-shadow-3);--_13zp2864: var(--salt-shadow-4);--_13zp2865: var(--salt-shadow-5)}.saltToolbar>.Responsive-inner>.saltFormField.saltToolbarField:before{outline:none!important}.saltMenuButtonTrigger>.saltButton-label{padding-left:8px;padding-right:8px;font-weight:400}.saltCascadingMenuList-popper{z-index:1}[data-mode=light] .saltMenuItem-menuItemHover:hover{background:var(--salt-color-blue-30)}[data-mode=dark] .saltMenuItem-menuItemHover:hover{background:var(--salt-color-teal-800)}[data-mode=light]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-blurSelected: transparent;--salt-palette-interact-background-hover: var(--salt-color-blue-30);--salt-palette-interact-background-active: var(--salt-color-blue-30);--salt-palette-interact-background-disabled: transparent}[data-mode=dark]{--salt-palette-interact-background: transparent;--salt-palette-interact-background-blurSelected: transparent;--salt-palette-interact-background-hover: var(--salt-color-teal-800);--salt-palette-interact-background-active: var(--salt-color-teal-800);--salt-palette-interact-background-disabled: transparent}
|
package/dist/salt/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../chunk-
|
|
1
|
+
import"../chunk-7QU4VXT6.js";import"../chunk-LTNXT5QO.js";var t={summary:{height:"var(--accordion-summary-height)",paddingLeft:"var(--accordion-summary-paddingLeft)"},details:{padding:"var(--saltAccordion-details-padding)"}},o={fill:"var(--saltIcon-color)"},e={size:"var(--saltIcon-size-multiplier)"},s={backgroundColor:"var(--salt-palette-interact-background)",backgroundColorBlurSelected:"var(--salt-palette-interact-background-blurSelected)",backgroundColorHover:"var(--salt-palette-interact-background-hover)",backgroundColorActive:"var(--salt-palette-interact-background-active)",backgroundColorDisabled:"var(--salt-palette-interact-background-disabled)"},d={open:{fontWeight:"var(--saltButton-fontWeight)"}},l={shadow0:"var(--salt-shadow-0)",shadow1:"var(--salt-shadow-1)",shadow2:"var(--salt-shadow-2)",shadow3:"var(--salt-shadow-3)",shadow4:"var(--salt-shadow-4)",shadow5:"var(--salt-shadow-5)"},i={height:"var(--saltSwitch-height)"};export{t as accordionVars,o as iconColorVars,e as iconSizeVars,s as interactPalette,d as menuButtonTriggerVars,l as shadowVars,i as switchVars};
|
package/dist/salt/salt.css.d.ts
CHANGED
|
@@ -21,112 +21,6 @@ export declare const menuButtonTriggerVars: {
|
|
|
21
21
|
fontWeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
-
export declare const colorVars: {
|
|
25
|
-
white: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
26
|
-
black: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
27
|
-
red10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
28
|
-
red20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
29
|
-
red30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
30
|
-
red40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
31
|
-
red50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
32
|
-
red100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
33
|
-
red200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
-
red300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
|
-
red400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
-
red500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
-
red600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
|
-
red700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
39
|
-
red800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
40
|
-
red900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
41
|
-
orange10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
42
|
-
orange20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
43
|
-
orange30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
44
|
-
orange40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
45
|
-
orange50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
46
|
-
orange100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
47
|
-
orange200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
48
|
-
orange300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
49
|
-
orange400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
50
|
-
orange500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
51
|
-
orange600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
52
|
-
orange700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
53
|
-
orange800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
54
|
-
orange900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
55
|
-
green10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
56
|
-
green20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
57
|
-
green30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
58
|
-
green40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
59
|
-
green50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
60
|
-
green100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
61
|
-
green200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
62
|
-
green300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
63
|
-
green400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
64
|
-
green500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
65
|
-
green600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
66
|
-
green700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
67
|
-
green800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
68
|
-
green900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
69
|
-
teal10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
70
|
-
teal20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
71
|
-
teal30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
72
|
-
teal40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
73
|
-
teal50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
74
|
-
teal100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
75
|
-
teal200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
76
|
-
teal300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
77
|
-
teal400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
78
|
-
teal500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
79
|
-
teal600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
80
|
-
teal700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
81
|
-
teal800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
82
|
-
teal900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
83
|
-
blue10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
84
|
-
blue20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
85
|
-
blue30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
86
|
-
blue40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
87
|
-
blue50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
88
|
-
blue100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
89
|
-
blue200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
90
|
-
blue300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
91
|
-
blue400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
92
|
-
blue500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
93
|
-
blue600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
94
|
-
blue700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
95
|
-
blue800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
96
|
-
blue900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
97
|
-
purple10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
98
|
-
purple20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
99
|
-
purple30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
100
|
-
purple40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
101
|
-
purple50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
102
|
-
purple100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
103
|
-
purple200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
104
|
-
purple300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
105
|
-
purple400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
106
|
-
purple500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
107
|
-
purple600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
108
|
-
purple700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
109
|
-
purple800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
110
|
-
purple900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
111
|
-
grey10: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
112
|
-
grey20: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
113
|
-
grey30: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
114
|
-
grey40: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
115
|
-
grey50: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
116
|
-
grey60: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
117
|
-
grey70: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
118
|
-
grey80: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
119
|
-
grey90: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
120
|
-
grey100: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
121
|
-
grey200: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
122
|
-
grey300: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
123
|
-
grey400: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
124
|
-
grey500: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
125
|
-
grey600: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
126
|
-
grey700: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
127
|
-
grey800: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
128
|
-
grey900: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
129
|
-
};
|
|
130
24
|
export declare const shadowVars: {
|
|
131
25
|
shadow0: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
132
26
|
shadow1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -135,3 +29,10 @@ export declare const shadowVars: {
|
|
|
135
29
|
shadow4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
136
30
|
shadow5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
137
31
|
};
|
|
32
|
+
export declare const interactPalette: {
|
|
33
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
34
|
+
backgroundColorBlurSelected: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
35
|
+
backgroundColorHover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
36
|
+
backgroundColorActive: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
37
|
+
backgroundColorDisabled: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
38
|
+
};
|