@tedi-design-system/react 16.0.0-rc.13 → 16.0.0-rc.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tedi-design-system/react",
-  "version": "16.0.0-rc.13",
+  "version": "16.0.0-rc.14",
   "type": "module",
   "sideEffects": false,
   "exports": {

package/src/tedi/components/buttons/closing-button/closing-button.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),m=require("../../../../../external/classnames/index.cjs.js"),f=require("../../base/icon/icon.cjs.js"),n=require("./closing-button.module.scss.cjs.js"),q=require("../../../providers/label-provider/use-labels.cjs.js"),l=i=>{const{getLabel:u}=q.useLabels(),{title:e=u("close"),onClick:c,size:a="default",iconSize:t=24,className:r,...d}=i,s=t===18?"small":a,b=m.default(n.default["tedi-closing-button"],{[n.default[`tedi-closing-button--${s}`]]:s},r),g=t??24;return o.jsx("button",{"data-name":"closing-button",type:"button",...d,className:b,onClick:c,title:e,"aria-label":e,children:o.jsx(f.Icon,{name:"close",size:g})})};exports.ClosingButton=l;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),f=require("../../../../../external/classnames/index.cjs.js"),q=require("../../base/icon/icon.cjs.js"),e=require("./closing-button.module.scss.cjs.js"),z=require("../../../providers/label-provider/use-labels.cjs.js"),u=c=>{const{getLabel:r}=z.useLabels(),{title:o=r("close"),onClick:a,size:t="default",iconSize:n=24,color:s="primary",className:d,...b}=c,l=n===18?"small":t,g=f.default(e.default["tedi-closing-button"],{[e.default[`tedi-closing-button--${t}`]]:t,[e.default[`tedi-closing-button--color-${s}`]]:s,[e.default[`tedi-closing-button--${l}`]]:l},d),m=n??24;return i.jsx("button",{"data-name":"closing-button",type:"button",...b,className:g,onClick:a,title:o,"aria-label":o,children:i.jsx(q.Icon,{name:"close",size:m,color:"inherit"})})};exports.ClosingButton=u;exports.default=u;

package/src/tedi/components/buttons/closing-button/closing-button.d.ts

@@ -1,4 +1,5 @@
 import { MouseEventHandler, ButtonHTMLAttributes } from 'react';
+type ClosingButtonColor = 'primary' | 'brand' | 'white';
 export type ClosingButtonSize = 'default' | 'small';
 export type ClosingButtonIconSize = 18 | 24;
 export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -8,7 +9,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
     className?: string;
     /**
      * Size of the ClosingButton
-     * @default 'default'
+     * @default default
      */
     size?: ClosingButtonSize;
     /**
@@ -16,6 +17,7 @@ export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonEleme
      */
     onClick?: MouseEventHandler<HTMLButtonElement>;
     title?: string;
+    color?: ClosingButtonColor;
     iconSize?: ClosingButtonIconSize;
 }
 export declare const ClosingButton: (props: ClosingButtonProps) => JSX.Element;

package/src/tedi/components/buttons/closing-button/closing-button.es.js

@@ -1,27 +1,37 @@
-import { jsx as s } from "react/jsx-runtime";
-import b from "../../../../../external/classnames/index.es.js";
-import { Icon as d } from "../../base/icon/icon.es.js";
-import n from "./closing-button.module.scss.es.js";
+import { jsx as i } from "react/jsx-runtime";
+import d from "../../../../../external/classnames/index.es.js";
+import { Icon as p } from "../../base/icon/icon.es.js";
+import o from "./closing-button.module.scss.es.js";
 import { useLabels as f } from "../../../providers/label-provider/use-labels.es.js";
-const I = (l) => {
-  const { getLabel: i } = f(), { title: o = i("close"), onClick: a, size: c = "default", iconSize: t = 24, className: r, ...m } = l, e = t === 18 ? "small" : c, u = b(
-    n["tedi-closing-button"],
+const I = (c) => {
+  const { getLabel: r } = f(), {
+    title: e = r("close"),
+    onClick: a,
+    size: t = "default",
+    iconSize: s = 24,
+    color: n = "primary",
+    className: m,
+    ...u
+  } = c, l = s === 18 ? "small" : t, b = d(
+    o["tedi-closing-button"],
     {
-      [n[`tedi-closing-button--${e}`]]: e
+      [o[`tedi-closing-button--${t}`]]: t,
+      [o[`tedi-closing-button--color-${n}`]]: n,
+      [o[`tedi-closing-button--${l}`]]: l
     },
-    r
+    m
   );
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ i(
     "button",
     {
       "data-name": "closing-button",
       type: "button",
-      ...m,
-      className: u,
+      ...u,
+      className: b,
       onClick: a,
-      title: o,
-      "aria-label": o,
-      children: /* @__PURE__ */ s(d, { name: "close", size: t ?? 24 })
+      title: e,
+      "aria-label": e,
+      children: /* @__PURE__ */ i(p, { name: "close", size: s ?? 24, color: "inherit" })
     }
   );
 };

package/src/tedi/components/buttons/closing-button/closing-button.module.scss.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--default":"tedi-closing-button--default-22ed12be","tedi-closing-button--small":"tedi-closing-button--small-0e85c3e2"};exports.default=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-closing-button":"tedi-closing-button-358111e2","tedi-closing-button--default":"tedi-closing-button--default-22ed12be","tedi-closing-button--small":"tedi-closing-button--small-0e85c3e2","tedi-closing-button--color-primary":"tedi-closing-button--color-primary-354c7441","tedi-closing-button--color-brand":"tedi-closing-button--color-brand-3b2d68a9","tedi-closing-button--color-white":"tedi-closing-button--color-white-be57bd0e"};exports.default=t;

package/src/tedi/components/buttons/closing-button/closing-button.module.scss.es.js

@@ -1,7 +1,10 @@
 const t = {
   "tedi-closing-button": "tedi-closing-button-358111e2",
   "tedi-closing-button--default": "tedi-closing-button--default-22ed12be",
-  "tedi-closing-button--small": "tedi-closing-button--small-0e85c3e2"
+  "tedi-closing-button--small": "tedi-closing-button--small-0e85c3e2",
+  "tedi-closing-button--color-primary": "tedi-closing-button--color-primary-354c7441",
+  "tedi-closing-button--color-brand": "tedi-closing-button--color-brand-3b2d68a9",
+  "tedi-closing-button--color-white": "tedi-closing-button--color-white-be57bd0e"
 };
 export {
   t as default