@tedi-design-system/react 14.2.0-rc.3 → 14.2.0-rc.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "14.2.0-rc.3",
+  "version": "14.2.0-rc.5",
   "type": "module",
   "sideEffects": false,
   "exports": {
@@ -43,7 +43,7 @@
     "@mui/material": "^5.15.13",
     "@mui/x-date-pickers": "^5.0.20",
     "@tanstack/react-table": "^8.13.2",
-    "@tedi-design-system/core": "^2.0.0",
+    "@tedi-design-system/core": "2.1.0",
     "classnames": "^2.5.1",
     "draft-js": "^0.11.7",
     "draftjs-md-converter": "^1.5.2",
@@ -58,29 +58,25 @@
     "yup": "^1.4.0"
   },
   "peerDependencies": {
+    "dayjs": "^1.11.10",
     "react": "18.3.1 || ^19.0.0",
-    "react-dom": "18.3.1 || ^19.0.0",
-    "dayjs": "^1.11.10"
+    "react-dom": "18.3.1 || ^19.0.0"
   },
   "devDependencies": {
-    "@commitlint/cli": "^19.8.1",
-    "@commitlint/config-conventional": "^20.0.0",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.0",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.1",
-    "husky": "^9.0.11",
-    "lint-staged": "^16.1.6",
-    "semantic-release": "^24.2.7",
-    "typescript": "5.9.2",
     "@avalane/storybook-addon-status": "^5.0.1",
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^20.0.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
     "@faker-js/faker": "^8.4.1",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/npm": "^12.0.1",
     "@storybook/addon-a11y": "8.4.2",
     "@storybook/addon-designs": "^8.2.1",
     "@storybook/addon-essentials": "8.4.2",
@@ -125,15 +121,19 @@
     "eslint-plugin-simple-import-sort": "^12.1.1",
     "eslint-plugin-storybook": "^0.11.0",
     "eslint-plugin-unused-imports": "^4.1.4",
+    "husky": "^9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "linkify-string": "^4.1.3",
+    "lint-staged": "^16.1.6",
     "next": "^14.1.3",
     "prettier": "^2.8.8",
     "replace-in-file": "^7.1.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-visualizer": "^6.0.5",
     "sass": "^1.83.1",
+    "semantic-release": "^24.2.7",
     "showdown": "^2.1.0",
     "storybook": "8.4.2",
     "storybook-addon-pseudo-states": "^4.0.2",
@@ -145,6 +145,7 @@
     "ts-jest": "29.1.2",
     "ts-node": "^10.9.2",
     "tslib": "^2.3.0",
+    "typescript": "5.9.2",
     "typescript-plugin-css-modules": "^5.1.0",
     "vite": "^5.4.11",
     "vite-plugin-checker": "^0.6.4",

package/src/community/components/stepper/step.d.ts

@@ -25,6 +25,12 @@ export interface StepProps {
      * Mark the step as completed
      */
     completed?: boolean;
+    /**
+     * Show completed icon next to the step label
+     * When true, a checkmark icon is displayed next to the step label even when the step is not marked as completed.
+     * @default false
+     */
+    showCompletedIcon?: boolean;
 }
 export declare const Step: (props: StepProps) => JSX.Element | null;
 export default Step;

package/src/community/components/stepper/stepper-nav.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),u=require("../../../../external/classnames/index.cjs.js"),M=require("react"),g=require("../icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),I=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),w=require("../../helpers/hooks/use-layout.cjs.js"),m=v=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:b,completedLabel:f=p("stepper.completed"),notCompletedLabel:x=p("stepper.not-completed")}=v,_=w.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:h,allowStepLabelClick:l}=M.useContext(I.StepperContext),N=c.filter(e=>e.completed).map(e=>e.index),j=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...N)+1)),S=e=>{const{label:o,completed:a,index:n,id:L}=e,r=n===i,y=n<=i,d=j(e),q=u.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:d},{[s.default["stepper__nav-item--active"]]:y},{[s.default["stepper__nav-item--completed"]]:a}),C=u.default(s.default["stepper__nav-item-label"],{"visually-hidden":_&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":L,className:s.default["stepper__nav-item-inner"],onClick:()=>h(n),disabled:d,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[a&&t.jsx(g.Icon,{name:"done",size:18}),!a&&n+1]}),t.jsx("span",{className:C,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:f}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:x})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":b,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(S,{...e},o))})})};exports.StepperNav=m;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("../../../../external/classnames/index.cjs.js"),I=require("react"),g=require("../icon/icon.cjs.js"),s=require("./stepper.module.scss.cjs.js"),w=require("./stepper-context.cjs.js"),k=require("../../../tedi/providers/label-provider/use-labels.cjs.js"),A=require("../../helpers/hooks/use-layout.cjs.js"),v=b=>{const{getLabel:p}=k.useLabels(),{items:c,ariaLabel:f,completedLabel:x=p("stepper.completed"),notCompletedLabel:_=p("stepper.not-completed")}=b,h=A.useLayout(["mobile"]),{activeStep:i,handleActiveStepChange:N,allowStepLabelClick:l}=I.useContext(w.StepperContext),j=c.filter(e=>e.completed).map(e=>e.index),S=e=>typeof l=="boolean"?!l:l==="completed"?!e.completed:!(l==="completed-or-next"&&(e.completed||e.index===i+1||e.index===Math.max(...j)+1)),L=e=>{const{label:o,completed:a,index:n,id:y,showCompletedIcon:d}=e,r=n===i,C=n<=i,u=S(e),q=m.default(s.default["stepper__nav-item"],{[s.default["stepper__nav-item--disabled"]]:u},{[s.default["stepper__nav-item--active"]]:C},{[s.default["stepper__nav-item--completed"]]:a}),M=m.default(s.default["stepper__nav-item-label"],{"visually-hidden":h&&!r});return t.jsxs("li",{className:q,children:[t.jsxs("button",{type:"button",role:"tab","aria-selected":r,"aria-controls":y,className:s.default["stepper__nav-item-inner"],onClick:()=>N(n),disabled:u,children:[t.jsxs("span",{className:s.default["stepper__nav-item-counter"],children:[(a||d)&&t.jsx(g.Icon,{name:"done",size:18}),!a&&!d&&n+1]}),t.jsx("span",{className:M,children:o}),a&&t.jsx("span",{className:"visually-hidden",children:x}),!a&&!r&&t.jsx("span",{className:"visually-hidden",children:_})]}),r&&t.jsx("span",{className:s.default["stepper__nav-item-arrow"]})]})};return t.jsx("nav",{role:"tablist","aria-label":f,children:t.jsx("ol",{className:s.default.stepper__nav,children:c.map((e,o)=>t.jsx(L,{...e},o))})})};exports.StepperNav=v;exports.default=v;

package/src/community/components/stepper/stepper-nav.d.ts

@@ -15,6 +15,12 @@ export interface StepperNavItem {
      * The position of the step
      */
     index: number;
+    /**
+     * Show completed icon next to the step label
+     * When true, a checkmark icon is displayed next to the step label even when the step is not marked as completed.
+     * @default false
+     */
+    showCompletedIcon?: boolean;
 }
 export interface StepperNavProps {
     /**

package/src/community/components/stepper/stepper-nav.es.js

@@ -1,54 +1,54 @@
 import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import u from "../../../../external/classnames/index.es.js";
+import v from "../../../../external/classnames/index.es.js";
 import g from "react";
 import { Icon as j } from "../icon/icon.es.js";
 import t from "./stepper.module.scss.es.js";
 import { StepperContext as k } from "./stepper-context.es.js";
-import { useLabels as w } from "../../../tedi/providers/label-provider/use-labels.es.js";
-import { useLayout as A } from "../../helpers/hooks/use-layout.es.js";
-const H = (v) => {
-  const { getLabel: c } = w(), {
+import { useLabels as A } from "../../../tedi/providers/label-provider/use-labels.es.js";
+import { useLayout as B } from "../../helpers/hooks/use-layout.es.js";
+const J = (b) => {
+  const { getLabel: c } = A(), {
     items: m,
-    ariaLabel: b,
-    completedLabel: f = c("stepper.completed"),
-    notCompletedLabel: _ = c("stepper.not-completed")
-  } = v, h = A(["mobile"]), { activeStep: o, handleActiveStepChange: N, allowStepLabelClick: l } = g.useContext(k), x = m.filter((e) => e.completed).map((e) => e.index), S = (e) => typeof l == "boolean" ? !l : l === "completed" ? !e.completed : !(l === "completed-or-next" && (e.completed || e.index === o + 1 || e.index === Math.max(...x) + 1)), L = (e) => {
-    const { label: p, completed: s, index: r, id: y } = e, n = r === o, C = r <= o, d = S(e), I = u(
+    ariaLabel: f,
+    completedLabel: _ = c("stepper.completed"),
+    notCompletedLabel: h = c("stepper.not-completed")
+  } = b, N = B(["mobile"]), { activeStep: o, handleActiveStepChange: x, allowStepLabelClick: l } = g.useContext(k), S = m.filter((e) => e.completed).map((e) => e.index), L = (e) => typeof l == "boolean" ? !l : l === "completed" ? !e.completed : !(l === "completed-or-next" && (e.completed || e.index === o + 1 || e.index === Math.max(...S) + 1)), y = (e) => {
+    const { label: p, completed: s, index: r, id: C, showCompletedIcon: d } = e, n = r === o, I = r <= o, u = L(e), M = v(
       t["stepper__nav-item"],
-      { [t["stepper__nav-item--disabled"]]: d },
-      { [t["stepper__nav-item--active"]]: C },
+      { [t["stepper__nav-item--disabled"]]: u },
+      { [t["stepper__nav-item--active"]]: I },
       { [t["stepper__nav-item--completed"]]: s }
-    ), M = u(t["stepper__nav-item-label"], {
-      "visually-hidden": h && !n
+    ), w = v(t["stepper__nav-item-label"], {
+      "visually-hidden": N && !n
     });
-    return /* @__PURE__ */ i("li", { className: I, children: [
+    return /* @__PURE__ */ i("li", { className: M, children: [
       /* @__PURE__ */ i(
         "button",
         {
           type: "button",
           role: "tab",
           "aria-selected": n,
-          "aria-controls": y,
+          "aria-controls": C,
           className: t["stepper__nav-item-inner"],
-          onClick: () => N(r),
-          disabled: d,
+          onClick: () => x(r),
+          disabled: u,
           children: [
             /* @__PURE__ */ i("span", { className: t["stepper__nav-item-counter"], children: [
-              s && /* @__PURE__ */ a(j, { name: "done", size: 18 }),
-              !s && r + 1
+              (s || d) && /* @__PURE__ */ a(j, { name: "done", size: 18 }),
+              !s && !d && r + 1
             ] }),
-            /* @__PURE__ */ a("span", { className: M, children: p }),
-            s && /* @__PURE__ */ a("span", { className: "visually-hidden", children: f }),
-            !s && !n && /* @__PURE__ */ a("span", { className: "visually-hidden", children: _ })
+            /* @__PURE__ */ a("span", { className: w, children: p }),
+            s && /* @__PURE__ */ a("span", { className: "visually-hidden", children: _ }),
+            !s && !n && /* @__PURE__ */ a("span", { className: "visually-hidden", children: h })
           ]
         }
       ),
       n && /* @__PURE__ */ a("span", { className: t["stepper__nav-item-arrow"] })
     ] });
   };
-  return /* @__PURE__ */ a("nav", { role: "tablist", "aria-label": b, children: /* @__PURE__ */ a("ol", { className: t.stepper__nav, children: m.map((e, p) => /* @__PURE__ */ a(L, { ...e }, p)) }) });
+  return /* @__PURE__ */ a("nav", { role: "tablist", "aria-label": f, children: /* @__PURE__ */ a("ol", { className: t.stepper__nav, children: m.map((e, p) => /* @__PURE__ */ a(y, { ...e }, p)) }) });
 };
 export {
-  H as StepperNav,
-  H as default
+  J as StepperNav,
+  J as default
 };

package/src/community/components/stepper/stepper.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),_=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),R=require("../card/card-header/card-header.cjs.js"),w=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),l=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=l==null?void 0:l.map((e,i)=>t.cloneElement(e,{key:i,index:i,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,i)=>{const{label:L,completed:P,id:V}=e.props;return{label:L,completed:!!P,index:i,id:V}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=_.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(w.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(R.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),w=require("../../../../external/classnames/index.cjs.js"),t=require("react"),q=require("./step.cjs.js"),j=require("./stepper.module.scss.cjs.js"),H=require("./stepper-context.cjs.js"),g=require("./stepper-nav.cjs.js"),I=require("../card/card-header/card-header.cjs.js"),R=require("../card/card.cjs.js"),B=require("../card/card-content/card-content.cjs.js"),h=a=>{const{activeStep:n,defaultActiveStep:N,onActiveStepChange:s,allowStepLabelClick:p=!0,children:k,className:d,ariaLabel:u,completedLabel:m,notCompletedLabel:S,card:c}=a,[v,y]=t.useState(N||0),o=t.useCallback((e=a.activeStep)=>typeof e<"u",[a.activeStep]),C=t.useCallback(e=>{s==null||s(e),o(n)||y(e)},[n,o,s]),f=t.useMemo(()=>o(n)?n:v,[n,v,o]),i=t.Children.map(k,e=>t.isValidElement(e)&&e.type===q.Step?e:null),x=i==null?void 0:i.map((e,l)=>t.cloneElement(e,{key:l,index:l,...e.props})),b=()=>t.Children.toArray(a.children).filter(e=>t.isValidElement(e)&&e.type===q.Step).map((e,l)=>{const{label:L,completed:P,id:V,showCompletedIcon:_}=e.props;return{label:L,completed:!!P,index:l,id:V,showCompletedIcon:_}}),M=t.useMemo(()=>({activeStep:f,handleActiveStepChange:C,allowStepLabelClick:p}),[p,f,C]),A=w.default(j.default.stepper,d,{[j.default["stepper--card"]]:!!c}),E=()=>{if(c){const e=c===!0?{}:c;return r.jsxs(R.Card,{padding:1.5,...e,"data-name":"stepper",className:A,children:[r.jsx(I.CardHeader,{padding:0,background:"white",children:r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S})}),r.jsx(B.CardContent,{children:x})]})}return r.jsxs("div",{"data-name":"stepper",className:d,children:[r.jsx(g.StepperNav,{items:b(),ariaLabel:u,completedLabel:m,notCompletedLabel:S}),x]})};return r.jsx(H.StepperContext.Provider,{value:M,children:E()})};exports.Stepper=h;exports.default=h;

package/src/community/components/stepper/stepper.es.js

@@ -1,28 +1,28 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import w from "../../../../external/classnames/index.es.js";
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import _ from "../../../../external/classnames/index.es.js";
 import t from "react";
 import { Step as k } from "./step.es.js";
 import y from "./stepper.module.scss.es.js";
 import { StepperContext as B } from "./stepper-context.es.js";
 import { StepperNav as N } from "./stepper-nav.es.js";
 import { CardHeader as H } from "../card/card-header/card-header.es.js";
-import { Card as I } from "../card/card.es.js";
-import { CardContent as R } from "../card/card-content/card-content.es.js";
-const U = (o) => {
+import { Card as R } from "../card/card.es.js";
+import { CardContent as q } from "../card/card-content/card-content.es.js";
+const W = (a) => {
   const {
     activeStep: r,
     defaultActiveStep: x,
     onActiveStepChange: n,
-    allowStepLabelClick: c = !0,
+    allowStepLabelClick: i = !0,
     children: A,
     className: m,
     ariaLabel: d,
     completedLabel: u,
     notCompletedLabel: f,
     card: p
-  } = o, [C, E] = t.useState(x || 0), s = t.useCallback(
-    (e = o.activeStep) => typeof e < "u",
-    [o.activeStep]
+  } = a, [C, E] = t.useState(x || 0), s = t.useCallback(
+    (e = a.activeStep) => typeof e < "u",
+    [a.activeStep]
   ), S = t.useCallback(
     (e) => {
       n == null || n(e), s(r) || E(e);
@@ -31,20 +31,20 @@ const U = (o) => {
   ), v = t.useMemo(
     () => s(r) ? r : C,
     [r, C, s]
-  ), l = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = l == null ? void 0 : l.map((e, i) => t.cloneElement(e, {
-    key: i,
-    index: i,
+  ), c = t.Children.map(A, (e) => t.isValidElement(e) && e.type === k ? e : null), b = c == null ? void 0 : c.map((e, l) => t.cloneElement(e, {
+    key: l,
+    index: l,
     ...e.props
-  })), h = () => t.Children.toArray(o.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, i) => {
-    const { label: V, completed: j, id: _ } = e.props;
-    return { label: V, completed: !!j, index: i, id: _ };
+  })), h = () => t.Children.toArray(a.children).filter((e) => t.isValidElement(e) && e.type === k).map((e, l) => {
+    const { label: V, completed: j, id: w, showCompletedIcon: I } = e.props;
+    return { label: V, completed: !!j, index: l, id: w, showCompletedIcon: I };
   }), L = t.useMemo(
-    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: c }),
-    [c, v, S]
-  ), M = w(y.stepper, m, {
+    () => ({ activeStep: v, handleActiveStepChange: S, allowStepLabelClick: i }),
+    [i, v, S]
+  ), M = _(y.stepper, m, {
     [y["stepper--card"]]: !!p
-  }), P = () => p ? /* @__PURE__ */ g(I, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
-    /* @__PURE__ */ a(H, { padding: 0, background: "white", children: /* @__PURE__ */ a(
+  }), P = () => p ? /* @__PURE__ */ g(R, { padding: 1.5, ...p === !0 ? {} : p, "data-name": "stepper", className: M, children: [
+    /* @__PURE__ */ o(H, { padding: 0, background: "white", children: /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -53,9 +53,9 @@ const U = (o) => {
         notCompletedLabel: f
       }
     ) }),
-    /* @__PURE__ */ a(R, { children: b })
+    /* @__PURE__ */ o(q, { children: b })
   ] }) : /* @__PURE__ */ g("div", { "data-name": "stepper", className: m, children: [
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ o(
       N,
       {
         items: h(),
@@ -66,9 +66,9 @@ const U = (o) => {
     ),
     b
   ] });
-  return /* @__PURE__ */ a(B.Provider, { value: L, children: P() });
+  return /* @__PURE__ */ o(B.Provider, { value: L, children: P() });
 };
 export {
-  U as Stepper,
-  U as default
+  W as Stepper,
+  W as default
 };

package/src/tedi/index.d.ts

@@ -50,3 +50,4 @@ export * from './providers/label-provider';
 export * from './providers/style-provider/style-provider';
 export * from './providers/accessibility-provider/accessibility-provider';
 export * from './providers/accessibility-provider/use-declare-loader';
+export * from './providers/theme-provider/theme-provider';

package/src/tedi/providers/theme-provider/theme-provider.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),o=require("react"),r=["default","dark","rit"],n="tedi-theme--",t="tedi-theme",u=o.createContext({theme:"default",setTheme:()=>{}}),S=()=>o.useContext(u),h=({theme:s="default",children:a})=>{const[d,m]=o.useState(()=>(typeof document<"u"&&(localStorage.setItem(t,s),document.cookie=`${t}=${s};path=/;max-age=31536000`),s)),i=o.useCallback(e=>{if(!r.includes(e)||(m(e),typeof document>"u"))return;localStorage.setItem(t,e),document.cookie=`${t}=${e};path=/;max-age=31536000`;const c=document.documentElement;for(const l of r)c.classList.remove(`${n}${l}`);c.classList.add(`${n}${e}`)},[]);return f.jsx(u.Provider,{value:{theme:d,setTheme:i},children:a})};exports.ThemeProvider=h;exports.useTheme=S;

package/src/tedi/providers/theme-provider/theme-provider.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export type Theme = 'default' | 'dark' | 'rit';
+interface ThemeContextValue {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+}
+export declare const useTheme: () => ThemeContextValue;
+export declare const ThemeProvider: ({ theme: initialTheme, children, }: {
+    theme?: Theme;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/src/tedi/providers/theme-provider/theme-provider.es.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as i, createContext as E, useState as S, useCallback as $ } from "react";
+const c = ["default", "dark", "rit"], r = "tedi-theme--", e = "tedi-theme", n = E({
+  theme: "default",
+  setTheme: () => {
+  }
+}), x = () => i(n), A = ({
+  theme: o = "default",
+  children: a
+}) => {
+  const [d, m] = S(() => (typeof document < "u" && (localStorage.setItem(e, o), document.cookie = `${e}=${o};path=/;max-age=31536000`), o)), u = $((t) => {
+    if (!c.includes(t) || (m(t), typeof document > "u")) return;
+    localStorage.setItem(e, t), document.cookie = `${e}=${t};path=/;max-age=31536000`;
+    const s = document.documentElement;
+    for (const f of c)
+      s.classList.remove(`${r}${f}`);
+    s.classList.add(`${r}${t}`);
+  }, []);
+  return /* @__PURE__ */ l(n.Provider, { value: { theme: d, setTheme: u }, children: a });
+};
+export {
+  A as ThemeProvider,
+  x as useTheme
+};

package/tedi.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./src/tedi/components/base/typography/text/text.cjs.js"),n=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),s=require("./src/tedi/components/base/icon/icon.cjs.js"),c=require("./src/tedi/components/content/label/label.cjs.js"),u=require("./src/tedi/components/content/section/section.cjs.js"),a=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),l=require("./src/tedi/components/content/truncate/truncate.cjs.js"),d=require("./src/tedi/components/content/text-group/text-group.cjs.js"),p=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),q=require("./src/tedi/components/tags/tag/tag.cjs.js"),g=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),S=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),v=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),C=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),T=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),h=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),x=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),I=require("./src/tedi/components/navigation/link/link.cjs.js"),P=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),m=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),F=require("./src/tedi/components/form/search/search.cjs.js"),G=require("./src/tedi/components/form/radio/radio.cjs.js"),N=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),y=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),D=require("./src/tedi/components/form/select/select.cjs.js"),A=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),M=require("./src/tedi/components/misc/separator/separator.cjs.js"),H=require("./src/tedi/components/misc/print/print.cjs.js"),V=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),w=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),z=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),R=require("./src/tedi/components/misc/affix/affix.cjs.js"),U=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),W=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),t=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),E=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),j=require("./src/tedi/components/content/list/list.cjs.js"),O=require("./src/tedi/components/content/list/list-item.cjs.js"),_=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),J=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),K=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Q=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),X=require("./src/tedi/components/layout/grid/row.cjs.js"),Y=require("./src/tedi/components/layout/grid/col.cjs.js"),Z=require("./external/react-toastify/dist/react-toastify.esm.cjs.js"),$=require("./src/tedi/components/cards/card/card.cjs.js"),ee=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),re=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),te=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),oe=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),ie=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),ne=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),se=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),ce=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),ue=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),ae=require("./src/tedi/components/overlays/popover/popover.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),de=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),pe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),Se=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),be=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),ve=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),Ce=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),Te=require("./src/tedi/helpers/hooks/use-print.cjs.js"),he=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),xe=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),Ie=require("./src/tedi/helpers/hooks/use-what-input.cjs.js"),Pe=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),o=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js");exports.Text=i.Text;exports.Heading=n.Heading;exports.Icon=s.Icon;exports.Label=c.Label;exports.Section=u.Section;exports.HeadingWithIcon=a.HeadingWithIcon;exports.Truncate=l.Truncate;exports.TextGroup=d.TextGroup;exports.Spinner=p.Spinner;exports.Tag=q.Tag;exports.StatusBadge=g.StatusBadge;exports.ClosingButton=S.ClosingButton;exports.Button=b.Button;exports.InfoButton=v.InfoButton;exports.FloatingButton=C.FloatingButton;exports.ButtonGroup=T.ButtonGroup;exports.Collapse=h.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=x.HashTrigger;exports.Link=I.Link;exports.TextField=P.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.FeedbackText=m.FeedbackText;exports.Search=F.Search;exports.Radio=G.Radio;exports.FileUpload=N.FileUpload;exports.FileDropzone=y.FileDropzone;exports.Select=D.Select;exports.Checkbox=A.Checkbox;exports.Separator=M.Separator;exports.Print=H.Print;exports.StretchContent=V.StretchContent;exports.ScrollVisibility=w.ScrollVisibility;exports.ScrollFade=z.ScrollFade;exports.Affix=R.Affix;exports.Ellipsis=U.Ellipsis;exports.StyleProvider=W.StyleProvider;exports.AccessibilityContext=t.AccessibilityContext;exports.AccessibilityProvider=t.AccessibilityProvider;exports.useDeclareLoader=E.useDeclareLoader;exports.List=j.List;exports.ListItem=O.ListItem;exports.Skeleton=_.Skeleton;exports.SkeletonBlock=J.SkeletonBlock;exports.VerticalSpacing=K.VerticalSpacing;exports.VerticalSpacingItem=Q.VerticalSpacingItem;exports.Row=X.Row;exports.Col=Y.Col;exports.ToastContainer=Z.ToastContainer;exports.Card=$.Card;exports.CardHeader=ee.CardHeader;exports.CardNotification=re.CardNotification;exports.CardContent=te.CardContent;exports.ChoiceGroup=oe.ChoiceGroup;exports.ChoiceGroupContext=ie.ChoiceGroupContext;exports.ChoiceGroupItem=ne.ChoiceGroupItem;exports.Tooltip=se.Tooltip;exports.TooltipContent=ce.TooltipContent;exports.TooltipTrigger=ue.TooltipTrigger;exports.Popover=ae.Popover;exports.PopoverContent=le.PopoverContent;exports.PopoverTrigger=de.PopoverTrigger;exports.SideNav=pe.SideNav;exports.SideNavDropdown=qe.SideNavDropdown;exports.SideNavItem=ge.SideNavItem;exports.SidenavToggle=Se.SidenavToggle;exports.SideNavMobile=be.SideNavMobile;exports.useIsMounted=ve.useIsMounted;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointProps=Ce.useBreakpointProps;exports.usePrint=Te.usePrint;exports.useElementSize=he.useElementSize;exports.useScroll=Be.useScroll;exports.useIsTouchDevice=ke.useIsTouchDevice;exports.useFileUpload=xe.useFileUpload;exports.useWhatInput=Ie.useWhatInput;exports.useLabels=Pe.useLabels;exports.LabelContext=o.LabelContext;exports.LabelProvider=o.LabelProvider;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./src/tedi/components/base/typography/text/text.cjs.js"),s=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),c=require("./src/tedi/components/base/icon/icon.cjs.js"),u=require("./src/tedi/components/content/label/label.cjs.js"),a=require("./src/tedi/components/content/section/section.cjs.js"),l=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),d=require("./src/tedi/components/content/truncate/truncate.cjs.js"),p=require("./src/tedi/components/content/text-group/text-group.cjs.js"),q=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),g=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),v=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),T=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),C=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),h=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),B=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),k=require("./src/tedi/components/notifications/alert/alert.cjs.js"),x=require("./src/tedi/components/notifications/toast/toast.cjs.js"),I=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),P=require("./src/tedi/components/navigation/link/link.cjs.js"),m=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),G=require("./src/tedi/components/form/search/search.cjs.js"),N=require("./src/tedi/components/form/radio/radio.cjs.js"),y=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),D=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),A=require("./src/tedi/components/form/select/select.cjs.js"),M=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),H=require("./src/tedi/components/misc/separator/separator.cjs.js"),V=require("./src/tedi/components/misc/print/print.cjs.js"),w=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),z=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),R=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),U=require("./src/tedi/components/misc/affix/affix.cjs.js"),W=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),E=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),t=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),j=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),o=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),O=require("./src/tedi/components/content/list/list.cjs.js"),_=require("./src/tedi/components/content/list/list-item.cjs.js"),J=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),K=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),Q=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),X=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),Y=require("./src/tedi/components/layout/grid/row.cjs.js"),Z=require("./src/tedi/components/layout/grid/col.cjs.js"),$=require("./external/react-toastify/dist/react-toastify.esm.cjs.js"),ee=require("./src/tedi/components/cards/card/card.cjs.js"),re=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),te=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),oe=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),ie=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),ne=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),se=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),ce=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),ue=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),ae=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover.cjs.js"),de=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),pe=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),Se=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),be=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),Te=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),Ce=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),he=require("./src/tedi/helpers/hooks/use-print.cjs.js"),Be=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),xe=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),Ie=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),Pe=require("./src/tedi/helpers/hooks/use-what-input.cjs.js"),me=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),i=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js");exports.Text=n.Text;exports.Heading=s.Heading;exports.Icon=c.Icon;exports.Label=u.Label;exports.Section=a.Section;exports.HeadingWithIcon=l.HeadingWithIcon;exports.Truncate=d.Truncate;exports.TextGroup=p.TextGroup;exports.Spinner=q.Spinner;exports.Tag=g.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=v.ClosingButton;exports.Button=b.Button;exports.InfoButton=T.InfoButton;exports.FloatingButton=C.FloatingButton;exports.ButtonGroup=h.ButtonGroup;exports.Collapse=B.Collapse;exports.Alert=k.Alert;exports.sendNotification=x.sendNotification;exports.HashTrigger=I.HashTrigger;exports.Link=P.Link;exports.TextField=m.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.FeedbackText=F.FeedbackText;exports.Search=G.Search;exports.Radio=N.Radio;exports.FileUpload=y.FileUpload;exports.FileDropzone=D.FileDropzone;exports.Select=A.Select;exports.Checkbox=M.Checkbox;exports.Separator=H.Separator;exports.Print=V.Print;exports.StretchContent=w.StretchContent;exports.ScrollVisibility=z.ScrollVisibility;exports.ScrollFade=R.ScrollFade;exports.Affix=U.Affix;exports.Ellipsis=W.Ellipsis;exports.StyleProvider=E.StyleProvider;exports.AccessibilityContext=t.AccessibilityContext;exports.AccessibilityProvider=t.AccessibilityProvider;exports.useDeclareLoader=j.useDeclareLoader;exports.ThemeProvider=o.ThemeProvider;exports.useTheme=o.useTheme;exports.List=O.List;exports.ListItem=_.ListItem;exports.Skeleton=J.Skeleton;exports.SkeletonBlock=K.SkeletonBlock;exports.VerticalSpacing=Q.VerticalSpacing;exports.VerticalSpacingItem=X.VerticalSpacingItem;exports.Row=Y.Row;exports.Col=Z.Col;exports.ToastContainer=$.ToastContainer;exports.Card=ee.Card;exports.CardHeader=re.CardHeader;exports.CardNotification=te.CardNotification;exports.CardContent=oe.CardContent;exports.ChoiceGroup=ie.ChoiceGroup;exports.ChoiceGroupContext=ne.ChoiceGroupContext;exports.ChoiceGroupItem=se.ChoiceGroupItem;exports.Tooltip=ce.Tooltip;exports.TooltipContent=ue.TooltipContent;exports.TooltipTrigger=ae.TooltipTrigger;exports.Popover=le.Popover;exports.PopoverContent=de.PopoverContent;exports.PopoverTrigger=pe.PopoverTrigger;exports.SideNav=qe.SideNav;exports.SideNavDropdown=ge.SideNavDropdown;exports.SideNavItem=Se.SideNavItem;exports.SidenavToggle=ve.SidenavToggle;exports.SideNavMobile=be.SideNavMobile;exports.useIsMounted=Te.useIsMounted;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.useBreakpoint;exports.useBreakpointProps=Ce.useBreakpointProps;exports.usePrint=he.usePrint;exports.useElementSize=Be.useElementSize;exports.useScroll=ke.useScroll;exports.useIsTouchDevice=xe.useIsTouchDevice;exports.useFileUpload=Ie.useFileUpload;exports.useWhatInput=Pe.useWhatInput;exports.useLabels=me.useLabels;exports.LabelContext=i.LabelContext;exports.LabelProvider=i.LabelProvider;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;