@haiilo/catalyst 10.28.2 → 10.30.0

package/dist/types/components/cat-date/cat-date.d.ts

@@ -22,7 +22,7 @@ export declare class CatDate {
     /**
      * Hint for form autofill feature.
      */
-    autoComplete?: string;
+    autoComplete: string;
     /**
      * Whether the input should show a clear button.
      */

package/dist/types/components/cat-datepicker/cat-datepicker.d.ts

@@ -22,7 +22,7 @@ export declare class CatDatepickerFlat {
     /**
      * Hint for form autofill feature.
      */
-    autoComplete?: string;
+    autoComplete: string;
     /**
      * Whether the input should show a clear button.
      */

package/dist/types/components/cat-input/cat-input.d.ts

@@ -9,6 +9,7 @@ import { InputType } from './input-type';
  *
  * @slot hint - Optional hint element to be displayed with the input.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
+ * @slot counter - Custom counter element to be displayed in the top right corner of the label.
  * @part label - The native label element.
  * @part input - The native input element.
  * @part prefix - The text prefix.
@@ -22,6 +23,7 @@ export declare class CatInput {
     hostElement: HTMLElement;
     hasSlottedLabel: boolean;
     hasSlottedHint: boolean;
+    hasSlottedCounter: boolean;
     isPasswordShown: boolean;
     errorMap?: ErrorMap | true;
     /**

package/dist/types/components/cat-textarea/cat-textarea.d.ts

@@ -7,6 +7,7 @@ import { ErrorMap } from '../cat-form-hint/cat-form-hint';
  *
  * @slot hint - Optional hint element to be displayed with the textarea.
  * @slot label - The slotted label. If both the label property and the label slot are present, only the label slot will be displayed.
+ * @slot counter - Custom counter element to be displayed in the top right corner of the label.
  * @part label - The native label element.
  * @part textarea - The native textarea element.
  */
@@ -18,6 +19,7 @@ export declare class CatTextarea {
     hostElement: HTMLElement;
     hasSlottedLabel: boolean;
     hasSlottedHint: boolean;
+    hasSlottedCounter: boolean;
     errorMap?: ErrorMap | true;
     /**
      * Whether the label need a marker to shown if the textarea is required or optional.
@@ -27,6 +29,10 @@ export declare class CatTextarea {
      * Whether the label is on top or left.
      */
     horizontal: boolean;
+    /**
+     * Hint for form autofill feature.
+     */
+    autoComplete?: string;
     /**
      * Whether the textarea is disabled.
      */

package/dist/types/components/cat-time/cat-time.d.ts

@@ -25,7 +25,7 @@ export declare class CatTime {
     /**
      * Hint for form autofill feature.
      */
-    autoComplete?: string;
+    autoComplete: string;
     /**
      * Whether the input should show a clear button.
      */

package/dist/types/components.d.ts

@@ -328,7 +328,7 @@ export namespace Components {
         /**
           * Hint for form autofill feature.
          */
-        "autoComplete"?: string;
+        "autoComplete": string;
         /**
           * Clear the input.
          */
@@ -522,7 +522,7 @@ export namespace Components {
         /**
           * Hint for form autofill feature.
          */
-        "autoComplete"?: string;
+        "autoComplete": string;
         /**
           * Whether the input should show a clear button.
          */
@@ -1361,6 +1361,10 @@ export namespace Components {
      * input component.
      */
     interface CatTextarea {
+        /**
+          * Hint for form autofill feature.
+         */
+        "autoComplete"?: string;
         /**
           * Clear the textarea.
          */
@@ -1454,7 +1458,7 @@ export namespace Components {
         /**
           * Hint for form autofill feature.
          */
-        "autoComplete"?: string;
+        "autoComplete": string;
         /**
           * Clear the input.
          */
@@ -3695,6 +3699,10 @@ declare namespace LocalJSX {
      * input component.
      */
     interface CatTextarea {
+        /**
+          * Hint for form autofill feature.
+         */
+        "autoComplete"?: string;
         /**
           * Whether the textarea is disabled.
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haiilo/catalyst",
-  "version": "10.28.2",
+  "version": "10.30.0",
   "description": "Catalyst Design System",
   "license": "MIT",
   "repository": {
@@ -28,19 +28,18 @@
     "rxjs": "^7.5.5"
   },
   "dependencies": {
-    "@floating-ui/dom": "1.6.5",
+    "@floating-ui/dom": "1.6.13",
     "@stencil/core": "4.18.3",
-    "@types/cleave.js": "^1.4.12",
     "autosize": "6.0.1",
     "autosize-input": "1.0.2",
     "cleave.js": "^1.6.0",
     "flatpickr": "4.6.13",
-    "focus-trap": "7.5.4",
-    "loglevel": "1.9.1",
+    "focus-trap": "7.6.4",
+    "loglevel": "1.9.2",
     "sanitize.css": "13.0.0",
     "tabbable": "6.2.0",
     "toastify-js": "1.12.0",
-    "@haiilo/catalyst-tokens": "10.28.2"
+    "@haiilo/catalyst-tokens": "10.30.0"
   },
   "devDependencies": {
     "@babel/core": "^7.24.7",
@@ -50,6 +49,7 @@
     "@stencil/sass": "^3.0.12",
     "@stencil/vue-output-target": "^0.8.7",
     "@types/autosize": "^4.0.3",
+    "@types/cleave.js": "^1.4.12",
     "@types/jest": "^29.5.10",
     "@types/node": "^20.14.2",
     "@types/toastify-js": "^1.12.3",
@@ -65,9 +65,9 @@
     "replace-in-file": "^7.2.0",
     "rxjs": "^7.5.5",
     "stencil-inline-svg": "^1.1.0",
-    "stylelint": "^16.6.1",
+    "stylelint": "^16.14.1",
     "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^13.0.0",
+    "stylelint-config-standard-scss": "^14.0.0",
     "typescript": "~5.4.5"
   },
   "scripts": {