@genesislcap/foundation-zero 14.138.1 → 14.139.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 (32) hide show
  1. package/dist/custom-elements.json +2081 -435
  2. package/dist/dts/base-components.d.ts +12 -0
  3. package/dist/dts/base-components.d.ts.map +1 -1
  4. package/dist/dts/index.d.ts +1 -0
  5. package/dist/dts/index.d.ts.map +1 -1
  6. package/dist/dts/search-bar/index.d.ts +7 -0
  7. package/dist/dts/search-bar/index.d.ts.map +1 -0
  8. package/dist/dts/search-bar/search-bar-combobox.d.ts +15 -0
  9. package/dist/dts/search-bar/search-bar-combobox.d.ts.map +1 -0
  10. package/dist/dts/search-bar/search-bar-combobox.styles.d.ts +4 -0
  11. package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map +1 -0
  12. package/dist/dts/search-bar/search-bar-combobox.template.d.ts +5 -0
  13. package/dist/dts/search-bar/search-bar-combobox.template.d.ts.map +1 -0
  14. package/dist/dts/search-bar/search-bar.d.ts +26 -0
  15. package/dist/dts/search-bar/search-bar.d.ts.map +1 -0
  16. package/dist/dts/search-bar/search-bar.stories.d.ts +5 -0
  17. package/dist/dts/search-bar/search-bar.stories.d.ts.map +1 -0
  18. package/dist/dts/search-bar/search-bar.styles.d.ts +2 -0
  19. package/dist/dts/search-bar/search-bar.styles.d.ts.map +1 -0
  20. package/dist/dts/search-bar/search-bar.template.d.ts +3 -0
  21. package/dist/dts/search-bar/search-bar.template.d.ts.map +1 -0
  22. package/dist/esm/base-components.js +4 -0
  23. package/dist/esm/index.js +1 -0
  24. package/dist/esm/search-bar/index.js +6 -0
  25. package/dist/esm/search-bar/search-bar-combobox.js +17 -0
  26. package/dist/esm/search-bar/search-bar-combobox.styles.js +46 -0
  27. package/dist/esm/search-bar/search-bar-combobox.template.js +2 -0
  28. package/dist/esm/search-bar/search-bar.js +21 -0
  29. package/dist/esm/search-bar/search-bar.stories.js +45 -0
  30. package/dist/esm/search-bar/search-bar.styles.js +5 -0
  31. package/dist/esm/search-bar/search-bar.template.js +5 -0
  32. package/package.json +7 -7
@@ -196,6 +196,18 @@ export declare const baseComponents: {
196
196
  zeroProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
197
197
  zeroRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio").Radio>;
198
198
  zeroRadioGroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio-group").RadioGroup>;
199
+ zeroSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
200
+ baseName: string;
201
+ template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
202
+ styles: import("@microsoft/fast-element").ElementStyles;
203
+ shadowOptions: ShadowRootInit;
204
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
205
+ baseName: string;
206
+ template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
207
+ styles: import("@microsoft/fast-element").ElementStyles;
208
+ shadowOptions: ShadowRootInit;
209
+ }, typeof import("./search-bar").SearchBar>;
210
+ zeroSearchBarCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./search-bar").SearchBarCombobox>;
199
211
  zeroSegmentedControl: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./segmented-control").SegmentedControl>;
200
212
  zeroSegmentedItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").RadioOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").RadioOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
201
213
  zeroSelect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./select").Select>;
@@ -1 +1 @@
1
- {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAwE5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
1
+ {"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA0E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
@@ -50,6 +50,7 @@ export * from './progress';
50
50
  export * from './progress-ring';
51
51
  export * from './radio';
52
52
  export * from './radio-group';
53
+ export * from './search-bar';
53
54
  export * from './segmented-control';
54
55
  export * from './segmented-item';
55
56
  export * from './select';
@@ -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,mBAAmB,CAAC;AAClC,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,YAAY,CAAC;AAC3B,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,qBAAqB,CAAC;AACpC,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,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,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,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,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,qBAAqB,CAAC;AACpC,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,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,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"}
@@ -0,0 +1,7 @@
1
+ export * from './search-bar';
2
+ export * from './search-bar.styles';
3
+ export * from './search-bar.template';
4
+ export * from './search-bar-combobox';
5
+ export * from './search-bar-combobox.styles';
6
+ export * from './search-bar-combobox.template';
7
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,gCAAgC,CAAC"}
@@ -0,0 +1,15 @@
1
+ import { SearchBarCombobox as FoundationSearchBarCombobox } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * @tagname %%prefix%%-search-bar-combobox
4
+ */
5
+ export declare class SearchBarCombobox extends FoundationSearchBarCombobox {
6
+ }
7
+ /**
8
+ * The Zero Search Bar Combobox
9
+ *
10
+ * @public
11
+ * @remarks
12
+ * HTML Element: \<zero-search-bar-combobox\>
13
+ */
14
+ export declare const zeroSearchBarCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof SearchBarCombobox>;
15
+ //# sourceMappingURL=search-bar-combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar-combobox.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,iBAAiB,IAAI,2BAA2B,EACjD,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,2BAA2B;CAAG;AAErE;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,iUAMhC,CAAC"}
@@ -0,0 +1,4 @@
1
+ import { ElementStyles } from '@microsoft/fast-element';
2
+ import type { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
3
+ export declare const zeroSearchBarComboboxStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;
4
+ //# sourceMappingURL=search-bar-combobox.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar-combobox.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EACV,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,4BAA4B,CAAC;AASpC,eAAO,MAAM,2BAA2B,YAC7B,wBAAwB,cACrB,2BAA2B,KACtC,aA0CF,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { ViewTemplate } from '@microsoft/fast-element';
2
+ import type { ComboboxOptions, ElementDefinitionContext } from '@microsoft/fast-foundation';
3
+ import type { SearchBarCombobox } from './search-bar-combobox';
4
+ export declare const zeroSearchBarComboboxTemplate: (context: ElementDefinitionContext, definition: ComboboxOptions) => ViewTemplate<SearchBarCombobox>;
5
+ //# sourceMappingURL=search-bar-combobox.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar-combobox.template.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar-combobox.template.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,eAAe,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC5F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE/D,eAAO,MAAM,6BAA6B,YAC/B,wBAAwB,cACrB,eAAe,KAC1B,aAAa,iBAAiB,CAA6D,CAAC"}
@@ -0,0 +1,26 @@
1
+ import { SearchBar as FoundationSearchBar } from '@genesislcap/foundation-ui';
2
+ /**
3
+ * @tagname %%prefix%%-search-bar
4
+ */
5
+ export declare class SearchBar extends FoundationSearchBar {
6
+ appearance: string;
7
+ }
8
+ /**
9
+ * The Zero Search Bar
10
+ *
11
+ * @public
12
+ * @remarks
13
+ * HTML Element: \<zero-search-bar\>
14
+ */
15
+ export declare const zeroSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
16
+ baseName: string;
17
+ template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
18
+ styles: import("@microsoft/fast-element").ElementStyles;
19
+ shadowOptions: ShadowRootInit;
20
+ }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
21
+ baseName: string;
22
+ template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
23
+ styles: import("@microsoft/fast-element").ElementStyles;
24
+ shadowOptions: ShadowRootInit;
25
+ }, typeof SearchBar>;
26
+ //# sourceMappingURL=search-bar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,IAAI,mBAAmB,EACjC,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,SAAU,SAAQ,mBAAmB;IAChD,UAAU,EAAE,MAAM,CAAkB;CACrC;AAED;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;;;oBAMxB,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from '@storybook/web-components';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const Primary: StoryObj;
5
+ //# sourceMappingURL=search-bar.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar.stories.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.stories.ts"],"names":[],"mappings":"AACA,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,QA2CrB,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const zeroSearchBarStyles: import("@microsoft/fast-element").ElementStyles;
2
+ //# sourceMappingURL=search-bar.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,mBAAmB,iDAE/B,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { SearchBar } from './search-bar';
2
+ export declare const zeroSearchBarTemplate: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
3
+ //# sourceMappingURL=search-bar.template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"search-bar.template.d.ts","sourceRoot":"","sources":["../../../src/search-bar/search-bar.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,qBAAqB,gEAEjC,CAAC"}
@@ -47,6 +47,8 @@ import { zeroProgress } from './progress';
47
47
  import { zeroProgressRing } from './progress-ring';
48
48
  import { zeroRadio } from './radio';
49
49
  import { zeroRadioGroup } from './radio-group';
50
+ import { zeroSearchBar } from './search-bar';
51
+ import { zeroSearchBarCombobox } from './search-bar';
50
52
  import { zeroSegmentedControl } from './segmented-control';
51
53
  import { zeroSegmentedItem } from './segmented-item';
52
54
  import { zeroSelect } from './select';
@@ -118,6 +120,8 @@ export const baseComponents = {
118
120
  zeroProgressRing,
119
121
  zeroRadio,
120
122
  zeroRadioGroup,
123
+ zeroSearchBar,
124
+ zeroSearchBarCombobox,
121
125
  zeroSegmentedControl,
122
126
  zeroSegmentedItem,
123
127
  zeroSelect,
package/dist/esm/index.js CHANGED
@@ -50,6 +50,7 @@ export * from './progress';
50
50
  export * from './progress-ring';
51
51
  export * from './radio';
52
52
  export * from './radio-group';
53
+ export * from './search-bar';
53
54
  export * from './segmented-control';
54
55
  export * from './segmented-item';
55
56
  export * from './select';
@@ -0,0 +1,6 @@
1
+ export * from './search-bar';
2
+ export * from './search-bar.styles';
3
+ export * from './search-bar.template';
4
+ export * from './search-bar-combobox';
5
+ export * from './search-bar-combobox.styles';
6
+ export * from './search-bar-combobox.template';
@@ -0,0 +1,17 @@
1
+ import { defaultSearchBarComboboxConfig, foundationSearchBarComboboxShadowOptions, SearchBarCombobox as FoundationSearchBarCombobox, } from '@genesislcap/foundation-ui';
2
+ import { zeroSearchBarComboboxStyles as styles } from './search-bar-combobox.styles';
3
+ import { zeroSearchBarComboboxTemplate as template } from './search-bar-combobox.template';
4
+ /**
5
+ * @tagname %%prefix%%-search-bar-combobox
6
+ */
7
+ export class SearchBarCombobox extends FoundationSearchBarCombobox {
8
+ }
9
+ /**
10
+ * The Zero Search Bar Combobox
11
+ *
12
+ * @public
13
+ * @remarks
14
+ * HTML Element: \<zero-search-bar-combobox\>
15
+ */
16
+ export const zeroSearchBarCombobox = SearchBarCombobox.compose(Object.assign({ baseName: 'search-bar-combobox', template,
17
+ styles, shadowOptions: foundationSearchBarComboboxShadowOptions }, defaultSearchBarComboboxConfig));
@@ -0,0 +1,46 @@
1
+ import { foundationSearchBarComboboxStyles } from '@genesislcap/foundation-ui';
2
+ import { css } from '@microsoft/fast-element';
3
+ import { ColorHEX, defaultRapidBGColor, defaultRapidBorderUnfocusedColor, defaultRapidTextColor, PrimaryRapidColorHEX, } from '../_common';
4
+ export const zeroSearchBarComboboxStyles = (context, definition) => css `
5
+ ${foundationSearchBarComboboxStyles(context, definition)}
6
+
7
+ :host {
8
+ --primary-gradient-angle: -113.5deg;
9
+
10
+ border-radius: calc(var(--control-corner-radius) * 1px);
11
+ border-color: ${defaultRapidBorderUnfocusedColor};
12
+ background: ${defaultRapidBGColor};
13
+ }
14
+
15
+ :host(:focus-within:not([disabled])) {
16
+ background:
17
+ linear-gradient(
18
+ var(--primary-gradient-angle),
19
+ ${PrimaryRapidColorHEX.blue} 0%,
20
+ ${PrimaryRapidColorHEX.purple} 100%
21
+ )
22
+ top/100% 1px,
23
+ linear-gradient(
24
+ var(--primary-gradient-angle),
25
+ ${PrimaryRapidColorHEX.blue} 0%,
26
+ ${PrimaryRapidColorHEX.purple} 100%
27
+ )
28
+ bottom/100% 1px;
29
+ background-origin: border-box;
30
+ background-repeat: no-repeat;
31
+ border: 1px solid transparent;
32
+ border-right-color: ${PrimaryRapidColorHEX.blue};
33
+ border-left-color: ${PrimaryRapidColorHEX.purple};
34
+ }
35
+
36
+ :host(:hover:not([disabled]):not([open])) {
37
+ border-color: ${defaultRapidTextColor};
38
+ background: ${defaultRapidBGColor};
39
+ }
40
+
41
+ :host([open][position='below']) .listbox {
42
+ padding: 0;
43
+ border-radius: 4px;
44
+ border: 1px solid ${ColorHEX.lightGrey};
45
+ }
46
+ `;
@@ -0,0 +1,2 @@
1
+ import { foundationSearchBarComboboxTemplate } from '@genesislcap/foundation-ui';
2
+ export const zeroSearchBarComboboxTemplate = (context, definition) => foundationSearchBarComboboxTemplate(context, definition);
@@ -0,0 +1,21 @@
1
+ import { defaultSearchBarConfig, foundationSearchBarShadowOptions, SearchBar as FoundationSearchBar, } from '@genesislcap/foundation-ui';
2
+ import { zeroSearchBarStyles as styles } from './search-bar.styles';
3
+ import { zeroSearchBarTemplate as template } from './search-bar.template';
4
+ /**
5
+ * @tagname %%prefix%%-search-bar
6
+ */
7
+ export class SearchBar extends FoundationSearchBar {
8
+ constructor() {
9
+ super(...arguments);
10
+ this.appearance = 'neutral-grey';
11
+ }
12
+ }
13
+ /**
14
+ * The Zero Search Bar
15
+ *
16
+ * @public
17
+ * @remarks
18
+ * HTML Element: \<zero-search-bar\>
19
+ */
20
+ export const zeroSearchBar = SearchBar.compose(Object.assign({ baseName: 'search-bar', template,
21
+ styles, shadowOptions: foundationSearchBarShadowOptions }, defaultSearchBarConfig));
@@ -0,0 +1,45 @@
1
+ import { getCriteriaBuilder, INPUT_MIN_LENGTH } from '@genesislcap/foundation-ui';
2
+ import { html } from 'lit-html';
3
+ const meta = {
4
+ title: 'Search Bar',
5
+ component: 'zero-search-bar',
6
+ };
7
+ export default meta;
8
+ export const Primary = {
9
+ render: ({ searchConfig }) => html `
10
+ <div style="height: 400px; width: 500px;">
11
+ <zero-search-bar .options="${searchConfig}"></zero-search-bar>
12
+ </div>
13
+ `,
14
+ args: {
15
+ searchConfig: [
16
+ {
17
+ field: 'TRADE_NAME',
18
+ label: (searchTerm) => `${searchTerm} as Trade Name`,
19
+ createCriteria: getCriteriaBuilder,
20
+ isEnabled: (searchTerm, selectedOption) => {
21
+ return (searchTerm.length >= INPUT_MIN_LENGTH &&
22
+ !selectedOption.some((e) => e.field === 'TRADE_NAME'));
23
+ },
24
+ },
25
+ {
26
+ field: 'INSTRUMENT_NAME',
27
+ label: (searchTerm) => `${searchTerm} as Instrument Name`,
28
+ createCriteria: getCriteriaBuilder,
29
+ isEnabled: (searchTerm, selectedOption) => {
30
+ return (searchTerm.length >= INPUT_MIN_LENGTH &&
31
+ !selectedOption.some((e) => e.field === 'INSTRUMENT_NAME'));
32
+ },
33
+ },
34
+ {
35
+ field: 'USER_ID',
36
+ label: (searchTerm) => `${searchTerm} as User ID`,
37
+ createCriteria: getCriteriaBuilder,
38
+ isEnabled: (searchTerm, selectedOption) => {
39
+ return (searchTerm.length >= INPUT_MIN_LENGTH &&
40
+ !selectedOption.some((e) => e.field === 'USER_ID'));
41
+ },
42
+ },
43
+ ],
44
+ },
45
+ };
@@ -0,0 +1,5 @@
1
+ import { foundationSearchBarStyles } from '@genesislcap/foundation-ui';
2
+ import { css } from '@microsoft/fast-element';
3
+ export const zeroSearchBarStyles = css `
4
+ ${foundationSearchBarStyles}
5
+ `;
@@ -0,0 +1,5 @@
1
+ import { getPrefixedSearchBar } from '@genesislcap/foundation-ui';
2
+ import { html } from '@microsoft/fast-element';
3
+ export const zeroSearchBarTemplate = html `
4
+ ${getPrefixedSearchBar('zero')}
5
+ `;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-zero",
3
3
  "description": "Genesis Foundation Zero Design System",
4
- "version": "14.138.1",
4
+ "version": "14.139.1",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -67,7 +67,7 @@
67
67
  },
68
68
  "devDependencies": {
69
69
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
70
- "@genesislcap/genx": "14.138.1",
70
+ "@genesislcap/genx": "14.139.1",
71
71
  "@storybook/addon-coverage": "^1.0.0",
72
72
  "@storybook/addon-essentials": "^7.6.7",
73
73
  "@storybook/addon-links": "^7.6.7",
@@ -84,10 +84,10 @@
84
84
  "storybook": "^7.6.7"
85
85
  },
86
86
  "dependencies": {
87
- "@genesislcap/foundation-comms": "14.138.1",
88
- "@genesislcap/foundation-logger": "14.138.1",
89
- "@genesislcap/foundation-ui": "14.138.1",
90
- "@genesislcap/foundation-utils": "14.138.1",
87
+ "@genesislcap/foundation-comms": "14.139.1",
88
+ "@genesislcap/foundation-logger": "14.139.1",
89
+ "@genesislcap/foundation-ui": "14.139.1",
90
+ "@genesislcap/foundation-utils": "14.139.1",
91
91
  "@microsoft/fast-colors": "^5.3.1",
92
92
  "@microsoft/fast-components": "^2.30.6",
93
93
  "@microsoft/fast-element": "^1.12.0",
@@ -104,5 +104,5 @@
104
104
  "access": "public"
105
105
  },
106
106
  "customElements": "dist/custom-elements.json",
107
- "gitHead": "2b0b86a7a094976879b0cfdcd47a7ab35714625e"
107
+ "gitHead": "37c2db3914ae002405d21f0c8118727d92d0cc4b"
108
108
  }