@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.
Files changed (8) hide show
  1. package/components/Slider/slider.css +9 -0
  2. package/components/Slider/slider.scss +9 -0
  3. package/components/_index.css +9 -0
  4. package/package.json +2 -2
  5. package/patternfly-no-globals.css +9 -0
  6. package/patternfly.css +9 -0
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/Slider/slider.css CHANGED
@@ -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
  }
package/components/Slider/slider.scss CHANGED
@@ -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.72",
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.7",
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",
package/patternfly-no-globals.css CHANGED
@@ -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
  }