@oods/component-styles 0.5.0 → 0.6.1

package/README.md

@@ -28,4 +28,4 @@ Use matching versions of the OODS packages. These packages are separate from the
 
 ## License
 
-Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.5.0/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/component-styles@0.5.0/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
+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.

package/dist/components.css

@@ -1024,7 +1024,12 @@
 :is(textarea.oods-field-control, textarea[data-oods-component='Textarea']) { padding-block: var(--sys-control-padding-block-lg, 0.5rem); }
 .oods-field-control:hover:not(:disabled, [aria-invalid='true']) { border-color: var(--sys-border-interactive-hover, CanvasText); }
 .oods-field-control:disabled { background: var(--sys-surface-disabled, Canvas); color: var(--sys-text-disabled, GrayText); cursor: not-allowed; }
-.oods-field-control::placeholder { color: var(--cmp-input-placeholder, GrayText); }
+/* Native trait controls keep the same readable placeholder role as Input when a host's reset uses half-opacity text. */
+.oods-field-control::placeholder,
+: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 {
+  color: var(--cmp-input-placeholder, GrayText);
+  opacity: 1;
+}
 /* An invalid control's border takes the critical icon role, the status step that reaches 3:1 on the surface. */
 .oods-field-control[aria-invalid='true'] { border-color: var(--sys-status-critical-icon, Mark); }
 .oods-field-help { color: var(--cmp-input-support-text, var(--cmp-text-muted, GrayText)); }
@@ -1708,7 +1713,7 @@
   [data-oods-component='CycleProgressCard'] progress::-moz-progress-bar { background: Highlight; }
 }
 .oods-billing-muted { color: var(--sys-text-subtle, GrayText); }
-:where([data-oods-component='PaymentTimeline'], [data-oods-component='PaymentEventTimeline']) ol { margin: var(--space-4, 1rem) 0 0; padding-left: var(--space-4, 1rem); }
+:where([data-oods-component='PaymentTimeline'], [data-oods-component='PaymentEventTimeline']) ol { list-style: decimal outside; margin: var(--space-4, 1rem) 0 0; padding-left: var(--space-4, 1rem); }
 :where([data-oods-component='PaymentTimeline'], [data-oods-component='PaymentEventTimeline']) li { padding: var(--space-2, 0.5rem) 0; }
 :where([data-oods-component='PaymentTimeline'], [data-oods-component='PaymentEventTimeline']) li > strong { display: block; }
 [data-oods-component='BillingCardMeta'] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oods/component-styles",
-  "version": "0.5.0",
+  "version": "0.6.1",
   "description": "Shared CSS for the OODS Foundry React and Vue components, driven by its design tokens.",
   "homepage": "https://oods-foundry.com/",
   "bugs": {
@@ -50,10 +50,10 @@
     "**/*.css"
   ],
   "dependencies": {
-    "@oods/tokens": "0.5.0"
+    "@oods/tokens": "0.6.1"
   },
   "devDependencies": {
-    "@oods/component-contracts": "0.5.0",
+    "@oods/component-contracts": "0.6.1",
     "playwright": "^1.56.1"
   },
   "packageManager": "pnpm@9.12.2",