@lateralus-ai/shipping-ui 2.0.0-dev.17 → 2.0.0-dev.19
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/ScrollableList.d.ts +22 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +14 -14
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +1449 -1404
- package/dist/tailwind-theme.d.ts +4 -0
- package/dist/theme-entry-Dwr2mV7_.js +1 -0
- package/dist/{theme-entry-BUK3MJUJ.mjs → theme-entry-tLBc6zGT.mjs} +8 -4
- package/dist/theme.cjs +1 -1
- package/dist/theme.esm.js +1 -1
- package/package.json +1 -1
- package/src/components/ScrollableList.tsx +61 -0
- package/src/components/index.ts +6 -0
- package/src/index.ts +4 -0
- package/src/stories/canvases/ContentCanvas.tsx +132 -2
- package/src/tailwind-theme.ts +186 -182
- package/dist/theme-entry-ygTpGaNC.js +0 -1
package/src/tailwind-theme.ts
CHANGED
|
@@ -1,182 +1,186 @@
|
|
|
1
|
-
import { colorScales } from "./tokens/colors";
|
|
2
|
-
import { elevation, borderRadius } from "./tokens/elevation";
|
|
3
|
-
|
|
4
|
-
const toTailwindFontSize = (
|
|
5
|
-
size: string,
|
|
6
|
-
opts: { lineHeight: string; letterSpacing: string; fontWeight?: number },
|
|
7
|
-
) =>
|
|
8
|
-
[
|
|
9
|
-
size,
|
|
10
|
-
{
|
|
11
|
-
lineHeight: opts.lineHeight,
|
|
12
|
-
letterSpacing: opts.letterSpacing,
|
|
13
|
-
...(opts.fontWeight ? { fontWeight: String(opts.fontWeight) } : {}),
|
|
14
|
-
},
|
|
15
|
-
] as const;
|
|
16
|
-
|
|
17
|
-
export const theme = {
|
|
18
|
-
fontFamily: {
|
|
19
|
-
heading: ['"TRY Vesterbro"', "Libre Baskerville", "Georgia", "serif"],
|
|
20
|
-
sans: ['"Matter-TRIAL"', "DM Sans", "system-ui", "sans-serif"],
|
|
21
|
-
mono: ["Roboto Mono", "monospace"],
|
|
22
|
-
},
|
|
23
|
-
fontSize: {
|
|
24
|
-
title: toTailwindFontSize("28px", { lineHeight: "34px", letterSpacing: "-0.02em" }),
|
|
25
|
-
"title-em": toTailwindFontSize("28px", {
|
|
26
|
-
lineHeight: "34px",
|
|
27
|
-
letterSpacing: "-0.02em",
|
|
28
|
-
fontWeight: 500,
|
|
29
|
-
}),
|
|
30
|
-
heading: toTailwindFontSize("22px", {
|
|
31
|
-
lineHeight: "28px",
|
|
32
|
-
letterSpacing: "0",
|
|
33
|
-
fontWeight: 500,
|
|
34
|
-
}),
|
|
35
|
-
subheader: toTailwindFontSize("18px", { lineHeight: "28px", letterSpacing: "-0.01em" }),
|
|
36
|
-
"subheader-em": toTailwindFontSize("18px", {
|
|
37
|
-
lineHeight: "28px",
|
|
38
|
-
letterSpacing: "-0.01em",
|
|
39
|
-
fontWeight: 500,
|
|
40
|
-
}),
|
|
41
|
-
body: toTailwindFontSize("16px", { lineHeight: "24px", letterSpacing: "-0.01em" }),
|
|
42
|
-
"body-em": toTailwindFontSize("16px", {
|
|
43
|
-
lineHeight: "24px",
|
|
44
|
-
letterSpacing: "-0.01em",
|
|
45
|
-
fontWeight: 500,
|
|
46
|
-
}),
|
|
47
|
-
"caption-1": toTailwindFontSize("16px", { lineHeight: "22px", letterSpacing: "0.02em" }),
|
|
48
|
-
"caption-1-em": toTailwindFontSize("16px", {
|
|
49
|
-
lineHeight: "22px",
|
|
50
|
-
letterSpacing: "0.02em",
|
|
51
|
-
fontWeight: 500,
|
|
52
|
-
}),
|
|
53
|
-
"caption-2": toTailwindFontSize("14px", { lineHeight: "20px", letterSpacing: "0.01em" }),
|
|
54
|
-
"caption-2-em": toTailwindFontSize("14px", {
|
|
55
|
-
lineHeight: "20px",
|
|
56
|
-
letterSpacing: "0.01em",
|
|
57
|
-
fontWeight: 500,
|
|
58
|
-
}),
|
|
59
|
-
footnote: toTailwindFontSize("13px", { lineHeight: "17px", letterSpacing: "0" }),
|
|
60
|
-
"footnote-em": toTailwindFontSize("13px", {
|
|
61
|
-
lineHeight: "17px",
|
|
62
|
-
letterSpacing: "0",
|
|
63
|
-
fontWeight: 500,
|
|
64
|
-
}),
|
|
65
|
-
},
|
|
66
|
-
boxShadow: {
|
|
67
|
-
raise1: elevation.raise1,
|
|
68
|
-
raise2: elevation.raise2,
|
|
69
|
-
raise3: elevation.raise3,
|
|
70
|
-
},
|
|
71
|
-
borderRadius: {
|
|
72
|
-
control: borderRadius.control,
|
|
73
|
-
lg: borderRadius.lg,
|
|
74
|
-
md: borderRadius.md,
|
|
75
|
-
sm: borderRadius.sm,
|
|
76
|
-
},
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
"on-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
"on-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
"on-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
"on-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
"on-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
"on-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
"on-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
"on-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
"on-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
"
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
},
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
"
|
|
178
|
-
"
|
|
179
|
-
"
|
|
180
|
-
"
|
|
181
|
-
|
|
182
|
-
|
|
1
|
+
import { colorScales } from "./tokens/colors";
|
|
2
|
+
import { elevation, borderRadius } from "./tokens/elevation";
|
|
3
|
+
|
|
4
|
+
const toTailwindFontSize = (
|
|
5
|
+
size: string,
|
|
6
|
+
opts: { lineHeight: string; letterSpacing: string; fontWeight?: number },
|
|
7
|
+
) =>
|
|
8
|
+
[
|
|
9
|
+
size,
|
|
10
|
+
{
|
|
11
|
+
lineHeight: opts.lineHeight,
|
|
12
|
+
letterSpacing: opts.letterSpacing,
|
|
13
|
+
...(opts.fontWeight ? { fontWeight: String(opts.fontWeight) } : {}),
|
|
14
|
+
},
|
|
15
|
+
] as const;
|
|
16
|
+
|
|
17
|
+
export const theme = {
|
|
18
|
+
fontFamily: {
|
|
19
|
+
heading: ['"TRY Vesterbro"', "Libre Baskerville", "Georgia", "serif"],
|
|
20
|
+
sans: ['"Matter-TRIAL"', "DM Sans", "system-ui", "sans-serif"],
|
|
21
|
+
mono: ["Roboto Mono", "monospace"],
|
|
22
|
+
},
|
|
23
|
+
fontSize: {
|
|
24
|
+
title: toTailwindFontSize("28px", { lineHeight: "34px", letterSpacing: "-0.02em" }),
|
|
25
|
+
"title-em": toTailwindFontSize("28px", {
|
|
26
|
+
lineHeight: "34px",
|
|
27
|
+
letterSpacing: "-0.02em",
|
|
28
|
+
fontWeight: 500,
|
|
29
|
+
}),
|
|
30
|
+
heading: toTailwindFontSize("22px", {
|
|
31
|
+
lineHeight: "28px",
|
|
32
|
+
letterSpacing: "0",
|
|
33
|
+
fontWeight: 500,
|
|
34
|
+
}),
|
|
35
|
+
subheader: toTailwindFontSize("18px", { lineHeight: "28px", letterSpacing: "-0.01em" }),
|
|
36
|
+
"subheader-em": toTailwindFontSize("18px", {
|
|
37
|
+
lineHeight: "28px",
|
|
38
|
+
letterSpacing: "-0.01em",
|
|
39
|
+
fontWeight: 500,
|
|
40
|
+
}),
|
|
41
|
+
body: toTailwindFontSize("16px", { lineHeight: "24px", letterSpacing: "-0.01em" }),
|
|
42
|
+
"body-em": toTailwindFontSize("16px", {
|
|
43
|
+
lineHeight: "24px",
|
|
44
|
+
letterSpacing: "-0.01em",
|
|
45
|
+
fontWeight: 500,
|
|
46
|
+
}),
|
|
47
|
+
"caption-1": toTailwindFontSize("16px", { lineHeight: "22px", letterSpacing: "0.02em" }),
|
|
48
|
+
"caption-1-em": toTailwindFontSize("16px", {
|
|
49
|
+
lineHeight: "22px",
|
|
50
|
+
letterSpacing: "0.02em",
|
|
51
|
+
fontWeight: 500,
|
|
52
|
+
}),
|
|
53
|
+
"caption-2": toTailwindFontSize("14px", { lineHeight: "20px", letterSpacing: "0.01em" }),
|
|
54
|
+
"caption-2-em": toTailwindFontSize("14px", {
|
|
55
|
+
lineHeight: "20px",
|
|
56
|
+
letterSpacing: "0.01em",
|
|
57
|
+
fontWeight: 500,
|
|
58
|
+
}),
|
|
59
|
+
footnote: toTailwindFontSize("13px", { lineHeight: "17px", letterSpacing: "0" }),
|
|
60
|
+
"footnote-em": toTailwindFontSize("13px", {
|
|
61
|
+
lineHeight: "17px",
|
|
62
|
+
letterSpacing: "0",
|
|
63
|
+
fontWeight: 500,
|
|
64
|
+
}),
|
|
65
|
+
},
|
|
66
|
+
boxShadow: {
|
|
67
|
+
raise1: elevation.raise1,
|
|
68
|
+
raise2: elevation.raise2,
|
|
69
|
+
raise3: elevation.raise3,
|
|
70
|
+
},
|
|
71
|
+
borderRadius: {
|
|
72
|
+
control: borderRadius.control,
|
|
73
|
+
lg: borderRadius.lg,
|
|
74
|
+
md: borderRadius.md,
|
|
75
|
+
sm: borderRadius.sm,
|
|
76
|
+
},
|
|
77
|
+
/** Extends Tailwind’s max-width scale (7xl = 1280px). */
|
|
78
|
+
maxWidth: {
|
|
79
|
+
"8xl": "1640px",
|
|
80
|
+
},
|
|
81
|
+
colors: {
|
|
82
|
+
grey: colorScales.grey,
|
|
83
|
+
gray: colorScales.grey,
|
|
84
|
+
green: colorScales.green,
|
|
85
|
+
blue: colorScales.blue,
|
|
86
|
+
red: colorScales.red,
|
|
87
|
+
orange: colorScales.orange,
|
|
88
|
+
purple: colorScales.purple,
|
|
89
|
+
white: "#ffffff",
|
|
90
|
+
action: {
|
|
91
|
+
primary: {
|
|
92
|
+
idle: "var(--action-primary-idle)",
|
|
93
|
+
"on-idle": "var(--action-primary-on-idle)",
|
|
94
|
+
hover: "var(--action-primary-hover)",
|
|
95
|
+
"on-hover": "var(--action-primary-on-hover)",
|
|
96
|
+
disabled: "var(--action-primary-disabled)",
|
|
97
|
+
"on-disabled": "var(--action-primary-on-disabled)",
|
|
98
|
+
},
|
|
99
|
+
secondary: {
|
|
100
|
+
idle: "var(--action-secondary-idle)",
|
|
101
|
+
"on-idle": "var(--action-secondary-on-idle)",
|
|
102
|
+
hover: "var(--action-secondary-hover)",
|
|
103
|
+
"on-hover": "var(--action-secondary-on-hover)",
|
|
104
|
+
disabled: "var(--action-secondary-disabled)",
|
|
105
|
+
"on-disabled": "var(--action-secondary-on-disabled)",
|
|
106
|
+
},
|
|
107
|
+
tertiary: {
|
|
108
|
+
idle: "var(--action-tertiary-idle)",
|
|
109
|
+
"on-idle": "var(--action-tertiary-on-idle)",
|
|
110
|
+
hover: "var(--action-tertiary-hover)",
|
|
111
|
+
"on-hover": "var(--action-tertiary-on-hover)",
|
|
112
|
+
disabled: "var(--action-tertiary-disabled)",
|
|
113
|
+
"on-disabled": "var(--action-tertiary-on-disabled)",
|
|
114
|
+
},
|
|
115
|
+
quaternary: {
|
|
116
|
+
idle: "var(--action-quaternary-idle)",
|
|
117
|
+
"on-idle": "var(--action-quaternary-on-idle)",
|
|
118
|
+
hover: "var(--action-quaternary-hover)",
|
|
119
|
+
"on-hover": "var(--action-quaternary-on-hover)",
|
|
120
|
+
disabled: "var(--action-quaternary-disabled)",
|
|
121
|
+
"on-disabled": "var(--action-quaternary-on-disabled)",
|
|
122
|
+
},
|
|
123
|
+
destructive: {
|
|
124
|
+
idle: "var(--action-destructive-idle)",
|
|
125
|
+
"on-idle": "var(--action-destructive-on-idle)",
|
|
126
|
+
hover: "var(--action-destructive-hover)",
|
|
127
|
+
"on-hover": "var(--action-destructive-on-hover)",
|
|
128
|
+
disabled: "var(--action-destructive-disabled)",
|
|
129
|
+
"on-disabled": "var(--action-destructive-on-disabled)",
|
|
130
|
+
},
|
|
131
|
+
},
|
|
132
|
+
background: {
|
|
133
|
+
primary: "var(--background-primary)",
|
|
134
|
+
secondary: "var(--background-secondary)",
|
|
135
|
+
tertiary: "var(--background-tertiary)",
|
|
136
|
+
hover: "var(--background-hover)",
|
|
137
|
+
selected: "var(--background-selected)",
|
|
138
|
+
overlay: "var(--background-overlay)",
|
|
139
|
+
},
|
|
140
|
+
display: {
|
|
141
|
+
"on-light": {
|
|
142
|
+
primary: "var(--display-on-light-primary)",
|
|
143
|
+
secondary: "var(--display-on-light-secondary)",
|
|
144
|
+
tertiary: "var(--display-on-light-tertiary)",
|
|
145
|
+
quaternary: "var(--display-on-light-quaternary)",
|
|
146
|
+
},
|
|
147
|
+
"on-dark": {
|
|
148
|
+
primary: "var(--display-on-dark-primary)",
|
|
149
|
+
secondary: "var(--display-on-dark-secondary)",
|
|
150
|
+
tertiary: "var(--display-on-dark-tertiary)",
|
|
151
|
+
quaternary: "var(--display-on-dark-quaternary)",
|
|
152
|
+
},
|
|
153
|
+
},
|
|
154
|
+
accent: {
|
|
155
|
+
"on-light": "var(--accent-on-light)",
|
|
156
|
+
"on-dark": "var(--accent-on-dark)",
|
|
157
|
+
"bg-light": "var(--accent-bg-light)",
|
|
158
|
+
"bg-lighter": "var(--accent-bg-lighter)",
|
|
159
|
+
},
|
|
160
|
+
divider: {
|
|
161
|
+
primary: "var(--divider-primary)",
|
|
162
|
+
secondary: "var(--divider-secondary)",
|
|
163
|
+
},
|
|
164
|
+
meta: {
|
|
165
|
+
green: "var(--meta-green)",
|
|
166
|
+
onGreen: "var(--meta-on-green)",
|
|
167
|
+
orange: "var(--meta-orange)",
|
|
168
|
+
onOrange: "var(--meta-on-orange)",
|
|
169
|
+
red: "var(--meta-red)",
|
|
170
|
+
onRed: "var(--meta-on-red)",
|
|
171
|
+
blue: "var(--meta-blue)",
|
|
172
|
+
onBlue: "var(--meta-on-blue)",
|
|
173
|
+
purple: "var(--meta-purple)",
|
|
174
|
+
onPurple: "var(--meta-on-purple)",
|
|
175
|
+
},
|
|
176
|
+
/* Legacy aliases */
|
|
177
|
+
"text-primary": "var(--display-on-light-primary)",
|
|
178
|
+
"text-secondary": "var(--display-on-light-secondary)",
|
|
179
|
+
"text-tertiary": "var(--display-on-light-tertiary)",
|
|
180
|
+
"surface-primary": "var(--background-primary)",
|
|
181
|
+
"surface-secondary": "var(--background-secondary)",
|
|
182
|
+
"surface-hover": "var(--background-secondary)",
|
|
183
|
+
"border-light": "var(--divider-primary)",
|
|
184
|
+
"border-medium": "var(--divider-secondary)",
|
|
185
|
+
},
|
|
186
|
+
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const n={50:"#fdfdfc",100:"#f4f2ea",200:"#e1ddce",300:"#bfb9a5",400:"#969080",500:"#6e6960",600:"#524e47",700:"#3a3733",800:"#312e2a",900:"#262420"},o={50:"#f5f8f2",100:"#dde6d2",200:"#c5d4b3",300:"#a8bf8f",400:"#7a9a5e",500:"#5a7a42",600:"#456332",700:"#304624",800:"#223018",900:"#141c0e"},d={50:"#eef1f8",100:"#dae0ef",200:"#b8c4e0",300:"#8fa3cc",400:"#5274ae",500:"#3a5d96",600:"#154199",700:"#103480",800:"#0c2860",900:"#081c42"},c={50:"#faf3f1",100:"#f0d3cc",200:"#e4b0a5",300:"#c97a6b",400:"#b85a48",500:"#a0392a",600:"#802c20",700:"#621f16",800:"#45150f",900:"#2a0c08"},l={50:"#faf1de",100:"#f5e4c0",200:"#efd49a",300:"#e4bc6a",400:"#d9a03e",500:"#c48820",600:"#8f6318",700:"#5a3d0d",800:"#3d2a09",900:"#261a05"},s={50:"#f6f2f8",100:"#e2d9e8",200:"#cbbad6",300:"#b09bc3",400:"#957cb0",500:"#7a5d9d",600:"#5e4680",700:"#3d2e4a",800:"#2a2033",900:"#18121c"},p="#ffffff",a={grey:n,green:o,blue:d,red:c,orange:l,purple:s},t={raise1:"0 1px 2px rgba(38, 36, 32, 0.06), 0 1px 3px rgba(38, 36, 32, 0.04)",raise2:"0 2px 8px rgba(38, 36, 32, 0.08), 0 1px 2px rgba(38, 36, 32, 0.04)",raise3:"0 8px 24px rgba(38, 36, 32, 0.12), 0 2px 8px rgba(38, 36, 32, 0.06)"},r={control:"8px",lg:"8px",md:"6px",sm:"4px"},e=(v,i)=>[v,{lineHeight:i.lineHeight,letterSpacing:i.letterSpacing,...i.fontWeight?{fontWeight:String(i.fontWeight)}:{}}],g={fontFamily:{heading:['"TRY Vesterbro"',"Libre Baskerville","Georgia","serif"],sans:['"Matter-TRIAL"',"DM Sans","system-ui","sans-serif"],mono:["Roboto Mono","monospace"]},fontSize:{title:e("28px",{lineHeight:"34px",letterSpacing:"-0.02em"}),"title-em":e("28px",{lineHeight:"34px",letterSpacing:"-0.02em",fontWeight:500}),heading:e("22px",{lineHeight:"28px",letterSpacing:"0",fontWeight:500}),subheader:e("18px",{lineHeight:"28px",letterSpacing:"-0.01em"}),"subheader-em":e("18px",{lineHeight:"28px",letterSpacing:"-0.01em",fontWeight:500}),body:e("16px",{lineHeight:"24px",letterSpacing:"-0.01em"}),"body-em":e("16px",{lineHeight:"24px",letterSpacing:"-0.01em",fontWeight:500}),"caption-1":e("16px",{lineHeight:"22px",letterSpacing:"0.02em"}),"caption-1-em":e("16px",{lineHeight:"22px",letterSpacing:"0.02em",fontWeight:500}),"caption-2":e("14px",{lineHeight:"20px",letterSpacing:"0.01em"}),"caption-2-em":e("14px",{lineHeight:"20px",letterSpacing:"0.01em",fontWeight:500}),footnote:e("13px",{lineHeight:"17px",letterSpacing:"0"}),"footnote-em":e("13px",{lineHeight:"17px",letterSpacing:"0",fontWeight:500})},boxShadow:{raise1:t.raise1,raise2:t.raise2,raise3:t.raise3},borderRadius:{control:r.control,lg:r.lg,md:r.md,sm:r.sm},colors:{grey:a.grey,gray:a.grey,green:a.green,blue:a.blue,red:a.red,orange:a.orange,purple:a.purple,white:"#ffffff",action:{primary:{idle:"var(--action-primary-idle)","on-idle":"var(--action-primary-on-idle)",hover:"var(--action-primary-hover)","on-hover":"var(--action-primary-on-hover)",disabled:"var(--action-primary-disabled)","on-disabled":"var(--action-primary-on-disabled)"},secondary:{idle:"var(--action-secondary-idle)","on-idle":"var(--action-secondary-on-idle)",hover:"var(--action-secondary-hover)","on-hover":"var(--action-secondary-on-hover)",disabled:"var(--action-secondary-disabled)","on-disabled":"var(--action-secondary-on-disabled)"},tertiary:{idle:"var(--action-tertiary-idle)","on-idle":"var(--action-tertiary-on-idle)",hover:"var(--action-tertiary-hover)","on-hover":"var(--action-tertiary-on-hover)",disabled:"var(--action-tertiary-disabled)","on-disabled":"var(--action-tertiary-on-disabled)"},quaternary:{idle:"var(--action-quaternary-idle)","on-idle":"var(--action-quaternary-on-idle)",hover:"var(--action-quaternary-hover)","on-hover":"var(--action-quaternary-on-hover)",disabled:"var(--action-quaternary-disabled)","on-disabled":"var(--action-quaternary-on-disabled)"},destructive:{idle:"var(--action-destructive-idle)","on-idle":"var(--action-destructive-on-idle)",hover:"var(--action-destructive-hover)","on-hover":"var(--action-destructive-on-hover)",disabled:"var(--action-destructive-disabled)","on-disabled":"var(--action-destructive-on-disabled)"}},background:{primary:"var(--background-primary)",secondary:"var(--background-secondary)",tertiary:"var(--background-tertiary)",hover:"var(--background-hover)",selected:"var(--background-selected)",overlay:"var(--background-overlay)"},display:{"on-light":{primary:"var(--display-on-light-primary)",secondary:"var(--display-on-light-secondary)",tertiary:"var(--display-on-light-tertiary)",quaternary:"var(--display-on-light-quaternary)"},"on-dark":{primary:"var(--display-on-dark-primary)",secondary:"var(--display-on-dark-secondary)",tertiary:"var(--display-on-dark-tertiary)",quaternary:"var(--display-on-dark-quaternary)"}},accent:{"on-light":"var(--accent-on-light)","on-dark":"var(--accent-on-dark)","bg-light":"var(--accent-bg-light)","bg-lighter":"var(--accent-bg-lighter)"},divider:{primary:"var(--divider-primary)",secondary:"var(--divider-secondary)"},meta:{green:"var(--meta-green)",onGreen:"var(--meta-on-green)",orange:"var(--meta-orange)",onOrange:"var(--meta-on-orange)",red:"var(--meta-red)",onRed:"var(--meta-on-red)",blue:"var(--meta-blue)",onBlue:"var(--meta-on-blue)",purple:"var(--meta-purple)",onPurple:"var(--meta-on-purple)"},"text-primary":"var(--display-on-light-primary)","text-secondary":"var(--display-on-light-secondary)","text-tertiary":"var(--display-on-light-tertiary)","surface-primary":"var(--background-primary)","surface-secondary":"var(--background-secondary)","surface-hover":"var(--background-secondary)","border-light":"var(--divider-primary)","border-medium":"var(--divider-secondary)"}};exports.blue=d;exports.borderRadius=r;exports.colorScales=a;exports.elevation=t;exports.green=o;exports.grey=n;exports.orange=l;exports.purple=s;exports.red=c;exports.theme=g;exports.white=p;
|