@oods/component-styles 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -28,4 +28,4 @@ Use matching versions of the OODS packages. These packages are separate from the
28
28
 
29
29
  ## License
30
30
 
31
- Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.6.0/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.6.0/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
31
+ Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.6.1/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.6.1/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
@@ -1024,7 +1024,12 @@
1024
1024
  :is(textarea.oods-field-control, textarea[data-oods-component='Textarea']) { padding-block: var(--sys-control-padding-block-lg, 0.5rem); }
1025
1025
  .oods-field-control:hover:not(:disabled, [aria-invalid='true']) { border-color: var(--sys-border-interactive-hover, CanvasText); }
1026
1026
  .oods-field-control:disabled { background: var(--sys-surface-disabled, Canvas); color: var(--sys-text-disabled, GrayText); cursor: not-allowed; }
1027
- .oods-field-control::placeholder { color: var(--cmp-input-placeholder, GrayText); }
1027
+ /* Native trait controls keep the same readable placeholder role as Input when a host's reset uses half-opacity text. */
1028
+ .oods-field-control::placeholder,
1029
+ :where([data-oods-component='AddressEditor'], [data-oods-component='CancellationForm'], [data-oods-component='ClassificationEditor'], [data-oods-component='PreferenceEditor'], [data-oods-component='RoleAssignmentForm'], [data-oods-component='TagInput'], [data-oods-component='TagManager'], [data-oods-component='TemplatePicker']) :is(input, textarea)::placeholder {
1030
+ color: var(--cmp-input-placeholder, GrayText);
1031
+ opacity: 1;
1032
+ }
1028
1033
  /* An invalid control's border takes the critical icon role, the status step that reaches 3:1 on the surface. */
1029
1034
  .oods-field-control[aria-invalid='true'] { border-color: var(--sys-status-critical-icon, Mark); }
1030
1035
  .oods-field-help { color: var(--cmp-input-support-text, var(--cmp-text-muted, GrayText)); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oods/component-styles",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "Shared CSS for the OODS Foundry React and Vue components, driven by its design tokens.",
5
5
  "homepage": "https://oods-foundry.com/",
6
6
  "bugs": {
@@ -50,10 +50,10 @@
50
50
  "**/*.css"
51
51
  ],
52
52
  "dependencies": {
53
- "@oods/tokens": "0.6.0"
53
+ "@oods/tokens": "0.6.1"
54
54
  },
55
55
  "devDependencies": {
56
- "@oods/component-contracts": "0.6.0",
56
+ "@oods/component-contracts": "0.6.1",
57
57
  "playwright": "^1.56.1"
58
58
  },
59
59
  "packageManager": "pnpm@9.12.2",