@i-cell/ids-styles 0.0.39 → 0.0.41
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.
- package/dist/button/button.css +72 -0
- package/dist/button/button.min.css +1 -1
- package/dist/button/button.plugin.js +72 -0
- package/dist/card/card.css +13 -3
- package/dist/card/card.min.css +1 -1
- package/dist/card/card.plugin.js +10 -2
- package/dist/components.css +115 -30
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +106 -26
- package/dist/radio/radio.css +30 -27
- package/dist/radio/radio.min.css +1 -1
- package/dist/radio/radio.plugin.js +24 -24
- package/package.json +2 -2
package/dist/components.css
CHANGED
|
@@ -1082,6 +1082,14 @@
|
|
|
1082
1082
|
.ids-button.ids-button-filled.ids-button-error:active > .ids-icon {
|
|
1083
1083
|
color: var(--ids-comp-button-filled-color-fg-icon-error-pressed);
|
|
1084
1084
|
}
|
|
1085
|
+
.ids-button.ids-button-filled.ids-button-error:disabled {
|
|
1086
|
+
color: var(--ids-comp-button-filled-color-fg-label-error-disabled);
|
|
1087
|
+
background: var(--ids-comp-button-filled-color-bg-error-disabled);
|
|
1088
|
+
border-color: var(--ids-comp-button-filled-color-border-error-disabled);
|
|
1089
|
+
}
|
|
1090
|
+
.ids-button.ids-button-filled.ids-button-error:disabled > .ids-icon {
|
|
1091
|
+
color: var(--ids-comp-button-filled-color-fg-icon-error-disabled);
|
|
1092
|
+
}
|
|
1085
1093
|
.ids-button.ids-button-filled.ids-button-success {
|
|
1086
1094
|
color: var(--ids-comp-button-filled-color-fg-label-success-default);
|
|
1087
1095
|
background: var(--ids-comp-button-filled-color-bg-success-default);
|
|
@@ -1115,6 +1123,14 @@
|
|
|
1115
1123
|
.ids-button.ids-button-filled.ids-button-success:active > .ids-icon {
|
|
1116
1124
|
color: var(--ids-comp-button-filled-color-fg-icon-success-pressed);
|
|
1117
1125
|
}
|
|
1126
|
+
.ids-button.ids-button-filled.ids-button-success:disabled {
|
|
1127
|
+
color: var(--ids-comp-button-filled-color-fg-label-success-disabled);
|
|
1128
|
+
background: var(--ids-comp-button-filled-color-bg-success-disabled);
|
|
1129
|
+
border-color: var(--ids-comp-button-filled-color-border-success-disabled);
|
|
1130
|
+
}
|
|
1131
|
+
.ids-button.ids-button-filled.ids-button-success:disabled > .ids-icon {
|
|
1132
|
+
color: var(--ids-comp-button-filled-color-fg-icon-success-disabled);
|
|
1133
|
+
}
|
|
1118
1134
|
.ids-button.ids-button-filled.ids-button-warning {
|
|
1119
1135
|
color: var(--ids-comp-button-filled-color-fg-label-warning-default);
|
|
1120
1136
|
background: var(--ids-comp-button-filled-color-bg-warning-default);
|
|
@@ -1148,6 +1164,14 @@
|
|
|
1148
1164
|
.ids-button.ids-button-filled.ids-button-warning:active > .ids-icon {
|
|
1149
1165
|
color: var(--ids-comp-button-filled-color-fg-icon-warning-pressed);
|
|
1150
1166
|
}
|
|
1167
|
+
.ids-button.ids-button-filled.ids-button-warning:disabled {
|
|
1168
|
+
color: var(--ids-comp-button-filled-color-fg-label-warning-disabled);
|
|
1169
|
+
background: var(--ids-comp-button-filled-color-bg-warning-disabled);
|
|
1170
|
+
border-color: var(--ids-comp-button-filled-color-border-warning-disabled);
|
|
1171
|
+
}
|
|
1172
|
+
.ids-button.ids-button-filled.ids-button-warning:disabled > .ids-icon {
|
|
1173
|
+
color: var(--ids-comp-button-filled-color-fg-icon-warning-disabled);
|
|
1174
|
+
}
|
|
1151
1175
|
.ids-button.ids-button-filled.ids-button-light {
|
|
1152
1176
|
color: var(--ids-comp-button-filled-color-fg-label-light-default);
|
|
1153
1177
|
background: var(--ids-comp-button-filled-color-bg-light-default);
|
|
@@ -1468,6 +1492,14 @@
|
|
|
1468
1492
|
.ids-button.ids-button-outlined.ids-button-error:active > .ids-icon {
|
|
1469
1493
|
color: var(--ids-comp-button-outlined-color-fg-icon-error-pressed);
|
|
1470
1494
|
}
|
|
1495
|
+
.ids-button.ids-button-outlined.ids-button-error:disabled {
|
|
1496
|
+
color: var(--ids-comp-button-outlined-color-fg-label-error-disabled);
|
|
1497
|
+
background: var(--ids-comp-button-outlined-color-bg-error-disabled);
|
|
1498
|
+
border-color: var(--ids-comp-button-outlined-color-border-error-disabled);
|
|
1499
|
+
}
|
|
1500
|
+
.ids-button.ids-button-outlined.ids-button-error:disabled > .ids-icon {
|
|
1501
|
+
color: var(--ids-comp-button-outlined-color-fg-icon-error-disabled);
|
|
1502
|
+
}
|
|
1471
1503
|
.ids-button.ids-button-outlined.ids-button-success {
|
|
1472
1504
|
color: var(--ids-comp-button-outlined-color-fg-label-success-default);
|
|
1473
1505
|
background: var(--ids-comp-button-outlined-color-bg-success-default);
|
|
@@ -1501,6 +1533,14 @@
|
|
|
1501
1533
|
.ids-button.ids-button-outlined.ids-button-success:active > .ids-icon {
|
|
1502
1534
|
color: var(--ids-comp-button-outlined-color-fg-icon-success-pressed);
|
|
1503
1535
|
}
|
|
1536
|
+
.ids-button.ids-button-outlined.ids-button-success:disabled {
|
|
1537
|
+
color: var(--ids-comp-button-outlined-color-fg-label-success-disabled);
|
|
1538
|
+
background: var(--ids-comp-button-outlined-color-bg-success-disabled);
|
|
1539
|
+
border-color: var(--ids-comp-button-outlined-color-border-success-disabled);
|
|
1540
|
+
}
|
|
1541
|
+
.ids-button.ids-button-outlined.ids-button-success:disabled > .ids-icon {
|
|
1542
|
+
color: var(--ids-comp-button-outlined-color-fg-icon-success-disabled);
|
|
1543
|
+
}
|
|
1504
1544
|
.ids-button.ids-button-outlined.ids-button-warning {
|
|
1505
1545
|
color: var(--ids-comp-button-outlined-color-fg-label-warning-default);
|
|
1506
1546
|
background: var(--ids-comp-button-outlined-color-bg-warning-default);
|
|
@@ -1534,6 +1574,14 @@
|
|
|
1534
1574
|
.ids-button.ids-button-outlined.ids-button-warning:active > .ids-icon {
|
|
1535
1575
|
color: var(--ids-comp-button-outlined-color-fg-icon-warning-pressed);
|
|
1536
1576
|
}
|
|
1577
|
+
.ids-button.ids-button-outlined.ids-button-warning:disabled {
|
|
1578
|
+
color: var(--ids-comp-button-outlined-color-fg-label-warning-disabled);
|
|
1579
|
+
background: var(--ids-comp-button-outlined-color-bg-warning-disabled);
|
|
1580
|
+
border-color: var(--ids-comp-button-outlined-color-border-warning-disabled);
|
|
1581
|
+
}
|
|
1582
|
+
.ids-button.ids-button-outlined.ids-button-warning:disabled > .ids-icon {
|
|
1583
|
+
color: var(--ids-comp-button-outlined-color-fg-icon-warning-disabled);
|
|
1584
|
+
}
|
|
1537
1585
|
.ids-button.ids-button-outlined.ids-button-light {
|
|
1538
1586
|
color: var(--ids-comp-button-outlined-color-fg-label-light-default);
|
|
1539
1587
|
background: var(--ids-comp-button-outlined-color-bg-light-default);
|
|
@@ -1854,6 +1902,14 @@
|
|
|
1854
1902
|
.ids-button.ids-button-text.ids-button-error:active > .ids-icon {
|
|
1855
1903
|
color: var(--ids-comp-button-text-color-fg-icon-error-pressed);
|
|
1856
1904
|
}
|
|
1905
|
+
.ids-button.ids-button-text.ids-button-error:disabled {
|
|
1906
|
+
color: var(--ids-comp-button-text-color-fg-label-error-disabled);
|
|
1907
|
+
background: var(--ids-comp-button-text-color-bg-error-disabled);
|
|
1908
|
+
border-color: var(--ids-comp-button-text-color-border-error-default);
|
|
1909
|
+
}
|
|
1910
|
+
.ids-button.ids-button-text.ids-button-error:disabled > .ids-icon {
|
|
1911
|
+
color: var(--ids-comp-button-text-color-fg-icon-error-disabled);
|
|
1912
|
+
}
|
|
1857
1913
|
.ids-button.ids-button-text.ids-button-success {
|
|
1858
1914
|
color: var(--ids-comp-button-text-color-fg-label-success-default);
|
|
1859
1915
|
background: var(--ids-comp-button-text-color-bg-success-default);
|
|
@@ -1887,6 +1943,14 @@
|
|
|
1887
1943
|
.ids-button.ids-button-text.ids-button-success:active > .ids-icon {
|
|
1888
1944
|
color: var(--ids-comp-button-text-color-fg-icon-success-pressed);
|
|
1889
1945
|
}
|
|
1946
|
+
.ids-button.ids-button-text.ids-button-success:disabled {
|
|
1947
|
+
color: var(--ids-comp-button-text-color-fg-label-success-disabled);
|
|
1948
|
+
background: var(--ids-comp-button-text-color-bg-success-disabled);
|
|
1949
|
+
border-color: var(--ids-comp-button-text-color-border-success-default);
|
|
1950
|
+
}
|
|
1951
|
+
.ids-button.ids-button-text.ids-button-success:disabled > .ids-icon {
|
|
1952
|
+
color: var(--ids-comp-button-text-color-fg-icon-success-disabled);
|
|
1953
|
+
}
|
|
1890
1954
|
.ids-button.ids-button-text.ids-button-warning {
|
|
1891
1955
|
color: var(--ids-comp-button-text-color-fg-label-warning-default);
|
|
1892
1956
|
background: var(--ids-comp-button-text-color-bg-warning-default);
|
|
@@ -1920,6 +1984,14 @@
|
|
|
1920
1984
|
.ids-button.ids-button-text.ids-button-warning:active > .ids-icon {
|
|
1921
1985
|
color: var(--ids-comp-button-text-color-fg-icon-warning-pressed);
|
|
1922
1986
|
}
|
|
1987
|
+
.ids-button.ids-button-text.ids-button-warning:disabled {
|
|
1988
|
+
color: var(--ids-comp-button-text-color-fg-label-warning-disabled);
|
|
1989
|
+
background: var(--ids-comp-button-text-color-bg-warning-disabled);
|
|
1990
|
+
border-color: var(--ids-comp-button-text-color-border-warning-default);
|
|
1991
|
+
}
|
|
1992
|
+
.ids-button.ids-button-text.ids-button-warning:disabled > .ids-icon {
|
|
1993
|
+
color: var(--ids-comp-button-text-color-fg-icon-warning-disabled);
|
|
1994
|
+
}
|
|
1923
1995
|
.ids-button.ids-button-text.ids-button-light {
|
|
1924
1996
|
color: var(--ids-comp-button-text-color-fg-label-light-default);
|
|
1925
1997
|
background: var(--ids-comp-button-text-color-bg-light-default);
|
|
@@ -2091,9 +2163,6 @@
|
|
|
2091
2163
|
border-style: none;
|
|
2092
2164
|
border-color: transparent;
|
|
2093
2165
|
line-height: 1.5;
|
|
2094
|
-
display: flex;
|
|
2095
|
-
border-style: solid;
|
|
2096
|
-
box-sizing: border-box;
|
|
2097
2166
|
}
|
|
2098
2167
|
.ids-card::before, .ids-card::after, .ids-card *, .ids-card ::before, .ids-card ::after {
|
|
2099
2168
|
box-sizing: border-box;
|
|
@@ -2101,6 +2170,11 @@
|
|
|
2101
2170
|
border-style: none;
|
|
2102
2171
|
border-color: transparent;
|
|
2103
2172
|
}
|
|
2173
|
+
|
|
2174
|
+
.ids-card {
|
|
2175
|
+
display: flex;
|
|
2176
|
+
box-sizing: border-box;
|
|
2177
|
+
}
|
|
2104
2178
|
.ids-card.ids-card-clickable {
|
|
2105
2179
|
pointer-events: auto;
|
|
2106
2180
|
cursor: pointer;
|
|
@@ -2177,6 +2251,7 @@
|
|
|
2177
2251
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-compact);
|
|
2178
2252
|
}
|
|
2179
2253
|
.ids-card.ids-card-compact.ids-card-horizontal.ids-card-outlined {
|
|
2254
|
+
border-style: solid;
|
|
2180
2255
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-compact);
|
|
2181
2256
|
}
|
|
2182
2257
|
.ids-card.ids-card-compact.ids-card-vertical {
|
|
@@ -2185,6 +2260,7 @@
|
|
|
2185
2260
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-compact);
|
|
2186
2261
|
}
|
|
2187
2262
|
.ids-card.ids-card-compact.ids-card-vertical.ids-card-outlined {
|
|
2263
|
+
border-style: solid;
|
|
2188
2264
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-compact);
|
|
2189
2265
|
}
|
|
2190
2266
|
.ids-card.ids-card-compact.ids-card-clickable:focus {
|
|
@@ -2220,6 +2296,7 @@
|
|
|
2220
2296
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-comfortable);
|
|
2221
2297
|
}
|
|
2222
2298
|
.ids-card.ids-card-comfortable.ids-card-horizontal.ids-card-outlined {
|
|
2299
|
+
border-style: solid;
|
|
2223
2300
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-comfortable);
|
|
2224
2301
|
}
|
|
2225
2302
|
.ids-card.ids-card-comfortable.ids-card-vertical {
|
|
@@ -2228,6 +2305,7 @@
|
|
|
2228
2305
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-comfortable);
|
|
2229
2306
|
}
|
|
2230
2307
|
.ids-card.ids-card-comfortable.ids-card-vertical.ids-card-outlined {
|
|
2308
|
+
border-style: solid;
|
|
2231
2309
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-comfortable);
|
|
2232
2310
|
}
|
|
2233
2311
|
.ids-card.ids-card-comfortable.ids-card-clickable:focus {
|
|
@@ -2263,6 +2341,7 @@
|
|
|
2263
2341
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-spacious);
|
|
2264
2342
|
}
|
|
2265
2343
|
.ids-card.ids-card-spacious.ids-card-horizontal.ids-card-outlined {
|
|
2344
|
+
border-style: solid;
|
|
2266
2345
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-spacious);
|
|
2267
2346
|
}
|
|
2268
2347
|
.ids-card.ids-card-spacious.ids-card-vertical {
|
|
@@ -2271,6 +2350,7 @@
|
|
|
2271
2350
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-spacious);
|
|
2272
2351
|
}
|
|
2273
2352
|
.ids-card.ids-card-spacious.ids-card-vertical.ids-card-outlined {
|
|
2353
|
+
border-style: solid;
|
|
2274
2354
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-spacious);
|
|
2275
2355
|
}
|
|
2276
2356
|
.ids-card.ids-card-spacious.ids-card-clickable:focus {
|
|
@@ -2306,6 +2386,7 @@
|
|
|
2306
2386
|
border-radius: var(--ids-comp-card-container-horizontal-size-border-radius-dense);
|
|
2307
2387
|
}
|
|
2308
2388
|
.ids-card.ids-card-dense.ids-card-horizontal.ids-card-outlined {
|
|
2389
|
+
border-style: solid;
|
|
2309
2390
|
border-width: var(--ids-comp-card-container-horizontal-size-border-width-dense);
|
|
2310
2391
|
}
|
|
2311
2392
|
.ids-card.ids-card-dense.ids-card-vertical {
|
|
@@ -2314,6 +2395,7 @@
|
|
|
2314
2395
|
border-radius: var(--ids-comp-card-container-vertical-size-border-radius-dense);
|
|
2315
2396
|
}
|
|
2316
2397
|
.ids-card.ids-card-dense.ids-card-vertical.ids-card-outlined {
|
|
2398
|
+
border-style: solid;
|
|
2317
2399
|
border-width: var(--ids-comp-card-container-vertical-size-border-width-dense);
|
|
2318
2400
|
}
|
|
2319
2401
|
.ids-card.ids-card-dense.ids-card-clickable:focus {
|
|
@@ -9548,9 +9630,6 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9548
9630
|
border-style: none;
|
|
9549
9631
|
border-color: transparent;
|
|
9550
9632
|
line-height: 1.5;
|
|
9551
|
-
display: inline-flex;
|
|
9552
|
-
align-items: flex-start;
|
|
9553
|
-
justify-content: start;
|
|
9554
9633
|
}
|
|
9555
9634
|
.ids-radio-group::before, .ids-radio-group::after, .ids-radio-group *, .ids-radio-group ::before, .ids-radio-group ::after {
|
|
9556
9635
|
box-sizing: border-box;
|
|
@@ -9558,6 +9637,12 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9558
9637
|
border-style: none;
|
|
9559
9638
|
border-color: transparent;
|
|
9560
9639
|
}
|
|
9640
|
+
|
|
9641
|
+
.ids-radio-group {
|
|
9642
|
+
display: inline-flex;
|
|
9643
|
+
align-items: flex-start;
|
|
9644
|
+
justify-content: start;
|
|
9645
|
+
}
|
|
9561
9646
|
.ids-radio-group.ids-radio-group-horizontal {
|
|
9562
9647
|
flex-direction: row;
|
|
9563
9648
|
}
|
|
@@ -9655,32 +9740,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9655
9740
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-compact) var(--ids-comp-radio-group-vertical-container-size-padding-x-compact);
|
|
9656
9741
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-compact);
|
|
9657
9742
|
}
|
|
9658
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9743
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio {
|
|
9659
9744
|
padding: var(--ids-comp-radio-button-container-size-padding-y-compact) var(--ids-comp-radio-button-container-size-padding-x-compact);
|
|
9660
9745
|
gap: var(--ids-comp-radio-button-container-size-gap-compact);
|
|
9661
9746
|
}
|
|
9662
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9747
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9663
9748
|
top: calc((var(--ids-comp-radio-button-input-size-height-compact) - var(--ids-comp-radio-button-input-size-touchtarget-height-compact)) / 2);
|
|
9664
9749
|
left: calc((var(--ids-comp-radio-button-input-size-width-compact) - var(--ids-comp-radio-button-input-size-touchtarget-width-compact)) / 2);
|
|
9665
9750
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-compact);
|
|
9666
9751
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-compact);
|
|
9667
9752
|
}
|
|
9668
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9753
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9669
9754
|
width: var(--ids-comp-radio-button-input-size-width-compact);
|
|
9670
9755
|
height: var(--ids-comp-radio-button-input-size-height-compact);
|
|
9671
9756
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-compact);
|
|
9672
9757
|
border-width: var(--ids-comp-radio-button-input-size-border-width-compact);
|
|
9673
9758
|
}
|
|
9674
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9759
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9675
9760
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-compact);
|
|
9676
9761
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-compact);
|
|
9677
9762
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-compact);
|
|
9678
9763
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-compact);
|
|
9679
9764
|
}
|
|
9680
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9765
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9681
9766
|
outline-width: var(--ids-comp-radio-focused-outline-outline-compact);
|
|
9682
9767
|
}
|
|
9683
|
-
.ids-radio-group.ids-radio-group-compact
|
|
9768
|
+
.ids-radio-group.ids-radio-group-compact .ids-radio .ids-radio__label {
|
|
9684
9769
|
padding: var(--ids-comp-radio-button-label-size-padding-y-compact) 0px;
|
|
9685
9770
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-compact);
|
|
9686
9771
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-compact);
|
|
@@ -9696,32 +9781,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9696
9781
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-comfortable) var(--ids-comp-radio-group-vertical-container-size-padding-x-comfortable);
|
|
9697
9782
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-comfortable);
|
|
9698
9783
|
}
|
|
9699
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9784
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio {
|
|
9700
9785
|
padding: var(--ids-comp-radio-button-container-size-padding-y-comfortable) var(--ids-comp-radio-button-container-size-padding-x-comfortable);
|
|
9701
9786
|
gap: var(--ids-comp-radio-button-container-size-gap-comfortable);
|
|
9702
9787
|
}
|
|
9703
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9788
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9704
9789
|
top: calc((var(--ids-comp-radio-button-input-size-height-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable)) / 2);
|
|
9705
9790
|
left: calc((var(--ids-comp-radio-button-input-size-width-comfortable) - var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable)) / 2);
|
|
9706
9791
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-comfortable);
|
|
9707
9792
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-comfortable);
|
|
9708
9793
|
}
|
|
9709
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9794
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9710
9795
|
width: var(--ids-comp-radio-button-input-size-width-comfortable);
|
|
9711
9796
|
height: var(--ids-comp-radio-button-input-size-height-comfortable);
|
|
9712
9797
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-comfortable);
|
|
9713
9798
|
border-width: var(--ids-comp-radio-button-input-size-border-width-comfortable);
|
|
9714
9799
|
}
|
|
9715
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9800
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9716
9801
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-comfortable);
|
|
9717
9802
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-comfortable);
|
|
9718
9803
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-comfortable);
|
|
9719
9804
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-comfortable);
|
|
9720
9805
|
}
|
|
9721
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9806
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9722
9807
|
outline-width: var(--ids-comp-radio-focused-outline-outline-comfortable);
|
|
9723
9808
|
}
|
|
9724
|
-
.ids-radio-group.ids-radio-group-comfortable
|
|
9809
|
+
.ids-radio-group.ids-radio-group-comfortable .ids-radio .ids-radio__label {
|
|
9725
9810
|
padding: var(--ids-comp-radio-button-label-size-padding-y-comfortable) 0px;
|
|
9726
9811
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-comfortable);
|
|
9727
9812
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-comfortable);
|
|
@@ -9737,32 +9822,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9737
9822
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-spacious) var(--ids-comp-radio-group-vertical-container-size-padding-x-spacious);
|
|
9738
9823
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-spacious);
|
|
9739
9824
|
}
|
|
9740
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9825
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio {
|
|
9741
9826
|
padding: var(--ids-comp-radio-button-container-size-padding-y-spacious) var(--ids-comp-radio-button-container-size-padding-x-spacious);
|
|
9742
9827
|
gap: var(--ids-comp-radio-button-container-size-gap-spacious);
|
|
9743
9828
|
}
|
|
9744
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9829
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9745
9830
|
top: calc((var(--ids-comp-radio-button-input-size-height-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-height-spacious)) / 2);
|
|
9746
9831
|
left: calc((var(--ids-comp-radio-button-input-size-width-spacious) - var(--ids-comp-radio-button-input-size-touchtarget-width-spacious)) / 2);
|
|
9747
9832
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-spacious);
|
|
9748
9833
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-spacious);
|
|
9749
9834
|
}
|
|
9750
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9835
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9751
9836
|
width: var(--ids-comp-radio-button-input-size-width-spacious);
|
|
9752
9837
|
height: var(--ids-comp-radio-button-input-size-height-spacious);
|
|
9753
9838
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-spacious);
|
|
9754
9839
|
border-width: var(--ids-comp-radio-button-input-size-border-width-spacious);
|
|
9755
9840
|
}
|
|
9756
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9841
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9757
9842
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-spacious);
|
|
9758
9843
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-spacious);
|
|
9759
9844
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-spacious);
|
|
9760
9845
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-spacious);
|
|
9761
9846
|
}
|
|
9762
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9847
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9763
9848
|
outline-width: var(--ids-comp-radio-focused-outline-outline-spacious);
|
|
9764
9849
|
}
|
|
9765
|
-
.ids-radio-group.ids-radio-group-spacious
|
|
9850
|
+
.ids-radio-group.ids-radio-group-spacious .ids-radio .ids-radio__label {
|
|
9766
9851
|
padding: var(--ids-comp-radio-button-label-size-padding-y-spacious) 0px;
|
|
9767
9852
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-spacious);
|
|
9768
9853
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-spacious);
|
|
@@ -9778,32 +9863,32 @@ a.ids-menu-item:link, a.ids-menu-item:visited {
|
|
|
9778
9863
|
padding: var(--ids-comp-radio-group-vertical-container-size-padding-y-dense) var(--ids-comp-radio-group-vertical-container-size-padding-x-dense);
|
|
9779
9864
|
gap: var(--ids-comp-radio-group-vertical-container-size-gap-dense);
|
|
9780
9865
|
}
|
|
9781
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9866
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio {
|
|
9782
9867
|
padding: var(--ids-comp-radio-button-container-size-padding-y-dense) var(--ids-comp-radio-button-container-size-padding-x-dense);
|
|
9783
9868
|
gap: var(--ids-comp-radio-button-container-size-gap-dense);
|
|
9784
9869
|
}
|
|
9785
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9870
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper .ids-radio__touch-target {
|
|
9786
9871
|
top: calc((var(--ids-comp-radio-button-input-size-height-dense) - var(--ids-comp-radio-button-input-size-touchtarget-height-dense)) / 2);
|
|
9787
9872
|
left: calc((var(--ids-comp-radio-button-input-size-width-dense) - var(--ids-comp-radio-button-input-size-touchtarget-width-dense)) / 2);
|
|
9788
9873
|
height: var(--ids-comp-radio-button-input-size-touchtarget-height-dense);
|
|
9789
9874
|
width: var(--ids-comp-radio-button-input-size-touchtarget-width-dense);
|
|
9790
9875
|
}
|
|
9791
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9876
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio] {
|
|
9792
9877
|
width: var(--ids-comp-radio-button-input-size-width-dense);
|
|
9793
9878
|
height: var(--ids-comp-radio-button-input-size-height-dense);
|
|
9794
9879
|
border-radius: var(--ids-comp-radio-button-input-size-border-radius-dense);
|
|
9795
9880
|
border-width: var(--ids-comp-radio-button-input-size-border-width-dense);
|
|
9796
9881
|
}
|
|
9797
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9882
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:checked + .ids-radio__inner-circle {
|
|
9798
9883
|
width: var(--ids-comp-radio-button-input-inner-circle-size-width-dense);
|
|
9799
9884
|
height: var(--ids-comp-radio-button-input-inner-circle-size-height-dense);
|
|
9800
9885
|
border-radius: var(--ids-comp-radio-button-input-inner-circle-size-border-radius-dense);
|
|
9801
9886
|
border-width: var(--ids-comp-radio-button-input-inner-circle-size-border-width-dense);
|
|
9802
9887
|
}
|
|
9803
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9888
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus, .ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__input-wrapper input[type=radio]:focus-visible {
|
|
9804
9889
|
outline-width: var(--ids-comp-radio-focused-outline-outline-dense);
|
|
9805
9890
|
}
|
|
9806
|
-
.ids-radio-group.ids-radio-group-dense
|
|
9891
|
+
.ids-radio-group.ids-radio-group-dense .ids-radio .ids-radio__label {
|
|
9807
9892
|
padding: var(--ids-comp-radio-button-label-size-padding-y-dense) 0px;
|
|
9808
9893
|
font-family: var(--ids-comp-radio-button-label-typography-font-family-dense);
|
|
9809
9894
|
font-size: var(--ids-comp-radio-button-label-typography-font-size-dense);
|