@genesislcap/foundation-zero 14.138.1 → 14.139.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/custom-elements.json +2053 -435
- package/dist/dts/base-components.d.ts +12 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/search-bar/index.d.ts +7 -0
- package/dist/dts/search-bar/index.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.d.ts +15 -0
- package/dist/dts/search-bar/search-bar-combobox.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts +4 -0
- package/dist/dts/search-bar/search-bar-combobox.styles.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar-combobox.template.d.ts +5 -0
- package/dist/dts/search-bar/search-bar-combobox.template.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.d.ts +26 -0
- package/dist/dts/search-bar/search-bar.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.stories.d.ts +5 -0
- package/dist/dts/search-bar/search-bar.stories.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.styles.d.ts +2 -0
- package/dist/dts/search-bar/search-bar.styles.d.ts.map +1 -0
- package/dist/dts/search-bar/search-bar.template.d.ts +3 -0
- package/dist/dts/search-bar/search-bar.template.d.ts.map +1 -0
- package/dist/esm/base-components.js +4 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/search-bar/index.js +6 -0
- package/dist/esm/search-bar/search-bar-combobox.js +17 -0
- package/dist/esm/search-bar/search-bar-combobox.styles.js +46 -0
- package/dist/esm/search-bar/search-bar-combobox.template.js +2 -0
- package/dist/esm/search-bar/search-bar.js +21 -0
- package/dist/esm/search-bar/search-bar.stories.js +45 -0
- package/dist/esm/search-bar/search-bar.styles.js +5 -0
- package/dist/esm/search-bar/search-bar.template.js +5 -0
- 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;
|
|
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"}
|
package/dist/dts/index.d.ts
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';
|
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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,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,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
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.139.0",
|
|
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.
|
|
70
|
+
"@genesislcap/genx": "14.139.0",
|
|
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.
|
|
88
|
-
"@genesislcap/foundation-logger": "14.
|
|
89
|
-
"@genesislcap/foundation-ui": "14.
|
|
90
|
-
"@genesislcap/foundation-utils": "14.
|
|
87
|
+
"@genesislcap/foundation-comms": "14.139.0",
|
|
88
|
+
"@genesislcap/foundation-logger": "14.139.0",
|
|
89
|
+
"@genesislcap/foundation-ui": "14.139.0",
|
|
90
|
+
"@genesislcap/foundation-utils": "14.139.0",
|
|
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": "
|
|
107
|
+
"gitHead": "403107fcfb26a335c8db254a3327663e60e7af78"
|
|
108
108
|
}
|