@genesislcap/rapid-design-system 14.154.2 → 14.154.3-alpha-005efd0.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 +11 -0
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/categorized-multiselect/categorized-multiselect.d.ts +20 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts +5 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.stories.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.styles.d.ts +2 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.styles.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.template.d.ts +3 -0
- package/dist/dts/categorized-multiselect/categorized-multiselect.template.d.ts.map +1 -0
- package/dist/dts/categorized-multiselect/index.d.ts +4 -0
- package/dist/dts/categorized-multiselect/index.d.ts.map +1 -0
- package/dist/dts/index.d.ts +1 -0
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/esm/base-components.js +2 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.js +12 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.stories.js +87 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.styles.js +17 -0
- package/dist/esm/categorized-multiselect/categorized-multiselect.template.js +5 -0
- package/dist/esm/categorized-multiselect/index.js +3 -0
- package/dist/esm/index.js +1 -0
- package/package.json +10 -10
|
@@ -30,6 +30,17 @@ export declare const baseComponents: {
|
|
|
30
30
|
rapidButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button").Button>;
|
|
31
31
|
rapidCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./calendar").Calendar>;
|
|
32
32
|
rapidCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card").Card>;
|
|
33
|
+
rapidCategorizedMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
34
|
+
baseName: string;
|
|
35
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./categorized-multiselect").CategorizedMultiselect, any>;
|
|
36
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
37
|
+
shadowOptions: ShadowRootInit;
|
|
38
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
39
|
+
baseName: string;
|
|
40
|
+
template: import("@microsoft/fast-element").ViewTemplate<import("./categorized-multiselect").CategorizedMultiselect, any>;
|
|
41
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
42
|
+
shadowOptions: ShadowRootInit;
|
|
43
|
+
}, typeof import("./categorized-multiselect").CategorizedMultiselect>;
|
|
33
44
|
rapidCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
34
45
|
rapidCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./combobox").Combobox>;
|
|
35
46
|
rapidConnectionIndicator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./connection-indicator").ConnectionIndicator>;
|
|
@@ -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;AA6E5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyEJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { CategorizedMultiselect as FoundationCategorizedMultiselect } from '@genesislcap/foundation-ui';
|
|
2
|
+
/**
|
|
3
|
+
* @tagname %%prefix%%-categorized-multiselect
|
|
4
|
+
*/
|
|
5
|
+
export declare class CategorizedMultiselect extends FoundationCategorizedMultiselect {
|
|
6
|
+
}
|
|
7
|
+
export declare const defaultCategorizedMultiselectConfig: {};
|
|
8
|
+
export declare const rapidCategorizedMultiselectShadowOptions: ShadowRootInit;
|
|
9
|
+
export declare const rapidCategorizedMultiselect: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
10
|
+
baseName: string;
|
|
11
|
+
template: import("@microsoft/fast-element").ViewTemplate<CategorizedMultiselect, any>;
|
|
12
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
13
|
+
shadowOptions: ShadowRootInit;
|
|
14
|
+
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
15
|
+
baseName: string;
|
|
16
|
+
template: import("@microsoft/fast-element").ViewTemplate<CategorizedMultiselect, any>;
|
|
17
|
+
styles: import("@microsoft/fast-element").ElementStyles;
|
|
18
|
+
shadowOptions: ShadowRootInit;
|
|
19
|
+
}, typeof CategorizedMultiselect>;
|
|
20
|
+
//# sourceMappingURL=categorized-multiselect.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,IAAI,gCAAgC,EAG3D,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,sBAAuB,SAAQ,gCAAgC;CAAG;AAE/E,eAAO,MAAM,mCAAmC,IAAyC,CAAC;AAE1F,eAAO,MAAM,wCAAwC,gBACN,CAAC;AAEhD,eAAO,MAAM,2BAA2B;;;;;;;;;;iCAMtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.stories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAGhE,QAAA,MAAM,IAAI,EAAE,IAGX,CAAC;AACF,eAAe,IAAI,CAAC;AA+DpB,eAAO,MAAM,OAAO,EAAE,QAoBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.styles.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,4BAA4B,iDAcxC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"categorized-multiselect.template.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/categorized-multiselect.template.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,eAAO,MAAM,8BAA8B,6EAE1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/categorized-multiselect/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export * from './breadcrumb-item';
|
|
|
17
17
|
export * from './button';
|
|
18
18
|
export * from './calendar';
|
|
19
19
|
export * from './card';
|
|
20
|
+
export * from './categorized-multiselect';
|
|
20
21
|
export * from './checkbox';
|
|
21
22
|
export * from './combobox';
|
|
22
23
|
export * from './connection-indicator';
|
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,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"}
|
|
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,2BAA2B,CAAC;AAC1C,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"}
|
|
@@ -13,6 +13,7 @@ import { rapidBreadcrumbItem } from './breadcrumb-item';
|
|
|
13
13
|
import { rapidButton } from './button';
|
|
14
14
|
import { rapidCalendar } from './calendar';
|
|
15
15
|
import { rapidCard } from './card';
|
|
16
|
+
import { rapidCategorizedMultiselect } from './categorized-multiselect';
|
|
16
17
|
import { rapidCheckbox } from './checkbox';
|
|
17
18
|
import { rapidCombobox } from './combobox';
|
|
18
19
|
import { rapidConnectionIndicator } from './connection-indicator';
|
|
@@ -85,6 +86,7 @@ export const baseComponents = {
|
|
|
85
86
|
rapidButton,
|
|
86
87
|
rapidCalendar,
|
|
87
88
|
rapidCard,
|
|
89
|
+
rapidCategorizedMultiselect,
|
|
88
90
|
rapidCheckbox,
|
|
89
91
|
rapidCombobox,
|
|
90
92
|
rapidConnectionIndicator,
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CategorizedMultiselect as FoundationCategorizedMultiselect, defaultCategorizedMultiselectConfig as foundationCategorizedMultiselectConfig, foundationCategorizedMultiselectShadowOptions, } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { categorizedMultiselectStyles as styles } from './categorized-multiselect.styles';
|
|
3
|
+
import { categorizedMultiselectTemplate as template } from './categorized-multiselect.template';
|
|
4
|
+
/**
|
|
5
|
+
* @tagname %%prefix%%-categorized-multiselect
|
|
6
|
+
*/
|
|
7
|
+
export class CategorizedMultiselect extends FoundationCategorizedMultiselect {
|
|
8
|
+
}
|
|
9
|
+
export const defaultCategorizedMultiselectConfig = foundationCategorizedMultiselectConfig;
|
|
10
|
+
export const rapidCategorizedMultiselectShadowOptions = foundationCategorizedMultiselectShadowOptions;
|
|
11
|
+
export const rapidCategorizedMultiselect = CategorizedMultiselect.compose(Object.assign({ baseName: 'categorized-multiselect', template,
|
|
12
|
+
styles, shadowOptions: rapidCategorizedMultiselectShadowOptions }, defaultCategorizedMultiselectConfig));
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { html } from 'lit-html';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Categorized Multiselect',
|
|
4
|
+
component: 'rapid-categorized-multiselect',
|
|
5
|
+
};
|
|
6
|
+
export default meta;
|
|
7
|
+
const disabledCountriesExample = [
|
|
8
|
+
{
|
|
9
|
+
type: 'Test Type 1',
|
|
10
|
+
value: 'AFG',
|
|
11
|
+
label: 'Afghanistan',
|
|
12
|
+
disabled: false,
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
type: 'Test Type 1',
|
|
16
|
+
value: 'ALA',
|
|
17
|
+
label: 'Aland Islands',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
type: 'Test Type 2',
|
|
21
|
+
value: 'ALB',
|
|
22
|
+
label: 'Albania',
|
|
23
|
+
disabled: false,
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
type: 'Test Type 1',
|
|
27
|
+
value: 'ALG',
|
|
28
|
+
label: 'Algeria',
|
|
29
|
+
disabled: false,
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
type: 'Test Type 3',
|
|
33
|
+
value: 'AND',
|
|
34
|
+
label: 'Andorra',
|
|
35
|
+
disabled: true,
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
type: 'Test Type 2',
|
|
39
|
+
value: 'ARG',
|
|
40
|
+
label: 'Argentina',
|
|
41
|
+
disabled: true,
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
type: 'Test Type 3',
|
|
45
|
+
value: 'ARM',
|
|
46
|
+
label: 'Armenia',
|
|
47
|
+
disabled: false,
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
type: 'Test Type 1',
|
|
51
|
+
value: 'AUS',
|
|
52
|
+
label: 'Australia',
|
|
53
|
+
disabled: false,
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
type: 'Test Type 1',
|
|
57
|
+
value: 'AUT',
|
|
58
|
+
label: 'Austria',
|
|
59
|
+
disabled: true,
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
value: 'AZE',
|
|
63
|
+
label: 'Azerbaijan',
|
|
64
|
+
disabled: false,
|
|
65
|
+
},
|
|
66
|
+
];
|
|
67
|
+
export const Primary = {
|
|
68
|
+
render: ({ name, text, countries, search, autoPosition }) => html `
|
|
69
|
+
<div style="min-height: 400px;">
|
|
70
|
+
<rapid-categorized-multiselect
|
|
71
|
+
name="${name}"
|
|
72
|
+
.options="${countries}"
|
|
73
|
+
auto-position="${autoPosition}"
|
|
74
|
+
search="${search}"
|
|
75
|
+
>
|
|
76
|
+
${text}
|
|
77
|
+
</rapid-categorized-multiselect>
|
|
78
|
+
</div>
|
|
79
|
+
`,
|
|
80
|
+
args: {
|
|
81
|
+
name: 'Countries',
|
|
82
|
+
text: 'Add New Country',
|
|
83
|
+
search: true,
|
|
84
|
+
countries: disabledCountriesExample,
|
|
85
|
+
autoPosition: false,
|
|
86
|
+
},
|
|
87
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { categorizedMultiselectStyles as foundationCategorizedMultiselectStyles } from '@genesislcap/foundation-ui';
|
|
2
|
+
import { css } from '@microsoft/fast-element';
|
|
3
|
+
export const categorizedMultiselectStyles = css `
|
|
4
|
+
${foundationCategorizedMultiselectStyles}
|
|
5
|
+
|
|
6
|
+
.label {
|
|
7
|
+
color: var(--neutral-foreground-hint);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.options {
|
|
11
|
+
background: var(--neutral-layer-4);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
rapid-checkbox:hover:not([disabled]) {
|
|
15
|
+
background: var(--neutral-layer-4);
|
|
16
|
+
}
|
|
17
|
+
`;
|
package/dist/esm/index.js
CHANGED
|
@@ -17,6 +17,7 @@ export * from './breadcrumb-item';
|
|
|
17
17
|
export * from './button';
|
|
18
18
|
export * from './calendar';
|
|
19
19
|
export * from './card';
|
|
20
|
+
export * from './categorized-multiselect';
|
|
20
21
|
export * from './checkbox';
|
|
21
22
|
export * from './combobox';
|
|
22
23
|
export * from './connection-indicator';
|
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.154.
|
|
4
|
+
"version": "14.154.3-alpha-005efd0.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"test-storybook": "test-storybook -- --coverage --passWithNoTests --testTimeout=30000"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
|
-
"@genesislcap/genx": "14.154.
|
|
32
|
-
"@genesislcap/rollup-builder": "14.154.
|
|
33
|
-
"@genesislcap/ts-builder": "14.154.
|
|
34
|
-
"@genesislcap/uvu-playwright-builder": "14.154.
|
|
35
|
-
"@genesislcap/vite-builder": "14.154.
|
|
36
|
-
"@genesislcap/webpack-builder": "14.154.
|
|
31
|
+
"@genesislcap/genx": "14.154.3-alpha-005efd0.0",
|
|
32
|
+
"@genesislcap/rollup-builder": "14.154.3-alpha-005efd0.0",
|
|
33
|
+
"@genesislcap/ts-builder": "14.154.3-alpha-005efd0.0",
|
|
34
|
+
"@genesislcap/uvu-playwright-builder": "14.154.3-alpha-005efd0.0",
|
|
35
|
+
"@genesislcap/vite-builder": "14.154.3-alpha-005efd0.0",
|
|
36
|
+
"@genesislcap/webpack-builder": "14.154.3-alpha-005efd0.0",
|
|
37
37
|
"@storybook/addon-coverage": "^1.0.0",
|
|
38
38
|
"@storybook/addon-essentials": "^7.6.7",
|
|
39
39
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -50,8 +50,8 @@
|
|
|
50
50
|
"storybook": "^7.6.7"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@genesislcap/foundation-logger": "14.154.
|
|
54
|
-
"@genesislcap/foundation-ui": "14.154.
|
|
53
|
+
"@genesislcap/foundation-logger": "14.154.3-alpha-005efd0.0",
|
|
54
|
+
"@genesislcap/foundation-ui": "14.154.3-alpha-005efd0.0",
|
|
55
55
|
"@microsoft/fast-colors": "^5.3.1",
|
|
56
56
|
"@microsoft/fast-components": "^2.30.6",
|
|
57
57
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -68,5 +68,5 @@
|
|
|
68
68
|
"publishConfig": {
|
|
69
69
|
"access": "public"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "fa36ebc89b01edb691b2e6c782be39024528b157"
|
|
72
72
|
}
|