@@ -13,7 +13,7 @@ governing permissions and limitations under the License.
13
13
/* THIS FILE IS MACHINE GENERATED. DO NOT EDIT */
14
14
: host {
15
15
- - spectrum- swatch- focus- ring- bor der- radius: 8px; /* .spectrum-Swatch */
16
- - - spectrum- swatch- bor der- color - regular : rgba(0, 0, 0, 0.5 );
16
+ - - spectrum- swatch- icon - bor der- color : rgba(0, 0, 0, 0.51 );
17
17
- - spectrum- swatch- size: var(- - spectrum- swatch- size-small);
18
18
- - spectrum- swatch- bor der- radius: var(- - spectrum- cor ner- radius-100);
19
19
- - spectrum- swatch- bor der- thickness: var(- - spectrum- bor der- width-100);
@@ -28,7 +28,7 @@ governing permissions and limitations under the License.
28
28
- - spectrum- focus- ring- thickness
29
29
);
30
30
- - spectrum- swatch- focus- ring- gap: var(- - spectrum- focus- ring- gap);
31
- - - spectrum- swatch- bor der- color : var(- - spectrum- swatch - b or der - col or );
31
+ - - spectrum- swatch- bor der- color - selected : var(- - spectrum- gray-900 );
32
32
- - spectrum- swatch- inner- bor der- color - selected: var(- - spectrum- gray-50);
33
33
- - spectrum- swatch- dis abled- icon- bor der- color : var(
34
34
- - spectrum- swatch- dis abled- icon- bor der- color
@@ -81,10 +81,10 @@ governing permissions and limitations under the License.
81
81
@media (forced-colors : active) {
82
82
: host {
83
83
--highcontrast-swatch-disabled-icon-color : GrayText;
84
- --highcontrast-swatch-focus-ring-color : Highlight ;
84
+ --highcontrast-swatch-focus-ring-color : ButtonText ;
85
85
--highcontrast-swatch-background-color-selected : Background;
86
- --highcontrast-swatch-border-color : Highlight;
87
- --highcontrast-swatch-box-shadow -color : ButtonText;
86
+ --highcontrast-swatch-border-color-selected : Highlight;
87
+ --highcontrast-swatch-border -color : ButtonText;
88
88
--highcontrast-swatch-fill-foreground-color : ButtonText;
89
89
}
90
90
.fill {
@@ -250,8 +250,11 @@ governing permissions and limitations under the License.
250
250
}
251
251
: host : befor e {
252
252
bor der- color : var(
253
- --highcontrast-swatch-border-color ,
254
- var (--mod-swatch-border-color , var (--spectrum-swatch-border-color ))
253
+ --highcontrast-swatch-border-color-selected ,
254
+ var (
255
+ --mod-swatch-border-color-selected ,
256
+ var (--spectrum-swatch-border-color-selected )
257
+ )
255
258
);
256
259
bor der- style: solid;
257
260
bor der- width: var(
@@ -394,11 +397,8 @@ governing permissions and limitations under the License.
394
397
var (--spectrum-swatch-border-thickness )
395
398
)
396
399
var (
397
- --highcontrast-swatch-box-shadow-color ,
398
- var (
399
- --mod-swatch-border-color-regular ,
400
- var (--spectrum-swatch-border-color-regular )
401
- )
400
+ --highcontrast-swatch-border-color ,
401
+ var (--mod-swatch-border-color , var (--spectrum-swatch-border-color ))
402
402
);
403
403
content : '' ; /* .spectrum-Swatch-fill:before */
404
404
inset : 0 ;
@@ -449,8 +449,8 @@ governing permissions and limitations under the License.
449
449
}
450
450
.disabledIcon path : last-child {
451
451
fill : var (
452
- --mod-swatch-border-color-regular ,
453
- var (--spectrum-swatch-border-color-regular )
452
+ --mod-swatch-icon- border-color ,
453
+ var (--spectrum-swatch-icon- border-color )
454
454
); /* .spectrum-Swatch-disabledIcon path:last-child */
455
455
}
456
456
: host ([shape = 'rectangle' ]) {
0 commit comments