@apliteni/apliteni-ui 0.75.0 → 0.75.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.
Files changed (3) hide show
  1. package/package.json +1 -1
  2. package/react/dist/index.css +1 -1
  3. package/src/styles/input.css +7 -7
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apliteni/apliteni-ui",
3
- "version": "0.75.0",
3
+ "version": "0.75.1",
4
4
  "workspaces": [
5
5
  "react"
6
6
  ],
package/react/dist/index.css CHANGED
@@ -182,7 +182,7 @@
182
182
  .ui-input:disabled,
183
183
  .ui-select:disabled,
184
184
  .ui-textarea:disabled {
185
- background: var(--disabled-surface);
185
+ background-color: var(--disabled-surface);
186
186
  border-color: var(--disabled-border);
187
187
  color: var(--disabled-ink);
188
188
  cursor: not-allowed;
package/src/styles/input.css CHANGED
@@ -50,16 +50,16 @@
50
50
  .ui-textarea::placeholder { /* muted-ink: placeholder — empty form field */ color: var(--muted); opacity: 0.9; }
51
51
 
52
52
  /* The value a reader typed is still the value; it goes quiet, it does not fade
53
- into the field under it the way an opacity would take both down together. #220 */
54
- /* `.ui-select` joins these two in #273. It had no disabled rule at all, and it
55
- sets `background: var(--surface-2)` as an author declaration — which outranks
56
- the UA's own grey-out — so a disabled select rendered pixel-identical to a live
57
- one. A pager marked busy showed every button and the jump input visibly off
58
- beside a size control that still looked available. */
53
+ into the field under it the way an opacity would take both down together. #220
54
+ `.ui-select` joined the pair in #273: it paints its own field, which outranks the
55
+ UA's grey-out, so a disabled one had looked exactly like a live one.
56
+ `background-color`, not `background` — the shorthand also resets the three
57
+ longhands the chevron is drawn with (#511). Held by stories/select-chevron.test.js.
58
+ why: docs/specification.md#icons-and-glyphs */
59
59
  .ui-input:disabled,
60
60
  .ui-select:disabled,
61
61
  .ui-textarea:disabled {
62
- background: var(--disabled-surface); /* ring-gap: inherit — control paint; its focus indicator uses the containing surface. */
62
+ background-color: var(--disabled-surface); /* ring-gap: inherit — control paint; its focus indicator uses the containing surface. */
63
63
  border-color: var(--disabled-border);
64
64
  /* muted-ink: state — unavailable control */ color: var(--disabled-ink);
65
65
  cursor: not-allowed;