@genesislcap/foundation-zero 14.240.0 → 14.241.0

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 (176) hide show
  1. package/dist/custom-elements.json +27 -2564
  2. package/package.json +14 -32
  3. package/dist/dts/accordion/accordion.stories.d.ts +0 -5
  4. package/dist/dts/accordion/accordion.stories.d.ts.map +0 -1
  5. package/dist/dts/actions-menu/actions-menu.stories.d.ts +0 -6
  6. package/dist/dts/actions-menu/actions-menu.stories.d.ts.map +0 -1
  7. package/dist/dts/anchor/anchor.stories.d.ts +0 -5
  8. package/dist/dts/anchor/anchor.stories.d.ts.map +0 -1
  9. package/dist/dts/anchored-region/anchored-region.stories.d.ts +0 -5
  10. package/dist/dts/anchored-region/anchored-region.stories.d.ts.map +0 -1
  11. package/dist/dts/avatar/avatar.stories.d.ts +0 -5
  12. package/dist/dts/avatar/avatar.stories.d.ts.map +0 -1
  13. package/dist/dts/badge/badge.stories.d.ts +0 -5
  14. package/dist/dts/badge/badge.stories.d.ts.map +0 -1
  15. package/dist/dts/banner/banner.stories.d.ts +0 -5
  16. package/dist/dts/banner/banner.stories.d.ts.map +0 -1
  17. package/dist/dts/breadcrumb/breadcrumb.stories.d.ts +0 -5
  18. package/dist/dts/breadcrumb/breadcrumb.stories.d.ts.map +0 -1
  19. package/dist/dts/button/button.stories.d.ts +0 -6
  20. package/dist/dts/button/button.stories.d.ts.map +0 -1
  21. package/dist/dts/calendar/calendar.stories.d.ts +0 -5
  22. package/dist/dts/calendar/calendar.stories.d.ts.map +0 -1
  23. package/dist/dts/card/card.stories.d.ts +0 -5
  24. package/dist/dts/card/card.stories.d.ts.map +0 -1
  25. package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts +0 -5
  26. package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts.map +0 -1
  27. package/dist/dts/checkbox/checkbox.stories.d.ts +0 -5
  28. package/dist/dts/checkbox/checkbox.stories.d.ts.map +0 -1
  29. package/dist/dts/combobox/combobox.stories.d.ts +0 -5
  30. package/dist/dts/combobox/combobox.stories.d.ts.map +0 -1
  31. package/dist/dts/connection-indicator/connection-indicator.stories.d.ts +0 -5
  32. package/dist/dts/connection-indicator/connection-indicator.stories.d.ts.map +0 -1
  33. package/dist/dts/data-grid/data-grid.stories.d.ts +0 -5
  34. package/dist/dts/data-grid/data-grid.stories.d.ts.map +0 -1
  35. package/dist/dts/date-picker/date-picker.stories.d.ts +0 -5
  36. package/dist/dts/date-picker/date-picker.stories.d.ts.map +0 -1
  37. package/dist/dts/dialog/dialog.stories.d.ts +0 -5
  38. package/dist/dts/dialog/dialog.stories.d.ts.map +0 -1
  39. package/dist/dts/disclosure/disclosure.stories.d.ts +0 -5
  40. package/dist/dts/disclosure/disclosure.stories.d.ts.map +0 -1
  41. package/dist/dts/divider/divider.stories.d.ts +0 -5
  42. package/dist/dts/divider/divider.stories.d.ts.map +0 -1
  43. package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts +0 -5
  44. package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts.map +0 -1
  45. package/dist/dts/error-banner/error-banner.stories.d.ts +0 -5
  46. package/dist/dts/error-banner/error-banner.stories.d.ts.map +0 -1
  47. package/dist/dts/error-dialog/error-dialog.stories.d.ts +0 -5
  48. package/dist/dts/error-dialog/error-dialog.stories.d.ts.map +0 -1
  49. package/dist/dts/file-upload/file-upload.stories.d.ts +0 -5
  50. package/dist/dts/file-upload/file-upload.stories.d.ts.map +0 -1
  51. package/dist/dts/filter/filter.stories.d.ts +0 -5
  52. package/dist/dts/filter/filter.stories.d.ts.map +0 -1
  53. package/dist/dts/filter-bar/filter-bar.stories.d.ts +0 -5
  54. package/dist/dts/filter-bar/filter-bar.stories.d.ts.map +0 -1
  55. package/dist/dts/flex-layout/flex-layout.stories.d.ts +0 -5
  56. package/dist/dts/flex-layout/flex-layout.stories.d.ts.map +0 -1
  57. package/dist/dts/flipper/flipper.stories.d.ts +0 -5
  58. package/dist/dts/flipper/flipper.stories.d.ts.map +0 -1
  59. package/dist/dts/flyout/flyout.stories.d.ts +0 -5
  60. package/dist/dts/flyout/flyout.stories.d.ts.map +0 -1
  61. package/dist/dts/grid-layout/grid-layout.stories.d.ts +0 -5
  62. package/dist/dts/grid-layout/grid-layout.stories.d.ts.map +0 -1
  63. package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts +0 -5
  64. package/dist/dts/horizontal-scroll/horizontal-scroll.stories.d.ts.map +0 -1
  65. package/dist/dts/icon/icon.stories.d.ts +0 -7
  66. package/dist/dts/icon/icon.stories.d.ts.map +0 -1
  67. package/dist/dts/listbox/listbox.stories.d.ts +0 -5
  68. package/dist/dts/listbox/listbox.stories.d.ts.map +0 -1
  69. package/dist/dts/menu/menu.stories.d.ts +0 -5
  70. package/dist/dts/menu/menu.stories.d.ts.map +0 -1
  71. package/dist/dts/modal/modal.stories.d.ts +0 -5
  72. package/dist/dts/modal/modal.stories.d.ts.map +0 -1
  73. package/dist/dts/multiselect/multiselect.stories.d.ts +0 -12
  74. package/dist/dts/multiselect/multiselect.stories.d.ts.map +0 -1
  75. package/dist/dts/number-field/number-field.stories.d.ts +0 -5
  76. package/dist/dts/number-field/number-field.stories.d.ts.map +0 -1
  77. package/dist/dts/progress/progress.stories.d.ts +0 -6
  78. package/dist/dts/progress/progress.stories.d.ts.map +0 -1
  79. package/dist/dts/progress-ring/progress-ring.stories.d.ts +0 -6
  80. package/dist/dts/progress-ring/progress-ring.stories.d.ts.map +0 -1
  81. package/dist/dts/radio/radio.stories.d.ts +0 -5
  82. package/dist/dts/radio/radio.stories.d.ts.map +0 -1
  83. package/dist/dts/radio-group/radio-group.stories.d.ts +0 -5
  84. package/dist/dts/radio-group/radio-group.stories.d.ts.map +0 -1
  85. package/dist/dts/search-bar/search-bar.stories.d.ts +0 -5
  86. package/dist/dts/search-bar/search-bar.stories.d.ts.map +0 -1
  87. package/dist/dts/segmented-control/segmented-control.stories.d.ts +0 -5
  88. package/dist/dts/segmented-control/segmented-control.stories.d.ts.map +0 -1
  89. package/dist/dts/select/select.stories.d.ts +0 -5
  90. package/dist/dts/select/select.stories.d.ts.map +0 -1
  91. package/dist/dts/skeleton/skeleton.stories.d.ts +0 -5
  92. package/dist/dts/skeleton/skeleton.stories.d.ts.map +0 -1
  93. package/dist/dts/slider/slider.stories.d.ts +0 -6
  94. package/dist/dts/slider/slider.stories.d.ts.map +0 -1
  95. package/dist/dts/snackbar/snackbar.stories.d.ts +0 -5
  96. package/dist/dts/snackbar/snackbar.stories.d.ts.map +0 -1
  97. package/dist/dts/stacking-icons/stacking-icons.stories.d.ts +0 -5
  98. package/dist/dts/stacking-icons/stacking-icons.stories.d.ts.map +0 -1
  99. package/dist/dts/stepper/stepper.stories.d.ts +0 -5
  100. package/dist/dts/stepper/stepper.stories.d.ts.map +0 -1
  101. package/dist/dts/switch/switch.stories.d.ts +0 -5
  102. package/dist/dts/switch/switch.stories.d.ts.map +0 -1
  103. package/dist/dts/tabs/tabs.stories.d.ts +0 -5
  104. package/dist/dts/tabs/tabs.stories.d.ts.map +0 -1
  105. package/dist/dts/text-area/text-area.stories.d.ts +0 -5
  106. package/dist/dts/text-area/text-area.stories.d.ts.map +0 -1
  107. package/dist/dts/text-field/text-field.stories.d.ts +0 -5
  108. package/dist/dts/text-field/text-field.stories.d.ts.map +0 -1
  109. package/dist/dts/toast/toast.stories.d.ts +0 -5
  110. package/dist/dts/toast/toast.stories.d.ts.map +0 -1
  111. package/dist/dts/toolbar/toolbar.stories.d.ts +0 -5
  112. package/dist/dts/toolbar/toolbar.stories.d.ts.map +0 -1
  113. package/dist/dts/tooltip/tooltip.stories.d.ts +0 -5
  114. package/dist/dts/tooltip/tooltip.stories.d.ts.map +0 -1
  115. package/dist/dts/tree-view/tree-view.stories.d.ts +0 -5
  116. package/dist/dts/tree-view/tree-view.stories.d.ts.map +0 -1
  117. package/dist/dts/url-input/url-input.stories.d.ts +0 -5
  118. package/dist/dts/url-input/url-input.stories.d.ts.map +0 -1
  119. package/dist/esm/accordion/accordion.stories.js +0 -28
  120. package/dist/esm/actions-menu/actions-menu.stories.js +0 -56
  121. package/dist/esm/anchor/anchor.stories.js +0 -23
  122. package/dist/esm/anchored-region/anchored-region.stories.js +0 -29
  123. package/dist/esm/avatar/avatar.stories.js +0 -30
  124. package/dist/esm/badge/badge.stories.js +0 -25
  125. package/dist/esm/banner/banner.stories.js +0 -73
  126. package/dist/esm/breadcrumb/breadcrumb.stories.js +0 -19
  127. package/dist/esm/button/button.stories.js +0 -38
  128. package/dist/esm/calendar/calendar.stories.js +0 -32
  129. package/dist/esm/card/card.stories.js +0 -23
  130. package/dist/esm/categorized-multiselect/categorized-multiselect.stories.js +0 -87
  131. package/dist/esm/checkbox/checkbox.stories.js +0 -26
  132. package/dist/esm/combobox/combobox.stories.js +0 -53
  133. package/dist/esm/connection-indicator/connection-indicator.stories.js +0 -14
  134. package/dist/esm/data-grid/data-grid.stories.js +0 -46
  135. package/dist/esm/date-picker/date-picker.stories.js +0 -27
  136. package/dist/esm/dialog/dialog.stories.js +0 -86
  137. package/dist/esm/disclosure/disclosure.stories.js +0 -31
  138. package/dist/esm/divider/divider.stories.js +0 -33
  139. package/dist/esm/dropdown-menu/dropdown-menu.stories.js +0 -68
  140. package/dist/esm/error-banner/error-banner.stories.js +0 -70
  141. package/dist/esm/error-dialog/error-dialog.stories.js +0 -63
  142. package/dist/esm/file-upload/file-upload.stories.js +0 -13
  143. package/dist/esm/filter/filter.stories.js +0 -17
  144. package/dist/esm/filter-bar/filter-bar.stories.js +0 -14
  145. package/dist/esm/flex-layout/flex-layout.stories.js +0 -81
  146. package/dist/esm/flipper/flipper.stories.js +0 -20
  147. package/dist/esm/flyout/flyout.stories.js +0 -59
  148. package/dist/esm/grid-layout/grid-layout.stories.js +0 -251
  149. package/dist/esm/horizontal-scroll/horizontal-scroll.stories.js +0 -22
  150. package/dist/esm/icon/icon.stories.js +0 -79
  151. package/dist/esm/listbox/listbox.stories.js +0 -15
  152. package/dist/esm/menu/menu.stories.js +0 -26
  153. package/dist/esm/modal/modal.stories.js +0 -39
  154. package/dist/esm/multiselect/multiselect.stories.js +0 -207
  155. package/dist/esm/number-field/number-field.stories.js +0 -26
  156. package/dist/esm/progress/progress.stories.js +0 -38
  157. package/dist/esm/progress-ring/progress-ring.stories.js +0 -23
  158. package/dist/esm/radio/radio.stories.js +0 -11
  159. package/dist/esm/radio-group/radio-group.stories.js +0 -16
  160. package/dist/esm/search-bar/search-bar.stories.js +0 -45
  161. package/dist/esm/segmented-control/segmented-control.stories.js +0 -26
  162. package/dist/esm/select/select.stories.js +0 -17
  163. package/dist/esm/skeleton/skeleton.stories.js +0 -35
  164. package/dist/esm/slider/slider.stories.js +0 -28
  165. package/dist/esm/snackbar/snackbar.stories.js +0 -95
  166. package/dist/esm/stacking-icons/stacking-icons.stories.js +0 -53
  167. package/dist/esm/stepper/stepper.stories.js +0 -30
  168. package/dist/esm/switch/switch.stories.js +0 -11
  169. package/dist/esm/tabs/tabs.stories.js +0 -51
  170. package/dist/esm/text-area/text-area.stories.js +0 -15
  171. package/dist/esm/text-field/text-field.stories.js +0 -20
  172. package/dist/esm/toast/toast.stories.js +0 -30
  173. package/dist/esm/toolbar/toolbar.stories.js +0 -21
  174. package/dist/esm/tooltip/tooltip.stories.js +0 -14
  175. package/dist/esm/tree-view/tree-view.stories.js +0 -20
  176. package/dist/esm/url-input/url-input.stories.js +0 -12
@@ -1,51 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Tabs',
4
- component: 'zero-tabs',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- argTypes: {
9
- appearance: {
10
- control: 'select',
11
- options: ['primary', 'secondary'],
12
- },
13
- orientation: {
14
- control: 'select',
15
- options: ['vertical', 'horizontal'],
16
- },
17
- },
18
- args: {
19
- appearance: 'primary',
20
- orientation: 'horizontal',
21
- },
22
- render: ({ appearance, orientation }) => html `
23
- <div style="min-height: 300px">
24
- <zero-tabs appearance="${appearance}" orientation="${orientation}">
25
- <span part="start" class="start" slot="start">Blotter Header</span>
26
- <zero-tab>Rapid Tab 1</zero-tab>
27
- <zero-tab slot="tab">Rapid Tab 2</zero-tab>
28
- <zero-tab slot="tab">Rapid Tab 3</zero-tab>
29
- <zero-tab slot="tab">Rapid Tab 4</zero-tab>
30
- <zero-tab-panel slot="tabpanel">
31
- <zero-tabs appearance="secondary">
32
- <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 1</zero-tab>
33
- <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 2</zero-tab>
34
- <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 1</zero-tab-panel>
35
- <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 2</zero-tab-panel>
36
- </zero-tabs>
37
- </zero-tab-panel>
38
- <zero-tab-panel slot="tabpanel">Rapid Tab Panel 2</zero-tab-panel>
39
- <zero-tab-panel slot="tabpanel">Rapid Tab Panel 3</zero-tab-panel>
40
- <zero-tab-panel slot="tabpanel">
41
- <zero-tabs appearance="secondary">
42
- <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 1</zero-tab>
43
- <zero-tab appearance="secondary" slot="tab">Rapid Nested Tab 2</zero-tab>
44
- <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 1</zero-tab-panel>
45
- <zero-tab-panel slot="tabpanel">Rapid Nested Tab Panel 2</zero-tab-panel>
46
- </zero-tabs>
47
- </zero-tab-panel>
48
- </zero-tabs>
49
- </div>
50
- `,
51
- };
@@ -1,15 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Text Area',
4
- component: 'zero-text-area',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <div style="height: 200px;">
10
- <zero-text-area resize="both" placeholder="Enter text...">Text Area</zero-text-area>
11
- <zero-text-area value="some value">Test label</zero-text-area>
12
- <zero-text-area value="disabled" disabled>Test label 2</zero-text-area>
13
- </div>
14
- `,
15
- };
@@ -1,20 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Text Field',
4
- component: 'zero-text-field',
5
- };
6
- export default meta;
7
- const wrapperStyle = 'display: flex; flex-direction: column;';
8
- export const Primary = {
9
- render: () => html `
10
- <div style="${wrapperStyle}">
11
- <zero-text-field placeholder="Enter text...">Text Field</zero-text-field>
12
- <zero-text-field value="some value">Test label</zero-text-field>
13
- <zero-text-field value="disabled" disabled>Test label 2</zero-text-field>
14
- <zero-text-field type="datetime-local">Datetime local type</zero-text-field>
15
- <zero-text-field type="datetime-local" step=".001">
16
- Datetime local with step attr
17
- </zero-text-field>
18
- </div>
19
- `,
20
- };
@@ -1,30 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Toast',
4
- component: 'zero-toast',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <div style="position: absolute; right: 0; top: 0; display: flex; flex-direction: column">
10
- <zero-toast notify="warning" auto-close="true" close-timeout="5000">
11
- <h6 slot="top">Toast title</h6>
12
- <span slot="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>
13
- <span slot="date">Today 14:28</span>
14
- </zero-toast>
15
- <zero-toast notify="success">
16
- <h6 slot="top">Toast title</h6>
17
- <span slot="date">Today 14:28</span>
18
- </zero-toast>
19
- <zero-toast>
20
- <h6 slot="top">Toast title</h6>
21
- </zero-toast>
22
- <zero-toast>
23
- <h6 slot="top">Toast title</h6>
24
- <span slot="content">Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet. Lorem, ipsum dolor.</span>
25
- <span slot="date">Today 14:28</span>
26
- <zero-button appearance="primary-gradient" slot="bottom">Close notification</zero-button>
27
- </foundation-toast>
28
- </div>
29
- `,
30
- };
@@ -1,21 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Toolbar',
4
- component: 'zero-toolbar',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <zero-toolbar style="height: 300px;">
10
- <label slot="label">Zero Toolbar</label>
11
- <zero-checkbox>Zero Checkbox</zero-checkbox>
12
- <zero-checkbox>Zero Checkbox</zero-checkbox>
13
- <zero-select>
14
- <zero-option value="1">Zero Option 1</zero-option>
15
- <zero-option value="2">Zero Option 2</zero-option>
16
- <zero-option value="3">Zero Option 3</zero-option>
17
- </zero-select>
18
- <zero-button>Zero Button</zero-button>
19
- </zero-toolbar>
20
- `,
21
- };
@@ -1,14 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Tooltip',
4
- component: 'zero-tooltip',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <zero-button id="zero-btn-tooltip-anchor">Hover me</zero-button>
10
- <zero-tooltip anchor="zero-btn-tooltip-anchor">oh hello there!</zero-tooltip>
11
- <zero-badge id="zero-badge-tooltip-anchor">And me too!</zero-badge>
12
- <zero-tooltip anchor="zero-badge-tooltip-anchor">again!</zero-tooltip>
13
- `,
14
- };
@@ -1,20 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'Tree View',
4
- component: 'zero-tree-view',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <zero-tree-view style="width: 200px;">
10
- <zero-tree-item>
11
- Tree item 1
12
- <zero-tree-item>
13
- Tree item 2
14
- <zero-tree-item>Tree item 2</zero-tree-item>
15
- </zero-tree-item>
16
- </zero-tree-item>
17
- <zero-tree-item>Tree item 2</zero-tree-item>
18
- </zero-tree-view>
19
- `,
20
- };
@@ -1,12 +0,0 @@
1
- import { html } from 'lit-html';
2
- const meta = {
3
- title: 'URL Input',
4
- component: 'zero-url-input',
5
- };
6
- export default meta;
7
- export const Primary = {
8
- render: () => html `
9
- <zero-url-input></zero-url-input>
10
- <zero-url-input readOnly value="randomurl"></zero-url-input>
11
- `,
12
- };