@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.css.d.ts CHANGED
@@ -1 +1 @@
1
- export * from './ui/ui.css'
1
+ export {}
package/dist/ui.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export * from './ui/ui'
2
+ export {}
package/dist/ui.es.js CHANGED
@@ -1,16 +1,15 @@
1
- import { k as h, s as n, c as f } from "./stitches.config-00c23cdb.js";
2
- import { a as Ae, g as Ve } from "./stitches.config-00c23cdb.js";
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";
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";
6
6
  import * as y from "@radix-ui/react-toolbar";
7
- import { m as mo, n as go, o as H, p as uo, q as po } from "./index.esm-fa9e6ea7.js";
7
+ import { m as mo, n as go, o as H, p as uo, q as po } from "./index.esm-Dzt91gSZ.js";
8
8
  import * as p from "@radix-ui/react-dialog";
9
9
  import * as m from "@radix-ui/react-dropdown-menu";
10
10
  import ho from "react-select";
11
11
  import * as F from "@radix-ui/react-checkbox";
12
12
  import * as M from "@radix-ui/react-switch";
13
- import "@stitches/react";
14
13
  const bo = h({
15
14
  "0%": {
16
15
  transform: "rotate(0)"
@@ -312,7 +311,7 @@ const bo = h({
312
311
  color: "info",
313
312
  size: "md"
314
313
  }
315
- }), le = g(
314
+ }), se = g(
316
315
  ({ children: o, ...e }, r) => /* @__PURE__ */ t(
317
316
  Co,
318
317
  {
@@ -440,7 +439,7 @@ const bo = h({
440
439
  children: /* @__PURE__ */ t(A, { ...e, style: l, children: o })
441
440
  }
442
441
  ) }) : null;
443
- }, de = ({ children: o, content: e }) => {
442
+ }, le = ({ children: o, content: e }) => {
444
443
  const [r, a] = Q(!1);
445
444
  return /* @__PURE__ */ c(
446
445
  Bo,
@@ -464,7 +463,7 @@ const bo = h({
464
463
  ]
465
464
  }
466
465
  );
467
- }, ce = n("span", {
466
+ }, de = n("span", {
468
467
  flex: "0 0 auto",
469
468
  display: "inline-flex",
470
469
  padding: "$1 $2",
@@ -501,17 +500,17 @@ const bo = h({
501
500
  defaultVariants: {
502
501
  color: "primary"
503
502
  }
504
- }), $e = n(y.Root, {
503
+ }), ce = n(y.Root, {
505
504
  backgroundColor: "$gray50",
506
505
  display: "flex",
507
506
  alignItems: "center",
508
507
  padding: "$1",
509
508
  gap: "$1"
510
- }), me = n(y.ToggleGroup, {
509
+ }), $e = n(y.ToggleGroup, {
511
510
  display: "flex",
512
511
  gap: "$1",
513
512
  alignItems: "center"
514
- }), ge = n(y.Separator, {
513
+ }), me = n(y.Separator, {
515
514
  width: "1px",
516
515
  height: "1.5rem",
517
516
  my: "$1",
@@ -532,7 +531,7 @@ const bo = h({
532
531
  },
533
532
  ...e
534
533
  }
535
- )), ue = g(
534
+ )), ge = g(
536
535
  ({ children: o, dropdown: e, ...r }, a) => /* @__PURE__ */ t(
537
536
  y.Button,
538
537
  {
@@ -552,7 +551,7 @@ const bo = h({
552
551
  )
553
552
  }
554
553
  )
555
- ), pe = g(({
554
+ ), ue = g(({
556
555
  children: o,
557
556
  value: e,
558
557
  ...r
@@ -573,7 +572,7 @@ const bo = h({
573
572
  }
574
573
  )
575
574
  }
576
- )), he = n("div", {
575
+ )), pe = n("div", {
577
576
  color: "$$cardText",
578
577
  backgroundColor: "$$cardBackground",
579
578
  padding: "$4",
@@ -626,7 +625,7 @@ const bo = h({
626
625
  display: "flex",
627
626
  alignItems: "center",
628
627
  gap: "$1"
629
- }), be = (o) => /* @__PURE__ */ t(Mo, { ...o }), fe = ({
628
+ }), he = (o) => /* @__PURE__ */ t(Mo, { ...o }), be = ({
630
629
  children: o,
631
630
  active: e = !1,
632
631
  ...r
@@ -663,7 +662,7 @@ const bo = h({
663
662
  maxHeight: "85vh",
664
663
  padding: "$8",
665
664
  "&:focus": { outline: "none" }
666
- }), ye = ({
665
+ }), fe = ({
667
666
  children: o,
668
667
  open: e,
669
668
  onOpenChange: r,
@@ -676,11 +675,11 @@ const bo = h({
676
675
  /* @__PURE__ */ t(Po, {}),
677
676
  /* @__PURE__ */ t(Ao, { css: i, "aria-describedby": void 0, ...s, children: o })
678
677
  ] })
679
- ] }), xe = n(p.Title, {
678
+ ] }), ye = n(p.Title, {
680
679
  fontSize: "$xl",
681
680
  fontWeight: "$medium",
682
681
  marginBottom: "$6"
683
- }), ve = n("div", {
682
+ }), xe = n("div", {
684
683
  display: "flex",
685
684
  gap: "$2",
686
685
  justifyContent: "flex-end",
@@ -764,7 +763,7 @@ const bo = h({
764
763
  defaultVariants: {
765
764
  size: "md"
766
765
  }
767
- }), ke = ({
766
+ }), ve = ({
768
767
  css: o,
769
768
  colorString: e,
770
769
  ...r
@@ -800,7 +799,7 @@ const bo = h({
800
799
  backgroundColor: "transparent"
801
800
  }
802
801
  }
803
- }), we = ({
802
+ }), ke = ({
804
803
  side: o = "bottom",
805
804
  align: e = "center",
806
805
  trigger: r,
@@ -829,16 +828,16 @@ const bo = h({
829
828
  display: "flex",
830
829
  justifyContent: "center",
831
830
  alignItems: "center"
832
- }), Ce = n(m.Separator, {
831
+ }), we = n(m.Separator, {
833
832
  height: 1,
834
833
  backgroundColor: "$gray200",
835
834
  margin: 1
836
- }), Se = n(m.Item, S), ze = n(m.Item, S, {
835
+ }), Ce = n(m.Item, S), Se = n(m.Item, S, {
837
836
  padding: "$2",
838
837
  display: "flex",
839
838
  alignItems: "center",
840
839
  gap: "$2"
841
- }), Lo = n(m.CheckboxItem, S), Ie = ({
840
+ }), Lo = n(m.CheckboxItem, S), ze = ({
842
841
  value: o,
843
842
  onChange: e,
844
843
  children: r
@@ -935,7 +934,7 @@ const bo = h({
935
934
  [e]
936
935
  );
937
936
  return /* @__PURE__ */ t(ho, { components: s, styles: i, ...a });
938
- }, Re = (o) => /* @__PURE__ */ t(W, { ...o, isSearchable: !0 }), Te = ({
937
+ }, Ie = (o) => /* @__PURE__ */ t(W, { ...o, isSearchable: !0 }), Re = ({
939
938
  label: o,
940
939
  css: e,
941
940
  error: r,
@@ -1004,7 +1003,7 @@ const bo = h({
1004
1003
  alignItems: "center",
1005
1004
  gap: "$2",
1006
1005
  width: "100%"
1007
- }), De = g(
1006
+ }), Te = g(
1008
1007
  ({ type: o = "text", label: e, error: r, style: a, css: i, suffix: s, id: l, ...$ }, u) => {
1009
1008
  const x = w();
1010
1009
  return l = l || x, /* @__PURE__ */ c(d, { css: i, children: [
@@ -1060,7 +1059,7 @@ const bo = h({
1060
1059
  alignItems: "center",
1061
1060
  gap: "$2",
1062
1061
  width: "100%"
1063
- }), Be = g(
1062
+ }), De = g(
1064
1063
  ({ label: o, error: e, style: r, css: a, suffix: i, id: s, ...l }, $) => {
1065
1064
  const u = w();
1066
1065
  return s = s || u, /* @__PURE__ */ c(d, { css: a, children: [
@@ -1184,7 +1183,7 @@ const bo = h({
1184
1183
  defaultVariants: {
1185
1184
  size: "md"
1186
1185
  }
1187
- }), He = ({
1186
+ }), Be = ({
1188
1187
  id: o,
1189
1188
  size: e,
1190
1189
  label: r,
@@ -1243,7 +1242,7 @@ const bo = h({
1243
1242
  defaultVariants: {
1244
1243
  size: "md"
1245
1244
  }
1246
- }), Fe = ({
1245
+ }), He = ({
1247
1246
  label: o,
1248
1247
  stackProps: e,
1249
1248
  labelProps: r,
@@ -1254,45 +1253,45 @@ const bo = h({
1254
1253
  /* @__PURE__ */ t(Zo, { ...i, children: /* @__PURE__ */ t(_o, {}) })
1255
1254
  ] });
1256
1255
  export {
1257
- le as Alert,
1258
- ke as Avatar,
1259
- ce as Badge,
1256
+ se as Alert,
1257
+ ve as Avatar,
1258
+ de as Badge,
1260
1259
  d as Box,
1261
1260
  P as Button,
1262
1261
  V as ButtonInToolbar,
1263
- he as Card,
1264
- He as Checkbox,
1265
- Re as Combobox,
1266
- ye as Dialog,
1267
- ve as DialogActions,
1268
- xe as DialogHeader,
1269
- we as DropdownMenu,
1270
- Ie as DropdownMenuCheckboxItem,
1271
- ze as DropdownMenuIconItem,
1272
- Se as DropdownMenuItem,
1273
- Ce as DropdownMenuSeparator,
1262
+ pe as Card,
1263
+ Be as Checkbox,
1264
+ Ie as Combobox,
1265
+ fe as Dialog,
1266
+ xe as DialogActions,
1267
+ ye as DialogHeader,
1268
+ ke as DropdownMenu,
1269
+ ze as DropdownMenuCheckboxItem,
1270
+ Se as DropdownMenuIconItem,
1271
+ Ce as DropdownMenuItem,
1272
+ we as DropdownMenuSeparator,
1274
1273
  Xo as MenuOverlayCard,
1275
- be as NavBar,
1276
- fe as NavBarItem,
1274
+ he as NavBar,
1275
+ be as NavBarItem,
1277
1276
  A as OverlayCard,
1278
1277
  Bo as Popover,
1279
1278
  Fo as PopoverContent,
1280
1279
  Ho as PopoverTrigger,
1281
- Te as Select,
1280
+ Re as Select,
1282
1281
  ko as Spinner,
1283
1282
  Vo as Stack,
1284
- Fe as Switch,
1285
- Be as TextArea,
1286
- De as TextInput,
1287
- $e as Toolbar,
1288
- ue as ToolbarButton,
1289
- ge as ToolbarSeparator,
1290
- me as ToolbarToggleGroup,
1291
- pe as ToolbarToggleItem,
1292
- de as Tooltip,
1283
+ He as Switch,
1284
+ De as TextArea,
1285
+ Te as TextInput,
1286
+ ce as Toolbar,
1287
+ ge as ToolbarButton,
1288
+ me as ToolbarSeparator,
1289
+ $e as ToolbarToggleGroup,
1290
+ ue as ToolbarToggleItem,
1291
+ le as Tooltip,
1293
1292
  f as css,
1294
- Ae as getCssText,
1295
- Ve as globalCss,
1293
+ Pe as getCssText,
1294
+ Ae as globalCss,
1296
1295
  h as keyframes,
1297
1296
  S as menuItemStyles,
1298
1297
  n as styled
package/package.json CHANGED
@@ -1,28 +1,16 @@
1
1
  {
2
2
  "name": "@arkitektbedriftene/fe-lib",
3
- "version": "4.3.3",
3
+ "version": "5.1.0",
4
4
  "type": "module",
5
5
  "exports": {
6
- ".": {
7
- "import": "./dist/index.es.js",
8
- "types": "./dist/index.d.ts"
9
- },
10
6
  "./oidc": {
11
7
  "import": "./dist/oidc.es.js",
12
8
  "types": "./dist/oidc.d.ts"
13
9
  },
14
- "./hooks": {
15
- "import": "./dist/hooks.es.js",
16
- "types": "./dist/hooks.d.ts"
17
- },
18
10
  "./icons": {
19
11
  "import": "./dist/icons.es.js",
20
12
  "types": "./dist/icons.d.ts"
21
13
  },
22
- "./colors": {
23
- "import": "./dist/colors.es.js",
24
- "types": "./dist/colors.d.ts"
25
- },
26
14
  "./rich-text": {
27
15
  "import": "./dist/rich-text.es.js",
28
16
  "types": "./dist/rich-text.d.ts"
@@ -69,10 +57,10 @@
69
57
  "@types/node": "^20.12.3",
70
58
  "@types/react": "^19.0.3",
71
59
  "@types/react-dom": "^19.0.2",
72
- "@vitejs/plugin-react-swc": "^3.0.0",
73
- "typescript": "^4.9.3",
74
- "vite": "^4.2.0",
75
- "vite-plugin-dts": "^2.1.0"
60
+ "@vitejs/plugin-react-swc": "^3.7.2",
61
+ "typescript": "^5.7.3",
62
+ "vite": "^6.0.11",
63
+ "vite-plugin-dts": "^4.5.0"
76
64
  },
77
65
  "dependencies": {
78
66
  "@floating-ui/react": "^0.26.0",
@@ -1,18 +0,0 @@
1
- declare const colors: {
2
- black: string;
3
- blackWeb: string;
4
- white: string;
5
- mainGreenBlue: string;
6
- mainGreenBlueLighter: string;
7
- mainGreenBlueDarker: string;
8
- lightAqua: string;
9
- lightAquaLighter: string;
10
- lightAquaDarker: string;
11
- forestGreen: string;
12
- forestGreenLighter: string;
13
- forestGreenDarker: string;
14
- orange: string;
15
- orangeLighter: string;
16
- orangeDarker: string;
17
- };
18
- export { colors };
package/dist/colors.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './colors/colors'
package/dist/colors.es.js DELETED
@@ -1,20 +0,0 @@
1
- const e = {
2
- black: "#000000",
3
- blackWeb: "#222",
4
- white: "#FFFFFF",
5
- mainGreenBlue: "#0f8999",
6
- mainGreenBlueLighter: "#6fb8c2",
7
- mainGreenBlueDarker: "#156974",
8
- lightAqua: "#3ea090",
9
- lightAquaLighter: "#8bc6bc",
10
- lightAquaDarker: "#36796e",
11
- forestGreen: "#2e7641",
12
- forestGreenLighter: "#82ad8d",
13
- forestGreenDarker: "#2b5c37",
14
- orange: "#d6751d",
15
- orangeLighter: "#e6ac77",
16
- orangeDarker: "#a05b1e"
17
- };
18
- export {
19
- e as colors
20
- };
@@ -1,2 +0,0 @@
1
- import useLocalStorageState from "use-local-storage-state";
2
- export { useLocalStorageState };
package/dist/hooks.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from './hooks/hooks'
package/dist/hooks.es.js DELETED
@@ -1,4 +0,0 @@
1
- import { default as t } from "use-local-storage-state";
2
- export {
3
- t as useLocalStorageState
4
- };
package/dist/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const helloWorld = "Hallo fra Arkitektbedriftene ";
package/dist/index.es.js DELETED
@@ -1,4 +0,0 @@
1
- const e = "Hallo fra Arkitektbedriftene ";
2
- export {
3
- e as helloWorld
4
- };