@caseparts-org/caseblocks 0.0.68 → 0.0.69

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 (5) hide show
  1. package/dist/assets/Icon.css +1 -1
  2. package/dist/atoms/Icon/Icon.d.ts +1 -1
  3. package/dist/atoms/Icon/Icon.js +20 -19
  4. package/dist/atoms/Icon/Icon.stories.js +19 -18
  5. package/package.json +1 -1
package/dist/assets/Icon.css CHANGED
@@ -1 +1 @@
1
- ._icon-sm_7w9u2_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_7w9u2_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_7w9u2_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_7w9u2_15{display:inline-flex;width:var(--icon-size);height:var(--icon-size);aspect-ratio:1 / 1;align-items:center;justify-content:center;line-height:1;padding:var(--icon-padding)}._wrapper_7w9u2_15>i,._wrapper_7w9u2_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-default_7w9u2_37{color:var(--icons-icon-default)}._iconColor-secondary_7w9u2_38{color:var(--icons-icon-secondary)}._iconColor-warning_7w9u2_39{color:var(--icons-icon-warning)}._iconColor-error-warning_7w9u2_40{color:var(--icons-icon-error-warning)}._iconColor-success_7w9u2_41{color:var(--icons-icon-success)}
1
+ ._icon-sm_tdofh_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_tdofh_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_tdofh_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_tdofh_15{display:inline-flex;width:var(--icon-size);height:var(--icon-size);aspect-ratio:1 / 1;align-items:center;justify-content:center;line-height:1;padding:var(--icon-padding)}._wrapper_tdofh_15>i,._wrapper_tdofh_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-default_tdofh_37{color:var(--icons-icon-default)}._iconColor-default-inverted_tdofh_38{color:var(--icons-icon-invert)}._iconColor-secondary_tdofh_39{color:var(--icons-icon-secondary)}._iconColor-warning_tdofh_40{color:var(--icons-icon-warning)}._iconColor-error-warning_tdofh_41{color:var(--icons-icon-error-warning)}._iconColor-success_tdofh_42{color:var(--icons-icon-success)}
package/dist/atoms/Icon/Icon.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { HideAtProps } from '../HideAt';
2
2
  type IconSet = "fa-kit" | "fa-solid" | "fa-regular" | "fa-light" | "fa-thin" | "fa-brands";
3
3
  type IconVariant = "fa-sharp" | "fa-duotone" | "fa-sharp-duotone";
4
- type IconColorToken = "default" | "secondary" | "warning" | "error-warning" | "success";
4
+ type IconColorToken = "default" | "default-inverted" | "secondary" | "warning" | "error-warning" | "success";
5
5
  interface IconProps extends React.HTMLAttributes<HTMLSpanElement>, HideAtProps {
6
6
  iconKey: `${IconSet} ${string}` | `${IconVariant} ${IconSet} ${string}`;
7
7
  size?: "sm" | "md" | "lg";
package/dist/atoms/Icon/Icon.js CHANGED
@@ -1,24 +1,25 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
2
  import { c as n } from "../../clsx-OuTLNxxd.js";
3
- import { getHideAtStyles as a } from "../HideAt.js";
4
- import '../../assets/Icon.css';const u = "_wrapper_7w9u2_15", o = {
5
- "icon-sm": "_icon-sm_7w9u2_1",
6
- "icon-md": "_icon-md_7w9u2_5",
7
- "icon-lg": "_icon-lg_7w9u2_9",
8
- wrapper: u,
9
- "iconColor-default": "_iconColor-default_7w9u2_37",
10
- "iconColor-secondary": "_iconColor-secondary_7w9u2_38",
11
- "iconColor-warning": "_iconColor-warning_7w9u2_39",
12
- "iconColor-error-warning": "_iconColor-error-warning_7w9u2_40",
13
- "iconColor-success": "_iconColor-success_7w9u2_41"
3
+ import { getHideAtStyles as l } from "../HideAt.js";
4
+ import '../../assets/Icon.css';const a = "_wrapper_tdofh_15", o = {
5
+ "icon-sm": "_icon-sm_tdofh_1",
6
+ "icon-md": "_icon-md_tdofh_5",
7
+ "icon-lg": "_icon-lg_tdofh_9",
8
+ wrapper: a,
9
+ "iconColor-default": "_iconColor-default_tdofh_37",
10
+ "iconColor-default-inverted": "_iconColor-default-inverted_tdofh_38",
11
+ "iconColor-secondary": "_iconColor-secondary_tdofh_39",
12
+ "iconColor-warning": "_iconColor-warning_tdofh_40",
13
+ "iconColor-error-warning": "_iconColor-error-warning_tdofh_41",
14
+ "iconColor-success": "_iconColor-success_tdofh_42"
14
15
  };
15
16
  function p({
16
17
  iconKey: c,
17
18
  size: i = "md",
18
- hideAt: _,
19
- className: e,
20
- colorToken: s = "default",
21
- ...l
19
+ hideAt: e,
20
+ className: t,
21
+ colorToken: _ = "default",
22
+ ...d
22
23
  }) {
23
24
  return /* @__PURE__ */ r(
24
25
  "span",
@@ -26,11 +27,11 @@ function p({
26
27
  className: n(
27
28
  o.wrapper,
28
29
  o[`icon-${i}`],
29
- o[`iconColor-${s}`],
30
- a(_),
31
- e
30
+ o[`iconColor-${_}`],
31
+ l(e),
32
+ t
32
33
  ),
33
- ...l,
34
+ ...d,
34
35
  children: /* @__PURE__ */ r("i", { className: n(c), "aria-hidden": "true" })
35
36
  }
36
37
  );
package/dist/atoms/Icon/Icon.stories.js CHANGED
@@ -1,22 +1,22 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import { useEffect as c, createElement as i } from "react";
3
- import { Icon as l } from "./Icon.js";
4
- const f = [
2
+ import { useEffect as s, createElement as c } from "react";
3
+ import { Icon as i } from "./Icon.js";
4
+ const d = [
5
5
  "fa-kit fa-chat",
6
6
  "fa-solid fa-user",
7
7
  "fa-regular fa-bell",
8
8
  "fa-solid fa-gear",
9
9
  "fa-solid fa-circle-info",
10
10
  "fa-solid fa-triangle-exclamation"
11
- ], y = {
11
+ ], u = {
12
12
  title: "Case Parts/Atoms/Icon",
13
- component: l,
13
+ component: i,
14
14
  parameters: { layout: "centered" },
15
15
  tags: ["autodocs"],
16
16
  argTypes: {
17
17
  iconKey: {
18
18
  control: { type: "select" },
19
- options: f
19
+ options: d
20
20
  },
21
21
  size: {
22
22
  control: { type: "radio" },
@@ -25,7 +25,7 @@ const f = [
25
25
  colorToken: {
26
26
  name: "color",
27
27
  control: { type: "select" },
28
- options: ["default", "secondary", "warning", "error-warning", "success"]
28
+ options: ["default", "default-inverted", "secondary", "warning", "error-warning", "success"]
29
29
  }
30
30
  },
31
31
  args: {
@@ -36,28 +36,29 @@ const f = [
36
36
  }
37
37
  }, a = (e) => {
38
38
  const { iconKey: t } = e;
39
- return c(() => {
40
- var o, n, s;
39
+ return s(() => {
40
+ var o, n, l;
41
41
  try {
42
- (s = (n = (o = window == null ? void 0 : window.FontAwesome) == null ? void 0 : o.dom) == null ? void 0 : n.i2svg) == null || s.call(n);
42
+ (l = (n = (o = window == null ? void 0 : window.FontAwesome) == null ? void 0 : o.dom) == null ? void 0 : n.i2svg) == null || l.call(n);
43
43
  } catch {
44
44
  console.log();
45
45
  }
46
- }, [t]), /* @__PURE__ */ i(
47
- l,
46
+ }, [t]), /* @__PURE__ */ r("div", { style: { backgroundColor: e.colorToken === "default-inverted" ? "#444" : "white" }, children: /* @__PURE__ */ c(
47
+ i,
48
48
  {
49
49
  ...e,
50
50
  key: `${t}-${e.size}-${e.colorToken}`
51
51
  }
52
- );
53
- }, g = {
52
+ ) });
53
+ }, y = {
54
54
  render: (e) => /* @__PURE__ */ r(a, { ...e })
55
- }, u = {
55
+ }, g = {
56
56
  render: (e) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "0.75rem", alignItems: "center" }, children: ["sm", "md", "lg"].map((t) => /* @__PURE__ */ r(a, { ...e, size: t }, t)) })
57
57
  }, k = {
58
58
  args: { iconKey: "fa-solid fa-circle-info" },
59
59
  render: (e) => /* @__PURE__ */ r("div", { style: { display: "flex", gap: "1rem", alignItems: "center" }, children: [
60
60
  "default",
61
+ "default-inverted",
61
62
  "secondary",
62
63
  "warning",
63
64
  "error-warning",
@@ -75,7 +76,7 @@ const f = [
75
76
  };
76
77
  export {
77
78
  k as Colors,
78
- g as Default,
79
- u as Sizes,
80
- y as default
79
+ y as Default,
80
+ g as Sizes,
81
+ u as default
81
82
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@caseparts-org/caseblocks",
3
3
  "private": false,
4
- "version": "0.0.68",
4
+ "version": "0.0.69",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",