carbon-components-svelte - npm Package Compare versions

Comparing version 1.0.0-next.0 to 1.0.0-next.1

package.json

 {
   "name": "carbon-components-svelte",
-  "version": "1.0.0-next.0",
+  "version": "1.0.0-next.1",
   "license": "Apache-2.0",
@@ -35,3 +35,3 @@ "description": "Svelte implementation of the Carbon Design System",
     "format": "prettier --write \"./**/*.{svelte,js,md}\"",
-    "release": "standard-version && npm run build:docs"
+    "release": "standard-version --first-release && npm run build:docs"
   },
@@ -38,0 +38,0 @@ "dependencies": {

types/TextInput/TextInput.svelte.d.ts

 import type { SvelteComponentTyped } from "svelte";
-import type { SvelteHTMLElements } from "svelte/elements";
 
-type RestProps = SvelteHTMLElements["input"];
+export interface TextInputProps {
+  /**
+   * Specify the input value
+   * `value` will be set to `null` if `typeof value === "number"` and `value` is empty
+   * @default ""
+   */
+  value?: null | number | string;
 
-export interface TextInputProps extends RestProps {
   /**
-   * Set the size of the input
-   * @default undefined
+   * Obtain a reference to the input HTML element
+   * @default null
    */
-  size?: "sm" | "lg";
+  ref?: null | HTMLInputElement;
 
   /**
-   * Specify the input value.
-   *
-   * `value` will be set to `null` if type="number"
-   * and the value is empty.
-   * @default ""
+   * Set the size of the input
+   * @default "md"
    */
-  value?: null | number | string;
+  size?: "sm" | "md" | "lg";
 
@@ -30,2 +31,5 @@ /**
    * Set to `true` to enable the light variant
+   * For use on $ui-01 backgrounds only. Don't use this to make tile background color same as container background color
+   * The light prop for `TextInput` has been deprecated in favor of the new `Layer` Layer component. It will be removed in the next major release
+   * @deprecated
    * @default false
@@ -42,30 +46,31 @@ */
   /**
-   * Specify the helper text
+   * Specify the label text
    * @default ""
    */
-  helperText?: string;
+  labelText?: string;
 
   /**
-   * Set an id for the input element
-   * @default "ccs-" + Math.random().toString(36)
+   * Set to `true` to visually hide the label text
+   * @default false
    */
-  id?: string;
+  hideLabel?: boolean;
 
   /**
-   * Specify a name attribute for the input
-   * @default undefined
+   * Specify the helper text
+   * @default ""
    */
-  name?: string;
+  helperText?: string;
 
   /**
-   * Specify the label text
-   * @default ""
+   * Set to `true` to enable display the character counter. Requires `maxCount` to be set.
+   * @default false
    */
-  labelText?: string;
+  counter?: boolean;
 
   /**
-   * Set to `true` to visually hide the label text
-   * @default false
+   * Specify the maximum number of characters/words allowed
+   * This is needed in order for `counter` to display
+   * @default undefined
    */
-  hideLabel?: boolean;
+  maxCount?: number;
 
@@ -97,12 +102,12 @@ /**
   /**
-   * Obtain a reference to the input HTML element
-   * @default null
+   * Set an id for the input element
+   * @default "ccs-" + Math.random().toString(36)
    */
-  ref?: null | HTMLInputElement;
+  id?: string;
 
   /**
-   * Set to `true` to mark the field as required
-   * @default false
+   * Specify a name attribute for the input
+   * @default undefined
    */
-  required?: boolean;
+  name?: string;
 
@@ -116,2 +121,8 @@ /**
   /**
+   * Set to `true` to mark the field as required
+   * @default false
+   */
+  required?: boolean;
+
+  /**
    * Set to `true` to use the read-only variant
@@ -122,3 +133,13 @@ * @default false
 
-  [key: `data-${string}`]: any;
+  /**
+   * Set HTML attributes on the `label` element
+   * @default {}
+   */
+  labelAttributes?: import("svelte/elements").HTMLLabelAttributes;
+
+  /**
+   * Set HTML attributes on the `input` element
+   * @default {}
+   */
+  inputAttributes?: import("svelte/elements").HTMLInputAttributes;
 }
@@ -129,8 +150,9 @@
   {
-    change: CustomEvent<null | number | string>;
-    input: CustomEvent<null | number | string>;
     click: WindowEventMap["click"];
-    mouseover: WindowEventMap["mouseover"];
-    mouseenter: WindowEventMap["mouseenter"];
-    mouseleave: WindowEventMap["mouseleave"];
+    pointerup: WindowEventMap["pointerup"];
+    pointerover: WindowEventMap["pointerover"];
+    pointerenter: WindowEventMap["pointerenter"];
+    pointerleave: WindowEventMap["pointerleave"];
+    change: WindowEventMap["change"];
+    input: WindowEventMap["input"];
     keydown: WindowEventMap["keydown"];
@@ -142,3 +164,3 @@ keyup: WindowEventMap["keyup"];
   },
-  { labelText: {} }
+  { helperText: {}; invalidText: {}; labelText: {}; warnText: {} }
 > {}

types/TextInput/TextInputSkeleton.svelte.d.ts

 import type { SvelteComponentTyped } from "svelte";
-import type { SvelteHTMLElements } from "svelte/elements";
 
-type RestProps = SvelteHTMLElements["div"];
-
-export interface TextInputSkeletonProps extends RestProps {
+export interface TextInputSkeletonProps {
   /**
@@ -13,3 +10,7 @@ * Set to `true` to hide the label text
 
-  [key: `data-${string}`]: any;
+  /**
+   * Specify the div HTML attributes for the skeleton container
+   * @default {}
+   */
+  divAttributes?: import("svelte/elements").HTMLDivAttributes;
 }
@@ -21,7 +22,8 @@
     click: WindowEventMap["click"];
-    mouseover: WindowEventMap["mouseover"];
-    mouseenter: WindowEventMap["mouseenter"];
-    mouseleave: WindowEventMap["mouseleave"];
+    pointerup: WindowEventMap["pointerup"];
+    pointerover: WindowEventMap["pointerover"];
+    pointerenter: WindowEventMap["pointerenter"];
+    pointerleave: WindowEventMap["pointerleave"];
   },
   {}
 > {}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5983587

increased by0.47%

Lines of code

81330

increased by0.83%

No dependency changes