@getflip/swirl-components 0.12.0 → 0.14.0

package/components.json

@@ -1,9 +1,9 @@
 {
-  "timestamp": "2023-01-12T08:13:45",
+  "timestamp": "2023-02-02T11:46:16",
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.3",
-    "typescriptVersion": "4.5.4"
+    "version": "3.0.0",
+    "typescriptVersion": "4.9.4"
   },
   "components": [
     {
@@ -94,9 +94,13 @@
           "swirl-heading",
           "swirl-text"
         ],
+        "swirl-option-list": [
+          "swirl-visually-hidden"
+        ],
         "swirl-option-list-item": [
           "swirl-icon-check-strong",
-          "swirl-icon-check-small"
+          "swirl-icon-check-small",
+          "swirl-icon-drag-handle"
         ]
       }
     },
@@ -747,6 +751,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "inline",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -949,9 +969,13 @@
         "swirl-spinner": [
           "swirl-visually-hidden"
         ],
+        "swirl-option-list": [
+          "swirl-visually-hidden"
+        ],
         "swirl-option-list-item": [
           "swirl-icon-check-strong",
-          "swirl-icon-check-small"
+          "swirl-icon-check-small",
+          "swirl-icon-drag-handle"
         ]
       }
     },
@@ -3083,6 +3107,23 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "datePickerTriggerLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "date-picker-trigger-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Open date picker\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -3116,6 +3157,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "inline",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -3133,39 +3190,32 @@
           "required": false
         },
         {
-          "name": "locale",
-          "type": "{ days?: string[]; daysShort?: string[]; daysMin?: string[]; months?: string[]; monthsShort?: string[]; today?: string; clear?: string; dateFormat?: string; timeFormat?: string; firstDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6; }",
+          "name": "labels",
+          "type": "{ clearButton: string; monthSelect: string; nextMonthButton: string; nextYearButton: string; picker: string; previousMonthButton: string; previousYearButton: string; todayButton: string; yearSelect: string; }",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "type": "{ days?: string[]; daysShort?: string[]; daysMin?: string[]; months?: string[]; monthsShort?: string[]; today?: string; clear?: string; dateFormat?: string; timeFormat?: string; firstDay?: 0"
-            },
-            {
-              "value": "1",
-              "type": "number"
-            },
-            {
-              "value": "2",
-              "type": "number"
-            },
-            {
-              "value": "3",
-              "type": "number"
-            },
-            {
-              "value": "4",
-              "type": "number"
-            },
-            {
-              "value": "5",
-              "type": "number"
-            },
+              "type": "{ clearButton: string; monthSelect: string; nextMonthButton: string; nextYearButton: string; picker: string; previousMonthButton: string; previousYearButton: string; todayButton: string; yearSelect: string; }"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "mutable": false,
+          "attr": "locale",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"en-US\"",
+          "values": [
             {
-              "value": "6; }",
-              "type": "number"
+              "type": "string"
             }
           ],
           "optional": true,
@@ -3264,6 +3314,9 @@
           "swirl-icon-today",
           "swirl-popover",
           "swirl-date-picker"
+        ],
+        "swirl-date-picker": [
+          "wc-datepicker"
         ]
       }
     },
@@ -3276,70 +3329,32 @@
       "usage": {},
       "props": [
         {
-          "name": "locale",
-          "type": "{ days?: string[]; daysShort?: string[]; daysMin?: string[]; months?: string[]; monthsShort?: string[]; today?: string; clear?: string; dateFormat?: string; timeFormat?: string; firstDay?: 0 | 1 | 2 | 3 | 4 | 5 | 6; }",
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "",
-          "docsTags": [],
-          "default": "localeEn",
-          "values": [
-            {
-              "type": "{ days?: string[]; daysShort?: string[]; daysMin?: string[]; months?: string[]; monthsShort?: string[]; today?: string; clear?: string; dateFormat?: string; timeFormat?: string; firstDay?: 0"
-            },
-            {
-              "value": "1",
-              "type": "number"
-            },
-            {
-              "value": "2",
-              "type": "number"
-            },
-            {
-              "value": "3",
-              "type": "number"
-            },
-            {
-              "value": "4",
-              "type": "number"
-            },
-            {
-              "value": "5",
-              "type": "number"
-            },
-            {
-              "value": "6; }",
-              "type": "number"
-            }
-          ],
-          "optional": true,
-          "required": false
-        },
-        {
-          "name": "maxDate",
-          "type": "Date",
+          "name": "labels",
+          "type": "{ clearButton: string; monthSelect: string; nextMonthButton: string; nextYearButton: string; picker: string; previousMonthButton: string; previousYearButton: string; todayButton: string; yearSelect: string; }",
           "mutable": false,
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
           "values": [
             {
-              "type": "Date"
+              "type": "{ clearButton: string; monthSelect: string; nextMonthButton: string; nextYearButton: string; picker: string; previousMonthButton: string; previousYearButton: string; todayButton: string; yearSelect: string; }"
             }
           ],
           "optional": true,
           "required": false
         },
         {
-          "name": "minDate",
-          "type": "Date",
+          "name": "locale",
+          "type": "string",
           "mutable": false,
+          "attr": "locale",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "\"en-US\"",
           "values": [
             {
-              "type": "Date"
+              "type": "string"
             }
           ],
           "optional": true,
@@ -3414,8 +3429,13 @@
       "dependents": [
         "swirl-date-input"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "wc-datepicker"
+      ],
       "dependencyGraph": {
+        "swirl-date-picker": [
+          "wc-datepicker"
+        ],
         "swirl-date-input": [
           "swirl-date-picker"
         ]
@@ -4934,6 +4954,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "inline",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -5122,6 +5158,23 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "balance",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "balance",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "headingId",
           "type": "string",
@@ -5195,7 +5248,14 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "resize",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -7039,6 +7099,66 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/swirl-icon/icons/swirl-icon-drag-handle.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-icon-drag-handle",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "size",
+          "type": "16 | 20 | 24 | 28",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "24",
+          "values": [
+            {
+              "value": "16",
+              "type": "number"
+            },
+            {
+              "value": "20",
+              "type": "number"
+            },
+            {
+              "value": "24",
+              "type": "number"
+            },
+            {
+              "value": "28",
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "icon",
+          "docs": ""
+        }
+      ],
+      "dependents": [
+        "swirl-option-list-item"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "swirl-option-list-item": [
+          "swirl-icon-drag-handle"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/swirl-icon/icons/swirl-icon-edit.tsx",
       "encapsulation": "shadow",
@@ -10996,10 +11116,10 @@
       "usage": {},
       "props": [
         {
-          "name": "disabled",
+          "name": "allowDrag",
           "type": "boolean",
           "mutable": false,
-          "attr": "disabled",
+          "attr": "allow-drag",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
@@ -11012,13 +11132,14 @@
           "required": false
         },
         {
-          "name": "label",
+          "name": "assistiveTextItemGrabbed",
           "type": "string",
           "mutable": false,
-          "attr": "label",
+          "attr": "assistive-text-item-grabbed",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "\"Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.\"",
           "values": [
             {
               "type": "string"
@@ -11028,29 +11149,31 @@
           "required": false
         },
         {
-          "name": "multiSelect",
-          "type": "boolean",
+          "name": "assistiveTextItemMoved",
+          "type": "string",
           "mutable": false,
-          "attr": "multi-select",
+          "attr": "assistive-text-item-moved",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "\"Item moved. New position:\"",
           "values": [
             {
-              "type": "boolean"
+              "type": "string"
             }
           ],
           "optional": true,
           "required": false
         },
         {
-          "name": "optionListId",
+          "name": "assistiveTextItemMoving",
           "type": "string",
           "mutable": false,
-          "attr": "option-list-id",
+          "attr": "assistive-text-item-moving",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
+          "default": "\"Current position:\"",
           "values": [
             {
               "type": "string"
@@ -11060,26 +11183,99 @@
           "required": false
         },
         {
-          "name": "value",
-          "type": "string[]",
-          "mutable": true,
+          "name": "disabled",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "disabled",
           "reflectToAttr": false,
           "docs": "",
           "docsTags": [],
-          "default": "[]",
           "values": [
             {
-              "type": "string[]"
+              "type": "boolean"
             }
           ],
           "optional": true,
           "required": false
-        }
-      ],
-      "methods": [],
-      "events": [
+        },
         {
-          "event": "valueChange",
+          "name": "label",
+          "type": "string",
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "multiSelect",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "multi-select",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "optionListId",
+          "type": "string",
+          "mutable": false,
+          "attr": "option-list-id",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "value",
+          "type": "string[]",
+          "mutable": true,
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "itemDrop",
+          "detail": "{ oldIndex: number; newIndex: number; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        },
+        {
+          "event": "valueChange",
           "detail": "string[]",
           "bubbles": true,
           "cancelable": true,
@@ -11097,8 +11293,13 @@
         "swirl-autocomplete",
         "swirl-select"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "swirl-visually-hidden"
+      ],
       "dependencyGraph": {
+        "swirl-option-list": [
+          "swirl-visually-hidden"
+        ],
         "file-manager": [
           "swirl-option-list"
         ],
@@ -11112,12 +11313,28 @@
     },
     {
       "filePath": "./src/components/swirl-option-list-item/swirl-option-list-item.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "scoped",
       "tag": "swirl-option-list-item",
       "docs": "",
       "docsTags": [],
       "usage": {},
       "props": [
+        {
+          "name": "allowDrag",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "allow-drag",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "context",
           "type": "\"multi-select\" | \"single-select\"",
@@ -11156,6 +11373,56 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "dragHandleDescription",
+          "type": "string",
+          "mutable": false,
+          "attr": "drag-handle-description",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Press spacebar to toggle grab\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dragHandleLabel",
+          "type": "string",
+          "mutable": false,
+          "attr": "drag-handle-label",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"Move option\"",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "dragging",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "dragging",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "icon",
           "type": "string",
@@ -11223,7 +11490,17 @@
         }
       ],
       "methods": [],
-      "events": [],
+      "events": [
+        {
+          "event": "toggleDrag",
+          "detail": "HTMLSwirlOptionListItemElement",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "",
+          "docsTags": []
+        }
+      ],
       "listeners": [],
       "styles": [],
       "slots": [],
@@ -11243,12 +11520,14 @@
       ],
       "dependencies": [
         "swirl-icon-check-strong",
-        "swirl-icon-check-small"
+        "swirl-icon-check-small",
+        "swirl-icon-drag-handle"
       ],
       "dependencyGraph": {
         "swirl-option-list-item": [
           "swirl-icon-check-strong",
-          "swirl-icon-check-small"
+          "swirl-icon-check-small",
+          "swirl-icon-drag-handle"
         ],
         "file-manager": [
           "swirl-option-list-item"
@@ -13068,6 +13347,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "inline",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -13200,6 +13495,9 @@
           "swirl-icon-expand-more",
           "swirl-popover",
           "swirl-option-list"
+        ],
+        "swirl-option-list": [
+          "swirl-visually-hidden"
         ]
       }
     },
@@ -13221,6 +13519,207 @@
       "dependencies": [],
       "dependencyGraph": {}
     },
+    {
+      "filePath": "./src/components/swirl-skeleton-box/swirl-skeleton-box.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-skeleton-box",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "animated",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "animated",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "aspectRatio",
+          "type": "string",
+          "mutable": false,
+          "attr": "aspect-ratio",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "borderRadius",
+          "type": "\"base\" | \"pill\" | \"s\" | \"sm\"",
+          "mutable": false,
+          "attr": "border-radius",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"base\"",
+          "values": [
+            {
+              "value": "base",
+              "type": "string"
+            },
+            {
+              "value": "pill",
+              "type": "string"
+            },
+            {
+              "value": "s",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "height",
+          "type": "string",
+          "mutable": false,
+          "attr": "height",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "width",
+          "type": "string",
+          "mutable": false,
+          "attr": "width",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
+    {
+      "filePath": "./src/components/swirl-skeleton-text/swirl-skeleton-text.tsx",
+      "encapsulation": "shadow",
+      "tag": "swirl-skeleton-text",
+      "docs": "",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "animated",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "animated",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "lines",
+          "type": "number",
+          "mutable": false,
+          "attr": "lines",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "1",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
+        {
+          "name": "size",
+          "type": "\"2xl\" | \"base\" | \"lg\" | \"sm\" | \"xl\"",
+          "mutable": false,
+          "attr": "size",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "default": "\"base\"",
+          "values": [
+            {
+              "value": "2xl",
+              "type": "string"
+            },
+            {
+              "value": "base",
+              "type": "string"
+            },
+            {
+              "value": "lg",
+              "type": "string"
+            },
+            {
+              "value": "sm",
+              "type": "string"
+            },
+            {
+              "value": "xl",
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [],
+      "dependencies": [],
+      "dependencyGraph": {}
+    },
     {
       "filePath": "./src/components/swirl-spinner/swirl-spinner.tsx",
       "encapsulation": "shadow",
@@ -14317,7 +14816,7 @@
     },
     {
       "filePath": "./src/components/swirl-text/swirl-text.tsx",
-      "encapsulation": "shadow",
+      "encapsulation": "scoped",
       "tag": "swirl-text",
       "docs": "",
       "docsTags": [],
@@ -14366,6 +14865,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "balance",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "balance",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "color",
           "type": "\"critical\" | \"default\" | \"subdued\" | \"success\" | \"warning\"",
@@ -14497,7 +15012,14 @@
       ],
       "methods": [],
       "events": [],
-      "listeners": [],
+      "listeners": [
+        {
+          "event": "resize",
+          "target": "window",
+          "capture": false,
+          "passive": true
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],
@@ -14645,6 +15167,22 @@
           "optional": true,
           "required": false
         },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "inline",
+          "reflectToAttr": false,
+          "docs": "",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "invalid",
           "type": "boolean",
@@ -15845,6 +16383,7 @@
       "parts": [],
       "dependents": [
         "swirl-checkbox",
+        "swirl-option-list",
         "swirl-pagination",
         "swirl-radio",
         "swirl-spinner",
@@ -15857,6 +16396,9 @@
         "swirl-checkbox": [
           "swirl-visually-hidden"
         ],
+        "swirl-option-list": [
+          "swirl-visually-hidden"
+        ],
         "swirl-pagination": [
           "swirl-visually-hidden"
         ],