@caseparts-org/caseblocks 0.0.95 → 0.0.96

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 (6) hide show
  1. package/dist/assets/CategoryNav.css +1 -1
  2. package/dist/atoms/Tooltip/Tooltip.stories.d.ts +1 -0
  3. package/dist/atoms/Tooltip/Tooltip.stories.js +93 -30
  4. package/dist/molecules/CategoryNav/CategoryNav.js +11 -11
  5. package/dist/molecules/CategoryNav/CategoryNav.stories.js +36 -4
  6. package/package.json +1 -1
package/dist/assets/CategoryNav.css CHANGED
@@ -1 +1 @@
1
- ._categories_13aed_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_13aed_1{display:none}}._category_13aed_17{list-style:none}._category_13aed_17 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_13aed_17 a{justify-content:space-between;width:100%}}._category_13aed_17 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_13aed_17 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_13aed_43{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}
1
+ ._categories_1of98_1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0 90px 0 47px}@media (max-width: 1281px){._categories_1of98_1{display:none}}._category_1of98_17{list-style:none}._category_1of98_17 a{color:var(--text-text-primary);font-weight:var(--font-weight-semibold);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_1of98_17 a{justify-content:space-between;width:100%}}._category_1of98_17 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_1of98_17 a path{fill:var(--color-brand-primary-primary-teal-blue)}._submenuTooltip_1of98_43{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs);flex-wrap:wrap;max-height:400px}
package/dist/atoms/Tooltip/Tooltip.stories.d.ts CHANGED
@@ -62,3 +62,4 @@ export declare const BottomHover: Story;
62
62
  export declare const PositionRight: Story;
63
63
  export declare const PositionLeft: Story;
64
64
  export declare const AbsolutelyPositioned: Story;
65
+ export declare const LargeContent: Story;
package/dist/atoms/Tooltip/Tooltip.stories.js CHANGED
@@ -1,9 +1,9 @@
1
- import { jsxs as o, jsx as t } from "react/jsx-runtime";
2
- import { Tooltip as e } from "./Tooltip.js";
1
+ import { jsxs as e, jsx as t } from "react/jsx-runtime";
2
+ import { Tooltip as o } from "./Tooltip.js";
3
3
  import { Button as i } from "../Button/Button.js";
4
- const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family:'Roboto',sans-serif;}" }), c = {
4
+ const l = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family:'Roboto',sans-serif;}" }), p = {
5
5
  title: "Case Parts/Atoms/Tooltip",
6
- component: e,
6
+ component: o,
7
7
  parameters: {
8
8
  layout: "centered",
9
9
  controls: { sort: "requiredFirst" },
@@ -60,13 +60,13 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
60
60
  description: "Tooltip content."
61
61
  }
62
62
  }
63
- }, d = {
63
+ }, c = {
64
64
  args: {
65
65
  position: "top center",
66
66
  openDelay: 0,
67
67
  closeDelay: 0
68
68
  },
69
- render: (n) => /* @__PURE__ */ o(
69
+ render: (n) => /* @__PURE__ */ e(
70
70
  "div",
71
71
  {
72
72
  style: {
@@ -78,9 +78,9 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
78
78
  justifyContent: "center"
79
79
  },
80
80
  children: [
81
- /* @__PURE__ */ t(r, {}),
81
+ /* @__PURE__ */ t(l, {}),
82
82
  /* @__PURE__ */ t(
83
- e,
83
+ o,
84
84
  {
85
85
  ...n,
86
86
  contentClassName: "storyRoboto",
@@ -91,8 +91,8 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
91
91
  ]
92
92
  }
93
93
  )
94
- }, p = {
95
- render: () => /* @__PURE__ */ o(
94
+ }, d = {
95
+ render: () => /* @__PURE__ */ e(
96
96
  "div",
97
97
  {
98
98
  style: {
@@ -104,9 +104,9 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
104
104
  justifyContent: "center"
105
105
  },
106
106
  children: [
107
- /* @__PURE__ */ t(r, {}),
107
+ /* @__PURE__ */ t(l, {}),
108
108
  /* @__PURE__ */ t(
109
- e,
109
+ o,
110
110
  {
111
111
  contentClassName: "storyRoboto",
112
112
  trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "secondary", children: "Hover me" }) }),
@@ -119,8 +119,8 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
119
119
  ]
120
120
  }
121
121
  )
122
- }, h = {
123
- render: () => /* @__PURE__ */ o(
122
+ }, a = {
123
+ render: () => /* @__PURE__ */ e(
124
124
  "div",
125
125
  {
126
126
  style: {
@@ -132,9 +132,9 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
132
132
  justifyContent: "center"
133
133
  },
134
134
  children: [
135
- /* @__PURE__ */ t(r, {}),
135
+ /* @__PURE__ */ t(l, {}),
136
136
  /* @__PURE__ */ t(
137
- e,
137
+ o,
138
138
  {
139
139
  contentClassName: "storyRoboto",
140
140
  trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
@@ -145,8 +145,8 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
145
145
  ]
146
146
  }
147
147
  )
148
- }, m = {
149
- render: () => /* @__PURE__ */ o(
148
+ }, f = {
149
+ render: () => /* @__PURE__ */ e(
150
150
  "div",
151
151
  {
152
152
  style: {
@@ -158,9 +158,9 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
158
158
  justifyContent: "center"
159
159
  },
160
160
  children: [
161
- /* @__PURE__ */ t(r, {}),
161
+ /* @__PURE__ */ t(l, {}),
162
162
  /* @__PURE__ */ t(
163
- e,
163
+ o,
164
164
  {
165
165
  contentClassName: "storyRoboto",
166
166
  trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "tertiary", children: "Hover left" }) }),
@@ -171,8 +171,8 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
171
171
  ]
172
172
  }
173
173
  )
174
- }, g = {
175
- render: () => /* @__PURE__ */ o(
174
+ }, m = {
175
+ render: () => /* @__PURE__ */ e(
176
176
  "div",
177
177
  {
178
178
  style: {
@@ -185,9 +185,9 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
185
185
  right: "300px"
186
186
  },
187
187
  children: [
188
- /* @__PURE__ */ t(r, {}),
188
+ /* @__PURE__ */ t(l, {}),
189
189
  /* @__PURE__ */ t(
190
- e,
190
+ o,
191
191
  {
192
192
  contentClassName: "storyRoboto",
193
193
  trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "cta-primary", children: "Hover right" }) }),
@@ -198,12 +198,75 @@ const r = () => /* @__PURE__ */ t("style", { children: ".storyRoboto{font-family
198
198
  ]
199
199
  }
200
200
  )
201
+ }, g = {
202
+ render: () => /* @__PURE__ */ e(
203
+ "div",
204
+ {
205
+ style: {
206
+ height: "100vh",
207
+ width: "100%",
208
+ display: "flex",
209
+ flexDirection: "row",
210
+ alignItems: "center",
211
+ justifyContent: "center"
212
+ },
213
+ children: [
214
+ /* @__PURE__ */ t(l, {}),
215
+ /* @__PURE__ */ t(
216
+ o,
217
+ {
218
+ contentClassName: "storyRoboto",
219
+ trigger: /* @__PURE__ */ t("div", { className: "tooltip-story", children: /* @__PURE__ */ t(i, { size: "md", variant: "tertiary", children: "Hover left" }) }),
220
+ position: "left center",
221
+ children: /* @__PURE__ */ e("div", { style: { display: "flex", flexDirection: "column", flexWrap: "wrap", gap: 4, maxHeight: 400 }, children: [
222
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
223
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
224
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
225
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
226
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
227
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
228
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
229
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
230
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
231
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
232
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
233
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
234
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
235
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
236
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
237
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
238
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
239
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
240
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
241
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
242
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
243
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
244
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
245
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
246
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
247
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
248
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
249
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
250
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
251
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
252
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
253
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
254
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
255
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." }),
256
+ /* @__PURE__ */ t("p", { children: "Tooltip on the left." })
257
+ ] })
258
+ }
259
+ )
260
+ ]
261
+ }
262
+ )
201
263
  };
202
264
  export {
203
- g as AbsolutelyPositioned,
204
- p as BottomHover,
205
- d as OnHover,
206
- m as PositionLeft,
207
- h as PositionRight,
208
- c as default
265
+ m as AbsolutelyPositioned,
266
+ d as BottomHover,
267
+ g as LargeContent,
268
+ c as OnHover,
269
+ f as PositionLeft,
270
+ a as PositionRight,
271
+ p as default
209
272
  };
package/dist/molecules/CategoryNav/CategoryNav.js CHANGED
@@ -3,21 +3,21 @@ import { c as a } from "../../clsx-OuTLNxxd.js";
3
3
  import { Text as n } from "../../atoms/Text/Text.js";
4
4
  import { Link as s } from "../../atoms/Link/Link.js";
5
5
  import { Icon as m } from "../../atoms/Icon/Icon.js";
6
- import { getHideAtStyles as d } from "../../atoms/HideAt.js";
7
- import { Tooltip as c } from "../../atoms/Tooltip/Tooltip.js";
8
- import '../../assets/CategoryNav.css';const h = "_categories_13aed_1", u = "_category_13aed_17", p = "_submenuTooltip_13aed_43", l = {
6
+ import { getHideAtStyles as c } from "../../atoms/HideAt.js";
7
+ import { Tooltip as d } from "../../atoms/Tooltip/Tooltip.js";
8
+ import '../../assets/CategoryNav.css';const h = "_categories_1of98_1", f = "_category_1of98_17", u = "_submenuTooltip_1of98_43", o = {
9
9
  categories: h,
10
- category: u,
11
- submenuTooltip: p
10
+ category: f,
11
+ submenuTooltip: u
12
12
  };
13
13
  function z({
14
- categories: o
14
+ categories: l
15
15
  }) {
16
- return !o || o.length === 0 ? null : /* @__PURE__ */ e("ul", { className: a(l.categories, d(["sm"])), children: o.map(
16
+ return !l || l.length === 0 ? null : /* @__PURE__ */ e("ul", { className: a(o.categories, c(["sm"])), children: l.map(
17
17
  (i) => i.children.length > 0 ? /* @__PURE__ */ e(
18
- c,
18
+ d,
19
19
  {
20
- trigger: /* @__PURE__ */ e("li", { className: l.category, tabIndex: 0, children: /* @__PURE__ */ t(s, { href: i.route, children: [
20
+ trigger: /* @__PURE__ */ e("li", { className: o.category, tabIndex: 0, children: /* @__PURE__ */ t(s, { href: i.route, children: [
21
21
  /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
22
22
  i.showChevron && /* @__PURE__ */ e(
23
23
  m,
@@ -29,10 +29,10 @@ function z({
29
29
  )
30
30
  ] }) }),
31
31
  position: "bottom center",
32
- children: /* @__PURE__ */ e("ul", { className: l.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { href: r.route, children: /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: r.label }) }) }, r.id)) })
32
+ children: /* @__PURE__ */ e("ul", { className: o.submenuTooltip, children: i.children.map((r) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(s, { href: r.route, children: /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: r.label }) }) }, r.id)) })
33
33
  },
34
34
  i.id
35
- ) : /* @__PURE__ */ e("li", { className: l.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
35
+ ) : /* @__PURE__ */ e("li", { className: o.category, children: /* @__PURE__ */ t(s, { href: i.route, children: [
36
36
  /* @__PURE__ */ e(n, { size: "sm", weight: "semibold", children: i.label }),
37
37
  i.showChevron && /* @__PURE__ */ e(
38
38
  m,
package/dist/molecules/CategoryNav/CategoryNav.stories.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { CategoryNav as e } from "./CategoryNav.js";
2
- const t = {
2
+ const i = {
3
3
  title: "Case Parts/Molecules/CategoryNav",
4
4
  component: e,
5
5
  parameters: {
@@ -14,6 +14,38 @@ const t = {
14
14
  { id: 20, label: "Anthony", route: "/anthony" },
15
15
  { id: 21, label: "Beverage Air", route: "/beverage" },
16
16
  { id: 22, label: "Continental", route: "/continental" },
17
+ { id: 23, label: "Delfield", route: "/delfield" },
18
+ { id: 23, label: "Delfield", route: "/delfield" },
19
+ { id: 23, label: "Delfield", route: "/delfield" },
20
+ { id: 23, label: "Delfield", route: "/delfield" },
21
+ { id: 23, label: "Delfield", route: "/delfield" },
22
+ { id: 23, label: "Delfield", route: "/delfield" },
23
+ { id: 23, label: "Delfield", route: "/delfield" },
24
+ { id: 23, label: "Delfield", route: "/delfield" },
25
+ { id: 23, label: "Delfield", route: "/delfield" },
26
+ { id: 23, label: "Delfield", route: "/delfield" },
27
+ { id: 23, label: "Delfield", route: "/delfield" },
28
+ { id: 23, label: "Delfield", route: "/delfield" },
29
+ { id: 23, label: "Delfield", route: "/delfield" },
30
+ { id: 23, label: "Delfield", route: "/delfield" },
31
+ { id: 23, label: "Delfield", route: "/delfield" },
32
+ { id: 23, label: "Delfield", route: "/delfield" },
33
+ { id: 23, label: "Delfield", route: "/delfield" },
34
+ { id: 23, label: "Delfield", route: "/delfield" },
35
+ { id: 23, label: "Delfield", route: "/delfield" },
36
+ { id: 23, label: "Delfield", route: "/delfield" },
37
+ { id: 23, label: "Delfield", route: "/delfield" },
38
+ { id: 23, label: "Delfield", route: "/delfield" },
39
+ { id: 23, label: "Delfield", route: "/delfield" },
40
+ { id: 23, label: "Delfield", route: "/delfield" },
41
+ { id: 23, label: "Delfield", route: "/delfield" },
42
+ { id: 23, label: "Delfield", route: "/delfield" },
43
+ { id: 23, label: "Delfield", route: "/delfield" },
44
+ { id: 23, label: "Delfield", route: "/delfield" },
45
+ { id: 23, label: "Delfield", route: "/delfield" },
46
+ { id: 23, label: "Delfield", route: "/delfield" },
47
+ { id: 23, label: "Delfield", route: "/delfield" },
48
+ { id: 23, label: "Delfield", route: "/delfield" },
17
49
  { id: 23, label: "Delfield", route: "/delfield" }
18
50
  ],
19
51
  showChevron: !0
@@ -78,12 +110,12 @@ const t = {
78
110
  route: "#",
79
111
  children: []
80
112
  }
81
- ], a = {
113
+ ], r = {
82
114
  args: {
83
115
  categories: l
84
116
  }
85
117
  };
86
118
  export {
87
- a as Default,
88
- t as default
119
+ r as Default,
120
+ i as default
89
121
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@caseparts-org/caseblocks",
3
3
  "private": false,
4
- "version": "0.0.95",
4
+ "version": "0.0.96",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",