@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.
- package/dist/accordion/accordion-item.js +1 -1
- package/dist/alert/alert.js +1 -1
- package/dist/alert/variants.js +1 -1
- package/dist/atoms/Button.js +1 -1
- package/dist/atoms/heading/styles.js +1 -1
- package/dist/atoms/storybook/Heading.meta.d.ts +1 -1
- package/dist/atoms/storybook/Heading.meta.js +4 -4
- package/dist/atoms/storybook/Icons.meta.d.ts +1 -1
- package/dist/atoms/storybook/Icons.meta.js +7 -7
- package/dist/atoms/storybook/InsetText.meta.d.ts +1 -1
- package/dist/atoms/storybook/InsetText.meta.js +1 -1
- package/dist/atoms/storybook/Logos.meta.d.ts +1 -1
- package/dist/atoms/storybook/Logos.meta.js +1 -1
- package/dist/autocomplete/autocomplete.js +1 -1
- package/dist/autocomplete/use-autocomplete-controller.js +2 -2
- package/dist/browser-support/browser-support.js +202 -30
- package/dist/chip/chip.js +1 -1
- package/dist/data-table/data-table-footer.js +2 -2
- package/dist/data-table/data-table-header.js +1 -1
- package/dist/data-table/data-table-selected-rows.js +1 -1
- package/dist/data-table/editable-table-cell.js +1 -1
- package/dist/details/details.js +13 -16
- package/dist/drawer/drawer.js +1 -1
- package/dist/error-text/error-text.js +1 -1
- package/dist/header/header-legacy.js +6 -6
- package/dist/header/header-next/header-next.js +3 -3
- package/dist/header/variants.js +1 -1
- package/dist/hint-text/hint-text.js +1 -1
- package/dist/i18n/config.js +2 -2
- package/dist/i18n/utility.js +1 -1
- package/dist/{i18nInstance-AYICsHJu.js → i18nInstance-DiZ0lVPL.js} +2 -2
- package/dist/i18next-zBkzxGW1.js +1388 -0
- package/dist/{index-CB-zPpNk.js → index-C7W4ssMN.js} +1 -1
- package/dist/index-DqBV2TCd.js +23108 -0
- package/dist/index.js +1 -1
- package/dist/label/label.js +1 -1
- package/dist/{lodash-82PmXrjJ.js → lodash-DTZaBYO8.js} +289 -272
- package/dist/modal/modal.content.js +1 -1
- package/dist/pagination/pagination.js +59 -56
- package/dist/progress-stepper/progress-stepper.js +1 -1
- package/dist/select/select-native.js +1 -1
- package/dist/spinner/spinner.js +1 -1
- package/dist/stack/stack.js +2 -2
- package/dist/styles.css +1 -1
- package/dist/table/table.js +1 -1
- package/dist/tabs/variants.js +1 -1
- package/dist/toast/ds-toast.js +1 -1
- package/dist/tooltip/variants.js +1 -1
- package/dist/{useTranslation-DiBQuy8S.js → useTranslation-CRbS3UeG.js} +94 -85
- package/package.json +14 -7
- package/dist/i18next-Bfi2-LyH.js +0 -1370
- package/dist/index-Bh2cTIps.js +0 -33899
package/dist/details/details.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as t, jsx as
|
|
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
|
|
5
|
-
import { Icon as
|
|
6
|
-
const w = ({ label:
|
|
7
|
-
const s = g(null), [e,
|
|
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 &&
|
|
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
|
-
|
|
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:
|
|
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__ */
|
|
37
|
-
/* @__PURE__ */
|
|
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__ */
|
|
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
|
-
}, _ =
|
|
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 {
|
package/dist/drawer/drawer.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
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";
|
|
@@ -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 {
|
|
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:
|
|
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:
|
|
152
|
-
/* @__PURE__ */ c("div", { className:
|
|
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(
|
|
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:
|
|
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 {
|
|
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:
|
|
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:
|
|
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
|
package/dist/header/variants.js
CHANGED
package/dist/i18n/config.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { u as e, i as s } from "../i18next-
|
|
2
|
-
import { s as n, a } from "../i18nInstance-
|
|
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) {
|
package/dist/i18n/utility.js
CHANGED