@tedi-design-system/react 19.2.0-rc.7 → 19.2.0-rc.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "19.2.0-rc.7",
+  "version": "19.2.0-rc.9",
   "description": "TEDI Design System React component library — accessible, reusable UI components. Docs & live examples: https://storybook.tedi.ee/react/rc/",
   "type": "module",
   "sideEffects": false,
@@ -126,7 +126,7 @@
     "jest": "29.7.0",
     "jest-environment-jsdom": "30.4.1",
     "linkify-string": "^4.1.3",
-    "lint-staged": "^16.1.6",
+    "lint-staged": "^17.6.0",
     "next": "^16.2.2",
     "prettier": "^2.8.8",
     "react": "18.3.1",

package/src/community/components/map-components/map-layer/map-layer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),j=require("../../../../tedi/components/form/checkbox/checkbox.cjs.js"),g=require("../map-select/map-select.cjs.js"),n=require("./map-layer.module.scss.cjs.js"),w=m=>{const{items:d,selectAllLabel:k="Kõik kihid"}=m,[h,u]=r.useState({}),[v,f]=r.useState({}),[_,C]=r.useState(!1);r.useEffect(()=>{const e={},a={},t=i=>{for(const l of i)l.type==="checkbox"&&(e[l.id]=l.defaultChecked??!1),l.type==="select"&&l.defaultValue&&(a[l.id]=l.defaultValue),l.children&&t(l.children)};t(d),u(e),f(a)},[d]),r.useEffect(()=>{const e=Object.values(h),a=e.length,t=e.filter(Boolean).length;C(t>0&&t<a)},[h]);const S=(e,a)=>{if(u(t=>({...t,[e]:a})),!a){const t=i=>{for(const l of i)if(l.id===e&&l.children)for(const s of l.children)s.type==="select"&&f(o=>({...o,[s.id]:void 0})),s.type==="checkbox"&&u(o=>({...o,[s.id]:!1})),s.children&&t([s]);else l.children&&t(l.children)};t(d)}},q=e=>{const a={},t=i=>{for(const l of i)l.type==="checkbox"&&(a[l.id]=e),l.children&&t(l.children)};t(d),u(a),e||f({})},x=(e,a=0)=>{var i,l;const t=h[e.id]??!1;return c.jsxs("div",{className:b.default(n.default["tedi-map-layer__item"],n.default[`tedi-map-layer__level-${a}`]),children:[c.jsxs("div",{className:n.default["tedi-map-layer__row"],children:[e.type==="checkbox"&&c.jsx(j.Checkbox,{id:e.id,label:e.label,name:e.id,checked:t,onChange:(s,o)=>S(e.id,o),value:""}),e.type==="select"&&c.jsx(g.MapSelect,{id:e.id,label:e.label,options:e.options??[],value:v[e.id],onChange:s=>f(o=>({...o,[e.id]:s}))}),e.type==="checkbox"&&c.jsxs("div",{className:n.default["tedi-map-layer__actions"],children:[c.jsx(p.Button,{visualType:"link",icon:"download",children:"Download"}),c.jsx(p.Button,{visualType:"link",icon:"edit",children:"Edit"}),c.jsx(p.Button,{visualType:"link",icon:"info",children:"Info"}),c.jsx(p.Button,{visualType:"link",icon:"more_horiz",children:"Show more actions"})]})]}),e.type==="label"&&c.jsxs("div",{className:n.default["tedi-map-layer__item"],children:[c.jsx("div",{className:n.default["tedi-map-layer__label"],children:e.label}),(i=e.children)==null?void 0:i.map(s=>x(s,a+1))]},e.id),(l=e.children)==null?void 0:l.map(s=>x(s,a+1))]},e.id)},y=e=>e.some(a=>a.type==="checkbox"?!0:a.children?y(a.children):!1);return c.jsxs("div",{className:n.default["tedi-map-layer"],children:[c.jsx("div",{className:n.default["tedi-map-layer__select-all"],children:y(d)?c.jsx(j.Checkbox,{id:"select-all",label:k,name:"select-all",value:"all",checked:Object.values(h).every(Boolean),indeterminate:_,onChange:(e,a)=>q(a)}):c.jsx(N.Text,{color:"primary",modifiers:["bold"],children:k})}),c.jsx("div",{className:b.default(n.default["tedi-map-layer"],!y(d)&&n.default["tedi-map-layer--no-checkboxes"]),children:d.map(e=>x(e,1))})]})};exports.MapLayer=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),b=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),N=require("../../../../tedi/components/base/typography/text/text.cjs.js"),p=require("../../../../tedi/components/buttons/button/button.cjs.js"),j=require("../../../../tedi/components/form/checkbox/index.cjs.js"),g=require("../map-select/map-select.cjs.js"),n=require("./map-layer.module.scss.cjs.js"),w=m=>{const{items:d,selectAllLabel:k="Kõik kihid"}=m,[u,h]=r.useState({}),[v,f]=r.useState({}),[_,C]=r.useState(!1);r.useEffect(()=>{const e={},a={},t=i=>{for(const l of i)l.type==="checkbox"&&(e[l.id]=l.defaultChecked??!1),l.type==="select"&&l.defaultValue&&(a[l.id]=l.defaultValue),l.children&&t(l.children)};t(d),h(e),f(a)},[d]),r.useEffect(()=>{const e=Object.values(u),a=e.length,t=e.filter(Boolean).length;C(t>0&&t<a)},[u]);const S=(e,a)=>{if(h(t=>({...t,[e]:a})),!a){const t=i=>{for(const l of i)if(l.id===e&&l.children)for(const s of l.children)s.type==="select"&&f(o=>({...o,[s.id]:void 0})),s.type==="checkbox"&&h(o=>({...o,[s.id]:!1})),s.children&&t([s]);else l.children&&t(l.children)};t(d)}},q=e=>{const a={},t=i=>{for(const l of i)l.type==="checkbox"&&(a[l.id]=e),l.children&&t(l.children)};t(d),h(a),e||f({})},x=(e,a=0)=>{var i,l;const t=u[e.id]??!1;return c.jsxs("div",{className:b.default(n.default["tedi-map-layer__item"],n.default[`tedi-map-layer__level-${a}`]),children:[c.jsxs("div",{className:n.default["tedi-map-layer__row"],children:[e.type==="checkbox"&&c.jsx(j.Checkbox,{id:e.id,label:e.label,name:e.id,checked:t,onChange:(s,o)=>S(e.id,o),value:""}),e.type==="select"&&c.jsx(g.MapSelect,{id:e.id,label:e.label,options:e.options??[],value:v[e.id],onChange:s=>f(o=>({...o,[e.id]:s}))}),e.type==="checkbox"&&c.jsxs("div",{className:n.default["tedi-map-layer__actions"],children:[c.jsx(p.Button,{visualType:"link",icon:"download",children:"Download"}),c.jsx(p.Button,{visualType:"link",icon:"edit",children:"Edit"}),c.jsx(p.Button,{visualType:"link",icon:"info",children:"Info"}),c.jsx(p.Button,{visualType:"link",icon:"more_horiz",children:"Show more actions"})]})]}),e.type==="label"&&c.jsxs("div",{className:n.default["tedi-map-layer__item"],children:[c.jsx("div",{className:n.default["tedi-map-layer__label"],children:e.label}),(i=e.children)==null?void 0:i.map(s=>x(s,a+1))]},e.id),(l=e.children)==null?void 0:l.map(s=>x(s,a+1))]},e.id)},y=e=>e.some(a=>a.type==="checkbox"?!0:a.children?y(a.children):!1);return c.jsxs("div",{className:n.default["tedi-map-layer"],children:[c.jsx("div",{className:n.default["tedi-map-layer__select-all"],children:y(d)?c.jsx(j.Checkbox,{id:"select-all",label:k,name:"select-all",value:"all",checked:Object.values(u).every(Boolean),indeterminate:_,onChange:(e,a)=>q(a)}):c.jsx(N.Text,{color:"primary",modifiers:["bold"],children:k})}),c.jsx("div",{className:b.default(n.default["tedi-map-layer"],!y(d)&&n.default["tedi-map-layer--no-checkboxes"]),children:d.map(e=>x(e,1))})]})};exports.MapLayer=w;

package/src/community/components/map-components/map-layer/map-layer.es.js

@@ -3,7 +3,7 @@ import v from "../../../../../external/classnames/index.es.js";
 import { useState as u, useEffect as _ } from "react";
 import { Text as j } from "../../../../tedi/components/base/typography/text/text.es.js";
 import { Button as m } from "../../../../tedi/components/buttons/button/button.es.js";
-import { Checkbox as x } from "../../../../tedi/components/form/checkbox/checkbox.es.js";
+import { Checkbox as x } from "../../../../tedi/components/form/checkbox/index.es.js";
 import { MapSelect as V } from "../map-select/map-select.es.js";
 import n from "./map-layer.module.scss.es.js";
 const D = (C) => {

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group-context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.CheckboxGroupContext=t;

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group-context.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { ChoiceInputCardVariant, ChoiceInputVariant } from '../../choice-input.types';
+export interface CheckboxGroupContextValue {
+    /** Shared `name` for all checkboxes in the group. */
+    name?: string;
+    /** Currently selected values. */
+    values: string[];
+    /** Called by a `Checkbox` when it is toggled. */
+    onToggle: (value: string, checked: boolean) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+    size?: 'default' | 'large';
+    variant?: ChoiceInputVariant;
+    cardVariant?: ChoiceInputCardVariant;
+}
+/**
+ * Provided by `Checkbox.Group`. When present, a `Checkbox` reads its checked
+ * state, `name`, and shared visual props from here.
+ */
+export declare const CheckboxGroupContext: React.Context<CheckboxGroupContextValue | null>;

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group-context.es.js

@@ -0,0 +1,5 @@
+import t from "react";
+const o = t.createContext(null);
+export {
+  o as CheckboxGroupContext
+};

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),q=require("../../../../../../external/classnames/index.cjs.js"),s=require("react"),U=require("../../feedback-text/feedback-text.cjs.js"),W=require("../checkbox.cjs.js"),o=require("./checkbox-group.module.scss.cjs.js"),X=require("./checkbox-group-context.cjs.js"),Y=require("../../../../helpers/hooks/use-breakpoint-props.cjs.js"),Z=require("../../../../providers/label-provider/use-labels.cjs.js"),j=S=>{const{getCurrentBreakpointProps:T}=Y.useBreakpointProps(S.defaultServerBreakpoint),{getLabel:x}=Z.useLabels(),{id:I,name:_,label:y,hideLabel:M=!1,helper:d,className:B,value:k,defaultValue:w=[],onChange:i,disabled:f,invalid:m,required:$,size:g,variant:u="default",cardVariant:V="primary",direction:E=u==="card"?"row":"column",indeterminateCheck:r,selectAllLabel:F,removeAllLabel:R,indeterminateCheckProps:z,children:v}=T(S),O=s.useId(),L=I??O,b=k!==void 0,[N,D]=s.useState(w),l=s.useMemo(()=>b?k??[]:N,[b,k,N]),A=d?d.id??`${L}-helper`:void 0,p=s.useCallback(e=>{b||D(e),i==null||i(e)},[b,i]),G=s.useCallback((e,h)=>{p(h?[...l,e]:l.filter(C=>C!==e))},[l,p]),H=s.useMemo(()=>({name:_,values:l,onToggle:G,disabled:f,invalid:m,size:g,variant:u,cardVariant:V}),[_,l,G,f,m,g,u,V]),a=s.useMemo(()=>{const e=new Set,h=C=>{s.Children.forEach(C,n=>{s.isValidElement(n)&&(n.props.value!==void 0&&!n.props.disabled&&e.add(n.props.value),h(n.props.children))})};return h(v),[...e]},[v]),c=a.length>0&&a.every(e=>l.includes(e)),P=a.every(e=>!l.includes(e)),J=!c&&!P,K=typeof r=="string"?r:typeof r=="function"?r(c?"all":P?"none":"some"):c?R??x("checkbox-group.remove-all"):F??x("checkbox-group.select-all"),Q=s.useCallback(()=>{p(c?l.filter(e=>!a.includes(e)):[...new Set([...l,...a])])},[c,l,a,p]);return t.jsxs("fieldset",{className:q.default(o.default["tedi-checkbox-group"],o.default[`tedi-checkbox-group--${E}`],{[o.default["tedi-checkbox-group--card"]]:u==="card"},B),disabled:f,"aria-invalid":m||void 0,"aria-describedby":A,children:[y&&t.jsxs("legend",{className:q.default(o.default["tedi-checkbox-group__legend"],{"sr-only":M}),children:[y,$&&t.jsxs(t.Fragment,{children:[t.jsx("span",{"aria-hidden":"true",className:o.default["tedi-checkbox-group__required"],children:"*"}),t.jsxs("span",{className:"sr-only",children:[" ",x("required")]})]})]}),r&&t.jsx(W.Checkbox,{id:`${L}-select-all`,...z,value:"select-all",label:K,checked:c,indeterminate:J,onChange:Q,size:g}),t.jsx(X.CheckboxGroupContext.Provider,{value:H,children:t.jsx("div",{className:q.default(o.default["tedi-checkbox-group__items"],{[o.default["tedi-checkbox-group__items--indented"]]:!!r}),children:v})}),d&&t.jsx(U.FeedbackText,{id:A,...d})]})};j.displayName="Checkbox.Group";exports.CheckboxGroup=j;exports.default=j;

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group.d.ts

@@ -0,0 +1,72 @@
+import { default as React } from 'react';
+import { BreakpointSupport } from '../../../../helpers';
+import { ChoiceInputCardVariant, ChoiceInputVariant } from '../../choice-input.types';
+import { FeedbackTextProps } from '../../feedback-text/feedback-text';
+import { CheckboxBaseProps } from '../checkbox';
+/** State of the select-all checkbox, passed to a custom `indeterminateCheck` label function. */
+export type CheckboxGroupSelectAllState = 'all' | 'some' | 'none';
+interface CheckboxGroupBreakpointProps {
+    /** Group id. When omitted a stable id is generated. */
+    id?: string;
+    /** Shared `name` for the checkboxes. */
+    name?: string;
+    /** Group label, rendered as the fieldset legend. */
+    label: React.ReactNode;
+    /** Visually hide the legend while keeping it available to screen readers. */
+    hideLabel?: boolean;
+    /** Helper / feedback text rendered below the group. */
+    helper?: FeedbackTextProps;
+    /** Additional class name(s) applied to the fieldset. */
+    className?: string;
+    /** Controlled selected values. Pair with `onChange`. */
+    value?: string[];
+    /** Uncontrolled initial selected values. */
+    defaultValue?: string[];
+    /** Fires with the full new list of selected values. */
+    onChange?: (value: string[]) => void;
+    /** Disables the whole group and every checkbox within it. */
+    disabled?: boolean;
+    /** Marks the group as invalid, forwarding the error state to each checkbox. */
+    invalid?: boolean;
+    /** Marks the group as required, adding a required indicator to the legend. */
+    required?: boolean;
+    /** Size forwarded to every checkbox. @default 'default' */
+    size?: 'default' | 'large';
+    /** Visual variant forwarded to every checkbox. @default 'default' */
+    variant?: ChoiceInputVariant;
+    /** Card colour variant forwarded to every checkbox (only applies to `variant="card"`). @default 'primary' */
+    cardVariant?: ChoiceInputCardVariant;
+    /** Layout direction of the checkboxes. Defaults to `row` for cards, `column` otherwise. */
+    direction?: 'row' | 'column';
+    /**
+     * Renders a "select all" checkbox above the children that reflects and controls
+     * them: checked when all are selected, indeterminate when some are, unchecked
+     * when none are. Toggling it selects or clears all (enabled) children.
+     * - `true` — use the localised default label ("Select all" / "Remove all").
+     * - `string` — a fixed label.
+     * - `(state) => string` — a label derived from the current `all` / `some` / `none` state.
+     */
+    indeterminateCheck?: boolean | string | ((state: CheckboxGroupSelectAllState) => string);
+    /**
+     * Overrides the localised label shown on the select-all checkbox when not all children are
+     * selected (the `some` / `none` states). Ignored when `indeterminateCheck` is a `string` or
+     * function, which control the label directly.
+     */
+    selectAllLabel?: string;
+    /**
+     * Overrides the localised label shown on the select-all checkbox when every child is selected
+     * (the `all` state). Ignored when `indeterminateCheck` is a `string` or function, which control
+     * the label directly.
+     */
+    removeAllLabel?: string;
+    /** Extra props forwarded to the select-all checkbox (its checked/indeterminate/value are managed). */
+    indeterminateCheckProps?: Partial<Omit<CheckboxBaseProps, 'value' | 'label' | 'checked' | 'indeterminate' | 'onChange'>>;
+    /** The `Checkbox` items that make up the group. */
+    children: React.ReactNode;
+}
+export type CheckboxGroupProps = BreakpointSupport<CheckboxGroupBreakpointProps>;
+export declare const CheckboxGroup: {
+    (props: CheckboxGroupProps): JSX.Element;
+    displayName: string;
+};
+export default CheckboxGroup;

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group.es.js

@@ -0,0 +1,124 @@
+import { jsxs as h, Fragment as U, jsx as n } from "react/jsx-runtime";
+import _ from "../../../../../../external/classnames/index.es.js";
+import o from "react";
+import { FeedbackText as W } from "../../feedback-text/feedback-text.es.js";
+import { Checkbox as X } from "../checkbox.es.js";
+import r from "./checkbox-group.module.scss.es.js";
+import { CheckboxGroupContext as Y } from "./checkbox-group-context.es.js";
+import { useBreakpointProps as Z } from "../../../../helpers/hooks/use-breakpoint-props.es.js";
+import { useLabels as ee } from "../../../../providers/label-provider/use-labels.es.js";
+const le = (S) => {
+  const { getCurrentBreakpointProps: w } = Z(S.defaultServerBreakpoint), { getLabel: f } = ee(), {
+    id: B,
+    name: N,
+    label: V,
+    hideLabel: G = !1,
+    helper: i,
+    className: M,
+    value: k,
+    defaultValue: $ = [],
+    onChange: d,
+    disabled: g,
+    invalid: v,
+    required: j,
+    size: x,
+    variant: u = "default",
+    cardVariant: A = "primary",
+    direction: E = u === "card" ? "row" : "column",
+    indeterminateCheck: t,
+    selectAllLabel: F,
+    removeAllLabel: z,
+    indeterminateCheckProps: R,
+    children: C
+  } = w(S), D = o.useId(), L = B ?? D, p = k !== void 0, [I, H] = o.useState($), l = o.useMemo(
+    () => p ? k ?? [] : I,
+    [p, k, I]
+  ), P = i ? i.id ?? `${L}-helper` : void 0, m = o.useCallback(
+    (e) => {
+      p || H(e), d == null || d(e);
+    },
+    [p, d]
+  ), T = o.useCallback(
+    (e, b) => {
+      m(b ? [...l, e] : l.filter((y) => y !== e));
+    },
+    [l, m]
+  ), J = o.useMemo(
+    () => ({
+      name: N,
+      values: l,
+      onToggle: T,
+      disabled: g,
+      invalid: v,
+      size: x,
+      variant: u,
+      cardVariant: A
+    }),
+    [N, l, T, g, v, x, u, A]
+  ), s = o.useMemo(() => {
+    const e = /* @__PURE__ */ new Set(), b = (y) => {
+      o.Children.forEach(y, (c) => {
+        o.isValidElement(c) && (c.props.value !== void 0 && !c.props.disabled && e.add(c.props.value), b(c.props.children));
+      });
+    };
+    return b(C), [...e];
+  }, [C]), a = s.length > 0 && s.every((e) => l.includes(e)), q = s.every((e) => !l.includes(e)), K = !a && !q, O = typeof t == "string" ? t : typeof t == "function" ? t(a ? "all" : q ? "none" : "some") : a ? z ?? f("checkbox-group.remove-all") : F ?? f("checkbox-group.select-all"), Q = o.useCallback(() => {
+    m(
+      a ? l.filter((e) => !s.includes(e)) : [.../* @__PURE__ */ new Set([...l, ...s])]
+    );
+  }, [a, l, s, m]);
+  return /* @__PURE__ */ h(
+    "fieldset",
+    {
+      className: _(
+        r["tedi-checkbox-group"],
+        r[`tedi-checkbox-group--${E}`],
+        { [r["tedi-checkbox-group--card"]]: u === "card" },
+        M
+      ),
+      disabled: g,
+      "aria-invalid": v || void 0,
+      "aria-describedby": P,
+      children: [
+        V && /* @__PURE__ */ h("legend", { className: _(r["tedi-checkbox-group__legend"], { "sr-only": G }), children: [
+          V,
+          j && /* @__PURE__ */ h(U, { children: [
+            /* @__PURE__ */ n("span", { "aria-hidden": "true", className: r["tedi-checkbox-group__required"], children: "*" }),
+            /* @__PURE__ */ h("span", { className: "sr-only", children: [
+              " ",
+              f("required")
+            ] })
+          ] })
+        ] }),
+        t && /* @__PURE__ */ n(
+          X,
+          {
+            id: `${L}-select-all`,
+            ...R,
+            value: "select-all",
+            label: O,
+            checked: a,
+            indeterminate: K,
+            onChange: Q,
+            size: x
+          }
+        ),
+        /* @__PURE__ */ n(Y.Provider, { value: J, children: /* @__PURE__ */ n(
+          "div",
+          {
+            className: _(r["tedi-checkbox-group__items"], {
+              [r["tedi-checkbox-group__items--indented"]]: !!t
+            }),
+            children: C
+          }
+        ) }),
+        i && /* @__PURE__ */ n(W, { id: P, ...i })
+      ]
+    }
+  );
+};
+le.displayName = "Checkbox.Group";
+export {
+  le as CheckboxGroup,
+  le as default
+};

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group.module.scss.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-checkbox-group":"tedi-checkbox-group-8c1eff4a","tedi-checkbox-group__legend":"tedi-checkbox-group__legend-78f7c383","tedi-checkbox-group__required":"tedi-checkbox-group__required-0ef1066e","tedi-checkbox-group__items":"tedi-checkbox-group__items-55131f62","tedi-checkbox-group--column":"tedi-checkbox-group--column-72f10a57","tedi-checkbox-group__items--indented":"tedi-checkbox-group__items--indented-47a5f592","tedi-checkbox-group--row":"tedi-checkbox-group--row-824f71cf","tedi-checkbox-group--card":"tedi-checkbox-group--card-e304e3dd"};exports.default=e;

package/src/tedi/components/form/checkbox/checkbox-group/checkbox-group.module.scss.es.js

@@ -0,0 +1,13 @@
+const e = {
+  "tedi-checkbox-group": "tedi-checkbox-group-8c1eff4a",
+  "tedi-checkbox-group__legend": "tedi-checkbox-group__legend-78f7c383",
+  "tedi-checkbox-group__required": "tedi-checkbox-group__required-0ef1066e",
+  "tedi-checkbox-group__items": "tedi-checkbox-group__items-55131f62",
+  "tedi-checkbox-group--column": "tedi-checkbox-group--column-72f10a57",
+  "tedi-checkbox-group__items--indented": "tedi-checkbox-group__items--indented-47a5f592",
+  "tedi-checkbox-group--row": "tedi-checkbox-group--row-824f71cf",
+  "tedi-checkbox-group--card": "tedi-checkbox-group--card-e304e3dd"
+};
+export {
+  e as default
+};

package/src/tedi/components/form/checkbox/checkbox.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),d=require("../../../../../external/classnames/index.cjs.js"),r=require("react"),j=require("../../base/icon/icon.cjs.js"),E=require("../feedback-text/feedback-text.cjs.js"),F=require("../form-label/form-label.cjs.js"),e=require("./checkbox.module.scss.cjs.js"),P=require("../../layout/grid/row.cjs.js"),q=require("../../layout/grid/col.cjs.js"),C=N=>{const{id:a,label:h,value:b,className:R,disabled:n=!1,onChange:l,hideLabel:g=!1,helper:i,checked:u,defaultChecked:v,indeterminate:o,hover:y,name:I,tooltip:k,labelProps:w,invalid:x,size:s="default",required:_,...z}=N,[L,M]=r.useState(v||!1),m=r.useRef(null),f=r.useRef(null),S=l&&typeof u<"u"?u:L;r.useEffect(()=>{f.current&&(f.current.indeterminate=!!o)},[o]);const T=t=>{typeof u>"u"&&M(t==null?void 0:t.target.checked),l==null||l(b,t==null?void 0:t.target.checked)},p=i?i.id??`${a}-helper`:void 0,$=k?`${a}-tooltip`:void 0,B=d.default(e.default["tedi-checkbox__label"],{[e.default["tedi-checkbox--disabled"]]:n});return c.jsxs("div",{className:d.default(e.default["tedi-checkbox"],{[e.default["tedi-checkbox--disabled"]]:n}),"data-name":"check",...z,children:[c.jsxs(P.Row,{gutter:0,children:[c.jsx(q.Col,{width:"auto",children:c.jsxs("div",{className:e.default["tedi-checkbox__outer-indicator-wrapper"],children:[c.jsx("input",{ref:f,id:a,value:b,name:I,type:"checkbox",disabled:n,checked:o?!1:S,onChange:T,className:e.default["tedi-checkbox__input"],"aria-describedby":[p,$].filter(Boolean).join(" "),required:_,"aria-invalid":x||void 0}),c.jsxs("div",{"aria-hidden":"true",onClick:()=>{var t;return(t=m.current)==null?void 0:t.click()},className:d.default(e.default["tedi-checkbox__indicator"],{[e.default["tedi-checkbox__indicator--hover"]]:y,[e.default["tedi-checkbox__indicator--indeterminate"]]:o,[e.default[`tedi-checkbox__indicator--size-${s}`]]:s,[e.default["tedi-checkbox__indicator--invalid"]]:x},R),"data-testid":"checkbox-indicator",children:[c.jsx(j.Icon,{size:s==="default"?16:18,name:"remove",className:d.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--indeterminate"])}),c.jsx(j.Icon,{size:s==="default"?16:18,name:"check",className:d.default(e.default["tedi-checkbox__icon"],e.default["tedi-checkbox__icon--check"])})]})]})}),h&&c.jsx(q.Col,{children:c.jsx(F.FormLabel,{ref:m,className:B,id:a,"data-testid":"checkbox-label",hideLabel:g,label:h,tooltip:k,required:_,labelProps:w})})]}),i&&c.jsx(E.FeedbackText,{id:p,...i,className:d.default(e.default["tedi-checkbox__helper"],i.className)})]})};exports.Checkbox=C;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),t=require("../../../../../external/classnames/index.cjs.js"),s=require("react"),v=require("../../base/icon/icon.cjs.js"),M=require("../feedback-text/feedback-text.cjs.js"),de=require("../form-label/form-label.cjs.js"),c=require("./checkbox.module.scss.cjs.js"),te=require("./checkbox-group/checkbox-group-context.cjs.js"),ie=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),se=require("../../layout/grid/row.cjs.js"),S=require("../../layout/grid/col.cjs.js"),N=C=>{const e=s.useContext(te.CheckboxGroupContext),{getCurrentBreakpointProps:V}=ie.useBreakpointProps(C.defaultServerBreakpoint),{id:E,label:h,value:r,className:q,onChange:o,hideLabel:y=!1,helper:i,checked:b,defaultChecked:F,indeterminate:n,hover:G,name:D,tooltip:I,description:k,icon:m,labelProps:H,size:O,variant:U,cardVariant:A,disabled:J,invalid:P,required:K,...w}=V(C),l=O??(e==null?void 0:e.size)??"default",z=U??(e==null?void 0:e.variant)??"default",Q=A??(e==null?void 0:e.cardVariant)??"primary";z==="card"&&I&&console.warn('Checkbox: `tooltip` is not supported with `variant="card"` and will be ignored. Use `description`.');const f=J??(e==null?void 0:e.disabled)??!1,W=P??(e==null?void 0:e.invalid),B=K,X=s.useId(),u=E??X,Y=D??(e==null?void 0:e.name),[$,Z]=s.useState(F||!1),_=s.useRef(null),p=e!==null,j=s.useMemo(()=>n?"mixed":p?!!(e!=null&&e.values.includes(r)):o&&typeof b<"u"?b:$,[n,p,e,r,o,b,$]);s.useEffect(()=>{_.current&&(_.current.indeterminate=!!n)},[n,j]);const g=d=>{p?e==null||e.onToggle(r,d.target.checked):typeof b>"u"&&Z(d==null?void 0:d.target.checked),o==null||o(r,d==null?void 0:d.target.checked)},x=i?i.id??`${u}-helper`:void 0,ee=x,L=a.jsx("input",{ref:_,id:u,value:r,name:Y,type:"checkbox",disabled:f,checked:j!=="mixed"?j:!1,required:B,"aria-invalid":P||void 0,onChange:g,className:c.default["tedi-checkbox__input"],"aria-describedby":ee}),R=d=>a.jsxs("div",{"aria-hidden":"true",className:t.default(c.default["tedi-checkbox__indicator"],{[c.default["tedi-checkbox__indicator--hover"]]:G,[c.default["tedi-checkbox__indicator--indeterminate"]]:n,[c.default[`tedi-checkbox__indicator--size-${l}`]]:l,[c.default["tedi-checkbox__indicator--invalid"]]:W},d),"data-testid":"checkbox-indicator",children:[a.jsx(v.Icon,{size:l==="default"?16:18,name:"remove",className:t.default(c.default["tedi-checkbox__icon"],c.default["tedi-checkbox__icon--indeterminate"])}),a.jsx(v.Icon,{size:l==="default"?16:18,name:"check",className:t.default(c.default["tedi-checkbox__icon"],c.default["tedi-checkbox__icon--check"])})]});if(z==="card"){const d=`${u}-label`,T=k?`${u}-description`:void 0,ae=[T,x].filter(Boolean).join(" ")||void 0;return a.jsxs("label",{"data-name":"check",className:t.default(c.default["tedi-checkbox"],c.default["tedi-checkbox--card"],c.default[`tedi-checkbox--card-${Q}`],{[c.default["tedi-checkbox--card-with-icon"]]:!!m},{[c.default["tedi-checkbox--disabled"]]:f},q),...w,children:[a.jsxs("span",{className:c.default["tedi-checkbox__card-control"],children:[s.cloneElement(L,{"aria-labelledby":h?d:void 0,"aria-describedby":ae}),R(),m&&a.jsx(v.Icon,{name:m,size:l==="default"?18:24,className:c.default["tedi-checkbox__card-icon"]}),a.jsx("span",{id:d,className:t.default(c.default["tedi-checkbox__card-label"],{"sr-only":y}),children:h})]}),k&&a.jsx("span",{id:T,className:c.default["tedi-checkbox__card-description"],children:k}),i&&a.jsx(M.FeedbackText,{id:x,...i,className:t.default(c.default["tedi-checkbox__helper"],i.className)})]})}const ce=t.default(c.default["tedi-checkbox__label"],{[c.default["tedi-checkbox--disabled"]]:f});return a.jsxs("div",{className:t.default(c.default["tedi-checkbox"],{[c.default["tedi-checkbox--disabled"]]:f}),"data-name":"check",...w,children:[a.jsxs(se.Row,{gutter:0,children:[a.jsx(S.Col,{width:"auto",children:a.jsxs("div",{className:c.default["tedi-checkbox__outer-indicator-wrapper"],children:[L,R(q)]})}),h&&a.jsx(S.Col,{children:a.jsx(de.FormLabel,{className:ce,id:u,"data-testid":"checkbox-label",hideLabel:y,label:h,tooltip:I,required:B,labelProps:H})})]}),i&&a.jsx(M.FeedbackText,{id:x,...i,className:t.default(c.default["tedi-checkbox__helper"],i.className)})]})};N.displayName="Checkbox";exports.Checkbox=N;exports.default=N;

package/src/tedi/components/form/checkbox/checkbox.d.ts

@@ -1,10 +1,16 @@
+import { BreakpointSupport } from '../../../helpers';
 import { ChoiceInputProps } from '../choice-input.types';
-export interface CheckboxProps extends ChoiceInputProps {
+export type CheckboxBaseProps = ChoiceInputProps & {
     /**
      * If the check is in indeterminate state. (Not checked or unchecked)
      * When this is true then the checked prop is ignored
      */
     indeterminate?: boolean;
+};
+export type CheckboxProps = BreakpointSupport<CheckboxBaseProps>;
+interface CheckboxComponent {
+    (props: CheckboxProps): JSX.Element;
+    displayName?: string;
 }
-export declare const Checkbox: (props: CheckboxProps) => JSX.Element;
+export declare const Checkbox: CheckboxComponent;
 export default Checkbox;

package/src/tedi/components/form/checkbox/checkbox.es.js

@@ -1,127 +1,163 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import t from "../../../../../external/classnames/index.es.js";
-import n from "react";
+import { jsxs as o, jsx as a } from "react/jsx-runtime";
+import d from "../../../../../external/classnames/index.es.js";
+import r from "react";
 import { Icon as C } from "../../base/icon/icon.es.js";
-import { FeedbackText as M } from "../feedback-text/feedback-text.es.js";
-import { FormLabel as P } from "../form-label/form-label.es.js";
-import e from "./checkbox.module.scss.es.js";
-import { Row as S } from "../../layout/grid/row.es.js";
-import { Col as R } from "../../layout/grid/col.es.js";
-const V = (y) => {
-  const {
-    id: a,
-    label: f,
-    value: k,
-    className: g,
-    disabled: h = !1,
-    onChange: d,
-    hideLabel: v = !1,
-    helper: o,
-    checked: m,
-    defaultChecked: z,
-    indeterminate: r,
-    hover: I,
-    name: j,
-    tooltip: _,
-    labelProps: w,
-    invalid: u,
-    size: l = "default",
-    required: p,
-    ...L
-  } = y, [$, B] = n.useState(z || !1), x = n.useRef(null), b = n.useRef(null), E = d && typeof m < "u" ? m : $;
-  n.useEffect(() => {
-    b.current && (b.current.indeterminate = !!r);
-  }, [r]);
-  const F = (c) => {
-    typeof m > "u" && B(c == null ? void 0 : c.target.checked), d == null || d(k, c == null ? void 0 : c.target.checked);
-  }, N = o ? o.id ?? `${a}-helper` : void 0, q = _ ? `${a}-tooltip` : void 0, H = t(e["tedi-checkbox__label"], { [e["tedi-checkbox--disabled"]]: h });
-  return /* @__PURE__ */ s(
+import { FeedbackText as E } from "../feedback-text/feedback-text.es.js";
+import { FormLabel as ae } from "../form-label/form-label.es.js";
+import c from "./checkbox.module.scss.es.js";
+import { CheckboxGroupContext as de } from "./checkbox-group/checkbox-group-context.es.js";
+import { useBreakpointProps as te } from "../../../helpers/hooks/use-breakpoint-props.es.js";
+import { Row as re } from "../../layout/grid/row.es.js";
+import { Col as D } from "../../layout/grid/col.es.js";
+const oe = (y) => {
+  const e = r.useContext(de), { getCurrentBreakpointProps: F } = te(y.defaultServerBreakpoint), {
+    id: G,
+    label: m,
+    value: n,
+    className: I,
+    onChange: s,
+    hideLabel: P = !1,
+    helper: t,
+    checked: k,
+    defaultChecked: M,
+    indeterminate: l,
+    hover: S,
+    name: T,
+    tooltip: z,
+    description: _,
+    icon: p,
+    labelProps: H,
+    size: U,
+    variant: A,
+    cardVariant: J,
+    disabled: K,
+    invalid: w,
+    required: O,
+    ...B
+  } = F(y), h = U ?? (e == null ? void 0 : e.size) ?? "default", $ = A ?? (e == null ? void 0 : e.variant) ?? "default", Q = J ?? (e == null ? void 0 : e.cardVariant) ?? "primary";
+  $ === "card" && z && console.warn('Checkbox: `tooltip` is not supported with `variant="card"` and will be ignored. Use `description`.');
+  const f = K ?? (e == null ? void 0 : e.disabled) ?? !1, W = w ?? (e == null ? void 0 : e.invalid), L = O, X = r.useId(), b = G ?? X, Y = T ?? (e == null ? void 0 : e.name), [R, Z] = r.useState(M || !1), u = r.useRef(null), N = e !== null, v = r.useMemo(() => l ? "mixed" : N ? !!(e != null && e.values.includes(n)) : s && typeof k < "u" ? k : R, [l, N, e, n, s, k, R]);
+  r.useEffect(() => {
+    u.current && (u.current.indeterminate = !!l);
+  }, [l, v]);
+  const g = (i) => {
+    N ? e == null || e.onToggle(n, i.target.checked) : typeof k > "u" && Z(i == null ? void 0 : i.target.checked), s == null || s(n, i == null ? void 0 : i.target.checked);
+  }, x = t ? t.id ?? `${b}-helper` : void 0, ee = x, V = /* @__PURE__ */ a(
+    "input",
+    {
+      ref: u,
+      id: b,
+      value: n,
+      name: Y,
+      type: "checkbox",
+      disabled: f,
+      checked: v !== "mixed" ? v : !1,
+      required: L,
+      "aria-invalid": w || void 0,
+      onChange: g,
+      className: c["tedi-checkbox__input"],
+      "aria-describedby": ee
+    }
+  ), j = (i) => /* @__PURE__ */ o(
+    "div",
+    {
+      "aria-hidden": "true",
+      className: d(
+        c["tedi-checkbox__indicator"],
+        {
+          [c["tedi-checkbox__indicator--hover"]]: S,
+          [c["tedi-checkbox__indicator--indeterminate"]]: l,
+          [c[`tedi-checkbox__indicator--size-${h}`]]: h,
+          [c["tedi-checkbox__indicator--invalid"]]: W
+        },
+        i
+      ),
+      "data-testid": "checkbox-indicator",
+      children: [
+        /* @__PURE__ */ a(
+          C,
+          {
+            size: h === "default" ? 16 : 18,
+            name: "remove",
+            className: d(c["tedi-checkbox__icon"], c["tedi-checkbox__icon--indeterminate"])
+          }
+        ),
+        /* @__PURE__ */ a(
+          C,
+          {
+            size: h === "default" ? 16 : 18,
+            name: "check",
+            className: d(c["tedi-checkbox__icon"], c["tedi-checkbox__icon--check"])
+          }
+        )
+      ]
+    }
+  );
+  if ($ === "card") {
+    const i = `${b}-label`, q = _ ? `${b}-description` : void 0, ie = [q, x].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ o(
+      "label",
+      {
+        "data-name": "check",
+        className: d(
+          c["tedi-checkbox"],
+          c["tedi-checkbox--card"],
+          c[`tedi-checkbox--card-${Q}`],
+          { [c["tedi-checkbox--card-with-icon"]]: !!p },
+          { [c["tedi-checkbox--disabled"]]: f },
+          I
+        ),
+        ...B,
+        children: [
+          /* @__PURE__ */ o("span", { className: c["tedi-checkbox__card-control"], children: [
+            r.cloneElement(V, {
+              "aria-labelledby": m ? i : void 0,
+              "aria-describedby": ie
+            }),
+            j(),
+            p && /* @__PURE__ */ a(C, { name: p, size: h === "default" ? 18 : 24, className: c["tedi-checkbox__card-icon"] }),
+            /* @__PURE__ */ a("span", { id: i, className: d(c["tedi-checkbox__card-label"], { "sr-only": P }), children: m })
+          ] }),
+          _ && /* @__PURE__ */ a("span", { id: q, className: c["tedi-checkbox__card-description"], children: _ }),
+          t && /* @__PURE__ */ a(E, { id: x, ...t, className: d(c["tedi-checkbox__helper"], t.className) })
+        ]
+      }
+    );
+  }
+  const ce = d(c["tedi-checkbox__label"], { [c["tedi-checkbox--disabled"]]: f });
+  return /* @__PURE__ */ o(
     "div",
     {
-      className: t(e["tedi-checkbox"], { [e["tedi-checkbox--disabled"]]: h }),
+      className: d(c["tedi-checkbox"], { [c["tedi-checkbox--disabled"]]: f }),
       "data-name": "check",
-      ...L,
+      ...B,
       children: [
-        /* @__PURE__ */ s(S, { gutter: 0, children: [
-          /* @__PURE__ */ i(R, { width: "auto", children: /* @__PURE__ */ s("div", { className: e["tedi-checkbox__outer-indicator-wrapper"], children: [
-            /* @__PURE__ */ i(
-              "input",
-              {
-                ref: b,
-                id: a,
-                value: k,
-                name: j,
-                type: "checkbox",
-                disabled: h,
-                checked: r ? !1 : E,
-                onChange: F,
-                className: e["tedi-checkbox__input"],
-                "aria-describedby": [N, q].filter(Boolean).join(" "),
-                required: p,
-                "aria-invalid": u || void 0
-              }
-            ),
-            /* @__PURE__ */ s(
-              "div",
-              {
-                "aria-hidden": "true",
-                onClick: () => {
-                  var c;
-                  return (c = x.current) == null ? void 0 : c.click();
-                },
-                className: t(
-                  e["tedi-checkbox__indicator"],
-                  {
-                    [e["tedi-checkbox__indicator--hover"]]: I,
-                    [e["tedi-checkbox__indicator--indeterminate"]]: r,
-                    [e[`tedi-checkbox__indicator--size-${l}`]]: l,
-                    [e["tedi-checkbox__indicator--invalid"]]: u
-                  },
-                  g
-                ),
-                "data-testid": "checkbox-indicator",
-                children: [
-                  /* @__PURE__ */ i(
-                    C,
-                    {
-                      size: l === "default" ? 16 : 18,
-                      name: "remove",
-                      className: t(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--indeterminate"])
-                    }
-                  ),
-                  /* @__PURE__ */ i(
-                    C,
-                    {
-                      size: l === "default" ? 16 : 18,
-                      name: "check",
-                      className: t(e["tedi-checkbox__icon"], e["tedi-checkbox__icon--check"])
-                    }
-                  )
-                ]
-              }
-            )
+        /* @__PURE__ */ o(re, { gutter: 0, children: [
+          /* @__PURE__ */ a(D, { width: "auto", children: /* @__PURE__ */ o("div", { className: c["tedi-checkbox__outer-indicator-wrapper"], children: [
+            V,
+            j(I)
           ] }) }),
-          f && /* @__PURE__ */ i(R, { children: /* @__PURE__ */ i(
-            P,
+          m && /* @__PURE__ */ a(D, { children: /* @__PURE__ */ a(
+            ae,
             {
-              ref: x,
-              className: H,
-              id: a,
+              className: ce,
+              id: b,
               "data-testid": "checkbox-label",
-              hideLabel: v,
-              label: f,
-              tooltip: _,
-              required: p,
-              labelProps: w
+              hideLabel: P,
+              label: m,
+              tooltip: z,
+              required: L,
+              labelProps: H
             }
           ) })
         ] }),
-        o && /* @__PURE__ */ i(M, { id: N, ...o, className: t(e["tedi-checkbox__helper"], o.className) })
+        t && /* @__PURE__ */ a(E, { id: x, ...t, className: d(c["tedi-checkbox__helper"], t.className) })
       ]
     }
   );
 };
+oe.displayName = "Checkbox";
 export {
-  V as Checkbox,
-  V as default
+  oe as Checkbox,
+  oe as default
 };

package/src/tedi/components/form/checkbox/checkbox.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-checkbox":"tedi-checkbox-0294a114","tedi-checkbox--disabled":"tedi-checkbox--disabled-e22bbaf4","tedi-checkbox__input":"tedi-checkbox__input-2ecab369","tedi-checkbox__outer-indicator-wrapper":"tedi-checkbox__outer-indicator-wrapper-5c85e0ab","tedi-checkbox__helper":"tedi-checkbox__helper-ab2b492c","tedi-checkbox__icon":"tedi-checkbox__icon-281ccd2f","tedi-checkbox__indicator":"tedi-checkbox__indicator-3ae3e79f","tedi-checkbox__icon--check":"tedi-checkbox__icon--check-048f3d53","tedi-checkbox__indicator--indeterminate":"tedi-checkbox__indicator--indeterminate-909c7897","tedi-checkbox__icon--indeterminate":"tedi-checkbox__icon--indeterminate-3e893b59","tedi-checkbox__tooltip-icon":"tedi-checkbox__tooltip-icon-46223bb7","tedi-checkbox__indicator--size-default":"tedi-checkbox__indicator--size-default-00511279","tedi-checkbox__indicator--size-large":"tedi-checkbox__indicator--size-large-b64ce54c","tedi-checkbox__indicator--hover":"tedi-checkbox__indicator--hover-436b8cb1","tedi-checkbox__indicator--invalid":"tedi-checkbox__indicator--invalid-019a355d"};exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c={"tedi-checkbox":"tedi-checkbox-0294a114","tedi-checkbox--disabled":"tedi-checkbox--disabled-e22bbaf4","tedi-checkbox__input":"tedi-checkbox__input-2ecab369","tedi-checkbox__outer-indicator-wrapper":"tedi-checkbox__outer-indicator-wrapper-5c85e0ab","tedi-checkbox__helper":"tedi-checkbox__helper-ab2b492c","tedi-checkbox__icon":"tedi-checkbox__icon-281ccd2f","tedi-checkbox__indicator":"tedi-checkbox__indicator-3ae3e79f","tedi-checkbox__icon--check":"tedi-checkbox__icon--check-048f3d53","tedi-checkbox__indicator--indeterminate":"tedi-checkbox__indicator--indeterminate-909c7897","tedi-checkbox__icon--indeterminate":"tedi-checkbox__icon--indeterminate-3e893b59","tedi-checkbox__tooltip-icon":"tedi-checkbox__tooltip-icon-46223bb7","tedi-checkbox__indicator--size-default":"tedi-checkbox__indicator--size-default-00511279","tedi-checkbox__indicator--size-large":"tedi-checkbox__indicator--size-large-b64ce54c","tedi-checkbox__indicator--invalid":"tedi-checkbox__indicator--invalid-019a355d","tedi-checkbox__indicator--hover":"tedi-checkbox__indicator--hover-436b8cb1","tedi-checkbox--card":"tedi-checkbox--card-d1faeb0e","tedi-checkbox__card-control":"tedi-checkbox__card-control-ea88c4f4","tedi-checkbox__card-label":"tedi-checkbox__card-label-4c136337","tedi-checkbox__card-icon":"tedi-checkbox__card-icon-a4d72e5a","tedi-checkbox__card-description":"tedi-checkbox__card-description-fa672631","tedi-checkbox--card-with-icon":"tedi-checkbox--card-with-icon-2636b953","tedi-checkbox--card-primary":"tedi-checkbox--card-primary-b7da557f","tedi-checkbox--card-secondary":"tedi-checkbox--card-secondary-179169ca"};exports.default=c;