@spectrum-css/textfield
Advanced tools
Comparing version 5.1.1 to 5.1.2
@@ -6,2 +6,14 @@ # Change Log | ||
<a name="5.1.2"></a> | ||
## 5.1.2 | ||
🗓 2023-05-10 • 📝 [Commits](https://github.com/adobe/spectrum-css/compare/@spectrum-css/textfield@5.1.1...@spectrum-css/textfield@5.1.2) | ||
### 🐛 Bug fixes | ||
* **stepper:** fix stepper button padding and borders ([#1856](https://github.com/adobe/spectrum-css/issues/1856)) ([55f2b08](https://github.com/adobe/spectrum-css/commit/55f2b08)) | ||
<a name="5.1.1"></a> | ||
@@ -8,0 +20,0 @@ ## 5.1.1 |
| Modifiable Custom Properties | | ||
| --- | | ||
|`--mod-textfield-width`| | ||
|`--mod-textfield-focus-indicator-gap`| | ||
|`--mod-textfield-focus-indicator-width`| | ||
|`--mod-textfield-corner-radius`| | ||
|`--mod-textfield-focus-indicator-color`| | ||
|`--mod-textfield-text-color-default`| | ||
|`--mod-textfield-text-color-disabled`| | ||
|`--mod-textfield-text-color-readonly`| | ||
|`--mod-textfield-icon-spacing-block-valid`| | ||
|`--mod-textfield-icon-spacing-inline-start-valid`| | ||
|`--mod-textfield-icon-spacing-inline-end-valid`| | ||
|`--mod-textfield-icon-color-valid`| | ||
|`--mod-textfield-icon-size-invalid`| | ||
|`--mod-textfield-icon-spacing-block-invalid`| | ||
|`--mod-textfield-icon-spacing-inline-start-invalid`| | ||
|`--mod-textfield-icon-spacing-inline-end-invalid`| | ||
|`--mod-textfield-icon-color-invalid`| | ||
|`--mod-textfield-icon-spacing-inline-end-quiet-valid`| | ||
|`--mod-textfield-icon-spacing-inline-end-quiet-invalid`| | ||
|`--mod-textfield-label-spacing-block`| | ||
|`--mod-textfield-label-spacing-block-quiet`| | ||
|`--mod-textfield-helptext-spacing-block`| | ||
|`--mod-textfield-character-count-spacing-block`| | ||
|`--mod-textfield-character-count-spacing-inline`| | ||
|`--mod-textfield-character-count-font-size`| | ||
|`--mod-textfield-character-count-font-family`| | ||
|`--mod-textfield-character-count-font-weight`| | ||
|`--mod-textfield-character-count-spacing-block-quiet`| | ||
|`--mod-textfield-min-width`| | ||
|`--mod-textfield-height`| | ||
|`--mod-textfield-spacing-block-start`| | ||
|`--mod-textfield-border-width`| | ||
|`--mod-textfield-spacing-block-end`| | ||
|`--mod-textfield-spacing-inline`| | ||
|`--mod-textfield-background-color`| | ||
|`--mod-textfield-border-color`| | ||
|`--mod-texfield-animation-duration`| | ||
|`--mod-textfield-placeholder-font-size`| | ||
|`--mod-textfield-font-family`| | ||
|`--mod-textfield-font-weight`| | ||
|`--mod--Textfield-workflow-icon-gap`| | ||
|`--mod-Textfield-workflow-icon-width`| | ||
|`--mod-textfield-border-color-hover`| | ||
|`--mod-textfield-text-color-hover`| | ||
|`--mod-textfield-border-color-focus`| | ||
|`--mod-textfield-text-color-focus`| | ||
|`--mod-textfield-border-color-focus-hover`| | ||
|`--mod-textfield-text-color-focus-hover`| | ||
|`--mod-textfield-border-color-keyboard-focus`| | ||
|`--mod-textfield-text-color-keyboard-focus`| | ||
|`--mod-textfield-text-color-valid`| | ||
|`--mod-textfield-text-color-invalid`| | ||
|`--mod-textfield-border-color-invalid-default`| | ||
|`--mod-textfield-border-color-invalid-hover`| | ||
|`--mod-textfield-border-color-invalid-focus`| | ||
|`--mod-textfield-border-color-invalid-focus-hover`| | ||
|`--mod-textfield-border-color-invalid-keyboard-focus`| | ||
|`--mod-textfield-background-color-disabled`| | ||
|`--mod-textfield-spacing-block-quiet`| | ||
|`--mod-textfield-spacing-inline-quiet`| | ||
|`--mod-textfield-border-color-disabled`| | ||
|`--mod-textfield-label-spacing-inline-side-label`| | ||
|`--mod-textfield-character-count-spacing-block-side`| | ||
|`--mod-textfield-character-count-spacing-inline-side`| | ||
|`--mod-text-area-min-inline-size`| | ||
|`--mod-text-area-min-block-size`| | ||
|`--mod-text-area-min-block-size-quiet`| | ||
| `--mod--Textfield-workflow-icon-gap` | | ||
| `--mod-Textfield-workflow-icon-width` | | ||
| `--mod-texfield-animation-duration` | | ||
| `--mod-text-area-min-block-size` | | ||
| `--mod-text-area-min-block-size-quiet` | | ||
| `--mod-text-area-min-inline-size` | | ||
| `--mod-textfield-background-color` | | ||
| `--mod-textfield-background-color-disabled` | | ||
| `--mod-textfield-border-color` | | ||
| `--mod-textfield-border-color-disabled` | | ||
| `--mod-textfield-border-color-focus` | | ||
| `--mod-textfield-border-color-focus-hover` | | ||
| `--mod-textfield-border-color-hover` | | ||
| `--mod-textfield-border-color-invalid-default` | | ||
| `--mod-textfield-border-color-invalid-focus` | | ||
| `--mod-textfield-border-color-invalid-focus-hover` | | ||
| `--mod-textfield-border-color-invalid-hover` | | ||
| `--mod-textfield-border-color-invalid-keyboard-focus` | | ||
| `--mod-textfield-border-color-keyboard-focus` | | ||
| `--mod-textfield-border-width` | | ||
| `--mod-textfield-character-count-font-family` | | ||
| `--mod-textfield-character-count-font-size` | | ||
| `--mod-textfield-character-count-font-weight` | | ||
| `--mod-textfield-character-count-spacing-block` | | ||
| `--mod-textfield-character-count-spacing-block-quiet` | | ||
| `--mod-textfield-character-count-spacing-block-side` | | ||
| `--mod-textfield-character-count-spacing-inline` | | ||
| `--mod-textfield-character-count-spacing-inline-side` | | ||
| `--mod-textfield-corner-radius` | | ||
| `--mod-textfield-focus-indicator-color` | | ||
| `--mod-textfield-focus-indicator-gap` | | ||
| `--mod-textfield-focus-indicator-width` | | ||
| `--mod-textfield-font-family` | | ||
| `--mod-textfield-font-weight` | | ||
| `--mod-textfield-height` | | ||
| `--mod-textfield-helptext-spacing-block` | | ||
| `--mod-textfield-icon-color-invalid` | | ||
| `--mod-textfield-icon-color-valid` | | ||
| `--mod-textfield-icon-size-invalid` | | ||
| `--mod-textfield-icon-spacing-block-invalid` | | ||
| `--mod-textfield-icon-spacing-block-valid` | | ||
| `--mod-textfield-icon-spacing-inline-end-invalid` | | ||
| `--mod-textfield-icon-spacing-inline-end-quiet-invalid` | | ||
| `--mod-textfield-icon-spacing-inline-end-quiet-valid` | | ||
| `--mod-textfield-icon-spacing-inline-end-valid` | | ||
| `--mod-textfield-icon-spacing-inline-start-invalid` | | ||
| `--mod-textfield-icon-spacing-inline-start-valid` | | ||
| `--mod-textfield-label-spacing-block` | | ||
| `--mod-textfield-label-spacing-block-quiet` | | ||
| `--mod-textfield-label-spacing-inline-side-label` | | ||
| `--mod-textfield-min-width` | | ||
| `--mod-textfield-placeholder-font-size` | | ||
| `--mod-textfield-spacing-block-end` | | ||
| `--mod-textfield-spacing-block-quiet` | | ||
| `--mod-textfield-spacing-block-start` | | ||
| `--mod-textfield-spacing-inline` | | ||
| `--mod-textfield-spacing-inline-quiet` | | ||
| `--mod-textfield-text-color-default` | | ||
| `--mod-textfield-text-color-disabled` | | ||
| `--mod-textfield-text-color-focus` | | ||
| `--mod-textfield-text-color-focus-hover` | | ||
| `--mod-textfield-text-color-hover` | | ||
| `--mod-textfield-text-color-invalid` | | ||
| `--mod-textfield-text-color-keyboard-focus` | | ||
| `--mod-textfield-text-color-readonly` | | ||
| `--mod-textfield-text-color-valid` | | ||
| `--mod-textfield-width` | |
{ | ||
"name": "@spectrum-css/textfield", | ||
"version": "5.1.1", | ||
"version": "5.1.2", | ||
"description": "The Spectrum CSS textfield component", | ||
@@ -25,3 +25,3 @@ "license": "Apache-2.0", | ||
"@spectrum-css/component-builder-simple": "^2.0.10", | ||
"@spectrum-css/helptext": "^4.0.26", | ||
"@spectrum-css/helptext": "^4.0.27", | ||
"@spectrum-css/tokens": "^9.3.0", | ||
@@ -33,3 +33,3 @@ "gulp": "^4.0.0" | ||
}, | ||
"gitHead": "5c53f29ceeccadc403f774fa699368db43d80d6f" | ||
"gitHead": "908a8e2d629160e1f759bf378d4cd158122f5b7c" | ||
} |
@@ -38,10 +38,15 @@ import { html } from "lit-html"; | ||
onclick, | ||
styles = { | ||
"--spectrum-textfield-border-color": "rgb(0,0,0)", | ||
"--spectrum-textfield-border-width": "1px" | ||
}, | ||
styles = {}, | ||
...globals | ||
}) => { | ||
const [, updateArgs] = useArgs(); | ||
const { express } = globals; | ||
try { | ||
if (!express) import(/* webpackPrefetch: true */ "../themes/spectrum.css"); | ||
else import(/* webpackPrefetch: true */ "../themes/express.css"); | ||
} catch (e) { | ||
console.warn(e); | ||
} | ||
if (isInvalid) iconName = "Alert"; | ||
@@ -48,0 +53,0 @@ else if (isValid) iconName = "Checkmark"; |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
263904
2768