@genesislcap/rapid-design-system 14.172.1 → 14.172.2

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.
@@ -5,4 +5,5 @@ export declare const Primary: StoryObj;
5
5
  export declare const Disabled: StoryObj;
6
6
  export declare const DisabledOptions: StoryObj;
7
7
  export declare const AutoPosition: StoryObj;
8
+ export declare const Creatable: StoryObj;
8
9
  //# sourceMappingURL=multiselect.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/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;AAqGpB,eAAO,MAAM,OAAO,EAAE,QAqBrB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,QAqBtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,QAc7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAoB1B,CAAC"}
1
+ {"version":3,"file":"multiselect.stories.d.ts","sourceRoot":"","sources":["../../../src/multiselect/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;AAqGpB,eAAO,MAAM,OAAO,EAAE,QAuBrB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,QAuBtB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,QAoB7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAsB1B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAsBvB,CAAC"}
@@ -46,7 +46,7 @@ export const rapidDialogStyles = css `
46
46
  }
47
47
 
48
48
  ::slotted(rapid-button) {
49
- margin-top: calc(var(--design-unit) * 4px - 1px);
49
+ margin: calc(var(--design-unit) * 4px - 1px) calc(var(--design-unit) * 1px) 0;
50
50
  }
51
51
 
52
52
  .content-wrapper {
@@ -102,13 +102,14 @@ const disabledCountriesExample = [
102
102
  },
103
103
  ];
104
104
  export const Primary = {
105
- render: ({ name, text, countries, search, disabled }) => html `
105
+ render: ({ name, text, countries, search, disabled, creatable }) => html `
106
106
  <div style="min-height: 400px;">
107
107
  <rapid-multiselect
108
108
  name="${name}"
109
109
  .options="${countries}"
110
110
  search="${search}"
111
111
  disabled="${disabled}"
112
+ creatable="${creatable}"
112
113
  >
113
114
  <label slot="label">${text}</label>
114
115
  </rapid-multiselect>
@@ -121,16 +122,18 @@ export const Primary = {
121
122
  disabled: false,
122
123
  countries: countriesList,
123
124
  autoPosition: true,
125
+ creatable: false,
124
126
  },
125
127
  };
126
128
  export const Disabled = {
127
- render: ({ name, text, countries, search, disabled }) => html `
129
+ render: ({ name, text, countries, search, disabled, creatable }) => html `
128
130
  <div style="min-height: 400px;">
129
131
  <rapid-multiselect
130
132
  name="${name}"
131
133
  .options="${countries}"
132
134
  search="${search}"
133
135
  disabled="${disabled}"
136
+ creatable="${creatable}"
134
137
  >
135
138
  <label slot="label">${text}</label>
136
139
  </rapid-multiselect>
@@ -143,12 +146,18 @@ export const Disabled = {
143
146
  countries: countriesList,
144
147
  disabled: true,
145
148
  autoPosition: true,
149
+ creatable: false,
146
150
  },
147
151
  };
148
152
  export const DisabledOptions = {
149
- render: ({ name, text, countries, search }) => html `
153
+ render: ({ name, text, countries, search, creatable }) => html `
150
154
  <div style="min-height: 400px;">
151
- <rapid-multiselect name="${name}" .options="${countries}" search="${search}">
155
+ <rapid-multiselect
156
+ name="${name}"
157
+ .options="${countries}"
158
+ search="${search}"
159
+ creatable="${creatable}"
160
+ >
152
161
  <label slot="label">${text}</label>
153
162
  </rapid-multiselect>
154
163
  </div>
@@ -158,16 +167,18 @@ export const DisabledOptions = {
158
167
  text: 'Disabled Options',
159
168
  search: true,
160
169
  countries: disabledCountriesExample,
170
+ creatable: false,
161
171
  },
162
172
  };
163
173
  export const AutoPosition = {
164
- render: ({ name, text, countries, search, autoPosition }) => html `
174
+ render: ({ name, text, countries, search, autoPosition, creatable }) => html `
165
175
  <div style="min-height: 400px;">
166
176
  <rapid-multiselect
167
177
  name="${name}"
168
178
  .options="${countries}"
169
179
  auto-position="${autoPosition}"
170
180
  search="${search}"
181
+ creatable="${creatable}"
171
182
  >
172
183
  <label slot="label">${text}</label>
173
184
  </rapid-multiselect>
@@ -179,5 +190,29 @@ export const AutoPosition = {
179
190
  search: true,
180
191
  countries: disabledCountriesExample,
181
192
  autoPosition: false,
193
+ creatable: false,
194
+ },
195
+ };
196
+ export const Creatable = {
197
+ render: ({ name, text, countries, search, autoPosition, creatable }) => html `
198
+ <div style="min-height: 400px;">
199
+ <rapid-multiselect
200
+ name="${name}"
201
+ .options="${countries}"
202
+ auto-position="${autoPosition}"
203
+ search="${search}"
204
+ creatable="${creatable}"
205
+ >
206
+ <label slot="label">${text}</label>
207
+ </rapid-multiselect>
208
+ </div>
209
+ `,
210
+ args: {
211
+ name: 'Countries',
212
+ text: 'Creatable',
213
+ search: true,
214
+ countries: disabledCountriesExample,
215
+ autoPosition: false,
216
+ creatable: true,
182
217
  },
183
218
  };
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.172.1",
4
+ "version": "14.172.2",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -29,12 +29,12 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
32
- "@genesislcap/genx": "14.172.1",
33
- "@genesislcap/rollup-builder": "14.172.1",
34
- "@genesislcap/ts-builder": "14.172.1",
35
- "@genesislcap/uvu-playwright-builder": "14.172.1",
36
- "@genesislcap/vite-builder": "14.172.1",
37
- "@genesislcap/webpack-builder": "14.172.1",
32
+ "@genesislcap/genx": "14.172.2",
33
+ "@genesislcap/rollup-builder": "14.172.2",
34
+ "@genesislcap/ts-builder": "14.172.2",
35
+ "@genesislcap/uvu-playwright-builder": "14.172.2",
36
+ "@genesislcap/vite-builder": "14.172.2",
37
+ "@genesislcap/webpack-builder": "14.172.2",
38
38
  "@storybook/addon-coverage": "^1.0.1",
39
39
  "@storybook/addon-essentials": "^8.0.0",
40
40
  "@storybook/addon-links": "^8.0.0",
@@ -51,8 +51,8 @@
51
51
  "storybook": "^8.0.0"
52
52
  },
53
53
  "dependencies": {
54
- "@genesislcap/foundation-logger": "14.172.1",
55
- "@genesislcap/foundation-ui": "14.172.1",
54
+ "@genesislcap/foundation-logger": "14.172.2",
55
+ "@genesislcap/foundation-ui": "14.172.2",
56
56
  "@microsoft/fast-colors": "^5.3.1",
57
57
  "@microsoft/fast-components": "^2.30.6",
58
58
  "@microsoft/fast-element": "^1.12.0",
@@ -70,5 +70,5 @@
70
70
  "access": "public"
71
71
  },
72
72
  "customElements": "dist/custom-elements.json",
73
- "gitHead": "66c4431f6b31fbed5f64e9e17f413c6c8c1a5c5b"
73
+ "gitHead": "a6749638692882168d42f082894d110a07f735fc"
74
74
  }