@genesislcap/foundation-zero 14.58.0 → 14.60.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 (81) hide show
  1. package/dist/custom-elements.json +220 -24
  2. package/dist/dts/actions-menu/actions-menu.stories.d.ts.map +1 -1
  3. package/dist/dts/anchor/anchor.stories.d.ts.map +1 -1
  4. package/dist/dts/anchored-region/anchored-region.d.ts +8 -0
  5. package/dist/dts/anchored-region/anchored-region.d.ts.map +1 -0
  6. package/dist/dts/anchored-region/anchored-region.stories.d.ts +5 -0
  7. package/dist/dts/anchored-region/anchored-region.stories.d.ts.map +1 -0
  8. package/dist/dts/anchored-region/anchored-region.styles.d.ts +4 -0
  9. package/dist/dts/anchored-region/anchored-region.styles.d.ts.map +1 -0
  10. package/dist/dts/anchored-region/anchored-region.template.d.ts +5 -0
  11. package/dist/dts/anchored-region/anchored-region.template.d.ts.map +1 -0
  12. package/dist/dts/anchored-region/index.d.ts +4 -0
  13. package/dist/dts/anchored-region/index.d.ts.map +1 -0
  14. package/dist/dts/badge/badge.stories.d.ts.map +1 -1
  15. package/dist/dts/banner/banner.stories.d.ts.map +1 -1
  16. package/dist/dts/base-components.d.ts +1 -0
  17. package/dist/dts/base-components.d.ts.map +1 -1
  18. package/dist/dts/breadcrumb/breadcrumb.stories.d.ts.map +1 -1
  19. package/dist/dts/button/button.stories.d.ts.map +1 -1
  20. package/dist/dts/button/button.styles.d.ts.map +1 -1
  21. package/dist/dts/card/card.stories.d.ts.map +1 -1
  22. package/dist/dts/combobox/combobox.stories.d.ts.map +1 -1
  23. package/dist/dts/combobox/combobox.styles.d.ts.map +1 -1
  24. package/dist/dts/connection-indicator/connection-indicator.stories.d.ts.map +1 -1
  25. package/dist/dts/data-grid/data-grid.stories.d.ts.map +1 -1
  26. package/dist/dts/date-picker/date-picker.stories.d.ts.map +1 -1
  27. package/dist/dts/design-system-provider/design-system-provider.styles.d.ts.map +1 -1
  28. package/dist/dts/disclosure/disclosure.stories.d.ts.map +1 -1
  29. package/dist/dts/divider/divider.stories.d.ts.map +1 -1
  30. package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts.map +1 -1
  31. package/dist/dts/error-banner/error-banner.stories.d.ts.map +1 -1
  32. package/dist/dts/filter/filter.stories.d.ts.map +1 -1
  33. package/dist/dts/filter-bar/filter-bar.stories.d.ts.map +1 -1
  34. package/dist/dts/flipper/flipper.stories.d.ts.map +1 -1
  35. package/dist/dts/flyout/flyout.stories.d.ts.map +1 -1
  36. package/dist/dts/index.d.ts +1 -0
  37. package/dist/dts/index.d.ts.map +1 -1
  38. package/dist/dts/menu/menu.stories.d.ts.map +1 -1
  39. package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
  40. package/dist/dts/select/select.styles.d.ts.map +1 -1
  41. package/dist/dts/snackbar/snackbar.stories.d.ts.map +1 -1
  42. package/dist/dts/text-area/text-area.styles.d.ts.map +1 -1
  43. package/dist/dts/text-field/text-field.styles.d.ts.map +1 -1
  44. package/dist/dts/tree-item/tree-item.styles.d.ts.map +1 -1
  45. package/dist/esm/actions-menu/actions-menu.stories.js +15 -15
  46. package/dist/esm/anchor/anchor.stories.js +8 -8
  47. package/dist/esm/anchored-region/anchored-region.js +10 -0
  48. package/dist/esm/anchored-region/anchored-region.stories.js +29 -0
  49. package/dist/esm/anchored-region/anchored-region.styles.js +5 -0
  50. package/dist/esm/anchored-region/anchored-region.template.js +2 -0
  51. package/dist/esm/anchored-region/index.js +3 -0
  52. package/dist/esm/badge/badge.stories.js +8 -8
  53. package/dist/esm/banner/banner.stories.js +10 -10
  54. package/dist/esm/base-components.js +2 -0
  55. package/dist/esm/breadcrumb/breadcrumb.stories.js +6 -6
  56. package/dist/esm/button/button.stories.js +6 -6
  57. package/dist/esm/button/button.styles.js +4 -2
  58. package/dist/esm/card/card.stories.js +7 -7
  59. package/dist/esm/combobox/combobox.stories.js +8 -8
  60. package/dist/esm/combobox/combobox.styles.js +2 -1
  61. package/dist/esm/connection-indicator/connection-indicator.stories.js +2 -2
  62. package/dist/esm/data-grid/data-grid.stories.js +6 -6
  63. package/dist/esm/date-picker/date-picker.stories.js +10 -10
  64. package/dist/esm/design-system-provider/design-system-provider.styles.js +6 -6
  65. package/dist/esm/disclosure/disclosure.stories.js +5 -5
  66. package/dist/esm/divider/divider.stories.js +8 -8
  67. package/dist/esm/dropdown-menu/dropdown-menu.stories.js +4 -4
  68. package/dist/esm/error-banner/error-banner.stories.js +4 -4
  69. package/dist/esm/filter/filter.stories.js +5 -5
  70. package/dist/esm/filter-bar/filter-bar.stories.js +5 -5
  71. package/dist/esm/flipper/flipper.stories.js +2 -2
  72. package/dist/esm/flyout/flyout.stories.js +30 -30
  73. package/dist/esm/index.js +1 -0
  74. package/dist/esm/menu/menu.stories.js +13 -13
  75. package/dist/esm/multiselect/multiselect.styles.js +2 -1
  76. package/dist/esm/select/select.styles.js +2 -1
  77. package/dist/esm/snackbar/snackbar.stories.js +4 -4
  78. package/dist/esm/text-area/text-area.styles.js +2 -1
  79. package/dist/esm/text-field/text-field.styles.js +2 -1
  80. package/dist/esm/tree-item/tree-item.styles.js +2 -1
  81. package/package.json +6 -6
@@ -25,35 +25,35 @@ export const Primary = {
25
25
  flyoutWidth: '20%',
26
26
  },
27
27
  render: ({ position, height, flyoutWidth }) => html `
28
- <div style="display: flex; height: ${height};">
29
- <zero-button @click="${openFlyout}">Open Flyout</zero-button>
28
+ <div style="display: flex; height: ${height};">
29
+ <zero-button @click="${openFlyout}">Open Flyout</zero-button>
30
30
 
31
- <style>
32
- zero-flyout::part(flyout) {
33
- width: ${flyoutWidth};
34
- }
35
- </style>
36
- <zero-flyout position="${position}" style="height: ${height};">
37
- <p slot="title">Zero flyout</p>
38
- <div slot="header">
39
- <p>Header</p>
40
- </div>
41
- <div class="container">
42
- <p>Flyout options</p>
43
- <ul>
44
- <li>0</li>
45
- <li>1</li>
46
- <li>2</li>
47
- <li>3</li>
48
- <li>4</li>
49
- <li>5</li>
50
- </ul>
51
- </div>
52
- <div slot="footer">
53
- <p>Footer</p>
54
- <zero-button @click="${closeFlyout}">Close Flyout</zero-button>
55
- </div>
56
- </zero-flyout>
57
- </div>
58
- `,
31
+ <style>
32
+ zero-flyout::part(flyout) {
33
+ width: ${flyoutWidth};
34
+ }
35
+ </style>
36
+ <zero-flyout position="${position}" style="height: ${height};">
37
+ <p slot="title">Zero flyout</p>
38
+ <div slot="header">
39
+ <p>Header</p>
40
+ </div>
41
+ <div class="container">
42
+ <p>Flyout options</p>
43
+ <ul>
44
+ <li>0</li>
45
+ <li>1</li>
46
+ <li>2</li>
47
+ <li>3</li>
48
+ <li>4</li>
49
+ <li>5</li>
50
+ </ul>
51
+ </div>
52
+ <div slot="footer">
53
+ <p>Footer</p>
54
+ <zero-button @click="${closeFlyout}">Close Flyout</zero-button>
55
+ </div>
56
+ </zero-flyout>
57
+ </div>
58
+ `,
59
59
  };
package/dist/esm/index.js CHANGED
@@ -8,6 +8,7 @@ export * from './accordion';
8
8
  export * from './accordion-item';
9
9
  export * from './actions-menu';
10
10
  export * from './anchor';
11
+ export * from './anchored-region';
11
12
  export * from './badge';
12
13
  export * from './banner';
13
14
  export * from './breadcrumb-item';
@@ -10,17 +10,17 @@ export const Primary = {
10
10
  subMenuItemsText: 'SubMenu item',
11
11
  },
12
12
  render: ({ menuItemsText, subMenuItemsText }) => html `
13
- <zero-menu>
14
- <zero-menu-item>
15
- ${menuItemsText} 1
16
- <zero-menu>
17
- <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>
18
- <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>
19
- <zero-menu-item>${subMenuItemsText}</zero-menu-item>
20
- </zero-menu>
21
- </zero-menu-item>
22
- <zero-menu-item>${menuItemsText} 2</zero-menu-item>
23
- <zero-menu-item>${menuItemsText}</zero-menu-item>
24
- </zero-menu>
25
- `,
13
+ <zero-menu>
14
+ <zero-menu-item>
15
+ ${menuItemsText} 1
16
+ <zero-menu>
17
+ <zero-menu-item>${subMenuItemsText} 1</zero-menu-item>
18
+ <zero-menu-item>${subMenuItemsText} 2</zero-menu-item>
19
+ <zero-menu-item>${subMenuItemsText}</zero-menu-item>
20
+ </zero-menu>
21
+ </zero-menu-item>
22
+ <zero-menu-item>${menuItemsText} 2</zero-menu-item>
23
+ <zero-menu-item>${menuItemsText}</zero-menu-item>
24
+ </zero-menu>
25
+ `,
26
26
  };
@@ -15,7 +15,8 @@ export const multiselectStyles = css `
15
15
 
16
16
  #display-field:focus {
17
17
  outline: none;
18
- background: linear-gradient(
18
+ background:
19
+ linear-gradient(
19
20
  var(--primary-gradient-angle),
20
21
  ${PrimaryRapidColorHEX.blue} 0%,
21
22
  ${PrimaryRapidColorHEX.purple} 100%
@@ -14,7 +14,8 @@ export const zeroSelectStyles = (context, definition) => css `
14
14
  }
15
15
 
16
16
  :host(:focus-within:not([disabled])) {
17
- background: linear-gradient(
17
+ background:
18
+ linear-gradient(
18
19
  var(--primary-gradient-angle),
19
20
  ${PrimaryRapidColorHEX.blue} 0%,
20
21
  ${PrimaryRapidColorHEX.purple} 100%
@@ -35,8 +35,8 @@ export const Primary = {
35
35
  errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',
36
36
  },
37
37
  render: ({ errorText }) => html `
38
- <div id="zero-snackbar" style="width: 100%;">
39
- <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
40
- </div>
41
- `,
38
+ <div id="zero-snackbar" style="width: 100%;">
39
+ <zero-button @click="${() => showError(errorText)}">Show Zero Snackbar</zero-button>
40
+ </div>
41
+ `,
42
42
  };
@@ -21,7 +21,8 @@ export const zeroTextAreaStyles = (context, definition) => css `
21
21
  }
22
22
 
23
23
  :host(:focus-within:not([disabled])) .control {
24
- background: linear-gradient(
24
+ background:
25
+ linear-gradient(
25
26
  var(--primary-gradient-angle),
26
27
  ${PrimaryRapidColorHEX.blue} 0%,
27
28
  ${PrimaryRapidColorHEX.purple} 100%
@@ -24,7 +24,8 @@ export const zeroTextFieldStyles = (context, definition) => css `
24
24
  }
25
25
 
26
26
  :host(:focus-within:not([disabled])) .root {
27
- background: linear-gradient(
27
+ background:
28
+ linear-gradient(
28
29
  var(--primary-gradient-angle),
29
30
  ${PrimaryRapidColorHEX.blue} 0%,
30
31
  ${PrimaryRapidColorHEX.purple} 100%
@@ -12,7 +12,8 @@ export const zeroTreeItemStyles = (context, definition) => css `
12
12
  }
13
13
 
14
14
  :host([selected])::after {
15
- background: linear-gradient(
15
+ background:
16
+ linear-gradient(
16
17
  var(--primary-gradient-angle),
17
18
  ${PrimaryRapidColorHEX.blue} 10%,
18
19
  ${PrimaryRapidColorHEX.purple} 100%
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.58.0",
4
+ "version": "14.60.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -62,7 +62,7 @@
62
62
  "storybook": "storybook dev -p 6006"
63
63
  },
64
64
  "devDependencies": {
65
- "@genesislcap/genx": "14.58.0",
65
+ "@genesislcap/genx": "14.60.0",
66
66
  "@storybook/addon-essentials": "^7.0.0",
67
67
  "@storybook/addon-links": "^7.0.0",
68
68
  "@storybook/addons": "^7.0.0",
@@ -75,9 +75,9 @@
75
75
  "storybook": "^7.0.0"
76
76
  },
77
77
  "dependencies": {
78
- "@genesislcap/foundation-comms": "14.58.0",
79
- "@genesislcap/foundation-ui": "14.58.0",
80
- "@genesislcap/foundation-utils": "14.58.0",
78
+ "@genesislcap/foundation-comms": "14.60.0",
79
+ "@genesislcap/foundation-ui": "14.60.0",
80
+ "@genesislcap/foundation-utils": "14.60.0",
81
81
  "@microsoft/fast-colors": "^5.1.4",
82
82
  "@microsoft/fast-components": "^2.21.3",
83
83
  "@microsoft/fast-element": "^1.7.0",
@@ -94,5 +94,5 @@
94
94
  "access": "public"
95
95
  },
96
96
  "customElements": "dist/custom-elements.json",
97
- "gitHead": "b29a4535c866650d6dd120a2e7fe84768342246b"
97
+ "gitHead": "78e4c99a7097525e11e99ef7f058d5c464fa30ab"
98
98
  }