@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
@@ -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;AAoD3E,eAAO,MAAM,0BAA0B,YAAa,wBAAwB,oDAe3E,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,QAwBrB,CAAC"}
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,QA2BrB,CAAC"}
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,QAWrB,CAAC"}
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,QAUrB,CAAC"}
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,QAQrB,CAAC"}
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,QAQrB,CAAC"}
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,QAcrB,CAAC"}
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,QA6CrB,CAAC"}
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"}
@@ -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';
@@ -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,QAoBrB,CAAC"}
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,iDAuD7B,CAAC"}
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,aAiDF,CAAC"}
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,QAUrB,CAAC"}
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,aA4CF,CAAC"}
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,aA+CF,CAAC"}
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,aA2BF,CAAC"}
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
- <div style="${horizontalStyle}">
34
- <zero-actions-menu
35
- name="${args.actionsOpenerText}"
36
- .actions=${args.actions}
37
- ></zero-actions-menu>
38
- </div>
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
- <div style="${verticalStyle}">
49
- <zero-actions-menu
50
- name="${actionsOpenerText}"
51
- .actions=${actions}
52
- is-vertical
53
- ></zero-actions-menu>
54
- </div>
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
- <div style="${wrapperStyle}">
12
- ${appearances.map((appearanceName) => html `
13
- <zero-anchor appearance="${appearanceName}">
14
- ${anchorText} (${appearanceName})
15
- </zero-anchor>
16
- `)}
17
- </div>
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);
@@ -0,0 +1,5 @@
1
+ import { foundationAnchoredRegionStyles } from '@genesislcap/foundation-ui';
2
+ import { css } from '@microsoft/fast-element';
3
+ export const zeroAnchoredRegionStyles = (context, definition) => css `
4
+ ${foundationAnchoredRegionStyles(context, definition)}
5
+ `;
@@ -0,0 +1,2 @@
1
+ import { foundationAnchoredRegionTemplate } from '@genesislcap/foundation-ui';
2
+ export const zeroAnchoredRegionTemplate = (context, definition) => foundationAnchoredRegionTemplate(context, definition);
@@ -0,0 +1,3 @@
1
+ export * from './anchored-region';
2
+ export * from './anchored-region.styles';
3
+ export * from './anchored-region.template';
@@ -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
- <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
- `,
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
- <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
- `,
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
- <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
- `,
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
- <div style="${wrapperStyle}">
12
- ${appearances.map((appearanceName) => html `
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
- </div>
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
- <zero-button appearance="${appearance}">${buttonText} (${appearance})</zero-button>
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: linear-gradient(
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: linear-gradient(
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
- <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
- `,
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
- <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
- `,
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: linear-gradient(
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
- <zero-connection-indicator show-label="${showLabel}"></zero-connection-indicator>
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
- <div>
40
- <zero-button @click="${() => loadData(dataGridRowsData)}">Load Data</zero-button>
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
- <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>
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
- :host {
20
- background-color: ${SystemColors.ButtonFace};
21
- box-shadow: 0 0 0 1px ${SystemColors.CanvasText};
22
- color: ${SystemColors.ButtonText};
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
- <zero-disclosure appearance="${fastAppearance}" title="${disclosureTitle}">
27
- <span slot="end">${disclosureEndSlot}</span>
28
- <div>${disclosureText}</div>
29
- </zero-disclosure>
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
- <div
24
- style="display: flex; justify-content:center; width: 100%; ${orientation === 'vertical'
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
- <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
- `,
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
- <div>
65
- <zero-dropdown-menu name="${dropdownOpenerText}" .items=${items}></zero-dropdown-menu>
66
- </div>
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
- <div id="zero-banner" style="width: 100%;">
39
- <zero-button @click="${() => showError(errorText)}">Show Zero Error Banner</zero-button>
40
- </div>
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
- <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
- `,
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
- <zero-filter-bar
10
- resource="ALL_PROCESSES_STATUS"
11
- only="PROCESS_PORT, START_TIME, PROCESS_NAME, DATADUMP"
12
- ></zero-filter-bar>
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
  };
@@ -15,6 +15,6 @@ export const Primary = {
15
15
  direction: 'next',
16
16
  },
17
17
  render: ({ direction }) => html `
18
- <zero-flipper direction="${direction}">Zero Flipper</zero-flipper>
19
- `,
18
+ <zero-flipper direction="${direction}">Zero Flipper</zero-flipper>
19
+ `,
20
20
  };