@genesislcap/rapid-design-system 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/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 +25 -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 +34 -0
- package/dist/esm/search-bar/search-bar-combobox.template.js +2 -0
- package/dist/esm/search-bar/search-bar.js +17 -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 +5 -5
|
@@ -141,6 +141,18 @@ export declare const baseComponents: {
|
|
|
141
141
|
rapidProgressRing: (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>>;
|
|
142
142
|
rapidRadio: (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>;
|
|
143
143
|
rapidRadioGroup: (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>;
|
|
144
|
+
rapidSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
145
|
+
baseName: string;
|
|
146
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
|
|
147
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
148
|
+
shadowOptions: ShadowRootInit;
|
|
149
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
150
|
+
baseName: string;
|
|
151
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./search-bar").SearchBar, any>;
|
|
152
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
153
|
+
shadowOptions: ShadowRootInit;
|
|
154
|
+
}, typeof import("./search-bar").SearchBar>;
|
|
155
|
+
rapidSearchBarCombobox: (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>;
|
|
144
156
|
rapidSegmentedControl: (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>;
|
|
145
157
|
rapidSegmentedItem: (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>>;
|
|
146
158
|
rapidSelect: (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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AA4E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwEJ,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;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,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;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,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;AAC/C,eAAO,MAAM,yBAAyB,yDAAuD,CAAC;AAE9F,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,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,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;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,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 Rapid Search Bar Combobox
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
11
|
+
* @remarks
|
|
12
|
+
* HTML Element: \<rapid-search-bar-combobox\>
|
|
13
|
+
*/
|
|
14
|
+
export declare const rapidSearchBarCombobox: (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,sBAAsB,iUAMjC,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 rapidSearchBarComboboxStyles: (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;AAEpC,eAAO,MAAM,4BAA4B,YAC9B,wBAAwB,cACrB,2BAA2B,KACtC,aA+BF,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 rapidSearchBarComboboxTemplate: (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,8BAA8B,YAChC,wBAAwB,cACrB,eAAe,KAC1B,aAAa,iBAAiB,CAA6D,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { SearchBar as FoundationSearchBar } from '@genesislcap/foundation-ui';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname %%prefix%%-search-bar
|
|
4
|
+
*/
|
|
5
|
+
export declare class SearchBar extends FoundationSearchBar {
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
* The Rapid Search Bar
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
11
|
+
* @remarks
|
|
12
|
+
* HTML Element: \<rapid-search-bar\>
|
|
13
|
+
*/
|
|
14
|
+
export declare const rapidSearchBar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
15
|
+
baseName: string;
|
|
16
|
+
template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
|
|
17
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
18
|
+
shadowOptions: ShadowRootInit;
|
|
19
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
20
|
+
baseName: string;
|
|
21
|
+
template: import("@microsoft/fast-element").ViewTemplate<SearchBar, any>;
|
|
22
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
23
|
+
shadowOptions: ShadowRootInit;
|
|
24
|
+
}, typeof SearchBar>;
|
|
25
|
+
//# 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;CAAG;AAErD;;;;;;GAMG;AACH,eAAO,MAAM,cAAc;;;;;;;;;;oBAMzB,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,oBAAoB,iDAEhC,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,sBAAsB,gEAElC,CAAC"}
|
|
@@ -46,6 +46,8 @@ import { rapidProgress } from './progress';
|
|
|
46
46
|
import { rapidProgressRing } from './progress-ring';
|
|
47
47
|
import { rapidRadio } from './radio';
|
|
48
48
|
import { rapidRadioGroup } from './radio-group';
|
|
49
|
+
import { rapidSearchBar } from './search-bar';
|
|
50
|
+
import { rapidSearchBarCombobox } from './search-bar';
|
|
49
51
|
import { rapidSegmentedControl } from './segmented-control';
|
|
50
52
|
import { rapidSegmentedItem } from './segmented-item';
|
|
51
53
|
import { rapidSelect } from './select';
|
|
@@ -116,6 +118,8 @@ export const baseComponents = {
|
|
|
116
118
|
rapidProgressRing,
|
|
117
119
|
rapidRadio,
|
|
118
120
|
rapidRadioGroup,
|
|
121
|
+
rapidSearchBar,
|
|
122
|
+
rapidSearchBarCombobox,
|
|
119
123
|
rapidSegmentedControl,
|
|
120
124
|
rapidSegmentedItem,
|
|
121
125
|
rapidSelect,
|
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 { rapidSearchBarComboboxStyles as styles } from './search-bar-combobox.styles';
|
|
3
|
+
import { rapidSearchBarComboboxTemplate 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 Rapid Search Bar Combobox
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
* @remarks
|
|
14
|
+
* HTML Element: \<rapid-search-bar-combobox\>
|
|
15
|
+
*/
|
|
16
|
+
export const rapidSearchBarCombobox = SearchBarCombobox.compose(Object.assign({ baseName: 'search-bar-combobox', template,
|
|
17
|
+
styles, shadowOptions: foundationSearchBarComboboxShadowOptions }, defaultSearchBarComboboxConfig));
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { designUnit, foundationSearchBarComboboxStyles } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { css } from '@microsoft/fast-element';
|
|
3
|
+
export const rapidSearchBarComboboxStyles = (context, definition) => css `
|
|
4
|
+
${foundationSearchBarComboboxStyles(context, definition)}
|
|
5
|
+
|
|
6
|
+
:host {
|
|
7
|
+
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
8
|
+
background-color: color-mix(in srgb, var(--neutral-fill-input-rest), transparent 94%);
|
|
9
|
+
height: calc(
|
|
10
|
+
(((var(--base-height-multiplier) + var(--density)) * var(--design-unit)) - 4) * 1px
|
|
11
|
+
);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host(:focus-within:not([disabled])) {
|
|
15
|
+
background-color: var(--neutral-layer-4);
|
|
16
|
+
border: 1px solid var(--accent-fill-rest);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:host(:hover:not([disabled]):not([open])) {
|
|
20
|
+
border-color: var(--neutral-stroke-hover);
|
|
21
|
+
background: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
:host([open][position='below']) .listbox {
|
|
25
|
+
padding: 0;
|
|
26
|
+
margin-top: calc(${designUnit} * 1px);
|
|
27
|
+
border: calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest);
|
|
28
|
+
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
:host .listbox ::slotted(*:last-child) {
|
|
32
|
+
border-bottom: none;
|
|
33
|
+
}
|
|
34
|
+
`;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { defaultSearchBarConfig, foundationSearchBarShadowOptions, SearchBar as FoundationSearchBar, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { rapidSearchBarStyles as styles } from './search-bar.styles';
|
|
3
|
+
import { rapidSearchBarTemplate as template } from './search-bar.template';
|
|
4
|
+
/**
|
|
5
|
+
* @tagname %%prefix%%-search-bar
|
|
6
|
+
*/
|
|
7
|
+
export class SearchBar extends FoundationSearchBar {
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* The Rapid Search Bar
|
|
11
|
+
*
|
|
12
|
+
* @public
|
|
13
|
+
* @remarks
|
|
14
|
+
* HTML Element: \<rapid-search-bar\>
|
|
15
|
+
*/
|
|
16
|
+
export const rapidSearchBar = SearchBar.compose(Object.assign({ baseName: 'search-bar', template,
|
|
17
|
+
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: 'rapid-search-bar',
|
|
6
|
+
};
|
|
7
|
+
export default meta;
|
|
8
|
+
export const Primary = {
|
|
9
|
+
render: ({ searchConfig }) => html `
|
|
10
|
+
<div style="height: 400px; width: 500px;">
|
|
11
|
+
<rapid-search-bar .options="${searchConfig}"></rapid-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/rapid-design-system",
|
|
3
3
|
"description": "Rapid 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",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"test-storybook": "test-storybook -- --coverage --passWithNoTests --testTimeout=30000"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@genesislcap/genx": "14.
|
|
31
|
+
"@genesislcap/genx": "14.139.0",
|
|
32
32
|
"@storybook/addon-coverage": "^1.0.0",
|
|
33
33
|
"@storybook/addon-essentials": "^7.6.7",
|
|
34
34
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -45,8 +45,8 @@
|
|
|
45
45
|
"storybook": "^7.6.7"
|
|
46
46
|
},
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@genesislcap/foundation-logger": "14.
|
|
49
|
-
"@genesislcap/foundation-ui": "14.
|
|
48
|
+
"@genesislcap/foundation-logger": "14.139.0",
|
|
49
|
+
"@genesislcap/foundation-ui": "14.139.0",
|
|
50
50
|
"@microsoft/fast-colors": "^5.3.1",
|
|
51
51
|
"@microsoft/fast-components": "^2.30.6",
|
|
52
52
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -63,5 +63,5 @@
|
|
|
63
63
|
"publishConfig": {
|
|
64
64
|
"access": "public"
|
|
65
65
|
},
|
|
66
|
-
"gitHead": "
|
|
66
|
+
"gitHead": "403107fcfb26a335c8db254a3327663e60e7af78"
|
|
67
67
|
}
|