@caseparts-org/caseblocks 0.0.69 → 0.0.71
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.
- package/dist/assets/BannerCard.css +1 -1
- package/dist/assets/Icon.css +1 -1
- package/dist/atoms/Icon/Icon.d.ts +1 -1
- package/dist/atoms/Icon/Icon.js +25 -24
- package/dist/atoms/Icon/Icon.stories.js +8 -8
- package/dist/molecules/BannerCard/BannerCard.js +21 -21
- package/dist/molecules/SearchBox/SearchBox.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._root_ntcay_2{position:relative;display:grid;grid-template-columns:repeat(4,1fr);background-size:cover;background-position:center;overflow:hidden;box-sizing:border-box;align-items:center}._content_ntcay_13{box-sizing:border-box;width:100%;display:flex;flex-direction:column;gap:var(--spacing-spacing-default, 16px)}@media (max-width: 768px){._content_ntcay_13{gap:var(--spacing-spacing-3xs)}}._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 3}}@media (max-width: 768px){._variant_hero_ntcay_26._align_left_ntcay_26 ._content_ntcay_13{padding:var(--spacing-spacing-2xs)}}._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{grid-column:3 / span 2;padding:var(--spacing-spacing-2xl, 3rem)}@media (max-width: 1280px){._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{grid-column:2 / span 3}}@media (max-width: 768px){._variant_hero_ntcay_26._align_right_ntcay_37 ._content_ntcay_13{padding:var(--spacing-spacing-default)}}._variant_promo_ntcay_48._align_left_ntcay_26 ._content_ntcay_13{grid-column:1 / span 3;padding:var(--spacing-spacing-default, 1rem)}._variant_promo_ntcay_48._align_right_ntcay_37 ._content_ntcay_13{grid-column:2 / span 3;padding:var(--spacing-spacing-default, 1rem)}@media (max-width: 1280px){._variant_hero_ntcay_26 ._header_ntcay_59{font-size:var(--font-size-4xl);line-height:var(--line-height-4xl)}}@media (max-width: 768px){._variant_hero_ntcay_26 ._header_ntcay_59{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}}@media (max-width: 1280px){._variant_hero_ntcay_26 ._description_ntcay_70{font-size:var(--font-size-sm);line-height:var(--line-height-sm);margin-top:-12px}}@media (max-width: 768px){._variant_hero_ntcay_26 ._description_ntcay_70{font-size:var(--font-size-xxs);line-height:var(--line-height-xxs);margin-top:0}}._align_left_ntcay_26 ._content_ntcay_13{align-items:flex-start;text-align:left;justify-self:start}._align_right_ntcay_37 ._content_ntcay_13{align-items:flex-end;text-align:right;justify-self:end}._content_ntcay_13>*{position:relative;z-index:1}._overlay_dark_ntcay_102 ._header_ntcay_59,._overlay_dark_ntcay_102 ._description_ntcay_70,._overlay_none_ntcay_104 ._header_ntcay_59,._overlay_none_ntcay_104 ._description_ntcay_70{color:var(--color-neutrals-neutral-1)}._overlay_light_ntcay_109 ._header_ntcay_59{color:var(--color-brand-primary-primary-teal-blue)}._overlay_light_ntcay_109 ._description_ntcay_70{color:#000}
|
package/dist/assets/Icon.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._icon-
|
|
1
|
+
._icon-sm_7uoas_1{--icon-size: var(--font-size-md);--icon-padding: calc(var(--font-size-md) / 4)}._icon-md_7uoas_5{--icon-size: var(--font-size-2xl);--icon-padding: calc(var(--font-size-md) / 4)}._icon-lg_7uoas_9{--icon-size: var(--font-size-3xl);--icon-padding: calc(var(--font-size-lg) / 4)}._wrapper_7uoas_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_7uoas_15>i,._wrapper_7uoas_15>svg{font-size:var(--icon-size);width:100%;height:100%;max-width:100%;max-height:100%}._iconColor-inherit_7uoas_37{color:inherit}._iconColor-default_7uoas_38{color:var(--icons-icon-default)}._iconColor-default-inverted_7uoas_39{color:var(--icons-icon-invert)}._iconColor-secondary_7uoas_40{color:var(--icons-icon-secondary)}._iconColor-warning_7uoas_41{color:var(--icons-icon-warning)}._iconColor-error-warning_7uoas_42{color:var(--icons-icon-error-warning)}._iconColor-success_7uoas_43{color:var(--icons-icon-success)}
|
|
@@ -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" | "default-inverted" | "secondary" | "warning" | "error-warning" | "success";
|
|
4
|
+
type IconColorToken = "inherit" | "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,41 +1,42 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { getHideAtStyles as l } from "../HideAt.js";
|
|
4
|
-
import '../../assets/Icon.css';const
|
|
5
|
-
"icon-sm": "_icon-
|
|
6
|
-
"icon-md": "_icon-
|
|
7
|
-
"icon-lg": "_icon-
|
|
8
|
-
wrapper:
|
|
9
|
-
"iconColor-
|
|
10
|
-
"iconColor-default
|
|
11
|
-
"iconColor-
|
|
12
|
-
"iconColor-
|
|
13
|
-
"iconColor-
|
|
14
|
-
"iconColor-
|
|
4
|
+
import '../../assets/Icon.css';const t = "_wrapper_7uoas_15", o = {
|
|
5
|
+
"icon-sm": "_icon-sm_7uoas_1",
|
|
6
|
+
"icon-md": "_icon-md_7uoas_5",
|
|
7
|
+
"icon-lg": "_icon-lg_7uoas_9",
|
|
8
|
+
wrapper: t,
|
|
9
|
+
"iconColor-inherit": "_iconColor-inherit_7uoas_37",
|
|
10
|
+
"iconColor-default": "_iconColor-default_7uoas_38",
|
|
11
|
+
"iconColor-default-inverted": "_iconColor-default-inverted_7uoas_39",
|
|
12
|
+
"iconColor-secondary": "_iconColor-secondary_7uoas_40",
|
|
13
|
+
"iconColor-warning": "_iconColor-warning_7uoas_41",
|
|
14
|
+
"iconColor-error-warning": "_iconColor-error-warning_7uoas_42",
|
|
15
|
+
"iconColor-success": "_iconColor-success_7uoas_43"
|
|
15
16
|
};
|
|
16
|
-
function
|
|
17
|
-
iconKey:
|
|
18
|
-
size:
|
|
19
|
-
hideAt:
|
|
20
|
-
className:
|
|
21
|
-
colorToken: _ = "
|
|
22
|
-
...
|
|
17
|
+
function m({
|
|
18
|
+
iconKey: i,
|
|
19
|
+
size: c = "md",
|
|
20
|
+
hideAt: s,
|
|
21
|
+
className: a,
|
|
22
|
+
colorToken: _ = "inherit",
|
|
23
|
+
...e
|
|
23
24
|
}) {
|
|
24
25
|
return /* @__PURE__ */ r(
|
|
25
26
|
"span",
|
|
26
27
|
{
|
|
27
28
|
className: n(
|
|
28
29
|
o.wrapper,
|
|
29
|
-
o[`icon-${
|
|
30
|
+
o[`icon-${c}`],
|
|
30
31
|
o[`iconColor-${_}`],
|
|
31
|
-
l(
|
|
32
|
-
|
|
32
|
+
l(s),
|
|
33
|
+
a
|
|
33
34
|
),
|
|
34
|
-
...
|
|
35
|
-
children: /* @__PURE__ */ r("i", { className: n(
|
|
35
|
+
...e,
|
|
36
|
+
children: /* @__PURE__ */ r("i", { className: n(i), "aria-hidden": "true" })
|
|
36
37
|
}
|
|
37
38
|
);
|
|
38
39
|
}
|
|
39
40
|
export {
|
|
40
|
-
|
|
41
|
+
m as Icon
|
|
41
42
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect as s, createElement as c } from "react";
|
|
3
|
-
import { Icon as
|
|
3
|
+
import { Icon as l } from "./Icon.js";
|
|
4
4
|
const d = [
|
|
5
5
|
"fa-kit fa-chat",
|
|
6
6
|
"fa-solid fa-user",
|
|
@@ -10,7 +10,7 @@ const d = [
|
|
|
10
10
|
"fa-solid fa-triangle-exclamation"
|
|
11
11
|
], u = {
|
|
12
12
|
title: "Case Parts/Atoms/Icon",
|
|
13
|
-
component:
|
|
13
|
+
component: l,
|
|
14
14
|
parameters: { layout: "centered" },
|
|
15
15
|
tags: ["autodocs"],
|
|
16
16
|
argTypes: {
|
|
@@ -25,7 +25,7 @@ const d = [
|
|
|
25
25
|
colorToken: {
|
|
26
26
|
name: "color",
|
|
27
27
|
control: { type: "select" },
|
|
28
|
-
options: ["default", "default-inverted", "secondary", "warning", "error-warning", "success"]
|
|
28
|
+
options: ["inherit", "default", "default-inverted", "secondary", "warning", "error-warning", "success"]
|
|
29
29
|
}
|
|
30
30
|
},
|
|
31
31
|
args: {
|
|
@@ -37,14 +37,14 @@ const d = [
|
|
|
37
37
|
}, a = (e) => {
|
|
38
38
|
const { iconKey: t } = e;
|
|
39
39
|
return s(() => {
|
|
40
|
-
var o, n,
|
|
40
|
+
var o, n, i;
|
|
41
41
|
try {
|
|
42
|
-
(
|
|
42
|
+
(i = (n = (o = window == null ? void 0 : window.FontAwesome) == null ? void 0 : o.dom) == null ? void 0 : n.i2svg) == null || i.call(n);
|
|
43
43
|
} catch {
|
|
44
44
|
console.log();
|
|
45
45
|
}
|
|
46
46
|
}, [t]), /* @__PURE__ */ r("div", { style: { backgroundColor: e.colorToken === "default-inverted" ? "#444" : "white" }, children: /* @__PURE__ */ c(
|
|
47
|
-
|
|
47
|
+
l,
|
|
48
48
|
{
|
|
49
49
|
...e,
|
|
50
50
|
key: `${t}-${e.size}-${e.colorToken}`
|
|
@@ -54,7 +54,7 @@ const d = [
|
|
|
54
54
|
render: (e) => /* @__PURE__ */ r(a, { ...e })
|
|
55
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
|
+
}, h = {
|
|
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",
|
|
@@ -75,7 +75,7 @@ const d = [
|
|
|
75
75
|
)) })
|
|
76
76
|
};
|
|
77
77
|
export {
|
|
78
|
-
|
|
78
|
+
h as Colors,
|
|
79
79
|
y as Default,
|
|
80
80
|
g as Sizes,
|
|
81
81
|
u as default
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as n, jsxs as p } from "react/jsx-runtime";
|
|
2
2
|
import { getHideAtStyles as f } from "../../atoms/HideAt.js";
|
|
3
|
-
import { Text as
|
|
3
|
+
import { Text as i } from "../../atoms/Text/Text.js";
|
|
4
4
|
import { c as x } from "../../clsx-OuTLNxxd.js";
|
|
5
|
-
import '../../assets/BannerCard.css';const k = "
|
|
5
|
+
import '../../assets/BannerCard.css';const k = "_root_ntcay_2", N = "_content_ntcay_13", u = "_variant_hero_ntcay_26", z = "_align_left_ntcay_26", S = "_align_right_ntcay_37", $ = "_variant_promo_ntcay_48", b = "_header_ntcay_59", j = "_description_ntcay_70", C = "_overlay_dark_ntcay_102", H = "_overlay_none_ntcay_104", w = "_overlay_light_ntcay_109", t = {
|
|
6
6
|
root: k,
|
|
7
7
|
content: N,
|
|
8
8
|
variant_hero: u,
|
|
@@ -16,34 +16,34 @@ import '../../assets/BannerCard.css';const k = "_root_sclg6_2", N = "_content_sc
|
|
|
16
16
|
overlay_light: w
|
|
17
17
|
};
|
|
18
18
|
function L({
|
|
19
|
-
variant:
|
|
20
|
-
overlayTheme:
|
|
21
|
-
title:
|
|
22
|
-
description:
|
|
23
|
-
backgroundImage:
|
|
24
|
-
align:
|
|
25
|
-
cta:
|
|
26
|
-
className:
|
|
19
|
+
variant: o = "hero",
|
|
20
|
+
overlayTheme: a = "none",
|
|
21
|
+
title: s,
|
|
22
|
+
description: e,
|
|
23
|
+
backgroundImage: r,
|
|
24
|
+
align: l = "left",
|
|
25
|
+
cta: _,
|
|
26
|
+
className: y,
|
|
27
27
|
hideAt: d
|
|
28
28
|
}) {
|
|
29
|
-
const h =
|
|
30
|
-
return /* @__PURE__ */
|
|
29
|
+
const h = r ? { backgroundImage: `url(${r})` } : void 0, c = o === "hero", g = c ? "6xl" : "xl", v = c ? "md" : "sm", m = a === "dark" ? t.textLight : t.textDark;
|
|
30
|
+
return /* @__PURE__ */ n(
|
|
31
31
|
"article",
|
|
32
32
|
{
|
|
33
33
|
className: x(
|
|
34
34
|
t.root,
|
|
35
|
-
t[`variant_${
|
|
36
|
-
t[`align_${
|
|
37
|
-
t[`overlay_${
|
|
38
|
-
|
|
35
|
+
t[`variant_${o}`],
|
|
36
|
+
t[`align_${l}`],
|
|
37
|
+
t[`overlay_${a}`],
|
|
38
|
+
m,
|
|
39
39
|
f(d),
|
|
40
|
-
|
|
40
|
+
y
|
|
41
41
|
),
|
|
42
42
|
style: { ...h },
|
|
43
43
|
children: /* @__PURE__ */ p("div", { className: t.content, children: [
|
|
44
|
-
/* @__PURE__ */
|
|
45
|
-
|
|
46
|
-
|
|
44
|
+
/* @__PURE__ */ n(i, { variant: "display", weight: "light", size: g, className: t.header, children: s }),
|
|
45
|
+
e && /* @__PURE__ */ n(i, { size: v, className: t.description, children: e }),
|
|
46
|
+
_ && /* @__PURE__ */ n("div", { className: t.cta, children: _ })
|
|
47
47
|
] })
|
|
48
48
|
}
|
|
49
49
|
);
|
|
@@ -42,7 +42,7 @@ function N({
|
|
|
42
42
|
flexDirection: "row",
|
|
43
43
|
alignItems: "center",
|
|
44
44
|
children: [
|
|
45
|
-
/* @__PURE__ */ e("button", { className: t.button, type: "submit", children: /* @__PURE__ */ e(f, { iconKey: "fa-regular fa-magnifying-glass", size: "
|
|
45
|
+
/* @__PURE__ */ e("button", { className: t.button, type: "submit", children: /* @__PURE__ */ e(f, { iconKey: "fa-regular fa-magnifying-glass", size: "md" }) }),
|
|
46
46
|
/* @__PURE__ */ e(
|
|
47
47
|
"input",
|
|
48
48
|
{
|