@skf-design-system/ui-components 1.0.1-beta.0 → 1.0.1-beta.1

package/dist/web-types.json

@@ -262,11 +262,8 @@
             },
             {
               "name": "icon-position",
-              "description": "If provided, determines the positioning of the icon in relation to the text",
-              "value": {
-                "type": "'left' | 'right' | undefined",
-                "default": "'left'"
-              }
+              "description": "Determines the positioning of the icon in relation to the text",
+              "value": { "type": "'left' | 'right'", "default": "'left'" }
             },
             {
               "name": "loading",
@@ -330,8 +327,8 @@
               },
               {
                 "name": "iconPosition",
-                "description": "If provided, determines the positioning of the icon in relation to the text",
-                "type": "'left' | 'right' | undefined"
+                "description": "Determines the positioning of the icon in relation to the text",
+                "type": "'left' | 'right'"
               },
               {
                 "name": "loading",
@@ -430,7 +427,7 @@
             {
               "name": "checked",
               "description": "If true, outputs helping hints in console",
-              "value": { "type": "boolean | undefined" }
+              "value": { "type": "string" }
             },
             {
               "name": "custom-invalid",
@@ -501,8 +498,7 @@
               },
               {
                 "name": "checked",
-                "description": "If true, outputs helping hints in console",
-                "type": "boolean | undefined"
+                "description": "If true, outputs helping hints in console"
               },
               {
                 "name": "customInvalid",
@@ -644,6 +640,107 @@
             ]
           }
         },
+        {
+          "name": "skf-datepicker",
+          "description": "A date picker component that allows users to select a date or a range of dates.\n---\n\n\n### **Events:**\n - **selected-date-changed** - When a date is selected\n- **selected-date-range-changed** - When a range of dates is selected\n\n### **Slots:**\n - _default_ - Default hint content placed inside the date picker\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the date picker _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "locale",
+              "description": "The locale to use for formatting the date",
+              "value": { "type": "string", "default": "'en-CA'" }
+            },
+            {
+              "name": "date",
+              "description": "The date to display in the date picker",
+              "value": { "type": "string" }
+            },
+            { "name": "id", "value": { "type": "string", "default": "''" } },
+            {
+              "name": "invalid-dates",
+              "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "range",
+              "description": "If true, the date picker will allow the selection of a range of dates",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "selectable-from",
+              "description": "Earliest selectable date. (yyyy-mm-dd format)",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "selectable-to",
+              "description": "Latest selectable date. (yyyy-mm-dd format)",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Default hint content placed inside the date picker"
+            }
+          ],
+          "events": [
+            {
+              "name": "selected-date-changed",
+              "description": "When a date is selected"
+            },
+            {
+              "name": "selected-date-range-changed",
+              "description": "When a range of dates is selected"
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "locale",
+                "description": "The locale to use for formatting the date",
+                "type": "string"
+              },
+              {
+                "name": "date",
+                "description": "The date to display in the date picker",
+                "type": "string"
+              },
+              { "name": "id", "type": "string" },
+              {
+                "name": "invalidDates",
+                "description": "A comma-separated list of dates (yyyy-mm-dd format) that are not selectable.",
+                "type": "string | undefined"
+              },
+              {
+                "name": "range",
+                "description": "If true, the date picker will allow the selection of a range of dates",
+                "type": "boolean"
+              },
+              { "name": "selectedDate", "type": "Date | undefined" },
+              {
+                "name": "selectableFrom",
+                "description": "Earliest selectable date. (yyyy-mm-dd format)",
+                "type": "string | undefined"
+              },
+              {
+                "name": "selectableTo",
+                "description": "Latest selectable date. (yyyy-mm-dd format)",
+                "type": "string | undefined"
+              },
+              { "name": "selectedDateRange", "type": "SkfDatePickerDateRange" }
+            ],
+            "events": [
+              {
+                "name": "selected-date-changed",
+                "description": "When a date is selected"
+              },
+              {
+                "name": "selected-date-range-changed",
+                "description": "When a range of dates is selected"
+              }
+            ]
+          }
+        },
         {
           "name": "skf-dialog",
           "description": "The `<skf-dialog>` is a component that open up a dialog with the content provided\n---\n\n\n### **Events:**\n - **skf-dialog-open** - Fires when the dialog is opened (after transitioned in)\n- **skf-dialog-close** - Fires when the dialog is closed (before transitioned out)\n- **close** - Fires when the dialog is closed (after transitioned out)\n\n### **Slots:**\n - _default_ - The dialog component's content\n- **footer** - The dialog component's buttons goes here\n\n### **CSS Properties:**\n - **--skf-dialog-height** - A custom height for the Dialog. Pass valid CSS **block-size** values _(default: undefined)_\n- **--skf-dialog-width** - A custom width for the Dialog Pass valid CSS **inline-size** values _(default: undefined)_",

package/package.json

@@ -34,9 +34,10 @@
   "sideEffects": true,
   "type": "module",
   "types": "./dist/index.d.ts",
-  "version": "1.0.1-beta.0",
+  "version": "1.0.1-beta.1",
   "dependencies": {
-    "@floating-ui/dom": "^1.6.13"
+    "@floating-ui/dom": "^1.6.13",
+    "@js-temporal/polyfill": "^0.4.4"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.3",