@getflip/swirl-components 0.97.1 → 0.98.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.
Files changed (56) hide show
  1. package/components.json +395 -3
  2. package/dist/cjs/index-506fe4ea.js +20 -8
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/swirl-accordion-item.cjs.entry.js +76 -0
  5. package/dist/cjs/swirl-accordion.cjs.entry.js +34 -0
  6. package/dist/cjs/swirl-app-layout_7.cjs.entry.js +2 -75
  7. package/dist/cjs/swirl-color-input.cjs.entry.js +78 -0
  8. package/dist/cjs/swirl-components.cjs.js +1 -1
  9. package/dist/cjs/v4-8e8d6fbc.js +77 -0
  10. package/dist/collection/collection-manifest.json +4 -1
  11. package/dist/collection/components/swirl-accordion/swirl-accordion.css +7 -0
  12. package/dist/collection/components/swirl-accordion/swirl-accordion.js +33 -0
  13. package/dist/collection/components/swirl-accordion/swirl-accordion.spec.js +67 -0
  14. package/dist/collection/components/swirl-accordion/swirl-accordion.stories.js +64 -0
  15. package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.css +155 -0
  16. package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.js +246 -0
  17. package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.spec.js +87 -0
  18. package/dist/collection/components/swirl-accordion-item/swirl-accordion-item.stories.js +34 -0
  19. package/dist/collection/components/swirl-color-input/swirl-color-input.css +68 -0
  20. package/dist/collection/components/swirl-color-input/swirl-color-input.js +292 -0
  21. package/dist/collection/components/swirl-color-input/swirl-color-input.spec.js +62 -0
  22. package/dist/collection/components/swirl-color-input/swirl-color-input.stories.js +22 -0
  23. package/dist/components/swirl-accordion-item.d.ts +11 -0
  24. package/dist/components/swirl-accordion-item.js +113 -0
  25. package/dist/components/swirl-accordion.d.ts +11 -0
  26. package/dist/components/swirl-accordion.js +49 -0
  27. package/dist/components/swirl-color-input.d.ts +11 -0
  28. package/dist/components/swirl-color-input.js +102 -0
  29. package/dist/components/swirl-icon.js +1 -35
  30. package/dist/components/swirl-icon2.js +37 -0
  31. package/dist/components/swirl-resource-list-item2.js +1 -74
  32. package/dist/components/v4.js +75 -0
  33. package/dist/esm/index-99d0060d.js +20 -8
  34. package/dist/esm/loader.js +1 -1
  35. package/dist/esm/swirl-accordion-item.entry.js +72 -0
  36. package/dist/esm/swirl-accordion.entry.js +30 -0
  37. package/dist/esm/swirl-app-layout_7.entry.js +1 -74
  38. package/dist/esm/swirl-color-input.entry.js +74 -0
  39. package/dist/esm/swirl-components.js +1 -1
  40. package/dist/esm/v4-fa4bb814.js +75 -0
  41. package/dist/swirl-components/p-19b890a3.js +1 -0
  42. package/dist/swirl-components/p-230745da.entry.js +1 -0
  43. package/dist/swirl-components/p-244a747a.entry.js +1 -0
  44. package/dist/swirl-components/p-b1648433.entry.js +1 -0
  45. package/dist/swirl-components/p-e8231bad.entry.js +1 -0
  46. package/dist/swirl-components/swirl-components.esm.js +1 -1
  47. package/dist/types/components/swirl-accordion/swirl-accordion.d.ts +6 -0
  48. package/dist/types/components/swirl-accordion/swirl-accordion.stories.d.ts +14 -0
  49. package/dist/types/components/swirl-accordion-item/swirl-accordion-item.d.ts +30 -0
  50. package/dist/types/components/swirl-accordion-item/swirl-accordion-item.stories.d.ts +14 -0
  51. package/dist/types/components/swirl-color-input/swirl-color-input.d.ts +24 -0
  52. package/dist/types/components/swirl-color-input/swirl-color-input.stories.d.ts +14 -0
  53. package/dist/types/components.d.ts +97 -4
  54. package/package.json +1 -1
  55. package/vscode-data.json +82 -0
  56. package/dist/swirl-components/p-8a00faee.entry.js +0 -1
package/components.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "timestamp": "2023-09-28T13:39:58",
2
+ "timestamp": "2023-10-05T12:18:20",
3
3
  "compiler": {
4
4
  "name": "@stencil/core",
5
5
  "version": "3.3.1",
@@ -117,6 +117,197 @@
117
117
  ]
118
118
  }
119
119
  },
120
+ {
121
+ "filePath": "./src/components/swirl-accordion/swirl-accordion.tsx",
122
+ "encapsulation": "shadow",
123
+ "tag": "swirl-accordion",
124
+ "docs": "",
125
+ "docsTags": [],
126
+ "usage": {},
127
+ "props": [],
128
+ "methods": [],
129
+ "events": [],
130
+ "listeners": [],
131
+ "styles": [],
132
+ "slots": [],
133
+ "parts": [],
134
+ "dependents": [],
135
+ "dependencies": [],
136
+ "dependencyGraph": {}
137
+ },
138
+ {
139
+ "filePath": "./src/components/swirl-accordion-item/swirl-accordion-item.tsx",
140
+ "encapsulation": "shadow",
141
+ "tag": "swirl-accordion-item",
142
+ "docs": "",
143
+ "docsTags": [],
144
+ "usage": {},
145
+ "props": [
146
+ {
147
+ "name": "description",
148
+ "type": "string",
149
+ "mutable": false,
150
+ "attr": "description",
151
+ "reflectToAttr": false,
152
+ "docs": "",
153
+ "docsTags": [],
154
+ "values": [
155
+ {
156
+ "type": "string"
157
+ }
158
+ ],
159
+ "optional": true,
160
+ "required": false
161
+ },
162
+ {
163
+ "name": "disabled",
164
+ "type": "boolean",
165
+ "mutable": false,
166
+ "attr": "disabled",
167
+ "reflectToAttr": false,
168
+ "docs": "",
169
+ "docsTags": [],
170
+ "values": [
171
+ {
172
+ "type": "boolean"
173
+ }
174
+ ],
175
+ "optional": true,
176
+ "required": false
177
+ },
178
+ {
179
+ "name": "heading",
180
+ "type": "string",
181
+ "mutable": false,
182
+ "attr": "heading",
183
+ "reflectToAttr": false,
184
+ "docs": "",
185
+ "docsTags": [],
186
+ "values": [
187
+ {
188
+ "type": "string"
189
+ }
190
+ ],
191
+ "optional": false,
192
+ "required": true
193
+ },
194
+ {
195
+ "name": "headingLevel",
196
+ "type": "1 | 2 | 3 | 4 | 5 | 6",
197
+ "mutable": false,
198
+ "attr": "heading-level",
199
+ "reflectToAttr": false,
200
+ "docs": "",
201
+ "docsTags": [],
202
+ "default": "2",
203
+ "values": [
204
+ {
205
+ "value": "1",
206
+ "type": "number"
207
+ },
208
+ {
209
+ "value": "2",
210
+ "type": "number"
211
+ },
212
+ {
213
+ "value": "3",
214
+ "type": "number"
215
+ },
216
+ {
217
+ "value": "4",
218
+ "type": "number"
219
+ },
220
+ {
221
+ "value": "5",
222
+ "type": "number"
223
+ },
224
+ {
225
+ "value": "6",
226
+ "type": "number"
227
+ }
228
+ ],
229
+ "optional": true,
230
+ "required": false
231
+ },
232
+ {
233
+ "name": "initiallyOpen",
234
+ "type": "boolean",
235
+ "mutable": false,
236
+ "attr": "initially-open",
237
+ "reflectToAttr": false,
238
+ "docs": "",
239
+ "docsTags": [],
240
+ "values": [
241
+ {
242
+ "type": "boolean"
243
+ }
244
+ ],
245
+ "optional": true,
246
+ "required": false
247
+ }
248
+ ],
249
+ "methods": [
250
+ {
251
+ "name": "collapse",
252
+ "returns": {
253
+ "type": "Promise<void>",
254
+ "docs": ""
255
+ },
256
+ "signature": "collapse() => Promise<void>",
257
+ "parameters": [],
258
+ "docs": "Collapsed the accordion item.",
259
+ "docsTags": []
260
+ },
261
+ {
262
+ "name": "expand",
263
+ "returns": {
264
+ "type": "Promise<void>",
265
+ "docs": ""
266
+ },
267
+ "signature": "expand() => Promise<void>",
268
+ "parameters": [],
269
+ "docs": "Expands the accordion item.",
270
+ "docsTags": []
271
+ },
272
+ {
273
+ "name": "toggle",
274
+ "returns": {
275
+ "type": "Promise<void>",
276
+ "docs": ""
277
+ },
278
+ "signature": "toggle() => Promise<void>",
279
+ "parameters": [],
280
+ "docs": "Toggles the accordion item.",
281
+ "docsTags": []
282
+ }
283
+ ],
284
+ "events": [
285
+ {
286
+ "event": "expansionChange",
287
+ "detail": "boolean",
288
+ "bubbles": true,
289
+ "cancelable": true,
290
+ "composed": true,
291
+ "docs": "",
292
+ "docsTags": []
293
+ }
294
+ ],
295
+ "listeners": [],
296
+ "styles": [],
297
+ "slots": [],
298
+ "parts": [],
299
+ "dependents": [],
300
+ "dependencies": [
301
+ "swirl-text",
302
+ "swirl-icon"
303
+ ],
304
+ "dependencyGraph": {
305
+ "swirl-accordion-item": [
306
+ "swirl-text",
307
+ "swirl-icon"
308
+ ]
309
+ }
310
+ },
120
311
  {
121
312
  "filePath": "./src/components/swirl-action-list/swirl-action-list.tsx",
122
313
  "encapsulation": "shadow",
@@ -4344,6 +4535,197 @@
4344
4535
  ]
4345
4536
  }
4346
4537
  },
4538
+ {
4539
+ "filePath": "./src/components/swirl-color-input/swirl-color-input.tsx",
4540
+ "encapsulation": "scoped",
4541
+ "tag": "swirl-color-input",
4542
+ "docs": "",
4543
+ "docsTags": [],
4544
+ "usage": {},
4545
+ "props": [
4546
+ {
4547
+ "name": "autoFocus",
4548
+ "type": "boolean",
4549
+ "mutable": false,
4550
+ "attr": "auto-focus",
4551
+ "reflectToAttr": false,
4552
+ "docs": "",
4553
+ "docsTags": [],
4554
+ "values": [
4555
+ {
4556
+ "type": "boolean"
4557
+ }
4558
+ ],
4559
+ "optional": true,
4560
+ "required": false
4561
+ },
4562
+ {
4563
+ "name": "autoSelect",
4564
+ "type": "boolean",
4565
+ "mutable": false,
4566
+ "attr": "auto-select",
4567
+ "reflectToAttr": false,
4568
+ "docs": "",
4569
+ "docsTags": [],
4570
+ "values": [
4571
+ {
4572
+ "type": "boolean"
4573
+ }
4574
+ ],
4575
+ "optional": true,
4576
+ "required": false
4577
+ },
4578
+ {
4579
+ "name": "disabled",
4580
+ "type": "boolean",
4581
+ "mutable": false,
4582
+ "attr": "disabled",
4583
+ "reflectToAttr": false,
4584
+ "docs": "",
4585
+ "docsTags": [],
4586
+ "values": [
4587
+ {
4588
+ "type": "boolean"
4589
+ }
4590
+ ],
4591
+ "optional": true,
4592
+ "required": false
4593
+ },
4594
+ {
4595
+ "name": "inline",
4596
+ "type": "boolean",
4597
+ "mutable": false,
4598
+ "attr": "inline",
4599
+ "reflectToAttr": false,
4600
+ "docs": "",
4601
+ "docsTags": [],
4602
+ "values": [
4603
+ {
4604
+ "type": "boolean"
4605
+ }
4606
+ ],
4607
+ "optional": true,
4608
+ "required": false
4609
+ },
4610
+ {
4611
+ "name": "invalid",
4612
+ "type": "boolean",
4613
+ "mutable": false,
4614
+ "attr": "invalid",
4615
+ "reflectToAttr": false,
4616
+ "docs": "",
4617
+ "docsTags": [],
4618
+ "values": [
4619
+ {
4620
+ "type": "boolean"
4621
+ }
4622
+ ],
4623
+ "optional": true,
4624
+ "required": false
4625
+ },
4626
+ {
4627
+ "name": "placeholder",
4628
+ "type": "string",
4629
+ "mutable": false,
4630
+ "attr": "placeholder",
4631
+ "reflectToAttr": false,
4632
+ "docs": "",
4633
+ "docsTags": [],
4634
+ "values": [
4635
+ {
4636
+ "type": "string"
4637
+ }
4638
+ ],
4639
+ "optional": true,
4640
+ "required": false
4641
+ },
4642
+ {
4643
+ "name": "required",
4644
+ "type": "boolean",
4645
+ "mutable": false,
4646
+ "attr": "required",
4647
+ "reflectToAttr": false,
4648
+ "docs": "",
4649
+ "docsTags": [],
4650
+ "values": [
4651
+ {
4652
+ "type": "boolean"
4653
+ }
4654
+ ],
4655
+ "optional": true,
4656
+ "required": false
4657
+ },
4658
+ {
4659
+ "name": "swirlAriaDescribedby",
4660
+ "type": "string",
4661
+ "mutable": false,
4662
+ "attr": "swirl-aria-describedby",
4663
+ "reflectToAttr": false,
4664
+ "docs": "",
4665
+ "docsTags": [],
4666
+ "values": [
4667
+ {
4668
+ "type": "string"
4669
+ }
4670
+ ],
4671
+ "optional": true,
4672
+ "required": false
4673
+ },
4674
+ {
4675
+ "name": "value",
4676
+ "type": "string",
4677
+ "mutable": true,
4678
+ "attr": "value",
4679
+ "reflectToAttr": true,
4680
+ "docs": "",
4681
+ "docsTags": [],
4682
+ "values": [
4683
+ {
4684
+ "type": "string"
4685
+ }
4686
+ ],
4687
+ "optional": true,
4688
+ "required": false
4689
+ }
4690
+ ],
4691
+ "methods": [],
4692
+ "events": [
4693
+ {
4694
+ "event": "inputBlur",
4695
+ "detail": "FocusEvent",
4696
+ "bubbles": true,
4697
+ "cancelable": true,
4698
+ "composed": true,
4699
+ "docs": "",
4700
+ "docsTags": []
4701
+ },
4702
+ {
4703
+ "event": "inputFocus",
4704
+ "detail": "FocusEvent",
4705
+ "bubbles": true,
4706
+ "cancelable": true,
4707
+ "composed": true,
4708
+ "docs": "",
4709
+ "docsTags": []
4710
+ },
4711
+ {
4712
+ "event": "valueChange",
4713
+ "detail": "string",
4714
+ "bubbles": true,
4715
+ "cancelable": true,
4716
+ "composed": true,
4717
+ "docs": "",
4718
+ "docsTags": []
4719
+ }
4720
+ ],
4721
+ "listeners": [],
4722
+ "styles": [],
4723
+ "slots": [],
4724
+ "parts": [],
4725
+ "dependents": [],
4726
+ "dependencies": [],
4727
+ "dependencyGraph": {}
4728
+ },
4347
4729
  {
4348
4730
  "filePath": "./src/components/swirl-columns/swirl-columns.tsx",
4349
4731
  "encapsulation": "shadow",
@@ -7822,9 +8204,15 @@
7822
8204
  "styles": [],
7823
8205
  "slots": [],
7824
8206
  "parts": [],
7825
- "dependents": [],
8207
+ "dependents": [
8208
+ "swirl-accordion-item"
8209
+ ],
7826
8210
  "dependencies": [],
7827
- "dependencyGraph": {}
8211
+ "dependencyGraph": {
8212
+ "swirl-accordion-item": [
8213
+ "swirl-icon"
8214
+ ]
8215
+ }
7828
8216
  },
7829
8217
  {
7830
8218
  "filePath": "./src/components/swirl-icon/icons/swirl-icon-add.tsx",
@@ -25220,6 +25608,7 @@
25220
25608
  "parts": [],
25221
25609
  "dependents": [
25222
25610
  "file-manager",
25611
+ "swirl-accordion-item",
25223
25612
  "swirl-console-layout",
25224
25613
  "swirl-empty-state",
25225
25614
  "swirl-inline-notification",
@@ -25234,6 +25623,9 @@
25234
25623
  "file-manager": [
25235
25624
  "swirl-text"
25236
25625
  ],
25626
+ "swirl-accordion-item": [
25627
+ "swirl-text"
25628
+ ],
25237
25629
  "swirl-console-layout": [
25238
25630
  "swirl-text"
25239
25631
  ],
@@ -2105,6 +2105,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2105
2105
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2106
2106
  /* webpackMode: "lazy" */
2107
2107
  './file-manager.cjs.entry.js')); }).then(processMod, consoleError);
2108
+ case 'swirl-accordion.cjs':
2109
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2110
+ /* webpackMode: "lazy" */
2111
+ './swirl-accordion.cjs.entry.js')); }).then(processMod, consoleError);
2112
+ case 'swirl-accordion-item.cjs':
2113
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2114
+ /* webpackMode: "lazy" */
2115
+ './swirl-accordion-item.cjs.entry.js')); }).then(processMod, consoleError);
2108
2116
  case 'swirl-action-list-section.cjs':
2109
2117
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2110
2118
  /* webpackMode: "lazy" */
@@ -2153,6 +2161,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2153
2161
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2154
2162
  /* webpackMode: "lazy" */
2155
2163
  './swirl-chip.cjs.entry.js')); }).then(processMod, consoleError);
2164
+ case 'swirl-color-input.cjs':
2165
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2166
+ /* webpackMode: "lazy" */
2167
+ './swirl-color-input.cjs.entry.js')); }).then(processMod, consoleError);
2156
2168
  case 'swirl-columns.cjs':
2157
2169
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2158
2170
  /* webpackMode: "lazy" */
@@ -2217,10 +2229,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
2217
2229
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2218
2230
  /* webpackMode: "lazy" */
2219
2231
  './swirl-form-group.cjs.entry.js')); }).then(processMod, consoleError);
2220
- case 'swirl-icon.cjs':
2221
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2222
- /* webpackMode: "lazy" */
2223
- './swirl-icon.cjs.entry.js')); }).then(processMod, consoleError);
2224
2232
  case 'swirl-icon-add-photo.cjs':
2225
2233
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
2226
2234
  /* webpackMode: "lazy" */
@@ -3053,6 +3061,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
3053
3061
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3054
3062
  /* webpackMode: "lazy" */
3055
3063
  './swirl-date-picker_2.cjs.entry.js')); }).then(processMod, consoleError);
3064
+ case 'swirl-icon.cjs':
3065
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3066
+ /* webpackMode: "lazy" */
3067
+ './swirl-icon.cjs.entry.js')); }).then(processMod, consoleError);
3056
3068
  case 'swirl-icon-add_6.cjs':
3057
3069
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3058
3070
  /* webpackMode: "lazy" */
@@ -3149,14 +3161,14 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
3149
3161
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3150
3162
  /* webpackMode: "lazy" */
3151
3163
  './swirl-icon-error_3.cjs.entry.js')); }).then(processMod, consoleError);
3152
- case 'swirl-text.cjs':
3153
- return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3154
- /* webpackMode: "lazy" */
3155
- './swirl-text.cjs.entry.js')); }).then(processMod, consoleError);
3156
3164
  case 'swirl-stack.cjs':
3157
3165
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3158
3166
  /* webpackMode: "lazy" */
3159
3167
  './swirl-stack.cjs.entry.js')); }).then(processMod, consoleError);
3168
+ case 'swirl-text.cjs':
3169
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3170
+ /* webpackMode: "lazy" */
3171
+ './swirl-text.cjs.entry.js')); }).then(processMod, consoleError);
3160
3172
  case 'swirl-button.cjs':
3161
3173
  return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
3162
3174
  /* webpackMode: "lazy" */