@arkitektbedriftene/fe-lib 2.3.4 → 2.3.5

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 (2) hide show
  1. package/dist/ui.es.js +20 -18
  2. package/package.json +1 -1
package/dist/ui.es.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { k as p, s as n, c as f } from "./stitches.config-00c23cdb.js";
2
2
  import { a as Ae, g as We } from "./stitches.config-00c23cdb.js";
3
3
  import { jsx as t, jsxs as c, Fragment as K } from "react/jsx-runtime";
4
- import { forwardRef as g, createContext as U, useMemo as w, useContext as B, isValidElement as q, cloneElement as J, useState as Q, useId as k } from "react";
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
7
  import { j as mo, k as go, l as H, m as uo, n as po } from "./index.esm-da01383a.js";
@@ -74,7 +74,7 @@ const bo = p({
74
74
  size: "sm",
75
75
  color: "dark"
76
76
  }
77
- }), wo = g(
77
+ }), ko = g(
78
78
  (o, e) => /* @__PURE__ */ t(
79
79
  vo,
80
80
  {
@@ -98,7 +98,7 @@ const bo = p({
98
98
  )
99
99
  }
100
100
  )
101
- ), ko = n("button", {
101
+ ), wo = n("button", {
102
102
  appearance: "none",
103
103
  margin: 0,
104
104
  padding: 0,
@@ -258,7 +258,7 @@ const bo = p({
258
258
  }
259
259
  }), P = g(
260
260
  ({ children: o, disabled: e, isLoading: r, variant: a, color: i, ...s }, l) => (!i && a === "primary" && (i = "primary"), /* @__PURE__ */ c(
261
- ko,
261
+ wo,
262
262
  {
263
263
  ref: l,
264
264
  type: "button",
@@ -269,7 +269,7 @@ const bo = p({
269
269
  ...s,
270
270
  children: [
271
271
  o,
272
- r && /* @__PURE__ */ t(wo, { color: "inherit" })
272
+ r && /* @__PURE__ */ t(ko, { color: "inherit" })
273
273
  ]
274
274
  }
275
275
  ))
@@ -395,7 +395,7 @@ const bo = p({
395
395
  L,
396
396
  N,
397
397
  Y
398
- ]), E = w(
398
+ ]), E = k(
399
399
  () => ({
400
400
  getFloatingProps: R,
401
401
  getReferenceProps: T,
@@ -744,12 +744,12 @@ const bo = p({
744
744
  defaultVariants: {
745
745
  size: "md"
746
746
  }
747
- }), we = ({
747
+ }), ke = ({
748
748
  css: o,
749
749
  colorString: e,
750
750
  ...r
751
751
  }) => {
752
- const a = w(
752
+ const a = k(
753
753
  () => e ? Vo(e) : "$gray200",
754
754
  [e]
755
755
  );
@@ -780,7 +780,7 @@ const bo = p({
780
780
  backgroundColor: "transparent"
781
781
  }
782
782
  }
783
- }), ke = ({
783
+ }), we = ({
784
784
  side: o = "bottom",
785
785
  align: e = "center",
786
786
  trigger: r,
@@ -900,14 +900,14 @@ const bo = p({
900
900
  error: r,
901
901
  ...a
902
902
  }) => {
903
- const i = w(
903
+ const i = k(
904
904
  () => ({
905
905
  ...v,
906
906
  ...o,
907
907
  ...r ? No : void 0
908
908
  }),
909
909
  [o, r]
910
- ), s = w(
910
+ ), s = k(
911
911
  () => ({
912
912
  ...Yo,
913
913
  ...e
@@ -986,7 +986,7 @@ const bo = p({
986
986
  width: "100%"
987
987
  }), De = g(
988
988
  ({ type: o = "text", label: e, error: r, style: a, css: i, suffix: s, id: l, ...$ }, u) => {
989
- const x = k();
989
+ const x = w();
990
990
  return l = l || x, /* @__PURE__ */ c(d, { css: i, children: [
991
991
  e && /* @__PURE__ */ t(
992
992
  d,
@@ -1042,7 +1042,7 @@ const bo = p({
1042
1042
  width: "100%"
1043
1043
  }), Be = g(
1044
1044
  ({ label: o, error: e, style: r, css: a, suffix: i, id: s, ...l }, $) => {
1045
- const u = k();
1045
+ const u = w();
1046
1046
  return s = s || u, /* @__PURE__ */ c(d, { css: a, children: [
1047
1047
  o && /* @__PURE__ */ t(
1048
1048
  d,
@@ -1095,6 +1095,7 @@ const bo = p({
1095
1095
  alignItems: "center",
1096
1096
  justifyContent: "center",
1097
1097
  gap: "$2",
1098
+ flexShrink: 0,
1098
1099
  color: "#fff",
1099
1100
  border: "2px solid $blue600",
1100
1101
  backgroundColor: "transparent",
@@ -1135,6 +1136,7 @@ const bo = p({
1135
1136
  }
1136
1137
  }), Qo = n("label", {
1137
1138
  flex: "0 1 auto",
1139
+ paddingLeft: "$2",
1138
1140
  variants: {
1139
1141
  size: {
1140
1142
  sm: {
@@ -1157,8 +1159,8 @@ const bo = p({
1157
1159
  label: r,
1158
1160
  ...a
1159
1161
  }) => {
1160
- const i = k();
1161
- return o = o || i, /* @__PURE__ */ c(d, { css: { display: "flex", alignItems: "center", gap: "$2" }, children: [
1162
+ const i = w();
1163
+ return o = o || i, /* @__PURE__ */ c(d, { css: { display: "flex", alignItems: "center" }, children: [
1162
1164
  /* @__PURE__ */ t(qo, { id: o, size: e, ...a, children: /* @__PURE__ */ c(Jo, { children: [
1163
1165
  /* @__PURE__ */ t(uo, { "data-icon": "indeterminate" }),
1164
1166
  /* @__PURE__ */ t(po, { "data-icon": "checked" })
@@ -1222,7 +1224,7 @@ const bo = p({
1222
1224
  ] });
1223
1225
  export {
1224
1226
  le as Alert,
1225
- we as Avatar,
1227
+ ke as Avatar,
1226
1228
  ce as Badge,
1227
1229
  d as Box,
1228
1230
  P as Button,
@@ -1233,7 +1235,7 @@ export {
1233
1235
  ye as Dialog,
1234
1236
  ve as DialogActions,
1235
1237
  xe as DialogHeader,
1236
- ke as DropdownMenu,
1238
+ we as DropdownMenu,
1237
1239
  Ie as DropdownMenuCheckboxItem,
1238
1240
  ze as DropdownMenuIconItem,
1239
1241
  Se as DropdownMenuItem,
@@ -1246,7 +1248,7 @@ export {
1246
1248
  Fo as PopoverContent,
1247
1249
  Ho as PopoverTrigger,
1248
1250
  Te as Select,
1249
- wo as Spinner,
1251
+ ko as Spinner,
1250
1252
  Wo as Stack,
1251
1253
  Fe as Switch,
1252
1254
  Be as TextArea,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@arkitektbedriftene/fe-lib",
3
- "version": "2.3.4",
3
+ "version": "2.3.5",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {