@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.
Files changed (31) hide show
  1. package/dist/assets/Admonition.css +1 -0
  2. package/dist/assets/MainNav.css +1 -1
  3. package/dist/assets/Markdown.css +1 -1
  4. package/dist/main-browser.d.ts +4 -6
  5. package/dist/main-browser.js +3 -5
  6. package/dist/main-client.js +54 -52
  7. package/dist/main-server.d.ts +2 -0
  8. package/dist/main-server.js +16 -14
  9. package/dist/main.d.ts +2 -0
  10. package/dist/main.js +18 -16
  11. package/dist/molecules/Admonition/Admonition.d.ts +10 -0
  12. package/dist/molecules/Admonition/Admonition.js +46 -0
  13. package/dist/molecules/Admonition/Admonition.stories.d.ts +13 -0
  14. package/dist/molecules/Admonition/Admonition.stories.js +51 -0
  15. package/dist/molecules/Markdown/Markdown.d.ts +12 -0
  16. package/dist/{atoms → molecules}/Markdown/Markdown.js +891 -855
  17. package/dist/{atoms → molecules}/Markdown/Markdown.stories.d.ts +2 -0
  18. package/dist/molecules/Markdown/Markdown.stories.js +148 -0
  19. package/dist/molecules/Markdown/remarkAdmonition.d.ts +15 -0
  20. package/dist/molecules/Markdown/remarkAdmonition.js +120 -0
  21. package/dist/{atoms → molecules}/Markdown/usePreprocessedMarkdown.d.ts +1 -1
  22. package/dist/molecules/Markdown/usePreprocessedMarkdown.js +86 -0
  23. package/dist/organisms/MainNav/MainNav.js +77 -75
  24. package/package.json +1 -1
  25. package/dist/atoms/Markdown/Markdown.d.ts +0 -7
  26. package/dist/atoms/Markdown/Markdown.stories.js +0 -69
  27. package/dist/atoms/Markdown/PreprocessedMarkdown.d.ts +0 -10
  28. package/dist/atoms/Markdown/PreprocessedMarkdown.js +0 -39
  29. package/dist/atoms/Markdown/PreprocessedMarkdown.stories.d.ts +0 -8
  30. package/dist/atoms/Markdown/PreprocessedMarkdown.stories.js +0 -73
  31. 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)}
@@ -1 +1 @@
1
- ._main_t25b8_1{box-shadow:#bbb3 0 8px 24px;padding:var(--spacing-0-5) 0;z-index:1;position:relative}._column_t25b8_8{box-sizing:border-box;padding:0 var(--spacing-1)}._topNav_t25b8_13{padding-bottom:var(--spacing-0-5);gap:var(--spacing-1-5)}@media (max-width: 1281px){._topNav_t25b8_13{gap:var(--spacing-1);padding-bottom:0}}._logo_t25b8_21{cursor:pointer}._operations_t25b8_24{gap:var(--spacing-1-5);width:100%}@media (max-width: 1281px){._operations_t25b8_24{gap:var(--spacing-1)}}._search_t25b8_31{flex:1}._siteLink_t25b8_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_t25b8_34:hover{text-decoration:underline;color:var(--text-text-links)}@media (max-width:1280px){._siteLink_t25b8_34{font-family:var(--font-family-body);font-size:var(--font-size-sm)}}._accountArea_t25b8_54{width:145px}@media (max-width: 1281px){._accountArea_t25b8_54{width:min-content}}._cart_t25b8_60{border:none;padding:0;margin:0;background-color:transparent}._category_t25b8_66{list-style:none;height:42px;display:flex;flex-direction:row;align-items:center}._category_t25b8_66 a{color:var(--text-text-primary);text-decoration:none;display:flex;flex-direction:row;align-items:center}@media (max-width: 1281px){._category_t25b8_66 a{justify-content:space-between;width:100%}}._category_t25b8_66 a:hover{color:var(--color-brand-primary-primary-teal-blue);text-decoration:none}._category_t25b8_66 a path{fill:var(--color-brand-primary-primary-teal-blue)}._menuList_t25b8_91{list-style:none;padding:0;margin:0;height:min-content;display:flex;flex-direction:column;gap:var(--spacing-spacing-3xs)}._menuList_t25b8_91>li{width:100%;padding:var(--spacing-spacing-2xs);border:1px solid var(--border-border-primary, #dfdfdf);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;gap:var(--spacing-spacing-4xs);border-radius:var(--border-radius-md);color:var(--text-text-links)}
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}
@@ -1 +1 @@
1
- ._markdown_w6izp_1{color:var(--text-text-primary);font-size:var(--font-size-sm);line-height:1.3}._markdown_w6izp_1 h1,._markdown_w6izp_1 h2,._markdown_w6izp_1 h3,._markdown_w6izp_1 h4,._markdown_w6izp_1 h5,._markdown_w6izp_1 h6{font-weight:var(--font-weight-semibold);line-height:1.3;margin:var(--spacing-spacing-sm) 0 var(--spacing-spacing-1xs)}._markdown_w6izp_1 h1{font-size:var(--font-size-2xl)}._markdown_w6izp_1 h2{font-size:var(--font-size-xl)}._markdown_w6izp_1 h3{font-size:var(--font-size-lg)}._markdown_w6izp_1 h4{font-size:var(--font-size-md)}._markdown_w6izp_1 h5{font-size:var(--font-size-sm)}._markdown_w6izp_1 h6{font-size:var(--font-size-xs)}._markdown_w6izp_1 p{margin:var(--spacing-spacing-1xs) 0}._markdown_w6izp_1 ul,._markdown_w6izp_1 ol{margin:var(--spacing-spacing-1xs) 0 var(--spacing-spacing-1xs) var(--spacing-spacing-sm);padding:0}._markdown_w6izp_1 ul{list-style-type:disc;list-style-position:outside}._markdown_w6izp_1 ol{list-style-type:decimal;list-style-position:outside}._markdown_w6izp_1 ol li::marker{content:counter(list-item) ". "}._markdown_w6izp_1 li{margin:var(--spacing-spacing-3xs) 0}._markdown_w6izp_1 a{color:var(--text-text-links);text-decoration:none}._markdown_w6izp_1 a:hover,._markdown_w6izp_1 a:focus{color:var(--text-text-links-hover-press)}._markdown_w6izp_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_w6izp_1 pre{background:var(--surface-surface-search-bar);border-radius:var(--radius-radius-md);padding:var(--spacing-spacing-1xs);overflow:auto}._markdown_w6izp_1 pre code{background:transparent;padding:0}._markdown_w6izp_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_w6izp_1 hr{border:none;border-top:1px solid var(--border-border-primary);margin:var(--spacing-spacing-default) 0}._markdown_w6izp_1 table{width:100%;border-collapse:collapse;margin:var(--spacing-spacing-1xs) 0}._markdown_w6izp_1 th,._markdown_w6izp_1 td{border:1px solid var(--border-border-primary);padding:var(--spacing-spacing-2xs);text-align:left}._markdown_w6izp_1 thead th{background:var(--surface-surface-search-bar)}
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)}
@@ -1,6 +1,4 @@
1
- export { Markdown } from './atoms/Markdown/Markdown';
2
- export type { MarkdownProps } from './atoms/Markdown/Markdown';
3
- export { PreprocessedMarkdown } from './atoms/Markdown/PreprocessedMarkdown';
4
- export type { PreprocessedMarkdownProps } from './atoms/Markdown/PreprocessedMarkdown';
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';
@@ -1,8 +1,6 @@
1
- import { Markdown as e } from "./atoms/Markdown/Markdown.js";
2
- import { PreprocessedMarkdown as p } from "./atoms/Markdown/PreprocessedMarkdown.js";
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 PreprocessedMarkdown,
7
- a as usePreprocessedMarkdown
5
+ p as usePreprocessedMarkdown
8
6
  };
@@ -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 T } from "./atoms/Input/Input.js";
10
- import { ToggleSwitch as A } from "./atoms/ToggleSwitch/ToggleSwitch.js";
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 { NotFound as eo } from "./organisms/NotFound/NotFound.js";
28
- import { HorizontalScroll as mo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
29
- import { SlideInPanel as fo } from "./atoms/SlideInPanel/SlideInPanel.js";
30
- import { Tooltip as ao } from "./atoms/Tooltip/Tooltip.js";
31
- import { Popover as no } from "./atoms/Popover/Popover.js";
32
- import { Account as uo } from "./molecules/Account/Account.js";
33
- import { Chip as Co } from "./molecules/Chip/Chip.js";
34
- import { ToggleView as So } from "./molecules/ToggleView/ToggleView.js";
35
- import { CartPart as To } from "./molecules/Cart/CartPart.js";
36
- import { AddToCartPart as Ao } from "./molecules/AddToCartPart/AddToCartPart.js";
37
- import { CartSlideInPanel as Po } from "./molecules/Cart/CartSlideInPanel.js";
38
- import { StatefulButton as ho } from "./molecules/StatefulButton/StatefulButton.js";
39
- import { AnimatedCheckMark as Lo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
40
- import { AddToCart as bo } from "./molecules/AddToCart/AddToCart.js";
41
- import { Modal as Fo } from "./molecules/Modal/Modal.js";
42
- import { ImageViewer as Mo } from "./molecules/ImageViewer/ImageViewer.js";
43
- import { T as Vo } from "./Table-BX4PtCNE.js";
44
- import { Error as Do } from "./molecules/Error/Error.js";
45
- import { MainNav as Go } from "./organisms/MainNav/MainNav.js";
46
- import { ChipSelector as Qo } from "./organisms/ChipSelector/ChipSelector.js";
47
- import { Product as Zo } from "./organisms/Product/Product.js";
48
- import { Carousel as qo } from "./organisms/Carousel/Carousel.js";
49
- import { Footer as Ko } from "./organisms/Footer/Footer.js";
50
- import { default as Wo } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
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
- uo as Account,
53
- bo as AddToCart,
54
- Ao as AddToCartPart,
55
- Lo as AnimatedCheckMark,
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
- qo as Carousel,
63
- To as CartPart,
64
- Po as CartSlideInPanel,
65
- Co as Chip,
66
- Qo as ChipSelector,
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
- Do as Error,
71
+ Go as Error,
70
72
  m as Flex,
71
- Ko as Footer,
73
+ Wo as Footer,
72
74
  x as Grid,
73
75
  i as Head,
74
- mo as HorizontalScroll,
76
+ fo as HorizontalScroll,
75
77
  l as Icon,
76
- Mo as ImageViewer,
77
- T as Input,
78
+ Vo as ImageViewer,
79
+ A as Input,
78
80
  P as Link,
79
81
  y as LinkButton,
80
82
  z as Logo,
81
- Go as MainNav,
82
- Fo as Modal,
83
- eo as NotFound,
84
- no as Popover,
83
+ Qo as MainNav,
84
+ Mo as Modal,
85
+ mo as NotFound,
86
+ uo as Popover,
85
87
  R as Pricing,
86
- Zo as Product,
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
- fo as SlideInPanel,
92
- Wo as SpinZoomViewer,
93
- ho as StatefulButton,
94
- Vo as Table,
93
+ ao as SlideInPanel,
94
+ Yo as SpinZoomViewer,
95
+ Lo as StatefulButton,
96
+ Do as Table,
95
97
  S as Text,
96
- A as ToggleSwitch,
97
- So as ToggleView,
98
- ao as Tooltip,
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,
@@ -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';
@@ -1,15 +1,15 @@
1
- import { Button as e } from "./atoms/Button/Button.js";
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 c } from "./atoms/Root/Root.js";
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 I } from "./atoms/ToggleSwitch/ToggleSwitch.js";
11
- import { Link as v } from "./atoms/Link/Link.js";
12
- import { linkClassName as A } from "./atoms/Link/linkClassName.js";
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 rr } from "./molecules/Disclaimer/Disclaimer.js";
27
- import { NotFound as er } from "./organisms/NotFound/NotFound.js";
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
- e as Button,
35
+ t as Button,
34
36
  Y as CardLink,
35
37
  x as Column,
36
- rr as Disclaimer,
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
- v as Link,
44
+ S as Link,
43
45
  N as LinkButton,
44
46
  P as Logo,
45
- er as NotFound,
47
+ mo as NotFound,
46
48
  E as Pricing,
47
49
  q as QuantityInput,
48
- c as Root,
50
+ l as Root,
49
51
  R as SearchBox,
50
52
  g as Separator,
51
53
  s as Text,
52
- I as ToggleSwitch,
54
+ C as ToggleSwitch,
53
55
  w as configureImage,
54
56
  h as configureLink,
55
57
  G as getHideAtStyles,
56
- A as linkClassName,
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 e } from "./atoms/Button/Button.js";
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 i } from "./atoms/Icon/Icon.js";
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 h } from "./atoms/Separator/Separator.js";
8
- import { Text as S } from "./atoms/Text/Text.js";
9
- import { Input as v } from "./atoms/Input/Input.js";
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 { ToggleView as V } from "./molecules/ToggleView/ToggleView.js";
17
- import { MainNav as j } from "./organisms/MainNav/MainNav.js";
18
- import { ChipSelector as q } from "./organisms/ChipSelector/ChipSelector.js";
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
- e as Button,
24
+ t as Button,
23
25
  E as Chip,
24
- q as ChipSelector,
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
- i as Icon,
31
- v as Input,
32
+ c as Icon,
33
+ S as Input,
32
34
  G as Logo,
33
- j as MainNav,
35
+ q as MainNav,
34
36
  u as Root,
35
37
  L as SearchBox,
36
- h as Separator,
37
- S as Text,
38
- V as ToggleView
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;