@patternfly/patternfly 6.3.0-prerelease.72 → 6.3.0-prerelease.73
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.
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
7
7
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
8
8
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
9
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
9
11
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
10
12
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
11
13
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -15,6 +17,8 @@
|
|
|
15
17
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
16
18
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
17
19
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
20
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
21
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
18
22
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
19
23
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
20
24
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -30,6 +34,8 @@
|
|
|
30
34
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
31
35
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
32
36
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
37
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
38
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
33
39
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
34
40
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
35
41
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -99,6 +105,7 @@
|
|
|
99
105
|
inset: 0;
|
|
100
106
|
content: "";
|
|
101
107
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
108
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
102
109
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
103
110
|
}
|
|
104
111
|
|
|
@@ -134,6 +141,7 @@
|
|
|
134
141
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
135
142
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
136
143
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
144
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
137
145
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
138
146
|
}
|
|
139
147
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -159,6 +167,7 @@
|
|
|
159
167
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
160
168
|
cursor: pointer;
|
|
161
169
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
170
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
162
171
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
163
172
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
164
173
|
}
|
|
@@ -10,6 +10,8 @@
|
|
|
10
10
|
--#{$slider}__rail-track--Height: #{pf-size-prem(4px)};
|
|
11
11
|
--#{$slider}__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
12
12
|
--#{$slider}__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
13
|
+
--#{$slider}__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
14
|
+
--#{$slider}__rail-track--before--BorderColor: transparent;
|
|
13
15
|
--#{$slider}__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
14
16
|
--#{$slider}__rail-track--before--fill--BackgroundColor--gradient-stop: var(--#{$slider}--value);
|
|
15
17
|
|
|
@@ -23,6 +25,8 @@
|
|
|
23
25
|
--#{$slider}__step-tick--Height: #{pf-size-prem(4px)};
|
|
24
26
|
--#{$slider}__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
25
27
|
--#{$slider}__step-tick--TranslateX: -50%;
|
|
28
|
+
--#{$slider}__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
29
|
+
--#{$slider}__step-tick--BorderColor: transparent;
|
|
26
30
|
--#{$slider}__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
27
31
|
--#{$slider}__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
28
32
|
--#{$slider}__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -42,6 +46,8 @@
|
|
|
42
46
|
--#{$slider}__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
43
47
|
--#{$slider}__thumb--TranslateX: -50%;
|
|
44
48
|
--#{$slider}__thumb--TranslateY: -50%;
|
|
49
|
+
--#{$slider}__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
50
|
+
--#{$slider}__thumb--BorderColor: transparent;
|
|
45
51
|
--#{$slider}__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
46
52
|
--#{$slider}__thumb--BoxShadow--base:
|
|
47
53
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -127,6 +133,7 @@
|
|
|
127
133
|
var(--#{$slider}__rail-track--before--fill--BackgroundColor) var(--#{$slider}__rail-track--before--fill--BackgroundColor--gradient-stop),
|
|
128
134
|
var(--#{$slider}__rail-track--before--base--BackgroundColor) var(--#{$slider}__rail-track--before--fill--BackgroundColor--gradient-stop)
|
|
129
135
|
);
|
|
136
|
+
border: var(--#{$slider}__rail-track--before--BorderWidth) solid var(--#{$slider}__rail-track--before--BorderColor);
|
|
130
137
|
border-radius: var(--#{$slider}__rail-track--before--BorderRadius);
|
|
131
138
|
}
|
|
132
139
|
}
|
|
@@ -171,6 +178,7 @@
|
|
|
171
178
|
width: var(--#{$slider}__step-tick--Width);
|
|
172
179
|
height: var(--#{$slider}__step-tick--Height);
|
|
173
180
|
background-color: var(--#{$slider}__step-tick--BackgroundColor);
|
|
181
|
+
border: var(--#{$slider}__step-tick--BorderWidth) solid var(--#{$slider}__step-tick--BorderColor);
|
|
174
182
|
border-radius: var(--#{$slider}__step-tick--BorderRadius);
|
|
175
183
|
}
|
|
176
184
|
|
|
@@ -200,6 +208,7 @@
|
|
|
200
208
|
height: var(--#{$slider}__thumb--Height);
|
|
201
209
|
cursor: pointer;
|
|
202
210
|
background-color: var(--#{$slider}__thumb--BackgroundColor);
|
|
211
|
+
border: var(--#{$slider}__thumb--BorderWidth) solid var(--#{$slider}__thumb--BorderColor);
|
|
203
212
|
border-radius: var(--#{$slider}__thumb--BorderRadius);
|
|
204
213
|
box-shadow: var(--#{$slider}__thumb--BoxShadow);
|
|
205
214
|
|
package/components/_index.css
CHANGED
|
@@ -15439,6 +15439,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15439
15439
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
15440
15440
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
15441
15441
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
15442
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15443
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
15442
15444
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
15443
15445
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
15444
15446
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -15448,6 +15450,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15448
15450
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
15449
15451
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
15450
15452
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
15453
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15454
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
15451
15455
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
15452
15456
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
15453
15457
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -15463,6 +15467,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15463
15467
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
15464
15468
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
15465
15469
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
15470
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15471
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
15466
15472
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
15467
15473
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
15468
15474
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -15532,6 +15538,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15532
15538
|
inset: 0;
|
|
15533
15539
|
content: "";
|
|
15534
15540
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
15541
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
15535
15542
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
15536
15543
|
}
|
|
15537
15544
|
|
|
@@ -15567,6 +15574,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15567
15574
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
15568
15575
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
15569
15576
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
15577
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
15570
15578
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
15571
15579
|
}
|
|
15572
15580
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -15592,6 +15600,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
15592
15600
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
15593
15601
|
cursor: pointer;
|
|
15594
15602
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
15603
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
15595
15604
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
15596
15605
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
15597
15606
|
}
|
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": "6.3.0-prerelease.
|
|
4
|
+
"version": "6.3.0-prerelease.73",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"engines": {
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"@commitlint/config-conventional": "^19.1.0",
|
|
52
52
|
"@fortawesome/fontawesome": "^1.1.8",
|
|
53
53
|
"@octokit/rest": "^20.1.0",
|
|
54
|
-
"@patternfly/documentation-framework": "6.22.
|
|
54
|
+
"@patternfly/documentation-framework": "6.22.8",
|
|
55
55
|
"@patternfly/patternfly-a11y": "5.1.0",
|
|
56
56
|
"@patternfly/react-code-editor": "6.3.1",
|
|
57
57
|
"@patternfly/react-core": "6.3.1",
|
|
@@ -24106,6 +24106,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24106
24106
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
24107
24107
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
24108
24108
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
24109
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24110
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
24109
24111
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
24110
24112
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
24111
24113
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -24115,6 +24117,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24115
24117
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
24116
24118
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
24117
24119
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
24120
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24121
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
24118
24122
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
24119
24123
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
24120
24124
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -24130,6 +24134,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24130
24134
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
24131
24135
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
24132
24136
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
24137
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24138
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
24133
24139
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
24134
24140
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
24135
24141
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -24199,6 +24205,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24199
24205
|
inset: 0;
|
|
24200
24206
|
content: "";
|
|
24201
24207
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
24208
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
24202
24209
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
24203
24210
|
}
|
|
24204
24211
|
|
|
@@ -24234,6 +24241,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24234
24241
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
24235
24242
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
24236
24243
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
24244
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24237
24245
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24238
24246
|
}
|
|
24239
24247
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -24259,6 +24267,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24259
24267
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
24260
24268
|
cursor: pointer;
|
|
24261
24269
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
24270
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
24262
24271
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
24263
24272
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
24264
24273
|
}
|
package/patternfly.css
CHANGED
|
@@ -24246,6 +24246,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24246
24246
|
--pf-v6-c-slider__rail-track--Height: 0.25rem;
|
|
24247
24247
|
--pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
24248
24248
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
|
|
24249
|
+
--pf-v6-c-slider__rail-track--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24250
|
+
--pf-v6-c-slider__rail-track--before--BorderColor: transparent;
|
|
24249
24251
|
--pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
|
|
24250
24252
|
--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
|
|
24251
24253
|
--pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
|
|
@@ -24255,6 +24257,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24255
24257
|
--pf-v6-c-slider__step-tick--Height: 0.25rem;
|
|
24256
24258
|
--pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
|
|
24257
24259
|
--pf-v6-c-slider__step-tick--TranslateX: -50%;
|
|
24260
|
+
--pf-v6-c-slider__step-tick--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24261
|
+
--pf-v6-c-slider__step-tick--BorderColor: transparent;
|
|
24258
24262
|
--pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
|
|
24259
24263
|
--pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
|
|
24260
24264
|
--pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
|
|
@@ -24270,6 +24274,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24270
24274
|
--pf-v6-c-slider__thumb--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
24271
24275
|
--pf-v6-c-slider__thumb--TranslateX: -50%;
|
|
24272
24276
|
--pf-v6-c-slider__thumb--TranslateY: -50%;
|
|
24277
|
+
--pf-v6-c-slider__thumb--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
24278
|
+
--pf-v6-c-slider__thumb--BorderColor: transparent;
|
|
24273
24279
|
--pf-v6-c-slider__thumb--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
24274
24280
|
--pf-v6-c-slider__thumb--BoxShadow--base:
|
|
24275
24281
|
0 0 0 2px var(--pf-t--global--background--color--primary--default),
|
|
@@ -24339,6 +24345,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24339
24345
|
inset: 0;
|
|
24340
24346
|
content: "";
|
|
24341
24347
|
background: linear-gradient(to var(--pf-v6-c-slider__rail-track--before--fill--direction), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor), var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop), var(--pf-v6-c-slider__rail-track--before--base--BackgroundColor) var(--pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop));
|
|
24348
|
+
border: var(--pf-v6-c-slider__rail-track--before--BorderWidth) solid var(--pf-v6-c-slider__rail-track--before--BorderColor);
|
|
24342
24349
|
border-radius: var(--pf-v6-c-slider__rail-track--before--BorderRadius);
|
|
24343
24350
|
}
|
|
24344
24351
|
|
|
@@ -24374,6 +24381,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24374
24381
|
width: var(--pf-v6-c-slider__step-tick--Width);
|
|
24375
24382
|
height: var(--pf-v6-c-slider__step-tick--Height);
|
|
24376
24383
|
background-color: var(--pf-v6-c-slider__step-tick--BackgroundColor);
|
|
24384
|
+
border: var(--pf-v6-c-slider__step-tick--BorderWidth) solid var(--pf-v6-c-slider__step-tick--BorderColor);
|
|
24377
24385
|
border-radius: var(--pf-v6-c-slider__step-tick--BorderRadius);
|
|
24378
24386
|
}
|
|
24379
24387
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-slider__step-tick {
|
|
@@ -24399,6 +24407,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
24399
24407
|
height: var(--pf-v6-c-slider__thumb--Height);
|
|
24400
24408
|
cursor: pointer;
|
|
24401
24409
|
background-color: var(--pf-v6-c-slider__thumb--BackgroundColor);
|
|
24410
|
+
border: var(--pf-v6-c-slider__thumb--BorderWidth) solid var(--pf-v6-c-slider__thumb--BorderColor);
|
|
24402
24411
|
border-radius: var(--pf-v6-c-slider__thumb--BorderRadius);
|
|
24403
24412
|
box-shadow: var(--pf-v6-c-slider__thumb--BoxShadow);
|
|
24404
24413
|
}
|