@arkitektbedriftene/fe-lib 1.2.1 → 1.3.0

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.
@@ -0,0 +1,600 @@
1
+ import * as RSwitch from "@radix-ui/react-switch";
2
+ import { Stack } from "../Stack";
3
+ import type { ComponentProps } from "react";
4
+ declare const Root: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>>, {}, {
5
+ lg: "(min-width: 1200px)";
6
+ print: "print";
7
+ }, import("@stitches/react/types/css-util").CSS<{
8
+ lg: "(min-width: 1200px)";
9
+ print: "print";
10
+ }, {
11
+ colors: {
12
+ gray50: string;
13
+ gray100: string;
14
+ gray200: string;
15
+ gray300: string;
16
+ gray400: string;
17
+ gray500: string;
18
+ gray600: string;
19
+ gray700: string;
20
+ gray800: string;
21
+ gray900: string;
22
+ blue50: string;
23
+ blue100: string;
24
+ blue200: string;
25
+ blue300: string;
26
+ blue400: string;
27
+ blue500: string;
28
+ blue600: string;
29
+ blue700: string;
30
+ blue800: string;
31
+ blue900: string;
32
+ yellow50: string;
33
+ yellow100: string;
34
+ yellow200: string;
35
+ yellow300: string;
36
+ yellow400: string;
37
+ yellow500: string;
38
+ yellow600: string;
39
+ yellow700: string;
40
+ yellow800: string;
41
+ yellow900: string;
42
+ orange500: string;
43
+ red50: string;
44
+ red100: string;
45
+ red200: string;
46
+ red300: string;
47
+ red400: string;
48
+ red500: string;
49
+ red600: string;
50
+ red700: string;
51
+ red800: string;
52
+ red900: string;
53
+ green50: string;
54
+ green100: string;
55
+ green200: string;
56
+ green300: string;
57
+ green400: string;
58
+ green500: string;
59
+ green600: string;
60
+ green700: string;
61
+ green800: string;
62
+ green900: string;
63
+ primaryTextOnLightBg: string;
64
+ primaryBg: string;
65
+ primaryBgHover: string;
66
+ primaryTextOnWhite: string;
67
+ bodyGray: string;
68
+ hoverDarker: string;
69
+ borderDarker: string;
70
+ selectedDarker: string;
71
+ selectedOnBodyGray: string;
72
+ darkGrayBg: string;
73
+ border: string;
74
+ text: string;
75
+ secondaryText: string;
76
+ focusRing: string;
77
+ };
78
+ fontSizes: {
79
+ xs: string;
80
+ sm: string;
81
+ md: string;
82
+ lg: string;
83
+ xl: string;
84
+ "2xl": string;
85
+ "3xl": string;
86
+ };
87
+ fontWeights: {
88
+ normal: string;
89
+ medium: string;
90
+ bold: string;
91
+ };
92
+ space: {
93
+ 1: string;
94
+ 2: string;
95
+ 3: string;
96
+ 4: string;
97
+ 6: string;
98
+ 8: string;
99
+ };
100
+ shadows: {
101
+ xs: string;
102
+ sm: string;
103
+ md: string;
104
+ lg: string;
105
+ overlayCard: string;
106
+ };
107
+ radii: {
108
+ xs: string;
109
+ sm: string;
110
+ md: string;
111
+ mdmd: string;
112
+ full: string;
113
+ };
114
+ zIndices: {
115
+ toast: number;
116
+ overlayCard: number;
117
+ };
118
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
119
+ declare const Label: import("@stitches/react/types/styled-component").StyledComponent<"div", {
120
+ size?: "sm" | "md" | "lg" | undefined;
121
+ }, {
122
+ lg: "(min-width: 1200px)";
123
+ print: "print";
124
+ }, import("@stitches/react/types/css-util").CSS<{
125
+ lg: "(min-width: 1200px)";
126
+ print: "print";
127
+ }, {
128
+ colors: {
129
+ gray50: string;
130
+ gray100: string;
131
+ gray200: string;
132
+ gray300: string;
133
+ gray400: string;
134
+ gray500: string;
135
+ gray600: string;
136
+ gray700: string;
137
+ gray800: string;
138
+ gray900: string;
139
+ blue50: string;
140
+ blue100: string;
141
+ blue200: string;
142
+ blue300: string;
143
+ blue400: string;
144
+ blue500: string;
145
+ blue600: string;
146
+ blue700: string;
147
+ blue800: string;
148
+ blue900: string;
149
+ yellow50: string;
150
+ yellow100: string;
151
+ yellow200: string;
152
+ yellow300: string;
153
+ yellow400: string;
154
+ yellow500: string;
155
+ yellow600: string;
156
+ yellow700: string;
157
+ yellow800: string;
158
+ yellow900: string;
159
+ orange500: string;
160
+ red50: string;
161
+ red100: string;
162
+ red200: string;
163
+ red300: string;
164
+ red400: string;
165
+ red500: string;
166
+ red600: string;
167
+ red700: string;
168
+ red800: string;
169
+ red900: string;
170
+ green50: string;
171
+ green100: string;
172
+ green200: string;
173
+ green300: string;
174
+ green400: string;
175
+ green500: string;
176
+ green600: string;
177
+ green700: string;
178
+ green800: string;
179
+ green900: string;
180
+ primaryTextOnLightBg: string;
181
+ primaryBg: string;
182
+ primaryBgHover: string;
183
+ primaryTextOnWhite: string;
184
+ bodyGray: string;
185
+ hoverDarker: string;
186
+ borderDarker: string;
187
+ selectedDarker: string;
188
+ selectedOnBodyGray: string;
189
+ darkGrayBg: string;
190
+ border: string;
191
+ text: string;
192
+ secondaryText: string;
193
+ focusRing: string;
194
+ };
195
+ fontSizes: {
196
+ xs: string;
197
+ sm: string;
198
+ md: string;
199
+ lg: string;
200
+ xl: string;
201
+ "2xl": string;
202
+ "3xl": string;
203
+ };
204
+ fontWeights: {
205
+ normal: string;
206
+ medium: string;
207
+ bold: string;
208
+ };
209
+ space: {
210
+ 1: string;
211
+ 2: string;
212
+ 3: string;
213
+ 4: string;
214
+ 6: string;
215
+ 8: string;
216
+ };
217
+ shadows: {
218
+ xs: string;
219
+ sm: string;
220
+ md: string;
221
+ lg: string;
222
+ overlayCard: string;
223
+ };
224
+ radii: {
225
+ xs: string;
226
+ sm: string;
227
+ md: string;
228
+ mdmd: string;
229
+ full: string;
230
+ };
231
+ zIndices: {
232
+ toast: number;
233
+ overlayCard: number;
234
+ };
235
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
236
+ export declare const Switch: ({ label, stackProps, labelProps, size, ...props }: {
237
+ label?: string | undefined;
238
+ stackProps?: (Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
239
+ ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
240
+ }, "direction" | "gap" | "css" | "align"> & import("@stitches/react/types/styled-component").TransformProps<{
241
+ direction?: "column" | "row" | undefined;
242
+ align?: "center" | "start" | undefined;
243
+ gap?: 0 | 1 | "0" | "1" | "2" | "3" | 2 | 3 | 4 | "4" | "5" | "6" | "8" | 6 | 8 | 5 | 7 | "7" | undefined;
244
+ }, {
245
+ lg: "(min-width: 1200px)";
246
+ print: "print";
247
+ }> & {
248
+ css?: import("@stitches/react/types/css-util").CSS<{
249
+ lg: "(min-width: 1200px)";
250
+ print: "print";
251
+ }, {
252
+ colors: {
253
+ gray50: string;
254
+ gray100: string;
255
+ gray200: string;
256
+ gray300: string;
257
+ gray400: string;
258
+ gray500: string;
259
+ gray600: string;
260
+ gray700: string;
261
+ gray800: string;
262
+ gray900: string;
263
+ blue50: string;
264
+ blue100: string;
265
+ blue200: string;
266
+ blue300: string;
267
+ blue400: string;
268
+ blue500: string;
269
+ blue600: string;
270
+ blue700: string;
271
+ blue800: string;
272
+ blue900: string;
273
+ yellow50: string;
274
+ yellow100: string;
275
+ yellow200: string;
276
+ yellow300: string;
277
+ yellow400: string;
278
+ yellow500: string;
279
+ yellow600: string;
280
+ yellow700: string;
281
+ yellow800: string;
282
+ yellow900: string;
283
+ orange500: string;
284
+ red50: string;
285
+ red100: string;
286
+ red200: string;
287
+ red300: string;
288
+ red400: string;
289
+ red500: string;
290
+ red600: string;
291
+ red700: string;
292
+ red800: string;
293
+ red900: string;
294
+ green50: string;
295
+ green100: string;
296
+ green200: string;
297
+ green300: string;
298
+ green400: string;
299
+ green500: string;
300
+ green600: string;
301
+ green700: string;
302
+ green800: string;
303
+ green900: string;
304
+ primaryTextOnLightBg: string;
305
+ primaryBg: string;
306
+ primaryBgHover: string;
307
+ primaryTextOnWhite: string;
308
+ bodyGray: string;
309
+ hoverDarker: string;
310
+ borderDarker: string;
311
+ selectedDarker: string;
312
+ selectedOnBodyGray: string;
313
+ darkGrayBg: string;
314
+ border: string;
315
+ text: string;
316
+ secondaryText: string;
317
+ focusRing: string;
318
+ };
319
+ fontSizes: {
320
+ xs: string;
321
+ sm: string;
322
+ md: string;
323
+ lg: string;
324
+ xl: string;
325
+ "2xl": string;
326
+ "3xl": string;
327
+ };
328
+ fontWeights: {
329
+ normal: string;
330
+ medium: string;
331
+ bold: string;
332
+ };
333
+ space: {
334
+ 1: string;
335
+ 2: string;
336
+ 3: string;
337
+ 4: string;
338
+ 6: string;
339
+ 8: string;
340
+ };
341
+ shadows: {
342
+ xs: string;
343
+ sm: string;
344
+ md: string;
345
+ lg: string;
346
+ overlayCard: string;
347
+ };
348
+ radii: {
349
+ xs: string;
350
+ sm: string;
351
+ md: string;
352
+ mdmd: string;
353
+ full: string;
354
+ };
355
+ zIndices: {
356
+ toast: number;
357
+ overlayCard: number;
358
+ };
359
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
360
+ }) | undefined;
361
+ labelProps?: (Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
362
+ ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
363
+ }, "css" | "size"> & import("@stitches/react/types/styled-component").TransformProps<{
364
+ size?: "sm" | "md" | "lg" | undefined;
365
+ }, {
366
+ lg: "(min-width: 1200px)";
367
+ print: "print";
368
+ }> & {
369
+ css?: import("@stitches/react/types/css-util").CSS<{
370
+ lg: "(min-width: 1200px)";
371
+ print: "print";
372
+ }, {
373
+ colors: {
374
+ gray50: string;
375
+ gray100: string;
376
+ gray200: string;
377
+ gray300: string;
378
+ gray400: string;
379
+ gray500: string;
380
+ gray600: string;
381
+ gray700: string;
382
+ gray800: string;
383
+ gray900: string;
384
+ blue50: string;
385
+ blue100: string;
386
+ blue200: string;
387
+ blue300: string;
388
+ blue400: string;
389
+ blue500: string;
390
+ blue600: string;
391
+ blue700: string;
392
+ blue800: string;
393
+ blue900: string;
394
+ yellow50: string;
395
+ yellow100: string;
396
+ yellow200: string;
397
+ yellow300: string;
398
+ yellow400: string;
399
+ yellow500: string;
400
+ yellow600: string;
401
+ yellow700: string;
402
+ yellow800: string;
403
+ yellow900: string;
404
+ orange500: string;
405
+ red50: string;
406
+ red100: string;
407
+ red200: string;
408
+ red300: string;
409
+ red400: string;
410
+ red500: string;
411
+ red600: string;
412
+ red700: string;
413
+ red800: string;
414
+ red900: string;
415
+ green50: string;
416
+ green100: string;
417
+ green200: string;
418
+ green300: string;
419
+ green400: string;
420
+ green500: string;
421
+ green600: string;
422
+ green700: string;
423
+ green800: string;
424
+ green900: string;
425
+ primaryTextOnLightBg: string;
426
+ primaryBg: string;
427
+ primaryBgHover: string;
428
+ primaryTextOnWhite: string;
429
+ bodyGray: string;
430
+ hoverDarker: string;
431
+ borderDarker: string;
432
+ selectedDarker: string;
433
+ selectedOnBodyGray: string;
434
+ darkGrayBg: string;
435
+ border: string;
436
+ text: string;
437
+ secondaryText: string;
438
+ focusRing: string;
439
+ };
440
+ fontSizes: {
441
+ xs: string;
442
+ sm: string;
443
+ md: string;
444
+ lg: string;
445
+ xl: string;
446
+ "2xl": string;
447
+ "3xl": string;
448
+ };
449
+ fontWeights: {
450
+ normal: string;
451
+ medium: string;
452
+ bold: string;
453
+ };
454
+ space: {
455
+ 1: string;
456
+ 2: string;
457
+ 3: string;
458
+ 4: string;
459
+ 6: string;
460
+ 8: string;
461
+ };
462
+ shadows: {
463
+ xs: string;
464
+ sm: string;
465
+ md: string;
466
+ lg: string;
467
+ overlayCard: string;
468
+ };
469
+ radii: {
470
+ xs: string;
471
+ sm: string;
472
+ md: string;
473
+ mdmd: string;
474
+ full: string;
475
+ };
476
+ zIndices: {
477
+ toast: number;
478
+ overlayCard: number;
479
+ };
480
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
481
+ }) | undefined;
482
+ size?: "sm" | "md" | "lg" | undefined;
483
+ } & Omit<RSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {
484
+ lg: "(min-width: 1200px)";
485
+ print: "print";
486
+ }> & {
487
+ css?: import("@stitches/react/types/css-util").CSS<{
488
+ lg: "(min-width: 1200px)";
489
+ print: "print";
490
+ }, {
491
+ colors: {
492
+ gray50: string;
493
+ gray100: string;
494
+ gray200: string;
495
+ gray300: string;
496
+ gray400: string;
497
+ gray500: string;
498
+ gray600: string;
499
+ gray700: string;
500
+ gray800: string;
501
+ gray900: string;
502
+ blue50: string;
503
+ blue100: string;
504
+ blue200: string;
505
+ blue300: string;
506
+ blue400: string;
507
+ blue500: string;
508
+ blue600: string;
509
+ blue700: string;
510
+ blue800: string;
511
+ blue900: string;
512
+ yellow50: string;
513
+ yellow100: string;
514
+ yellow200: string;
515
+ yellow300: string;
516
+ yellow400: string;
517
+ yellow500: string;
518
+ yellow600: string;
519
+ yellow700: string;
520
+ yellow800: string;
521
+ yellow900: string;
522
+ orange500: string;
523
+ red50: string;
524
+ red100: string;
525
+ red200: string;
526
+ red300: string;
527
+ red400: string;
528
+ red500: string;
529
+ red600: string;
530
+ red700: string;
531
+ red800: string;
532
+ red900: string;
533
+ green50: string;
534
+ green100: string;
535
+ green200: string;
536
+ green300: string;
537
+ green400: string;
538
+ green500: string;
539
+ green600: string;
540
+ green700: string;
541
+ green800: string;
542
+ green900: string;
543
+ primaryTextOnLightBg: string;
544
+ primaryBg: string;
545
+ primaryBgHover: string;
546
+ primaryTextOnWhite: string;
547
+ bodyGray: string;
548
+ hoverDarker: string;
549
+ borderDarker: string;
550
+ selectedDarker: string;
551
+ selectedOnBodyGray: string;
552
+ darkGrayBg: string;
553
+ border: string;
554
+ text: string;
555
+ secondaryText: string;
556
+ focusRing: string;
557
+ };
558
+ fontSizes: {
559
+ xs: string;
560
+ sm: string;
561
+ md: string;
562
+ lg: string;
563
+ xl: string;
564
+ "2xl": string;
565
+ "3xl": string;
566
+ };
567
+ fontWeights: {
568
+ normal: string;
569
+ medium: string;
570
+ bold: string;
571
+ };
572
+ space: {
573
+ 1: string;
574
+ 2: string;
575
+ 3: string;
576
+ 4: string;
577
+ 6: string;
578
+ 8: string;
579
+ };
580
+ shadows: {
581
+ xs: string;
582
+ sm: string;
583
+ md: string;
584
+ lg: string;
585
+ overlayCard: string;
586
+ };
587
+ radii: {
588
+ xs: string;
589
+ sm: string;
590
+ md: string;
591
+ mdmd: string;
592
+ full: string;
593
+ };
594
+ zIndices: {
595
+ toast: number;
596
+ overlayCard: number;
597
+ };
598
+ }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
599
+ }) => JSX.Element;
600
+ export {};
package/dist/ui/ui.d.ts CHANGED
@@ -20,3 +20,4 @@ export * from './components/Form/Select';
20
20
  export * from './components/Form/TextInput';
21
21
  export * from './components/Form/TextArea';
22
22
  export * from './components/Form/Checkbox';
23
+ export * from './components/Form/Switch';