@caseparts-org/caseblocks 0.0.122 → 0.0.123

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 (9) hide show
  1. package/dist/assets/Markdown.css +1 -0
  2. package/dist/atoms/Markdown/Markdown.d.ts +5 -0
  3. package/dist/atoms/Markdown/Markdown.js +8666 -0
  4. package/dist/atoms/Markdown/Markdown.stories.d.ts +13 -0
  5. package/dist/atoms/Markdown/Markdown.stories.js +48 -0
  6. package/dist/main-client.js +64 -62
  7. package/dist/main-server.d.ts +2 -0
  8. package/dist/main-server.js +18 -16
  9. package/package.json +8 -5
package/dist/atoms/Markdown/Markdown.stories.d.ts ADDED
@@ -0,0 +1,13 @@
1
+ import { StoryObj } from '@storybook/react-vite';
2
+ import { Markdown } from './Markdown';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Markdown;
6
+ parameters: {
7
+ layout: string;
8
+ };
9
+ tags: string[];
10
+ };
11
+ export default meta;
12
+ type Story = StoryObj<typeof meta>;
13
+ export declare const Basic: Story;
package/dist/atoms/Markdown/Markdown.stories.js ADDED
@@ -0,0 +1,48 @@
1
+ import { Markdown as e } from "./Markdown.js";
2
+ const o = {
3
+ title: "Case Parts/Atoms/Markdown",
4
+ component: e,
5
+ parameters: { layout: "padded" },
6
+ tags: ["autodocs"]
7
+ }, a = {
8
+ args: {
9
+ children: `# Heading 1
10
+
11
+ Paragraph with a [link](https://example.com).
12
+
13
+ ## Heading 2
14
+
15
+ - Item 1
16
+ - Item 2
17
+
18
+ > Blockquote example
19
+
20
+ ---
21
+
22
+ Inline code: \`const x = 1;\`
23
+
24
+
25
+
26
+
27
+
28
+
29
+ Code block:
30
+
31
+ \`\`\`ts
32
+ function greet(name: string) {
33
+ console.log('Hello', name);
34
+ }
35
+
36
+ export default greet;
37
+
38
+ \`\`\`
39
+
40
+ | Col A | Col B |
41
+ |------:|:------|
42
+ | 123 | text |`
43
+ }
44
+ };
45
+ export {
46
+ a as Basic,
47
+ o as default
48
+ };
package/dist/main-client.js CHANGED
@@ -5,85 +5,87 @@ import { Head as n } from "./atoms/Root/Head.js";
5
5
  import { Icon as l } from "./atoms/Icon/Icon.js";
6
6
  import { Root as d } from "./atoms/Root/Root.js";
7
7
  import { Separator as C } from "./atoms/Separator/Separator.js";
8
- import { Text as S } from "./atoms/Text/Text.js";
8
+ import { Text as k } from "./atoms/Text/Text.js";
9
9
  import { Input as I } from "./atoms/Input/Input.js";
10
10
  import { Link as s } from "./atoms/Link/Link.js";
11
11
  import { linkClassName as A } from "./atoms/Link/linkClassName.js";
12
12
  import { configureLink as P, routerOverride as h } from "./atoms/Link/configureLink.js";
13
- import { LinkButton as w } from "./atoms/LinkButton/LinkButton.js";
14
- import { configureImage as M } from "./atoms/Image/configureImage.js";
15
- import { Logo as V } from "./molecules/Logo/Logo.js";
16
- import { SearchBox as y } from "./molecules/SearchBox/SearchBox.js";
17
- import { QuantityInput as z } from "./molecules/QuantityInput/QuantityInput.js";
18
- import { Pricing as O } from "./molecules/Pricing/Pricing.js";
19
- import { Availability as R } from "./molecules/Availability/Availability.js";
20
- import { Avatar as j } from "./molecules/Avatar/Avatar.js";
21
- import { BannerCard as D } from "./molecules/BannerCard/BannerCard.js";
22
- import { CardLink as J } from "./molecules/CardLink/CardLink.js";
23
- import { Breadcrumbs as U } from "./molecules/Breadcrumbs/Breadcrumbs.js";
24
- import { NotFound as X } from "./organisms/NotFound/NotFound.js";
25
- import { HorizontalScroll as _ } from "./atoms/HorizontalScroll/HorizontalScroll.js";
26
- import { SlideInPanel as oo } from "./atoms/SlideInPanel/SlideInPanel.js";
27
- import { Tooltip as eo } from "./atoms/Tooltip/Tooltip.js";
28
- import { Popover as po } from "./atoms/Popover/Popover.js";
29
- import { Account as fo } from "./molecules/Account/Account.js";
30
- import { Chip as ao } from "./molecules/Chip/Chip.js";
31
- import { ToggleView as io } from "./molecules/ToggleView/ToggleView.js";
32
- import { CartSlideInPanel as uo } from "./molecules/Cart/CartSlideInPanel.js";
33
- import { StatefulButton as Co } from "./molecules/StatefulButton/StatefulButton.js";
34
- import { AnimatedCheckMark as So } from "./molecules/StatefulButton/AnimatedCheckmark.js";
35
- import { AddToCart as Io } from "./molecules/AddToCart/AddToCart.js";
36
- import { Modal as so } from "./molecules/Modal/Modal.js";
37
- import { ImageViewer as Ao } from "./molecules/ImageViewer/ImageViewer.js";
38
- import { MainNav as Po } from "./organisms/MainNav/MainNav.js";
13
+ import { LinkButton as M } from "./atoms/LinkButton/LinkButton.js";
14
+ import { configureImage as F } from "./atoms/Image/configureImage.js";
15
+ import { Markdown as V } from "./atoms/Markdown/Markdown.js";
16
+ import { Logo as y } from "./molecules/Logo/Logo.js";
17
+ import { SearchBox as z } from "./molecules/SearchBox/SearchBox.js";
18
+ import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
19
+ import { Pricing as R } from "./molecules/Pricing/Pricing.js";
20
+ import { Availability as j } from "./molecules/Availability/Availability.js";
21
+ import { Avatar as D } from "./molecules/Avatar/Avatar.js";
22
+ import { BannerCard as J } from "./molecules/BannerCard/BannerCard.js";
23
+ import { CardLink as U } from "./molecules/CardLink/CardLink.js";
24
+ import { Breadcrumbs as X } from "./molecules/Breadcrumbs/Breadcrumbs.js";
25
+ import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
26
+ import { HorizontalScroll as oo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
27
+ import { SlideInPanel as eo } from "./atoms/SlideInPanel/SlideInPanel.js";
28
+ import { Tooltip as po } from "./atoms/Tooltip/Tooltip.js";
29
+ import { Popover as fo } from "./atoms/Popover/Popover.js";
30
+ import { Account as ao } from "./molecules/Account/Account.js";
31
+ import { Chip as io } from "./molecules/Chip/Chip.js";
32
+ import { ToggleView as uo } from "./molecules/ToggleView/ToggleView.js";
33
+ import { CartSlideInPanel as Co } from "./molecules/Cart/CartSlideInPanel.js";
34
+ import { StatefulButton as ko } from "./molecules/StatefulButton/StatefulButton.js";
35
+ import { AnimatedCheckMark as Io } from "./molecules/StatefulButton/AnimatedCheckmark.js";
36
+ import { AddToCart as so } from "./molecules/AddToCart/AddToCart.js";
37
+ import { Modal as Ao } from "./molecules/Modal/Modal.js";
38
+ import { ImageViewer as Po } from "./molecules/ImageViewer/ImageViewer.js";
39
+ import { MainNav as wo } from "./organisms/MainNav/MainNav.js";
39
40
  import { ChipSelector as To } from "./organisms/ChipSelector/ChipSelector.js";
40
- import { Product as Fo } from "./organisms/Product/Product.js";
41
- import { Carousel as No } from "./organisms/Carousel/Carousel.js";
42
- import { Footer as bo } from "./organisms/Footer/Footer.js";
43
- import { default as Ho } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
41
+ import { Product as No } from "./organisms/Product/Product.js";
42
+ import { Carousel as bo } from "./organisms/Carousel/Carousel.js";
43
+ import { Footer as Ho } from "./organisms/Footer/Footer.js";
44
+ import { default as Go } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
44
45
  export {
45
- fo as Account,
46
- Io as AddToCart,
47
- So as AnimatedCheckMark,
48
- R as Availability,
49
- j as Avatar,
50
- D as BannerCard,
51
- U as Breadcrumbs,
46
+ ao as Account,
47
+ so as AddToCart,
48
+ Io as AnimatedCheckMark,
49
+ j as Availability,
50
+ D as Avatar,
51
+ J as BannerCard,
52
+ X as Breadcrumbs,
52
53
  e as Button,
53
- J as CardLink,
54
- No as Carousel,
55
- uo as CartSlideInPanel,
56
- ao as Chip,
54
+ U as CardLink,
55
+ bo as Carousel,
56
+ Co as CartSlideInPanel,
57
+ io as Chip,
57
58
  To as ChipSelector,
58
59
  f as Column,
59
60
  p as Flex,
60
- bo as Footer,
61
+ Ho as Footer,
61
62
  x as Grid,
62
63
  n as Head,
63
- _ as HorizontalScroll,
64
+ oo as HorizontalScroll,
64
65
  l as Icon,
65
- Ao as ImageViewer,
66
+ Po as ImageViewer,
66
67
  I as Input,
67
68
  s as Link,
68
- w as LinkButton,
69
- V as Logo,
70
- Po as MainNav,
71
- so as Modal,
72
- X as NotFound,
73
- po as Popover,
74
- O as Pricing,
75
- Fo as Product,
76
- z as QuantityInput,
69
+ M as LinkButton,
70
+ y as Logo,
71
+ wo as MainNav,
72
+ V as Markdown,
73
+ Ao as Modal,
74
+ _ as NotFound,
75
+ fo as Popover,
76
+ R as Pricing,
77
+ No as Product,
78
+ O as QuantityInput,
77
79
  d as Root,
78
- y as SearchBox,
80
+ z as SearchBox,
79
81
  C as Separator,
80
- oo as SlideInPanel,
81
- Ho as SpinZoomViewer,
82
- Co as StatefulButton,
83
- S as Text,
84
- io as ToggleView,
85
- eo as Tooltip,
86
- M as configureImage,
82
+ eo as SlideInPanel,
83
+ Go as SpinZoomViewer,
84
+ ko as StatefulButton,
85
+ k as Text,
86
+ uo as ToggleView,
87
+ po as Tooltip,
88
+ F as configureImage,
87
89
  P as configureLink,
88
90
  A as linkClassName,
89
91
  h as routerOverride
package/dist/main-server.d.ts CHANGED
@@ -21,6 +21,8 @@ export { LinkButton } from './atoms/LinkButton/LinkButton';
21
21
  export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
22
22
  export { configureImage } from './atoms/Image/configureImage';
23
23
  export type { ImageProps, ImageImplementation } from './atoms/Image/Image';
24
+ export { Markdown } from './atoms/Markdown/Markdown';
25
+ export type { MarkdownProps } from './atoms/Markdown/Markdown';
24
26
  export { Logo } from './molecules/Logo/Logo';
25
27
  export type { LogoProps } from './molecules/Logo/Logo';
26
28
  export { SearchBox } from './molecules/SearchBox/SearchBox';
package/dist/main-server.js CHANGED
@@ -4,31 +4,32 @@ import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
4
4
  import { Head as a } from "./atoms/Root/Head.js";
5
5
  import { Icon as u } from "./atoms/Icon/Icon.js";
6
6
  import { Root as c } from "./atoms/Root/Root.js";
7
- import { Separator as g } from "./atoms/Separator/Separator.js";
7
+ import { Separator as l } from "./atoms/Separator/Separator.js";
8
8
  import { Text as B } from "./atoms/Text/Text.js";
9
9
  import { Input as C } from "./atoms/Input/Input.js";
10
10
  import { Link as s } from "./atoms/Link/Link.js";
11
11
  import { linkClassName as b } from "./atoms/Link/linkClassName.js";
12
12
  import { configureLink as A, routerOverride as F } from "./atoms/Link/configureLink.js";
13
13
  import { LinkButton as S } from "./atoms/LinkButton/LinkButton.js";
14
- import { configureImage as G } from "./atoms/Image/configureImage.js";
14
+ import { configureImage as w } from "./atoms/Image/configureImage.js";
15
+ import { Markdown as H } from "./atoms/Markdown/Markdown.js";
15
16
  import { Logo as O } from "./molecules/Logo/Logo.js";
16
17
  import { SearchBox as Q } from "./molecules/SearchBox/SearchBox.js";
17
18
  import { QuantityInput as T } from "./molecules/QuantityInput/QuantityInput.js";
18
19
  import { Pricing as q } from "./molecules/Pricing/Pricing.js";
19
- import { Availability as z } from "./molecules/Availability/Availability.js";
20
- import { Avatar as E } from "./molecules/Avatar/Avatar.js";
21
- import { BannerCard as K } from "./molecules/BannerCard/BannerCard.js";
22
- import { CardLink as U } from "./molecules/CardLink/CardLink.js";
23
- import { Breadcrumbs as W } from "./molecules/Breadcrumbs/Breadcrumbs.js";
24
- import { NotFound as Y } from "./organisms/NotFound/NotFound.js";
20
+ import { Availability as D } from "./molecules/Availability/Availability.js";
21
+ import { Avatar as J } from "./molecules/Avatar/Avatar.js";
22
+ import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
23
+ import { CardLink as W } from "./molecules/CardLink/CardLink.js";
24
+ import { Breadcrumbs as Y } from "./molecules/Breadcrumbs/Breadcrumbs.js";
25
+ import { NotFound as _ } from "./organisms/NotFound/NotFound.js";
25
26
  export {
26
- z as Availability,
27
- E as Avatar,
28
- K as BannerCard,
29
- W as Breadcrumbs,
27
+ D as Availability,
28
+ J as Avatar,
29
+ U as BannerCard,
30
+ Y as Breadcrumbs,
30
31
  t as Button,
31
- U as CardLink,
32
+ W as CardLink,
32
33
  x as Column,
33
34
  m as Flex,
34
35
  f as Grid,
@@ -38,14 +39,15 @@ export {
38
39
  s as Link,
39
40
  S as LinkButton,
40
41
  O as Logo,
41
- Y as NotFound,
42
+ H as Markdown,
43
+ _ as NotFound,
42
44
  q as Pricing,
43
45
  T as QuantityInput,
44
46
  c as Root,
45
47
  Q as SearchBox,
46
- g as Separator,
48
+ l as Separator,
47
49
  B as Text,
48
- G as configureImage,
50
+ w as configureImage,
49
51
  A as configureLink,
50
52
  b as linkClassName,
51
53
  F as routerOverride
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@caseparts-org/caseblocks",
3
3
  "private": false,
4
- "version": "0.0.122",
4
+ "version": "0.0.123",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -36,7 +36,10 @@
36
36
  "@fontsource-variable/roboto-condensed": "^5.1.1",
37
37
  "@fontsource/roboto": "^5.1.0",
38
38
  "clsx": "^2.1.1",
39
- "csstype": "^3.1.3"
39
+ "csstype": "^3.1.3",
40
+ "react-markdown": "^10.1.0",
41
+ "remark-breaks": "^4.0.0",
42
+ "remark-gfm": "^4.0.1"
40
43
  },
41
44
  "peerDependencies": {
42
45
  "embla-carousel-autoplay": "^8.0.0",
@@ -47,6 +50,7 @@
47
50
  "devDependencies": {
48
51
  "@chromatic-com/storybook": "^4.0.1",
49
52
  "@eslint/js": "^9.13.0",
53
+ "@size-limit/preset-small-lib": "^11.0.0",
50
54
  "@storybook/addon-docs": "^9.0.18",
51
55
  "@storybook/addon-onboarding": "^9.0.18",
52
56
  "@storybook/react-vite": "^9.0.18",
@@ -68,15 +72,14 @@
68
72
  "prettier": "3.4.2",
69
73
  "react": "19.2.3",
70
74
  "react-dom": "19.2.3",
75
+ "size-limit": "^11.0.0",
71
76
  "storybook": "^9.0.18",
72
77
  "typescript": "~5.6.2",
73
78
  "typescript-eslint": "^8.11.0",
74
79
  "vite": "^5.4.10",
75
80
  "vite-plugin-dts": "^4.3.0",
76
81
  "vite-plugin-lib-inject-css": "^2.1.1",
77
- "vite-plugin-static-copy": "^2.3.1",
78
- "size-limit": "^11.0.0",
79
- "@size-limit/preset-small-lib": "^11.0.0"
82
+ "vite-plugin-static-copy": "^2.3.1"
80
83
  },
81
84
  "eslintConfig": {
82
85
  "extends": [