@patternfly/patternfly 4.156.1 → 4.156.2

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 (9) hide show
  1. package/components/FormControl/form-control.css +9 -1
  2. package/components/FormControl/form-control.scss +10 -1
  3. package/components/MenuToggle/menu-toggle.css +4 -0
  4. package/components/MenuToggle/menu-toggle.scss +4 -0
  5. package/package.json +1 -1
  6. package/patternfly-no-reset.css +13 -1
  7. package/patternfly.css +13 -1
  8. package/patternfly.min.css +1 -1
  9. package/patternfly.min.css.map +1 -1
package/components/FormControl/form-control.css CHANGED
@@ -100,7 +100,8 @@
100
100
  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
101
101
  --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
102
102
  --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
103
- --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
103
+ --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
104
+ --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
104
105
  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
105
106
  --pf-c-form-control__select--BackgroundSize: .625em;
106
107
  --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
@@ -232,10 +233,17 @@
232
233
  }
233
234
  select.pf-c-form-control {
234
235
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
236
+ --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
235
237
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
236
238
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
237
239
  background-size: var(--pf-c-form-control__select--BackgroundSize);
238
240
  }
241
+ @-moz-document url-prefix() {
242
+ select.pf-c-form-control {
243
+ --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
244
+ --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
245
+ }
246
+ }
239
247
  select.pf-c-form-control[aria-invalid=true] {
240
248
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
241
249
  --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
package/components/FormControl/form-control.scss CHANGED
@@ -148,7 +148,8 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
148
148
  --pf-c-form-control--m-clock--BackgroundUrl: #{pf-bg-svg($pf-c-form-control--m-clock--Coordinates, $svg-color: $pf-c-form-control--m-clock--Color)};
149
149
 
150
150
  // Select -- rename __select to --select in a breaking change release
151
- --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
151
+ --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
152
+ --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
152
153
  --pf-c-form-control__select--BackgroundUrl: #{pf-bg-svg($pf-c-form-control__select--Coordinates, $pf-c-form-control__select--ViewBox)};
153
154
  --pf-c-form-control__select--BackgroundSize: .625em; // Calculated from react-icon SVG viewbox
154
155
  --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
@@ -333,11 +334,19 @@ $pf-c-form-control--m-clock--Coordinates: "M256 8C119 8 8 119 8 256s111 248 248
333
334
 
334
335
  @at-root select#{&} {
335
336
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
337
+ --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
336
338
 
337
339
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
338
340
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
339
341
  background-size: var(--pf-c-form-control__select--BackgroundSize);
340
342
 
343
+ // Firefox's select text has additional padding
344
+ // stylelint-disable-next-line
345
+ @-moz-document url-prefix() {
346
+ --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
347
+ --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
348
+ }
349
+
341
350
  &[aria-invalid="true"] {
342
351
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
343
352
  --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition); // drop this declaration and use the __select var directly in the background-position below in breaking change release
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .pf-c-menu-toggle {
2
+ --pf-c-menu-toggle--BorderRadius: 0;
2
3
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
3
4
  --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
4
5
  --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -32,6 +33,7 @@
32
33
  --pf-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
33
34
  --pf-c-menu-toggle--disabled--Color: var(--pf-global--disabled-color--100);
34
35
  --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
36
+ --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
35
37
  --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
36
38
  --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
37
39
  --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
@@ -69,6 +71,7 @@
69
71
  color: var(--pf-c-menu-toggle--Color);
70
72
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
71
73
  border: 0;
74
+ border-radius: var(--pf-c-menu-toggle--BorderRadius);
72
75
  }
73
76
  .pf-c-menu-toggle::before, .pf-c-menu-toggle::after {
74
77
  position: absolute;
@@ -88,6 +91,7 @@
88
91
  border-bottom: var(--pf-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--after--BorderBottomColor);
89
92
  }
90
93
  .pf-c-menu-toggle.pf-m-primary {
94
+ --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
91
95
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
92
96
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
93
97
  --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -1,4 +1,5 @@
1
1
  .pf-c-menu-toggle {
2
+ --pf-c-menu-toggle--BorderRadius: 0;
2
3
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
3
4
  --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
4
5
  --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -48,6 +49,7 @@
48
49
  --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
49
50
 
50
51
  // Primary
52
+ --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
51
53
  --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
52
54
  --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
53
55
  --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
@@ -100,6 +102,7 @@
100
102
  color: var(--pf-c-menu-toggle--Color);
101
103
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
102
104
  border: 0;
105
+ border-radius: var(--pf-c-menu-toggle--BorderRadius);
103
106
 
104
107
  &::before,
105
108
  &::after {
@@ -123,6 +126,7 @@
123
126
  }
124
127
 
125
128
  &.pf-m-primary {
129
+ --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
126
130
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
127
131
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
128
132
  --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.156.1",
4
+ "version": "4.156.2",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -13369,7 +13369,8 @@ label.pf-c-check, .pf-c-check__label,
13369
13369
  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
13370
13370
  --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
13371
13371
  --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
13372
- --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
13372
+ --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
13373
+ --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
13373
13374
  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
13374
13375
  --pf-c-form-control__select--BackgroundSize: .625em;
13375
13376
  --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
@@ -13501,10 +13502,17 @@ label.pf-c-check, .pf-c-check__label,
13501
13502
  }
13502
13503
  select.pf-c-form-control {
13503
13504
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
13505
+ --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
13504
13506
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
13505
13507
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
13506
13508
  background-size: var(--pf-c-form-control__select--BackgroundSize);
13507
13509
  }
13510
+ @-moz-document url-prefix() {
13511
+ select.pf-c-form-control {
13512
+ --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
13513
+ --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
13514
+ }
13515
+ }
13508
13516
  select.pf-c-form-control[aria-invalid=true] {
13509
13517
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
13510
13518
  --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
@@ -16151,6 +16159,7 @@ ul.pf-c-list {
16151
16159
  }
16152
16160
 
16153
16161
  .pf-c-menu-toggle {
16162
+ --pf-c-menu-toggle--BorderRadius: 0;
16154
16163
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
16155
16164
  --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
16156
16165
  --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -16184,6 +16193,7 @@ ul.pf-c-list {
16184
16193
  --pf-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
16185
16194
  --pf-c-menu-toggle--disabled--Color: var(--pf-global--disabled-color--100);
16186
16195
  --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16196
+ --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
16187
16197
  --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
16188
16198
  --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
16189
16199
  --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
@@ -16221,6 +16231,7 @@ ul.pf-c-list {
16221
16231
  color: var(--pf-c-menu-toggle--Color);
16222
16232
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
16223
16233
  border: 0;
16234
+ border-radius: var(--pf-c-menu-toggle--BorderRadius);
16224
16235
  }
16225
16236
  .pf-c-menu-toggle::before, .pf-c-menu-toggle::after {
16226
16237
  position: absolute;
@@ -16240,6 +16251,7 @@ ul.pf-c-list {
16240
16251
  border-bottom: var(--pf-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--after--BorderBottomColor);
16241
16252
  }
16242
16253
  .pf-c-menu-toggle.pf-m-primary {
16254
+ --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
16243
16255
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
16244
16256
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
16245
16257
  --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);
package/patternfly.css CHANGED
@@ -13505,7 +13505,8 @@ label.pf-c-check, .pf-c-check__label,
13505
13505
  --pf-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-c-form-control--m-warning--BackgroundSize), var(--pf-c-form-control--m-icon--BackgroundSizeX) var(--pf-c-form-control--m-icon--BackgroundSizeY);
13506
13506
  --pf-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
13507
13507
  --pf-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%236a6e73' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
13508
- --pf-c-form-control__select--PaddingRight: var(--pf-global--spacer--lg);
13508
+ --pf-c-form-control__select--PaddingRight: calc(var(--pf-global--spacer--lg) + var(--pf-c-form-control--BorderWidth) + var(--pf-c-form-control--BorderWidth));
13509
+ --pf-c-form-control__select--PaddingLeft: calc(var(--pf-global--spacer--sm) - var(--pf-c-form-control--BorderWidth));
13509
13510
  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
13510
13511
  --pf-c-form-control__select--BackgroundSize: .625em;
13511
13512
  --pf-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-global--spacer--md) + 1px);
@@ -13637,10 +13638,17 @@ label.pf-c-check, .pf-c-check__label,
13637
13638
  }
13638
13639
  select.pf-c-form-control {
13639
13640
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--PaddingRight);
13641
+ --pf-c-form-control--PaddingLeft: var(--pf-c-form-control__select--PaddingLeft);
13640
13642
  background-image: var(--pf-c-form-control__select--BackgroundUrl);
13641
13643
  background-position: var(--pf-c-form-control__select--BackgroundPosition);
13642
13644
  background-size: var(--pf-c-form-control__select--BackgroundSize);
13643
13645
  }
13646
+ @-moz-document url-prefix() {
13647
+ select.pf-c-form-control {
13648
+ --pf-c-form-control--PaddingRight: calc(var(--pf-c-form-control__select--PaddingRight) - 1px);
13649
+ --pf-c-form-control--PaddingLeft: calc(var(--pf-c-form-control__select--PaddingLeft) - 4px);
13650
+ }
13651
+ }
13644
13652
  select.pf-c-form-control[aria-invalid=true] {
13645
13653
  --pf-c-form-control--PaddingRight: var(--pf-c-form-control__select--invalid--PaddingRight);
13646
13654
  --pf-c-form-control--invalid--BackgroundPosition: var(--pf-c-form-control__select--invalid--BackgroundPosition);
@@ -16287,6 +16295,7 @@ ul.pf-c-list {
16287
16295
  }
16288
16296
 
16289
16297
  .pf-c-menu-toggle {
16298
+ --pf-c-menu-toggle--BorderRadius: 0;
16290
16299
  --pf-c-menu-toggle--PaddingTop: var(--pf-global--spacer--form-element);
16291
16300
  --pf-c-menu-toggle--PaddingRight: var(--pf-global--spacer--sm);
16292
16301
  --pf-c-menu-toggle--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -16320,6 +16329,7 @@ ul.pf-c-list {
16320
16329
  --pf-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-global--active-color--100);
16321
16330
  --pf-c-menu-toggle--disabled--Color: var(--pf-global--disabled-color--100);
16322
16331
  --pf-c-menu-toggle--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
16332
+ --pf-c-menu-toggle--m-primary--BorderRadius: var(--pf-global--BorderRadius--sm);
16323
16333
  --pf-c-menu-toggle--m-primary--Color: var(--pf-global--Color--light-100);
16324
16334
  --pf-c-menu-toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--100);
16325
16335
  --pf-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-global--primary-color--200);
@@ -16357,6 +16367,7 @@ ul.pf-c-list {
16357
16367
  color: var(--pf-c-menu-toggle--Color);
16358
16368
  background-color: var(--pf-c-menu-toggle--BackgroundColor);
16359
16369
  border: 0;
16370
+ border-radius: var(--pf-c-menu-toggle--BorderRadius);
16360
16371
  }
16361
16372
  .pf-c-menu-toggle::before, .pf-c-menu-toggle::after {
16362
16373
  position: absolute;
@@ -16376,6 +16387,7 @@ ul.pf-c-list {
16376
16387
  border-bottom: var(--pf-c-menu-toggle--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--after--BorderBottomColor);
16377
16388
  }
16378
16389
  .pf-c-menu-toggle.pf-m-primary {
16390
+ --pf-c-menu-toggle--BorderRadius: var(--pf-c-menu-toggle--m-primary--BorderRadius);
16379
16391
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-primary--Color);
16380
16392
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--m-primary--BackgroundColor);
16381
16393
  --pf-c-menu-toggle--hover--BackgroundColor: var(--pf-c-menu-toggle--m-primary--hover--BackgroundColor);