@caseparts-org/caseblocks 0.0.194 → 0.0.196
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/Admonition.css +1 -0
- package/dist/assets/MainNav.css +1 -1
- package/dist/assets/Markdown.css +1 -1
- package/dist/main-browser.d.ts +4 -6
- package/dist/main-browser.js +3 -5
- package/dist/main-client.js +54 -52
- package/dist/main-server.d.ts +2 -0
- package/dist/main-server.js +16 -14
- package/dist/main.d.ts +2 -0
- package/dist/main.js +18 -16
- package/dist/molecules/Admonition/Admonition.d.ts +10 -0
- package/dist/molecules/Admonition/Admonition.js +46 -0
- package/dist/molecules/Admonition/Admonition.stories.d.ts +13 -0
- package/dist/molecules/Admonition/Admonition.stories.js +51 -0
- package/dist/molecules/Markdown/Markdown.d.ts +12 -0
- package/dist/{atoms → molecules}/Markdown/Markdown.js +891 -855
- package/dist/{atoms → molecules}/Markdown/Markdown.stories.d.ts +2 -0
- package/dist/molecules/Markdown/Markdown.stories.js +148 -0
- package/dist/molecules/Markdown/remarkAdmonition.d.ts +15 -0
- package/dist/molecules/Markdown/remarkAdmonition.js +120 -0
- package/dist/{atoms → molecules}/Markdown/usePreprocessedMarkdown.d.ts +1 -1
- package/dist/molecules/Markdown/usePreprocessedMarkdown.js +86 -0
- package/dist/organisms/MainNav/MainNav.js +77 -75
- package/package.json +1 -1
- package/dist/atoms/Markdown/Markdown.d.ts +0 -7
- package/dist/atoms/Markdown/Markdown.stories.js +0 -69
- package/dist/atoms/Markdown/PreprocessedMarkdown.d.ts +0 -10
- package/dist/atoms/Markdown/PreprocessedMarkdown.js +0 -39
- package/dist/atoms/Markdown/PreprocessedMarkdown.stories.d.ts +0 -8
- package/dist/atoms/Markdown/PreprocessedMarkdown.stories.js +0 -73
- package/dist/atoms/Markdown/usePreprocessedMarkdown.js +0 -74
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._admonition_1iwl5_1{display:grid;gap:var(--spacing-spacing-3xs);border:1px solid #dfdfdf;border-left:.5rem solid var(--border-border-primary);border-radius:var(--border-radius-sm);background:var(--surface-surface-secondary);padding:var(--spacing-spacing-2xs) var(--spacing-spacing-2xs);margin:var(--spacing-spacing-2xs) 0}._admonitionHeader_1iwl5_12{display:flex;align-items:center;gap:var(--spacing-spacing-4xs)}._admonitionTitle_1iwl5_18{line-height:1.2}._admonitionBody_1iwl5_22{font-size:var(--font-size-sm)}._admonitionBody_1iwl5_22>:first-child{margin-top:0}._admonitionBody_1iwl5_22>:last-child{margin-bottom:0}._admonitionNote_1iwl5_34{border-left-color:var(--border-border-primary)}._admonitionTip_1iwl5_38{border-left-color:var(--border-border-success);background-color:#efffef}._admonitionImportant_1iwl5_43{border-left-color:var(--border-border-help);background-color:#ffffef}._admonitionCaution_1iwl5_48{border-left-color:var(--border-border-warning);background-color:#fff7ef}._admonitionWarning_1iwl5_54{border-left-color:var(--border-border-error-warning);background-color:#fff6f6}._admonitionNeutral_1iwl5_60{border-left-color:var(--border-border-primary)}
|
package/dist/assets/MainNav.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._main_jwl39_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_jwl39_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_jwl39_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_jwl39_13{gap:var(--spacing-1);padding-bottom:0}}._logo_jwl39_21{cursor:pointer}._operations_jwl39_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_jwl39_24{gap:var(--spacing-1)}}._search_jwl39_31{flex:1}._siteLink_jwl39_34{color:var(--color-brand-primary-primary-black);cursor:default;border:none;background-color:transparent;padding:0;margin:0;font-family:var(--font-family-display);font-size:var(--font-size-md);cursor:pointer}._siteLink_jwl39_34:hover{text-decoration:underline;color:var(--text-text-links)}@media (max-width:1280px){._siteLink_jwl39_34{font-family:var(--font-family-body);font-size:var(--font-size-sm)}}._accountArea_jwl39_54{width:145px}@media (max-width: 1281px){._accountArea_jwl39_54{width:min-content}}._cart_jwl39_60{border:none;padding:0;margin:0;background-color:transparent}._category_jwl39_66{list-style:none;display:flex;flex-direction:row;align-items:center}._category_jwl39_66 a{color:var(--text-text-primary);text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-spacing-2xs);box-sizing:border-box}@media (max-width: 1281px){._category_jwl39_66 a{justify-content:space-between;width:100%}}._category_jwl39_66 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_jwl39_66 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_jwl39_94{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}._menuList_jwl39_94>li{width:100%;border:1px solid var(--border-border-primary, #dfdfdf);box-sizing:border-box;border-radius:var(--border-radius-md);color:var(--text-text-links)}._menuItemAction_jwl39_112{width:100%;padding:var(--spacing-spacing-2xs);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-4xs);text-align:left;border:none;background:transparent;color:inherit;text-decoration:none;cursor:pointer}
|
package/dist/assets/Markdown.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._markdown_33sn4_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_33sn4_1 h1,._markdown_33sn4_1 h2,._markdown_33sn4_1 h3,._markdown_33sn4_1 h4,._markdown_33sn4_1 h5,._markdown_33sn4_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_33sn4_1 h1{font-size:var(--font-size-2xl)}._markdown_33sn4_1 h2{font-size:var(--font-size-xl)}._markdown_33sn4_1 h3{font-size:var(--font-size-lg)}._markdown_33sn4_1 h4{font-size:var(--font-size-md)}._markdown_33sn4_1 h5{font-size:var(--font-size-sm)}._markdown_33sn4_1 h6{font-size:var(--font-size-xs)}._markdown_33sn4_1 p{margin:var(--spacing-spacing-1xs) 0}._markdown_33sn4_1 ul,._markdown_33sn4_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_33sn4_1 ul{list-style-type:disc;list-style-position:outside}._markdown_33sn4_1 ol{list-style-type:decimal;list-style-position:outside}._markdown_33sn4_1 ol li::marker{content:counter(list-item) ". "}._markdown_33sn4_1 ul>li{list-style-type:disc;list-style-position:outside;display:list-item}._markdown_33sn4_1 ol>li{list-style-type:decimal;list-style-position:outside;display:list-item}._markdown_33sn4_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_33sn4_1 a{color:var(--text-text-links);text-decoration:none}._markdown_33sn4_1 a:hover,._markdown_33sn4_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_33sn4_1 code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:var(--surface-surface-search-bar);padding:var(--spacing-spacing-4xs) var(--spacing-spacing-3xs);border-radius:var(--radius-radius-btn)}._markdown_33sn4_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_33sn4_1 pre code{background:transparent;padding:0}._markdown_33sn4_1 blockquote{margin:var(--spacing-spacing-1xs) 0;padding-left:var(--spacing-spacing-default);border-left:.1875rem solid var(--border-border-primary);color:var(--text-text-primary)}._markdown_33sn4_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_33sn4_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_33sn4_1 th,._markdown_33sn4_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_33sn4_1 thead th{background:var(--surface-surface-search-bar)}
|
package/dist/main-browser.d.ts
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
export { Markdown } from './
|
|
2
|
-
export type { MarkdownProps } from './
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
5
|
-
export { usePreprocessedMarkdown } from './atoms/Markdown/usePreprocessedMarkdown';
|
|
6
|
-
export type { LinkTarget, ValidateToken } from './atoms/Markdown/usePreprocessedMarkdown';
|
|
1
|
+
export { Markdown } from './molecules/Markdown/Markdown';
|
|
2
|
+
export type { MarkdownProps } from './molecules/Markdown/Markdown';
|
|
3
|
+
export { usePreprocessedMarkdown } from './molecules/Markdown/usePreprocessedMarkdown';
|
|
4
|
+
export type { LinkTarget, ValidateToken, BatchValidateTokens } from './molecules/Markdown/usePreprocessedMarkdown';
|
package/dist/main-browser.js
CHANGED
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import { Markdown as e } from "./
|
|
2
|
-
import {
|
|
3
|
-
import { usePreprocessedMarkdown as a } from "./atoms/Markdown/usePreprocessedMarkdown.js";
|
|
1
|
+
import { Markdown as e } from "./molecules/Markdown/Markdown.js";
|
|
2
|
+
import { usePreprocessedMarkdown as p } from "./molecules/Markdown/usePreprocessedMarkdown.js";
|
|
4
3
|
export {
|
|
5
4
|
e as Markdown,
|
|
6
|
-
p as
|
|
7
|
-
a as usePreprocessedMarkdown
|
|
5
|
+
p as usePreprocessedMarkdown
|
|
8
6
|
};
|
package/dist/main-client.js
CHANGED
|
@@ -6,8 +6,8 @@ import { Icon as l } from "./atoms/Icon/Icon.js";
|
|
|
6
6
|
import { Root as u } from "./atoms/Root/Root.js";
|
|
7
7
|
import { Separator as C } from "./atoms/Separator/Separator.js";
|
|
8
8
|
import { Text as S } from "./atoms/Text/Text.js";
|
|
9
|
-
import { Input as
|
|
10
|
-
import { ToggleSwitch as
|
|
9
|
+
import { Input as A } from "./atoms/Input/Input.js";
|
|
10
|
+
import { ToggleSwitch as k } from "./atoms/ToggleSwitch/ToggleSwitch.js";
|
|
11
11
|
import { Link as P } from "./atoms/Link/Link.js";
|
|
12
12
|
import { linkClassName as h } from "./atoms/Link/linkClassName.js";
|
|
13
13
|
import { configureLink as L, routerOverride as w } from "./atoms/Link/configureLink.js";
|
|
@@ -24,78 +24,80 @@ import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
|
|
|
24
24
|
import { CardLink as X } from "./molecules/CardLink/CardLink.js";
|
|
25
25
|
import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
|
|
26
26
|
import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
27
|
+
import { Admonition as eo } from "./molecules/Admonition/Admonition.js";
|
|
28
|
+
import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
|
|
29
|
+
import { HorizontalScroll as fo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
|
|
30
|
+
import { SlideInPanel as ao } from "./atoms/SlideInPanel/SlideInPanel.js";
|
|
31
|
+
import { Tooltip as no } from "./atoms/Tooltip/Tooltip.js";
|
|
32
|
+
import { Popover as uo } from "./atoms/Popover/Popover.js";
|
|
33
|
+
import { Account as Co } from "./molecules/Account/Account.js";
|
|
34
|
+
import { Chip as So } from "./molecules/Chip/Chip.js";
|
|
35
|
+
import { ToggleView as Ao } from "./molecules/ToggleView/ToggleView.js";
|
|
36
|
+
import { CartPart as ko } from "./molecules/Cart/CartPart.js";
|
|
37
|
+
import { AddToCartPart as Po } from "./molecules/AddToCartPart/AddToCartPart.js";
|
|
38
|
+
import { CartSlideInPanel as ho } from "./molecules/Cart/CartSlideInPanel.js";
|
|
39
|
+
import { StatefulButton as Lo } from "./molecules/StatefulButton/StatefulButton.js";
|
|
40
|
+
import { AnimatedCheckMark as bo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
|
|
41
|
+
import { AddToCart as Fo } from "./molecules/AddToCart/AddToCart.js";
|
|
42
|
+
import { Modal as Mo } from "./molecules/Modal/Modal.js";
|
|
43
|
+
import { ImageViewer as Vo } from "./molecules/ImageViewer/ImageViewer.js";
|
|
44
|
+
import { T as Do } from "./Table-BX4PtCNE.js";
|
|
45
|
+
import { Error as Go } from "./molecules/Error/Error.js";
|
|
46
|
+
import { MainNav as Qo } from "./organisms/MainNav/MainNav.js";
|
|
47
|
+
import { ChipSelector as Zo } from "./organisms/ChipSelector/ChipSelector.js";
|
|
48
|
+
import { Product as qo } from "./organisms/Product/Product.js";
|
|
49
|
+
import { Carousel as Ko } from "./organisms/Carousel/Carousel.js";
|
|
50
|
+
import { Footer as Wo } from "./organisms/Footer/Footer.js";
|
|
51
|
+
import { default as Yo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
|
|
51
52
|
export {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
53
|
+
Co as Account,
|
|
54
|
+
Fo as AddToCart,
|
|
55
|
+
Po as AddToCartPart,
|
|
56
|
+
eo as Admonition,
|
|
57
|
+
bo as AnimatedCheckMark,
|
|
56
58
|
j as Availability,
|
|
57
59
|
J as Avatar,
|
|
58
60
|
U as BannerCard,
|
|
59
61
|
_ as Breadcrumbs,
|
|
60
62
|
e as Button,
|
|
61
63
|
X as CardLink,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
64
|
+
Ko as Carousel,
|
|
65
|
+
ko as CartPart,
|
|
66
|
+
ho as CartSlideInPanel,
|
|
67
|
+
So as Chip,
|
|
68
|
+
Zo as ChipSelector,
|
|
67
69
|
f as Column,
|
|
68
70
|
oo as Disclaimer,
|
|
69
|
-
|
|
71
|
+
Go as Error,
|
|
70
72
|
m as Flex,
|
|
71
|
-
|
|
73
|
+
Wo as Footer,
|
|
72
74
|
x as Grid,
|
|
73
75
|
i as Head,
|
|
74
|
-
|
|
76
|
+
fo as HorizontalScroll,
|
|
75
77
|
l as Icon,
|
|
76
|
-
|
|
77
|
-
|
|
78
|
+
Vo as ImageViewer,
|
|
79
|
+
A as Input,
|
|
78
80
|
P as Link,
|
|
79
81
|
y as LinkButton,
|
|
80
82
|
z as Logo,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
Qo as MainNav,
|
|
84
|
+
Mo as Modal,
|
|
85
|
+
mo as NotFound,
|
|
86
|
+
uo as Popover,
|
|
85
87
|
R as Pricing,
|
|
86
|
-
|
|
88
|
+
qo as Product,
|
|
87
89
|
O as QuantityInput,
|
|
88
90
|
u as Root,
|
|
89
91
|
E as SearchBox,
|
|
90
92
|
C as Separator,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
93
|
+
ao as SlideInPanel,
|
|
94
|
+
Yo as SpinZoomViewer,
|
|
95
|
+
Lo as StatefulButton,
|
|
96
|
+
Do as Table,
|
|
95
97
|
S as Text,
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
k as ToggleSwitch,
|
|
99
|
+
Ao as ToggleView,
|
|
100
|
+
no as Tooltip,
|
|
99
101
|
H as configureImage,
|
|
100
102
|
L as configureLink,
|
|
101
103
|
N as getHideAtStyles,
|
package/dist/main-server.d.ts
CHANGED
|
@@ -46,5 +46,7 @@ export { Breadcrumbs } from './molecules/Breadcrumbs/Breadcrumbs';
|
|
|
46
46
|
export type { BreadcrumbProps, Breadcrumb } from './molecules/Breadcrumbs/Breadcrumbs';
|
|
47
47
|
export { Disclaimer } from './molecules/Disclaimer/Disclaimer';
|
|
48
48
|
export type { DisclaimerProps, DisclaimerSeverity } from './molecules/Disclaimer/Disclaimer';
|
|
49
|
+
export { Admonition } from './molecules/Admonition/Admonition';
|
|
50
|
+
export type { AdmonitionProps, AdmonitionVariant } from './molecules/Admonition/Admonition';
|
|
49
51
|
export { NotFound } from './organisms/NotFound/NotFound';
|
|
50
52
|
export type { NotFoundProps } from './organisms/NotFound/NotFound';
|
package/dist/main-server.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { Button as
|
|
1
|
+
import { Button as t } from "./atoms/Button/Button.js";
|
|
2
2
|
import { Flex as m } from "./atoms/Flex/Flex.js";
|
|
3
3
|
import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
|
|
4
4
|
import { Head as n } from "./atoms/Root/Head.js";
|
|
5
5
|
import { Icon as u } from "./atoms/Icon/Icon.js";
|
|
6
|
-
import { Root as
|
|
6
|
+
import { Root as l } from "./atoms/Root/Root.js";
|
|
7
7
|
import { Separator as g } from "./atoms/Separator/Separator.js";
|
|
8
8
|
import { Text as s } from "./atoms/Text/Text.js";
|
|
9
9
|
import { Input as L } from "./atoms/Input/Input.js";
|
|
10
|
-
import { ToggleSwitch as
|
|
11
|
-
import { Link as
|
|
12
|
-
import { linkClassName as
|
|
10
|
+
import { ToggleSwitch as C } from "./atoms/ToggleSwitch/ToggleSwitch.js";
|
|
11
|
+
import { Link as S } from "./atoms/Link/Link.js";
|
|
12
|
+
import { linkClassName as y } from "./atoms/Link/linkClassName.js";
|
|
13
13
|
import { configureLink as h, routerOverride as F } from "./atoms/Link/configureLink.js";
|
|
14
14
|
import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
|
|
15
15
|
import { configureImage as w } from "./atoms/Image/configureImage.js";
|
|
@@ -23,36 +23,38 @@ import { Avatar as U } from "./molecules/Avatar/Avatar.js";
|
|
|
23
23
|
import { BannerCard as W } from "./molecules/BannerCard/BannerCard.js";
|
|
24
24
|
import { CardLink as Y } from "./molecules/CardLink/CardLink.js";
|
|
25
25
|
import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
|
|
26
|
-
import { Disclaimer as
|
|
27
|
-
import {
|
|
26
|
+
import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
|
|
27
|
+
import { Admonition as to } from "./molecules/Admonition/Admonition.js";
|
|
28
|
+
import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
|
|
28
29
|
export {
|
|
30
|
+
to as Admonition,
|
|
29
31
|
K as Availability,
|
|
30
32
|
U as Avatar,
|
|
31
33
|
W as BannerCard,
|
|
32
34
|
_ as Breadcrumbs,
|
|
33
|
-
|
|
35
|
+
t as Button,
|
|
34
36
|
Y as CardLink,
|
|
35
37
|
x as Column,
|
|
36
|
-
|
|
38
|
+
oo as Disclaimer,
|
|
37
39
|
m as Flex,
|
|
38
40
|
f as Grid,
|
|
39
41
|
n as Head,
|
|
40
42
|
u as Icon,
|
|
41
43
|
L as Input,
|
|
42
|
-
|
|
44
|
+
S as Link,
|
|
43
45
|
N as LinkButton,
|
|
44
46
|
P as Logo,
|
|
45
|
-
|
|
47
|
+
mo as NotFound,
|
|
46
48
|
E as Pricing,
|
|
47
49
|
q as QuantityInput,
|
|
48
|
-
|
|
50
|
+
l as Root,
|
|
49
51
|
R as SearchBox,
|
|
50
52
|
g as Separator,
|
|
51
53
|
s as Text,
|
|
52
|
-
|
|
54
|
+
C as ToggleSwitch,
|
|
53
55
|
w as configureImage,
|
|
54
56
|
h as configureLink,
|
|
55
57
|
G as getHideAtStyles,
|
|
56
|
-
|
|
58
|
+
y as linkClassName,
|
|
57
59
|
F as routerOverride
|
|
58
60
|
};
|
package/dist/main.d.ts
CHANGED
|
@@ -24,6 +24,8 @@ export { SearchBox } from './molecules/SearchBox/SearchBox';
|
|
|
24
24
|
export type { SearchBoxProps } from './molecules/SearchBox/SearchBox';
|
|
25
25
|
export { Error } from './molecules/Error/Error';
|
|
26
26
|
export type { ErrorProps, ErrorMessageProps, ErrorDetailsProps, } from './molecules/Error/Error';
|
|
27
|
+
export { Admonition } from './molecules/Admonition/Admonition';
|
|
28
|
+
export type { AdmonitionProps, AdmonitionVariant } from './molecules/Admonition/Admonition';
|
|
27
29
|
export { ToggleView } from './molecules/ToggleView/ToggleView';
|
|
28
30
|
export type { ToggleViewProps, ToggleOptionProps, ToggleOptionBaseProps, } from './molecules/ToggleView/ToggleView';
|
|
29
31
|
export { MainNav } from './organisms/MainNav/MainNav';
|
package/dist/main.js
CHANGED
|
@@ -1,39 +1,41 @@
|
|
|
1
|
-
import { Button as
|
|
1
|
+
import { Button as t } from "./atoms/Button/Button.js";
|
|
2
2
|
import { Flex as p } from "./atoms/Flex/Flex.js";
|
|
3
3
|
import { Column as m, Grid as f } from "./atoms/Grid/Grid.js";
|
|
4
4
|
import { Head as n } from "./atoms/Root/Head.js";
|
|
5
|
-
import { Icon as
|
|
5
|
+
import { Icon as c } from "./atoms/Icon/Icon.js";
|
|
6
6
|
import { Root as u } from "./atoms/Root/Root.js";
|
|
7
|
-
import { Separator as
|
|
8
|
-
import { Text as
|
|
9
|
-
import { Input as
|
|
7
|
+
import { Separator as g } from "./atoms/Separator/Separator.js";
|
|
8
|
+
import { Text as A } from "./atoms/Text/Text.js";
|
|
9
|
+
import { Input as S } from "./atoms/Input/Input.js";
|
|
10
10
|
import { Account as B } from "./molecules/Account/Account.js";
|
|
11
11
|
import { Avatar as T } from "./molecules/Avatar/Avatar.js";
|
|
12
12
|
import { Chip as E } from "./molecules/Chip/Chip.js";
|
|
13
13
|
import { Logo as G } from "./molecules/Logo/Logo.js";
|
|
14
14
|
import { SearchBox as L } from "./molecules/SearchBox/SearchBox.js";
|
|
15
15
|
import { Error as N } from "./molecules/Error/Error.js";
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
16
|
+
import { Admonition as V } from "./molecules/Admonition/Admonition.js";
|
|
17
|
+
import { ToggleView as j } from "./molecules/ToggleView/ToggleView.js";
|
|
18
|
+
import { MainNav as q } from "./organisms/MainNav/MainNav.js";
|
|
19
|
+
import { ChipSelector as y } from "./organisms/ChipSelector/ChipSelector.js";
|
|
19
20
|
export {
|
|
20
21
|
B as Account,
|
|
22
|
+
V as Admonition,
|
|
21
23
|
T as Avatar,
|
|
22
|
-
|
|
24
|
+
t as Button,
|
|
23
25
|
E as Chip,
|
|
24
|
-
|
|
26
|
+
y as ChipSelector,
|
|
25
27
|
m as Column,
|
|
26
28
|
N as Error,
|
|
27
29
|
p as Flex,
|
|
28
30
|
f as Grid,
|
|
29
31
|
n as Head,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
+
c as Icon,
|
|
33
|
+
S as Input,
|
|
32
34
|
G as Logo,
|
|
33
|
-
|
|
35
|
+
q as MainNav,
|
|
34
36
|
u as Root,
|
|
35
37
|
L as SearchBox,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
g as Separator,
|
|
39
|
+
A as Text,
|
|
40
|
+
j as ToggleView
|
|
39
41
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
export type AdmonitionVariant = "note" | "tip" | "important" | "caution" | "warning" | "unknown";
|
|
3
|
+
export type AdmonitionProps = ComponentPropsWithoutRef<"aside"> & {
|
|
4
|
+
admonitionType: string;
|
|
5
|
+
variant: AdmonitionVariant | string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
title?: string;
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
export declare function Admonition({ admonitionType, variant, icon, title, className, children, ...props }: AdmonitionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as _ } from "../../atoms/Icon/Icon.js";
|
|
3
|
+
import { Text as p } from "../../atoms/Text/Text.js";
|
|
4
|
+
import { c as u } from "../../clsx-OuTLNxxd.js";
|
|
5
|
+
import '../../assets/Admonition.css';const N = "_admonition_1iwl5_1", w = "_admonitionHeader_1iwl5_12", g = "_admonitionTitle_1iwl5_18", C = "_admonitionBody_1iwl5_22", T = "_admonitionNote_1iwl5_34", h = "_admonitionTip_1iwl5_38", I = "_admonitionImportant_1iwl5_43", f = "_admonitionCaution_1iwl5_48", x = "_admonitionWarning_1iwl5_54", B = "_admonitionNeutral_1iwl5_60", i = {
|
|
6
|
+
admonition: N,
|
|
7
|
+
admonitionHeader: w,
|
|
8
|
+
admonitionTitle: g,
|
|
9
|
+
admonitionBody: C,
|
|
10
|
+
admonitionNote: T,
|
|
11
|
+
admonitionTip: h,
|
|
12
|
+
admonitionImportant: I,
|
|
13
|
+
admonitionCaution: f,
|
|
14
|
+
admonitionWarning: x,
|
|
15
|
+
admonitionNeutral: B
|
|
16
|
+
}, W = {
|
|
17
|
+
note: "Note",
|
|
18
|
+
tip: "Tip",
|
|
19
|
+
important: "Important",
|
|
20
|
+
caution: "Caution",
|
|
21
|
+
warning: "Warning"
|
|
22
|
+
}, y = (n) => {
|
|
23
|
+
const t = n.trim().replace(/[_-]+/g, " ");
|
|
24
|
+
return t ? t.split(/\s+/).map((o) => `${o.charAt(0).toUpperCase()}${o.slice(1).toLowerCase()}`).join(" ") : "Admonition";
|
|
25
|
+
}, A = (n) => n === "note" ? i.admonitionNote : n === "tip" ? i.admonitionTip : n === "important" ? i.admonitionImportant : n === "caution" ? i.admonitionCaution : n === "warning" ? i.admonitionWarning : i.admonitionNeutral;
|
|
26
|
+
function b({
|
|
27
|
+
admonitionType: n,
|
|
28
|
+
variant: t,
|
|
29
|
+
icon: o,
|
|
30
|
+
title: d,
|
|
31
|
+
className: e,
|
|
32
|
+
children: s,
|
|
33
|
+
...r
|
|
34
|
+
}) {
|
|
35
|
+
const l = d ?? W[n] ?? y(n), c = A(t);
|
|
36
|
+
return /* @__PURE__ */ m("aside", { ...r, className: u(i.admonition, c, e), "data-admonition": n, children: [
|
|
37
|
+
/* @__PURE__ */ m("div", { className: i.admonitionHeader, children: [
|
|
38
|
+
o ? /* @__PURE__ */ a("span", { className: i.admonitionIcon, "aria-hidden": "true", children: /* @__PURE__ */ a(_, { iconKey: o, size: "xs" }) }) : null,
|
|
39
|
+
/* @__PURE__ */ a(p, { size: "sm", weight: "semibold", className: i.admonitionTitle, children: l })
|
|
40
|
+
] }),
|
|
41
|
+
/* @__PURE__ */ a("div", { className: i.admonitionBody, children: s })
|
|
42
|
+
] });
|
|
43
|
+
}
|
|
44
|
+
export {
|
|
45
|
+
b as Admonition
|
|
46
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
type DemoArgs = {
|
|
3
|
+
admonitionType: string;
|
|
4
|
+
variant: "note" | "tip" | "important" | "caution" | "warning" | "unknown";
|
|
5
|
+
title?: string;
|
|
6
|
+
icon?: string;
|
|
7
|
+
body: string;
|
|
8
|
+
};
|
|
9
|
+
declare const meta: Meta<DemoArgs>;
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<DemoArgs>;
|
|
12
|
+
export declare const Playground: Story;
|
|
13
|
+
export declare const UnknownType: Story;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { Admonition as o } from "./Admonition.js";
|
|
3
|
+
const r = {
|
|
4
|
+
title: "Case Parts/Molecules/Admonition",
|
|
5
|
+
component: o,
|
|
6
|
+
tags: ["autodocs"],
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: "centered"
|
|
9
|
+
},
|
|
10
|
+
argTypes: {
|
|
11
|
+
admonitionType: { control: "text" },
|
|
12
|
+
variant: {
|
|
13
|
+
control: { type: "radio" },
|
|
14
|
+
options: ["note", "tip", "important", "caution", "warning", "unknown"]
|
|
15
|
+
},
|
|
16
|
+
title: { control: "text" },
|
|
17
|
+
icon: { control: "text" },
|
|
18
|
+
body: { control: "text" }
|
|
19
|
+
},
|
|
20
|
+
args: {
|
|
21
|
+
admonitionType: "warning",
|
|
22
|
+
variant: "warning",
|
|
23
|
+
title: "Electrical Hazard",
|
|
24
|
+
icon: "fa-solid fa-bolt",
|
|
25
|
+
body: "Disconnect power before servicing this unit."
|
|
26
|
+
}
|
|
27
|
+
}, a = {
|
|
28
|
+
render: (t) => /* @__PURE__ */ n("div", { style: { width: 640 }, children: /* @__PURE__ */ n(
|
|
29
|
+
o,
|
|
30
|
+
{
|
|
31
|
+
admonitionType: t.admonitionType,
|
|
32
|
+
variant: t.variant,
|
|
33
|
+
title: t.title,
|
|
34
|
+
icon: t.icon,
|
|
35
|
+
children: /* @__PURE__ */ n("p", { children: t.body })
|
|
36
|
+
}
|
|
37
|
+
) })
|
|
38
|
+
}, l = {
|
|
39
|
+
args: {
|
|
40
|
+
admonitionType: "custom-alert",
|
|
41
|
+
variant: "unknown",
|
|
42
|
+
title: "Compatibility Note",
|
|
43
|
+
icon: "info",
|
|
44
|
+
body: "This renders neutral styling while preserving the custom type."
|
|
45
|
+
}
|
|
46
|
+
};
|
|
47
|
+
export {
|
|
48
|
+
a as Playground,
|
|
49
|
+
l as UnknownType,
|
|
50
|
+
r as default
|
|
51
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Components } from 'react-markdown';
|
|
2
|
+
import { BatchValidateTokens, LinkTarget, ValidateToken } from './usePreprocessedMarkdown';
|
|
3
|
+
export type MarkdownProps = {
|
|
4
|
+
children?: string | null;
|
|
5
|
+
className?: string;
|
|
6
|
+
components?: Components;
|
|
7
|
+
url?: LinkTarget;
|
|
8
|
+
validate?: ValidateToken;
|
|
9
|
+
batchValidate?: BatchValidateTokens;
|
|
10
|
+
debug?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export declare function Markdown({ children, className, components, url, validate, batchValidate, debug, }: MarkdownProps): import("react/jsx-runtime").JSX.Element | null;
|