@indico-data/design-system 3.16.0 → 3.17.0

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 (5) hide show
  1. package/lib/index.css +11 -9
  2. package/lib/index.esm.css +11 -9
  3. package/package.json +1 -1
  4. package/src/components/button/styles/Button.scss +7 -7
  5. package/src/components/forms/date/datePicker/styles/DatePicker.scss +2 -0
package/lib/index.css CHANGED
@@ -4640,9 +4640,9 @@ a:hover,
4640
4640
  .btn--soft:hover {
4641
4641
  background-color: transparent;
4642
4642
  }
4643
- .btn--outline:disabled,
4644
- .btn--link:disabled,
4645
- .btn--soft:disabled {
4643
+ .btn--outline:disabled:not(.btn--loading),
4644
+ .btn--link:disabled:not(.btn--loading),
4645
+ .btn--soft:disabled:not(.btn--loading) {
4646
4646
  background-color: transparent;
4647
4647
  }
4648
4648
 
@@ -4657,7 +4657,7 @@ a:hover,
4657
4657
  background-color: var(--pf-button-solid-focus-background-color);
4658
4658
  box-shadow: var(--pf-button-solid-focus-box-shadow);
4659
4659
  }
4660
- .btn--solid:disabled {
4660
+ .btn--solid:disabled:not(.btn--loading) {
4661
4661
  background-color: var(--pf-button-solid-disabled-background-color);
4662
4662
  color: var(--pf-button-solid-disabled-color);
4663
4663
  }
@@ -4679,7 +4679,7 @@ a:hover,
4679
4679
  box-shadow: var(--pf-button-action-focus-box-shadow);
4680
4680
  color: var(--pf-button-action-color);
4681
4681
  }
4682
- .btn--action:disabled {
4682
+ .btn--action:disabled:not(.btn--loading) {
4683
4683
  background-color: transparent;
4684
4684
  border-color: var(--pf-button-action-disabled-border-color);
4685
4685
  color: var(--pf-button-action-disabled-color);
@@ -4697,7 +4697,7 @@ a:hover,
4697
4697
  color: var(--pf-button-link-hover-color);
4698
4698
  background-color: transparent;
4699
4699
  }
4700
- .btn--link:disabled {
4700
+ .btn--link:disabled:not(.btn--loading) {
4701
4701
  color: var(--pf-button-link-disabled-color);
4702
4702
  }
4703
4703
 
@@ -4712,7 +4712,7 @@ a:hover,
4712
4712
  background-color: transparent;
4713
4713
  box-shadow: var(--pf-button-outline-focus-box-shadow);
4714
4714
  }
4715
- .btn--outline:disabled {
4715
+ .btn--outline:disabled:not(.btn--loading) {
4716
4716
  color: var(--pf-button-outline-disabled-color);
4717
4717
  border-color: var(--pf-button-outline-disabled-color);
4718
4718
  }
@@ -4729,7 +4729,7 @@ a:hover,
4729
4729
  color: var(--pf-button-destructive-focus-color);
4730
4730
  box-shadow: var(--pf-button-destructive-focus-box-shadow);
4731
4731
  }
4732
- .btn--destructive:disabled {
4732
+ .btn--destructive:disabled:not(.btn--loading) {
4733
4733
  background-color: var(--pf-button-destructive-disabled-background-color);
4734
4734
  color: var(--pf-button-destructive-disabled-color);
4735
4735
  }
@@ -4744,7 +4744,7 @@ a:hover,
4744
4744
  .btn--soft:focus {
4745
4745
  border-color: var(--pf-button-soft-focus-border-color);
4746
4746
  }
4747
- .btn--soft:disabled {
4747
+ .btn--soft:disabled:not(.btn--loading) {
4748
4748
  color: var(--pf-button-soft-disabled-color);
4749
4749
  }
4750
4750
 
@@ -5766,6 +5766,8 @@ body div[class*=select__single-value] {
5766
5766
  :root .rdp-root {
5767
5767
  --rdp-accent-color: var(--pf-semantic-font-link);
5768
5768
  --rdp-font-family: var(--pf-font-family-base);
5769
+ --rdp-day-height: 35px;
5770
+ --rdp-day-width: 35px;
5769
5771
  --rdp-range_middle-background-color: var(--pf-semantic-page-background);
5770
5772
  }
5771
5773
 
package/lib/index.esm.css CHANGED
@@ -4640,9 +4640,9 @@ a:hover,
4640
4640
  .btn--soft:hover {
4641
4641
  background-color: transparent;
4642
4642
  }
4643
- .btn--outline:disabled,
4644
- .btn--link:disabled,
4645
- .btn--soft:disabled {
4643
+ .btn--outline:disabled:not(.btn--loading),
4644
+ .btn--link:disabled:not(.btn--loading),
4645
+ .btn--soft:disabled:not(.btn--loading) {
4646
4646
  background-color: transparent;
4647
4647
  }
4648
4648
 
@@ -4657,7 +4657,7 @@ a:hover,
4657
4657
  background-color: var(--pf-button-solid-focus-background-color);
4658
4658
  box-shadow: var(--pf-button-solid-focus-box-shadow);
4659
4659
  }
4660
- .btn--solid:disabled {
4660
+ .btn--solid:disabled:not(.btn--loading) {
4661
4661
  background-color: var(--pf-button-solid-disabled-background-color);
4662
4662
  color: var(--pf-button-solid-disabled-color);
4663
4663
  }
@@ -4679,7 +4679,7 @@ a:hover,
4679
4679
  box-shadow: var(--pf-button-action-focus-box-shadow);
4680
4680
  color: var(--pf-button-action-color);
4681
4681
  }
4682
- .btn--action:disabled {
4682
+ .btn--action:disabled:not(.btn--loading) {
4683
4683
  background-color: transparent;
4684
4684
  border-color: var(--pf-button-action-disabled-border-color);
4685
4685
  color: var(--pf-button-action-disabled-color);
@@ -4697,7 +4697,7 @@ a:hover,
4697
4697
  color: var(--pf-button-link-hover-color);
4698
4698
  background-color: transparent;
4699
4699
  }
4700
- .btn--link:disabled {
4700
+ .btn--link:disabled:not(.btn--loading) {
4701
4701
  color: var(--pf-button-link-disabled-color);
4702
4702
  }
4703
4703
 
@@ -4712,7 +4712,7 @@ a:hover,
4712
4712
  background-color: transparent;
4713
4713
  box-shadow: var(--pf-button-outline-focus-box-shadow);
4714
4714
  }
4715
- .btn--outline:disabled {
4715
+ .btn--outline:disabled:not(.btn--loading) {
4716
4716
  color: var(--pf-button-outline-disabled-color);
4717
4717
  border-color: var(--pf-button-outline-disabled-color);
4718
4718
  }
@@ -4729,7 +4729,7 @@ a:hover,
4729
4729
  color: var(--pf-button-destructive-focus-color);
4730
4730
  box-shadow: var(--pf-button-destructive-focus-box-shadow);
4731
4731
  }
4732
- .btn--destructive:disabled {
4732
+ .btn--destructive:disabled:not(.btn--loading) {
4733
4733
  background-color: var(--pf-button-destructive-disabled-background-color);
4734
4734
  color: var(--pf-button-destructive-disabled-color);
4735
4735
  }
@@ -4744,7 +4744,7 @@ a:hover,
4744
4744
  .btn--soft:focus {
4745
4745
  border-color: var(--pf-button-soft-focus-border-color);
4746
4746
  }
4747
- .btn--soft:disabled {
4747
+ .btn--soft:disabled:not(.btn--loading) {
4748
4748
  color: var(--pf-button-soft-disabled-color);
4749
4749
  }
4750
4750
 
@@ -5766,6 +5766,8 @@ body div[class*=select__single-value] {
5766
5766
  :root .rdp-root {
5767
5767
  --rdp-accent-color: var(--pf-semantic-font-link);
5768
5768
  --rdp-font-family: var(--pf-font-family-base);
5769
+ --rdp-day-height: 35px;
5770
+ --rdp-day-width: 35px;
5769
5771
  --rdp-range_middle-background-color: var(--pf-semantic-page-background);
5770
5772
  }
5771
5773
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@indico-data/design-system",
3
- "version": "3.16.0",
3
+ "version": "3.17.0",
4
4
  "description": "",
5
5
  "author": "",
6
6
  "main": "lib/index.js",
package/src/components/button/styles/Button.scss CHANGED
@@ -65,7 +65,7 @@
65
65
  background-color: transparent;
66
66
  }
67
67
 
68
- &:disabled {
68
+ &:disabled:not(.btn--loading) {
69
69
  background-color: transparent;
70
70
  }
71
71
  }
@@ -83,7 +83,7 @@
83
83
  box-shadow: var(--pf-button-solid-focus-box-shadow);
84
84
  }
85
85
 
86
- &:disabled {
86
+ &:disabled:not(.btn--loading) {
87
87
  background-color: var(--pf-button-solid-disabled-background-color);
88
88
  color: var(--pf-button-solid-disabled-color);
89
89
  }
@@ -108,7 +108,7 @@
108
108
  color: var(--pf-button-action-color);
109
109
  }
110
110
 
111
- &:disabled {
111
+ &:disabled:not(.btn--loading) {
112
112
  background-color: transparent;
113
113
  border-color: var(--pf-button-action-disabled-border-color);
114
114
  color: var(--pf-button-action-disabled-color);
@@ -128,7 +128,7 @@
128
128
  background-color: transparent;
129
129
  }
130
130
 
131
- &:disabled {
131
+ &:disabled:not(.btn--loading) {
132
132
  color: var(--pf-button-link-disabled-color);
133
133
  }
134
134
  }
@@ -146,7 +146,7 @@
146
146
  box-shadow: var(--pf-button-outline-focus-box-shadow);
147
147
  }
148
148
 
149
- &:disabled {
149
+ &:disabled:not(.btn--loading) {
150
150
  color: var(--pf-button-outline-disabled-color);
151
151
  border-color: var(--pf-button-outline-disabled-color);
152
152
  }
@@ -166,7 +166,7 @@
166
166
  box-shadow: var(--pf-button-destructive-focus-box-shadow);
167
167
  }
168
168
 
169
- &:disabled {
169
+ &:disabled:not(.btn--loading) {
170
170
  background-color: var(--pf-button-destructive-disabled-background-color);
171
171
  color: var(--pf-button-destructive-disabled-color);
172
172
  }
@@ -184,7 +184,7 @@
184
184
  border-color: var(--pf-button-soft-focus-border-color);
185
185
  }
186
186
 
187
- &:disabled {
187
+ &:disabled:not(.btn--loading) {
188
188
  color: var(--pf-button-soft-disabled-color);
189
189
  }
190
190
  }
package/src/components/forms/date/datePicker/styles/DatePicker.scss CHANGED
@@ -13,6 +13,8 @@
13
13
  .rdp-root {
14
14
  --rdp-accent-color: var(--pf-semantic-font-link);
15
15
  --rdp-font-family: var(--pf-font-family-base);
16
+ --rdp-day-height: 35px;
17
+ --rdp-day-width: 35px;
16
18
 
17
19
  // range
18
20
  --rdp-range_middle-background-color: var(--pf-semantic-page-background);