@mittwald/flow-react-components 0.1.0-alpha.302 → 0.1.0-alpha.303
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/CHANGELOG.md +13 -0
- package/dist/css/NumberField.css +1 -1
- package/dist/js/all.css +1 -1
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [0.1.0-alpha.303](https://github.com/mittwald/flow/compare/0.1.0-alpha.302...0.1.0-alpha.303) (2024-10-28)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
- NumberField applying disabled styles when aria-disabled="false"
|
|
11
|
+
([#911](https://github.com/mittwald/flow/issues/911))
|
|
12
|
+
([0d20ab3](https://github.com/mittwald/flow/commit/0d20ab383214395f11ce7dda4ac26ba3698ff408))
|
|
13
|
+
|
|
14
|
+
# Change Log
|
|
15
|
+
|
|
16
|
+
All notable changes to this project will be documented in this file. See
|
|
17
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
18
|
+
|
|
6
19
|
# [0.1.0-alpha.302](https://github.com/mittwald/flow/compare/0.1.0-alpha.301...0.1.0-alpha.302) (2024-10-24)
|
|
7
20
|
|
|
8
21
|
**Note:** Version bump only for package @mittwald/flow-react-components
|
package/dist/css/NumberField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment";max-width:100%}.flow--number-field--group .flow--number-field--input{border-radius:0;min-width:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}
|
|
1
|
+
.flow--number-field--group{order:2;display:grid;grid-template-columns:1fr max-content;grid-template-areas:"input increment" "input decrement"}.flow--number-field--group .flow--number-field--input{grid-area:input;border-width:var(--form-control--border-width);border-style:var(--form-control--border-style);border-radius:var(--form-control--corner-radius);padding-block:calc(var(--form-control--padding-y) - var(--form-control--border-width));padding-inline:var(--form-control--padding-x);color:var(--form-control--content-color--default);border-color:var(--form-control--border-color--default);background-color:var(--form-control--background-color--default);transition-property:color,background-color,border-color;transition-duration:var(--transition--duration--default);order:2}.flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--default)}.flow--number-field--group .flow--number-field--input:hover{background-color:var(--form-control--background-color--hover)}.flow--number-field--group .flow--number-field--input[data-invalid]{border-color:var(--form-control--border-color--invalid);background-color:var(--form-control--background-color--invalid)}.flow--number-field--group .flow--number-field--input:focus-within{border-color:var(--form-control--border-color--focused);background-color:var(--form-control--background-color--focused)}.flow--number-field--group .flow--number-field--input:focus-visible,.flow--number-field--group .flow--number-field--input:focus{outline:none}.flow--number-field--group .flow--number-field--input[data-selected]{color:var(--form-control--content-color--selected);border-color:var(--form-control--border-color--selected);background-color:var(--form-control--background-color--selected)}.flow--number-field--group .flow--number-field--input:disabled,.flow--number-field--group .flow--number-field--input[data-disabled],[aria-disabled] .flow--number-field--group .flow--number-field--input{color:var(--form-control--content-color--disabled);border-color:var(--form-control--border-color--disabled);background-color:var(--form-control--background-color--disabled)}.flow--number-field--group .flow--number-field--input:disabled::placeholder,.flow--number-field--group .flow--number-field--input[data-disabled]::placeholder,[aria-disabled] .flow--number-field--group .flow--number-field--input::placeholder{color:var(--form-control--placeholder-color--disabled)}.flow--number-field--group .flow--number-field--decrement-button{grid-area:decrement}.flow--number-field--group .flow--number-field--increment-button{grid-area:increment}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{border-width:var(--form-control--border-width);border-color:var(--form-control--border-color--default);border-style:solid}.flow--number-field--group[aria-invalid] .flow--number-field--decrement-button,.flow--number-field--group[aria-invalid] .flow--number-field--increment-button{border-color:var(--form-control--border-color--invalid)}.flow--number-field--group[data-focus-within] .flow--number-field--decrement-button,.flow--number-field--group[data-focus-within] .flow--number-field--increment-button{border-color:var(--form-control--border-color--focused)}.flow--number-field--group[aria-disabled=true] .flow--number-field--decrement-button,.flow--number-field--group[aria-disabled=true] .flow--number-field--increment-button{border-color:var(--form-control--border-color--disabled)}@media (pointer: fine){.flow--number-field--group .flow--number-field--input{border-start-end-radius:0;border-end-end-radius:0}.flow--number-field--group .flow--number-field--increment-button,.flow--number-field--group .flow--number-field--decrement-button{border-inline-start:none;border-start-start-radius:0;border-end-start-radius:0;padding-block:0}.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon{display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0}.flow--number-field--group .flow--number-field--increment-button{border-block-end:none;border-end-end-radius:0}}@media (pointer: coarse){.flow--number-field--group{grid-template-columns:auto 1fr auto;grid-template-areas:"decrement input increment";max-width:100%}.flow--number-field--group .flow--number-field--input{border-radius:0;min-width:0}.flow--number-field--group .flow--number-field--decrement-button,.flow--number-field--group .flow--number-field--increment-button{padding-inline:var(--button--padding)}.flow--number-field--group .flow--number-field--decrement-button .flow--number-field--coarse-pointer-icon,.flow--number-field--group .flow--number-field--increment-button .flow--number-field--coarse-pointer-icon{width:var(--icon--size--m);height:var(--icon--size--m)}.flow--number-field--group .flow--number-field--decrement-button svg:not(.flow--number-field--coarse-pointer-icon),.flow--number-field--group .flow--number-field--increment-button svg:not(.flow--number-field--coarse-pointer-icon){display:none}.flow--number-field--group .flow--number-field--decrement-button{border-start-end-radius:0;border-end-end-radius:0;border-inline-end:none}.flow--number-field--group .flow--number-field--increment-button{border-start-start-radius:0;border-end-start-radius:0;border-inline-start:none}}
|