@tedi-design-system/react 16.0.0 → 16.0.1-rc.1

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 (7) hide show
  1. package/bundle-stats.html +1 -1
  2. package/index.css +1 -1
  3. package/package.json +1 -1
  4. package/src/tedi/components/tags/status-badge/status-badge.cjs.js +1 -1
  5. package/src/tedi/components/tags/status-badge/status-badge.es.js +32 -55
  6. package/src/tedi/components/tags/status-badge/status-badge.module.scss.cjs.js +1 -1
  7. package/src/tedi/components/tags/status-badge/status-badge.module.scss.es.js +1 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tedi-design-system/react",
3
- "version": "16.0.0",
3
+ "version": "16.0.1-rc.1",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "exports": {
package/src/tedi/components/tags/status-badge/status-badge.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),k=require("../../../../../external/classnames/index.cjs.js"),x=require("../../base/icon/icon.cjs.js"),e=require("./status-badge.module.scss.cjs.js"),j=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),q=u=>{const{getCurrentBreakpointProps:o}=j.useBreakpointProps(u.defaultServerBreakpoint),{color:a="neutral",variant:c="filled",size:l="default",children:s,className:g,title:i,status:r,icon:n,id:b,role:t,...f}=o(u),m=i?"abbr":"div",p=_=>{switch(_){case"brand":return"brand-dark";case"success":return"success";case"accent":return"secondary";case"danger":return"danger";case"warning":return"warning-dark";default:return"primary"}},v=k.default(e.default["tedi-status-badge"],e.default[`tedi-status-badge--variant-${c}`],e.default[`tedi-status-badge--color-${a}`],r&&e.default["tedi-status-badge--status"],r&&e.default[`tedi-status-badge--status-${r}`],l==="large"&&e.default["tedi-status-badge--large"],n&&!s&&e.default["tedi-status-badge__icon-only"],g),B=t==="alert"?"assertive":t==="status"?"polite":void 0;return d.jsxs(m,{className:v,id:b,title:i,role:t,"aria-live":t?B:void 0,...f,children:[n&&d.jsx(x.Icon,{name:n,color:p(a),size:16,className:e.default[`tedi-status-badge__icon-${a}`]}),s&&d.jsx("span",{className:e.default["tedi-status-badge__inner-text"],children:s})]})};exports.StatusBadge=q;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),B=require("../../../../../external/classnames/index.cjs.js"),_=require("../../base/icon/icon.cjs.js"),e=require("./status-badge.module.scss.cjs.js"),x=require("../../../helpers/hooks/use-breakpoint-props.cjs.js"),j=r=>{const{getCurrentBreakpointProps:o}=x.useBreakpointProps(r.defaultServerBreakpoint),{color:u="neutral",variant:l="filled",size:c="default",children:a,className:g,title:n,status:s,icon:i,id:b,role:t,...f}=o(r),v=n?"abbr":"div",m=B.default(e.default["tedi-status-badge"],e.default[`tedi-status-badge--variant-${l}`],e.default[`tedi-status-badge--color-${u}`],s&&e.default["tedi-status-badge--status"],s&&e.default[`tedi-status-badge--status-${s}`],c==="large"&&e.default["tedi-status-badge--large"],i&&!a&&e.default["tedi-status-badge__icon-only"],g),p=t==="alert"?"assertive":t==="status"?"polite":void 0;return d.jsxs(v,{className:m,id:b,title:n,role:t,"aria-live":t?p:void 0,...f,children:[i&&d.jsx(_.Icon,{name:i,color:"inherit",size:16,className:e.default[`tedi-status-badge__icon-${u}`]}),a&&d.jsx("span",{className:e.default["tedi-status-badge__inner-text"],children:a})]})};exports.StatusBadge=j;
package/src/tedi/components/tags/status-badge/status-badge.es.js CHANGED
@@ -1,66 +1,43 @@
1
- import { jsxs as _, jsx as d } from "react/jsx-runtime";
2
- import k from "../../../../../external/classnames/index.es.js";
3
- import { Icon as N } from "../../base/icon/icon.es.js";
4
- import e from "./status-badge.module.scss.es.js";
5
- import { useBreakpointProps as x } from "../../../helpers/hooks/use-breakpoint-props.es.js";
6
- const z = (n) => {
7
- const { getCurrentBreakpointProps: c } = x(n.defaultServerBreakpoint), {
8
- color: a = "neutral",
9
- variant: l = "filled",
1
+ import { jsxs as f, jsx as n } from "react/jsx-runtime";
2
+ import _ from "../../../../../external/classnames/index.es.js";
3
+ import { Icon as B } from "../../base/icon/icon.es.js";
4
+ import t from "./status-badge.module.scss.es.js";
5
+ import { useBreakpointProps as N } from "../../../helpers/hooks/use-breakpoint-props.es.js";
6
+ const z = (r) => {
7
+ const { getCurrentBreakpointProps: l } = N(r.defaultServerBreakpoint), {
8
+ color: o = "neutral",
9
+ variant: c = "filled",
10
10
  size: u = "default",
11
- children: s,
12
- className: g,
13
- title: o,
14
- status: r,
11
+ children: a,
12
+ className: m,
13
+ title: d,
14
+ status: s,
15
15
  icon: i,
16
- id: m,
17
- role: t,
16
+ id: g,
17
+ role: e,
18
18
  ...b
19
- } = c(n), p = o ? "abbr" : "div", v = (B) => {
20
- switch (B) {
21
- case "brand":
22
- return "brand-dark";
23
- case "success":
24
- return "success";
25
- case "accent":
26
- return "secondary";
27
- case "danger":
28
- return "danger";
29
- case "warning":
30
- return "warning-dark";
31
- default:
32
- return "primary";
33
- }
34
- }, f = k(
35
- e["tedi-status-badge"],
36
- e[`tedi-status-badge--variant-${l}`],
37
- e[`tedi-status-badge--color-${a}`],
38
- r && e["tedi-status-badge--status"],
39
- r && e[`tedi-status-badge--status-${r}`],
40
- u === "large" && e["tedi-status-badge--large"],
41
- i && !s && e["tedi-status-badge__icon-only"],
42
- g
19
+ } = l(r), p = d ? "abbr" : "div", v = _(
20
+ t["tedi-status-badge"],
21
+ t[`tedi-status-badge--variant-${c}`],
22
+ t[`tedi-status-badge--color-${o}`],
23
+ s && t["tedi-status-badge--status"],
24
+ s && t[`tedi-status-badge--status-${s}`],
25
+ u === "large" && t["tedi-status-badge--large"],
26
+ i && !a && t["tedi-status-badge__icon-only"],
27
+ m
43
28
  );
44
- return /* @__PURE__ */ _(
29
+ return /* @__PURE__ */ f(
45
30
  p,
46
31
  {
47
- className: f,
48
- id: m,
49
- title: o,
50
- role: t,
51
- "aria-live": t ? t === "alert" ? "assertive" : t === "status" ? "polite" : void 0 : void 0,
32
+ className: v,
33
+ id: g,
34
+ title: d,
35
+ role: e,
36
+ "aria-live": e ? e === "alert" ? "assertive" : e === "status" ? "polite" : void 0 : void 0,
52
37
  ...b,
53
38
  children: [
54
- i && /* @__PURE__ */ d(
55
- N,
56
- {
57
- name: i,
58
- color: v(a),
59
- size: 16,
60
- className: e[`tedi-status-badge__icon-${a}`]
61
- }
62
- ),
63
- s && /* @__PURE__ */ d("span", { className: e["tedi-status-badge__inner-text"], children: s })
39
+ i && /* @__PURE__ */ n(B, { name: i, color: "inherit", size: 16, className: t[`tedi-status-badge__icon-${o}`] }),
40
+ a && /* @__PURE__ */ n("span", { className: t["tedi-status-badge__inner-text"], children: a })
64
41
  ]
65
42
  }
66
43
  );
package/src/tedi/components/tags/status-badge/status-badge.module.scss.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-status-badge":"tedi-status-badge-4e27f642","tedi-status-badge__inner-text":"tedi-status-badge__inner-text-03b0bc82","tedi-status-badge--large":"tedi-status-badge--large-5f2dbfb5","tedi-status-badge--variant-filled":"tedi-status-badge--variant-filled-f4539af1","tedi-status-badge--color-neutral":"tedi-status-badge--color-neutral-d01344a8","tedi-status-badge--color-brand":"tedi-status-badge--color-brand-b771d71c","tedi-status-badge--color-accent":"tedi-status-badge--color-accent-c08bc9ef","tedi-status-badge--color-success":"tedi-status-badge--color-success-1fbe69c4","tedi-status-badge--color-danger":"tedi-status-badge--color-danger-5fce5f83","tedi-status-badge--color-warning":"tedi-status-badge--color-warning-fa9d7c9b","tedi-status-badge--color-transparent":"tedi-status-badge--color-transparent-e6953202","tedi-status-badge--variant-filled-bordered":"tedi-status-badge--variant-filled-bordered-2dd34026","tedi-status-badge--variant-bordered":"tedi-status-badge--variant-bordered-1a37eb74","tedi-status-badge--status":"tedi-status-badge--status-fc03170a","tedi-badge--large":"tedi-badge--large-9671d5cc","tedi-status-badge--status-inactive":"tedi-status-badge--status-inactive-63b8ced2","tedi-status-badge--status-success":"tedi-status-badge--status-success-5c659818","tedi-status-badge--status-danger":"tedi-status-badge--status-danger-f02c312f","tedi-status-badge--status-warning":"tedi-status-badge--status-warning-28e8b925","tedi-status-badge__icon-only":"tedi-status-badge__icon-only-40501cec","tedi-status-badge__icon-primary":"tedi-status-badge__icon-primary-3c104521","tedi-status-badge__icon-accent":"tedi-status-badge__icon-accent-3c367d33"};exports.default=t;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t={"tedi-status-badge":"tedi-status-badge-4e27f642","tedi-status-badge__inner-text":"tedi-status-badge__inner-text-03b0bc82","tedi-status-badge--large":"tedi-status-badge--large-5f2dbfb5","tedi-status-badge--variant-filled":"tedi-status-badge--variant-filled-f4539af1","tedi-status-badge--color-neutral":"tedi-status-badge--color-neutral-d01344a8","tedi-status-badge--color-brand":"tedi-status-badge--color-brand-b771d71c","tedi-status-badge--color-accent":"tedi-status-badge--color-accent-c08bc9ef","tedi-status-badge--color-success":"tedi-status-badge--color-success-1fbe69c4","tedi-status-badge--color-danger":"tedi-status-badge--color-danger-5fce5f83","tedi-status-badge--color-warning":"tedi-status-badge--color-warning-fa9d7c9b","tedi-status-badge--color-transparent":"tedi-status-badge--color-transparent-e6953202","tedi-status-badge--variant-filled-bordered":"tedi-status-badge--variant-filled-bordered-2dd34026","tedi-status-badge--variant-bordered":"tedi-status-badge--variant-bordered-1a37eb74","tedi-status-badge--status":"tedi-status-badge--status-fc03170a","tedi-badge--large":"tedi-badge--large-9671d5cc","tedi-status-badge--status-inactive":"tedi-status-badge--status-inactive-63b8ced2","tedi-status-badge--status-success":"tedi-status-badge--status-success-5c659818","tedi-status-badge--status-danger":"tedi-status-badge--status-danger-f02c312f","tedi-status-badge--status-warning":"tedi-status-badge--status-warning-28e8b925","tedi-status-badge__icon-only":"tedi-status-badge__icon-only-40501cec"};exports.default=t;
package/src/tedi/components/tags/status-badge/status-badge.module.scss.es.js CHANGED
@@ -18,9 +18,7 @@ const t = {
18
18
  "tedi-status-badge--status-success": "tedi-status-badge--status-success-5c659818",
19
19
  "tedi-status-badge--status-danger": "tedi-status-badge--status-danger-f02c312f",
20
20
  "tedi-status-badge--status-warning": "tedi-status-badge--status-warning-28e8b925",
21
- "tedi-status-badge__icon-only": "tedi-status-badge__icon-only-40501cec",
22
- "tedi-status-badge__icon-primary": "tedi-status-badge__icon-primary-3c104521",
23
- "tedi-status-badge__icon-accent": "tedi-status-badge__icon-accent-3c367d33"
21
+ "tedi-status-badge__icon-only": "tedi-status-badge__icon-only-40501cec"
24
22
  };
25
23
  export {
26
24
  t as default