@arkitektbedriftene/fe-lib 5.1.7 → 5.2.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 (25) hide show
  1. package/dist/rich-text/styles.d.ts +8 -0
  2. package/dist/rich-text.es.js +1 -1
  3. package/dist/{stitches.config-CEYOm13b.js → stitches.config-DWJUNIbU.js} +13 -5
  4. package/dist/ui/components/Alert.d.ts +8 -0
  5. package/dist/ui/components/Avatar.d.ts +8 -0
  6. package/dist/ui/components/Badge.d.ts +8 -0
  7. package/dist/ui/components/Box.d.ts +8 -0
  8. package/dist/ui/components/Button.d.ts +8 -0
  9. package/dist/ui/components/Card.d.ts +8 -0
  10. package/dist/ui/components/Dialog.d.ts +24 -0
  11. package/dist/ui/components/Form/Checkbox.d.ts +8 -0
  12. package/dist/ui/components/Form/Switch.d.ts +16 -0
  13. package/dist/ui/components/Form/TextArea.d.ts +8 -0
  14. package/dist/ui/components/Form/TextInput.d.ts +8 -0
  15. package/dist/ui/components/Form/text.d.ts +16 -0
  16. package/dist/ui/components/Menu/DropdownMenu.d.ts +24 -0
  17. package/dist/ui/components/Menu/Menu.d.ts +24 -0
  18. package/dist/ui/components/NavBar.d.ts +8 -0
  19. package/dist/ui/components/OverlayCard.d.ts +8 -0
  20. package/dist/ui/components/Spinner.d.ts +8 -0
  21. package/dist/ui/components/Stack.d.ts +8 -0
  22. package/dist/ui/components/Toolbar.d.ts +32 -0
  23. package/dist/ui/stitches.config.d.ts +44 -0
  24. package/dist/ui.es.js +2 -2
  25. package/package.json +1 -1
package/dist/rich-text/styles.d.ts CHANGED
@@ -213,9 +213,11 @@ export declare const richTextStyleObj: {
213
213
  export declare const richTextCss: import('@stitches/react/types/styled-component').CssComponent<never, {
214
214
  size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
215
215
  }, {
216
+ md: "(min-width: 768px)";
216
217
  lg: "(min-width: 1200px)";
217
218
  print: "print";
218
219
  }, import('@stitches/react/types/css-util').CSS<{
220
+ md: "(min-width: 768px)";
219
221
  lg: "(min-width: 1200px)";
220
222
  print: "print";
221
223
  }, {
@@ -285,6 +287,12 @@ export declare const richTextCss: import('@stitches/react/types/styled-component
285
287
  text: "#1f2937";
286
288
  secondaryText: "$gray500";
287
289
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
290
+ flask: "#122a0d";
291
+ flaskHover: "#173611";
292
+ clay: "#eee6d3";
293
+ clayHover: "#d6c9b6";
294
+ sand: "#f3f1eb";
295
+ sandHover: "#e6dfce";
288
296
  };
289
297
  fontSizes: {
290
298
  xs: "0.75rem";
package/dist/rich-text.es.js CHANGED
@@ -20,7 +20,7 @@ import { LexicalComposer as mr } from "@lexical/react/LexicalComposer.js";
20
20
  import { RichTextPlugin as fr } from "@lexical/react/LexicalRichTextPlugin.js";
21
21
  import { LexicalErrorBoundary as kr } from "@lexical/react/LexicalErrorBoundary.js";
22
22
  import { useFloating as Ct, autoUpdate as oe, size as br, flip as Cr, offset as ie, shift as vr, useInteractions as ae, useRole as le, FloatingPortal as se, inline as Mr, useDismiss as xr } from "@floating-ui/react";
23
- import { s as Tr, c as Lr } from "./stitches.config-CEYOm13b.js";
23
+ import { s as Tr, c as Lr } from "./stitches.config-DWJUNIbU.js";
24
24
  import { ListPlugin as wr } from "@lexical/react/LexicalListPlugin.js";
25
25
  import { HistoryPlugin as _r } from "@lexical/react/LexicalHistoryPlugin.js";
26
26
  import { TablePlugin as yr } from "@lexical/react/LexicalTablePlugin.js";
package/dist/{stitches.config-CEYOm13b.js → stitches.config-DWJUNIbU.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { createStitches as l } from "@stitches/react";
2
2
  let e = 9999;
3
- const r = () => (e--, e), { styled: g, css: x, keyframes: d, globalCss: o, getCssText: s } = l({
3
+ const r = () => (e--, e), { styled: g, css: d, keyframes: s, globalCss: o, getCssText: x } = l({
4
4
  theme: {
5
5
  colors: {
6
6
  gray50: "#F9FAFA",
@@ -68,7 +68,14 @@ const r = () => (e--, e), { styled: g, css: x, keyframes: d, globalCss: o, getCs
68
68
  border: "hsl(214deg, 25%, 80%)",
69
69
  text: "#1f2937",
70
70
  secondaryText: "$gray500",
71
- focusRing: "hsla(214deg, 15%, 10%, 0.6)"
71
+ focusRing: "hsla(214deg, 15%, 10%, 0.6)",
72
+ // New profile
73
+ flask: "#122a0d",
74
+ flaskHover: "#173611",
75
+ clay: "#eee6d3",
76
+ clayHover: "#d6c9b6",
77
+ sand: "#f3f1eb",
78
+ sandHover: "#e6dfce"
72
79
  },
73
80
  fontSizes: {
74
81
  xs: "0.75rem",
@@ -123,14 +130,15 @@ const r = () => (e--, e), { styled: g, css: x, keyframes: d, globalCss: o, getCs
123
130
  }
124
131
  },
125
132
  media: {
133
+ md: "(min-width: 768px)",
126
134
  lg: "(min-width: 1200px)",
127
135
  print: "print"
128
136
  }
129
137
  });
130
138
  export {
131
- s as a,
132
- x as c,
139
+ x as a,
140
+ d as c,
133
141
  o as g,
134
- d as k,
142
+ s as k,
135
143
  g as s
136
144
  };
package/dist/ui/components/Alert.d.ts CHANGED
@@ -2,9 +2,11 @@ declare const AlertStyled: import('@stitches/react/types/styled-component').Styl
2
2
  color?: "success" | "danger" | "warning" | "info" | undefined;
3
3
  size?: "sm" | "md" | undefined;
4
4
  }, {
5
+ md: "(min-width: 768px)";
5
6
  lg: "(min-width: 1200px)";
6
7
  print: "print";
7
8
  }, import('@stitches/react/types/css-util').CSS<{
9
+ md: "(min-width: 768px)";
8
10
  lg: "(min-width: 1200px)";
9
11
  print: "print";
10
12
  }, {
@@ -74,6 +76,12 @@ declare const AlertStyled: import('@stitches/react/types/styled-component').Styl
74
76
  text: "#1f2937";
75
77
  secondaryText: "$gray500";
76
78
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
79
+ flask: "#122a0d";
80
+ flaskHover: "#173611";
81
+ clay: "#eee6d3";
82
+ clayHover: "#d6c9b6";
83
+ sand: "#f3f1eb";
84
+ sandHover: "#e6dfce";
77
85
  };
78
86
  fontSizes: {
79
87
  xs: "0.75rem";
package/dist/ui/components/Avatar.d.ts CHANGED
@@ -2,9 +2,11 @@ import { ComponentProps } from 'react';
2
2
  declare const AvatarCircle: import('@stitches/react/types/styled-component').StyledComponent<"div", {
3
3
  size?: "xs" | "sm" | "md" | undefined;
4
4
  }, {
5
+ md: "(min-width: 768px)";
5
6
  lg: "(min-width: 1200px)";
6
7
  print: "print";
7
8
  }, import('@stitches/react/types/css-util').CSS<{
9
+ md: "(min-width: 768px)";
8
10
  lg: "(min-width: 1200px)";
9
11
  print: "print";
10
12
  }, {
@@ -74,6 +76,12 @@ declare const AvatarCircle: import('@stitches/react/types/styled-component').Sty
74
76
  text: "#1f2937";
75
77
  secondaryText: "$gray500";
76
78
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
79
+ flask: "#122a0d";
80
+ flaskHover: "#173611";
81
+ clay: "#eee6d3";
82
+ clayHover: "#d6c9b6";
83
+ sand: "#f3f1eb";
84
+ sandHover: "#e6dfce";
77
85
  };
78
86
  fontSizes: {
79
87
  xs: "0.75rem";
package/dist/ui/components/Badge.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  export declare const Badge: import('@stitches/react/types/styled-component').StyledComponent<"span", {
2
2
  color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
3
3
  }, {
4
+ md: "(min-width: 768px)";
4
5
  lg: "(min-width: 1200px)";
5
6
  print: "print";
6
7
  }, import('@stitches/react/types/css-util').CSS<{
8
+ md: "(min-width: 768px)";
7
9
  lg: "(min-width: 1200px)";
8
10
  print: "print";
9
11
  }, {
@@ -73,6 +75,12 @@ export declare const Badge: import('@stitches/react/types/styled-component').Sty
73
75
  text: "#1f2937";
74
76
  secondaryText: "$gray500";
75
77
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
78
+ flask: "#122a0d";
79
+ flaskHover: "#173611";
80
+ clay: "#eee6d3";
81
+ clayHover: "#d6c9b6";
82
+ sand: "#f3f1eb";
83
+ sandHover: "#e6dfce";
76
84
  };
77
85
  fontSizes: {
78
86
  xs: "0.75rem";
package/dist/ui/components/Box.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const Box: import('@stitches/react/types/styled-component').StyledComponent<"div", {}, {
2
+ md: "(min-width: 768px)";
2
3
  lg: "(min-width: 1200px)";
3
4
  print: "print";
4
5
  }, import('@stitches/react/types/css-util').CSS<{
6
+ md: "(min-width: 768px)";
5
7
  lg: "(min-width: 1200px)";
6
8
  print: "print";
7
9
  }, {
@@ -71,6 +73,12 @@ export declare const Box: import('@stitches/react/types/styled-component').Style
71
73
  text: "#1f2937";
72
74
  secondaryText: "$gray500";
73
75
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
76
+ flask: "#122a0d";
77
+ flaskHover: "#173611";
78
+ clay: "#eee6d3";
79
+ clayHover: "#d6c9b6";
80
+ sand: "#f3f1eb";
81
+ sandHover: "#e6dfce";
74
82
  };
75
83
  fontSizes: {
76
84
  xs: "0.75rem";
package/dist/ui/components/Button.d.ts CHANGED
@@ -4,9 +4,11 @@ declare const ButtonStyled: import('@stitches/react/types/styled-component').Sty
4
4
  variant?: "outline" | "transparent" | "primary" | undefined;
5
5
  icon?: boolean | "true" | undefined;
6
6
  }, {
7
+ md: "(min-width: 768px)";
7
8
  lg: "(min-width: 1200px)";
8
9
  print: "print";
9
10
  }, import('@stitches/react/types/css-util').CSS<{
11
+ md: "(min-width: 768px)";
10
12
  lg: "(min-width: 1200px)";
11
13
  print: "print";
12
14
  }, {
@@ -76,6 +78,12 @@ declare const ButtonStyled: import('@stitches/react/types/styled-component').Sty
76
78
  text: "#1f2937";
77
79
  secondaryText: "$gray500";
78
80
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
81
+ flask: "#122a0d";
82
+ flaskHover: "#173611";
83
+ clay: "#eee6d3";
84
+ clayHover: "#d6c9b6";
85
+ sand: "#f3f1eb";
86
+ sandHover: "#e6dfce";
79
87
  };
80
88
  fontSizes: {
81
89
  xs: "0.75rem";
package/dist/ui/components/Card.d.ts CHANGED
@@ -4,9 +4,11 @@ export declare const Card: import('@stitches/react/types/styled-component').Styl
4
4
  rounded?: "md" | "none" | undefined;
5
5
  border?: boolean | "true" | undefined;
6
6
  }, {
7
+ md: "(min-width: 768px)";
7
8
  lg: "(min-width: 1200px)";
8
9
  print: "print";
9
10
  }, import('@stitches/react/types/css-util').CSS<{
11
+ md: "(min-width: 768px)";
10
12
  lg: "(min-width: 1200px)";
11
13
  print: "print";
12
14
  }, {
@@ -76,6 +78,12 @@ export declare const Card: import('@stitches/react/types/styled-component').Styl
76
78
  text: "#1f2937";
77
79
  secondaryText: "$gray500";
78
80
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
81
+ flask: "#122a0d";
82
+ flaskHover: "#173611";
83
+ clay: "#eee6d3";
84
+ clayHover: "#d6c9b6";
85
+ sand: "#f3f1eb";
86
+ sandHover: "#e6dfce";
79
87
  };
80
88
  fontSizes: {
81
89
  xs: "0.75rem";
package/dist/ui/components/Dialog.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import { ComponentProps, ReactNode } from 'react';
2
2
  import * as RDialog from "@radix-ui/react-dialog";
3
3
  declare const DialogContent: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RDialog.DialogContentProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
4
+ md: "(min-width: 768px)";
4
5
  lg: "(min-width: 1200px)";
5
6
  print: "print";
6
7
  }, import('@stitches/react/types/css-util').CSS<{
8
+ md: "(min-width: 768px)";
7
9
  lg: "(min-width: 1200px)";
8
10
  print: "print";
9
11
  }, {
@@ -73,6 +75,12 @@ declare const DialogContent: import('@stitches/react/types/styled-component').St
73
75
  text: "#1f2937";
74
76
  secondaryText: "$gray500";
75
77
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
78
+ flask: "#122a0d";
79
+ flaskHover: "#173611";
80
+ clay: "#eee6d3";
81
+ clayHover: "#d6c9b6";
82
+ sand: "#f3f1eb";
83
+ sandHover: "#e6dfce";
76
84
  };
77
85
  fontSizes: {
78
86
  xs: "0.75rem";
@@ -124,9 +132,11 @@ export declare const Dialog: ({ children, open, onOpenChange, trigger, css, cont
124
132
  contentProps?: ComponentProps<typeof DialogContent>;
125
133
  }) => import("react/jsx-runtime").JSX.Element;
126
134
  export declare const DialogHeader: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RDialog.DialogTitleProps & import('react').RefAttributes<HTMLHeadingElement>>, {}, {
135
+ md: "(min-width: 768px)";
127
136
  lg: "(min-width: 1200px)";
128
137
  print: "print";
129
138
  }, import('@stitches/react/types/css-util').CSS<{
139
+ md: "(min-width: 768px)";
130
140
  lg: "(min-width: 1200px)";
131
141
  print: "print";
132
142
  }, {
@@ -196,6 +206,12 @@ export declare const DialogHeader: import('@stitches/react/types/styled-componen
196
206
  text: "#1f2937";
197
207
  secondaryText: "$gray500";
198
208
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
209
+ flask: "#122a0d";
210
+ flaskHover: "#173611";
211
+ clay: "#eee6d3";
212
+ clayHover: "#d6c9b6";
213
+ sand: "#f3f1eb";
214
+ sandHover: "#e6dfce";
199
215
  };
200
216
  fontSizes: {
201
217
  xs: "0.75rem";
@@ -239,9 +255,11 @@ export declare const DialogHeader: import('@stitches/react/types/styled-componen
239
255
  };
240
256
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
241
257
  export declare const DialogActions: import('@stitches/react/types/styled-component').StyledComponent<"div", {}, {
258
+ md: "(min-width: 768px)";
242
259
  lg: "(min-width: 1200px)";
243
260
  print: "print";
244
261
  }, import('@stitches/react/types/css-util').CSS<{
262
+ md: "(min-width: 768px)";
245
263
  lg: "(min-width: 1200px)";
246
264
  print: "print";
247
265
  }, {
@@ -311,6 +329,12 @@ export declare const DialogActions: import('@stitches/react/types/styled-compone
311
329
  text: "#1f2937";
312
330
  secondaryText: "$gray500";
313
331
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
332
+ flask: "#122a0d";
333
+ flaskHover: "#173611";
334
+ clay: "#eee6d3";
335
+ clayHover: "#d6c9b6";
336
+ sand: "#f3f1eb";
337
+ sandHover: "#e6dfce";
314
338
  };
315
339
  fontSizes: {
316
340
  xs: "0.75rem";
package/dist/ui/components/Form/Checkbox.d.ts CHANGED
@@ -4,9 +4,11 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
4
4
  size?: "sm" | "md" | "lg" | undefined;
5
5
  color?: "primary" | "secondary" | undefined;
6
6
  }, {
7
+ md: "(min-width: 768px)";
7
8
  lg: "(min-width: 1200px)";
8
9
  print: "print";
9
10
  }, import('@stitches/react/types/css-util').CSS<{
11
+ md: "(min-width: 768px)";
10
12
  lg: "(min-width: 1200px)";
11
13
  print: "print";
12
14
  }, {
@@ -76,6 +78,12 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
76
78
  text: "#1f2937";
77
79
  secondaryText: "$gray500";
78
80
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
81
+ flask: "#122a0d";
82
+ flaskHover: "#173611";
83
+ clay: "#eee6d3";
84
+ clayHover: "#d6c9b6";
85
+ sand: "#f3f1eb";
86
+ sandHover: "#e6dfce";
79
87
  };
80
88
  fontSizes: {
81
89
  xs: "0.75rem";
package/dist/ui/components/Form/Switch.d.ts CHANGED
@@ -2,9 +2,11 @@ import { Stack } from '../Stack';
2
2
  import { ComponentProps } from 'react';
3
3
  import * as RSwitch from "@radix-ui/react-switch";
4
4
  declare const Root: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RSwitch.SwitchProps & import('react').RefAttributes<HTMLButtonElement>>, {}, {
5
+ md: "(min-width: 768px)";
5
6
  lg: "(min-width: 1200px)";
6
7
  print: "print";
7
8
  }, import('@stitches/react/types/css-util').CSS<{
9
+ md: "(min-width: 768px)";
8
10
  lg: "(min-width: 1200px)";
9
11
  print: "print";
10
12
  }, {
@@ -74,6 +76,12 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
74
76
  text: "#1f2937";
75
77
  secondaryText: "$gray500";
76
78
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
79
+ flask: "#122a0d";
80
+ flaskHover: "#173611";
81
+ clay: "#eee6d3";
82
+ clayHover: "#d6c9b6";
83
+ sand: "#f3f1eb";
84
+ sandHover: "#e6dfce";
77
85
  };
78
86
  fontSizes: {
79
87
  xs: "0.75rem";
@@ -119,9 +127,11 @@ declare const Root: import('@stitches/react/types/styled-component').StyledCompo
119
127
  declare const Label: import('@stitches/react/types/styled-component').StyledComponent<"div", {
120
128
  size?: "sm" | "md" | "lg" | undefined;
121
129
  }, {
130
+ md: "(min-width: 768px)";
122
131
  lg: "(min-width: 1200px)";
123
132
  print: "print";
124
133
  }, import('@stitches/react/types/css-util').CSS<{
134
+ md: "(min-width: 768px)";
125
135
  lg: "(min-width: 1200px)";
126
136
  print: "print";
127
137
  }, {
@@ -191,6 +201,12 @@ declare const Label: import('@stitches/react/types/styled-component').StyledComp
191
201
  text: "#1f2937";
192
202
  secondaryText: "$gray500";
193
203
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
204
+ flask: "#122a0d";
205
+ flaskHover: "#173611";
206
+ clay: "#eee6d3";
207
+ clayHover: "#d6c9b6";
208
+ sand: "#f3f1eb";
209
+ sandHover: "#e6dfce";
194
210
  };
195
211
  fontSizes: {
196
212
  xs: "0.75rem";
package/dist/ui/components/Form/TextArea.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { CSS } from '@stitches/react';
2
2
  declare const Input: import('@stitches/react/types/styled-component').StyledComponent<"textarea", {}, {
3
+ md: "(min-width: 768px)";
3
4
  lg: "(min-width: 1200px)";
4
5
  print: "print";
5
6
  }, import('@stitches/react/types/css-util').CSS<{
7
+ md: "(min-width: 768px)";
6
8
  lg: "(min-width: 1200px)";
7
9
  print: "print";
8
10
  }, {
@@ -72,6 +74,12 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
72
74
  text: "#1f2937";
73
75
  secondaryText: "$gray500";
74
76
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
77
+ flask: "#122a0d";
78
+ flaskHover: "#173611";
79
+ clay: "#eee6d3";
80
+ clayHover: "#d6c9b6";
81
+ sand: "#f3f1eb";
82
+ sandHover: "#e6dfce";
75
83
  };
76
84
  fontSizes: {
77
85
  xs: "0.75rem";
package/dist/ui/components/Form/TextInput.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { CSS } from '@stitches/react';
2
2
  declare const Input: import('@stitches/react/types/styled-component').StyledComponent<"input", {}, {
3
+ md: "(min-width: 768px)";
3
4
  lg: "(min-width: 1200px)";
4
5
  print: "print";
5
6
  }, import('@stitches/react/types/css-util').CSS<{
7
+ md: "(min-width: 768px)";
6
8
  lg: "(min-width: 1200px)";
7
9
  print: "print";
8
10
  }, {
@@ -72,6 +74,12 @@ declare const Input: import('@stitches/react/types/styled-component').StyledComp
72
74
  text: "#1f2937";
73
75
  secondaryText: "$gray500";
74
76
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
77
+ flask: "#122a0d";
78
+ flaskHover: "#173611";
79
+ clay: "#eee6d3";
80
+ clayHover: "#d6c9b6";
81
+ sand: "#f3f1eb";
82
+ sandHover: "#e6dfce";
75
83
  };
76
84
  fontSizes: {
77
85
  xs: "0.75rem";
package/dist/ui/components/Form/text.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const textCss: import('@stitches/react/types/styled-component').CssComponent<never, {}, {
2
+ md: "(min-width: 768px)";
2
3
  lg: "(min-width: 1200px)";
3
4
  print: "print";
4
5
  }, import('@stitches/react/types/css-util').CSS<{
6
+ md: "(min-width: 768px)";
5
7
  lg: "(min-width: 1200px)";
6
8
  print: "print";
7
9
  }, {
@@ -71,6 +73,12 @@ export declare const textCss: import('@stitches/react/types/styled-component').C
71
73
  text: "#1f2937";
72
74
  secondaryText: "$gray500";
73
75
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
76
+ flask: "#122a0d";
77
+ flaskHover: "#173611";
78
+ clay: "#eee6d3";
79
+ clayHover: "#d6c9b6";
80
+ sand: "#f3f1eb";
81
+ sandHover: "#e6dfce";
74
82
  };
75
83
  fontSizes: {
76
84
  xs: "0.75rem";
@@ -116,9 +124,11 @@ export declare const textCss: import('@stitches/react/types/styled-component').C
116
124
  export declare const textWrapperCss: import('@stitches/react/types/styled-component').CssComponent<never, {
117
125
  error?: boolean | "true" | undefined;
118
126
  }, {
127
+ md: "(min-width: 768px)";
119
128
  lg: "(min-width: 1200px)";
120
129
  print: "print";
121
130
  }, import('@stitches/react/types/css-util').CSS<{
131
+ md: "(min-width: 768px)";
122
132
  lg: "(min-width: 1200px)";
123
133
  print: "print";
124
134
  }, {
@@ -188,6 +198,12 @@ export declare const textWrapperCss: import('@stitches/react/types/styled-compon
188
198
  text: "#1f2937";
189
199
  secondaryText: "$gray500";
190
200
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
201
+ flask: "#122a0d";
202
+ flaskHover: "#173611";
203
+ clay: "#eee6d3";
204
+ clayHover: "#d6c9b6";
205
+ sand: "#f3f1eb";
206
+ sandHover: "#e6dfce";
191
207
  };
192
208
  fontSizes: {
193
209
  xs: "0.75rem";
package/dist/ui/components/Menu/DropdownMenu.d.ts CHANGED
@@ -10,9 +10,11 @@ export declare const DropdownMenu: ({ side, align, trigger, children, sideOffset
10
10
  disabled?: boolean;
11
11
  }) => import("react/jsx-runtime").JSX.Element;
12
12
  export declare const DropdownMenuSeparator: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RDropdown.DropdownMenuSeparatorProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
13
+ md: "(min-width: 768px)";
13
14
  lg: "(min-width: 1200px)";
14
15
  print: "print";
15
16
  }, import('@stitches/react/types/css-util').CSS<{
17
+ md: "(min-width: 768px)";
16
18
  lg: "(min-width: 1200px)";
17
19
  print: "print";
18
20
  }, {
@@ -82,6 +84,12 @@ export declare const DropdownMenuSeparator: import('@stitches/react/types/styled
82
84
  text: "#1f2937";
83
85
  secondaryText: "$gray500";
84
86
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
87
+ flask: "#122a0d";
88
+ flaskHover: "#173611";
89
+ clay: "#eee6d3";
90
+ clayHover: "#d6c9b6";
91
+ sand: "#f3f1eb";
92
+ sandHover: "#e6dfce";
85
93
  };
86
94
  fontSizes: {
87
95
  xs: "0.75rem";
@@ -125,9 +133,11 @@ export declare const DropdownMenuSeparator: import('@stitches/react/types/styled
125
133
  };
126
134
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
127
135
  export declare const DropdownMenuItem: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RDropdown.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
136
+ md: "(min-width: 768px)";
128
137
  lg: "(min-width: 1200px)";
129
138
  print: "print";
130
139
  }, import('@stitches/react/types/css-util').CSS<{
140
+ md: "(min-width: 768px)";
131
141
  lg: "(min-width: 1200px)";
132
142
  print: "print";
133
143
  }, {
@@ -197,6 +207,12 @@ export declare const DropdownMenuItem: import('@stitches/react/types/styled-comp
197
207
  text: "#1f2937";
198
208
  secondaryText: "$gray500";
199
209
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
210
+ flask: "#122a0d";
211
+ flaskHover: "#173611";
212
+ clay: "#eee6d3";
213
+ clayHover: "#d6c9b6";
214
+ sand: "#f3f1eb";
215
+ sandHover: "#e6dfce";
200
216
  };
201
217
  fontSizes: {
202
218
  xs: "0.75rem";
@@ -240,9 +256,11 @@ export declare const DropdownMenuItem: import('@stitches/react/types/styled-comp
240
256
  };
241
257
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
242
258
  export declare const DropdownMenuIconItem: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<RDropdown.DropdownMenuItemProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
259
+ md: "(min-width: 768px)";
243
260
  lg: "(min-width: 1200px)";
244
261
  print: "print";
245
262
  }, import('@stitches/react/types/css-util').CSS<{
263
+ md: "(min-width: 768px)";
246
264
  lg: "(min-width: 1200px)";
247
265
  print: "print";
248
266
  }, {
@@ -312,6 +330,12 @@ export declare const DropdownMenuIconItem: import('@stitches/react/types/styled-
312
330
  text: "#1f2937";
313
331
  secondaryText: "$gray500";
314
332
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
333
+ flask: "#122a0d";
334
+ flaskHover: "#173611";
335
+ clay: "#eee6d3";
336
+ clayHover: "#d6c9b6";
337
+ sand: "#f3f1eb";
338
+ sandHover: "#e6dfce";
315
339
  };
316
340
  fontSizes: {
317
341
  xs: "0.75rem";
package/dist/ui/components/Menu/Menu.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const MenuOverlayCard: import('@stitches/react/types/styled-component').StyledComponent<import('@stitches/react/types/styled-component').StyledComponent<"div", {}, {
2
+ md: "(min-width: 768px)";
2
3
  lg: "(min-width: 1200px)";
3
4
  print: "print";
4
5
  }, import('@stitches/react/types/css-util').CSS<{
6
+ md: "(min-width: 768px)";
5
7
  lg: "(min-width: 1200px)";
6
8
  print: "print";
7
9
  }, {
@@ -71,6 +73,12 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
71
73
  text: "#1f2937";
72
74
  secondaryText: "$gray500";
73
75
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
76
+ flask: "#122a0d";
77
+ flaskHover: "#173611";
78
+ clay: "#eee6d3";
79
+ clayHover: "#d6c9b6";
80
+ sand: "#f3f1eb";
81
+ sandHover: "#e6dfce";
74
82
  };
75
83
  fontSizes: {
76
84
  xs: "0.75rem";
@@ -113,9 +121,11 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
113
121
  overlayCard: number;
114
122
  };
115
123
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>, {}, {
124
+ md: "(min-width: 768px)";
116
125
  lg: "(min-width: 1200px)";
117
126
  print: "print";
118
127
  }, import('@stitches/react/types/css-util').CSS<{
128
+ md: "(min-width: 768px)";
119
129
  lg: "(min-width: 1200px)";
120
130
  print: "print";
121
131
  }, {
@@ -185,6 +195,12 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
185
195
  text: "#1f2937";
186
196
  secondaryText: "$gray500";
187
197
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
198
+ flask: "#122a0d";
199
+ flaskHover: "#173611";
200
+ clay: "#eee6d3";
201
+ clayHover: "#d6c9b6";
202
+ sand: "#f3f1eb";
203
+ sandHover: "#e6dfce";
188
204
  };
189
205
  fontSizes: {
190
206
  xs: "0.75rem";
@@ -228,9 +244,11 @@ export declare const MenuOverlayCard: import('@stitches/react/types/styled-compo
228
244
  };
229
245
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
230
246
  export declare const menuItemStyles: import('@stitches/react/types/styled-component').CssComponent<never, {}, {
247
+ md: "(min-width: 768px)";
231
248
  lg: "(min-width: 1200px)";
232
249
  print: "print";
233
250
  }, import('@stitches/react/types/css-util').CSS<{
251
+ md: "(min-width: 768px)";
234
252
  lg: "(min-width: 1200px)";
235
253
  print: "print";
236
254
  }, {
@@ -300,6 +318,12 @@ export declare const menuItemStyles: import('@stitches/react/types/styled-compon
300
318
  text: "#1f2937";
301
319
  secondaryText: "$gray500";
302
320
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
321
+ flask: "#122a0d";
322
+ flaskHover: "#173611";
323
+ clay: "#eee6d3";
324
+ clayHover: "#d6c9b6";
325
+ sand: "#f3f1eb";
326
+ sandHover: "#e6dfce";
303
327
  };
304
328
  fontSizes: {
305
329
  xs: "0.75rem";
package/dist/ui/components/NavBar.d.ts CHANGED
@@ -1,9 +1,11 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Button } from './Button';
3
3
  declare const Bar: import('@stitches/react/types/styled-component').StyledComponent<"div", {}, {
4
+ md: "(min-width: 768px)";
4
5
  lg: "(min-width: 1200px)";
5
6
  print: "print";
6
7
  }, import('@stitches/react/types/css-util').CSS<{
8
+ md: "(min-width: 768px)";
7
9
  lg: "(min-width: 1200px)";
8
10
  print: "print";
9
11
  }, {
@@ -73,6 +75,12 @@ declare const Bar: import('@stitches/react/types/styled-component').StyledCompon
73
75
  text: "#1f2937";
74
76
  secondaryText: "$gray500";
75
77
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
78
+ flask: "#122a0d";
79
+ flaskHover: "#173611";
80
+ clay: "#eee6d3";
81
+ clayHover: "#d6c9b6";
82
+ sand: "#f3f1eb";
83
+ sandHover: "#e6dfce";
76
84
  };
77
85
  fontSizes: {
78
86
  xs: "0.75rem";
package/dist/ui/components/OverlayCard.d.ts CHANGED
@@ -1,7 +1,9 @@
1
1
  export declare const OverlayCard: import('@stitches/react/types/styled-component').StyledComponent<"div", {}, {
2
+ md: "(min-width: 768px)";
2
3
  lg: "(min-width: 1200px)";
3
4
  print: "print";
4
5
  }, import('@stitches/react/types/css-util').CSS<{
6
+ md: "(min-width: 768px)";
5
7
  lg: "(min-width: 1200px)";
6
8
  print: "print";
7
9
  }, {
@@ -71,6 +73,12 @@ export declare const OverlayCard: import('@stitches/react/types/styled-component
71
73
  text: "#1f2937";
72
74
  secondaryText: "$gray500";
73
75
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
76
+ flask: "#122a0d";
77
+ flaskHover: "#173611";
78
+ clay: "#eee6d3";
79
+ clayHover: "#d6c9b6";
80
+ sand: "#f3f1eb";
81
+ sandHover: "#e6dfce";
74
82
  };
75
83
  fontSizes: {
76
84
  xs: "0.75rem";
package/dist/ui/components/Spinner.d.ts CHANGED
@@ -2,10 +2,12 @@ export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<Omi
2
2
  size?: "xs" | "sm" | "md" | "lg" | undefined;
3
3
  color?: "inherit" | "dark" | "light" | undefined;
4
4
  }, {
5
+ md: "(min-width: 768px)";
5
6
  lg: "(min-width: 1200px)";
6
7
  print: "print";
7
8
  }> & {
8
9
  css?: import('@stitches/react/types/css-util').CSS<{
10
+ md: "(min-width: 768px)";
9
11
  lg: "(min-width: 1200px)";
10
12
  print: "print";
11
13
  }, {
@@ -75,6 +77,12 @@ export declare const Spinner: import('react').ForwardRefExoticComponent<Omit<Omi
75
77
  text: "#1f2937";
76
78
  secondaryText: "$gray500";
77
79
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
80
+ flask: "#122a0d";
81
+ flaskHover: "#173611";
82
+ clay: "#eee6d3";
83
+ clayHover: "#d6c9b6";
84
+ sand: "#f3f1eb";
85
+ sandHover: "#e6dfce";
78
86
  };
79
87
  fontSizes: {
80
88
  xs: "0.75rem";
package/dist/ui/components/Stack.d.ts CHANGED
@@ -3,9 +3,11 @@ export declare const Stack: import('@stitches/react/types/styled-component').Sty
3
3
  align?: "start" | "center" | undefined;
4
4
  gap?: 0 | 3 | 1 | "0" | "1" | "2" | "3" | 2 | 4 | "4" | "5" | "6" | "8" | 6 | 8 | "7" | 5 | 7 | undefined;
5
5
  }, {
6
+ md: "(min-width: 768px)";
6
7
  lg: "(min-width: 1200px)";
7
8
  print: "print";
8
9
  }, import('@stitches/react/types/css-util').CSS<{
10
+ md: "(min-width: 768px)";
9
11
  lg: "(min-width: 1200px)";
10
12
  print: "print";
11
13
  }, {
@@ -75,6 +77,12 @@ export declare const Stack: import('@stitches/react/types/styled-component').Sty
75
77
  text: "#1f2937";
76
78
  secondaryText: "$gray500";
77
79
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
80
+ flask: "#122a0d";
81
+ flaskHover: "#173611";
82
+ clay: "#eee6d3";
83
+ clayHover: "#d6c9b6";
84
+ sand: "#f3f1eb";
85
+ sandHover: "#e6dfce";
78
86
  };
79
87
  fontSizes: {
80
88
  xs: "0.75rem";
package/dist/ui/components/Toolbar.d.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import * as T from "@radix-ui/react-toolbar";
2
2
  export declare const Toolbar: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<T.ToolbarProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
3
+ md: "(min-width: 768px)";
3
4
  lg: "(min-width: 1200px)";
4
5
  print: "print";
5
6
  }, import('@stitches/react/types/css-util').CSS<{
7
+ md: "(min-width: 768px)";
6
8
  lg: "(min-width: 1200px)";
7
9
  print: "print";
8
10
  }, {
@@ -72,6 +74,12 @@ export declare const Toolbar: import('@stitches/react/types/styled-component').S
72
74
  text: "#1f2937";
73
75
  secondaryText: "$gray500";
74
76
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
77
+ flask: "#122a0d";
78
+ flaskHover: "#173611";
79
+ clay: "#eee6d3";
80
+ clayHover: "#d6c9b6";
81
+ sand: "#f3f1eb";
82
+ sandHover: "#e6dfce";
75
83
  };
76
84
  fontSizes: {
77
85
  xs: "0.75rem";
@@ -115,9 +123,11 @@ export declare const Toolbar: import('@stitches/react/types/styled-component').S
115
123
  };
116
124
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
117
125
  export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<(T.ToolbarToggleGroupSingleProps | T.ToolbarToggleGroupMultipleProps) & import('react').RefAttributes<HTMLDivElement>>, {}, {
126
+ md: "(min-width: 768px)";
118
127
  lg: "(min-width: 1200px)";
119
128
  print: "print";
120
129
  }, import('@stitches/react/types/css-util').CSS<{
130
+ md: "(min-width: 768px)";
121
131
  lg: "(min-width: 1200px)";
122
132
  print: "print";
123
133
  }, {
@@ -187,6 +197,12 @@ export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-co
187
197
  text: "#1f2937";
188
198
  secondaryText: "$gray500";
189
199
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
200
+ flask: "#122a0d";
201
+ flaskHover: "#173611";
202
+ clay: "#eee6d3";
203
+ clayHover: "#d6c9b6";
204
+ sand: "#f3f1eb";
205
+ sandHover: "#e6dfce";
190
206
  };
191
207
  fontSizes: {
192
208
  xs: "0.75rem";
@@ -230,9 +246,11 @@ export declare const ToolbarToggleGroup: import('@stitches/react/types/styled-co
230
246
  };
231
247
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>;
232
248
  export declare const ToolbarSeparator: import('@stitches/react/types/styled-component').StyledComponent<import('react').ForwardRefExoticComponent<T.ToolbarSeparatorProps & import('react').RefAttributes<HTMLDivElement>>, {}, {
249
+ md: "(min-width: 768px)";
233
250
  lg: "(min-width: 1200px)";
234
251
  print: "print";
235
252
  }, import('@stitches/react/types/css-util').CSS<{
253
+ md: "(min-width: 768px)";
236
254
  lg: "(min-width: 1200px)";
237
255
  print: "print";
238
256
  }, {
@@ -302,6 +320,12 @@ export declare const ToolbarSeparator: import('@stitches/react/types/styled-comp
302
320
  text: "#1f2937";
303
321
  secondaryText: "$gray500";
304
322
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
323
+ flask: "#122a0d";
324
+ flaskHover: "#173611";
325
+ clay: "#eee6d3";
326
+ clayHover: "#d6c9b6";
327
+ sand: "#f3f1eb";
328
+ sandHover: "#e6dfce";
305
329
  };
306
330
  fontSizes: {
307
331
  xs: "0.75rem";
@@ -350,10 +374,12 @@ export declare const ButtonInToolbar: import('react').ForwardRefExoticComponent<
350
374
  variant?: "outline" | "transparent" | "primary" | undefined;
351
375
  icon?: boolean | "true" | undefined;
352
376
  }, {
377
+ md: "(min-width: 768px)";
353
378
  lg: "(min-width: 1200px)";
354
379
  print: "print";
355
380
  }> & {
356
381
  css?: import('@stitches/react/types/css-util').CSS<{
382
+ md: "(min-width: 768px)";
357
383
  lg: "(min-width: 1200px)";
358
384
  print: "print";
359
385
  }, {
@@ -423,6 +449,12 @@ export declare const ButtonInToolbar: import('react').ForwardRefExoticComponent<
423
449
  text: "#1f2937";
424
450
  secondaryText: "$gray500";
425
451
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
452
+ flask: "#122a0d";
453
+ flaskHover: "#173611";
454
+ clay: "#eee6d3";
455
+ clayHover: "#d6c9b6";
456
+ sand: "#f3f1eb";
457
+ sandHover: "#e6dfce";
426
458
  };
427
459
  fontSizes: {
428
460
  xs: "0.75rem";
package/dist/ui/stitches.config.d.ts CHANGED
@@ -2,6 +2,7 @@ export type { CSS } from '@stitches/react';
2
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 | {
3
3
  [name: string]: unknown;
4
4
  })[], CSS = import('@stitches/react/types/css-util').CSS<{
5
+ md: "(min-width: 768px)";
5
6
  lg: "(min-width: 1200px)";
6
7
  print: "print";
7
8
  }, {
@@ -71,6 +72,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
71
72
  text: "#1f2937";
72
73
  secondaryText: "$gray500";
73
74
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
75
+ flask: "#122a0d";
76
+ flaskHover: "#173611";
77
+ clay: "#eee6d3";
78
+ clayHover: "#d6c9b6";
79
+ sand: "#f3f1eb";
80
+ sandHover: "#e6dfce";
74
81
  };
75
82
  fontSizes: {
76
83
  xs: "0.75rem";
@@ -124,9 +131,11 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
124
131
  })[] | undefined;
125
132
  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
133
  } & 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>, {
134
+ md: "(min-width: 768px)";
127
135
  lg: "(min-width: 1200px)";
128
136
  print: "print";
129
137
  }, import('@stitches/react/types/css-util').CSS<{
138
+ md: "(min-width: 768px)";
130
139
  lg: "(min-width: 1200px)";
131
140
  print: "print";
132
141
  }, {
@@ -196,6 +205,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
196
205
  text: "#1f2937";
197
206
  secondaryText: "$gray500";
198
207
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
208
+ flask: "#122a0d";
209
+ flaskHover: "#173611";
210
+ clay: "#eee6d3";
211
+ clayHover: "#d6c9b6";
212
+ sand: "#f3f1eb";
213
+ sandHover: "#e6dfce";
199
214
  };
200
215
  fontSizes: {
201
216
  xs: "0.75rem";
@@ -240,6 +255,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
240
255
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>>, css: <Composers extends (string | React.ExoticComponent<any> | React.JSXElementConstructor<any> | import('@stitches/react/types/util').Function | {
241
256
  [name: string]: unknown;
242
257
  })[], CSS = import('@stitches/react/types/css-util').CSS<{
258
+ md: "(min-width: 768px)";
243
259
  lg: "(min-width: 1200px)";
244
260
  print: "print";
245
261
  }, {
@@ -309,6 +325,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
309
325
  text: "#1f2937";
310
326
  secondaryText: "$gray500";
311
327
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
328
+ flask: "#122a0d";
329
+ flaskHover: "#173611";
330
+ clay: "#eee6d3";
331
+ clayHover: "#d6c9b6";
332
+ sand: "#f3f1eb";
333
+ sandHover: "#e6dfce";
312
334
  };
313
335
  fontSizes: {
314
336
  xs: "0.75rem";
@@ -362,10 +384,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
362
384
  })[] | undefined;
363
385
  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
386
  } & 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>, {
387
+ md: "(min-width: 768px)";
365
388
  lg: "(min-width: 1200px)";
366
389
  print: "print";
367
390
  }, CSS>, keyframes: (style: {
368
391
  [offset: string]: import('@stitches/react/types/css-util').CSS<{
392
+ md: "(min-width: 768px)";
369
393
  lg: "(min-width: 1200px)";
370
394
  print: "print";
371
395
  }, {
@@ -435,6 +459,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
435
459
  text: "#1f2937";
436
460
  secondaryText: "$gray500";
437
461
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
462
+ flask: "#122a0d";
463
+ flaskHover: "#173611";
464
+ clay: "#eee6d3";
465
+ clayHover: "#d6c9b6";
466
+ sand: "#f3f1eb";
467
+ sandHover: "#e6dfce";
438
468
  };
439
469
  fontSizes: {
440
470
  xs: "0.75rem";
@@ -487,6 +517,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
487
517
  '@font-face'?: unknown;
488
518
  } & { [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
519
  [x: string]: import('@stitches/react/types/css-util').CSS<{
520
+ md: "(min-width: 768px)";
490
521
  lg: "(min-width: 1200px)";
491
522
  print: "print";
492
523
  }, {
@@ -556,6 +587,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
556
587
  text: "#1f2937";
557
588
  secondaryText: "$gray500";
558
589
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
590
+ flask: "#122a0d";
591
+ flaskHover: "#173611";
592
+ clay: "#eee6d3";
593
+ clayHover: "#d6c9b6";
594
+ sand: "#f3f1eb";
595
+ sandHover: "#e6dfce";
559
596
  };
560
597
  fontSizes: {
561
598
  xs: "0.75rem";
@@ -599,6 +636,7 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
599
636
  };
600
637
  }, import('@stitches/react/types/config').DefaultThemeMap, {}>;
601
638
  } : K extends `@property ${string}` ? import("@stitches/react/types/css").AtRule.Property : import('@stitches/react/types/css-util').CSS<{
639
+ md: "(min-width: 768px)";
602
640
  lg: "(min-width: 1200px)";
603
641
  print: "print";
604
642
  }, {
@@ -668,6 +706,12 @@ export declare const styled: <Type extends keyof JSX.IntrinsicElements | React.C
668
706
  text: "#1f2937";
669
707
  secondaryText: "$gray500";
670
708
  focusRing: "hsla(214deg, 15%, 10%, 0.6)";
709
+ flask: "#122a0d";
710
+ flaskHover: "#173611";
711
+ clay: "#eee6d3";
712
+ clayHover: "#d6c9b6";
713
+ sand: "#f3f1eb";
714
+ sandHover: "#e6dfce";
671
715
  };
672
716
  fontSizes: {
673
717
  xs: "0.75rem";
package/dist/ui.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { k as h, s as n, c as f } from "./stitches.config-CEYOm13b.js";
2
- import { a as Pe, g as Ae } from "./stitches.config-CEYOm13b.js";
1
+ import { k as h, s as n, c as f } from "./stitches.config-DWJUNIbU.js";
2
+ import { a as Pe, g as Ae } from "./stitches.config-DWJUNIbU.js";
3
3
  import { jsx as t, jsxs as c, Fragment as K } from "react/jsx-runtime";
4
4
  import { forwardRef as g, createContext as U, useMemo as k, useContext as B, isValidElement as q, cloneElement as J, useState as Q, useId as w } from "react";
5
5
  import { useFloating as Z, autoUpdate as _, offset as oo, flip as eo, shift as ro, useTransitionStyles as to, useClick as no, useHover as ao, safePolygon as io, useDismiss as so, useRole as lo, useInteractions as co, FloatingPortal as $o } from "@floating-ui/react";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arkitektbedriftene/fe-lib",
3
- "version": "5.1.7",
3
+ "version": "5.2.0",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./oidc": {