@arkitektbedriftene/fe-lib 4.3.2 → 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 +452 -432
  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/components/Toolbar.d.ts CHANGED
@@ -1,351 +1,350 @@
1
- /// <reference types="react" />
2
1
  import * as T from "@radix-ui/react-toolbar";
3
- export declare const Toolbar: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<T.ToolbarProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
2
+ export declare const Toolbar: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<T.ToolbarProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
4
3
  lg: "(min-width: 1200px)";
5
4
  print: "print";
6
- }, import("@stitches/react/types/css-util").CSS<{
5
+ }, import('@stitches/react/types/css-util').CSS<{
7
6
  lg: "(min-width: 1200px)";
8
7
  print: "print";
9
8
  }, {
10
9
  colors: {
11
- gray50: string;
12
- gray100: string;
13
- gray200: string;
14
- gray300: string;
15
- gray400: string;
16
- gray500: string;
17
- gray600: string;
18
- gray700: string;
19
- gray800: string;
20
- gray900: string;
21
- blue50: string;
22
- blue100: string;
23
- blue200: string;
24
- blue300: string;
25
- blue400: string;
26
- blue500: string;
27
- blue600: string;
28
- blue700: string;
29
- blue800: string;
30
- blue900: string;
31
- yellow50: string;
32
- yellow100: string;
33
- yellow200: string;
34
- yellow300: string;
35
- yellow400: string;
36
- yellow500: string;
37
- yellow600: string;
38
- yellow700: string;
39
- yellow800: string;
40
- yellow900: string;
41
- orange500: string;
42
- red50: string;
43
- red100: string;
44
- red200: string;
45
- red300: string;
46
- red400: string;
47
- red500: string;
48
- red600: string;
49
- red700: string;
50
- red800: string;
51
- red900: string;
52
- green50: string;
53
- green100: string;
54
- green200: string;
55
- green300: string;
56
- green400: string;
57
- green500: string;
58
- green600: string;
59
- green700: string;
60
- green800: string;
61
- green900: string;
62
- primaryTextOnLightBg: string;
63
- primaryBg: string;
64
- primaryBgHover: string;
65
- primaryTextOnWhite: string;
66
- bodyGray: string;
67
- hoverDarker: string;
68
- borderDarker: string;
69
- selectedDarker: string;
70
- selectedOnBodyGray: string;
71
- darkGrayBg: string;
72
- border: string;
73
- text: string;
74
- secondaryText: string;
75
- focusRing: string;
10
+ gray50: "#F9FAFA";
11
+ gray100: "#EBEEEE";
12
+ gray200: "#CFD6D7";
13
+ gray300: "#B3BEC0";
14
+ gray400: "#97A6A8";
15
+ gray500: "#7C8E91";
16
+ gray600: "#627578";
17
+ gray700: "#4F5F61";
18
+ gray800: "#414D4F";
19
+ gray900: "#2C3435";
20
+ blue50: "#F7FBFB";
21
+ blue100: "#E3F0F2";
22
+ blue200: "#BADADF";
23
+ blue300: "#92C5CC";
24
+ blue400: "#67AEB8";
25
+ blue500: "#3C97A3";
26
+ blue600: "#1F7D8A";
27
+ blue700: "#19656F";
28
+ blue800: "#14525B";
29
+ blue900: "#0E383E";
30
+ yellow50: "#FDFAEF";
31
+ yellow100: "#F9EDCA";
32
+ yellow200: "#EFD27A";
33
+ yellow300: "#E5B626";
34
+ yellow400: "#C89E1C";
35
+ yellow500: "#AA8618";
36
+ yellow600: "#8C6E14";
37
+ yellow700: "#715910";
38
+ yellow800: "#5C490D";
39
+ yellow900: "#3E3109";
40
+ orange500: "#D1721C";
41
+ red50: "#FDF9F9";
42
+ red100: "#F7EBEB";
43
+ red200: "#EBCECD";
44
+ red300: "#DFB1B0";
45
+ red400: "#D39392";
46
+ red500: "#C67473";
47
+ red600: "#B85250";
48
+ red700: "#A92F2D";
49
+ red800: "#901F1E";
50
+ red900: "#631614";
51
+ green50: "#F8FAF9";
52
+ green100: "#E7F0EA";
53
+ green200: "#C5D9CB";
54
+ green300: "#A4C4AD";
55
+ green400: "#82AD8D";
56
+ green500: "#60976F";
57
+ green600: "#3C7F4E";
58
+ green700: "#296839";
59
+ green800: "#21552F";
60
+ green900: "#163920";
61
+ primaryTextOnLightBg: "#194b58";
62
+ primaryBg: "$blue600";
63
+ primaryBgHover: "$blue700";
64
+ primaryTextOnWhite: "$blue600";
65
+ bodyGray: "$gray100";
66
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
67
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
68
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
69
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
70
+ darkGrayBg: "#1f2937";
71
+ border: "hsl(214deg, 25%, 80%)";
72
+ text: "#1f2937";
73
+ secondaryText: "$gray500";
74
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
76
75
  };
77
76
  fontSizes: {
78
- xs: string;
79
- sm: string;
80
- md: string;
81
- lg: string;
82
- xl: string;
83
- "2xl": string;
84
- "3xl": string;
77
+ xs: "0.75rem";
78
+ sm: "0.875rem";
79
+ md: "1rem";
80
+ lg: "1.125rem";
81
+ xl: "1.25rem";
82
+ "2xl": "1.5rem";
83
+ "3xl": "1.875rem";
85
84
  };
86
85
  fontWeights: {
87
- normal: string;
88
- medium: string;
89
- bold: string;
86
+ normal: "var(--ui-font-weight-normal)";
87
+ medium: "var(--ui-font-weight-semibold)";
88
+ bold: "var(--ui-font-weight-bold)";
90
89
  };
91
90
  space: {
92
- 1: string;
93
- 2: string;
94
- 3: string;
95
- 4: string;
96
- 6: string;
97
- 8: string;
91
+ 1: "0.25rem";
92
+ 2: "0.5rem";
93
+ 3: "0.75rem";
94
+ 4: "1rem";
95
+ 6: "1.5rem";
96
+ 8: "2rem";
98
97
  };
99
98
  shadows: {
100
- xs: string;
101
- sm: string;
102
- md: string;
103
- lg: string;
104
- overlayCard: string;
99
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
100
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
101
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
102
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
103
+ 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)";
105
104
  };
106
105
  radii: {
107
- xs: string;
108
- sm: string;
109
- md: string;
110
- mdmd: string;
111
- full: string;
106
+ xs: "0.125rem";
107
+ sm: "0.25rem";
108
+ md: "0.5rem";
109
+ mdmd: "calc(0.5rem - 0.125rem)";
110
+ full: "9999px";
112
111
  };
113
112
  zIndices: {
114
113
  toast: number;
115
114
  overlayCard: number;
116
115
  };
117
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
118
- export declare const ToolbarToggleGroup: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<(T.ToolbarToggleGroupSingleProps | T.ToolbarToggleGroupMultipleProps) & import("react").RefAttributes<HTMLDivElement>>, {}, {
116
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
117
+ export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<(T.ToolbarToggleGroupSingleProps | T.ToolbarToggleGroupMultipleProps) & import('react').RefAttributes<HTMLDivElement>>, {}, {
119
118
  lg: "(min-width: 1200px)";
120
119
  print: "print";
121
- }, import("@stitches/react/types/css-util").CSS<{
120
+ }, import('@stitches/react/types/css-util').CSS<{
122
121
  lg: "(min-width: 1200px)";
123
122
  print: "print";
124
123
  }, {
125
124
  colors: {
126
- gray50: string;
127
- gray100: string;
128
- gray200: string;
129
- gray300: string;
130
- gray400: string;
131
- gray500: string;
132
- gray600: string;
133
- gray700: string;
134
- gray800: string;
135
- gray900: string;
136
- blue50: string;
137
- blue100: string;
138
- blue200: string;
139
- blue300: string;
140
- blue400: string;
141
- blue500: string;
142
- blue600: string;
143
- blue700: string;
144
- blue800: string;
145
- blue900: string;
146
- yellow50: string;
147
- yellow100: string;
148
- yellow200: string;
149
- yellow300: string;
150
- yellow400: string;
151
- yellow500: string;
152
- yellow600: string;
153
- yellow700: string;
154
- yellow800: string;
155
- yellow900: string;
156
- orange500: string;
157
- red50: string;
158
- red100: string;
159
- red200: string;
160
- red300: string;
161
- red400: string;
162
- red500: string;
163
- red600: string;
164
- red700: string;
165
- red800: string;
166
- red900: string;
167
- green50: string;
168
- green100: string;
169
- green200: string;
170
- green300: string;
171
- green400: string;
172
- green500: string;
173
- green600: string;
174
- green700: string;
175
- green800: string;
176
- green900: string;
177
- primaryTextOnLightBg: string;
178
- primaryBg: string;
179
- primaryBgHover: string;
180
- primaryTextOnWhite: string;
181
- bodyGray: string;
182
- hoverDarker: string;
183
- borderDarker: string;
184
- selectedDarker: string;
185
- selectedOnBodyGray: string;
186
- darkGrayBg: string;
187
- border: string;
188
- text: string;
189
- secondaryText: string;
190
- focusRing: string;
125
+ gray50: "#F9FAFA";
126
+ gray100: "#EBEEEE";
127
+ gray200: "#CFD6D7";
128
+ gray300: "#B3BEC0";
129
+ gray400: "#97A6A8";
130
+ gray500: "#7C8E91";
131
+ gray600: "#627578";
132
+ gray700: "#4F5F61";
133
+ gray800: "#414D4F";
134
+ gray900: "#2C3435";
135
+ blue50: "#F7FBFB";
136
+ blue100: "#E3F0F2";
137
+ blue200: "#BADADF";
138
+ blue300: "#92C5CC";
139
+ blue400: "#67AEB8";
140
+ blue500: "#3C97A3";
141
+ blue600: "#1F7D8A";
142
+ blue700: "#19656F";
143
+ blue800: "#14525B";
144
+ blue900: "#0E383E";
145
+ yellow50: "#FDFAEF";
146
+ yellow100: "#F9EDCA";
147
+ yellow200: "#EFD27A";
148
+ yellow300: "#E5B626";
149
+ yellow400: "#C89E1C";
150
+ yellow500: "#AA8618";
151
+ yellow600: "#8C6E14";
152
+ yellow700: "#715910";
153
+ yellow800: "#5C490D";
154
+ yellow900: "#3E3109";
155
+ orange500: "#D1721C";
156
+ red50: "#FDF9F9";
157
+ red100: "#F7EBEB";
158
+ red200: "#EBCECD";
159
+ red300: "#DFB1B0";
160
+ red400: "#D39392";
161
+ red500: "#C67473";
162
+ red600: "#B85250";
163
+ red700: "#A92F2D";
164
+ red800: "#901F1E";
165
+ red900: "#631614";
166
+ green50: "#F8FAF9";
167
+ green100: "#E7F0EA";
168
+ green200: "#C5D9CB";
169
+ green300: "#A4C4AD";
170
+ green400: "#82AD8D";
171
+ green500: "#60976F";
172
+ green600: "#3C7F4E";
173
+ green700: "#296839";
174
+ green800: "#21552F";
175
+ green900: "#163920";
176
+ primaryTextOnLightBg: "#194b58";
177
+ primaryBg: "$blue600";
178
+ primaryBgHover: "$blue700";
179
+ primaryTextOnWhite: "$blue600";
180
+ bodyGray: "$gray100";
181
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
182
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
183
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
184
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
185
+ darkGrayBg: "#1f2937";
186
+ border: "hsl(214deg, 25%, 80%)";
187
+ text: "#1f2937";
188
+ secondaryText: "$gray500";
189
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
191
190
  };
192
191
  fontSizes: {
193
- xs: string;
194
- sm: string;
195
- md: string;
196
- lg: string;
197
- xl: string;
198
- "2xl": string;
199
- "3xl": string;
192
+ xs: "0.75rem";
193
+ sm: "0.875rem";
194
+ md: "1rem";
195
+ lg: "1.125rem";
196
+ xl: "1.25rem";
197
+ "2xl": "1.5rem";
198
+ "3xl": "1.875rem";
200
199
  };
201
200
  fontWeights: {
202
- normal: string;
203
- medium: string;
204
- bold: string;
201
+ normal: "var(--ui-font-weight-normal)";
202
+ medium: "var(--ui-font-weight-semibold)";
203
+ bold: "var(--ui-font-weight-bold)";
205
204
  };
206
205
  space: {
207
- 1: string;
208
- 2: string;
209
- 3: string;
210
- 4: string;
211
- 6: string;
212
- 8: string;
206
+ 1: "0.25rem";
207
+ 2: "0.5rem";
208
+ 3: "0.75rem";
209
+ 4: "1rem";
210
+ 6: "1.5rem";
211
+ 8: "2rem";
213
212
  };
214
213
  shadows: {
215
- xs: string;
216
- sm: string;
217
- md: string;
218
- lg: string;
219
- overlayCard: string;
214
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
215
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
216
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
217
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
218
+ 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)";
220
219
  };
221
220
  radii: {
222
- xs: string;
223
- sm: string;
224
- md: string;
225
- mdmd: string;
226
- full: string;
221
+ xs: "0.125rem";
222
+ sm: "0.25rem";
223
+ md: "0.5rem";
224
+ mdmd: "calc(0.5rem - 0.125rem)";
225
+ full: "9999px";
227
226
  };
228
227
  zIndices: {
229
228
  toast: number;
230
229
  overlayCard: number;
231
230
  };
232
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
233
- export declare const ToolbarSeparator: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<T.ToolbarSeparatorProps & import("react").RefAttributes<HTMLDivElement>>, {}, {
231
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
232
+ export declare const ToolbarSeparator: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<T.ToolbarSeparatorProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
234
233
  lg: "(min-width: 1200px)";
235
234
  print: "print";
236
- }, import("@stitches/react/types/css-util").CSS<{
235
+ }, import('@stitches/react/types/css-util').CSS<{
237
236
  lg: "(min-width: 1200px)";
238
237
  print: "print";
239
238
  }, {
240
239
  colors: {
241
- gray50: string;
242
- gray100: string;
243
- gray200: string;
244
- gray300: string;
245
- gray400: string;
246
- gray500: string;
247
- gray600: string;
248
- gray700: string;
249
- gray800: string;
250
- gray900: string;
251
- blue50: string;
252
- blue100: string;
253
- blue200: string;
254
- blue300: string;
255
- blue400: string;
256
- blue500: string;
257
- blue600: string;
258
- blue700: string;
259
- blue800: string;
260
- blue900: string;
261
- yellow50: string;
262
- yellow100: string;
263
- yellow200: string;
264
- yellow300: string;
265
- yellow400: string;
266
- yellow500: string;
267
- yellow600: string;
268
- yellow700: string;
269
- yellow800: string;
270
- yellow900: string;
271
- orange500: string;
272
- red50: string;
273
- red100: string;
274
- red200: string;
275
- red300: string;
276
- red400: string;
277
- red500: string;
278
- red600: string;
279
- red700: string;
280
- red800: string;
281
- red900: string;
282
- green50: string;
283
- green100: string;
284
- green200: string;
285
- green300: string;
286
- green400: string;
287
- green500: string;
288
- green600: string;
289
- green700: string;
290
- green800: string;
291
- green900: string;
292
- primaryTextOnLightBg: string;
293
- primaryBg: string;
294
- primaryBgHover: string;
295
- primaryTextOnWhite: string;
296
- bodyGray: string;
297
- hoverDarker: string;
298
- borderDarker: string;
299
- selectedDarker: string;
300
- selectedOnBodyGray: string;
301
- darkGrayBg: string;
302
- border: string;
303
- text: string;
304
- secondaryText: string;
305
- focusRing: string;
240
+ gray50: "#F9FAFA";
241
+ gray100: "#EBEEEE";
242
+ gray200: "#CFD6D7";
243
+ gray300: "#B3BEC0";
244
+ gray400: "#97A6A8";
245
+ gray500: "#7C8E91";
246
+ gray600: "#627578";
247
+ gray700: "#4F5F61";
248
+ gray800: "#414D4F";
249
+ gray900: "#2C3435";
250
+ blue50: "#F7FBFB";
251
+ blue100: "#E3F0F2";
252
+ blue200: "#BADADF";
253
+ blue300: "#92C5CC";
254
+ blue400: "#67AEB8";
255
+ blue500: "#3C97A3";
256
+ blue600: "#1F7D8A";
257
+ blue700: "#19656F";
258
+ blue800: "#14525B";
259
+ blue900: "#0E383E";
260
+ yellow50: "#FDFAEF";
261
+ yellow100: "#F9EDCA";
262
+ yellow200: "#EFD27A";
263
+ yellow300: "#E5B626";
264
+ yellow400: "#C89E1C";
265
+ yellow500: "#AA8618";
266
+ yellow600: "#8C6E14";
267
+ yellow700: "#715910";
268
+ yellow800: "#5C490D";
269
+ yellow900: "#3E3109";
270
+ orange500: "#D1721C";
271
+ red50: "#FDF9F9";
272
+ red100: "#F7EBEB";
273
+ red200: "#EBCECD";
274
+ red300: "#DFB1B0";
275
+ red400: "#D39392";
276
+ red500: "#C67473";
277
+ red600: "#B85250";
278
+ red700: "#A92F2D";
279
+ red800: "#901F1E";
280
+ red900: "#631614";
281
+ green50: "#F8FAF9";
282
+ green100: "#E7F0EA";
283
+ green200: "#C5D9CB";
284
+ green300: "#A4C4AD";
285
+ green400: "#82AD8D";
286
+ green500: "#60976F";
287
+ green600: "#3C7F4E";
288
+ green700: "#296839";
289
+ green800: "#21552F";
290
+ green900: "#163920";
291
+ primaryTextOnLightBg: "#194b58";
292
+ primaryBg: "$blue600";
293
+ primaryBgHover: "$blue700";
294
+ primaryTextOnWhite: "$blue600";
295
+ bodyGray: "$gray100";
296
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
297
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
298
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
299
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
300
+ darkGrayBg: "#1f2937";
301
+ border: "hsl(214deg, 25%, 80%)";
302
+ text: "#1f2937";
303
+ secondaryText: "$gray500";
304
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
306
305
  };
307
306
  fontSizes: {
308
- xs: string;
309
- sm: string;
310
- md: string;
311
- lg: string;
312
- xl: string;
313
- "2xl": string;
314
- "3xl": string;
307
+ xs: "0.75rem";
308
+ sm: "0.875rem";
309
+ md: "1rem";
310
+ lg: "1.125rem";
311
+ xl: "1.25rem";
312
+ "2xl": "1.5rem";
313
+ "3xl": "1.875rem";
315
314
  };
316
315
  fontWeights: {
317
- normal: string;
318
- medium: string;
319
- bold: string;
316
+ normal: "var(--ui-font-weight-normal)";
317
+ medium: "var(--ui-font-weight-semibold)";
318
+ bold: "var(--ui-font-weight-bold)";
320
319
  };
321
320
  space: {
322
- 1: string;
323
- 2: string;
324
- 3: string;
325
- 4: string;
326
- 6: string;
327
- 8: string;
321
+ 1: "0.25rem";
322
+ 2: "0.5rem";
323
+ 3: "0.75rem";
324
+ 4: "1rem";
325
+ 6: "1.5rem";
326
+ 8: "2rem";
328
327
  };
329
328
  shadows: {
330
- xs: string;
331
- sm: string;
332
- md: string;
333
- lg: string;
334
- overlayCard: string;
329
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
330
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
331
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
332
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
333
+ 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)";
335
334
  };
336
335
  radii: {
337
- xs: string;
338
- sm: string;
339
- md: string;
340
- mdmd: string;
341
- full: string;
336
+ xs: "0.125rem";
337
+ sm: "0.25rem";
338
+ md: "0.5rem";
339
+ mdmd: "calc(0.5rem - 0.125rem)";
340
+ full: "9999px";
342
341
  };
343
342
  zIndices: {
344
343
  toast: number;
345
344
  overlayCard: number;
346
345
  };
347
- }, import("@stitches/react/types/config").DefaultThemeMap, {}>>;
348
- export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
346
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
347
+ export declare const ButtonInToolbar: import('react').ForwardRefExoticComponent<Omit<Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "css" | "size" | "icon" | "variant"> & import('@stitches/react/types/styled-component').TransformProps<{
349
348
  color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
350
349
  size?: "sm" | "md" | "lg" | undefined;
351
350
  variant?: "outline" | "transparent" | "primary" | undefined;
@@ -354,130 +353,130 @@ export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<
354
353
  lg: "(min-width: 1200px)";
355
354
  print: "print";
356
355
  }> & {
357
- css?: import("@stitches/react/types/css-util").CSS<{
356
+ css?: import('@stitches/react/types/css-util').CSS<{
358
357
  lg: "(min-width: 1200px)";
359
358
  print: "print";
360
359
  }, {
361
360
  colors: {
362
- gray50: string;
363
- gray100: string;
364
- gray200: string;
365
- gray300: string;
366
- gray400: string;
367
- gray500: string;
368
- gray600: string;
369
- gray700: string;
370
- gray800: string;
371
- gray900: string;
372
- blue50: string;
373
- blue100: string;
374
- blue200: string;
375
- blue300: string;
376
- blue400: string;
377
- blue500: string;
378
- blue600: string;
379
- blue700: string;
380
- blue800: string;
381
- blue900: string;
382
- yellow50: string;
383
- yellow100: string;
384
- yellow200: string;
385
- yellow300: string;
386
- yellow400: string;
387
- yellow500: string;
388
- yellow600: string;
389
- yellow700: string;
390
- yellow800: string;
391
- yellow900: string;
392
- orange500: string;
393
- red50: string;
394
- red100: string;
395
- red200: string;
396
- red300: string;
397
- red400: string;
398
- red500: string;
399
- red600: string;
400
- red700: string;
401
- red800: string;
402
- red900: string;
403
- green50: string;
404
- green100: string;
405
- green200: string;
406
- green300: string;
407
- green400: string;
408
- green500: string;
409
- green600: string;
410
- green700: string;
411
- green800: string;
412
- green900: string;
413
- primaryTextOnLightBg: string;
414
- primaryBg: string;
415
- primaryBgHover: string;
416
- primaryTextOnWhite: string;
417
- bodyGray: string;
418
- hoverDarker: string;
419
- borderDarker: string;
420
- selectedDarker: string;
421
- selectedOnBodyGray: string;
422
- darkGrayBg: string;
423
- border: string;
424
- text: string;
425
- secondaryText: string;
426
- focusRing: string;
361
+ gray50: "#F9FAFA";
362
+ gray100: "#EBEEEE";
363
+ gray200: "#CFD6D7";
364
+ gray300: "#B3BEC0";
365
+ gray400: "#97A6A8";
366
+ gray500: "#7C8E91";
367
+ gray600: "#627578";
368
+ gray700: "#4F5F61";
369
+ gray800: "#414D4F";
370
+ gray900: "#2C3435";
371
+ blue50: "#F7FBFB";
372
+ blue100: "#E3F0F2";
373
+ blue200: "#BADADF";
374
+ blue300: "#92C5CC";
375
+ blue400: "#67AEB8";
376
+ blue500: "#3C97A3";
377
+ blue600: "#1F7D8A";
378
+ blue700: "#19656F";
379
+ blue800: "#14525B";
380
+ blue900: "#0E383E";
381
+ yellow50: "#FDFAEF";
382
+ yellow100: "#F9EDCA";
383
+ yellow200: "#EFD27A";
384
+ yellow300: "#E5B626";
385
+ yellow400: "#C89E1C";
386
+ yellow500: "#AA8618";
387
+ yellow600: "#8C6E14";
388
+ yellow700: "#715910";
389
+ yellow800: "#5C490D";
390
+ yellow900: "#3E3109";
391
+ orange500: "#D1721C";
392
+ red50: "#FDF9F9";
393
+ red100: "#F7EBEB";
394
+ red200: "#EBCECD";
395
+ red300: "#DFB1B0";
396
+ red400: "#D39392";
397
+ red500: "#C67473";
398
+ red600: "#B85250";
399
+ red700: "#A92F2D";
400
+ red800: "#901F1E";
401
+ red900: "#631614";
402
+ green50: "#F8FAF9";
403
+ green100: "#E7F0EA";
404
+ green200: "#C5D9CB";
405
+ green300: "#A4C4AD";
406
+ green400: "#82AD8D";
407
+ green500: "#60976F";
408
+ green600: "#3C7F4E";
409
+ green700: "#296839";
410
+ green800: "#21552F";
411
+ green900: "#163920";
412
+ primaryTextOnLightBg: "#194b58";
413
+ primaryBg: "$blue600";
414
+ primaryBgHover: "$blue700";
415
+ primaryTextOnWhite: "$blue600";
416
+ bodyGray: "$gray100";
417
+ hoverDarker: "hsla(214deg, 25%, 21%, 0.06)";
418
+ borderDarker: "hsla(214deg, 25%, 21%, 0.1)";
419
+ selectedDarker: "hsla(214deg, 25%, 21%, 0.06)";
420
+ selectedOnBodyGray: "hsl(214deg, 35%, 80%)";
421
+ darkGrayBg: "#1f2937";
422
+ border: "hsl(214deg, 25%, 80%)";
423
+ text: "#1f2937";
424
+ secondaryText: "$gray500";
425
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)";
427
426
  };
428
427
  fontSizes: {
429
- xs: string;
430
- sm: string;
431
- md: string;
432
- lg: string;
433
- xl: string;
434
- "2xl": string;
435
- "3xl": string;
428
+ xs: "0.75rem";
429
+ sm: "0.875rem";
430
+ md: "1rem";
431
+ lg: "1.125rem";
432
+ xl: "1.25rem";
433
+ "2xl": "1.5rem";
434
+ "3xl": "1.875rem";
436
435
  };
437
436
  fontWeights: {
438
- normal: string;
439
- medium: string;
440
- bold: string;
437
+ normal: "var(--ui-font-weight-normal)";
438
+ medium: "var(--ui-font-weight-semibold)";
439
+ bold: "var(--ui-font-weight-bold)";
441
440
  };
442
441
  space: {
443
- 1: string;
444
- 2: string;
445
- 3: string;
446
- 4: string;
447
- 6: string;
448
- 8: string;
442
+ 1: "0.25rem";
443
+ 2: "0.5rem";
444
+ 3: "0.75rem";
445
+ 4: "1rem";
446
+ 6: "1.5rem";
447
+ 8: "2rem";
449
448
  };
450
449
  shadows: {
451
- xs: string;
452
- sm: string;
453
- md: string;
454
- lg: string;
455
- overlayCard: string;
450
+ xs: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
451
+ sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)";
452
+ md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)";
453
+ lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)";
454
+ 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)";
456
455
  };
457
456
  radii: {
458
- xs: string;
459
- sm: string;
460
- md: string;
461
- mdmd: string;
462
- full: string;
457
+ xs: "0.125rem";
458
+ sm: "0.25rem";
459
+ md: "0.5rem";
460
+ mdmd: "calc(0.5rem - 0.125rem)";
461
+ full: "9999px";
463
462
  };
464
463
  zIndices: {
465
464
  toast: number;
466
465
  overlayCard: number;
467
466
  };
468
- }, import("@stitches/react/types/config").DefaultThemeMap, {}> | undefined;
467
+ }, import('@stitches/react/types/config').DefaultThemeMap, {}> | undefined;
469
468
  } & {
470
- as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
471
- isLoading?: boolean | undefined;
472
- }, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
469
+ as?: React.ElementType;
470
+ isLoading?: boolean;
471
+ }, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
473
472
  type ToolbarButtonProps = {
474
473
  children: React.ReactNode;
475
474
  dropdown?: boolean;
476
475
  } & React.ComponentProps<typeof ButtonInToolbar>;
477
- export declare const ToolbarButton: import("react").ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
476
+ export declare const ToolbarButton: import('react').ForwardRefExoticComponent<Omit<ToolbarButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
478
477
  type ToolbarToogleItemProps = {
479
478
  children: React.ReactNode;
480
479
  value: string;
481
480
  } & React.ComponentProps<typeof ButtonInToolbar>;
482
- export declare const ToolbarToggleItem: import("react").ForwardRefExoticComponent<Omit<ToolbarToogleItemProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
481
+ export declare const ToolbarToggleItem: import('react').ForwardRefExoticComponent<Omit<ToolbarToogleItemProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
483
482
  export {};