@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"design-system-provider.styles.d.ts","sourceRoot":"","sources":["../../../src/design-system-provider/design-system-provider.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAkD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"disclosure.stories.d.ts","sourceRoot":"","sources":["../../../src/disclosure/disclosure.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"divider.stories.d.ts","sourceRoot":"","sources":["../../../src/divider/divider.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QA0BrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../src/dropdown-menu/dropdown-menu.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAqDpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"error-banner.stories.d.ts","sourceRoot":"","sources":["../../../src/error-banner/error-banner.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"filter.stories.d.ts","sourceRoot":"","sources":["../../../src/filter/filter.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"filter-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/filter-bar/filter-bar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAOrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flipper.stories.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"flipper.stories.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAarB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flyout.stories.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"flyout.stories.d.ts","sourceRoot":"","sources":["../../../src/flyout/flyout.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAYpB,eAAO,MAAM,OAAO,EAAE,QA4CrB,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.stories.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"menu.stories.d.ts","sourceRoot":"","sources":["../../../src/menu/menu.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAmBrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,
|
|
1
|
+
{"version":3,"file":"multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/multiselect/multiselect.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,iBAAiB,iDAwD7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"select.styles.d.ts","sourceRoot":"","sources":["../../../src/select/select.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,gBAAgB,YAClB,wBAAwB,cACrB,2BAA2B,KACtC,aAkDF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"snackbar.stories.d.ts","sourceRoot":"","sources":["../../../src/snackbar/snackbar.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAIhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA6BpB,eAAO,MAAM,OAAO,EAAE,QASrB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"text-area.styles.d.ts","sourceRoot":"","sources":["../../../src/text-area/text-area.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA6CF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,mBAAmB,YACrB,wBAAwB,cACrB,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"text-field.styles.d.ts","sourceRoot":"","sources":["../../../src/text-field/text-field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAUpC,eAAO,MAAM,mBAAmB,YACrB,wBAAwB,cACrB,2BAA2B,KACtC,aAgDF,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree-item.styles.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,
|
|
1
|
+
{"version":3,"file":"tree-item.styles.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AAGpC,eAAO,MAAM,kBAAkB,YACpB,wBAAwB,cACrB,2BAA2B,KACtC,aA4BF,CAAC"}
|
|
@@ -30,13 +30,13 @@ export const Horizontal = {
|
|
|
30
30
|
actionsOpenerText: 'Horizontal Actions',
|
|
31
31
|
},
|
|
32
32
|
render: (args) => html `
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
<div style="${horizontalStyle}">
|
|
34
|
+
<zero-actions-menu
|
|
35
|
+
name="${args.actionsOpenerText}"
|
|
36
|
+
.actions=${args.actions}
|
|
37
|
+
></zero-actions-menu>
|
|
38
|
+
</div>
|
|
39
|
+
`,
|
|
40
40
|
};
|
|
41
41
|
const verticalStyle = 'flex: 1; display: flex; height: 400px; justify-content: center;';
|
|
42
42
|
export const Vertical = {
|
|
@@ -45,12 +45,12 @@ export const Vertical = {
|
|
|
45
45
|
actionsOpenerText: 'Vertical Actions',
|
|
46
46
|
},
|
|
47
47
|
render: ({ actionsOpenerText, actions }) => html `
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
<div style="${verticalStyle}">
|
|
49
|
+
<zero-actions-menu
|
|
50
|
+
name="${actionsOpenerText}"
|
|
51
|
+
.actions=${actions}
|
|
52
|
+
is-vertical
|
|
53
|
+
></zero-actions-menu>
|
|
54
|
+
</div>
|
|
55
|
+
`,
|
|
56
56
|
};
|
|
@@ -8,14 +8,14 @@ export default meta;
|
|
|
8
8
|
const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
|
|
9
9
|
const StylesMapperTemplate = {
|
|
10
10
|
render: ({ appearances, anchorText }) => html `
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
<div style="${wrapperStyle}">
|
|
12
|
+
${appearances.map((appearanceName) => html `
|
|
13
|
+
<zero-anchor appearance="${appearanceName}">
|
|
14
|
+
${anchorText} (${appearanceName})
|
|
15
|
+
</zero-anchor>
|
|
16
|
+
`)}
|
|
17
|
+
</div>
|
|
18
|
+
`,
|
|
19
19
|
};
|
|
20
20
|
export const All = Object.assign({ args: {
|
|
21
21
|
anchorText: 'Rapid Anchor',
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { AnchoredRegion as FoundationAnchoredRegion, defaultAnchoredRegionConfig, foundationAnchoredRegionShadowOptions, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { zeroAnchoredRegionStyles as styles } from './anchored-region.styles';
|
|
3
|
+
import { zeroAnchoredRegionTemplate as template } from './anchored-region.template';
|
|
4
|
+
/**
|
|
5
|
+
* @tagname %%prefix%%-anchored-region
|
|
6
|
+
*/
|
|
7
|
+
export class AnchoredRegion extends FoundationAnchoredRegion {
|
|
8
|
+
}
|
|
9
|
+
export const zeroAnchoredRegion = AnchoredRegion.compose(Object.assign({ baseName: 'anchored-region', template,
|
|
10
|
+
styles, shadowOptions: foundationAnchoredRegionShadowOptions }, defaultAnchoredRegionConfig));
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Anchored Region',
|
|
4
|
+
component: 'zero-anchored-region',
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
|
|
8
|
+
const StylesMapperTemplate = {
|
|
9
|
+
render: ({ anchorText }) => html `
|
|
10
|
+
<zero-card style=${wrapperStyle}>
|
|
11
|
+
<div
|
|
12
|
+
id="viewport"
|
|
13
|
+
style="margin-top: 20px; display: flex; justify-content: center; align-items: center;"
|
|
14
|
+
>
|
|
15
|
+
<zero-button id="anchor-b1">Button is an anchor</zero-button>
|
|
16
|
+
<zero-anchored-region
|
|
17
|
+
anchor="anchor-b1"
|
|
18
|
+
vertical-positioning-mode="locktodefault"
|
|
19
|
+
vertical-default-position="top"
|
|
20
|
+
>
|
|
21
|
+
<h6>${anchorText}</h6>
|
|
22
|
+
</zero-anchored-region>
|
|
23
|
+
</div>
|
|
24
|
+
</zero-card>
|
|
25
|
+
`,
|
|
26
|
+
};
|
|
27
|
+
export const Default = Object.assign({ args: {
|
|
28
|
+
anchorText: 'This will show above button',
|
|
29
|
+
} }, StylesMapperTemplate);
|
|
@@ -7,14 +7,14 @@ export default meta;
|
|
|
7
7
|
const wrapperStyle = 'display: flex; justify-content: space-between; flex: 1; flex-wrap: wrap;';
|
|
8
8
|
const StylesMapperTemplate = {
|
|
9
9
|
render: ({ fillColors, fontColors, badgeText }) => html `
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
<div style="${wrapperStyle}">
|
|
11
|
+
${fillColors.map((fillColor) => html `
|
|
12
|
+
${fontColors.map((fontColor) => html `
|
|
13
|
+
<zero-badge fill="${fillColor}" color="${fontColor}">${badgeText}</zero-badge>
|
|
14
|
+
`)}
|
|
15
|
+
`)}
|
|
16
|
+
</div>
|
|
17
|
+
`,
|
|
18
18
|
};
|
|
19
19
|
const fillColors = ['primary', 'secondary', 'pink'];
|
|
20
20
|
const fontColors = ['black', 'white'];
|
|
@@ -24,14 +24,14 @@ export const Primary = {
|
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
26
|
render: ({ bannerText, actionButtonAppearance, actionIgnoreActionText, actionDemoText }) => html `
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
27
|
+
<zero-banner id="banner">
|
|
28
|
+
<div slot="content">${bannerText}</div>
|
|
29
|
+
<zero-button slot="action" @click="${ignoreClick}" appearance="${actionButtonAppearance}">
|
|
30
|
+
${actionIgnoreActionText}
|
|
31
|
+
</zero-button>
|
|
32
|
+
<zero-button slot="action" appearance="${actionButtonAppearance}">
|
|
33
|
+
${actionDemoText}
|
|
34
|
+
</zero-button>
|
|
35
|
+
</zero-banner>
|
|
36
|
+
`,
|
|
37
37
|
};
|
|
@@ -3,6 +3,7 @@ import { zeroAccordion } from './accordion';
|
|
|
3
3
|
import { zeroAccordionItem } from './accordion-item';
|
|
4
4
|
import { zeroActionsMenu } from './actions-menu';
|
|
5
5
|
import { zeroAnchor } from './anchor';
|
|
6
|
+
import { zeroAnchoredRegion } from './anchored-region';
|
|
6
7
|
import { zeroBadge } from './badge';
|
|
7
8
|
import { zeroBanner } from './banner';
|
|
8
9
|
import { zeroBreadcrumb } from './breadcrumb';
|
|
@@ -66,6 +67,7 @@ export const baseComponents = {
|
|
|
66
67
|
zeroAccordionItem,
|
|
67
68
|
zeroActionsMenu,
|
|
68
69
|
zeroAnchor,
|
|
70
|
+
zeroAnchoredRegion,
|
|
69
71
|
zeroBadge,
|
|
70
72
|
zeroBanner,
|
|
71
73
|
zeroBreadcrumbItem,
|
|
@@ -10,10 +10,10 @@ export const Primary = {
|
|
|
10
10
|
breadcrumbCurrentItemText: 'Current Page',
|
|
11
11
|
},
|
|
12
12
|
render: ({ breadcrumbItemsText, breadcrumbCurrentItemText }) => html `
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
<zero-breadcrumb>
|
|
14
|
+
<zero-breadcrumb-item href="#">${breadcrumbItemsText} 1</zero-breadcrumb-item>
|
|
15
|
+
<zero-breadcrumb-item href="#">${breadcrumbItemsText} 2</zero-breadcrumb-item>
|
|
16
|
+
<zero-breadcrumb-item>${breadcrumbCurrentItemText}</zero-breadcrumb-item>
|
|
17
|
+
</zero-breadcrumb>
|
|
18
|
+
`,
|
|
19
19
|
};
|
|
@@ -8,14 +8,14 @@ export default meta;
|
|
|
8
8
|
const wrapperStyle = 'display: flex; flex-direction: column; justify-content: space-between; height: 500px';
|
|
9
9
|
const StylesMapperTemplate = {
|
|
10
10
|
render: ({ appearances, buttonText }) => html `
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
<div style="${wrapperStyle}">
|
|
12
|
+
${appearances.map((appearanceName) => html `
|
|
13
13
|
<zero-button appearance="${appearanceName}">
|
|
14
14
|
${buttonText} (${appearanceName})
|
|
15
15
|
</zero-anchor>
|
|
16
16
|
`)}
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
</div>
|
|
18
|
+
`,
|
|
19
19
|
};
|
|
20
20
|
export const All = Object.assign({ args: {
|
|
21
21
|
appearances: ZeroAppearanceValues,
|
|
@@ -33,6 +33,6 @@ export const Single = {
|
|
|
33
33
|
},
|
|
34
34
|
},
|
|
35
35
|
render: ({ appearance, buttonText }) => html `
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
<zero-button appearance="${appearance}">${buttonText} (${appearance})</zero-button>
|
|
37
|
+
`,
|
|
38
38
|
};
|
|
@@ -132,7 +132,8 @@ const zeroOutlinePrimaryGradientStyles = css `
|
|
|
132
132
|
}
|
|
133
133
|
|
|
134
134
|
:host([appearance='outline-primary-gradient']) {
|
|
135
|
-
background:
|
|
135
|
+
background:
|
|
136
|
+
linear-gradient(
|
|
136
137
|
var(--primary-gradient-angle),
|
|
137
138
|
${PrimaryRapidColorHEX.blue} 0%,
|
|
138
139
|
${PrimaryRapidColorHEX.purple} 100%
|
|
@@ -165,7 +166,8 @@ const zeroOutlinePrimaryGradientStyles = css `
|
|
|
165
166
|
|
|
166
167
|
:host([appearance='outline-primary-gradient']:active) {
|
|
167
168
|
box-shadow: unset;
|
|
168
|
-
background:
|
|
169
|
+
background:
|
|
170
|
+
linear-gradient(
|
|
169
171
|
var(--primary-gradient-angle),
|
|
170
172
|
${primaryBlueWebRGBA(stockStateOpacity)} 0%,
|
|
171
173
|
${primaryPurpleWebRGBA(stockStateOpacity)} 100%
|
|
@@ -13,11 +13,11 @@ export const Primary = {
|
|
|
13
13
|
cardText: 'This is a Rapid Card (and the only one with without extra fui elements!)',
|
|
14
14
|
},
|
|
15
15
|
render: ({ cardFillColor, cardHeading, cardText }) => html `
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
<div style="${wrapperStyle} --zero-card-fill-color:${cardFillColor};">
|
|
17
|
+
<zero-card style="${cardStyle}">
|
|
18
|
+
<h6>${cardHeading}</h6>
|
|
19
|
+
<span>${cardText}</span>
|
|
20
|
+
</zero-card>
|
|
21
|
+
</div>
|
|
22
|
+
`,
|
|
23
23
|
};
|
|
@@ -7,14 +7,14 @@ export default meta;
|
|
|
7
7
|
const wrapperStyle = 'height: 500px; width: 100%; display: flex; justify-content: center; align-items: center;';
|
|
8
8
|
const OptionsMapperTemplate = {
|
|
9
9
|
render: ({ options, position }) => html `
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
10
|
+
<div style="${wrapperStyle}">
|
|
11
|
+
<zero-combobox position="${position}">
|
|
12
|
+
${options.map((option) => html `
|
|
13
|
+
<zero-option value="${option.value}">${option.text}</zero-option>
|
|
14
|
+
`)}
|
|
15
|
+
</zero-combobox>
|
|
16
|
+
</div>
|
|
17
|
+
`,
|
|
18
18
|
};
|
|
19
19
|
const optionsData = [
|
|
20
20
|
{ text: 'Zero Option 1', value: 1 },
|
|
@@ -14,7 +14,8 @@ export const zeroComboboxStyles = (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%
|
|
@@ -9,6 +9,6 @@ export const Primary = {
|
|
|
9
9
|
showLabel: true,
|
|
10
10
|
},
|
|
11
11
|
render: ({ showLabel }) => html `
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
<zero-connection-indicator show-label="${showLabel}"></zero-connection-indicator>
|
|
13
|
+
`,
|
|
14
14
|
};
|
|
@@ -35,12 +35,12 @@ export const Primary = {
|
|
|
35
35
|
dataGridRowsData: rowsData,
|
|
36
36
|
},
|
|
37
37
|
render: ({ dataGridRowsData }) => html `
|
|
38
|
+
<div>
|
|
38
39
|
<div>
|
|
39
|
-
<
|
|
40
|
-
|
|
41
|
-
<zero-button @click="${() => clearData()}">Clear Data</zero-button>
|
|
42
|
-
</div>
|
|
43
|
-
<zero-data-grid></zero-data-grid>
|
|
40
|
+
<zero-button @click="${() => loadData(dataGridRowsData)}">Load Data</zero-button>
|
|
41
|
+
<zero-button @click="${() => clearData()}">Clear Data</zero-button>
|
|
44
42
|
</div>
|
|
45
|
-
|
|
43
|
+
<zero-data-grid></zero-data-grid>
|
|
44
|
+
</div>
|
|
45
|
+
`,
|
|
46
46
|
};
|
|
@@ -13,15 +13,15 @@ export const Primary = {
|
|
|
13
13
|
thirdDatePickerValue: '01-01-2023',
|
|
14
14
|
},
|
|
15
15
|
render: ({ firstDataPickerValue, secondDatePickerFormat, thirdDatePickerFormat, thirdDatePickerValue, }) => html `
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
</div>
|
|
16
|
+
<div style="${wrapperStyle}">
|
|
17
|
+
<div>
|
|
18
|
+
<zero-date-picker value="${firstDataPickerValue}"></zero-date-picker>
|
|
19
|
+
<zero-date-picker format="${secondDatePickerFormat}"></zero-date-picker>
|
|
20
|
+
<zero-date-picker
|
|
21
|
+
format="${thirdDatePickerFormat}"
|
|
22
|
+
value="${thirdDatePickerValue}"
|
|
23
|
+
></zero-date-picker>
|
|
25
24
|
</div>
|
|
26
|
-
|
|
25
|
+
</div>
|
|
26
|
+
`,
|
|
27
27
|
};
|
|
@@ -16,12 +16,12 @@ const backgroundStyles = css `
|
|
|
16
16
|
background-color: ${neutralFillStealthActive};
|
|
17
17
|
}
|
|
18
18
|
`.withBehaviors(forcedColorsStylesheetBehavior(css `
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
:host {
|
|
20
|
+
background-color: ${SystemColors.ButtonFace};
|
|
21
|
+
box-shadow: 0 0 0 1px ${SystemColors.CanvasText};
|
|
22
|
+
color: ${SystemColors.ButtonText};
|
|
23
|
+
}
|
|
24
|
+
`));
|
|
25
25
|
const getHeaderForContext = (context, headingLevel, typeRampValue) => css `
|
|
26
26
|
${context.name} ${'h' + headingLevel} {
|
|
27
27
|
font-size: var(--type-ramp-plus-${typeRampValue}-font-size);
|
|
@@ -23,9 +23,9 @@ export const Primary = {
|
|
|
23
23
|
fastAppearance: 'lightweight',
|
|
24
24
|
},
|
|
25
25
|
render: ({ fastAppearance, disclosureTitle, disclosureText, disclosureEndSlot }) => html `
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
26
|
+
<zero-disclosure appearance="${fastAppearance}" title="${disclosureTitle}">
|
|
27
|
+
<span slot="end">${disclosureEndSlot}</span>
|
|
28
|
+
<div>${disclosureText}</div>
|
|
29
|
+
</zero-disclosure>
|
|
30
|
+
`,
|
|
31
31
|
};
|
|
@@ -20,14 +20,14 @@ export const Primary = {
|
|
|
20
20
|
role: 'separator',
|
|
21
21
|
},
|
|
22
22
|
render: ({ orientation, role }) => html `
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
<div
|
|
24
|
+
style="display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'
|
|
25
25
|
? 'flex-direction: row;'
|
|
26
26
|
: 'flex-direction: column;'}"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
27
|
+
>
|
|
28
|
+
<zero-button style="flex: 1;"></zero-button>
|
|
29
|
+
<zero-divider orientation="${orientation}" role="${role}"></zero-divider>
|
|
30
|
+
<zero-button style="flex: 1;"></zero-button>
|
|
31
|
+
</div>
|
|
32
|
+
`,
|
|
33
33
|
};
|
|
@@ -61,8 +61,8 @@ export const Primary = {
|
|
|
61
61
|
dropdownOpenerText: 'Dropdown menu',
|
|
62
62
|
},
|
|
63
63
|
render: ({ dropdownOpenerText, items }) => html `
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
64
|
+
<div>
|
|
65
|
+
<zero-dropdown-menu name="${dropdownOpenerText}" .items=${items}></zero-dropdown-menu>
|
|
66
|
+
</div>
|
|
67
|
+
`,
|
|
68
68
|
};
|
|
@@ -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-banner" style="width: 100%;">
|
|
39
|
+
<zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
|
|
40
|
+
</div>
|
|
41
|
+
`,
|
|
42
42
|
};
|
|
@@ -6,9 +6,9 @@ const meta = {
|
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Primary = {
|
|
8
8
|
render: () => html `
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
<zero-filter type="text" fieldName="SOME_TEXT_FIELD"></zero-filter>
|
|
10
|
+
<zero-filter type="boolean" fieldName="SOME_BOOLEAN_FIELD"></zero-filter>
|
|
11
|
+
<zero-filter type="date" fieldName="SOME_DATE_FIELD"></zero-filter>
|
|
12
|
+
<zero-filter type="number" fieldName="SOME_NUMERIC_FIELD"></zero-filter>
|
|
13
|
+
`,
|
|
14
14
|
};
|
|
@@ -6,9 +6,9 @@ const meta = {
|
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Primary = {
|
|
8
8
|
render: () => html `
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
9
|
+
<zero-filter-bar
|
|
10
|
+
resource="ALL_PROCESSES_STATUS"
|
|
11
|
+
only="PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP"
|
|
12
|
+
></zero-filter-bar>
|
|
13
|
+
`,
|
|
14
14
|
};
|