@arkitektbedriftene/fe-lib 0.4.8 → 0.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  declare const ButtonStyled: import("@stitches/react/types/styled-component").StyledComponent<"button", {
3
3
  color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
4
- size?: "md" | "lg" | undefined;
4
+ size?: "sm" | "md" | "lg" | undefined;
5
5
  variant?: "outline" | "transparent" | "primary" | undefined;
6
6
  icon?: boolean | "true" | undefined;
7
7
  }, {
@@ -1,9 +1,10 @@
1
- import { type ReactNode } from "react";
2
- export declare const Dialog: ({ children, open, onOpenChange, ...props }: {
1
+ import type { ReactNode } from "react";
2
+ export declare const Dialog: ({ children, open, onOpenChange, trigger, }: {
3
3
  children: ReactNode;
4
4
  open: boolean;
5
5
  onOpenChange: (bool: boolean) => void;
6
- }) => import("react").ReactPortal | null;
6
+ trigger?: ReactNode;
7
+ }) => JSX.Element;
7
8
  export declare const DialogHeader: import("@stitches/react/types/styled-component").StyledComponent<"h2", {}, {
8
9
  lg: "(min-width: 1200px)";
9
10
  print: "print";
@@ -123,7 +123,7 @@ export declare const NavBarItem: ({ children, active, ...props }: {
123
123
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
124
124
  }, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
125
125
  color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
126
- size?: "md" | "lg" | undefined;
126
+ size?: "sm" | "md" | "lg" | undefined;
127
127
  variant?: "outline" | "transparent" | "primary" | undefined;
128
128
  icon?: boolean | "true" | undefined;
129
129
  }, {
@@ -349,7 +349,7 @@ export declare const ButtonInToolbar: import("react").ForwardRefExoticComponent<
349
349
  ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
350
350
  }, "color" | "css" | "size" | "icon" | "variant"> & import("@stitches/react/types/styled-component").TransformProps<{
351
351
  color?: "primary" | "secondary" | "success" | "danger" | "warning" | undefined;
352
- size?: "md" | "lg" | undefined;
352
+ size?: "sm" | "md" | "lg" | undefined;
353
353
  variant?: "outline" | "transparent" | "primary" | undefined;
354
354
  icon?: boolean | "true" | undefined;
355
355
  }, {
package/dist/ui.es.js CHANGED
@@ -1,165 +1,82 @@
1
- import { P as d, y as i, z as c } from "./TextInput-986922b7.js";
2
- import { G as B, H as P, B as R, m as O, I as z, J as A, q as $, v as L, r as N, D as j, Q as G, a as H, n as q, p as E, M as J, N as K, K as Q, O as V, S as W, t as U, k as X, T as Y, l as Z, b as _, d as F, c as oo, E as ro, C as ao, A as eo, L as so, s as to } from "./TextInput-986922b7.js";
3
- import { jsxs as p, jsx as e } from "react/jsx-runtime";
4
- import { useState as u, useMemo as t } from "react";
5
- import m from "react-select";
1
+ import { P as t, y as n, z as l, R as p } from "./TextInput-832f6509.js";
2
+ import { H as B, I as M, B as y, m as h, J as w, K as O, C as P, q as k, v as A, L as N, D as $, U as j, a as z, n as G, p as H, M as R, N as q, r as E, O as J, S as K, t as L, k as Q, T as U, l as F, b as V, d as W, c as X, G as Y, E as Z, A as _, Q as oo, s as ao } from "./TextInput-832f6509.js";
3
+ import { jsxs as i, jsx as e } from "react/jsx-runtime";
4
+ import { useState as m } from "react";
6
5
  import "react-dom";
7
6
  import "@radix-ui/react-toolbar";
8
7
  import "./index.esm-b848a615.js";
8
+ import "@radix-ui/react-dialog";
9
9
  import "@radix-ui/react-dropdown-menu";
10
- const T = ({ children: o, content: r }) => {
11
- const [a, s] = u(!1);
12
- return /* @__PURE__ */ p(
13
- d,
10
+ import "react-select";
11
+ const x = ({ children: o, content: a }) => {
12
+ const [s, r] = m(!1);
13
+ return /* @__PURE__ */ i(
14
+ t,
14
15
  {
15
- open: a,
16
- onOpenChange: s,
16
+ open: s,
17
+ onOpenChange: r,
17
18
  trigger: "hover",
18
19
  placement: "top",
19
20
  offset: { mainAxis: 8 },
20
21
  role: "tooltip",
21
22
  children: [
22
- /* @__PURE__ */ e(i, { children: o }),
23
- /* @__PURE__ */ e(c, { overlayCardProps: {
23
+ /* @__PURE__ */ e(n, { children: o }),
24
+ /* @__PURE__ */ e(l, { overlayCardProps: {
24
25
  css: {
25
26
  background: "rgba(0,0,0, 0.9)",
26
27
  color: "#fff",
27
28
  fontSize: "$sm",
28
29
  padding: "$1 $2"
29
30
  }
30
- }, children: r })
31
+ }, children: a })
31
32
  ]
32
33
  }
33
34
  );
34
- }, g = {
35
- container: (o) => ({
36
- ...o,
37
- minWidth: "200px"
38
- }),
39
- control: (o, { isFocused: r }) => ({
40
- ...o,
41
- "&:hover": {},
42
- border: r ? "1px solid var(--colors-blue300)" : "1px solid var(--colors-gray300)",
43
- outline: "none",
44
- borderRadius: "var(--radii-sm)",
45
- boxShadow: r ? "0 0 0 4px var(--colors-blue100)" : "none"
46
- }),
47
- menu: (o) => ({
48
- ...o,
49
- boxShadow: "var(--shadows-overlayCard)",
50
- borderRadius: "var(--radii-md)",
51
- border: "none",
52
- padding: "var(--space-1)"
53
- }),
54
- option: (o, { isFocused: r, isSelected: a }) => ({
55
- ...o,
56
- background: r ? "var(--colors-gray100)" : a ? "var(--colors-blue100)" : "transparent",
57
- "&:active": {
58
- background: "var(--colors-gray200)"
59
- },
60
- borderRadius: "var(--radii-sm)",
61
- color: "var(--colors-text)"
62
- }),
63
- menuList: (o) => ({
64
- ...o,
65
- padding: 0
66
- }),
67
- multiValueRemove: (o) => ({
68
- ...o,
69
- background: "transparent",
70
- color: "var(--colors-text)",
71
- "&:hover": {
72
- background: "var(--colors-red200)",
73
- color: "var(--colors-red800)"
74
- }
75
- }),
76
- clearIndicator: (o) => ({
77
- ...o,
78
- paddingLeft: 0,
79
- paddingRight: 0
80
- }),
81
- menuPortal: (o) => ({
82
- ...o,
83
- zIndex: "var(--zIndices-overlayCard)"
84
- })
85
- }, v = {
86
- IndicatorSeparator: () => null
87
- }, n = ({
88
- styles: o,
89
- components: r,
90
- ...a
91
- }) => {
92
- const s = t(
93
- () => ({
94
- ...g,
95
- ...o
96
- }),
97
- [o]
98
- ), l = t(
99
- () => ({
100
- ...v,
101
- ...r
102
- }),
103
- [r]
104
- );
105
- return /* @__PURE__ */ e(m, { components: l, styles: s, ...a });
106
- }, M = ({
107
- clearable: o = !0,
108
- multi: r = !1,
109
- ...a
110
- }) => (o = r ? !1 : o, /* @__PURE__ */ e(
111
- n,
35
+ }, I = ({ clearable: o, ...a }) => /* @__PURE__ */ e(
36
+ p,
112
37
  {
113
38
  ...a,
114
39
  isClearable: o,
115
- isMulti: r,
116
- isSearchable: !0
117
- }
118
- )), D = ({ clearable: o, ...r }) => /* @__PURE__ */ e(
119
- n,
120
- {
121
- ...r,
122
- isClearable: o,
123
40
  isSearchable: !1,
124
41
  isMulti: !1
125
42
  }
126
43
  );
127
44
  export {
128
45
  B as Alert,
129
- P as Badge,
130
- R as Box,
131
- O as Button,
132
- z as ButtonInToolbar,
133
- A as Card,
134
- M as Combobox,
135
- $ as Dialog,
136
- L as DialogActions,
46
+ M as Badge,
47
+ y as Box,
48
+ h as Button,
49
+ w as ButtonInToolbar,
50
+ O as Card,
51
+ P as Combobox,
52
+ k as Dialog,
53
+ A as DialogActions,
137
54
  N as DialogHeader,
138
- j as DropdownMenu,
139
- G as DropdownMenuCheckboxItem,
140
- H as DropdownMenuIconItem,
141
- q as DropdownMenuItem,
142
- E as DropdownMenuSeparator,
143
- J as MenuOverlayCard,
144
- K as NavBar,
145
- Q as NavBarItem,
146
- V as OverlayCard,
147
- d as Popover,
148
- c as PopoverContent,
149
- i as PopoverTrigger,
150
- D as Select,
151
- W as Spinner,
152
- U as TextInput,
153
- X as Toolbar,
154
- Y as ToolbarButton,
155
- Z as ToolbarSeparator,
156
- _ as ToolbarToggleGroup,
157
- F as ToolbarToggleItem,
158
- T as Tooltip,
159
- oo as css,
160
- ro as getCssText,
161
- ao as globalCss,
162
- eo as keyframes,
163
- so as menuItemStyles,
164
- to as styled
55
+ $ as DropdownMenu,
56
+ j as DropdownMenuCheckboxItem,
57
+ z as DropdownMenuIconItem,
58
+ G as DropdownMenuItem,
59
+ H as DropdownMenuSeparator,
60
+ R as MenuOverlayCard,
61
+ q as NavBar,
62
+ E as NavBarItem,
63
+ J as OverlayCard,
64
+ t as Popover,
65
+ l as PopoverContent,
66
+ n as PopoverTrigger,
67
+ I as Select,
68
+ K as Spinner,
69
+ L as TextInput,
70
+ Q as Toolbar,
71
+ U as ToolbarButton,
72
+ F as ToolbarSeparator,
73
+ V as ToolbarToggleGroup,
74
+ W as ToolbarToggleItem,
75
+ x as Tooltip,
76
+ X as css,
77
+ Y as getCssText,
78
+ Z as globalCss,
79
+ _ as keyframes,
80
+ oo as menuItemStyles,
81
+ ao as styled
165
82
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arkitektbedriftene/fe-lib",
3
- "version": "0.4.8",
3
+ "version": "0.4.10",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -71,15 +71,7 @@
71
71
  "vite-plugin-dts": "^2.1.0"
72
72
  },
73
73
  "dependencies": {
74
- "@radix-ui/react-dropdown-menu": "^2.0.6",
75
- "@radix-ui/react-toolbar": "^1.0.4",
76
74
  "@floating-ui/react": "^0.26.0",
77
- "@stitches/react": "^1.2.8",
78
- "oidc-client-ts": "^2.2.2",
79
- "react-icons": "^4.8.0",
80
- "react-select": "^5.8.0",
81
- "use-local-storage-state": "^18.2.1",
82
- "lexical": "~0.12.0",
83
75
  "@lexical/headless": "~0.12.0",
84
76
  "@lexical/html": "~0.12.0",
85
77
  "@lexical/link": "~0.12.0",
@@ -87,6 +79,15 @@
87
79
  "@lexical/react": "~0.12.0",
88
80
  "@lexical/rich-text": "~0.12.0",
89
81
  "@lexical/selection": "~0.12.0",
90
- "@lexical/table": "~0.12.0"
82
+ "@lexical/table": "~0.12.0",
83
+ "@radix-ui/react-dialog": "^1.0.5",
84
+ "@radix-ui/react-dropdown-menu": "^2.0.6",
85
+ "@radix-ui/react-toolbar": "^1.0.4",
86
+ "@stitches/react": "^1.2.8",
87
+ "lexical": "~0.12.0",
88
+ "oidc-client-ts": "^2.2.2",
89
+ "react-icons": "^4.8.0",
90
+ "react-select": "^5.8.0",
91
+ "use-local-storage-state": "^18.2.1"
91
92
  }
92
93
  }