@tedi-design-system/react 18.0.0-rc.30 → 18.0.0-rc.31

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 (32) hide show
  1. package/bundle-stats.html +1 -1
  2. package/index.css +1 -1
  3. package/package.json +2 -2
  4. package/src/community/components/layout/header/components/header-role/header-role.cjs.js +1 -1
  5. package/src/community/components/layout/header/components/header-role/header-role.es.js +1 -1
  6. package/src/community/components/layout/sidenav/sidenav.cjs.js +1 -1
  7. package/src/community/components/layout/sidenav/sidenav.es.js +1 -1
  8. package/src/community/components/vertical-stepper/step-item/step-item.cjs.js +1 -1
  9. package/src/community/components/vertical-stepper/step-item/step-item.es.js +1 -1
  10. package/src/tedi/components/buttons/collapse-button/collapse-button.cjs.js +1 -1
  11. package/src/tedi/components/buttons/collapse-button/collapse-button.es.js +31 -14
  12. package/src/tedi/components/content/collapse/collapse.cjs.js +1 -0
  13. package/src/tedi/components/{buttons → content}/collapse/collapse.d.ts +17 -0
  14. package/src/tedi/components/content/collapse/collapse.es.js +84 -0
  15. package/src/tedi/components/content/collapse/collapse.module.scss.cjs.js +1 -0
  16. package/src/tedi/components/content/collapse/collapse.module.scss.es.js +8 -0
  17. package/src/tedi/components/content/table/table.cjs.js +1 -1
  18. package/src/tedi/components/content/table/table.d.ts +6 -6
  19. package/src/tedi/components/content/table/table.es.js +125 -126
  20. package/src/tedi/components/layout/footer/footer-section/footer-section.cjs.js +1 -1
  21. package/src/tedi/components/layout/footer/footer-section/footer-section.es.js +12 -11
  22. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js +1 -1
  23. package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js +116 -120
  24. package/src/tedi/components/layout/sidenav/sidenav.module.scss.cjs.js +1 -1
  25. package/src/tedi/components/layout/sidenav/sidenav.module.scss.es.js +1 -1
  26. package/src/tedi/index.d.ts +1 -1
  27. package/tedi.cjs.js +1 -1
  28. package/tedi.es.js +1 -1
  29. package/src/tedi/components/buttons/collapse/collapse.cjs.js +0 -1
  30. package/src/tedi/components/buttons/collapse/collapse.es.js +0 -114
  31. package/src/tedi/components/buttons/collapse/collapse.module.scss.cjs.js +0 -1
  32. package/src/tedi/components/buttons/collapse/collapse.module.scss.es.js +0 -19
@@ -1,114 +0,0 @@
1
- import { jsx as t, jsxs as h } from "react/jsx-runtime";
2
- import n from "../../../../../external/classnames/index.es.js";
3
- import f from "react";
4
- import G from "../../../../../external/react-animate-height/dist/esm/index.es.js";
5
- import { usePrint as J } from "../../../providers/printing-provider/printing-provider.es.js";
6
- import { Icon as Q } from "../../base/icon/icon.es.js";
7
- import { Text as U } from "../../base/typography/text/text.es.js";
8
- import { Print as V } from "../../misc/print/print.es.js";
9
- import e from "./collapse.module.scss.es.js";
10
- import { useBreakpointProps as W } from "../../../helpers/hooks/use-breakpoint-props.es.js";
11
- import { useLabels as X } from "../../../providers/label-provider/use-labels.es.js";
12
- import { Row as P } from "../../layout/grid/row.es.js";
13
- import { Col as s } from "../../layout/grid/col.es.js";
14
- const pe = (w) => {
15
- const { getCurrentBreakpointProps: $ } = W(w.defaultServerBreakpoint), { getLabel: y } = X(), {
16
- id: r,
17
- children: g,
18
- className: B,
19
- openText: v = y("open"),
20
- closeText: x = y("close"),
21
- hideCollapseText: S = !1,
22
- title: c,
23
- titleRowProps: T,
24
- defaultOpen: j,
25
- open: d,
26
- onToggle: p,
27
- arrowType: a = "default",
28
- size: i = "default",
29
- underline: D = !0,
30
- toggleLabel: b,
31
- iconOnly: E = !1,
32
- controlsId: C,
33
- inverted: L = !1,
34
- ...M
35
- } = $(w), I = C !== void 0, m = `${r}__trigger`, u = `${r}__content`, R = `${r}__animate`, [N, z] = f.useState(() => j), _ = J(), o = f.useMemo(
36
- () => _ || (d !== void 0 ? d : N),
37
- [_, d, N]
38
- ), K = E === !0 && !c, A = L && a !== "secondary", H = n(
39
- e["tedi-collapse"],
40
- i === "small" && e["tedi-collapse--small"],
41
- o && e["tedi-collapse--is-open"],
42
- K && e["tedi-collapse--icon-only"],
43
- A && e["tedi-collapse--inverted"],
44
- e[`tedi-collapse--arrow-${a}`],
45
- B
46
- ), k = () => {
47
- const l = !o;
48
- z(l), p == null || p(l);
49
- }, q = (l) => {
50
- (l.key === "Enter" || l.key === " ") && !l.repeat && (l.preventDefault(), k());
51
- }, F = b || (o ? x : v), O = f.useMemo(
52
- () => /* @__PURE__ */ t("div", { id: u, role: "region", "aria-labelledby": m, className: e["tedi-collapse__content"], children: g }),
53
- [g, u, m]
54
- );
55
- return /* @__PURE__ */ h("div", { "data-name": "collapse", ...M, className: H, children: [
56
- /* @__PURE__ */ t(
57
- "button",
58
- {
59
- id: m,
60
- type: "button",
61
- "data-name": "collapse-trigger",
62
- className: e["tedi-collapse__title"],
63
- "aria-label": F,
64
- "aria-expanded": o,
65
- "aria-controls": I ? C : u,
66
- onKeyDown: q,
67
- onClick: k,
68
- children: /* @__PURE__ */ h(P, { justifyContent: "between", alignItems: "center", wrap: "nowrap", ...T, element: "span", children: [
69
- c && /* @__PURE__ */ t(s, { "aria-hidden": "true", children: c }),
70
- /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ h(P, { element: "span", alignItems: "center", gutter: 0, wrap: "nowrap", children: [
71
- /* @__PURE__ */ t(V, { visibility: "hide", children: /* @__PURE__ */ t(s, { width: "auto", className: n({ "visually-hidden": S }), children: /* @__PURE__ */ t(
72
- U,
73
- {
74
- element: "span",
75
- className: n(e["tedi-collapse__text"], {
76
- [e["tedi-collapse__text--underline"]]: D
77
- }),
78
- children: o ? x : v
79
- }
80
- ) }) }),
81
- /* @__PURE__ */ t(s, { width: "auto", children: /* @__PURE__ */ t(
82
- "div",
83
- {
84
- className: n(
85
- e["tedi-collapse__icon-wrapper"],
86
- e[`tedi-collapse__icon-wrapper--${a}`],
87
- i === "small" && e["tedi-collapse__icon-wrapper--small"]
88
- ),
89
- children: /* @__PURE__ */ t(
90
- Q,
91
- {
92
- className: n(
93
- e["tedi-collapse__icon"],
94
- e[`tedi-collapse__icon--${a}`],
95
- i === "small" && e["tedi-collapse__icon--small"]
96
- ),
97
- name: "expand_more",
98
- color: "inherit",
99
- size: i === "small" || a === "secondary" ? 18 : 24
100
- }
101
- )
102
- }
103
- ) })
104
- ] }) })
105
- ] })
106
- }
107
- ),
108
- !I && (_ ? O : /* @__PURE__ */ t(G, { id: R, duration: 300, height: o ? "auto" : 0, "data-testid": "collapse-inner", children: O }))
109
- ] });
110
- };
111
- export {
112
- pe as Collapse,
113
- pe as default
114
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-collapse__title":"tedi-collapse__title-3e140e5c","tedi-collapse__text":"tedi-collapse__text-d150fea1","tedi-collapse__text--underline":"tedi-collapse__text--underline-73ca86bd","tedi-collapse__icon-wrapper":"tedi-collapse__icon-wrapper-d2b036ea","tedi-collapse__icon":"tedi-collapse__icon-5156e480","tedi-collapse__icon-wrapper--secondary":"tedi-collapse__icon-wrapper--secondary-3321348a","tedi-collapse__icon--secondary":"tedi-collapse__icon--secondary-f0f3125f","tedi-collapse__icon--default":"tedi-collapse__icon--default-9c7e19e4","tedi-collapse__icon-wrapper--default":"tedi-collapse__icon-wrapper--default-450808b2","tedi-collapse__icon-wrapper--small":"tedi-collapse__icon-wrapper--small-65e6d09a","tedi-collapse--icon-only":"tedi-collapse--icon-only-335962f8","tedi-collapse__content":"tedi-collapse__content-350b91f8","tedi-collapse--is-open":"tedi-collapse--is-open-b34b11c3","tedi-collapse--inverted":"tedi-collapse--inverted-bd2d0e21"};exports.default=e;
@@ -1,19 +0,0 @@
1
- const e = {
2
- "tedi-collapse__title": "tedi-collapse__title-3e140e5c",
3
- "tedi-collapse__text": "tedi-collapse__text-d150fea1",
4
- "tedi-collapse__text--underline": "tedi-collapse__text--underline-73ca86bd",
5
- "tedi-collapse__icon-wrapper": "tedi-collapse__icon-wrapper-d2b036ea",
6
- "tedi-collapse__icon": "tedi-collapse__icon-5156e480",
7
- "tedi-collapse__icon-wrapper--secondary": "tedi-collapse__icon-wrapper--secondary-3321348a",
8
- "tedi-collapse__icon--secondary": "tedi-collapse__icon--secondary-f0f3125f",
9
- "tedi-collapse__icon--default": "tedi-collapse__icon--default-9c7e19e4",
10
- "tedi-collapse__icon-wrapper--default": "tedi-collapse__icon-wrapper--default-450808b2",
11
- "tedi-collapse__icon-wrapper--small": "tedi-collapse__icon-wrapper--small-65e6d09a",
12
- "tedi-collapse--icon-only": "tedi-collapse--icon-only-335962f8",
13
- "tedi-collapse__content": "tedi-collapse__content-350b91f8",
14
- "tedi-collapse--is-open": "tedi-collapse--is-open-b34b11c3",
15
- "tedi-collapse--inverted": "tedi-collapse--inverted-bd2d0e21"
16
- };
17
- export {
18
- e as default
19
- };