@genesislcap/foundation-zero 14.70.2 → 14.70.4-es2021.1

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 (83) hide show
  1. package/dist/custom-elements.json +2802 -48
  2. package/dist/dts/breadcrumb-item/breadcrumb-item.d.ts +3 -0
  3. package/dist/dts/breadcrumb-item/breadcrumb-item.d.ts.map +1 -1
  4. package/dist/dts/checkbox/checkbox.d.ts +3 -0
  5. package/dist/dts/checkbox/checkbox.d.ts.map +1 -1
  6. package/dist/dts/flipper/flipper.d.ts +3 -0
  7. package/dist/dts/flipper/flipper.d.ts.map +1 -1
  8. package/dist/dts/menu-item/menu-item.d.ts +3 -0
  9. package/dist/dts/menu-item/menu-item.d.ts.map +1 -1
  10. package/dist/dts/progress-ring/progress-ring.d.ts +3 -0
  11. package/dist/dts/progress-ring/progress-ring.d.ts.map +1 -1
  12. package/dist/dts/segmented-item/segmented-item.d.ts +3 -0
  13. package/dist/dts/segmented-item/segmented-item.d.ts.map +1 -1
  14. package/dist/dts/tree-item/tree-item.d.ts +3 -0
  15. package/dist/dts/tree-item/tree-item.d.ts.map +1 -1
  16. package/dist/esm/accordion/accordion.js +7 -2
  17. package/dist/esm/accordion-item/accordion-item.js +7 -2
  18. package/dist/esm/anchor/anchor.js +7 -2
  19. package/dist/esm/anchor/anchor.stories.js +5 -2
  20. package/dist/esm/anchored-region/anchored-region.js +7 -2
  21. package/dist/esm/anchored-region/anchored-region.stories.js +5 -2
  22. package/dist/esm/avatar/avatar.js +7 -2
  23. package/dist/esm/avatar/avatar.stories.js +5 -2
  24. package/dist/esm/badge/badge.js +7 -2
  25. package/dist/esm/badge/badge.stories.js +5 -2
  26. package/dist/esm/breadcrumb/breadcrumb.js +7 -2
  27. package/dist/esm/breadcrumb-item/breadcrumb-item.js +10 -2
  28. package/dist/esm/button/button.js +7 -2
  29. package/dist/esm/button/button.stories.js +5 -2
  30. package/dist/esm/calendar/calendar.js +7 -2
  31. package/dist/esm/card/card.js +7 -2
  32. package/dist/esm/checkbox/checkbox.js +10 -2
  33. package/dist/esm/combobox/combobox.js +7 -2
  34. package/dist/esm/combobox/combobox.stories.js +7 -3
  35. package/dist/esm/data-grid/data-grid.js +21 -3
  36. package/dist/esm/date-picker/date-picker.js +7 -2
  37. package/dist/esm/dialog/dialog.js +7 -1
  38. package/dist/esm/disclosure/disclosure.js +7 -2
  39. package/dist/esm/divider/divider.js +7 -2
  40. package/dist/esm/error-banner/error-banner.stories.js +1 -2
  41. package/dist/esm/error-banner/error-banner.template.js +4 -4
  42. package/dist/esm/file-upload/file-upload.js +7 -1
  43. package/dist/esm/filter/filter.template.js +1 -2
  44. package/dist/esm/filter-bar/filter-bar.template.js +1 -1
  45. package/dist/esm/flex-layout/flex-layout.js +7 -1
  46. package/dist/esm/flipper/flipper.js +10 -2
  47. package/dist/esm/flyout/flyout.js +7 -1
  48. package/dist/esm/grid-layout/grid-layout.js +7 -1
  49. package/dist/esm/grid-layout-item/grid-layout-item.js +6 -1
  50. package/dist/esm/horizontal-scroll/horizontal-scroll.js +7 -2
  51. package/dist/esm/icon/icon.js +7 -2
  52. package/dist/esm/listbox/listbox.js +7 -2
  53. package/dist/esm/listbox-option/listbox-option.js +7 -2
  54. package/dist/esm/menu-item/menu-item.js +10 -1
  55. package/dist/esm/modal/modal.js +7 -1
  56. package/dist/esm/multiselect/multiselect.js +7 -2
  57. package/dist/esm/number-field/number-field.js +7 -1
  58. package/dist/esm/progress/progress.js +7 -2
  59. package/dist/esm/progress-ring/progress-ring.js +10 -2
  60. package/dist/esm/radio/radio.js +7 -2
  61. package/dist/esm/radio-group/radio-group.js +7 -2
  62. package/dist/esm/segmented-control/segmented-control.js +7 -2
  63. package/dist/esm/segmented-item/segmented-item.js +10 -2
  64. package/dist/esm/select/select.js +7 -2
  65. package/dist/esm/skeleton/skeleton.js +7 -2
  66. package/dist/esm/slider/slider.js +7 -2
  67. package/dist/esm/slider-label/slider-label.js +7 -2
  68. package/dist/esm/snackbar/snackbar.stories.js +1 -2
  69. package/dist/esm/snackbar/snackbar.template.js +4 -5
  70. package/dist/esm/switch/switch.js +7 -2
  71. package/dist/esm/tab/tab.js +7 -2
  72. package/dist/esm/tab-panel/tab-panel.js +7 -2
  73. package/dist/esm/tabs/tabs.js +7 -2
  74. package/dist/esm/text-area/text-area.js +7 -2
  75. package/dist/esm/text-field/text-field.js +7 -2
  76. package/dist/esm/toast/toast.js +7 -1
  77. package/dist/esm/toolbar/toolbar.js +7 -2
  78. package/dist/esm/tooltip/tooltip.js +7 -2
  79. package/dist/esm/tree-item/tree-item.js +10 -2
  80. package/dist/esm/tree-view/tree-view.js +7 -2
  81. package/dist/esm/url-input/url-input.js +7 -1
  82. package/dist/esm/url-input/url-input.template.js +1 -1
  83. package/package.json +6 -6
@@ -1,5 +1,8 @@
1
1
  import { BreadcrumbItem as FoundationBreadcrumbItem } from '@genesislcap/foundation-ui';
2
2
  import type { BreadcrumbItemOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-breadcrumb-item
5
+ */
3
6
  export declare class BreadcrumbItem extends FoundationBreadcrumbItem {
4
7
  }
5
8
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-item/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,0TAM7B,CAAC"}
1
+ {"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../src/breadcrumb-item/breadcrumb-item.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,wBAAwB,EAG3C,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAIxE;;GAEG;AACH,qBAAa,cAAe,SAAQ,wBAAwB;CAAG;AAE/D;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,0TAM7B,CAAC"}
@@ -1,5 +1,8 @@
1
1
  import { Checkbox as FoundationCheckbox } from '@genesislcap/foundation-ui';
2
2
  import type { CheckboxOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-checkbox
5
+ */
3
6
  export declare class Checkbox extends FoundationCheckbox {
4
7
  }
5
8
  export declare const zeroCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CheckboxOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/checkbox/checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
@@ -1,5 +1,8 @@
1
1
  import { Flipper as FoundationFlipper } from '@genesislcap/foundation-ui';
2
2
  import type { FlipperOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-flipper
5
+ */
3
6
  export declare class Flipper extends FoundationFlipper {
4
7
  }
5
8
  export declare const zeroFlipper: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<FlipperOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<FlipperOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"flipper.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,iBAAiB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,WAAW,4SAMtB,CAAC"}
1
+ {"version":3,"file":"flipper.d.ts","sourceRoot":"","sources":["../../../src/flipper/flipper.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,OAAO,IAAI,iBAAiB,EAE7B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE;;GAEG;AACH,qBAAa,OAAQ,SAAQ,iBAAiB;CAAG;AAEjD,eAAO,MAAM,WAAW,4SAMtB,CAAC"}
@@ -1,6 +1,9 @@
1
1
  import { MenuItem as FoundationMenuItem } from '@genesislcap/foundation-ui';
2
2
  import { MenuItemOptions } from '@microsoft/fast-foundation';
3
3
  export declare const zeroMenuItemShadowOptions: ShadowRootInit;
4
+ /**
5
+ * @tagname %%prefix%%-menu-item
6
+ */
4
7
  export declare class MenuItem extends FoundationMenuItem {
5
8
  }
6
9
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,eAAO,MAAM,yBAAyB,gBAAkC,CAAC;AAEzE,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
1
+ {"version":3,"file":"menu-item.d.ts","sourceRoot":"","sources":["../../../src/menu-item/menu-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,QAAQ,IAAI,kBAAkB,EAG/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAG7D,eAAO,MAAM,yBAAyB,gBAAkC,CAAC;AAEzE;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
@@ -1,5 +1,8 @@
1
1
  import { ProgressRing as FoundationProgressRing } from '@genesislcap/foundation-ui';
2
2
  import type { ProgressRingOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-progress-ring
5
+ */
3
6
  export declare class ProgressRing extends FoundationProgressRing {
4
7
  }
5
8
  export declare const defaultZeroProgressRingConfig: {
@@ -1 +1 @@
1
- {"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../../src/progress-ring/progress-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,IAAI,sBAAsB,EACvC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE,qBAAa,YAAa,SAAQ,sBAAsB;CAAG;AAE3D,eAAO,MAAM,6BAA6B;;CAazC,CAAC;AAEF,eAAO,MAAM,gBAAgB,sTAM3B,CAAC"}
1
+ {"version":3,"file":"progress-ring.d.ts","sourceRoot":"","sources":["../../../src/progress-ring/progress-ring.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,YAAY,IAAI,sBAAsB,EACvC,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAKtE;;GAEG;AACH,qBAAa,YAAa,SAAQ,sBAAsB;CAAG;AAE3D,eAAO,MAAM,6BAA6B;;CAazC,CAAC;AAEF,eAAO,MAAM,gBAAgB,sTAM3B,CAAC"}
@@ -1,5 +1,8 @@
1
1
  import { Radio as FoundationFoundationRadio } from '@genesislcap/foundation-ui';
2
2
  import type { RadioOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-segmented-item
5
+ */
3
6
  export declare class SegmentedItem extends FoundationFoundationRadio {
4
7
  }
5
8
  export declare const zeroSegmentedItemShadowOptions: ShadowRootInit;
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-item.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI/D,qBAAa,aAAc,SAAQ,yBAAyB;CAAG;AAG/D,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,0BAA0B,IAAK,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,wSAM5B,CAAC"}
1
+ {"version":3,"file":"segmented-item.d.ts","sourceRoot":"","sources":["../../../src/segmented-item/segmented-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI/D;;GAEG;AACH,qBAAa,aAAc,SAAQ,yBAAyB;CAAG;AAG/D,eAAO,MAAM,8BAA8B,EAAE,cAA0B,CAAC;AAExE,eAAO,MAAM,0BAA0B,IAAK,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,wSAM5B,CAAC"}
@@ -1,5 +1,8 @@
1
1
  import { TreeItem as FoundationTreeItem } from '@genesislcap/foundation-ui';
2
2
  import type { TreeItemOptions } from '@microsoft/fast-foundation';
3
+ /**
4
+ * @tagname %%prefix%%-tree-item
5
+ */
3
6
  export declare class TreeItem extends FoundationTreeItem {
4
7
  }
5
8
  export declare const zeroTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<TreeItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"tree-item.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,kBAAkB,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
1
+ {"version":3,"file":"tree-item.d.ts","sourceRoot":"","sources":["../../../src/tree-item/tree-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,IAAI,kBAAkB,EAC/B,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE;;GAEG;AACH,qBAAa,QAAS,SAAQ,kBAAkB;CAAG;AAEnD,eAAO,MAAM,YAAY,8SAMvB,CAAC"}
@@ -6,5 +6,10 @@ import { zeroAccordionTemplate as template } from './accordion.template';
6
6
  */
7
7
  export class Accordion extends FoundationAccordion {
8
8
  }
9
- export const zeroAccordion = Accordion.compose(Object.assign({ baseName: 'accordion', template,
10
- styles, shadowOptions: foundationAccordionShadowOptions }, defaultAccordionConfig));
9
+ export const zeroAccordion = Accordion.compose({
10
+ baseName: 'accordion',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationAccordionShadowOptions,
14
+ ...defaultAccordionConfig,
15
+ });
@@ -6,5 +6,10 @@ import { zeroAccordionItemTemplate as template } from './accordion-item.template
6
6
  */
7
7
  export class AccordionItem extends FoundationAccordionItem {
8
8
  }
9
- export const zeroAccordionItem = AccordionItem.compose(Object.assign({ baseName: 'accordion-item', template,
10
- styles, shadowOptions: foundationAccordionItemShadowOptions }, defaultAccordionItemConfig));
9
+ export const zeroAccordionItem = AccordionItem.compose({
10
+ baseName: 'accordion-item',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationAccordionItemShadowOptions,
14
+ ...defaultAccordionItemConfig,
15
+ });
@@ -6,5 +6,10 @@ import { zeroAnchorTemplate as template } from './anchor.template';
6
6
  */
7
7
  export class Anchor extends FoundationAnchor {
8
8
  }
9
- export const zeroAnchor = Anchor.compose(Object.assign({ baseName: 'anchor', template,
10
- styles, shadowOptions: foundationAnchorShadowOptions }, defaultAnchorConfig));
9
+ export const zeroAnchor = Anchor.compose({
10
+ baseName: 'anchor',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationAnchorShadowOptions,
14
+ ...defaultAnchorConfig,
15
+ });
@@ -17,7 +17,10 @@ const StylesMapperTemplate = {
17
17
  </div>
18
18
  `,
19
19
  };
20
- export const All = Object.assign({ args: {
20
+ export const All = {
21
+ args: {
21
22
  anchorText: 'Rapid Anchor',
22
23
  appearances: ZeroAppearanceValues,
23
- } }, StylesMapperTemplate);
24
+ },
25
+ ...StylesMapperTemplate,
26
+ };
@@ -6,5 +6,10 @@ import { zeroAnchoredRegionTemplate as template } from './anchored-region.templa
6
6
  */
7
7
  export class AnchoredRegion extends FoundationAnchoredRegion {
8
8
  }
9
- export const zeroAnchoredRegion = AnchoredRegion.compose(Object.assign({ baseName: 'anchored-region', template,
10
- styles, shadowOptions: foundationAnchoredRegionShadowOptions }, defaultAnchoredRegionConfig));
9
+ export const zeroAnchoredRegion = AnchoredRegion.compose({
10
+ baseName: 'anchored-region',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationAnchoredRegionShadowOptions,
14
+ ...defaultAnchoredRegionConfig,
15
+ });
@@ -24,6 +24,9 @@ const StylesMapperTemplate = {
24
24
  </zero-card>
25
25
  `,
26
26
  };
27
- export const Default = Object.assign({ args: {
27
+ export const Default = {
28
+ args: {
28
29
  anchorText: 'This will show above button',
29
- } }, StylesMapperTemplate);
30
+ },
31
+ ...StylesMapperTemplate,
32
+ };
@@ -6,5 +6,10 @@ import { zeroAvatarTemplate as template } from './avatar.template';
6
6
  */
7
7
  export class Avatar extends FoundationAvatar {
8
8
  }
9
- export const zeroAvatar = Avatar.compose(Object.assign({ baseName: 'avatar', template,
10
- styles, shadowOptions: foundationAvatarShadowOptions }, defaultAvatarConfig));
9
+ export const zeroAvatar = Avatar.compose({
10
+ baseName: 'avatar',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationAvatarShadowOptions,
14
+ ...defaultAvatarConfig,
15
+ });
@@ -25,6 +25,9 @@ const StylesMapperTemplate = {
25
25
  </zero-card>
26
26
  `,
27
27
  };
28
- export const Primary = Object.assign({ args: {
28
+ export const Primary = {
29
+ args: {
29
30
  anchorText: 'This will show above button',
30
- } }, StylesMapperTemplate);
31
+ },
32
+ ...StylesMapperTemplate,
33
+ };
@@ -6,5 +6,10 @@ import { zeroBadgeTemplate as template } from './badge.template';
6
6
  */
7
7
  export class Badge extends FoundationBadge {
8
8
  }
9
- export const zeroBadge = Badge.compose(Object.assign({ baseName: 'badge', template,
10
- styles, shadowOptions: foundationBadgeShadowOptions }, defaultBadgeConfig));
9
+ export const zeroBadge = Badge.compose({
10
+ baseName: 'badge',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationBadgeShadowOptions,
14
+ ...defaultBadgeConfig,
15
+ });
@@ -18,8 +18,11 @@ const StylesMapperTemplate = {
18
18
  };
19
19
  const fillColors = ['primary', 'secondary', 'pink'];
20
20
  const fontColors = ['black', 'white'];
21
- export const All = Object.assign({ args: {
21
+ export const All = {
22
+ args: {
22
23
  fillColors,
23
24
  fontColors,
24
25
  badgeText: 'Rapid Badge',
25
- } }, StylesMapperTemplate);
26
+ },
27
+ ...StylesMapperTemplate,
28
+ };
@@ -16,5 +16,10 @@ export const defaultBreadcrumbConfig = {};
16
16
  * @remarks
17
17
  * HTML Element: \<zero-breadcrumb\>
18
18
  */
19
- export const zeroBreadcrumb = Breadcrumb.compose(Object.assign({ baseName: 'breadcrumb', template,
20
- styles, shadowOptions: zeroBreadcrumbShadowOptions }, defaultBreadcrumbConfig));
19
+ export const zeroBreadcrumb = Breadcrumb.compose({
20
+ baseName: 'breadcrumb',
21
+ template,
22
+ styles,
23
+ shadowOptions: zeroBreadcrumbShadowOptions,
24
+ ...defaultBreadcrumbConfig,
25
+ });
@@ -1,6 +1,9 @@
1
1
  import { BreadcrumbItem as FoundationBreadcrumbItem, defaultBreadcrumbItemConfig, foundationBreadcrumbItemShadowOptions, } from '@genesislcap/foundation-ui';
2
2
  import { zeroBreadcrumbItemStyles as styles } from './breadcrumb-item.styles';
3
3
  import { zeroBreadcrumbItemTemplate as template } from './breadcrumb-item.template';
4
+ /**
5
+ * @tagname %%prefix%%-breadcrumb-item
6
+ */
4
7
  export class BreadcrumbItem extends FoundationBreadcrumbItem {
5
8
  }
6
9
  /**
@@ -10,5 +13,10 @@ export class BreadcrumbItem extends FoundationBreadcrumbItem {
10
13
  * @remarks
11
14
  * HTML Element: \<zero-breadcrumb-item\>
12
15
  */
13
- export const zeroBreadcrumbItem = BreadcrumbItem.compose(Object.assign({ baseName: 'breadcrumb-item', template,
14
- styles, shadowOptions: foundationBreadcrumbItemShadowOptions }, defaultBreadcrumbItemConfig));
16
+ export const zeroBreadcrumbItem = BreadcrumbItem.compose({
17
+ baseName: 'breadcrumb-item',
18
+ template,
19
+ styles,
20
+ shadowOptions: foundationBreadcrumbItemShadowOptions,
21
+ ...defaultBreadcrumbItemConfig,
22
+ });
@@ -6,5 +6,10 @@ import { zeroButtonTemplate as template } from './button.template';
6
6
  */
7
7
  export class Button extends FoundationButton {
8
8
  }
9
- export const zeroButton = Button.compose(Object.assign({ baseName: 'button', template,
10
- styles, shadowOptions: foundationButtonShadowOptions }, defaultButtonConfig));
9
+ export const zeroButton = Button.compose({
10
+ baseName: 'button',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationButtonShadowOptions,
14
+ ...defaultButtonConfig,
15
+ });
@@ -17,10 +17,13 @@ const StylesMapperTemplate = {
17
17
  </div>
18
18
  `,
19
19
  };
20
- export const All = Object.assign({ args: {
20
+ export const All = {
21
+ args: {
21
22
  appearances: ZeroAppearanceValues,
22
23
  buttonText: 'Zero Button',
23
- } }, StylesMapperTemplate);
24
+ },
25
+ ...StylesMapperTemplate,
26
+ };
24
27
  export const Single = {
25
28
  args: {
26
29
  appearance: 'neutral',
@@ -6,5 +6,10 @@ import { zeroCalendarTemplate as template } from './calendar.template';
6
6
  */
7
7
  export class Calendar extends FoundationCalendar {
8
8
  }
9
- export const zeroCalendar = Calendar.compose(Object.assign({ baseName: 'calendar', template,
10
- styles, shadowOptions: foundationCalendarShadowOptions }, defaultCalendarConfig));
9
+ export const zeroCalendar = Calendar.compose({
10
+ baseName: 'calendar',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationCalendarShadowOptions,
14
+ ...defaultCalendarConfig,
15
+ });
@@ -6,5 +6,10 @@ import { zeroCardTemplate as template } from './card.template';
6
6
  */
7
7
  export class Card extends FoundationCard {
8
8
  }
9
- export const zeroCard = Card.compose(Object.assign({ baseName: 'card', template,
10
- styles, shadowOptions: foundationCardShadowOptions }, defaultCardConfig));
9
+ export const zeroCard = Card.compose({
10
+ baseName: 'card',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationCardShadowOptions,
14
+ ...defaultCardConfig,
15
+ });
@@ -1,7 +1,15 @@
1
1
  import { Checkbox as FoundationCheckbox, defaultCheckboxConfig, foundationCheckboxShadowOptions, } from '@genesislcap/foundation-ui';
2
2
  import { zeroCheckboxStyles as styles } from './checkbox.styles';
3
3
  import { zeroCheckboxTemplate as template } from './checkbox.template';
4
+ /**
5
+ * @tagname %%prefix%%-checkbox
6
+ */
4
7
  export class Checkbox extends FoundationCheckbox {
5
8
  }
6
- export const zeroCheckbox = Checkbox.compose(Object.assign({ baseName: 'checkbox', template,
7
- styles, shadowOptions: foundationCheckboxShadowOptions }, defaultCheckboxConfig));
9
+ export const zeroCheckbox = Checkbox.compose({
10
+ baseName: 'checkbox',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationCheckboxShadowOptions,
14
+ ...defaultCheckboxConfig,
15
+ });
@@ -6,5 +6,10 @@ import { zeroComboboxTemplate as template } from './combobox.template';
6
6
  */
7
7
  export class Combobox extends FoundationComboBox {
8
8
  }
9
- export const zeroCombobox = Combobox.compose(Object.assign({ baseName: 'combobox', template,
10
- styles, shadowOptions: foundationComboboxShadowOptions }, defaultComboboxConfig));
9
+ export const zeroCombobox = Combobox.compose({
10
+ baseName: 'combobox',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationComboboxShadowOptions,
14
+ ...defaultComboboxConfig,
15
+ });
@@ -23,12 +23,16 @@ const optionsData = [
23
23
  { text: 'Zero Option 4', value: 4 },
24
24
  { text: 'Zero Option 5', value: 5 },
25
25
  ];
26
- export const Primary = Object.assign(Object.assign({}, OptionsMapperTemplate), { argTypes: {
26
+ export const Primary = {
27
+ ...OptionsMapperTemplate,
28
+ argTypes: {
27
29
  position: {
28
30
  control: 'select',
29
31
  options: ['above', 'below'],
30
32
  },
31
- }, args: {
33
+ },
34
+ args: {
32
35
  options: optionsData,
33
36
  position: 'below',
34
- } });
37
+ },
38
+ };
@@ -16,7 +16,13 @@ export class DataGridCell extends FoundationDataGridCell {
16
16
  * @remarks
17
17
  * HTML Element: \<zero-data-grid-cell\>
18
18
  */
19
- export const zeroDataGridCell = DataGridCell.compose(Object.assign({ baseName: 'data-grid-cell', template: dataGridCellTemplate, styles: cellStyles, shadowOptions: foundationDataGridCellShadowOptions }, defaultDataGridCellConfig));
19
+ export const zeroDataGridCell = DataGridCell.compose({
20
+ baseName: 'data-grid-cell',
21
+ template: dataGridCellTemplate,
22
+ styles: cellStyles,
23
+ shadowOptions: foundationDataGridCellShadowOptions,
24
+ ...defaultDataGridCellConfig,
25
+ });
20
26
  /**
21
27
  * @tagname %%prefix%%-data-grid-row
22
28
  */
@@ -29,7 +35,13 @@ export class DataGridRow extends FoundationDataGridRow {
29
35
  * @remarks
30
36
  * HTML Element: \<zero-data-grid-row\>
31
37
  */
32
- export const zeroDataGridRow = DataGridRow.compose(Object.assign({ baseName: 'data-grid-row', template: dataGridRowTemplate, styles: rowStyles, shadowOptions: foundationDataGridRowShadowOptions }, defaultDataGridRowConfig));
38
+ export const zeroDataGridRow = DataGridRow.compose({
39
+ baseName: 'data-grid-row',
40
+ template: dataGridRowTemplate,
41
+ styles: rowStyles,
42
+ shadowOptions: foundationDataGridRowShadowOptions,
43
+ ...defaultDataGridRowConfig,
44
+ });
33
45
  /**
34
46
  * @tagname %%prefix%%-data-grid
35
47
  */
@@ -42,4 +54,10 @@ export class DataGrid extends FoundationDataGrid {
42
54
  * @remarks
43
55
  * HTML Element: \<zero-data-grid\>
44
56
  */
45
- export const zeroDataGrid = DataGrid.compose(Object.assign({ baseName: 'data-grid', template: gridTemplate, styles: gridStyles, shadowOptions: foundationDataGridShadowOptions }, defaultDataGridConfig));
57
+ export const zeroDataGrid = DataGrid.compose({
58
+ baseName: 'data-grid',
59
+ template: gridTemplate,
60
+ styles: gridStyles,
61
+ shadowOptions: foundationDataGridShadowOptions,
62
+ ...defaultDataGridConfig,
63
+ });
@@ -8,5 +8,10 @@ export const defaultDatePickerConfig = {};
8
8
  */
9
9
  export class DatePicker extends FoundationDatePicker {
10
10
  }
11
- export const zeroDatePicker = DatePicker.compose(Object.assign({ baseName: 'date-picker', template,
12
- styles, shadowOptions: zeroDatePickerShadowOptions }, defaultDatePickerConfig));
11
+ export const zeroDatePicker = DatePicker.compose({
12
+ baseName: 'date-picker',
13
+ template,
14
+ styles,
15
+ shadowOptions: zeroDatePickerShadowOptions,
16
+ ...defaultDatePickerConfig,
17
+ });
@@ -15,4 +15,10 @@ export class Dialog extends FoundationDialog {
15
15
  * @remarks
16
16
  * HTML Element: \<zero-dialog\>
17
17
  */
18
- export const zeroDialog = Dialog.compose(Object.assign({ baseName: 'dialog', shadowOptions: zeroDialogShadowOptions, styles: zeroDialogStyles, template: zeroDialogTemplate }, defaultDialogConfig));
18
+ export const zeroDialog = Dialog.compose({
19
+ baseName: 'dialog',
20
+ shadowOptions: zeroDialogShadowOptions,
21
+ styles: zeroDialogStyles,
22
+ template: zeroDialogTemplate,
23
+ ...defaultDialogConfig,
24
+ });
@@ -6,5 +6,10 @@ import { zeroDisclosureTemplate as template } from './disclosure.template';
6
6
  */
7
7
  export class Disclosure extends FoundationDisclosure {
8
8
  }
9
- export const zeroDisclosure = Disclosure.compose(Object.assign({ baseName: 'disclosure', template,
10
- styles, shadowOptions: foundationDialogShadowOptions }, defaultDisclosureConfig));
9
+ export const zeroDisclosure = Disclosure.compose({
10
+ baseName: 'disclosure',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationDialogShadowOptions,
14
+ ...defaultDisclosureConfig,
15
+ });
@@ -6,5 +6,10 @@ import { zeroDividerTemplate as template } from './divider.template';
6
6
  */
7
7
  export class Divider extends FoundationDivider {
8
8
  }
9
- export const zeroDivider = Divider.compose(Object.assign({ baseName: 'divider', template,
10
- styles, shadowOptions: foundationDividerShadowOptions }, defaultDividerConfig));
9
+ export const zeroDivider = Divider.compose({
10
+ baseName: 'divider',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationDividerShadowOptions,
14
+ ...defaultDividerConfig,
15
+ });
@@ -5,12 +5,11 @@ const meta = {
5
5
  };
6
6
  export default meta;
7
7
  const showError = (errorText) => {
8
- var _a;
9
8
  let errorBanner = document.querySelector('#js-error-banner');
10
9
  if (!errorBanner) {
11
10
  errorBanner = document.createElement('zero-error-banner');
12
11
  errorBanner.id = 'js-error-banner';
13
- (_a = document.querySelector('#zero-banner')) === null || _a === void 0 ? void 0 : _a.appendChild(errorBanner);
12
+ document.querySelector('#zero-banner')?.appendChild(errorBanner);
14
13
  }
15
14
  errorBanner.error = {
16
15
  title: 'Error Title',
@@ -2,19 +2,19 @@ import { html, ref, repeat } from '@microsoft/fast-element';
2
2
  export const zeroErrorBannerTemplate = html `
3
3
  <zero-banner ${ref('banner')}>
4
4
  <div slot="content">
5
- <div>${(x) => { var _a; return ((_a = x.error) === null || _a === void 0 ? void 0 : _a.errorDetails) || 'Place holder for error message'; }}</div>
5
+ <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>
6
6
  </div>
7
7
 
8
8
  <zero-button slot="action" appearance="lightweight" @click=${(x) => x.dismiss()}>
9
- ${(x) => { var _a, _b, _c, _d; return ((_d = (_c = (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner) === null || _c === void 0 ? void 0 : _c.dismissingAction) === null || _d === void 0 ? void 0 : _d.label) || 'Ignore'; }}
9
+ ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}
10
10
  </zero-button>
11
11
 
12
- ${repeat((x) => { var _a, _b; return (_b = (_a = x.error) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.banner.confirmingActions; }, html `
12
+ ${repeat((x) => x.error?.config?.banner.confirmingActions, html `
13
13
  <zero-button
14
14
  slot="action"
15
15
  appearance="lightweight"
16
16
  @click=${(x, c) => {
17
- x === null || x === void 0 ? void 0 : x.action();
17
+ x?.action();
18
18
  c.parent.dismiss();
19
19
  }}
20
20
  >
@@ -15,4 +15,10 @@ export class FileUpload extends FoundationFileUpload {
15
15
  * @remarks
16
16
  * HTML Element: \<zero-file-upload\>
17
17
  */
18
- export const zeroFileUpload = FileUpload.compose(Object.assign({ baseName: 'file-upload', shadowOptions: zeroFileUploadShadowOptions, styles: zeroFileUploadStyles, template }, defaultFileUploadConfig));
18
+ export const zeroFileUpload = FileUpload.compose({
19
+ baseName: 'file-upload',
20
+ shadowOptions: zeroFileUploadShadowOptions,
21
+ styles: zeroFileUploadStyles,
22
+ template,
23
+ ...defaultFileUploadConfig,
24
+ });
@@ -54,8 +54,7 @@ const dateFilterTemplate = html `
54
54
  </div>
55
55
  `;
56
56
  function targetValue(ctx) {
57
- var _a, _b, _c;
58
- return (_c = (_b = (_a = ctx === null || ctx === void 0 ? void 0 : ctx.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : 'all';
57
+ return ctx?.event?.target?.value ?? 'all';
59
58
  }
60
59
  const booleanFilterOptions = [
61
60
  { name: 'All', value: 'all', selected: true },
@@ -21,7 +21,7 @@ const filterBarTemplate = html `
21
21
  ${repeat((x) => x.fields, html `
22
22
  <zero-filter
23
23
  label="${(x) => x.UI_LABEL}"
24
- target="${(x, c) => { var _a; return (_a = c.parent) === null || _a === void 0 ? void 0 : _a.target; }}"
24
+ target="${(x, c) => c.parent?.target}"
25
25
  type="${(x) => mapType(x.TYPE)}"
26
26
  fieldName="${(x) => x.NAME}"
27
27
  enumOptions="${(x) => x.VALID_VALUES}"
@@ -11,4 +11,10 @@ export class FlexLayout extends FoundationFlexLayout {
11
11
  * @remarks
12
12
  * HTML Element: \<zero-flex-layout\>
13
13
  */
14
- export const zeroFlexLayout = FlexLayout.compose(Object.assign({ baseName: 'flex-layout', shadowOptions: zeroFlexLayoutShadowOptions, styles: zeroFlexLayoutStyles, template: zeroFlexLayoutTemplate }, defaultFlexLayoutConfig));
14
+ export const zeroFlexLayout = FlexLayout.compose({
15
+ baseName: 'flex-layout',
16
+ shadowOptions: zeroFlexLayoutShadowOptions,
17
+ styles: zeroFlexLayoutStyles,
18
+ template: zeroFlexLayoutTemplate,
19
+ ...defaultFlexLayoutConfig,
20
+ });
@@ -1,7 +1,15 @@
1
1
  import { defaultFlipperConfig, Flipper as FoundationFlipper, foundationFlipperShadowOptions, } from '@genesislcap/foundation-ui';
2
2
  import { zeroFlipperStyles as styles } from './flipper.styles';
3
3
  import { zeroFlipperTemplate as template } from './flipper.template';
4
+ /**
5
+ * @tagname %%prefix%%-flipper
6
+ */
4
7
  export class Flipper extends FoundationFlipper {
5
8
  }
6
- export const zeroFlipper = Flipper.compose(Object.assign({ baseName: 'flipper', template,
7
- styles, shadowOptions: foundationFlipperShadowOptions }, defaultFlipperConfig));
9
+ export const zeroFlipper = Flipper.compose({
10
+ baseName: 'flipper',
11
+ template,
12
+ styles,
13
+ shadowOptions: foundationFlipperShadowOptions,
14
+ ...defaultFlipperConfig,
15
+ });
@@ -14,4 +14,10 @@ export class Flyout extends FoundationFlyout {
14
14
  * @remarks
15
15
  * HTML Element: \<zero-flyout\>
16
16
  */
17
- export const zeroFlyout = Flyout.compose(Object.assign({ baseName: 'flyout', shadowOptions: zeroFlyoutShadowOptions, styles: zeroFlyoutStyles, template: zeroFlyoutTemplate }, defaultFlyoutConfig));
17
+ export const zeroFlyout = Flyout.compose({
18
+ baseName: 'flyout',
19
+ shadowOptions: zeroFlyoutShadowOptions,
20
+ styles: zeroFlyoutStyles,
21
+ template: zeroFlyoutTemplate,
22
+ ...defaultFlyoutConfig,
23
+ });