@spectrum-css/textfield - npm Package Compare versions

Comparing version 4.0.3 to 4.1.0

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+<a name="4.1.0"></a>
+# 4.1.0
+🗓 2023-03-28 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@4.0.3...@spectrum-css/textfield@4.1.0)
+
+### ✨ Features
+
+* **textfield:** remove custom search icon styles ([cc72eca](https://github.com/adobe/spectrum-css/commit/cc72eca))
+
+
+
+
+
 <a name="4.0.3"></a>
@@ -8,0 +20,0 @@ ## 4.0.3

package.json

 {
   "name": "@spectrum-css/textfield",
-  "version": "4.0.3",
+  "version": "4.1.0",
   "description": "The Spectrum CSS textfield component",
@@ -32,3 +32,3 @@ "license": "Apache-2.0",
   },
-  "gitHead": "ae018f4bf64e76f36737e1b0cd56ccceed1d7056"
+  "gitHead": "8c023945de8f0c6f6f05dfbe5bbb900056bb3a92"
 }

stories/template.js

@@ -7,2 +7,3 @@ import { html } from "lit-html";
 import { Template as Icon } from '@spectrum-css/icon/stories/template.js';
+import { Template as ProgressCircle } from '@spectrum-css/progresscircle/stories/template.js';
 
@@ -17,2 +18,3 @@ import '../index.css';
   customIconClasses = [],
+  customProgressCircleClasses = [],
   isInvalid = false,
@@ -28,2 +30,3 @@ isValid = false,
   isKeyboardFocused = false,
+  isLoading = false,
   pattern,
@@ -73,38 +76,42 @@ placeholder,
       }) : ""}
-      ${multiline ?
-        html`
-        <textarea
-        placeholder=${ifDefined(placeholder)}
-        name=${ifDefined(name)}
-        .value=${ifDefined(value)}
-        autocomplete=${autocomplete ? undefined : "off"}
-        ?required=${isRequired}
-        ?disabled=${isDisabled}
-        ?readonly=${ifDefined(isReadOnly)}
-        pattern=${ifDefined(pattern)}
-        class=${classMap({
-          [`${rootClass}-input`]: true,
-          ...customInputClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-        })}
-        />`
-      :
-      html`
-      <input
-        type=${ifDefined(type)}
-        placeholder=${ifDefined(placeholder)}
-        name=${ifDefined(name)}
-        value=${ifDefined(value)}
-        autocomplete=${autocomplete ? undefined : "off"}
-        ?required=${isRequired}
-        ?disabled=${isDisabled}
-        readonly=${ifDefined(isReadOnly ? "readonly" : undefined)}
-        pattern=${ifDefined(pattern)}
-        class=${classMap({
-          [`${rootClass}-input`]: true,
-          ...customInputClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
-        })}
-      />`
+      ${multiline 
+        ? html`
+          <textarea
+            placeholder=${ifDefined(placeholder)}
+            name=${ifDefined(name)}
+            .value=${ifDefined(value)}
+            autocomplete=${autocomplete ? undefined : "off"}
+            ?required=${isRequired}
+            ?disabled=${isDisabled}
+            ?readonly=${ifDefined(isReadOnly)}
+            pattern=${ifDefined(pattern)}
+            class=${classMap({
+              [`${rootClass}-input`]: true,
+              ...customInputClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
+            })}
+          />`
+        : html`
+          <input
+            type=${ifDefined(type)}
+            placeholder=${ifDefined(placeholder)}
+            name=${ifDefined(name)}
+            value=${ifDefined(value)}
+            autocomplete=${autocomplete ? undefined : "off"}
+            ?required=${isRequired}
+            ?disabled=${isDisabled}
+            readonly=${ifDefined(isReadOnly ? "readonly" : undefined)}
+            pattern=${ifDefined(pattern)}
+            class=${classMap({
+              [`${rootClass}-input`]: true,
+              ...customInputClasses.reduce((a, c) => ({ ...a, [c]: true }), {}),
+            })}
+          />`
       }
+      ${isLoading ? ProgressCircle({ 
+        isIndeterminate: true,
+        size: 's',
+        customClasses: customProgressCircleClasses,
+      }) : ""}
     </div>
   `;
 };

stories/textfield.stories.js

@@ -104,2 +104,12 @@ // Import the component markup template
     },
+    isLoading: {
+      name: "Loading",
+      type: { name: "boolean" },
+      table: {
+        disable: true,
+        type: { summary: "boolean" },
+        category: "State",
+      },
+      control: "boolean"
+    },
     pattern: {
@@ -125,2 +135,3 @@ name: "Pattern",
     isKeyboardFocused: false,
+    isLoading: false,
     multiline: false,
@@ -127,0 +138,0 @@ grows: false,

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

249193

increased by0.3%

Lines of code

2677

increased by0.68%

No dependency changes