@altinn/altinn-components 0.26.1 → 0.27.0

package/dist/FieldsetLegend-Dwb3U0vQ.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { L as i } from "./Label-DjSEhgyW.js";
+const l = o(function(r, t) {
+  return e(i, { asChild: !0, children: e("legend", { ref: t, ...r }) });
+});
+export {
+  l as F
+};

package/dist/Input-B_w6SBmg.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { c as a } from "./lite-1fxw3LjI.js";
+import { forwardRef as i } from "react";
+const l = i(function({ type: u = "text", className: e, onChange: r, onClick: p, ...f }, m) {
+  return s("input", { className: a("ds-input", e), ref: m, type: u, onChange: (t) => f.readOnly || (r == null ? void 0 : r(t)), onClick: (t) => {
+    f.readOnly && t.preventDefault(), p == null || p(t);
+  }, ...f });
+});
+export {
+  l as I
+};

package/dist/Label-DjSEhgyW.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { S as s } from "./index-C8BS_2GY.js";
+import { c as l } from "./lite-1fxw3LjI.js";
+import { forwardRef as n } from "react";
+const u = n(function({ className: o, weight: e = "medium", asChild: t, ...r }, m) {
+  return a(t ? s : "label", { ref: m, className: l("ds-label", o), "data-weight": e, ...r });
+});
+export {
+  u as L
+};

package/dist/Paragraph-CFjOkbXa.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as m } from "react/jsx-runtime";
+import { S as n } from "./index-C8BS_2GY.js";
+import { c as s } from "./lite-1fxw3LjI.js";
+import { forwardRef as e } from "react";
+const g = e(function({ className: r, asChild: a, variant: o = "default", ...t }, p) {
+  return m(a ? n : "p", { ref: p, className: s("ds-paragraph", r), "data-variant": o, ...t });
+});
+export {
+  g as P
+};

package/dist/Textarea-BBstVlPT.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as a } from "react/jsx-runtime";
+import { c as o } from "./lite-1fxw3LjI.js";
+import { forwardRef as s } from "react";
+const n = s(function({ className: r, ...e }, t) {
+  return a("textarea", { className: o("ds-input", r), ref: t, ...e });
+});
+export {
+  n as T
+};

package/dist/altinn-ds-overrides.css

@@ -34,6 +34,6 @@
   --ds-color-accent-base-contrast-subtle: var(--ds-color-company-base-contrast-subtle);
 
   /* Override tokens from designSystem & altinn-components */
-  --ds-body-md-font-size: 1rem;
-  --ds-color-text-subtle: #10204a;
+  /*  --ds-body-md-font-size: 1rem;
+  --ds-color-text-subtle: #10204a; */
 }

package/dist/altinn-ds.css

@@ -1,10 +1,8 @@
 @charset "UTF-8";
 
-@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;
+@layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
   :root,
@@ -315,12 +313,30 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.secondary {
   [data-typography="secondary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -413,34 +429,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.semantic {
   :root {
     --ds-size-base: 18;
@@ -453,7 +443,6 @@
     --ds-border-radius-xl: min(var(--ds-border-radius-base) * 3, var(--ds-border-radius-scale) * 7);
     --ds-border-radius-default: var(--ds-border-radius-base);
     --ds-border-radius-full: 624.9375rem;
-    --ds-opacity-disabled: 30%;
     --ds-border-width-default: 1px;
     --ds-border-width-focus: 3px;
     --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
@@ -461,6 +450,7 @@
     --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
     --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
     --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
+    --ds-opacity-disabled: 30%;
 
     --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
     --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
@@ -508,10 +498,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color-scheme.dark {
   [data-color-scheme="dark"] {
     --ds-color-company-background-default: #10172c;
@@ -820,13 +806,31 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.primary {
   :root,
   [data-typography="primary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -919,34 +923,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="alert"],
   [data-color-scheme][data-color="alert"] {
@@ -969,10 +947,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="article"],
   [data-color-scheme][data-color="article"] {
@@ -995,10 +969,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   :root,
   [data-color-scheme],
@@ -1022,10 +992,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="danger"],
   [data-color-scheme][data-color="danger"] {
@@ -1048,10 +1014,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="info"],
   [data-color-scheme][data-color="info"] {
@@ -1074,10 +1036,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="neutral"],
   [data-color-scheme][data-color="neutral"] {
@@ -1100,10 +1058,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="person"],
   [data-color-scheme][data-color="person"] {
@@ -1126,10 +1080,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="success"],
   [data-color-scheme][data-color="success"] {
@@ -1152,10 +1102,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="warning"],
   [data-color-scheme][data-color="warning"] {

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_1ysmx_1{display:inline-flex;align-items:center;column-gap:.125em;border-radius:2px}._reverse_1ysmx_8{flex-direction:row-reverse}._button_1ysmx_1[data-size=sm]{padding:0 .375rem}._button_1ysmx_1[data-size=md]{padding:0 .5rem}._button_1ysmx_1[data-size=lg]{padding:0 .625rem}
+._button_qyaf4_2{column-gap:.125em}._button_qyaf4_2[data-size=xs]{padding:0 .375rem}._button_qyaf4_2[data-size=sm]{padding:0 .5rem}._button_qyaf4_2[data-size=md]{padding:0 .625rem}._button_qyaf4_2[data-size=lg]{padding:0 .75rem}

package/dist/assets/ButtonBase.css

@@ -1 +1 @@
-._button_1tsrv_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer}._button_1tsrv_1:disabled{opacity:.5;pointer-events:none}._button_1tsrv_1[data-size=xs]{height:1.875rem}._button_1tsrv_1[data-size=sm]{height:2.25rem}._button_1tsrv_1[data-size=md]{height:2.75rem}._button_1tsrv_1[data-size=lg]{height:3.5rem}._button_1tsrv_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._button_1tsrv_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover)}._button_1tsrv_1[data-variant=solid]:active{background-color:var(--ds-color-base-active)}._button_1tsrv_1[data-variant=outline],._button_1tsrv_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_1tsrv_1[data-variant=outline]{border-style:solid}._button_1tsrv_1[data-variant=dotted]{border-style:dotted}._button_1tsrv_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_1tsrv_1[data-variant=outline]:hover,._button_1tsrv_1[data-variant=dotted]:hover,._button_1tsrv_1[data-variant=text]:hover{background-color:var(--ds-color-surface-tinted);color:var(--ds-color-text-default)}._button_1tsrv_1[data-variant=outline]:active,._button_1tsrv_1[data-variant=dotted]:active,._button_1tsrv_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_1tsrv_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_1tsrv_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}
+._button_1c0tl_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;border-radius:2px}._button_1c0tl_1[data-reverse=true]{flex-direction:row-reverse}._button_1c0tl_1:disabled{opacity:.5;pointer-events:none}._button_1c0tl_1[data-size=xs]{height:2.25rem}._button_1c0tl_1[data-size=sm]{height:2.625rem}._button_1c0tl_1[data-size=md]{height:3rem}._button_1c0tl_1[data-size=lg]{height:3.5rem}._button_1c0tl_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._button_1c0tl_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover);border-color:var(--ds-color-base-hover)}._button_1c0tl_1[data-variant=solid]:active{background-color:var(--ds-color-base-active);border-color:var(--ds-color-base-active)}._button_1c0tl_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1c0tl_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1c0tl_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=outline],._button_1c0tl_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_1c0tl_1[data-variant=outline]{border-style:solid}._button_1c0tl_1[data-variant=dotted]{border-style:dotted}._button_1c0tl_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=outline]:hover,._button_1c0tl_1[data-variant=dotted]:hover,._button_1c0tl_1[data-variant=text]:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-default)}._button_1c0tl_1[data-variant=outline]:active,._button_1c0tl_1[data-variant=dotted]:active,._button_1c0tl_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}._button_1c0tl_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1c0tl_1:focus-visible *{--_ds--focus: }

package/dist/assets/ButtonIcon.css

@@ -1 +1 @@
-._icon_ablit_1{display:flex;align-items:center;justify-content:center}._icon_ablit_1[data-size=xs]{font-size:1rem}._icon_ablit_1[data-size=sm]{font-size:1.25rem}._icon_ablit_1[data-size=md]{font-size:1.5rem}._icon_ablit_1[data-size=lg]{font-size:1.625rem}
+._icon_n7bze_1{display:flex;align-items:center;justify-content:center}._icon_n7bze_1[data-size=xs]{font-size:1.25rem}._icon_n7bze_1[data-size=sm]{font-size:1.375rem}._icon_n7bze_1[data-size=md]{font-size:1.5rem}._icon_n7bze_1[data-size=lg]{font-size:1.625rem}

package/dist/assets/ButtonLabel.css

@@ -1 +1 @@
-._label_1ahnm_1{line-height:1;font-weight:500;padding:0 .25em;white-space:nowrap}._label_1ahnm_1[data-size=xs]{font-size:.75rem;padding:0 .5em}._label_1ahnm_1[data-size=sm]{font-size:.875rem}._label_1ahnm_1[data-size=md]{font-size:1rem}._label_1ahnm_1[data-size=lg]{font-size:1.125rem}
+._label_1v8cl_1{line-height:1;font-weight:500;padding:0 .25em;white-space:nowrap}._label_1v8cl_1[data-size=xs]{font-size:.875rem}._label_1v8cl_1[data-size=sm]{font-size:1rem}._label_1v8cl_1[data-size=md]{font-size:1.125rem}._label_1v8cl_1[data-size=lg]{font-size:1.25rem}

package/dist/assets/ComboButton.css

@@ -1 +1 @@
-._button_tbm58_1{display:inline-flex;flex-direction:row-reverse;align-items:center;border-radius:2px}._divider_tbm58_8{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_tbm58_15,._secondary_tbm58_16{display:inline-flex;align-items:center;border:none}._primary_tbm58_15[data-size=sm],._secondary_tbm58_16[data-size=sm]{padding:0 .375rem}._primary_tbm58_15[data-size=md],._secondary_tbm58_16[data-size=md]{padding:0 .5rem}._primary_tbm58_15[data-size=lg],._secondary_tbm58_16[data-size=lg]{padding:0 .625rem}
+._button_d26a8_1{display:inline-flex;flex-direction:row;align-items:center}._divider_d26a8_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_d26a8_14,._secondary_d26a8_15{display:inline-flex;align-items:center;border:none}._primary_d26a8_14[data-size=xs],._secondary_d26a8_15[data-size=xs]{padding:0 .375rem}._primary_d26a8_14[data-size=sm],._secondary_d26a8_15[data-size=sm]{padding:0 .5rem}._primary_d26a8_14[data-size=md],._secondary_d26a8_15[data-size=md]{padding:0 .625rem}._primary_d26a8_14[data-size=lg],._secondary_d26a8_15[data-size=lg]{padding:0 .75rem}

package/dist/assets/IconButton.css

@@ -1 +1 @@
-._button_118jo_1{display:flex;align-items:center;justify-content:center;border-radius:2px}._icon_118jo_8{font-size:1.5rem}._button_118jo_1[data-size=sm]{width:1.875rem;height:1.875rem}._button_118jo_1[data-size=sm]{width:2.25rem;height:2.25rem}._button_118jo_1[data-size=md]{width:2.75rem;height:2.75rem}._button_118jo_1[data-size=lg]{width:3.5rem;height:3.5rem}
+._button_hmev5_1{display:flex;align-items:center;justify-content:center;border-radius:2px}._button_hmev5_1[data-size=xs]{width:2.25rem;height:2.25rem}._button_hmev5_1[data-size=sm]{width:2.625rem;height:2.625rem}._button_hmev5_1[data-size=md]{width:3rem;height:3rem}._button_hmev5_1[data-size=lg]{width:3.5rem;height:3.5rem}

package/dist/assets/ListItemHeader.css

@@ -1 +1 @@
-._wrapper_1c93s_1{position:relative}._link_1c93s_5{position:absolute;top:0;right:0;bottom:0;left:0}._linkTitle_1c93s_10{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}._header_1c93s_16{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}._header_1c93s_16[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._header_1c93s_16[data-size=sm]{min-height:52px;padding:.5rem .625rem;column-gap:.5rem}._header_1c93s_16[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._header_1c93s_16[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._header_1c93s_16[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._content_1c93s_54{display:flex;align-items:center;column-gap:inherit}._header_1c93s_16[data-interactive=true]:hover{cursor:pointer}._header_1c93s_16[data-interactive=true]:hover ._content_1c93s_54 h2{text-decoration:underline}._header_1c93s_16[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._header_1c93s_16[data-interactive=true][data-theme=subtle]:hover{background-color:var(--ds-color-surface-hover)}._header_1c93s_16[data-interactive=true][data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._header_1c93s_16[data-interactive=true][data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-base-contrast-default)}
+._wrapper_e1z23_1{position:relative}._link_e1z23_5{position:absolute;top:0;right:0;bottom:0;left:0}._linkTitle_e1z23_10{opacity:0;-webkit-user-select:none;user-select:none;pointer-events:none}._header_e1z23_16{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between}._header_e1z23_16[data-size=xs]{min-height:44px;padding:.5rem .625rem;column-gap:.5rem}._header_e1z23_16[data-size=sm]{min-height:52px;padding:.3125rem .625rem;column-gap:.5rem}._header_e1z23_16[data-size=md]{min-height:64px;padding:.875rem;column-gap:.625rem}._header_e1z23_16[data-size=lg]{min-height:72px;padding:1rem;column-gap:.75rem}._header_e1z23_16[data-size=xl]{min-height:72px;padding:1.5rem;column-gap:1rem}._content_e1z23_54{display:flex;align-items:center;column-gap:inherit}._header_e1z23_16[data-interactive=true]:hover{cursor:pointer}._header_e1z23_16[data-interactive=true]:hover ._content_e1z23_54 h2{text-decoration:underline}._header_e1z23_16[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._header_e1z23_16[data-interactive=true][data-theme=subtle]:hover{background-color:var(--ds-color-surface-hover)}._header_e1z23_16[data-interactive=true][data-theme=surface]:hover{background-color:var(--ds-color-surface-active)}._header_e1z23_16[data-interactive=true][data-theme=base]:hover{background-color:var(--ds-color-base-hover);color:var(--ds-color-base-contrast-default)}

package/dist/assets/MenuItemLabel.css

@@ -1 +1 @@
-._label_1ehsf_1{display:flex;flex-direction:column;padding:0 .25rem}._title_1ehsf_7{font-weight:400}._title_1ehsf_7[data-weight=medium]{font-weight:500}._title_1ehsf_7[data-size=lg]{font-size:1.125rem;line-height:1.25}._title_1ehsf_7[data-size=md],._title_1ehsf_7[data-size=sm]{font-size:1rem;line-height:1.25}._description_1ehsf_30{font-size:.875rem;color:var(--ds-color-text-subtle)}
+._label_10xs5_1{display:flex;flex-direction:column;padding:0 .25rem}._label_10xs5_1[data-size=lg]{font-size:1.125rem}._label_10xs5_1[data-size=md],._label_10xs5_1[data-size=sm]{font-size:1rem}._title_10xs5_19{font-weight:400}._title_10xs5_19[data-weight=medium]{font-weight:500}._title_10xs5_19[data-size=lg]{font-size:1.125rem;line-height:1.25}._title_10xs5_19[data-size=md],._title_10xs5_19[data-size=sm]{font-size:1rem;line-height:1.25}._description_10xs5_42{font-size:.875rem;color:var(--ds-color-text-subtle)}

package/dist/components/Bookmarks/EditableBookmark.js

@@ -3,86 +3,87 @@ import { jsx as n, jsxs as u } from "react/jsx-runtime";
 import * as f from "react";
 import { forwardRef as h, useState as O } from "react";
 import "../../index-L8X2o7IH.js";
-import { BookmarksListItem as I } from "./BookmarksListItem.js";
+import { BookmarksListItem as x } from "./BookmarksListItem.js";
 import { Button as g } from "../Button/Button.js";
-import { IconButton as x } from "../Button/IconButton.js";
+import { IconButton as I } from "../Button/IconButton.js";
 import "../RootProvider/RootProvider.js";
 import "../Search/AutocompleteBase.js";
 import { QueryLabel as j } from "../Search/QueryLabel.js";
 import "../Snackbar/useSnackbar.js";
 import { Flex as S } from "../Page/Flex.js";
 import { Section as k } from "../Page/Section.js";
-import { TextField as E } from "../TextField/TextField.js";
-import { S as M } from "../../XMark-Bv1I87Ev.js";
-import { u as P } from "../../useId-CsCRkvK3.js";
-var R = function(t, l) {
+import { TextField as z } from "../Forms/TextField.js";
+import { S as E } from "../../XMark-Bv1I87Ev.js";
+import { u as M } from "../../useId-CsCRkvK3.js";
+var P = function(t, i) {
   var o = {};
-  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && l.indexOf(e) < 0 && (o[e] = t[e]);
+  for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && i.indexOf(e) < 0 && (o[e] = t[e]);
   if (t != null && typeof Object.getOwnPropertySymbols == "function")
     for (var r = 0, e = Object.getOwnPropertySymbols(t); r < e.length; r++)
-      l.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
+      i.indexOf(e[r]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[r]) && (o[e[r]] = t[e[r]]);
   return o;
 };
-const _ = h((t, l) => {
-  var { title: o, titleId: e } = t, r = R(t, ["title", "titleId"]);
-  let i = P();
-  return i = o ? e || "title-" + i : void 0, f.createElement(
+const R = h((t, i) => {
+  var { title: o, titleId: e } = t, r = P(t, ["title", "titleId"]);
+  let l = M();
+  return l = o ? e || "title-" + l : void 0, f.createElement(
     "svg",
-    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: l, "aria-labelledby": i }, r),
-    o ? f.createElement("title", { id: i }, o) : null,
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: i, "aria-labelledby": l }, r),
+    o ? f.createElement("title", { id: l }, o) : null,
     f.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M19.638 4.417a3.25 3.25 0 0 0-4.608-.008l-9.378 9.379a.75.75 0 0 0-.191.324l-1.414 4.95a.75.75 0 0 0 .925.927l4.94-1.398a.75.75 0 0 0 .327-.191l9.39-9.391a3.25 3.25 0 0 0 .01-4.592M16.091 5.47a1.752 1.752 0 1 1 2.478 2.478l-.23.23-2.477-2.479zM14.8 6.76 6.85 14.71l-.991 3.47 3.457-.979 7.963-7.963z", clipRule: "evenodd" })
   );
 }), K = ({
   id: t,
-  title: l,
+  title: i,
   untitled: o,
   params: e,
   expanded: r,
-  onToggle: i,
+  onToggle: l,
   titleField: c,
   saveButton: a,
   removeButton: m,
-  inputValue: p,
-  onChange: s,
+  inputValue: s,
+  onChange: p,
   expandIconAltText: b,
   ...y
 }) => {
   const [v, w] = O("");
   return /* @__PURE__ */ n(
-    I,
+    x,
     {
       ...y,
       expanded: r,
       id: t,
-      title: r ? l || o : l,
-      ariaLabel: l || o,
+      title: r ? i || o : i,
+      ariaLabel: i || o,
       params: e,
       controls: /* @__PURE__ */ n(
-        x,
+        I,
         {
           variant: "outline",
-          size: "sm",
-          icon: r ? M : _,
-          onClick: i,
+          size: "xs",
+          icon: r ? E : R,
+          onClick: l,
           iconAltText: b
         }
       ),
       children: /* @__PURE__ */ u(k, { padding: 4, spacing: 4, children: [
         /* @__PURE__ */ n(j, { params: e }),
         c && /* @__PURE__ */ n(
-          E,
+          z,
           {
             ...c,
+            size: "sm",
             name: "title",
-            value: typeof p == "string" ? p : v,
+            value: typeof s == "string" ? s : v,
             onChange: (d) => {
-              typeof s == "function" ? s(d) : w(d.target.value);
+              typeof p == "function" ? p(d) : w(d.target.value);
             }
           }
         ),
         (a || m) && /* @__PURE__ */ u(S, { as: "footer", direction: "row", spacing: 2, children: [
-          a && /* @__PURE__ */ n(g, { ...a }),
-          m && /* @__PURE__ */ n(g, { ...m, variant: "outline" })
+          a && /* @__PURE__ */ n(g, { ...a, size: "sm" }),
+          m && /* @__PURE__ */ n(g, { ...m, variant: "outline", size: "sm" })
         ] })
       ] })
     }

package/dist/components/Button/Button.js

@@ -1,57 +1,55 @@
-import { jsx as s, jsxs as B } from "react/jsx-runtime";
-import { c } from "../../index-L8X2o7IH.js";
-import { ButtonBase as d } from "./ButtonBase.js";
-import { ButtonIcon as h } from "./ButtonIcon.js";
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { c as d } from "../../index-L8X2o7IH.js";
+import { ButtonBase as e } from "./ButtonBase.js";
+import { ButtonIcon as x } from "./ButtonIcon.js";
 import { ButtonLabel as y } from "./ButtonLabel.js";
-import '../../assets/Button.css';const N = "_button_1ysmx_1", v = "_reverse_1ysmx_8", t = {
-  button: N,
-  reverse: v
-}, q = ({
-  variant: e = "solid",
-  color: o,
-  size: r = "md",
-  reverse: n = !1,
-  selected: a = !1,
-  icon: m,
-  href: l,
+import '../../assets/Button.css';const N = "_button_qyaf4_2", n = {
+  button: N
+}, I = ({
+  variant: a = "solid",
+  color: r,
+  size: t = "md",
+  selected: s = !1,
+  icon: l,
+  href: m,
   label: i,
   children: b,
-  className: p,
-  loading: f,
-  loadingText: x = "Loading ...",
-  ariaLabel: _,
-  ...u
-}) => f ? /* @__PURE__ */ s(
-  d,
+  className: u,
+  loading: p,
+  loadingText: f = "Loading ...",
+  ariaLabel: B,
+  ...c
+}) => p ? /* @__PURE__ */ o(
+  e,
   {
-    variant: e,
+    variant: a,
     "aria-busy": !0,
-    color: o,
-    size: r,
-    selected: a,
-    href: l,
-    className: c(t.button, { [t.reverse]: n }, p),
-    ...u,
+    color: r,
+    size: t,
+    selected: s,
+    href: m,
+    className: d(n.button, u),
+    ...c,
     disabled: !0,
-    children: /* @__PURE__ */ s("span", { className: t.label, "data-size": r, children: /* @__PURE__ */ s("span", { className: t.loading, children: x }) })
+    children: /* @__PURE__ */ o("span", { className: n.label, "data-size": t, children: /* @__PURE__ */ o("span", { className: n.loading, children: f }) })
   }
-) : /* @__PURE__ */ B(
-  d,
+) : /* @__PURE__ */ h(
+  e,
   {
-    variant: e,
-    color: o,
-    size: r,
-    ariaLabel: _,
-    selected: a,
-    href: l,
-    className: c(t.button, { [t.reverse]: n }),
-    ...u,
+    variant: a,
+    color: r,
+    size: t,
+    ariaLabel: B,
+    selected: s,
+    href: m,
+    className: d(n.button, u),
+    ...c,
     children: [
-      m && /* @__PURE__ */ s(h, { size: r, icon: m }),
-      /* @__PURE__ */ s(y, { size: r, children: b || i })
+      l && /* @__PURE__ */ o(x, { size: t, icon: l }),
+      /* @__PURE__ */ o(y, { size: t, children: b || i })
     ]
   }
 );
 export {
-  q as Button
+  I as Button
 };