@bcc-code/design-tokens 0.5.0 → 1.0.1

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.
@@ -1,1445 +0,0 @@
1
- const p = {
2
- neutral: {
3
- 0: "#ffffff",
4
- 50: "#f9fafb",
5
- 100: "#f3f4f6",
6
- 200: "#e5e7eb",
7
- 300: "#d1d5db",
8
- 400: "#9ca3af",
9
- 500: "#6b7280",
10
- 600: "#4b5563",
11
- 700: "#374151",
12
- 800: "#1f2937",
13
- 900: "#111827"
14
- },
15
- "bcc-brand": {
16
- 50: "#f5f8f8",
17
- 100: "#eaeeef",
18
- 200: "#d2dadb",
19
- 300: "#acbdbd",
20
- 400: "#8ea6a6",
21
- 500: "#437571",
22
- 600: "#004e48",
23
- 700: "#023d38",
24
- 800: "#021f1c",
25
- 900: "#020a0b"
26
- },
27
- green: {
28
- 50: "#eefff4",
29
- 100: "#d7ffe7",
30
- 200: "#b2ffd1",
31
- 300: "#7dffb3",
32
- 400: "#33f584",
33
- 500: "#09de62",
34
- 600: "#01b84e",
35
- 700: "#059040",
36
- 800: "#0a7137",
37
- 900: "#0a5d2f"
38
- },
39
- lime: {
40
- 50: "#f7ffe4",
41
- 100: "#ebffc4",
42
- 200: "#d8ff90",
43
- 300: "#bbff50",
44
- 400: "#a9ff34",
45
- 500: "#7fe600",
46
- 600: "#61b800",
47
- 700: "#498b00",
48
- 800: "#3b6d07",
49
- 900: "#335c0b"
50
- },
51
- teal: {
52
- 50: "#effefd",
53
- 100: "#c7fffa",
54
- 200: "#7dfff4",
55
- 300: "#50f8ef",
56
- 400: "#1de4e1",
57
- 500: "#04c8c7",
58
- 600: "#009da1",
59
- 700: "#057d80",
60
- 800: "#0a6165",
61
- 900: "#0d5154"
62
- },
63
- blue: {
64
- 50: "#eef9ff",
65
- 100: "#d9f1ff",
66
- 200: "#bce8ff",
67
- 300: "#8edbff",
68
- 400: "#59c5ff",
69
- 500: "#34a9ff",
70
- 600: "#1b8af5",
71
- 700: "#1472e1",
72
- 800: "#175bb6",
73
- 900: "#194e8f"
74
- },
75
- purple: {
76
- 50: "#f9f4ff",
77
- 100: "#f0e5ff",
78
- 200: "#e4d0ff",
79
- 300: "#d0acff",
80
- 400: "#b276ff",
81
- 500: "#9542ff",
82
- 600: "#8a34ff",
83
- 700: "#6a0ee2",
84
- 800: "#5b12b7",
85
- 900: "#4c1093"
86
- },
87
- pink: {
88
- 50: "#fef1f9",
89
- 100: "#fee5f5",
90
- 200: "#ffcaed",
91
- 300: "#ff9fdd",
92
- 400: "#ff63c4",
93
- 500: "#ff34a9",
94
- 600: "#f01287",
95
- 700: "#d1056b",
96
- 800: "#ad0758",
97
- 900: "#8f0c4c"
98
- },
99
- red: {
100
- 50: "#fff1f1",
101
- 100: "#ffe3e3",
102
- 200: "#ffcccf",
103
- 300: "#ffa1a7",
104
- 400: "#ff7d88",
105
- 500: "#f93a4f",
106
- 600: "#e71738",
107
- 700: "#c30d2e",
108
- 800: "#a30e2e",
109
- 900: "#8b102f"
110
- },
111
- orange: {
112
- 50: "#fff5ed",
113
- 100: "#ffe9d4",
114
- 200: "#ffcfa9",
115
- 300: "#ffb37d",
116
- 400: "#fe7f39",
117
- 500: "#fc5c13",
118
- 600: "#ed4109",
119
- 700: "#c52e09",
120
- 800: "#9c2610",
121
- 900: "#7e2111"
122
- },
123
- yellow: {
124
- 50: "#fefde8",
125
- 100: "#fffdc2",
126
- 200: "#fff87b",
127
- 300: "#ffee45",
128
- 400: "#fcdd13",
129
- 500: "#ecc406",
130
- 600: "#cc9902",
131
- 700: "#a26d06",
132
- 800: "#86550d",
133
- 900: "#724611"
134
- },
135
- "silver-tree": {
136
- 50: "#f3faf7",
137
- 100: "#d8efe5",
138
- 200: "#b1decc",
139
- 300: "#82c6ad",
140
- 400: "#5cab91",
141
- 500: "#3e8e75",
142
- 600: "#30715e",
143
- 700: "#2a5b4e",
144
- 800: "#254a40",
145
- 900: "#223f37"
146
- },
147
- gimblet: {
148
- 50: "#faf9f2",
149
- 100: "#f3f1e1",
150
- 200: "#e5e1c3",
151
- 300: "#d5cd9c",
152
- 400: "#bdac67",
153
- 500: "#b6a059",
154
- 600: "#a98d4d",
155
- 700: "#8c7142",
156
- 800: "#725c3a",
157
- 900: "#5d4b31"
158
- },
159
- mongoose: {
160
- 50: "#f9f7f3",
161
- 100: "#f2ede2",
162
- 200: "#e4d9c4",
163
- 300: "#d2bf9f",
164
- 400: "#bfa178",
165
- 500: "#b28b5d",
166
- 600: "#a47852",
167
- 700: "#896245",
168
- 800: "#6f4f3d",
169
- 900: "#5b4233"
170
- },
171
- "muddy-waters": {
172
- 50: "#f9f4f1",
173
- 100: "#eedfd7",
174
- 200: "#dbbeac",
175
- 300: "#c89a81",
176
- 400: "#bd8167",
177
- 500: "#b06450",
178
- 600: "#9b4f44",
179
- 700: "#813d3c",
180
- 800: "#6b3538",
181
- 900: "#592e30"
182
- },
183
- viola: {
184
- 50: "#faf5f7",
185
- 100: "#f6edf1",
186
- 200: "#eedce3",
187
- 300: "#e2bfcc",
188
- 400: "#ce97ab",
189
- 500: "#bc788f",
190
- 600: "#a75b71",
191
- 700: "#8e485a",
192
- 800: "#763e4c",
193
- 900: "#643742"
194
- },
195
- "light-wisteria": {
196
- 50: "#fbf8fc",
197
- 100: "#f6eef9",
198
- 200: "#f0e0f4",
199
- 300: "#e3c7eb",
200
- 400: "#d0a3dd",
201
- 500: "#bd7fcd",
202
- 600: "#aa62bb",
203
- 700: "#924ea2",
204
- 800: "#7a4485",
205
- 900: "#63386b"
206
- },
207
- "cold-purple": {
208
- 50: "#f6f6fc",
209
- 100: "#efeef9",
210
- 200: "#e1e0f4",
211
- 300: "#cac6ec",
212
- 400: "#a69ddc",
213
- 500: "#9181d1",
214
- 600: "#7d65c2",
215
- 700: "#6c53ae",
216
- 800: "#5b4592",
217
- 900: "#4b3a78"
218
- },
219
- "polo-blue": {
220
- 50: "#f4f6fa",
221
- 100: "#e6ebf3",
222
- 200: "#d2dbeb",
223
- 300: "#b4c4dc",
224
- 400: "#97abce",
225
- 500: "#758abc",
226
- 600: "#6274ae",
227
- 700: "#57639e",
228
- 800: "#4b5382",
229
- 900: "#3f4669"
230
- },
231
- neptune: {
232
- 50: "#f2f9f9",
233
- 100: "#ddeef0",
234
- 200: "#bfdfe2",
235
- 300: "#92c7ce",
236
- 400: "#74b2bc",
237
- 500: "#438a97",
238
- 600: "#3a7280",
239
- 700: "#345e6a",
240
- 800: "#314f59",
241
- 900: "#2d444c"
242
- },
243
- mantis: {
244
- 50: "#f5faf3",
245
- 100: "#e7f5e3",
246
- 200: "#cfeac8",
247
- 300: "#a9d89d",
248
- 400: "#78bd67",
249
- 500: "#57a245",
250
- 600: "#448534",
251
- 700: "#37692c",
252
- 800: "#2f5427",
253
- 900: "#284522"
254
- },
255
- isbre: {
256
- 50: "#FCFDFD",
257
- 100: "#F6F9F9",
258
- 200: "#F1F5F5",
259
- 300: "#ECF1F1",
260
- 400: "#E6EDED",
261
- 500: "#E1E8E9",
262
- 600: "#DCE4E4",
263
- 700: "#D7DFE0"
264
- }
265
- };
266
- var s = {}, d = {};
267
- (function(e) {
268
- Object.defineProperty(e, "__esModule", {
269
- value: !0
270
- }), Object.defineProperty(e, "cloneDeep", {
271
- enumerable: !0,
272
- get: () => t
273
- });
274
- function t(r) {
275
- return Array.isArray(r) ? r.map((a) => t(a)) : typeof r == "object" && r !== null ? Object.fromEntries(Object.entries(r).map(([a, o]) => [
276
- a,
277
- t(o)
278
- ])) : r;
279
- }
280
- })(d);
281
- var c = {
282
- content: [],
283
- presets: [],
284
- darkMode: "media",
285
- // or 'class'
286
- theme: {
287
- accentColor: ({ theme: e }) => ({
288
- ...e("colors"),
289
- auto: "auto"
290
- }),
291
- animation: {
292
- none: "none",
293
- spin: "spin 1s linear infinite",
294
- ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
295
- pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
296
- bounce: "bounce 1s infinite"
297
- },
298
- aria: {
299
- checked: 'checked="true"',
300
- disabled: 'disabled="true"',
301
- expanded: 'expanded="true"',
302
- hidden: 'hidden="true"',
303
- pressed: 'pressed="true"',
304
- readonly: 'readonly="true"',
305
- required: 'required="true"',
306
- selected: 'selected="true"'
307
- },
308
- aspectRatio: {
309
- auto: "auto",
310
- square: "1 / 1",
311
- video: "16 / 9"
312
- },
313
- backdropBlur: ({ theme: e }) => e("blur"),
314
- backdropBrightness: ({ theme: e }) => e("brightness"),
315
- backdropContrast: ({ theme: e }) => e("contrast"),
316
- backdropGrayscale: ({ theme: e }) => e("grayscale"),
317
- backdropHueRotate: ({ theme: e }) => e("hueRotate"),
318
- backdropInvert: ({ theme: e }) => e("invert"),
319
- backdropOpacity: ({ theme: e }) => e("opacity"),
320
- backdropSaturate: ({ theme: e }) => e("saturate"),
321
- backdropSepia: ({ theme: e }) => e("sepia"),
322
- backgroundColor: ({ theme: e }) => e("colors"),
323
- backgroundImage: {
324
- none: "none",
325
- "gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
326
- "gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
327
- "gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
328
- "gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
329
- "gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
330
- "gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
331
- "gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
332
- "gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))"
333
- },
334
- backgroundOpacity: ({ theme: e }) => e("opacity"),
335
- backgroundPosition: {
336
- bottom: "bottom",
337
- center: "center",
338
- left: "left",
339
- "left-bottom": "left bottom",
340
- "left-top": "left top",
341
- right: "right",
342
- "right-bottom": "right bottom",
343
- "right-top": "right top",
344
- top: "top"
345
- },
346
- backgroundSize: {
347
- auto: "auto",
348
- cover: "cover",
349
- contain: "contain"
350
- },
351
- blur: {
352
- 0: "0",
353
- none: "0",
354
- sm: "4px",
355
- DEFAULT: "8px",
356
- md: "12px",
357
- lg: "16px",
358
- xl: "24px",
359
- "2xl": "40px",
360
- "3xl": "64px"
361
- },
362
- borderColor: ({ theme: e }) => ({
363
- ...e("colors"),
364
- DEFAULT: e("colors.gray.200", "currentColor")
365
- }),
366
- borderOpacity: ({ theme: e }) => e("opacity"),
367
- borderRadius: {
368
- none: "0px",
369
- sm: "0.125rem",
370
- DEFAULT: "0.25rem",
371
- md: "0.375rem",
372
- lg: "0.5rem",
373
- xl: "0.75rem",
374
- "2xl": "1rem",
375
- "3xl": "1.5rem",
376
- full: "9999px"
377
- },
378
- borderSpacing: ({ theme: e }) => ({
379
- ...e("spacing")
380
- }),
381
- borderWidth: {
382
- DEFAULT: "1px",
383
- 0: "0px",
384
- 2: "2px",
385
- 4: "4px",
386
- 8: "8px"
387
- },
388
- boxShadow: {
389
- sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
390
- DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
391
- md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
392
- lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
393
- xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
394
- "2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
395
- inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
396
- none: "none"
397
- },
398
- boxShadowColor: ({ theme: e }) => e("colors"),
399
- brightness: {
400
- 0: "0",
401
- 50: ".5",
402
- 75: ".75",
403
- 90: ".9",
404
- 95: ".95",
405
- 100: "1",
406
- 105: "1.05",
407
- 110: "1.1",
408
- 125: "1.25",
409
- 150: "1.5",
410
- 200: "2"
411
- },
412
- caretColor: ({ theme: e }) => e("colors"),
413
- colors: ({ colors: e }) => ({
414
- inherit: e.inherit,
415
- current: e.current,
416
- transparent: e.transparent,
417
- black: e.black,
418
- white: e.white,
419
- slate: e.slate,
420
- gray: e.gray,
421
- zinc: e.zinc,
422
- neutral: e.neutral,
423
- stone: e.stone,
424
- red: e.red,
425
- orange: e.orange,
426
- amber: e.amber,
427
- yellow: e.yellow,
428
- lime: e.lime,
429
- green: e.green,
430
- emerald: e.emerald,
431
- teal: e.teal,
432
- cyan: e.cyan,
433
- sky: e.sky,
434
- blue: e.blue,
435
- indigo: e.indigo,
436
- violet: e.violet,
437
- purple: e.purple,
438
- fuchsia: e.fuchsia,
439
- pink: e.pink,
440
- rose: e.rose
441
- }),
442
- columns: {
443
- auto: "auto",
444
- 1: "1",
445
- 2: "2",
446
- 3: "3",
447
- 4: "4",
448
- 5: "5",
449
- 6: "6",
450
- 7: "7",
451
- 8: "8",
452
- 9: "9",
453
- 10: "10",
454
- 11: "11",
455
- 12: "12",
456
- "3xs": "16rem",
457
- "2xs": "18rem",
458
- xs: "20rem",
459
- sm: "24rem",
460
- md: "28rem",
461
- lg: "32rem",
462
- xl: "36rem",
463
- "2xl": "42rem",
464
- "3xl": "48rem",
465
- "4xl": "56rem",
466
- "5xl": "64rem",
467
- "6xl": "72rem",
468
- "7xl": "80rem"
469
- },
470
- container: {},
471
- content: {
472
- none: "none"
473
- },
474
- contrast: {
475
- 0: "0",
476
- 50: ".5",
477
- 75: ".75",
478
- 100: "1",
479
- 125: "1.25",
480
- 150: "1.5",
481
- 200: "2"
482
- },
483
- cursor: {
484
- auto: "auto",
485
- default: "default",
486
- pointer: "pointer",
487
- wait: "wait",
488
- text: "text",
489
- move: "move",
490
- help: "help",
491
- "not-allowed": "not-allowed",
492
- none: "none",
493
- "context-menu": "context-menu",
494
- progress: "progress",
495
- cell: "cell",
496
- crosshair: "crosshair",
497
- "vertical-text": "vertical-text",
498
- alias: "alias",
499
- copy: "copy",
500
- "no-drop": "no-drop",
501
- grab: "grab",
502
- grabbing: "grabbing",
503
- "all-scroll": "all-scroll",
504
- "col-resize": "col-resize",
505
- "row-resize": "row-resize",
506
- "n-resize": "n-resize",
507
- "e-resize": "e-resize",
508
- "s-resize": "s-resize",
509
- "w-resize": "w-resize",
510
- "ne-resize": "ne-resize",
511
- "nw-resize": "nw-resize",
512
- "se-resize": "se-resize",
513
- "sw-resize": "sw-resize",
514
- "ew-resize": "ew-resize",
515
- "ns-resize": "ns-resize",
516
- "nesw-resize": "nesw-resize",
517
- "nwse-resize": "nwse-resize",
518
- "zoom-in": "zoom-in",
519
- "zoom-out": "zoom-out"
520
- },
521
- divideColor: ({ theme: e }) => e("borderColor"),
522
- divideOpacity: ({ theme: e }) => e("borderOpacity"),
523
- divideWidth: ({ theme: e }) => e("borderWidth"),
524
- dropShadow: {
525
- sm: "0 1px 1px rgb(0 0 0 / 0.05)",
526
- DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
527
- md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
528
- lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
529
- xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
530
- "2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
531
- none: "0 0 #0000"
532
- },
533
- fill: ({ theme: e }) => ({
534
- none: "none",
535
- ...e("colors")
536
- }),
537
- flex: {
538
- 1: "1 1 0%",
539
- auto: "1 1 auto",
540
- initial: "0 1 auto",
541
- none: "none"
542
- },
543
- flexBasis: ({ theme: e }) => ({
544
- auto: "auto",
545
- ...e("spacing"),
546
- "1/2": "50%",
547
- "1/3": "33.333333%",
548
- "2/3": "66.666667%",
549
- "1/4": "25%",
550
- "2/4": "50%",
551
- "3/4": "75%",
552
- "1/5": "20%",
553
- "2/5": "40%",
554
- "3/5": "60%",
555
- "4/5": "80%",
556
- "1/6": "16.666667%",
557
- "2/6": "33.333333%",
558
- "3/6": "50%",
559
- "4/6": "66.666667%",
560
- "5/6": "83.333333%",
561
- "1/12": "8.333333%",
562
- "2/12": "16.666667%",
563
- "3/12": "25%",
564
- "4/12": "33.333333%",
565
- "5/12": "41.666667%",
566
- "6/12": "50%",
567
- "7/12": "58.333333%",
568
- "8/12": "66.666667%",
569
- "9/12": "75%",
570
- "10/12": "83.333333%",
571
- "11/12": "91.666667%",
572
- full: "100%"
573
- }),
574
- flexGrow: {
575
- 0: "0",
576
- DEFAULT: "1"
577
- },
578
- flexShrink: {
579
- 0: "0",
580
- DEFAULT: "1"
581
- },
582
- fontFamily: {
583
- sans: [
584
- "ui-sans-serif",
585
- "system-ui",
586
- "-apple-system",
587
- "BlinkMacSystemFont",
588
- '"Segoe UI"',
589
- "Roboto",
590
- '"Helvetica Neue"',
591
- "Arial",
592
- '"Noto Sans"',
593
- "sans-serif",
594
- '"Apple Color Emoji"',
595
- '"Segoe UI Emoji"',
596
- '"Segoe UI Symbol"',
597
- '"Noto Color Emoji"'
598
- ],
599
- serif: ["ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif"],
600
- mono: [
601
- "ui-monospace",
602
- "SFMono-Regular",
603
- "Menlo",
604
- "Monaco",
605
- "Consolas",
606
- '"Liberation Mono"',
607
- '"Courier New"',
608
- "monospace"
609
- ]
610
- },
611
- fontSize: {
612
- xs: ["0.75rem", { lineHeight: "1rem" }],
613
- sm: ["0.875rem", { lineHeight: "1.25rem" }],
614
- base: ["1rem", { lineHeight: "1.5rem" }],
615
- lg: ["1.125rem", { lineHeight: "1.75rem" }],
616
- xl: ["1.25rem", { lineHeight: "1.75rem" }],
617
- "2xl": ["1.5rem", { lineHeight: "2rem" }],
618
- "3xl": ["1.875rem", { lineHeight: "2.25rem" }],
619
- "4xl": ["2.25rem", { lineHeight: "2.5rem" }],
620
- "5xl": ["3rem", { lineHeight: "1" }],
621
- "6xl": ["3.75rem", { lineHeight: "1" }],
622
- "7xl": ["4.5rem", { lineHeight: "1" }],
623
- "8xl": ["6rem", { lineHeight: "1" }],
624
- "9xl": ["8rem", { lineHeight: "1" }]
625
- },
626
- fontWeight: {
627
- thin: "100",
628
- extralight: "200",
629
- light: "300",
630
- normal: "400",
631
- medium: "500",
632
- semibold: "600",
633
- bold: "700",
634
- extrabold: "800",
635
- black: "900"
636
- },
637
- gap: ({ theme: e }) => e("spacing"),
638
- gradientColorStops: ({ theme: e }) => e("colors"),
639
- grayscale: {
640
- 0: "0",
641
- DEFAULT: "100%"
642
- },
643
- gridAutoColumns: {
644
- auto: "auto",
645
- min: "min-content",
646
- max: "max-content",
647
- fr: "minmax(0, 1fr)"
648
- },
649
- gridAutoRows: {
650
- auto: "auto",
651
- min: "min-content",
652
- max: "max-content",
653
- fr: "minmax(0, 1fr)"
654
- },
655
- gridColumn: {
656
- auto: "auto",
657
- "span-1": "span 1 / span 1",
658
- "span-2": "span 2 / span 2",
659
- "span-3": "span 3 / span 3",
660
- "span-4": "span 4 / span 4",
661
- "span-5": "span 5 / span 5",
662
- "span-6": "span 6 / span 6",
663
- "span-7": "span 7 / span 7",
664
- "span-8": "span 8 / span 8",
665
- "span-9": "span 9 / span 9",
666
- "span-10": "span 10 / span 10",
667
- "span-11": "span 11 / span 11",
668
- "span-12": "span 12 / span 12",
669
- "span-full": "1 / -1"
670
- },
671
- gridColumnEnd: {
672
- auto: "auto",
673
- 1: "1",
674
- 2: "2",
675
- 3: "3",
676
- 4: "4",
677
- 5: "5",
678
- 6: "6",
679
- 7: "7",
680
- 8: "8",
681
- 9: "9",
682
- 10: "10",
683
- 11: "11",
684
- 12: "12",
685
- 13: "13"
686
- },
687
- gridColumnStart: {
688
- auto: "auto",
689
- 1: "1",
690
- 2: "2",
691
- 3: "3",
692
- 4: "4",
693
- 5: "5",
694
- 6: "6",
695
- 7: "7",
696
- 8: "8",
697
- 9: "9",
698
- 10: "10",
699
- 11: "11",
700
- 12: "12",
701
- 13: "13"
702
- },
703
- gridRow: {
704
- auto: "auto",
705
- "span-1": "span 1 / span 1",
706
- "span-2": "span 2 / span 2",
707
- "span-3": "span 3 / span 3",
708
- "span-4": "span 4 / span 4",
709
- "span-5": "span 5 / span 5",
710
- "span-6": "span 6 / span 6",
711
- "span-full": "1 / -1"
712
- },
713
- gridRowEnd: {
714
- auto: "auto",
715
- 1: "1",
716
- 2: "2",
717
- 3: "3",
718
- 4: "4",
719
- 5: "5",
720
- 6: "6",
721
- 7: "7"
722
- },
723
- gridRowStart: {
724
- auto: "auto",
725
- 1: "1",
726
- 2: "2",
727
- 3: "3",
728
- 4: "4",
729
- 5: "5",
730
- 6: "6",
731
- 7: "7"
732
- },
733
- gridTemplateColumns: {
734
- none: "none",
735
- 1: "repeat(1, minmax(0, 1fr))",
736
- 2: "repeat(2, minmax(0, 1fr))",
737
- 3: "repeat(3, minmax(0, 1fr))",
738
- 4: "repeat(4, minmax(0, 1fr))",
739
- 5: "repeat(5, minmax(0, 1fr))",
740
- 6: "repeat(6, minmax(0, 1fr))",
741
- 7: "repeat(7, minmax(0, 1fr))",
742
- 8: "repeat(8, minmax(0, 1fr))",
743
- 9: "repeat(9, minmax(0, 1fr))",
744
- 10: "repeat(10, minmax(0, 1fr))",
745
- 11: "repeat(11, minmax(0, 1fr))",
746
- 12: "repeat(12, minmax(0, 1fr))"
747
- },
748
- gridTemplateRows: {
749
- none: "none",
750
- 1: "repeat(1, minmax(0, 1fr))",
751
- 2: "repeat(2, minmax(0, 1fr))",
752
- 3: "repeat(3, minmax(0, 1fr))",
753
- 4: "repeat(4, minmax(0, 1fr))",
754
- 5: "repeat(5, minmax(0, 1fr))",
755
- 6: "repeat(6, minmax(0, 1fr))"
756
- },
757
- height: ({ theme: e }) => ({
758
- auto: "auto",
759
- ...e("spacing"),
760
- "1/2": "50%",
761
- "1/3": "33.333333%",
762
- "2/3": "66.666667%",
763
- "1/4": "25%",
764
- "2/4": "50%",
765
- "3/4": "75%",
766
- "1/5": "20%",
767
- "2/5": "40%",
768
- "3/5": "60%",
769
- "4/5": "80%",
770
- "1/6": "16.666667%",
771
- "2/6": "33.333333%",
772
- "3/6": "50%",
773
- "4/6": "66.666667%",
774
- "5/6": "83.333333%",
775
- full: "100%",
776
- screen: "100vh",
777
- min: "min-content",
778
- max: "max-content",
779
- fit: "fit-content"
780
- }),
781
- hueRotate: {
782
- 0: "0deg",
783
- 15: "15deg",
784
- 30: "30deg",
785
- 60: "60deg",
786
- 90: "90deg",
787
- 180: "180deg"
788
- },
789
- inset: ({ theme: e }) => ({
790
- auto: "auto",
791
- ...e("spacing"),
792
- "1/2": "50%",
793
- "1/3": "33.333333%",
794
- "2/3": "66.666667%",
795
- "1/4": "25%",
796
- "2/4": "50%",
797
- "3/4": "75%",
798
- full: "100%"
799
- }),
800
- invert: {
801
- 0: "0",
802
- DEFAULT: "100%"
803
- },
804
- keyframes: {
805
- spin: {
806
- to: {
807
- transform: "rotate(360deg)"
808
- }
809
- },
810
- ping: {
811
- "75%, 100%": {
812
- transform: "scale(2)",
813
- opacity: "0"
814
- }
815
- },
816
- pulse: {
817
- "50%": {
818
- opacity: ".5"
819
- }
820
- },
821
- bounce: {
822
- "0%, 100%": {
823
- transform: "translateY(-25%)",
824
- animationTimingFunction: "cubic-bezier(0.8,0,1,1)"
825
- },
826
- "50%": {
827
- transform: "none",
828
- animationTimingFunction: "cubic-bezier(0,0,0.2,1)"
829
- }
830
- }
831
- },
832
- letterSpacing: {
833
- tighter: "-0.05em",
834
- tight: "-0.025em",
835
- normal: "0em",
836
- wide: "0.025em",
837
- wider: "0.05em",
838
- widest: "0.1em"
839
- },
840
- lineHeight: {
841
- none: "1",
842
- tight: "1.25",
843
- snug: "1.375",
844
- normal: "1.5",
845
- relaxed: "1.625",
846
- loose: "2",
847
- 3: ".75rem",
848
- 4: "1rem",
849
- 5: "1.25rem",
850
- 6: "1.5rem",
851
- 7: "1.75rem",
852
- 8: "2rem",
853
- 9: "2.25rem",
854
- 10: "2.5rem"
855
- },
856
- listStyleType: {
857
- none: "none",
858
- disc: "disc",
859
- decimal: "decimal"
860
- },
861
- margin: ({ theme: e }) => ({
862
- auto: "auto",
863
- ...e("spacing")
864
- }),
865
- maxHeight: ({ theme: e }) => ({
866
- ...e("spacing"),
867
- none: "none",
868
- full: "100%",
869
- screen: "100vh",
870
- min: "min-content",
871
- max: "max-content",
872
- fit: "fit-content"
873
- }),
874
- maxWidth: ({ theme: e, breakpoints: t }) => ({
875
- none: "none",
876
- 0: "0rem",
877
- xs: "20rem",
878
- sm: "24rem",
879
- md: "28rem",
880
- lg: "32rem",
881
- xl: "36rem",
882
- "2xl": "42rem",
883
- "3xl": "48rem",
884
- "4xl": "56rem",
885
- "5xl": "64rem",
886
- "6xl": "72rem",
887
- "7xl": "80rem",
888
- full: "100%",
889
- min: "min-content",
890
- max: "max-content",
891
- fit: "fit-content",
892
- prose: "65ch",
893
- ...t(e("screens"))
894
- }),
895
- minHeight: {
896
- 0: "0px",
897
- full: "100%",
898
- screen: "100vh",
899
- min: "min-content",
900
- max: "max-content",
901
- fit: "fit-content"
902
- },
903
- minWidth: {
904
- 0: "0px",
905
- full: "100%",
906
- min: "min-content",
907
- max: "max-content",
908
- fit: "fit-content"
909
- },
910
- objectPosition: {
911
- bottom: "bottom",
912
- center: "center",
913
- left: "left",
914
- "left-bottom": "left bottom",
915
- "left-top": "left top",
916
- right: "right",
917
- "right-bottom": "right bottom",
918
- "right-top": "right top",
919
- top: "top"
920
- },
921
- opacity: {
922
- 0: "0",
923
- 5: "0.05",
924
- 10: "0.1",
925
- 20: "0.2",
926
- 25: "0.25",
927
- 30: "0.3",
928
- 40: "0.4",
929
- 50: "0.5",
930
- 60: "0.6",
931
- 70: "0.7",
932
- 75: "0.75",
933
- 80: "0.8",
934
- 90: "0.9",
935
- 95: "0.95",
936
- 100: "1"
937
- },
938
- order: {
939
- first: "-9999",
940
- last: "9999",
941
- none: "0",
942
- 1: "1",
943
- 2: "2",
944
- 3: "3",
945
- 4: "4",
946
- 5: "5",
947
- 6: "6",
948
- 7: "7",
949
- 8: "8",
950
- 9: "9",
951
- 10: "10",
952
- 11: "11",
953
- 12: "12"
954
- },
955
- outlineColor: ({ theme: e }) => e("colors"),
956
- outlineOffset: {
957
- 0: "0px",
958
- 1: "1px",
959
- 2: "2px",
960
- 4: "4px",
961
- 8: "8px"
962
- },
963
- outlineWidth: {
964
- 0: "0px",
965
- 1: "1px",
966
- 2: "2px",
967
- 4: "4px",
968
- 8: "8px"
969
- },
970
- padding: ({ theme: e }) => e("spacing"),
971
- placeholderColor: ({ theme: e }) => e("colors"),
972
- placeholderOpacity: ({ theme: e }) => e("opacity"),
973
- ringColor: ({ theme: e }) => ({
974
- DEFAULT: e("colors.blue.500", "#3b82f6"),
975
- ...e("colors")
976
- }),
977
- ringOffsetColor: ({ theme: e }) => e("colors"),
978
- ringOffsetWidth: {
979
- 0: "0px",
980
- 1: "1px",
981
- 2: "2px",
982
- 4: "4px",
983
- 8: "8px"
984
- },
985
- ringOpacity: ({ theme: e }) => ({
986
- DEFAULT: "0.5",
987
- ...e("opacity")
988
- }),
989
- ringWidth: {
990
- DEFAULT: "3px",
991
- 0: "0px",
992
- 1: "1px",
993
- 2: "2px",
994
- 4: "4px",
995
- 8: "8px"
996
- },
997
- rotate: {
998
- 0: "0deg",
999
- 1: "1deg",
1000
- 2: "2deg",
1001
- 3: "3deg",
1002
- 6: "6deg",
1003
- 12: "12deg",
1004
- 45: "45deg",
1005
- 90: "90deg",
1006
- 180: "180deg"
1007
- },
1008
- saturate: {
1009
- 0: "0",
1010
- 50: ".5",
1011
- 100: "1",
1012
- 150: "1.5",
1013
- 200: "2"
1014
- },
1015
- scale: {
1016
- 0: "0",
1017
- 50: ".5",
1018
- 75: ".75",
1019
- 90: ".9",
1020
- 95: ".95",
1021
- 100: "1",
1022
- 105: "1.05",
1023
- 110: "1.1",
1024
- 125: "1.25",
1025
- 150: "1.5"
1026
- },
1027
- screens: {
1028
- sm: "640px",
1029
- md: "768px",
1030
- lg: "1024px",
1031
- xl: "1280px",
1032
- "2xl": "1536px"
1033
- },
1034
- scrollMargin: ({ theme: e }) => ({
1035
- ...e("spacing")
1036
- }),
1037
- scrollPadding: ({ theme: e }) => e("spacing"),
1038
- sepia: {
1039
- 0: "0",
1040
- DEFAULT: "100%"
1041
- },
1042
- skew: {
1043
- 0: "0deg",
1044
- 1: "1deg",
1045
- 2: "2deg",
1046
- 3: "3deg",
1047
- 6: "6deg",
1048
- 12: "12deg"
1049
- },
1050
- space: ({ theme: e }) => ({
1051
- ...e("spacing")
1052
- }),
1053
- spacing: {
1054
- px: "1px",
1055
- 0: "0px",
1056
- 0.5: "0.125rem",
1057
- 1: "0.25rem",
1058
- 1.5: "0.375rem",
1059
- 2: "0.5rem",
1060
- 2.5: "0.625rem",
1061
- 3: "0.75rem",
1062
- 3.5: "0.875rem",
1063
- 4: "1rem",
1064
- 5: "1.25rem",
1065
- 6: "1.5rem",
1066
- 7: "1.75rem",
1067
- 8: "2rem",
1068
- 9: "2.25rem",
1069
- 10: "2.5rem",
1070
- 11: "2.75rem",
1071
- 12: "3rem",
1072
- 14: "3.5rem",
1073
- 16: "4rem",
1074
- 20: "5rem",
1075
- 24: "6rem",
1076
- 28: "7rem",
1077
- 32: "8rem",
1078
- 36: "9rem",
1079
- 40: "10rem",
1080
- 44: "11rem",
1081
- 48: "12rem",
1082
- 52: "13rem",
1083
- 56: "14rem",
1084
- 60: "15rem",
1085
- 64: "16rem",
1086
- 72: "18rem",
1087
- 80: "20rem",
1088
- 96: "24rem"
1089
- },
1090
- stroke: ({ theme: e }) => ({
1091
- none: "none",
1092
- ...e("colors")
1093
- }),
1094
- strokeWidth: {
1095
- 0: "0",
1096
- 1: "1",
1097
- 2: "2"
1098
- },
1099
- supports: {},
1100
- data: {},
1101
- textColor: ({ theme: e }) => e("colors"),
1102
- textDecorationColor: ({ theme: e }) => e("colors"),
1103
- textDecorationThickness: {
1104
- auto: "auto",
1105
- "from-font": "from-font",
1106
- 0: "0px",
1107
- 1: "1px",
1108
- 2: "2px",
1109
- 4: "4px",
1110
- 8: "8px"
1111
- },
1112
- textIndent: ({ theme: e }) => ({
1113
- ...e("spacing")
1114
- }),
1115
- textOpacity: ({ theme: e }) => e("opacity"),
1116
- textUnderlineOffset: {
1117
- auto: "auto",
1118
- 0: "0px",
1119
- 1: "1px",
1120
- 2: "2px",
1121
- 4: "4px",
1122
- 8: "8px"
1123
- },
1124
- transformOrigin: {
1125
- center: "center",
1126
- top: "top",
1127
- "top-right": "top right",
1128
- right: "right",
1129
- "bottom-right": "bottom right",
1130
- bottom: "bottom",
1131
- "bottom-left": "bottom left",
1132
- left: "left",
1133
- "top-left": "top left"
1134
- },
1135
- transitionDelay: {
1136
- 75: "75ms",
1137
- 100: "100ms",
1138
- 150: "150ms",
1139
- 200: "200ms",
1140
- 300: "300ms",
1141
- 500: "500ms",
1142
- 700: "700ms",
1143
- 1e3: "1000ms"
1144
- },
1145
- transitionDuration: {
1146
- DEFAULT: "150ms",
1147
- 75: "75ms",
1148
- 100: "100ms",
1149
- 150: "150ms",
1150
- 200: "200ms",
1151
- 300: "300ms",
1152
- 500: "500ms",
1153
- 700: "700ms",
1154
- 1e3: "1000ms"
1155
- },
1156
- transitionProperty: {
1157
- none: "none",
1158
- all: "all",
1159
- DEFAULT: "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
1160
- colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
1161
- opacity: "opacity",
1162
- shadow: "box-shadow",
1163
- transform: "transform"
1164
- },
1165
- transitionTimingFunction: {
1166
- DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
1167
- linear: "linear",
1168
- in: "cubic-bezier(0.4, 0, 1, 1)",
1169
- out: "cubic-bezier(0, 0, 0.2, 1)",
1170
- "in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
1171
- },
1172
- translate: ({ theme: e }) => ({
1173
- ...e("spacing"),
1174
- "1/2": "50%",
1175
- "1/3": "33.333333%",
1176
- "2/3": "66.666667%",
1177
- "1/4": "25%",
1178
- "2/4": "50%",
1179
- "3/4": "75%",
1180
- full: "100%"
1181
- }),
1182
- width: ({ theme: e }) => ({
1183
- auto: "auto",
1184
- ...e("spacing"),
1185
- "1/2": "50%",
1186
- "1/3": "33.333333%",
1187
- "2/3": "66.666667%",
1188
- "1/4": "25%",
1189
- "2/4": "50%",
1190
- "3/4": "75%",
1191
- "1/5": "20%",
1192
- "2/5": "40%",
1193
- "3/5": "60%",
1194
- "4/5": "80%",
1195
- "1/6": "16.666667%",
1196
- "2/6": "33.333333%",
1197
- "3/6": "50%",
1198
- "4/6": "66.666667%",
1199
- "5/6": "83.333333%",
1200
- "1/12": "8.333333%",
1201
- "2/12": "16.666667%",
1202
- "3/12": "25%",
1203
- "4/12": "33.333333%",
1204
- "5/12": "41.666667%",
1205
- "6/12": "50%",
1206
- "7/12": "58.333333%",
1207
- "8/12": "66.666667%",
1208
- "9/12": "75%",
1209
- "10/12": "83.333333%",
1210
- "11/12": "91.666667%",
1211
- full: "100%",
1212
- screen: "100vw",
1213
- min: "min-content",
1214
- max: "max-content",
1215
- fit: "fit-content"
1216
- }),
1217
- willChange: {
1218
- auto: "auto",
1219
- scroll: "scroll-position",
1220
- contents: "contents",
1221
- transform: "transform"
1222
- },
1223
- zIndex: {
1224
- auto: "auto",
1225
- 0: "0",
1226
- 10: "10",
1227
- 20: "20",
1228
- 30: "30",
1229
- 40: "40",
1230
- 50: "50"
1231
- }
1232
- },
1233
- plugins: []
1234
- };
1235
- (function(e) {
1236
- Object.defineProperty(e, "__esModule", {
1237
- value: !0
1238
- }), Object.defineProperty(e, "default", {
1239
- enumerable: !0,
1240
- get: () => o
1241
- });
1242
- const t = d, r = /* @__PURE__ */ a(c);
1243
- function a(n) {
1244
- return n && n.__esModule ? n : {
1245
- default: n
1246
- };
1247
- }
1248
- const o = (0, t.cloneDeep)(r.default.theme);
1249
- })(s);
1250
- let i = s;
1251
- var f = (i.__esModule ? i : { default: i }).default;
1252
- const l = {
1253
- sans: ["Archivo", ...f.fontFamily.sans],
1254
- serif: ["IBM Plex Serif", ...f.fontFamily.serif]
1255
- }, m = {
1256
- primary: "#111827",
1257
- secondary: "#4b5563",
1258
- tertiary: "#9ca3af",
1259
- warning: "#724611",
1260
- danger: "#8b102f",
1261
- success: "#0a5d2f",
1262
- info: "#194e8f",
1263
- system: "#0d5154",
1264
- brand: "#004e48",
1265
- button: {
1266
- primary: {
1267
- DEFAULT: "#ffffff",
1268
- disabled: "#6b7280"
1269
- },
1270
- secondary: {
1271
- DEFAULT: "#30715e",
1272
- hover: "#2a5b4e",
1273
- pressed: "#3e8e75",
1274
- disabled: "#6b7280",
1275
- focused: "#30715e"
1276
- },
1277
- tertiary: {
1278
- DEFAULT: "#30715e",
1279
- hover: "#2a5b4e",
1280
- pressed: "#3e8e75",
1281
- disabled: "#6b7280",
1282
- focused: "#30715e"
1283
- }
1284
- }
1285
- }, b = {
1286
- "on-primary": "#e5e7eb",
1287
- "on-secondary": "#d1d5db",
1288
- "on-tertiary": "#9ca3af",
1289
- system: "#0d505466",
1290
- info: "#194e8f66",
1291
- success: "#0a5d2f66",
1292
- warning: "#72461166",
1293
- danger: "#8b102f66",
1294
- brand: "#004e48",
1295
- focused: "#111827",
1296
- button: {
1297
- primary: {
1298
- DEFAULT: "#30715e",
1299
- hover: "#30715e",
1300
- pressed: "#3e8e75",
1301
- disabled: "#d1d5db",
1302
- focused: "#223f37"
1303
- },
1304
- secondary: {
1305
- DEFAULT: "#30715e",
1306
- hover: "#2a5b4e",
1307
- pressed: "#3e8e75",
1308
- disabled: "#d1d5db",
1309
- focused: "#223f37"
1310
- }
1311
- }
1312
- }, g = {
1313
- page: {
1314
- primary: "#F9FAFB",
1315
- secondary: "#FFFFFF"
1316
- },
1317
- primary: {
1318
- DEFAULT: "#FFFFFF"
1319
- },
1320
- secondary: {
1321
- DEFAULT: "#ECF1F1"
1322
- },
1323
- tertiary: {
1324
- DEFAULT: "#E6EDED",
1325
- hover: "#E1E8E9",
1326
- active: "#DCE4E4"
1327
- },
1328
- danger: {
1329
- DEFAULT: "#fff1f1",
1330
- hover: "#ffe3e3",
1331
- pressed: "#FFD8D6"
1332
- },
1333
- success: {
1334
- DEFAULT: "#eefff4",
1335
- hover: "#d7ffe7",
1336
- pressed: "#CCFFE0"
1337
- },
1338
- warning: {
1339
- DEFAULT: "#fefde8",
1340
- hover: "#fffdc2",
1341
- pressed: "#FFFC99"
1342
- },
1343
- info: {
1344
- DEFAULT: "#eef9ff",
1345
- hover: "#d9f1ff",
1346
- pressed: "#CCECFF"
1347
- },
1348
- system: {
1349
- DEFAULT: "#effefd",
1350
- hover: "#c7fffa",
1351
- pressed: "#BDFFF9"
1352
- },
1353
- button: {
1354
- primary: {
1355
- DEFAULT: "#30715e",
1356
- hover: "#2a5b4e",
1357
- pressed: "#3e8e75",
1358
- disabled: "#d1d5db",
1359
- focused: "#30715e"
1360
- },
1361
- secondary: {
1362
- DEFAULT: "#ffffff",
1363
- hover: "#f3faf7",
1364
- pressed: "#f3faf7",
1365
- disabled: "#f9fafb",
1366
- focused: "#f3faf7"
1367
- },
1368
- tertiary: {
1369
- DEFAULT: "#ffffff",
1370
- hover: "#f3faf7",
1371
- pressed: "#f3faf7",
1372
- disabled: "#ffffff",
1373
- focused: "#ffffff"
1374
- }
1375
- }
1376
- }, u = {
1377
- "on-primary": "#e5e7eb",
1378
- "on-secondary": "#d1d5db",
1379
- "on-tertiary": "#9ca3af",
1380
- system: "#0d505466",
1381
- info: "#194e8f66",
1382
- success: "#0a5d2f66",
1383
- warning: "#72461166",
1384
- danger: "#8b102f66",
1385
- brand: "#004e48",
1386
- focused: "#111827",
1387
- button: {
1388
- primary: {
1389
- DEFAULT: "#30715e",
1390
- hover: "#30715e",
1391
- pressed: "#3e8e75",
1392
- disabled: "#d1d5db",
1393
- focused: "#223f37"
1394
- },
1395
- secondary: {
1396
- DEFAULT: "#30715e",
1397
- hover: "#2a5b4e",
1398
- pressed: "#3e8e75",
1399
- disabled: "#d1d5db",
1400
- focused: "#223f37"
1401
- }
1402
- }
1403
- }, x = {
1404
- "on-primary": "#e5e7eb",
1405
- "on-secondary": "#d1d5db",
1406
- "on-tertiary": "#9ca3af",
1407
- system: "#0d505466",
1408
- info: "#194e8f66",
1409
- success: "#0a5d2f66",
1410
- warning: "#72461166",
1411
- danger: "#8b102f66",
1412
- brand: "#004e48",
1413
- focused: "#111827",
1414
- button: {
1415
- primary: {
1416
- DEFAULT: "#30715e",
1417
- hover: "#30715e",
1418
- pressed: "#3e8e75",
1419
- disabled: "#d1d5db",
1420
- focused: "#223f37"
1421
- },
1422
- secondary: {
1423
- DEFAULT: "#30715e",
1424
- hover: "#2a5b4e",
1425
- pressed: "#3e8e75",
1426
- disabled: "#d1d5db",
1427
- focused: "#223f37"
1428
- }
1429
- }
1430
- }, h = {
1431
- theme: {
1432
- extend: {
1433
- fontFamily: l,
1434
- colors: p,
1435
- textColor: m,
1436
- borderColor: b,
1437
- backgroundColor: g,
1438
- outlineColor: u,
1439
- ringColor: x
1440
- }
1441
- }
1442
- };
1443
- export {
1444
- h as bccForbundetTheme
1445
- };