@bgord/design 0.29.5 → 0.29.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/index.d.ts +6 -233
  2. package/dist/lib.d.ts +134 -117
  3. package/dist/lib.js +47 -30
  4. package/dist/main.css +897 -448
  5. package/dist/main.min.css +1 -1
  6. package/dist/main.min.css.br +0 -0
  7. package/dist/main.min.css.gz +0 -0
  8. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,235 +1,8 @@
1
- export * from "./lib";
2
1
 
3
- export {};
2
+ export * from "./lib";
4
3
 
5
- import "react";
6
- declare module "react" {
7
- interface HTMLAttributes<T> {
8
- "data-backdrop"?: "none" | "weak" | "medium" | "strong";
9
- "data-bw"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset";
10
- "data-ff"?: "sans" | "serif" | "mono";
11
- "data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";
12
- "data-fw"?: "light" | "regular" | "medium" | "bold" | "black" | "unset";
13
- "data-ls"?: "tight" | "normal" | "wide" | "wider" | "widest" | "unset";
14
- "data-lh"?: "none" | "tight" | "base" | "loose" | "display" | "unset";
15
- "data-opacity"?: "high" | "medium" | "low";
16
- "data-br"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | "circle" | "unset";
17
- "data-shadow"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "inner" | "unset";
18
- "data-z"?: "negative" | "0" | "1" | "2" | "3";
19
- "data-color"?:
20
- | "neutral-0"
21
- | "neutral-50"
22
- | "neutral-100"
23
- | "neutral-200"
24
- | "neutral-300"
25
- | "neutral-400"
26
- | "neutral-500"
27
- | "neutral-600"
28
- | "neutral-700"
29
- | "neutral-800"
30
- | "neutral-900"
31
- | "brand-50"
32
- | "brand-100"
33
- | "brand-200"
34
- | "brand-300"
35
- | "brand-400"
36
- | "brand-500"
37
- | "brand-600"
38
- | "brand-700"
39
- | "brand-800"
40
- | "brand-900"
41
- | "positive-100"
42
- | "positive-300"
43
- | "positive-500"
44
- | "positive-700"
45
- | "positive-900"
46
- | "danger-100"
47
- | "danger-300"
48
- | "danger-500"
49
- | "danger-700"
50
- | "danger-900"
51
- | "warning-100"
52
- | "warning-300"
53
- | "warning-500"
54
- | "warning-700"
55
- | "warning-900";
56
- "data-bg"?:
57
- | "neutral-0"
58
- | "neutral-50"
59
- | "neutral-100"
60
- | "neutral-200"
61
- | "neutral-300"
62
- | "neutral-400"
63
- | "neutral-500"
64
- | "neutral-600"
65
- | "neutral-700"
66
- | "neutral-800"
67
- | "neutral-900"
68
- | "brand-50"
69
- | "brand-100"
70
- | "brand-200"
71
- | "brand-300"
72
- | "brand-400"
73
- | "brand-500"
74
- | "brand-600"
75
- | "brand-700"
76
- | "brand-800"
77
- | "brand-900"
78
- | "positive-100"
79
- | "positive-300"
80
- | "positive-500"
81
- | "positive-700"
82
- | "positive-900"
83
- | "danger-100"
84
- | "danger-300"
85
- | "danger-500"
86
- | "danger-700"
87
- | "danger-900"
88
- | "warning-100"
89
- | "warning-300"
90
- | "warning-500"
91
- | "warning-700"
92
- | "warning-900";
93
- "data-bc"?:
94
- | "neutral-0"
95
- | "neutral-50"
96
- | "neutral-100"
97
- | "neutral-200"
98
- | "neutral-300"
99
- | "neutral-400"
100
- | "neutral-500"
101
- | "neutral-600"
102
- | "neutral-700"
103
- | "neutral-800"
104
- | "neutral-900"
105
- | "brand-50"
106
- | "brand-100"
107
- | "brand-200"
108
- | "brand-300"
109
- | "brand-400"
110
- | "brand-500"
111
- | "brand-600"
112
- | "brand-700"
113
- | "brand-800"
114
- | "brand-900"
115
- | "positive-100"
116
- | "positive-300"
117
- | "positive-500"
118
- | "positive-700"
119
- | "positive-900"
120
- | "danger-100"
121
- | "danger-300"
122
- | "danger-500"
123
- | "danger-700"
124
- | "danger-900"
125
- | "warning-100"
126
- | "warning-300"
127
- | "warning-500"
128
- | "warning-700"
129
- | "warning-900";
130
- "data-p"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
131
- "data-pt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
132
- "data-pr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
133
- "data-pb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
134
- "data-pl"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
135
- "data-px"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
136
- "data-py"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
137
- "data-m"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
138
- "data-mt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
139
- "data-mr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
140
- "data-mb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
141
- "data-ml"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
142
- "data-mx"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
143
- "data-my"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
144
- "data-gap"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
145
- "data-top"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";
146
- "data-right"?:
147
- | "0"
148
- | "0-5"
149
- | "1"
150
- | "1-5"
151
- | "2"
152
- | "2-5"
153
- | "3"
154
- | "4"
155
- | "5"
156
- | "6"
157
- | "8"
158
- | "12"
159
- | "16"
160
- | "auto";
161
- "data-bottom"?:
162
- | "0"
163
- | "0-5"
164
- | "1"
165
- | "1-5"
166
- | "2"
167
- | "2-5"
168
- | "3"
169
- | "4"
170
- | "5"
171
- | "6"
172
- | "8"
173
- | "12"
174
- | "16"
175
- | "auto";
176
- "data-left"?:
177
- | "0"
178
- | "0-5"
179
- | "1"
180
- | "1-5"
181
- | "2"
182
- | "2-5"
183
- | "3"
184
- | "4"
185
- | "5"
186
- | "6"
187
- | "8"
188
- | "12"
189
- | "16"
190
- | "auto";
191
- "data-inset"?:
192
- | "0"
193
- | "0-5"
194
- | "1"
195
- | "1-5"
196
- | "2"
197
- | "2-5"
198
- | "3"
199
- | "4"
200
- | "5"
201
- | "6"
202
- | "8"
203
- | "12"
204
- | "16"
205
- | "auto";
206
- "data-max-width"?: "100%" | "unset" | "md";
207
- "data-max-height"?: "100%" | "unset" | "md";
208
- "data-display"?: "flex" | "block" | "inline-block" | "none";
209
- "data-cursor"?: "wait" | "auto" | "pointer" | "not-allowed";
210
- "data-object-fit"?: "contain" | "cover" | "fill" | "scale-down" | "none";
211
- "data-position"?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "unset";
212
- "data-rotate"?: "0" | "90" | "180" | "270";
213
- "data-object-position"?: "top" | "bottom" | "left" | "right" | "center" | "top-left" | "top-right";
214
- "data-pointer-events"?: "none" | "auto";
215
- "data-overflow"?: "auto" | "scroll" | "hidden";
216
- "data-direction"?: "row" | "row-reverse" | "column" | "column-reverse";
217
- "data-main"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";
218
- "data-cross"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";
219
- "data-grow"?: "1" | "unset";
220
- "data-shrink"?: "0" | "unset";
221
- "data-wrap"?: "nowrap" | "wrap" | "wrap-reverse" | "unset";
222
- "data-transform"?:
223
- | "uppercase"
224
- | "lowercase"
225
- | "capitalize"
226
- | "upper-first"
227
- | "truncate"
228
- | "center"
229
- | "nowrap"
230
- | "none"
231
- | "line-clamp";
232
- "data-width"?: "100%" | "auto" | "unset";
233
- "data-height"?: "100%" | "auto" | "unset";
234
- }
235
- }
4
+ export {};
5
+
6
+ import "react";
7
+ declare module "react" { interface HTMLAttributes<T> {
8
+ "data-main"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline"; "data-cross"?: "start" | "end" | "around" | "evenly" | "between" | "center" | "baseline";"data-backdrop"?: "none" | "weak" | "medium" | "strong";"data-bg"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bc"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bct"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcr"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcb"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcl"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcx"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900"; "data-bcy"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-bw"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwt"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwr"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwb"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwl"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwx"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset"; "data-bwy"?: "none" | "hairline" | "thin" | "base" | "thick" | "heavy" | "unset";"data-cursor"?: "wait" | "auto" | "pointer" | "not-allowed";"data-display"?: "flex" | "block" | "inline-block" | "none";"data-direction"?: "row" | "row-reverse" | "column" | "column-reverse";"data-grow"?: "1" | "unset";"data-shrink"?: "0" | "unset";"data-wrap"?: "nowrap" | "wrap" | "wrap-reverse" | "unset";"data-color"?: "neutral-0" | "neutral-50" | "neutral-100" | "neutral-200" | "neutral-300" | "neutral-400" | "neutral-500" | "neutral-600" | "neutral-700" | "neutral-800" | "neutral-900" | "neutral-950" | "brand-50" | "brand-100" | "brand-200" | "brand-300" | "brand-400" | "brand-500" | "brand-600" | "brand-700" | "brand-800" | "brand-900" | "positive-100" | "positive-300" | "positive-500" | "positive-700" | "positive-900" | "danger-100" | "danger-300" | "danger-500" | "danger-700" | "danger-900" | "warning-100" | "warning-300" | "warning-500" | "warning-700" | "warning-900";"data-ff"?: "sans" | "serif" | "mono";"data-fs"?: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl";"data-fw"?: "light" | "regular" | "medium" | "bold" | "black" | "unset";"data-gap"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-height"?: "100%" | "auto" | "unset";"data-ls"?: "tight" | "normal" | "wide" | "wider" | "widest" | "unset";"data-lh"?: "none" | "tight" | "base" | "loose" | "display" | "unset";"data-m"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-ml"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-mx"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-my"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-max-height"?: "100%" | "unset" | "md";"data-max-width"?: "100%" | "unset" | "md";"data-object-fit"?: "contain" | "cover" | "fill" | "scale-down" | "none";"data-object-position"?: "top" | "bottom" | "left" | "right" | "center" | "top-left" | "top-right";"data-opacity"?: "high" | "medium" | "low";"data-overflow"?: "auto" | "scroll" | "hidden";"data-p"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pt"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pr"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pb"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-pl"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-px"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto"; "data-py"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-pointer-events"?: "none" | "auto";"data-position"?: "static" | "relative" | "absolute" | "fixed" | "sticky" | "unset";"data-top"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-right"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-bottom"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-left"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-inset"?: "0" | "0-5" | "1" | "1-5" | "2" | "2-5" | "3" | "4" | "5" | "6" | "8" | "12" | "16" | "auto";"data-br"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "pill" | "circle" | "unset";"data-rotate"?: "0" | "90" | "180" | "270";"data-shadow"?: "none" | "xs" | "sm" | "md" | "lg" | "xl" | "inner" | "unset";"data-size"?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";"data-transform"?: "uppercase" | "lowercase" | "capitalize" | "upper-first" | "truncate" | "center" | "nowrap" | "none" | "line-clamp";"data-width"?: "100%" | "auto" | "unset";"data-z"?: "negative" | "0" | "1" | "2" | "3";}}
package/dist/lib.d.ts CHANGED
@@ -1,171 +1,188 @@
1
1
  export declare const BackdropsTokens: {
2
- readonly "backdrop-none": "none";
3
- readonly "backdrop-weak": "rgba(0 0 0 / 0.35)";
4
- readonly "backdrop-medium": "rgba(0 0 0 / 0.6)";
5
- readonly "backdrop-strong": "rgba(0 0 0 / 0.75)";
2
+ readonly "backdrop-none": "none";
3
+ readonly "backdrop-weak": "rgba(0 0 0 / 0.35)";
4
+ readonly "backdrop-medium": "rgba(0 0 0 / 0.6)";
5
+ readonly "backdrop-strong": "rgba(0 0 0 / 0.75)";
6
6
  };
7
7
  export type BackdropsTokenType = keyof typeof BackdropsTokens;
8
8
  export declare const BorderWidthTokens: {
9
- readonly "border-width-none": "0";
10
- readonly "border-width-hairline": "1px";
11
- readonly "border-width-thin": "2px";
12
- readonly "border-width-base": "4px";
13
- readonly "border-width-thick": "6px";
14
- readonly "border-width-heavy": "12px";
15
- readonly "border-width-unset": "unset";
9
+ readonly "border-width-none": "0";
10
+ readonly "border-width-hairline": "1px";
11
+ readonly "border-width-thin": "2px";
12
+ readonly "border-width-base": "4px";
13
+ readonly "border-width-thick": "6px";
14
+ readonly "border-width-heavy": "12px";
15
+ readonly "border-width-unset": "unset";
16
16
  };
17
17
  export type BorderWidthTokenType = keyof typeof BorderWidthTokens;
18
18
  export declare const BrandTokens: {
19
- readonly "color-brand-50": "oklch(0.94 0.07 255)";
20
- readonly "color-brand-100": "oklch(0.86 0.10 255)";
21
- readonly "color-brand-200": "oklch(0.78 0.12 255)";
22
- readonly "color-brand-300": "oklch(0.67 0.15 255)";
23
- readonly "color-brand-400": "oklch(0.56 0.18 255)";
24
- readonly "color-brand-500": "oklch(0.46 0.20 255)";
25
- readonly "color-brand-600": "oklch(0.38 0.18 255)";
26
- readonly "color-brand-700": "oklch(0.30 0.17 255)";
27
- readonly "color-brand-800": "oklch(0.24 0.15 255)";
28
- readonly "color-brand-900": "oklch(0.18 0.12 255)";
19
+ readonly "color-brand-50": "oklch(0.94 0.07 255)";
20
+ readonly "color-brand-100": "oklch(0.86 0.10 255)";
21
+ readonly "color-brand-200": "oklch(0.78 0.12 255)";
22
+ readonly "color-brand-300": "oklch(0.67 0.15 255)";
23
+ readonly "color-brand-400": "oklch(0.56 0.18 255)";
24
+ readonly "color-brand-500": "oklch(0.46 0.20 255)";
25
+ readonly "color-brand-600": "oklch(0.38 0.18 255)";
26
+ readonly "color-brand-700": "oklch(0.30 0.17 255)";
27
+ readonly "color-brand-800": "oklch(0.24 0.15 255)";
28
+ readonly "color-brand-900": "oklch(0.18 0.12 255)";
29
29
  };
30
30
  export type BrandTokenType = keyof typeof BrandTokens;
31
31
  export declare const BreakpointTokens: {
32
- readonly "breakpoint-md": "768px";
32
+ readonly "breakpoint-md": "768px";
33
33
  };
34
34
  export type BreakpointTokenType = keyof typeof BreakpointTokens;
35
35
  export declare const DangerTokens: {
36
- readonly "color-danger-100": "oklch(0.93 0.06 25)";
37
- readonly "color-danger-300": "oklch(0.78 0.12 25)";
38
- readonly "color-danger-500": "oklch(0.46 0.22 25)";
39
- readonly "color-danger-700": "oklch(0.30 0.18 25)";
40
- readonly "color-danger-900": "oklch(0.18 0.12 25)";
36
+ readonly "color-danger-100": "oklch(0.93 0.06 25)";
37
+ readonly "color-danger-300": "oklch(0.78 0.12 25)";
38
+ readonly "color-danger-500": "oklch(0.46 0.22 25)";
39
+ readonly "color-danger-700": "oklch(0.30 0.18 25)";
40
+ readonly "color-danger-900": "oklch(0.18 0.12 25)";
41
41
  };
42
42
  export type DangerTokenType = keyof typeof DangerTokens;
43
43
  export declare const FontFamilyTokens: {
44
- readonly "font-family-sans": "system-ui, sans-serif";
45
- readonly "font-family-serif": "Georgia, serif";
46
- readonly "font-family-mono": '"SFMono-Regular", monospace';
44
+ readonly "font-family-sans": "system-ui, sans-serif";
45
+ readonly "font-family-serif": "Georgia, serif";
46
+ readonly "font-family-mono": "\"SFMono-Regular\", monospace";
47
47
  };
48
48
  export type FontFamilyTokenType = keyof typeof FontFamilyTokens;
49
49
  export declare const FontSizeTokens: {
50
- readonly "font-size-xs": "0.75rem";
51
- readonly "font-size-sm": "0.875rem";
52
- readonly "font-size-base": "1rem";
53
- readonly "font-size-lg": "1.125rem";
54
- readonly "font-size-xl": "1.25rem";
55
- readonly "font-size-2xl": "1.5rem";
56
- readonly "font-size-3xl": "1.875rem";
57
- readonly "font-size-4xl": "2.25rem";
58
- readonly "font-size-5xl": "3rem";
50
+ readonly "font-size-xs": "0.75rem";
51
+ readonly "font-size-sm": "0.875rem";
52
+ readonly "font-size-base": "1rem";
53
+ readonly "font-size-lg": "1.125rem";
54
+ readonly "font-size-xl": "1.25rem";
55
+ readonly "font-size-2xl": "1.5rem";
56
+ readonly "font-size-3xl": "1.875rem";
57
+ readonly "font-size-4xl": "2.25rem";
58
+ readonly "font-size-5xl": "3rem";
59
59
  };
60
60
  export type FontSizeTokenType = keyof typeof FontSizeTokens;
61
61
  export declare const FontWeightTokens: {
62
- readonly "font-weight-light": "300";
63
- readonly "font-weight-regular": "400";
64
- readonly "font-weight-medium": "500";
65
- readonly "font-weight-bold": "700";
66
- readonly "font-weight-black": "900";
67
- readonly "font-weight-unset": "unset";
62
+ readonly "font-weight-light": "300";
63
+ readonly "font-weight-regular": "400";
64
+ readonly "font-weight-medium": "500";
65
+ readonly "font-weight-bold": "700";
66
+ readonly "font-weight-black": "900";
67
+ readonly "font-weight-unset": "unset";
68
68
  };
69
69
  export type FontWeightTokenType = keyof typeof FontWeightTokens;
70
70
  export declare const GrayscaleTokens: {
71
- readonly "color-neutral-0": "oklch(0.98 0.01 275)";
72
- readonly "color-neutral-50": "oklch(0.95 0.01 275)";
73
- readonly "color-neutral-100": "oklch(0.90 0.01 275)";
74
- readonly "color-neutral-200": "oklch(0.82 0.01 275)";
75
- readonly "color-neutral-300": "oklch(0.72 0.01 275)";
76
- readonly "color-neutral-400": "oklch(0.60 0.01 275)";
77
- readonly "color-neutral-500": "oklch(0.49 0.01 275)";
78
- readonly "color-neutral-600": "oklch(0.38 0.01 275)";
79
- readonly "color-neutral-700": "oklch(0.27 0.01 275)";
80
- readonly "color-neutral-800": "oklch(0.18 0.01 275)";
81
- readonly "color-neutral-900": "oklch(0.12 0.01 275)";
71
+ readonly "color-neutral-0": "oklch(0.98 0.01 275)";
72
+ readonly "color-neutral-50": "oklch(0.95 0.01 275)";
73
+ readonly "color-neutral-100": "oklch(0.90 0.01 275)";
74
+ readonly "color-neutral-200": "oklch(0.82 0.01 275)";
75
+ readonly "color-neutral-300": "oklch(0.72 0.01 275)";
76
+ readonly "color-neutral-400": "oklch(0.60 0.01 275)";
77
+ readonly "color-neutral-500": "oklch(0.49 0.01 275)";
78
+ readonly "color-neutral-600": "oklch(0.38 0.01 275)";
79
+ readonly "color-neutral-700": "oklch(0.27 0.01 275)";
80
+ readonly "color-neutral-800": "oklch(0.22 0.01 275)";
81
+ readonly "color-neutral-900": "oklch(0.18 0.01 275)";
82
+ readonly "color-neutral-950": "oklch(0.12 0.01 275)";
82
83
  };
83
84
  export type GrayscaleTokenType = keyof typeof GrayscaleTokens;
84
85
  export declare const LetterSpacingTokens: {
85
- readonly "letter-spacing-tight": "-0.01em";
86
- readonly "letter-spacing-normal": "0em";
87
- readonly "letter-spacing-wide": "0.025em";
88
- readonly "letter-spacing-wider": "0.05em";
89
- readonly "letter-spacing-widest": "0.1em";
90
- readonly "letter-spacing-unset": "unset";
86
+ readonly "letter-spacing-tight": "-0.01em";
87
+ readonly "letter-spacing-normal": "0em";
88
+ readonly "letter-spacing-wide": "0.025em";
89
+ readonly "letter-spacing-wider": "0.05em";
90
+ readonly "letter-spacing-widest": "0.1em";
91
+ readonly "letter-spacing-unset": "unset";
91
92
  };
92
93
  export type LetterSpacingTokenType = keyof typeof LetterSpacingTokens;
93
94
  export declare const LineHeightTokens: {
94
- readonly "line-height-none": "1";
95
- readonly "line-height-tight": "1.25";
96
- readonly "line-height-base": "1.5";
97
- readonly "line-height-loose": "1.65";
98
- readonly "line-height-display": "1.1";
99
- readonly "line-height-unset": "unset";
95
+ readonly "line-height-none": "1";
96
+ readonly "line-height-tight": "1.25";
97
+ readonly "line-height-base": "1.5";
98
+ readonly "line-height-loose": "1.65";
99
+ readonly "line-height-display": "1.1";
100
+ readonly "line-height-unset": "unset";
100
101
  };
101
102
  export type LineHeightTokenType = keyof typeof LineHeightTokens;
102
103
  export declare const OpacityTokens: {
103
- readonly "opacity-high": "0.8";
104
- readonly "opacity-medium": "0.5";
105
- readonly "opacity-low": "0.2";
104
+ readonly "opacity-high": "0.7";
105
+ readonly "opacity-medium": "0.5";
106
+ readonly "opacity-low": "0.2";
106
107
  };
107
108
  export type OpacityTokenType = keyof typeof OpacityTokens;
108
109
  export declare const PositiveTokens: {
109
- readonly "color-positive-100": "oklch(0.93 0.06 145)";
110
- readonly "color-positive-300": "oklch(0.78 0.11 145)";
111
- readonly "color-positive-500": "oklch(0.46 0.18 145)";
112
- readonly "color-positive-700": "oklch(0.30 0.15 145)";
113
- readonly "color-positive-900": "oklch(0.18 0.12 145)";
110
+ readonly "color-positive-100": "oklch(0.93 0.06 145)";
111
+ readonly "color-positive-300": "oklch(0.78 0.11 145)";
112
+ readonly "color-positive-500": "oklch(0.46 0.18 145)";
113
+ readonly "color-positive-700": "oklch(0.30 0.15 145)";
114
+ readonly "color-positive-900": "oklch(0.18 0.12 145)";
114
115
  };
115
116
  export type PositiveTokenType = keyof typeof PositiveTokens;
116
117
  export declare const RadiusTokens: {
117
- readonly "radius-none": "0";
118
- readonly "radius-xs": "2px";
119
- readonly "radius-sm": "4px";
120
- readonly "radius-md": "8px";
121
- readonly "radius-lg": "12px";
122
- readonly "radius-xl": "16px";
123
- readonly "radius-pill": "9999px";
124
- readonly "radius-circle": "50%";
125
- readonly "radius-unset": "unset";
118
+ readonly "radius-none": "0";
119
+ readonly "radius-xs": "2px";
120
+ readonly "radius-sm": "4px";
121
+ readonly "radius-md": "8px";
122
+ readonly "radius-lg": "12px";
123
+ readonly "radius-xl": "16px";
124
+ readonly "radius-pill": "9999px";
125
+ readonly "radius-circle": "50%";
126
+ readonly "radius-unset": "unset";
126
127
  };
127
128
  export type RadiusTokenType = keyof typeof RadiusTokens;
128
129
  export declare const ShadowTokens: {
129
- readonly "shadow-none": "none";
130
- readonly "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)";
131
- readonly "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)";
132
- readonly "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)";
133
- readonly "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)";
134
- readonly "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)";
135
- readonly "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)";
136
- readonly "shadow-unset": "unset";
130
+ readonly "shadow-none": "none";
131
+ readonly "shadow-xs": "0 1px 2px 0 rgba(0 0 0 / 0.03)";
132
+ readonly "shadow-sm": "0 1px 3px 0 rgba(0 0 0 / 0.05), 0 1px 2px -1px rgba(0 0 0 / 0.05)";
133
+ readonly "shadow-md": "0 4px 6px -1px rgba(0 0 0 / 0.06), 0 2px 4px -2px rgba(0 0 0 / 0.05)";
134
+ readonly "shadow-lg": "0 10px 15px -3px rgba(0 0 0 / 0.07), 0 4px 6px -4px rgba(0 0 0 / 0.06)";
135
+ readonly "shadow-xl": "0 20px 25px -5px rgba(0 0 0 / 0.08), 0 8px 10px -6px rgba(0 0 0 / 0.07)";
136
+ readonly "shadow-inner": "inset 0 2px 4px 0 rgba(0 0 0 / 0.06)";
137
+ readonly "shadow-unset": "unset";
137
138
  };
138
139
  export type ShadowTokenType = keyof typeof ShadowTokens;
140
+ export declare const SizeTokens: {
141
+ readonly "size-xs": "12px";
142
+ readonly "size-sm": "16px";
143
+ readonly "size-md": "20px";
144
+ readonly "size-lg": "24px";
145
+ readonly "size-xl": "32px";
146
+ readonly "size-2xl": "36px";
147
+ };
148
+ export type SizeTokenType = keyof typeof SizeTokens;
139
149
  export declare const SpacingTokens: {
140
- readonly "spacing-0": "0rem";
141
- readonly "spacing-0-5": "0.125rem";
142
- readonly "spacing-1": "0.25rem";
143
- readonly "spacing-1-5": "0.375rem";
144
- readonly "spacing-2": "0.5rem";
145
- readonly "spacing-2-5": "0.625rem";
146
- readonly "spacing-3": "0.75rem";
147
- readonly "spacing-4": "1rem";
148
- readonly "spacing-5": "1.25rem";
149
- readonly "spacing-6": "1.5rem";
150
- readonly "spacing-8": "2rem";
151
- readonly "spacing-12": "3rem";
152
- readonly "spacing-16": "4rem";
153
- readonly "spacing-auto": "auto";
150
+ readonly "spacing-0": "0rem";
151
+ readonly "spacing-0-5": "0.125rem";
152
+ readonly "spacing-1": "0.25rem";
153
+ readonly "spacing-1-5": "0.375rem";
154
+ readonly "spacing-2": "0.5rem";
155
+ readonly "spacing-2-5": "0.625rem";
156
+ readonly "spacing-3": "0.75rem";
157
+ readonly "spacing-4": "1rem";
158
+ readonly "spacing-5": "1.25rem";
159
+ readonly "spacing-6": "1.5rem";
160
+ readonly "spacing-8": "2rem";
161
+ readonly "spacing-12": "3rem";
162
+ readonly "spacing-16": "4rem";
163
+ readonly "spacing-auto": "auto";
154
164
  };
155
165
  export type SpacingTokenType = keyof typeof SpacingTokens;
156
166
  export declare const WarningTokens: {
157
- readonly "color-warning-100": "oklch(0.97 0.06 85)";
158
- readonly "color-warning-300": "oklch(0.86 0.12 85)";
159
- readonly "color-warning-500": "oklch(0.67 0.20 85)";
160
- readonly "color-warning-700": "oklch(0.46 0.18 85)";
161
- readonly "color-warning-900": "oklch(0.30 0.14 85)";
167
+ readonly "color-warning-100": "oklch(0.97 0.06 85)";
168
+ readonly "color-warning-300": "oklch(0.86 0.12 85)";
169
+ readonly "color-warning-500": "oklch(0.67 0.20 85)";
170
+ readonly "color-warning-700": "oklch(0.46 0.18 85)";
171
+ readonly "color-warning-900": "oklch(0.30 0.14 85)";
162
172
  };
163
173
  export type WarningTokenType = keyof typeof WarningTokens;
164
174
  export declare const ZIndexTokens: {
165
- readonly "z-index-negative": "-1";
166
- readonly "z-index-0": "0";
167
- readonly "z-index-1": "1";
168
- readonly "z-index-2": "2";
169
- readonly "z-index-3": "3";
175
+ readonly "z-index-negative": "-1";
176
+ readonly "z-index-0": "0";
177
+ readonly "z-index-1": "1";
178
+ readonly "z-index-2": "2";
179
+ readonly "z-index-3": "3";
170
180
  };
171
181
  export type ZIndexTokenType = keyof typeof ZIndexTokens;
182
+ export declare const MotionTokens: {
183
+ readonly "motion-instant": "75ms";
184
+ readonly "motion-fast": "150ms";
185
+ readonly "motion-medium": "300ms";
186
+ readonly "motion-slow": "400ms";
187
+ };
188
+ export type MotionTokenType = keyof typeof MotionTokens;