@ilo-org/react 0.0.15 → 0.0.17
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/.turbo/turbo-build.log +72 -79
- package/.turbo/turbo-check.log +1 -1
- package/.turbo/turbo-test.log +13 -13
- package/CHANGELOG.md +42 -0
- package/package.json +6 -6
- package/src/components/Hero/Hero.args.ts +0 -2
- package/src/stories/Accordion.stories.tsx +6 -1
- package/src/stories/Button.stories.tsx +22 -1
- package/src/stories/Callout.stories.tsx +14 -1
- package/src/stories/Dropdown.stories.tsx +6 -0
- package/src/stories/Hero.stories.tsx +17 -1
- package/src/stories/Link.stories.tsx +6 -1
- package/src/stories/LinkList.stories.tsx +6 -0
- package/src/stories/List.stories.tsx +10 -1
- package/src/stories/Loading.stories.tsx +10 -0
- package/src/stories/Notification.stories.tsx +10 -1
- package/src/stories/Tag.stories.tsx +13 -2
- package/src/stories/Tooltip.stories.tsx +10 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/main.3ae24e12.iframe.bundle.js +1 -0
- package/storybook-static/project.json +1 -1
- package/storybook-static/static/css/main.4deb891d.css +3 -0
- package/storybook-static/static/css/main.4deb891d.css.map +1 -0
- package/storybook-static/main.7bfb35c8.iframe.bundle.js +0 -1
- package/storybook-static/static/css/main.acddc31a.css +0 -3
- package/storybook-static/static/css/main.acddc31a.css.map +0 -1
|
@@ -37,7 +37,16 @@ By changing the \`placement\` prop you can set whether the Notification is displ
|
|
|
37
37
|
export default {
|
|
38
38
|
title: "Components/Notification",
|
|
39
39
|
component: Notification,
|
|
40
|
-
argTypes: {
|
|
40
|
+
argTypes: {
|
|
41
|
+
type: {
|
|
42
|
+
options: ["error", "info", "success", "warning"],
|
|
43
|
+
control: { type: "select" },
|
|
44
|
+
},
|
|
45
|
+
placement: {
|
|
46
|
+
options: ["dialog", "inline"],
|
|
47
|
+
control: { type: "select" },
|
|
48
|
+
},
|
|
49
|
+
},
|
|
41
50
|
parameters: {
|
|
42
51
|
componentSubtitle: "Component",
|
|
43
52
|
docs: {
|
|
@@ -14,7 +14,13 @@ import tagSetArgs from "../components/Tag/TagSet.args";
|
|
|
14
14
|
import tagArgs from "../components/Tag/Tag.args";
|
|
15
15
|
|
|
16
16
|
const themeDoc = `
|
|
17
|
-
By changing
|
|
17
|
+
By changing the \`type\` prop you can set the which kind of tag to use.
|
|
18
|
+
|
|
19
|
+
| Prop | Description |
|
|
20
|
+
|----------|-------------|
|
|
21
|
+
| \`anochor\` | The tag is a link. Useful for taxonomies that have landing pages. |
|
|
22
|
+
| \`button\` | The tag is a button. Useful for tags that are used to filter search results. |
|
|
23
|
+
| \`display\` | The tag is static (not clickable). Useful for displaying non-actionable info. |
|
|
18
24
|
`;
|
|
19
25
|
|
|
20
26
|
/**
|
|
@@ -24,7 +30,12 @@ By changing
|
|
|
24
30
|
export default {
|
|
25
31
|
title: "Components/Tag",
|
|
26
32
|
component: Tag,
|
|
27
|
-
argTypes: {
|
|
33
|
+
argTypes: {
|
|
34
|
+
type: {
|
|
35
|
+
options: ["anchor", "button", "display"],
|
|
36
|
+
control: { type: "select" },
|
|
37
|
+
},
|
|
38
|
+
},
|
|
28
39
|
parameters: {
|
|
29
40
|
componentSubtitle: "Component",
|
|
30
41
|
docs: {
|
|
@@ -22,7 +22,16 @@ By changing the \`theme\` prop you can set whether the tooltip has a light or da
|
|
|
22
22
|
export default {
|
|
23
23
|
title: "Components/Tooltip",
|
|
24
24
|
component: Tooltip,
|
|
25
|
-
argTypes: {
|
|
25
|
+
argTypes: {
|
|
26
|
+
icon: {
|
|
27
|
+
options: [true, false],
|
|
28
|
+
control: { type: "boolean" },
|
|
29
|
+
},
|
|
30
|
+
theme: {
|
|
31
|
+
options: ["light", "dark"],
|
|
32
|
+
control: { type: "select" },
|
|
33
|
+
},
|
|
34
|
+
},
|
|
26
35
|
parameters: {
|
|
27
36
|
componentSubtitle: "Component",
|
|
28
37
|
docs: {
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
/* eslint-enable object-shorthand */
|
|
339
339
|
})
|
|
340
340
|
);
|
|
341
|
-
};</script><link href="static/css/main.
|
|
341
|
+
};</script><link href="static/css/main.4deb891d.css" rel="stylesheet"><style>#root[hidden],
|
|
342
342
|
#docs-root[hidden] {
|
|
343
343
|
display: none !important;
|
|
344
344
|
}</style></head><body><div class="sb-preparing-story sb-wrapper"><div class="sb-loader"></div></div><div class="sb-preparing-docs sb-wrapper"><div class="sb-previewBlock"><div class="sb-previewBlock_header"><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div><div class="sb-previewBlock_icon"></div></div><div class="sb-previewBlock_body"><div class="sb-loader"></div></div></div><table aria-hidden="true" class="sb-argstableBlock"><thead class="sb-argstableBlock-head"><tr><th><span>Name</span></th><th><span>Description</span></th><th><span>Default</span></th><th><span>Control</span></th></tr></thead><tbody class="sb-argstableBlock-body"><tr><td><span>propertyName</span><span title="Required">*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr><tr><td><span>propertyName</span><span>*</span></td><td><div><span>This is a short description</span></div><div class="sb-argstableBlock-summary"><div><span class="sb-argstableBlock-code">summary</span></div></div></td><td><div><span class="sb-argstableBlock-code">defaultValue</span></div></td><td><button>Set string</button></td></tr></tbody></table></div><div class="sb-nopreview sb-wrapper"><div class="sb-nopreview_main"><h1 class="sb-nopreview_heading sb-heading">No Preview</h1><p>Sorry, but you either have no stories or none are selected somehow.</p><ul><li>Please check the Storybook config.</li><li>Try reloading the page.</li></ul><p>If the problem persists, check the browser console, or the terminal you've run Storybook from.</p></div></div><div class="sb-errordisplay sb-wrapper"><pre id="error-message" class="sb-heading"></pre><pre class="sb-errordisplay_code"><code id="error-stack"></code></pre></div><div id="root"></div><div id="docs-root"></div><script>window['CONFIG_TYPE'] = "PRODUCTION";
|
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.3bae6a4f.iframe.bundle.js"></script><script src="212.faba6ad0.iframe.bundle.js"></script><script src="main.
|
|
364
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/*.stories.mdx","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.mdx)$"},{"titlePrefix":"","directory":"./src","files":"**/*.stories.@(js|jsx|ts|tsx)","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|jsx|ts|tsx))$"}];</script><script src="runtime~main.3bae6a4f.iframe.bundle.js"></script><script src="212.faba6ad0.iframe.bundle.js"></script><script src="main.3ae24e12.iframe.bundle.js"></script></body></html>
|