@ogcio/design-system-react 1.33.0 → 1.34.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 (52) hide show
  1. package/dist/accordion/accordion-item.js +1 -1
  2. package/dist/alert/alert.js +1 -1
  3. package/dist/alert/variants.js +1 -1
  4. package/dist/atoms/Button.js +1 -1
  5. package/dist/atoms/heading/styles.js +1 -1
  6. package/dist/atoms/storybook/Heading.meta.d.ts +1 -1
  7. package/dist/atoms/storybook/Heading.meta.js +4 -4
  8. package/dist/atoms/storybook/Icons.meta.d.ts +1 -1
  9. package/dist/atoms/storybook/Icons.meta.js +7 -7
  10. package/dist/atoms/storybook/InsetText.meta.d.ts +1 -1
  11. package/dist/atoms/storybook/InsetText.meta.js +1 -1
  12. package/dist/atoms/storybook/Logos.meta.d.ts +1 -1
  13. package/dist/atoms/storybook/Logos.meta.js +1 -1
  14. package/dist/autocomplete/autocomplete.js +1 -1
  15. package/dist/autocomplete/use-autocomplete-controller.js +2 -2
  16. package/dist/browser-support/browser-support.js +202 -30
  17. package/dist/chip/chip.js +1 -1
  18. package/dist/data-table/data-table-footer.js +2 -2
  19. package/dist/data-table/data-table-header.js +1 -1
  20. package/dist/data-table/data-table-selected-rows.js +1 -1
  21. package/dist/data-table/editable-table-cell.js +1 -1
  22. package/dist/details/details.js +13 -16
  23. package/dist/drawer/drawer.js +1 -1
  24. package/dist/error-text/error-text.js +1 -1
  25. package/dist/header/header-legacy.js +6 -6
  26. package/dist/header/header-next/header-next.js +3 -3
  27. package/dist/header/variants.js +1 -1
  28. package/dist/hint-text/hint-text.js +1 -1
  29. package/dist/i18n/config.js +2 -2
  30. package/dist/i18n/utility.js +1 -1
  31. package/dist/{i18nInstance-AYICsHJu.js → i18nInstance-DiZ0lVPL.js} +2 -2
  32. package/dist/i18next-zBkzxGW1.js +1388 -0
  33. package/dist/{index-CB-zPpNk.js → index-C7W4ssMN.js} +1 -1
  34. package/dist/index-DqBV2TCd.js +23108 -0
  35. package/dist/index.js +1 -1
  36. package/dist/label/label.js +1 -1
  37. package/dist/{lodash-82PmXrjJ.js → lodash-DTZaBYO8.js} +289 -272
  38. package/dist/modal/modal.content.js +1 -1
  39. package/dist/pagination/pagination.js +59 -56
  40. package/dist/progress-stepper/progress-stepper.js +1 -1
  41. package/dist/select/select-native.js +1 -1
  42. package/dist/spinner/spinner.js +1 -1
  43. package/dist/stack/stack.js +2 -2
  44. package/dist/styles.css +1 -1
  45. package/dist/table/table.js +1 -1
  46. package/dist/tabs/variants.js +1 -1
  47. package/dist/toast/ds-toast.js +1 -1
  48. package/dist/tooltip/variants.js +1 -1
  49. package/dist/{useTranslation-DiBQuy8S.js → useTranslation-CRbS3UeG.js} +94 -85
  50. package/package.json +14 -7
  51. package/dist/i18next-Bfi2-LyH.js +0 -1370
  52. package/dist/index-Bh2cTIps.js +0 -33899
@@ -1,25 +1,25 @@
1
1
  "use client";
2
- import { jsxs as t, jsx as o } from "react/jsx-runtime";
2
+ import { jsxs as t, jsx as a } from "react/jsx-runtime";
3
3
  import { useRef as g, useState as u, useEffect as f } from "react";
4
- import { c as p } from "../index-CB-zPpNk.js";
5
- import { Icon as m } from "../icon/icon.js";
6
- const w = ({ label: n, name: l, children: d, ...c }) => {
7
- const s = g(null), [e, a] = u(!1);
4
+ import { c as m } from "../index-C7W4ssMN.js";
5
+ import { Icon as p } from "../icon/icon.js";
6
+ const w = ({ label: l, name: n, children: d, ...c }) => {
7
+ const s = g(null), [e, o] = u(!1);
8
8
  return f(() => {
9
9
  var i, r;
10
- ((i = s.current) == null ? void 0 : i.open) !== e && a(((r = s.current) == null ? void 0 : r.open) ?? !1);
10
+ ((i = s.current) == null ? void 0 : i.open) !== e && o(((r = s.current) == null ? void 0 : r.open) ?? !1);
11
11
  }, []), /* @__PURE__ */ t(
12
12
  "details",
13
13
  {
14
14
  ref: s,
15
15
  onToggle: () => {
16
16
  var i;
17
- a(((i = s.current) == null ? void 0 : i.open) ?? !1);
17
+ o(((i = s.current) == null ? void 0 : i.open) ?? !1);
18
18
  },
19
19
  "data-testid": "govie-details",
20
20
  className: "gi-block gi-text-md gi-text-gray-950",
21
21
  "data-module": "gi-details",
22
- name: l,
22
+ name: n,
23
23
  "aria-expanded": e ? "true" : "false",
24
24
  "aria-details": "details-content",
25
25
  ...c,
@@ -33,12 +33,12 @@ const w = ({ label: n, name: l, children: d, ...c }) => {
33
33
  "aria-controls": "details-content",
34
34
  "aria-expanded": e ? "true" : "false",
35
35
  children: [
36
- /* @__PURE__ */ o(m, { icon: e ? "keyboard_arrow_up" : "keyboard_arrow_down" }),
37
- /* @__PURE__ */ o("span", { className: "gi-underline gi-underline-offset-[0.1rem]", children: n })
36
+ /* @__PURE__ */ a(p, { icon: e ? "keyboard_arrow_up" : "keyboard_arrow_down" }),
37
+ /* @__PURE__ */ a("span", { className: "gi-underline", children: l })
38
38
  ]
39
39
  }
40
40
  ),
41
- /* @__PURE__ */ o(
41
+ /* @__PURE__ */ a(
42
42
  "div",
43
43
  {
44
44
  id: "details-content",
@@ -50,7 +50,7 @@ const w = ({ label: n, name: l, children: d, ...c }) => {
50
50
  ]
51
51
  }
52
52
  );
53
- }, _ = p({
53
+ }, _ = m({
54
54
  base: [
55
55
  "gi-flex",
56
56
  "gi-items-center",
@@ -64,10 +64,7 @@ const w = ({ label: n, name: l, children: d, ...c }) => {
64
64
  "focus-visible:gi-shadow-[0_0_0_2px_var(--gieds-color-gray-950),0_0_0_5px_var(--gieds-color-yellow-400)]",
65
65
  "focus-visible:gi-outline-none",
66
66
  "[&:focus>span]:gi-no-underline",
67
- "[&:focus>span]:gi-select-none",
68
- "[&:hover>span]:gi-underline-offset-[0.1rem]",
69
- "[&:hover>span]:[text-decoration-thickness:max(3px)]",
70
- "[&:hover>span]:[text-decoration-skip-ink:none]"
67
+ "[&:focus>span]:gi-select-none"
71
68
  ]
72
69
  });
73
70
  export {
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- import { jsx as a, jsxs as x, Fragment as C } from "react/jsx-runtime";
2
+ import { jsxs as x, Fragment as C, jsx as a } from "react/jsx-runtime";
3
3
  import { useState as D, cloneElement as O } from "react";
4
4
  import { cn as l } from "../cn.js";
5
5
  import { ModalBody as u, ModalFooter as j, ModalWrapper as v } from "../modal/modal.js";
@@ -1,5 +1,5 @@
1
1
  import { jsx as m } from "react/jsx-runtime";
2
- import { c as s } from "../index-CB-zPpNk.js";
2
+ import { c as s } from "../index-C7W4ssMN.js";
3
3
  const l = {
4
4
  Small: "sm",
5
5
  Medium: "md",
@@ -14,7 +14,7 @@ import u from "../primitives/anchor.js";
14
14
  import { MobileHeaderMenuItems as E } from "./components/header-menu.js";
15
15
  import { SlotContainer as G, SlotItemAction as B } from "./components/header-slot.js";
16
16
  import { attachEventsToItemActionTriggers as F } from "./helper.js";
17
- import { headerVariants as O, headerMenuVariants as P, headerLogoVariants as U, headerTitleVariants as W, headerSecondaryLinksVariants as q, headerDividerVariants as z, headerToolItemVariants as p, headerSecondaryLinkItemVariants as J, headerSecondaryLinkSlotItemVariants as K } from "./variants.js";
17
+ import { headerLogoVariants as O, headerTitleVariants as P, headerMenuVariants as U, headerSecondaryLinksVariants as W, headerVariants as q, headerDividerVariants as z, headerToolItemVariants as p, headerSecondaryLinkItemVariants as J, headerSecondaryLinkSlotItemVariants as K } from "./variants.js";
18
18
  function S({ logo: r, appearance: n = "default" }) {
19
19
  const t = {
20
20
  harp: {
@@ -138,7 +138,7 @@ function fe({
138
138
  {
139
139
  id: "GovieHeader",
140
140
  "aria-label": h("header.siteHeader", { defaultValue: "Site Header" }),
141
- className: O({ appearance: i }),
141
+ className: q({ appearance: i }),
142
142
  "data-testid": L,
143
143
  ...V,
144
144
  children: [
@@ -148,8 +148,8 @@ function fe({
148
148
  id: "HeaderContainer",
149
149
  className: "gi-order-2",
150
150
  fullWidth: s,
151
- children: /* @__PURE__ */ c("div", { className: P({ appearance: i }), children: [
152
- /* @__PURE__ */ c("div", { className: U({ appearance: i }), children: [
151
+ children: /* @__PURE__ */ c("div", { className: U({ appearance: i }), children: [
152
+ /* @__PURE__ */ c("div", { className: O({ appearance: i }), children: [
153
153
  (t == null ? void 0 : t.href) && /* @__PURE__ */ e(
154
154
  u,
155
155
  {
@@ -167,7 +167,7 @@ function fe({
167
167
  /* @__PURE__ */ e(
168
168
  "div",
169
169
  {
170
- className: k(W({ appearance: i }), {
170
+ className: k(P({ appearance: i }), {
171
171
  "gi-hidden": !M
172
172
  }),
173
173
  children: r
@@ -193,7 +193,7 @@ function fe({
193
193
  ] })
194
194
  }
195
195
  ),
196
- l && /* @__PURE__ */ e("div", { className: q({ appearance: i }), children: /* @__PURE__ */ e(
196
+ l && /* @__PURE__ */ e("div", { className: W({ appearance: i }), children: /* @__PURE__ */ e(
197
197
  y,
198
198
  {
199
199
  className: "gi-flex gi-justify-end gi-items-center",
@@ -5,7 +5,7 @@ import { cn as g } from "../../cn.js";
5
5
  import { Container as x } from "../../container/container.js";
6
6
  import { translate as T } from "../../i18n/utility.js";
7
7
  import { isSpecialComponent as L, getSpecialComponentType as P } from "../../utils/utilities.js";
8
- import { headerVariants as V, headerMenuVariants as j, headerSlotContainerVariants as v } from "../variants.js";
8
+ import { headerMenuVariants as V, headerVariants as j, headerSlotContainerVariants as v } from "../variants.js";
9
9
  import { HeaderProvider as w } from "./header-context.js";
10
10
  const A = M(
11
11
  ({
@@ -38,11 +38,11 @@ const A = M(
38
38
  role: "banner",
39
39
  "aria-labelledby": c,
40
40
  "aria-label": b,
41
- className: V({ appearance: e, className: l }),
41
+ className: j({ appearance: e, className: l }),
42
42
  "data-variant": e,
43
43
  ...p,
44
44
  children: [
45
- /* @__PURE__ */ d(x, { className: "gi-order-2", fullWidth: r, children: /* @__PURE__ */ i("div", { className: j({ appearance: e }), children: [
45
+ /* @__PURE__ */ d(x, { className: "gi-order-2", fullWidth: r, children: /* @__PURE__ */ i("div", { className: V({ appearance: e }), children: [
46
46
  H,
47
47
  f,
48
48
  u
@@ -1,4 +1,4 @@
1
- import { c as a } from "../index-CB-zPpNk.js";
1
+ import { c as a } from "../index-C7W4ssMN.js";
2
2
  const e = {
3
3
  default: "gi-text-white gi-stroke-white",
4
4
  light: "gi-text-gray-950"
@@ -1,5 +1,5 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { c as o } from "../index-CB-zPpNk.js";
2
+ import { c as o } from "../index-C7W4ssMN.js";
3
3
  const n = {
4
4
  Small: "sm",
5
5
  Medium: "md",
@@ -1,5 +1,5 @@
1
- import { u as e, i as s } from "../i18next-Bfi2-LyH.js";
2
- import { s as n, a } from "../i18nInstance-AYICsHJu.js";
1
+ import { u as e, i as s } from "../i18next-zBkzxGW1.js";
2
+ import { s as n, a } from "../i18nInstance-DiZ0lVPL.js";
3
3
  const r = {
4
4
  type: "3rdParty",
5
5
  init(t) {
@@ -1,4 +1,4 @@
1
- import { i as e, t } from "../i18next-Bfi2-LyH.js";
1
+ import { i as e, t } from "../i18next-zBkzxGW1.js";
2
2
  const u = (a, r) => e.isInitialized ? t(a, r) : (r == null ? void 0 : r.defaultValue) || a;
3
3
  export {
4
4
  u as translate
@@ -43,8 +43,8 @@ const c = (t) => {
43
43
  }, u = () => e;
44
44
  export {
45
45
  c as a,
46
- r as b,
47
- u as g,
46
+ u as b,
47
+ r as g,
48
48
  l as s,
49
49
  p as u
50
50
  };