Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@spectrum-css/textfield

Package Overview
Dependencies
Maintainers
4
Versions
177
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@spectrum-css/textfield - npm Package Compare versions

Comparing version 5.1.1 to 5.1.2

12

CHANGELOG.md

@@ -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

134

metadata/mods.md
| 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";

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc