@arkitektbedriftene/fe-lib 4.3.3 → 5.1.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.
Files changed (67) hide show
  1. package/dist/elements/components/CompanyLogo.d.ts +8 -14
  2. package/dist/elements/elements.d.ts +1 -1
  3. package/dist/elements.d.ts +1 -0
  4. package/dist/elements.es.js +23 -23
  5. package/dist/icons.d.ts +1 -0
  6. package/dist/icons.es.js +3 -4
  7. package/dist/{index.esm-fa9e6ea7.js → index.esm-Dzt91gSZ.js} +29 -32
  8. package/dist/normalize.css.d.ts +1 -1
  9. package/dist/oidc/impersonate.d.ts +1 -1
  10. package/dist/oidc/oidc.d.ts +6 -6
  11. package/dist/oidc.d.ts +1 -0
  12. package/dist/oidc.es.js +5 -5
  13. package/dist/rich-text/Editor.d.ts +13 -18
  14. package/dist/rich-text/Plugins/Image/ImageComponent.d.ts +1 -1
  15. package/dist/rich-text/Plugins/Image/ImageNode.d.ts +2 -3
  16. package/dist/rich-text/Plugins/Image/ImagePlugin.d.ts +3 -3
  17. package/dist/rich-text/Plugins/LinkInsertPlugin.d.ts +3 -3
  18. package/dist/rich-text/Plugins/LinkTargetNode.d.ts +2 -2
  19. package/dist/rich-text/Plugins/ParsePlugin.d.ts +2 -2
  20. package/dist/rich-text/Plugins/RutineLinkNode.d.ts +12 -12
  21. package/dist/rich-text/Toolbar/Toolbar.d.ts +3 -119
  22. package/dist/rich-text/config.d.ts +9 -8
  23. package/dist/rich-text/editorContext.d.ts +7 -7
  24. package/dist/rich-text/getSelectedNode.d.ts +1 -1
  25. package/dist/rich-text/state.d.ts +5 -5
  26. package/dist/rich-text/styles.d.ts +100 -94
  27. package/dist/rich-text/theme.d.ts +1 -1
  28. package/dist/rich-text/trim.d.ts +3 -3
  29. package/dist/rich-text.d.ts +1 -0
  30. package/dist/rich-text.es.js +257 -249
  31. package/dist/ui/components/Alert.d.ts +95 -96
  32. package/dist/ui/components/Avatar.d.ts +97 -215
  33. package/dist/ui/components/Badge.d.ts +94 -94
  34. package/dist/ui/components/Box.d.ts +94 -94
  35. package/dist/ui/components/Button.d.ts +95 -96
  36. package/dist/ui/components/Card.d.ts +94 -94
  37. package/dist/ui/components/Dialog.d.ts +284 -400
  38. package/dist/ui/components/Form/Checkbox.d.ts +97 -216
  39. package/dist/ui/components/Form/Combobox.d.ts +2 -2
  40. package/dist/ui/components/Form/ReactSelect.d.ts +4 -2
  41. package/dist/ui/components/Form/Select.d.ts +3 -3
  42. package/dist/ui/components/Form/Switch.d.ts +195 -549
  43. package/dist/ui/components/Form/TextArea.d.ts +96 -97
  44. package/dist/ui/components/Form/TextInput.d.ts +96 -97
  45. package/dist/ui/components/Form/text.d.ts +188 -188
  46. package/dist/ui/components/Menu/DropdownMenu.d.ts +287 -287
  47. package/dist/ui/components/Menu/Menu.d.ts +281 -281
  48. package/dist/ui/components/NavBar.d.ts +98 -222
  49. package/dist/ui/components/OverlayCard.d.ts +94 -95
  50. package/dist/ui/components/Popover.d.ts +7 -124
  51. package/dist/ui/components/Spinner.d.ts +95 -96
  52. package/dist/ui/components/Stack.d.ts +95 -95
  53. package/dist/ui/components/Toolbar.d.ts +381 -382
  54. package/dist/ui/stitches.config.d.ts +569 -568
  55. package/dist/ui.css.d.ts +1 -1
  56. package/dist/ui.d.ts +1 -0
  57. package/dist/ui.es.js +54 -55
  58. package/package.json +5 -17
  59. package/dist/colors/colors.d.ts +0 -18
  60. package/dist/colors.d.ts +0 -1
  61. package/dist/colors.es.js +0 -20
  62. package/dist/hooks/hooks.d.ts +0 -2
  63. package/dist/hooks.d.ts +0 -1
  64. package/dist/hooks.es.js +0 -4
  65. package/dist/index.d.ts +0 -1
  66. package/dist/index.es.js +0 -4
  67. /package/dist/{stitches.config-00c23cdb.js → stitches.config-CEYOm13b.js} +0 -0
package/dist/ui/stitches.config.d.ts CHANGED
@@ -1,483 +1,482 @@
1
- /// <reference types="react" />
2
- export type { CSS } from "@stitches/react";
3
- export declare const styled: <Type extends string | number | symbol | import("react").ComponentType<any> | import("@stitches/react/types/util").Function, Composers extends (string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function | {
1
+ export type { CSS } from '@stitches/react';
2
+ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.ComponentType<any> | import('@stitches/react/types/util').Function, Composers extends (string | React.ComponentType<any> | import('@stitches/react/types/util').Function | {
4
3
  [name: string]: unknown;
5
- })[], CSS = import("@stitches/react/types/css-util").CSS<{
4
+ })[], CSS = import('@stitches/react/types/css-util').CSS<{
6
5
  lg: "(min-width: 1200px)";
7
6
  print: "print";
8
7
  }, {
9
8
  colors: {
10
- gray50: string;
11
- gray100: string;
12
- gray200: string;
13
- gray300: string;
14
- gray400: string;
15
- gray500: string;
16
- gray600: string;
17
- gray700: string;
18
- gray800: string;
19
- gray900: string;
20
- blue50: string;
21
- blue100: string;
22
- blue200: string;
23
- blue300: string;
24
- blue400: string;
25
- blue500: string;
26
- blue600: string;
27
- blue700: string;
28
- blue800: string;
29
- blue900: string;
30
- yellow50: string;
31
- yellow100: string;
32
- yellow200: string;
33
- yellow300: string;
34
- yellow400: string;
35
- yellow500: string;
36
- yellow600: string;
37
- yellow700: string;
38
- yellow800: string;
39
- yellow900: string;
40
- orange500: string;
41
- red50: string;
42
- red100: string;
43
- red200: string;
44
- red300: string;
45
- red400: string;
46
- red500: string;
47
- red600: string;
48
- red700: string;
49
- red800: string;
50
- red900: string;
51
- green50: string;
52
- green100: string;
53
- green200: string;
54
- green300: string;
55
- green400: string;
56
- green500: string;
57
- green600: string;
58
- green700: string;
59
- green800: string;
60
- green900: string;
61
- primaryTextOnLightBg: string;
62
- primaryBg: string;
63
- primaryBgHover: string;
64
- primaryTextOnWhite: string;
65
- bodyGray: string;
66
- hoverDarker: string;
67
- borderDarker: string;
68
- selectedDarker: string;
69
- selectedOnBodyGray: string;
70
- darkGrayBg: string;
71
- border: string;
72
- text: string;
73
- secondaryText: string;
74
- focusRing: string;
9
+ gray50: "#F9FAFA";
10
+ gray100: "#EBEEEE";
11
+ gray200: "#CFD6D7";
12
+ gray300: "#B3BEC0";
13
+ gray400: "#97A6A8";
14
+ gray500: "#7C8E91";
15
+ gray600: "#627578";
16
+ gray700: "#4F5F61";
17
+ gray800: "#414D4F";
18
+ gray900: "#2C3435";
19
+ blue50: "#F7FBFB";
20
+ blue100: "#E3F0F2";
21
+ blue200: "#BADADF";
22
+ blue300: "#92C5CC";
23
+ blue400: "#67AEB8";
24
+ blue500: "#3C97A3";
25
+ blue600: "#1F7D8A";
26
+ blue700: "#19656F";
27
+ blue800: "#14525B";
28
+ blue900: "#0E383E";
29
+ yellow50: "#FDFAEF";
30
+ yellow100: "#F9EDCA";
31
+ yellow200: "#EFD27A";
32
+ yellow300: "#E5B626";
33
+ yellow400: "#C89E1C";
34
+ yellow500: "#AA8618";
35
+ yellow600: "#8C6E14";
36
+ yellow700: "#715910";
37
+ yellow800: "#5C490D";
38
+ yellow900: "#3E3109";
39
+ orange500: "#D1721C";
40
+ red50: "#FDF9F9";
41
+ red100: "#F7EBEB";
42
+ red200: "#EBCECD";
43
+ red300: "#DFB1B0";
44
+ red400: "#D39392";
45
+ red500: "#C67473";
46
+ red600: "#B85250";
47
+ red700: "#A92F2D";
48
+ red800: "#901F1E";
49
+ red900: "#631614";
50
+ green50: "#F8FAF9";
51
+ green100: "#E7F0EA";
52
+ green200: "#C5D9CB";
53
+ green300: "#A4C4AD";
54
+ green400: "#82AD8D";
55
+ green500: "#60976F";
56
+ green600: "#3C7F4E";
57
+ green700: "#296839";
58
+ green800: "#21552F";
59
+ green900: "#163920";
60
+ primaryTextOnLightBg: "#194b58";
61
+ primaryBg: "$blue600";
62
+ primaryBgHover: "$blue700";
63
+ primaryTextOnWhite: "$blue600";
64
+ bodyGray: "$gray100";
65
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
66
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
67
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
68
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
69
+ darkGrayBg: "#1f2937";
70
+ border: "hsl(214deg, 25%, 80%)";
71
+ text: "#1f2937";
72
+ secondaryText: "$gray500";
73
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
75
74
  };
76
75
  fontSizes: {
77
- xs: string;
78
- sm: string;
79
- md: string;
80
- lg: string;
81
- xl: string;
82
- "2xl": string;
83
- "3xl": string;
76
+ xs: "0.75rem";
77
+ sm: "0.875rem";
78
+ md: "1rem";
79
+ lg: "1.125rem";
80
+ xl: "1.25rem";
81
+ "2xl": "1.5rem";
82
+ "3xl": "1.875rem";
84
83
  };
85
84
  fontWeights: {
86
- normal: string;
87
- medium: string;
88
- bold: string;
85
+ normal: "var(--ui-font-weight-normal)";
86
+ medium: "var(--ui-font-weight-semibold)";
87
+ bold: "var(--ui-font-weight-bold)";
89
88
  };
90
89
  space: {
91
- 1: string;
92
- 2: string;
93
- 3: string;
94
- 4: string;
95
- 6: string;
96
- 8: string;
90
+ 1: "0.25rem";
91
+ 2: "0.5rem";
92
+ 3: "0.75rem";
93
+ 4: "1rem";
94
+ 6: "1.5rem";
95
+ 8: "2rem";
97
96
  };
98
97
  shadows: {
99
- xs: string;
100
- sm: string;
101
- md: string;
102
- lg: string;
103
- overlayCard: string;
98
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
99
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
100
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
101
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
102
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
104
103
  };
105
104
  radii: {
106
- xs: string;
107
- sm: string;
108
- md: string;
109
- mdmd: string;
110
- full: string;
105
+ xs: "0.125rem";
106
+ sm: "0.25rem";
107
+ md: "0.5rem";
108
+ mdmd: "calc(0.5rem - 0.125rem)";
109
+ full: "9999px";
111
110
  };
112
111
  zIndices: {
113
112
  toast: number;
114
113
  overlayCard: number;
115
114
  };
116
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").ComponentType<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
115
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>(type: Type, ...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import('react').ComponentType<any> | import('@stitches/react/types/util').Function ? Composers[K] : import('@stitches/react/types/stitches').RemoveIndex<CSS> & {
117
116
  variants?: {
118
117
  [x: string]: {
119
118
  [x: string]: CSS;
120
119
  [x: number]: CSS;
121
120
  };
122
121
  } | undefined;
123
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
122
+ compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import('@stitches/react/types/util').String | import('@stitches/react/types/util').Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import('@stitches/react/types/util').WideObject) & {
124
123
  css: CSS;
125
124
  })[] | undefined;
126
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
127
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").StyledComponent<Type, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
125
+ defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import('@stitches/react/types/util').String | import('@stitches/react/types/util').Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import('@stitches/react/types/util').WideObject) | undefined;
126
+ } & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import('@stitches/react/types/styled-component').StyledComponent<Type, import('@stitches/react/types/styled-component').StyledComponentProps<Composers>, {
128
127
  lg: "(min-width: 1200px)";
129
128
  print: "print";
130
- }, import("@stitches/react/types/css-util").CSS<{
129
+ }, import('@stitches/react/types/css-util').CSS<{
131
130
  lg: "(min-width: 1200px)";
132
131
  print: "print";
133
132
  }, {
134
133
  colors: {
135
- gray50: string;
136
- gray100: string;
137
- gray200: string;
138
- gray300: string;
139
- gray400: string;
140
- gray500: string;
141
- gray600: string;
142
- gray700: string;
143
- gray800: string;
144
- gray900: string;
145
- blue50: string;
146
- blue100: string;
147
- blue200: string;
148
- blue300: string;
149
- blue400: string;
150
- blue500: string;
151
- blue600: string;
152
- blue700: string;
153
- blue800: string;
154
- blue900: string;
155
- yellow50: string;
156
- yellow100: string;
157
- yellow200: string;
158
- yellow300: string;
159
- yellow400: string;
160
- yellow500: string;
161
- yellow600: string;
162
- yellow700: string;
163
- yellow800: string;
164
- yellow900: string;
165
- orange500: string;
166
- red50: string;
167
- red100: string;
168
- red200: string;
169
- red300: string;
170
- red400: string;
171
- red500: string;
172
- red600: string;
173
- red700: string;
174
- red800: string;
175
- red900: string;
176
- green50: string;
177
- green100: string;
178
- green200: string;
179
- green300: string;
180
- green400: string;
181
- green500: string;
182
- green600: string;
183
- green700: string;
184
- green800: string;
185
- green900: string;
186
- primaryTextOnLightBg: string;
187
- primaryBg: string;
188
- primaryBgHover: string;
189
- primaryTextOnWhite: string;
190
- bodyGray: string;
191
- hoverDarker: string;
192
- borderDarker: string;
193
- selectedDarker: string;
194
- selectedOnBodyGray: string;
195
- darkGrayBg: string;
196
- border: string;
197
- text: string;
198
- secondaryText: string;
199
- focusRing: string;
134
+ gray50: "#F9FAFA";
135
+ gray100: "#EBEEEE";
136
+ gray200: "#CFD6D7";
137
+ gray300: "#B3BEC0";
138
+ gray400: "#97A6A8";
139
+ gray500: "#7C8E91";
140
+ gray600: "#627578";
141
+ gray700: "#4F5F61";
142
+ gray800: "#414D4F";
143
+ gray900: "#2C3435";
144
+ blue50: "#F7FBFB";
145
+ blue100: "#E3F0F2";
146
+ blue200: "#BADADF";
147
+ blue300: "#92C5CC";
148
+ blue400: "#67AEB8";
149
+ blue500: "#3C97A3";
150
+ blue600: "#1F7D8A";
151
+ blue700: "#19656F";
152
+ blue800: "#14525B";
153
+ blue900: "#0E383E";
154
+ yellow50: "#FDFAEF";
155
+ yellow100: "#F9EDCA";
156
+ yellow200: "#EFD27A";
157
+ yellow300: "#E5B626";
158
+ yellow400: "#C89E1C";
159
+ yellow500: "#AA8618";
160
+ yellow600: "#8C6E14";
161
+ yellow700: "#715910";
162
+ yellow800: "#5C490D";
163
+ yellow900: "#3E3109";
164
+ orange500: "#D1721C";
165
+ red50: "#FDF9F9";
166
+ red100: "#F7EBEB";
167
+ red200: "#EBCECD";
168
+ red300: "#DFB1B0";
169
+ red400: "#D39392";
170
+ red500: "#C67473";
171
+ red600: "#B85250";
172
+ red700: "#A92F2D";
173
+ red800: "#901F1E";
174
+ red900: "#631614";
175
+ green50: "#F8FAF9";
176
+ green100: "#E7F0EA";
177
+ green200: "#C5D9CB";
178
+ green300: "#A4C4AD";
179
+ green400: "#82AD8D";
180
+ green500: "#60976F";
181
+ green600: "#3C7F4E";
182
+ green700: "#296839";
183
+ green800: "#21552F";
184
+ green900: "#163920";
185
+ primaryTextOnLightBg: "#194b58";
186
+ primaryBg: "$blue600";
187
+ primaryBgHover: "$blue700";
188
+ primaryTextOnWhite: "$blue600";
189
+ bodyGray: "$gray100";
190
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
191
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
192
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
193
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
194
+ darkGrayBg: "#1f2937";
195
+ border: "hsl(214deg, 25%, 80%)";
196
+ text: "#1f2937";
197
+ secondaryText: "$gray500";
198
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
200
199
  };
201
200
  fontSizes: {
202
- xs: string;
203
- sm: string;
204
- md: string;
205
- lg: string;
206
- xl: string;
207
- "2xl": string;
208
- "3xl": string;
201
+ xs: "0.75rem";
202
+ sm: "0.875rem";
203
+ md: "1rem";
204
+ lg: "1.125rem";
205
+ xl: "1.25rem";
206
+ "2xl": "1.5rem";
207
+ "3xl": "1.875rem";
209
208
  };
210
209
  fontWeights: {
211
- normal: string;
212
- medium: string;
213
- bold: string;
210
+ normal: "var(--ui-font-weight-normal)";
211
+ medium: "var(--ui-font-weight-semibold)";
212
+ bold: "var(--ui-font-weight-bold)";
214
213
  };
215
214
  space: {
216
- 1: string;
217
- 2: string;
218
- 3: string;
219
- 4: string;
220
- 6: string;
221
- 8: string;
215
+ 1: "0.25rem";
216
+ 2: "0.5rem";
217
+ 3: "0.75rem";
218
+ 4: "1rem";
219
+ 6: "1.5rem";
220
+ 8: "2rem";
222
221
  };
223
222
  shadows: {
224
- xs: string;
225
- sm: string;
226
- md: string;
227
- lg: string;
228
- overlayCard: string;
223
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
224
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
225
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
226
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
227
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
229
228
  };
230
229
  radii: {
231
- xs: string;
232
- sm: string;
233
- md: string;
234
- mdmd: string;
235
- full: string;
230
+ xs: "0.125rem";
231
+ sm: "0.25rem";
232
+ md: "0.5rem";
233
+ mdmd: "calc(0.5rem - 0.125rem)";
234
+ full: "9999px";
236
235
  };
237
236
  zIndices: {
238
237
  toast: number;
239
238
  overlayCard: number;
240
239
  };
241
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>, css: <Composers extends (string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function | {
240
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>, css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import('@stitches/react/types/util').Function | {
242
241
  [name: string]: unknown;
243
- })[], CSS = import("@stitches/react/types/css-util").CSS<{
242
+ })[], CSS = import('@stitches/react/types/css-util').CSS<{
244
243
  lg: "(min-width: 1200px)";
245
244
  print: "print";
246
245
  }, {
247
246
  colors: {
248
- gray50: string;
249
- gray100: string;
250
- gray200: string;
251
- gray300: string;
252
- gray400: string;
253
- gray500: string;
254
- gray600: string;
255
- gray700: string;
256
- gray800: string;
257
- gray900: string;
258
- blue50: string;
259
- blue100: string;
260
- blue200: string;
261
- blue300: string;
262
- blue400: string;
263
- blue500: string;
264
- blue600: string;
265
- blue700: string;
266
- blue800: string;
267
- blue900: string;
268
- yellow50: string;
269
- yellow100: string;
270
- yellow200: string;
271
- yellow300: string;
272
- yellow400: string;
273
- yellow500: string;
274
- yellow600: string;
275
- yellow700: string;
276
- yellow800: string;
277
- yellow900: string;
278
- orange500: string;
279
- red50: string;
280
- red100: string;
281
- red200: string;
282
- red300: string;
283
- red400: string;
284
- red500: string;
285
- red600: string;
286
- red700: string;
287
- red800: string;
288
- red900: string;
289
- green50: string;
290
- green100: string;
291
- green200: string;
292
- green300: string;
293
- green400: string;
294
- green500: string;
295
- green600: string;
296
- green700: string;
297
- green800: string;
298
- green900: string;
299
- primaryTextOnLightBg: string;
300
- primaryBg: string;
301
- primaryBgHover: string;
302
- primaryTextOnWhite: string;
303
- bodyGray: string;
304
- hoverDarker: string;
305
- borderDarker: string;
306
- selectedDarker: string;
307
- selectedOnBodyGray: string;
308
- darkGrayBg: string;
309
- border: string;
310
- text: string;
311
- secondaryText: string;
312
- focusRing: string;
247
+ gray50: "#F9FAFA";
248
+ gray100: "#EBEEEE";
249
+ gray200: "#CFD6D7";
250
+ gray300: "#B3BEC0";
251
+ gray400: "#97A6A8";
252
+ gray500: "#7C8E91";
253
+ gray600: "#627578";
254
+ gray700: "#4F5F61";
255
+ gray800: "#414D4F";
256
+ gray900: "#2C3435";
257
+ blue50: "#F7FBFB";
258
+ blue100: "#E3F0F2";
259
+ blue200: "#BADADF";
260
+ blue300: "#92C5CC";
261
+ blue400: "#67AEB8";
262
+ blue500: "#3C97A3";
263
+ blue600: "#1F7D8A";
264
+ blue700: "#19656F";
265
+ blue800: "#14525B";
266
+ blue900: "#0E383E";
267
+ yellow50: "#FDFAEF";
268
+ yellow100: "#F9EDCA";
269
+ yellow200: "#EFD27A";
270
+ yellow300: "#E5B626";
271
+ yellow400: "#C89E1C";
272
+ yellow500: "#AA8618";
273
+ yellow600: "#8C6E14";
274
+ yellow700: "#715910";
275
+ yellow800: "#5C490D";
276
+ yellow900: "#3E3109";
277
+ orange500: "#D1721C";
278
+ red50: "#FDF9F9";
279
+ red100: "#F7EBEB";
280
+ red200: "#EBCECD";
281
+ red300: "#DFB1B0";
282
+ red400: "#D39392";
283
+ red500: "#C67473";
284
+ red600: "#B85250";
285
+ red700: "#A92F2D";
286
+ red800: "#901F1E";
287
+ red900: "#631614";
288
+ green50: "#F8FAF9";
289
+ green100: "#E7F0EA";
290
+ green200: "#C5D9CB";
291
+ green300: "#A4C4AD";
292
+ green400: "#82AD8D";
293
+ green500: "#60976F";
294
+ green600: "#3C7F4E";
295
+ green700: "#296839";
296
+ green800: "#21552F";
297
+ green900: "#163920";
298
+ primaryTextOnLightBg: "#194b58";
299
+ primaryBg: "$blue600";
300
+ primaryBgHover: "$blue700";
301
+ primaryTextOnWhite: "$blue600";
302
+ bodyGray: "$gray100";
303
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
304
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
305
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
306
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
307
+ darkGrayBg: "#1f2937";
308
+ border: "hsl(214deg, 25%, 80%)";
309
+ text: "#1f2937";
310
+ secondaryText: "$gray500";
311
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
313
312
  };
314
313
  fontSizes: {
315
- xs: string;
316
- sm: string;
317
- md: string;
318
- lg: string;
319
- xl: string;
320
- "2xl": string;
321
- "3xl": string;
314
+ xs: "0.75rem";
315
+ sm: "0.875rem";
316
+ md: "1rem";
317
+ lg: "1.125rem";
318
+ xl: "1.25rem";
319
+ "2xl": "1.5rem";
320
+ "3xl": "1.875rem";
322
321
  };
323
322
  fontWeights: {
324
- normal: string;
325
- medium: string;
326
- bold: string;
323
+ normal: "var(--ui-font-weight-normal)";
324
+ medium: "var(--ui-font-weight-semibold)";
325
+ bold: "var(--ui-font-weight-bold)";
327
326
  };
328
327
  space: {
329
- 1: string;
330
- 2: string;
331
- 3: string;
332
- 4: string;
333
- 6: string;
334
- 8: string;
328
+ 1: "0.25rem";
329
+ 2: "0.5rem";
330
+ 3: "0.75rem";
331
+ 4: "1rem";
332
+ 6: "1.5rem";
333
+ 8: "2rem";
335
334
  };
336
335
  shadows: {
337
- xs: string;
338
- sm: string;
339
- md: string;
340
- lg: string;
341
- overlayCard: string;
336
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
337
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
338
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
339
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
340
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
342
341
  };
343
342
  radii: {
344
- xs: string;
345
- sm: string;
346
- md: string;
347
- mdmd: string;
348
- full: string;
343
+ xs: "0.125rem";
344
+ sm: "0.25rem";
345
+ md: "0.5rem";
346
+ mdmd: "calc(0.5rem - 0.125rem)";
347
+ full: "9999px";
349
348
  };
350
349
  zIndices: {
351
350
  toast: number;
352
351
  overlayCard: number;
353
352
  };
354
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import("react").JSXElementConstructor<any> | import("react").ExoticComponent<any> | import("@stitches/react/types/util").Function ? Composers[K] : import("@stitches/react/types/stitches").RemoveIndex<CSS> & {
353
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>(...composers: { [K in keyof Composers]: string extends Composers[K] ? Composers[K] : Composers[K] extends string | import('react').JSXElementConstructor<any> | import('react').ExoticComponent<any> | import('@stitches/react/types/util').Function ? Composers[K] : import('@stitches/react/types/stitches').RemoveIndex<CSS> & {
355
354
  variants?: {
356
355
  [x: string]: {
357
356
  [x: string]: CSS;
358
357
  [x: number]: CSS;
359
358
  };
360
359
  } | undefined;
361
- compoundVariants?: (("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T ? { [Name in keyof T]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : never : import("@stitches/react/types/util").WideObject) & {
360
+ compoundVariants?: (("variants" extends keyof Composers[K] ? { [Name in keyof Composers[K][keyof Composers[K] & "variants"]]?: import('@stitches/react/types/util').String | import('@stitches/react/types/util').Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name]> | undefined; } : import('@stitches/react/types/util').WideObject) & {
362
361
  css: CSS;
363
362
  })[] | undefined;
364
- defaultVariants?: ("variants" extends keyof Composers[K] ? Composers[K][keyof Composers[K] & "variants"] extends infer T_1 ? { [Name_1 in keyof T_1]?: import("@stitches/react/types/util").String | import("@stitches/react/types/util").Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : never : import("@stitches/react/types/util").WideObject) | undefined;
365
- } & CSS & (Composers[K] extends infer T_2 ? { [K2 in keyof T_2]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; } : never); }) => import("@stitches/react/types/styled-component").CssComponent<import("@stitches/react/types/styled-component").StyledComponentType<Composers>, import("@stitches/react/types/styled-component").StyledComponentProps<Composers>, {
363
+ defaultVariants?: ("variants" extends keyof Composers[K] ? { [Name_1 in keyof Composers[K][keyof Composers[K] & "variants"]]?: import('@stitches/react/types/util').String | import('@stitches/react/types/util').Widen<keyof Composers[K][keyof Composers[K] & "variants"][Name_1]> | undefined; } : import('@stitches/react/types/util').WideObject) | undefined;
364
+ } & CSS & { [K2 in keyof Composers[K]]: K2 extends "compoundVariants" | "defaultVariants" | "variants" ? unknown : K2 extends keyof CSS ? CSS[K2] : unknown; }; }) => import('@stitches/react/types/styled-component').CssComponent<import('@stitches/react/types/styled-component').StyledComponentType<Composers>, import('@stitches/react/types/styled-component').StyledComponentProps<Composers>, {
366
365
  lg: "(min-width: 1200px)";
367
366
  print: "print";
368
367
  }, CSS>, keyframes: (style: {
369
- [offset: string]: import("@stitches/react/types/css-util").CSS<{
368
+ [offset: string]: import('@stitches/react/types/css-util').CSS<{
370
369
  lg: "(min-width: 1200px)";
371
370
  print: "print";
372
371
  }, {
373
372
  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;
373
+ gray50: "#F9FAFA";
374
+ gray100: "#EBEEEE";
375
+ gray200: "#CFD6D7";
376
+ gray300: "#B3BEC0";
377
+ gray400: "#97A6A8";
378
+ gray500: "#7C8E91";
379
+ gray600: "#627578";
380
+ gray700: "#4F5F61";
381
+ gray800: "#414D4F";
382
+ gray900: "#2C3435";
383
+ blue50: "#F7FBFB";
384
+ blue100: "#E3F0F2";
385
+ blue200: "#BADADF";
386
+ blue300: "#92C5CC";
387
+ blue400: "#67AEB8";
388
+ blue500: "#3C97A3";
389
+ blue600: "#1F7D8A";
390
+ blue700: "#19656F";
391
+ blue800: "#14525B";
392
+ blue900: "#0E383E";
393
+ yellow50: "#FDFAEF";
394
+ yellow100: "#F9EDCA";
395
+ yellow200: "#EFD27A";
396
+ yellow300: "#E5B626";
397
+ yellow400: "#C89E1C";
398
+ yellow500: "#AA8618";
399
+ yellow600: "#8C6E14";
400
+ yellow700: "#715910";
401
+ yellow800: "#5C490D";
402
+ yellow900: "#3E3109";
403
+ orange500: "#D1721C";
404
+ red50: "#FDF9F9";
405
+ red100: "#F7EBEB";
406
+ red200: "#EBCECD";
407
+ red300: "#DFB1B0";
408
+ red400: "#D39392";
409
+ red500: "#C67473";
410
+ red600: "#B85250";
411
+ red700: "#A92F2D";
412
+ red800: "#901F1E";
413
+ red900: "#631614";
414
+ green50: "#F8FAF9";
415
+ green100: "#E7F0EA";
416
+ green200: "#C5D9CB";
417
+ green300: "#A4C4AD";
418
+ green400: "#82AD8D";
419
+ green500: "#60976F";
420
+ green600: "#3C7F4E";
421
+ green700: "#296839";
422
+ green800: "#21552F";
423
+ green900: "#163920";
424
+ primaryTextOnLightBg: "#194b58";
425
+ primaryBg: "$blue600";
426
+ primaryBgHover: "$blue700";
427
+ primaryTextOnWhite: "$blue600";
428
+ bodyGray: "$gray100";
429
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
430
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
431
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
432
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
433
+ darkGrayBg: "#1f2937";
434
+ border: "hsl(214deg, 25%, 80%)";
435
+ text: "#1f2937";
436
+ secondaryText: "$gray500";
437
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
439
438
  };
440
439
  fontSizes: {
441
- xs: string;
442
- sm: string;
443
- md: string;
444
- lg: string;
445
- xl: string;
446
- "2xl": string;
447
- "3xl": string;
440
+ xs: "0.75rem";
441
+ sm: "0.875rem";
442
+ md: "1rem";
443
+ lg: "1.125rem";
444
+ xl: "1.25rem";
445
+ "2xl": "1.5rem";
446
+ "3xl": "1.875rem";
448
447
  };
449
448
  fontWeights: {
450
- normal: string;
451
- medium: string;
452
- bold: string;
449
+ normal: "var(--ui-font-weight-normal)";
450
+ medium: "var(--ui-font-weight-semibold)";
451
+ bold: "var(--ui-font-weight-bold)";
453
452
  };
454
453
  space: {
455
- 1: string;
456
- 2: string;
457
- 3: string;
458
- 4: string;
459
- 6: string;
460
- 8: string;
454
+ 1: "0.25rem";
455
+ 2: "0.5rem";
456
+ 3: "0.75rem";
457
+ 4: "1rem";
458
+ 6: "1.5rem";
459
+ 8: "2rem";
461
460
  };
462
461
  shadows: {
463
- xs: string;
464
- sm: string;
465
- md: string;
466
- lg: string;
467
- overlayCard: string;
462
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
463
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
464
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
465
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
466
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
468
467
  };
469
468
  radii: {
470
- xs: string;
471
- sm: string;
472
- md: string;
473
- mdmd: string;
474
- full: string;
469
+ xs: "0.125rem";
470
+ sm: "0.25rem";
471
+ md: "0.5rem";
472
+ mdmd: "calc(0.5rem - 0.125rem)";
473
+ full: "9999px";
475
474
  };
476
475
  zIndices: {
477
476
  toast: number;
478
477
  overlayCard: number;
479
478
  };
480
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
479
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>;
481
480
  }) => {
482
481
  (): string;
483
482
  name: string;
@@ -486,228 +485,230 @@ export declare const styled: <Type extends string | number | symbol | import("re
486
485
  }>(...styles: ({
487
486
  '@import'?: unknown;
488
487
  '@font-face'?: unknown;
489
- } & { [K in keyof Styles]: K extends "@@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
490
- [x: string]: import("@stitches/react/types/css-util").CSS<{
488
+ } & { [K in keyof Styles]: K extends "@import" ? string | string[] : K extends "@font-face" ? import("@stitches/react/types/css").AtRule.FontFace | import("@stitches/react/types/css").AtRule.FontFace[] : K extends `@keyframes ${string}` ? {
489
+ [x: string]: import('@stitches/react/types/css-util').CSS<{
491
490
  lg: "(min-width: 1200px)";
492
491
  print: "print";
493
492
  }, {
494
493
  colors: {
495
- gray50: string;
496
- gray100: string;
497
- gray200: string;
498
- gray300: string;
499
- gray400: string;
500
- gray500: string;
501
- gray600: string;
502
- gray700: string;
503
- gray800: string;
504
- gray900: string;
505
- blue50: string;
506
- blue100: string;
507
- blue200: string;
508
- blue300: string;
509
- blue400: string;
510
- blue500: string;
511
- blue600: string;
512
- blue700: string;
513
- blue800: string;
514
- blue900: string;
515
- yellow50: string;
516
- yellow100: string;
517
- yellow200: string;
518
- yellow300: string;
519
- yellow400: string;
520
- yellow500: string;
521
- yellow600: string;
522
- yellow700: string;
523
- yellow800: string;
524
- yellow900: string;
525
- orange500: string;
526
- red50: string;
527
- red100: string;
528
- red200: string;
529
- red300: string;
530
- red400: string;
531
- red500: string;
532
- red600: string;
533
- red700: string;
534
- red800: string;
535
- red900: string;
536
- green50: string;
537
- green100: string;
538
- green200: string;
539
- green300: string;
540
- green400: string;
541
- green500: string;
542
- green600: string;
543
- green700: string;
544
- green800: string;
545
- green900: string;
546
- primaryTextOnLightBg: string;
547
- primaryBg: string;
548
- primaryBgHover: string;
549
- primaryTextOnWhite: string;
550
- bodyGray: string;
551
- hoverDarker: string;
552
- borderDarker: string;
553
- selectedDarker: string;
554
- selectedOnBodyGray: string;
555
- darkGrayBg: string;
556
- border: string;
557
- text: string;
558
- secondaryText: string;
559
- focusRing: string;
494
+ gray50: "#F9FAFA";
495
+ gray100: "#EBEEEE";
496
+ gray200: "#CFD6D7";
497
+ gray300: "#B3BEC0";
498
+ gray400: "#97A6A8";
499
+ gray500: "#7C8E91";
500
+ gray600: "#627578";
501
+ gray700: "#4F5F61";
502
+ gray800: "#414D4F";
503
+ gray900: "#2C3435";
504
+ blue50: "#F7FBFB";
505
+ blue100: "#E3F0F2";
506
+ blue200: "#BADADF";
507
+ blue300: "#92C5CC";
508
+ blue400: "#67AEB8";
509
+ blue500: "#3C97A3";
510
+ blue600: "#1F7D8A";
511
+ blue700: "#19656F";
512
+ blue800: "#14525B";
513
+ blue900: "#0E383E";
514
+ yellow50: "#FDFAEF";
515
+ yellow100: "#F9EDCA";
516
+ yellow200: "#EFD27A";
517
+ yellow300: "#E5B626";
518
+ yellow400: "#C89E1C";
519
+ yellow500: "#AA8618";
520
+ yellow600: "#8C6E14";
521
+ yellow700: "#715910";
522
+ yellow800: "#5C490D";
523
+ yellow900: "#3E3109";
524
+ orange500: "#D1721C";
525
+ red50: "#FDF9F9";
526
+ red100: "#F7EBEB";
527
+ red200: "#EBCECD";
528
+ red300: "#DFB1B0";
529
+ red400: "#D39392";
530
+ red500: "#C67473";
531
+ red600: "#B85250";
532
+ red700: "#A92F2D";
533
+ red800: "#901F1E";
534
+ red900: "#631614";
535
+ green50: "#F8FAF9";
536
+ green100: "#E7F0EA";
537
+ green200: "#C5D9CB";
538
+ green300: "#A4C4AD";
539
+ green400: "#82AD8D";
540
+ green500: "#60976F";
541
+ green600: "#3C7F4E";
542
+ green700: "#296839";
543
+ green800: "#21552F";
544
+ green900: "#163920";
545
+ primaryTextOnLightBg: "#194b58";
546
+ primaryBg: "$blue600";
547
+ primaryBgHover: "$blue700";
548
+ primaryTextOnWhite: "$blue600";
549
+ bodyGray: "$gray100";
550
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
551
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
552
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
553
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
554
+ darkGrayBg: "#1f2937";
555
+ border: "hsl(214deg, 25%, 80%)";
556
+ text: "#1f2937";
557
+ secondaryText: "$gray500";
558
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
560
559
  };
561
560
  fontSizes: {
562
- xs: string;
563
- sm: string;
564
- md: string;
565
- lg: string;
566
- xl: string;
567
- "2xl": string;
568
- "3xl": string;
561
+ xs: "0.75rem";
562
+ sm: "0.875rem";
563
+ md: "1rem";
564
+ lg: "1.125rem";
565
+ xl: "1.25rem";
566
+ "2xl": "1.5rem";
567
+ "3xl": "1.875rem";
569
568
  };
570
569
  fontWeights: {
571
- normal: string;
572
- medium: string;
573
- bold: string;
570
+ normal: "var(--ui-font-weight-normal)";
571
+ medium: "var(--ui-font-weight-semibold)";
572
+ bold: "var(--ui-font-weight-bold)";
574
573
  };
575
574
  space: {
576
- 1: string;
577
- 2: string;
578
- 3: string;
579
- 4: string;
580
- 6: string;
581
- 8: string;
575
+ 1: "0.25rem";
576
+ 2: "0.5rem";
577
+ 3: "0.75rem";
578
+ 4: "1rem";
579
+ 6: "1.5rem";
580
+ 8: "2rem";
582
581
  };
583
582
  shadows: {
584
- xs: string;
585
- sm: string;
586
- md: string;
587
- lg: string;
588
- overlayCard: string;
583
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
584
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
585
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
586
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
587
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
589
588
  };
590
589
  radii: {
591
- xs: string;
592
- sm: string;
593
- md: string;
594
- mdmd: string;
595
- full: string;
590
+ xs: "0.125rem";
591
+ sm: "0.25rem";
592
+ md: "0.5rem";
593
+ mdmd: "calc(0.5rem - 0.125rem)";
594
+ full: "9999px";
596
595
  };
597
596
  zIndices: {
598
597
  toast: number;
599
598
  overlayCard: number;
600
599
  };
601
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>;
602
- } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import("@stitches/react/types/css-util").CSS<{
600
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>;
601
+ } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import('@stitches/react/types/css-util').CSS<{
603
602
  lg: "(min-width: 1200px)";
604
603
  print: "print";
605
604
  }, {
606
605
  colors: {
607
- gray50: string;
608
- gray100: string;
609
- gray200: string;
610
- gray300: string;
611
- gray400: string;
612
- gray500: string;
613
- gray600: string;
614
- gray700: string;
615
- gray800: string;
616
- gray900: string;
617
- blue50: string;
618
- blue100: string;
619
- blue200: string;
620
- blue300: string;
621
- blue400: string;
622
- blue500: string;
623
- blue600: string;
624
- blue700: string;
625
- blue800: string;
626
- blue900: string;
627
- yellow50: string;
628
- yellow100: string;
629
- yellow200: string;
630
- yellow300: string;
631
- yellow400: string;
632
- yellow500: string;
633
- yellow600: string;
634
- yellow700: string;
635
- yellow800: string;
636
- yellow900: string;
637
- orange500: string;
638
- red50: string;
639
- red100: string;
640
- red200: string;
641
- red300: string;
642
- red400: string;
643
- red500: string;
644
- red600: string;
645
- red700: string;
646
- red800: string;
647
- red900: string;
648
- green50: string;
649
- green100: string;
650
- green200: string;
651
- green300: string;
652
- green400: string;
653
- green500: string;
654
- green600: string;
655
- green700: string;
656
- green800: string;
657
- green900: string;
658
- primaryTextOnLightBg: string;
659
- primaryBg: string;
660
- primaryBgHover: string;
661
- primaryTextOnWhite: string;
662
- bodyGray: string;
663
- hoverDarker: string;
664
- borderDarker: string;
665
- selectedDarker: string;
666
- selectedOnBodyGray: string;
667
- darkGrayBg: string;
668
- border: string;
669
- text: string;
670
- secondaryText: string;
671
- focusRing: string;
606
+ gray50: "#F9FAFA";
607
+ gray100: "#EBEEEE";
608
+ gray200: "#CFD6D7";
609
+ gray300: "#B3BEC0";
610
+ gray400: "#97A6A8";
611
+ gray500: "#7C8E91";
612
+ gray600: "#627578";
613
+ gray700: "#4F5F61";
614
+ gray800: "#414D4F";
615
+ gray900: "#2C3435";
616
+ blue50: "#F7FBFB";
617
+ blue100: "#E3F0F2";
618
+ blue200: "#BADADF";
619
+ blue300: "#92C5CC";
620
+ blue400: "#67AEB8";
621
+ blue500: "#3C97A3";
622
+ blue600: "#1F7D8A";
623
+ blue700: "#19656F";
624
+ blue800: "#14525B";
625
+ blue900: "#0E383E";
626
+ yellow50: "#FDFAEF";
627
+ yellow100: "#F9EDCA";
628
+ yellow200: "#EFD27A";
629
+ yellow300: "#E5B626";
630
+ yellow400: "#C89E1C";
631
+ yellow500: "#AA8618";
632
+ yellow600: "#8C6E14";
633
+ yellow700: "#715910";
634
+ yellow800: "#5C490D";
635
+ yellow900: "#3E3109";
636
+ orange500: "#D1721C";
637
+ red50: "#FDF9F9";
638
+ red100: "#F7EBEB";
639
+ red200: "#EBCECD";
640
+ red300: "#DFB1B0";
641
+ red400: "#D39392";
642
+ red500: "#C67473";
643
+ red600: "#B85250";
644
+ red700: "#A92F2D";
645
+ red800: "#901F1E";
646
+ red900: "#631614";
647
+ green50: "#F8FAF9";
648
+ green100: "#E7F0EA";
649
+ green200: "#C5D9CB";
650
+ green300: "#A4C4AD";
651
+ green400: "#82AD8D";
652
+ green500: "#60976F";
653
+ green600: "#3C7F4E";
654
+ green700: "#296839";
655
+ green800: "#21552F";
656
+ green900: "#163920";
657
+ primaryTextOnLightBg: "#194b58";
658
+ primaryBg: "$blue600";
659
+ primaryBgHover: "$blue700";
660
+ primaryTextOnWhite: "$blue600";
661
+ bodyGray: "$gray100";
662
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
663
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
664
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
665
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
666
+ darkGrayBg: "#1f2937";
667
+ border: "hsl(214deg, 25%, 80%)";
668
+ text: "#1f2937";
669
+ secondaryText: "$gray500";
670
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
672
671
  };
673
672
  fontSizes: {
674
- xs: string;
675
- sm: string;
676
- md: string;
677
- lg: string;
678
- xl: string;
679
- "2xl": string;
680
- "3xl": string;
673
+ xs: "0.75rem";
674
+ sm: "0.875rem";
675
+ md: "1rem";
676
+ lg: "1.125rem";
677
+ xl: "1.25rem";
678
+ "2xl": "1.5rem";
679
+ "3xl": "1.875rem";
681
680
  };
682
681
  fontWeights: {
683
- normal: string;
684
- medium: string;
685
- bold: string;
682
+ normal: "var(--ui-font-weight-normal)";
683
+ medium: "var(--ui-font-weight-semibold)";
684
+ bold: "var(--ui-font-weight-bold)";
686
685
  };
687
686
  space: {
688
- 1: string;
689
- 2: string;
690
- 3: string;
691
- 4: string;
692
- 6: string;
693
- 8: string;
687
+ 1: "0.25rem";
688
+ 2: "0.5rem";
689
+ 3: "0.75rem";
690
+ 4: "1rem";
691
+ 6: "1.5rem";
692
+ 8: "2rem";
694
693
  };
695
694
  shadows: {
696
- xs: string;
697
- sm: string;
698
- md: string;
699
- lg: string;
700
- overlayCard: string;
695
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
696
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
697
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
698
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
699
+ overlayCard: "0 5px 50px 0px rgb(0 0 0 / 0.15), 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
701
700
  };
702
701
  radii: {
703
- xs: string;
704
- sm: string;
705
- md: string;
706
- mdmd: string;
707
- full: string;
702
+ xs: "0.125rem";
703
+ sm: "0.25rem";
704
+ md: "0.5rem";
705
+ mdmd: "calc(0.5rem - 0.125rem)";
706
+ full: "9999px";
708
707
  };
709
708
  zIndices: {
710
709
  toast: number;
711
710
  overlayCard: number;
712
711
  };
713
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>; })[]) => () => string, getCssText: () => string;
712
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>; })[]) => {
713
+ (): string;
714
+ }, getCssText: () => string;