@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.
- package/dist/custom-elements.json +220 -24
- package/dist/dts/actions-menu/actions-menu.stories.d.ts.map +1 -1
- package/dist/dts/anchor/anchor.stories.d.ts.map +1 -1
- package/dist/dts/anchored-region/anchored-region.d.ts +8 -0
- package/dist/dts/anchored-region/anchored-region.d.ts.map +1 -0
- package/dist/dts/anchored-region/anchored-region.stories.d.ts +5 -0
- package/dist/dts/anchored-region/anchored-region.stories.d.ts.map +1 -0
- package/dist/dts/anchored-region/anchored-region.styles.d.ts +4 -0
- package/dist/dts/anchored-region/anchored-region.styles.d.ts.map +1 -0
- package/dist/dts/anchored-region/anchored-region.template.d.ts +5 -0
- package/dist/dts/anchored-region/anchored-region.template.d.ts.map +1 -0
- package/dist/dts/anchored-region/index.d.ts +4 -0
- package/dist/dts/anchored-region/index.d.ts.map +1 -0
- package/dist/dts/badge/badge.stories.d.ts.map +1 -1
- package/dist/dts/banner/banner.stories.d.ts.map +1 -1
- package/dist/dts/base-components.d.ts +1 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/breadcrumb/breadcrumb.stories.d.ts.map +1 -1
- package/dist/dts/button/button.stories.d.ts.map +1 -1
- package/dist/dts/button/button.styles.d.ts.map +1 -1
- package/dist/dts/card/card.stories.d.ts.map +1 -1
- package/dist/dts/combobox/combobox.stories.d.ts.map +1 -1
- package/dist/dts/combobox/combobox.styles.d.ts.map +1 -1
- package/dist/dts/connection-indicator/connection-indicator.stories.d.ts.map +1 -1
- package/dist/dts/data-grid/data-grid.stories.d.ts.map +1 -1
- package/dist/dts/date-picker/date-picker.stories.d.ts.map +1 -1
- package/dist/dts/design-system-provider/design-system-provider.styles.d.ts.map +1 -1
- package/dist/dts/disclosure/disclosure.stories.d.ts.map +1 -1
- package/dist/dts/divider/divider.stories.d.ts.map +1 -1
- package/dist/dts/dropdown-menu/dropdown-menu.stories.d.ts.map +1 -1
- package/dist/dts/error-banner/error-banner.stories.d.ts.map +1 -1
- package/dist/dts/filter/filter.stories.d.ts.map +1 -1
- package/dist/dts/filter-bar/filter-bar.stories.d.ts.map +1 -1
- package/dist/dts/flipper/flipper.stories.d.ts.map +1 -1
- package/dist/dts/flyout/flyout.stories.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/menu/menu.stories.d.ts.map +1 -1
- package/dist/dts/multiselect/multiselect.styles.d.ts.map +1 -1
- package/dist/dts/select/select.styles.d.ts.map +1 -1
- package/dist/dts/snackbar/snackbar.stories.d.ts.map +1 -1
- package/dist/dts/text-area/text-area.styles.d.ts.map +1 -1
- package/dist/dts/text-field/text-field.styles.d.ts.map +1 -1
- package/dist/dts/tree-item/tree-item.styles.d.ts.map +1 -1
- package/dist/esm/actions-menu/actions-menu.stories.js +15 -15
- package/dist/esm/anchor/anchor.stories.js +8 -8
- package/dist/esm/anchored-region/anchored-region.js +10 -0
- package/dist/esm/anchored-region/anchored-region.stories.js +29 -0
- package/dist/esm/anchored-region/anchored-region.styles.js +5 -0
- package/dist/esm/anchored-region/anchored-region.template.js +2 -0
- package/dist/esm/anchored-region/index.js +3 -0
- package/dist/esm/badge/badge.stories.js +8 -8
- package/dist/esm/banner/banner.stories.js +10 -10
- package/dist/esm/base-components.js +2 -0
- package/dist/esm/breadcrumb/breadcrumb.stories.js +6 -6
- package/dist/esm/button/button.stories.js +6 -6
- package/dist/esm/button/button.styles.js +4 -2
- package/dist/esm/card/card.stories.js +7 -7
- package/dist/esm/combobox/combobox.stories.js +8 -8
- package/dist/esm/combobox/combobox.styles.js +2 -1
- package/dist/esm/connection-indicator/connection-indicator.stories.js +2 -2
- package/dist/esm/data-grid/data-grid.stories.js +6 -6
- package/dist/esm/date-picker/date-picker.stories.js +10 -10
- package/dist/esm/design-system-provider/design-system-provider.styles.js +6 -6
- package/dist/esm/disclosure/disclosure.stories.js +5 -5
- package/dist/esm/divider/divider.stories.js +8 -8
- package/dist/esm/dropdown-menu/dropdown-menu.stories.js +4 -4
- package/dist/esm/error-banner/error-banner.stories.js +4 -4
- package/dist/esm/filter/filter.stories.js +5 -5
- package/dist/esm/filter-bar/filter-bar.stories.js +5 -5
- package/dist/esm/flipper/flipper.stories.js +2 -2
- package/dist/esm/flyout/flyout.stories.js +30 -30
- package/dist/esm/index.js +1 -0
- package/dist/esm/menu/menu.stories.js +13 -13
- package/dist/esm/multiselect/multiselect.styles.js +2 -1
- package/dist/esm/select/select.styles.js +2 -1
- package/dist/esm/snackbar/snackbar.stories.js +4 -4
- package/dist/esm/text-area/text-area.styles.js +2 -1
- package/dist/esm/text-field/text-field.styles.js +2 -1
- package/dist/esm/tree-item/tree-item.styles.js +2 -1
- 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
|
-
|
|
29
|
-
|
|
28
|
+
<div style="display: flex; height: ${height};">
|
|
29
|
+
<zero-button @click="${openFlyout}">Open Flyout</zero-button>
|
|
30
30
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
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
|
@@ -10,17 +10,17 @@ export const Primary = {
|
|
|
10
10
|
subMenuItemsText: 'SubMenu item',
|
|
11
11
|
},
|
|
12
12
|
render: ({ menuItemsText, subMenuItemsText }) => html `
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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:
|
|
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:
|
|
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
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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.
|
|
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.
|
|
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.
|
|
79
|
-
"@genesislcap/foundation-ui": "14.
|
|
80
|
-
"@genesislcap/foundation-utils": "14.
|
|
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": "
|
|
97
|
+
"gitHead": "78e4c99a7097525e11e99ef7f058d5c464fa30ab"
|
|
98
98
|
}
|