@limetech/lime-elements 34.1.0-next.26 → 34.1.0-next.27
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/cjs/limel-color-picker-palette_2.cjs.entry.js +1 -1
- package/dist/cjs/limel-grid.cjs.entry.js +1 -1
- package/dist/cjs/limel-list_3.cjs.entry.js +1 -1
- package/dist/cjs/limel-menu-list.cjs.entry.js +1 -1
- package/dist/collection/components/color-picker/color-picker-palette.css +1 -1
- package/dist/collection/components/grid/grid.css +1 -1
- package/dist/collection/components/list/list.css +317 -1
- package/dist/collection/components/menu-list/menu-list.css +317 -1
- package/dist/esm/limel-color-picker-palette_2.entry.js +1 -1
- package/dist/esm/limel-grid.entry.js +1 -1
- package/dist/esm/limel-list_3.entry.js +1 -1
- package/dist/esm/limel-menu-list.entry.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-1876a96a.entry.js +1 -0
- package/dist/lime-elements/{p-b09fec17.entry.js → p-33d5b799.entry.js} +1 -1
- package/dist/lime-elements/{p-34ddd809.entry.js → p-5b2bcc12.entry.js} +4 -4
- package/dist/lime-elements/{p-b386bfeb.entry.js → p-a2cf74c1.entry.js} +1 -1
- package/package.json +1 -1
- package/dist/lime-elements/p-fd25da7b.entry.js +0 -1
|
@@ -23,7 +23,7 @@ slot {
|
|
|
23
23
|
display: grid;
|
|
24
24
|
grid-template-areas: var(--lime-grid-area, "");
|
|
25
25
|
grid-template-columns: repeat(var(--lime-grid-columns, 4), minmax(0, 1fr));
|
|
26
|
-
|
|
26
|
+
gap: var(--lime-grid-gutter, 1rem);
|
|
27
27
|
grid-auto-flow: row dense;
|
|
28
28
|
grid-auto-rows: var(--lime-grid-cell-height, 2.5rem);
|
|
29
29
|
margin: 0;
|
|
@@ -4067,6 +4067,322 @@ a.mdc-list-item {
|
|
|
4067
4067
|
opacity: 0;
|
|
4068
4068
|
}
|
|
4069
4069
|
}
|
|
4070
|
+
.mdc-radio {
|
|
4071
|
+
padding: 10px;
|
|
4072
|
+
display: inline-block;
|
|
4073
|
+
position: relative;
|
|
4074
|
+
flex: 0 0 auto;
|
|
4075
|
+
box-sizing: content-box;
|
|
4076
|
+
width: 20px;
|
|
4077
|
+
height: 20px;
|
|
4078
|
+
cursor: pointer;
|
|
4079
|
+
/* @alternate */
|
|
4080
|
+
will-change: opacity, transform, border-color, color;
|
|
4081
|
+
}
|
|
4082
|
+
|
|
4083
|
+
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4084
|
+
border-color: rgba(0, 0, 0, 0.54);
|
|
4085
|
+
}
|
|
4086
|
+
|
|
4087
|
+
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4088
|
+
border-color: #575756;
|
|
4089
|
+
/* @alternate */
|
|
4090
|
+
border-color: var(--mdc-theme-secondary, #575756);
|
|
4091
|
+
}
|
|
4092
|
+
|
|
4093
|
+
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4094
|
+
border-color: #575756;
|
|
4095
|
+
/* @alternate */
|
|
4096
|
+
border-color: var(--mdc-theme-secondary, #575756);
|
|
4097
|
+
}
|
|
4098
|
+
|
|
4099
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4100
|
+
.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4101
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4102
|
+
}
|
|
4103
|
+
|
|
4104
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4105
|
+
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4106
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4107
|
+
}
|
|
4108
|
+
|
|
4109
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4110
|
+
.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4111
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4112
|
+
}
|
|
4113
|
+
|
|
4114
|
+
.mdc-radio .mdc-radio__background::before {
|
|
4115
|
+
background-color: #575756;
|
|
4116
|
+
/* @alternate */
|
|
4117
|
+
background-color: var(--mdc-theme-secondary, #575756);
|
|
4118
|
+
}
|
|
4119
|
+
|
|
4120
|
+
.mdc-radio .mdc-radio__background::before {
|
|
4121
|
+
top: -10px;
|
|
4122
|
+
left: -10px;
|
|
4123
|
+
width: 40px;
|
|
4124
|
+
height: 40px;
|
|
4125
|
+
}
|
|
4126
|
+
|
|
4127
|
+
.mdc-radio .mdc-radio__native-control {
|
|
4128
|
+
top: 0px;
|
|
4129
|
+
right: 0px;
|
|
4130
|
+
left: 0px;
|
|
4131
|
+
width: 40px;
|
|
4132
|
+
height: 40px;
|
|
4133
|
+
}
|
|
4134
|
+
|
|
4135
|
+
@media screen and (-ms-high-contrast: active) {
|
|
4136
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4137
|
+
.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4138
|
+
border-color: GrayText;
|
|
4139
|
+
}
|
|
4140
|
+
|
|
4141
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4142
|
+
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4143
|
+
border-color: GrayText;
|
|
4144
|
+
}
|
|
4145
|
+
|
|
4146
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4147
|
+
.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4148
|
+
border-color: GrayText;
|
|
4149
|
+
}
|
|
4150
|
+
}
|
|
4151
|
+
.mdc-radio__background {
|
|
4152
|
+
display: inline-block;
|
|
4153
|
+
position: relative;
|
|
4154
|
+
box-sizing: border-box;
|
|
4155
|
+
width: 20px;
|
|
4156
|
+
height: 20px;
|
|
4157
|
+
}
|
|
4158
|
+
|
|
4159
|
+
.mdc-radio__background::before {
|
|
4160
|
+
position: absolute;
|
|
4161
|
+
transform: scale(0, 0);
|
|
4162
|
+
border-radius: 50%;
|
|
4163
|
+
opacity: 0;
|
|
4164
|
+
pointer-events: none;
|
|
4165
|
+
content: "";
|
|
4166
|
+
transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4167
|
+
}
|
|
4168
|
+
|
|
4169
|
+
.mdc-radio__outer-circle {
|
|
4170
|
+
position: absolute;
|
|
4171
|
+
top: 0;
|
|
4172
|
+
left: 0;
|
|
4173
|
+
box-sizing: border-box;
|
|
4174
|
+
width: 100%;
|
|
4175
|
+
height: 100%;
|
|
4176
|
+
border-width: 2px;
|
|
4177
|
+
border-style: solid;
|
|
4178
|
+
border-radius: 50%;
|
|
4179
|
+
transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4180
|
+
}
|
|
4181
|
+
|
|
4182
|
+
.mdc-radio__inner-circle {
|
|
4183
|
+
position: absolute;
|
|
4184
|
+
top: 0;
|
|
4185
|
+
left: 0;
|
|
4186
|
+
box-sizing: border-box;
|
|
4187
|
+
width: 100%;
|
|
4188
|
+
height: 100%;
|
|
4189
|
+
transform: scale(0, 0);
|
|
4190
|
+
border-width: 10px;
|
|
4191
|
+
border-style: solid;
|
|
4192
|
+
border-radius: 50%;
|
|
4193
|
+
transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4194
|
+
}
|
|
4195
|
+
|
|
4196
|
+
.mdc-radio__native-control {
|
|
4197
|
+
position: absolute;
|
|
4198
|
+
margin: 0;
|
|
4199
|
+
padding: 0;
|
|
4200
|
+
opacity: 0;
|
|
4201
|
+
cursor: inherit;
|
|
4202
|
+
z-index: 1;
|
|
4203
|
+
}
|
|
4204
|
+
|
|
4205
|
+
.mdc-radio--touch {
|
|
4206
|
+
margin-top: 4px;
|
|
4207
|
+
margin-bottom: 4px;
|
|
4208
|
+
margin-right: 4px;
|
|
4209
|
+
margin-left: 4px;
|
|
4210
|
+
}
|
|
4211
|
+
|
|
4212
|
+
.mdc-radio--touch .mdc-radio__native-control {
|
|
4213
|
+
top: -4px;
|
|
4214
|
+
right: -4px;
|
|
4215
|
+
left: -4px;
|
|
4216
|
+
width: 48px;
|
|
4217
|
+
height: 48px;
|
|
4218
|
+
}
|
|
4219
|
+
|
|
4220
|
+
.mdc-radio__native-control:checked + .mdc-radio__background,
|
|
4221
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background {
|
|
4222
|
+
transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4223
|
+
}
|
|
4224
|
+
|
|
4225
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4226
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4227
|
+
transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4228
|
+
}
|
|
4229
|
+
|
|
4230
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4231
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4232
|
+
transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4233
|
+
}
|
|
4234
|
+
|
|
4235
|
+
.mdc-radio--disabled {
|
|
4236
|
+
cursor: default;
|
|
4237
|
+
pointer-events: none;
|
|
4238
|
+
}
|
|
4239
|
+
|
|
4240
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4241
|
+
transform: scale(0.5);
|
|
4242
|
+
transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4243
|
+
}
|
|
4244
|
+
|
|
4245
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background,
|
|
4246
|
+
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
|
|
4247
|
+
cursor: default;
|
|
4248
|
+
}
|
|
4249
|
+
|
|
4250
|
+
.mdc-radio__native-control:focus + .mdc-radio__background::before {
|
|
4251
|
+
transform: scale(1);
|
|
4252
|
+
opacity: 0.12;
|
|
4253
|
+
transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4254
|
+
}
|
|
4255
|
+
|
|
4256
|
+
.mdc-radio {
|
|
4257
|
+
--mdc-ripple-fg-size: 0;
|
|
4258
|
+
--mdc-ripple-left: 0;
|
|
4259
|
+
--mdc-ripple-top: 0;
|
|
4260
|
+
--mdc-ripple-fg-scale: 1;
|
|
4261
|
+
--mdc-ripple-fg-translate-end: 0;
|
|
4262
|
+
--mdc-ripple-fg-translate-start: 0;
|
|
4263
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
4264
|
+
will-change: transform, opacity;
|
|
4265
|
+
}
|
|
4266
|
+
|
|
4267
|
+
.mdc-radio .mdc-radio__ripple::before,
|
|
4268
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4269
|
+
position: absolute;
|
|
4270
|
+
border-radius: 50%;
|
|
4271
|
+
opacity: 0;
|
|
4272
|
+
pointer-events: none;
|
|
4273
|
+
content: "";
|
|
4274
|
+
}
|
|
4275
|
+
|
|
4276
|
+
.mdc-radio .mdc-radio__ripple::before {
|
|
4277
|
+
transition: opacity 15ms linear, background-color 15ms linear;
|
|
4278
|
+
z-index: 1;
|
|
4279
|
+
/* @alternate */
|
|
4280
|
+
z-index: var(--mdc-ripple-z-index, 1);
|
|
4281
|
+
}
|
|
4282
|
+
|
|
4283
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4284
|
+
z-index: 0;
|
|
4285
|
+
/* @alternate */
|
|
4286
|
+
z-index: var(--mdc-ripple-z-index, 0);
|
|
4287
|
+
}
|
|
4288
|
+
|
|
4289
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
|
|
4290
|
+
transform: scale(var(--mdc-ripple-fg-scale, 1));
|
|
4291
|
+
}
|
|
4292
|
+
|
|
4293
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4294
|
+
top: 0;
|
|
4295
|
+
/* @noflip */
|
|
4296
|
+
left: 0;
|
|
4297
|
+
transform: scale(0);
|
|
4298
|
+
transform-origin: center center;
|
|
4299
|
+
}
|
|
4300
|
+
|
|
4301
|
+
.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
|
|
4302
|
+
top: var(--mdc-ripple-top, 0);
|
|
4303
|
+
/* @noflip */
|
|
4304
|
+
left: var(--mdc-ripple-left, 0);
|
|
4305
|
+
}
|
|
4306
|
+
|
|
4307
|
+
.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
|
|
4308
|
+
animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
|
4309
|
+
}
|
|
4310
|
+
|
|
4311
|
+
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
|
|
4312
|
+
animation: mdc-ripple-fg-opacity-out 150ms;
|
|
4313
|
+
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
|
4314
|
+
}
|
|
4315
|
+
|
|
4316
|
+
.mdc-radio .mdc-radio__ripple::before,
|
|
4317
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4318
|
+
top: calc(50% - 50%);
|
|
4319
|
+
/* @noflip */
|
|
4320
|
+
left: calc(50% - 50%);
|
|
4321
|
+
width: 100%;
|
|
4322
|
+
height: 100%;
|
|
4323
|
+
}
|
|
4324
|
+
|
|
4325
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
|
|
4326
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4327
|
+
top: var(--mdc-ripple-top, calc(50% - 50%));
|
|
4328
|
+
/* @noflip */
|
|
4329
|
+
left: var(--mdc-ripple-left, calc(50% - 50%));
|
|
4330
|
+
width: var(--mdc-ripple-fg-size, 100%);
|
|
4331
|
+
height: var(--mdc-ripple-fg-size, 100%);
|
|
4332
|
+
}
|
|
4333
|
+
|
|
4334
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4335
|
+
width: var(--mdc-ripple-fg-size, 100%);
|
|
4336
|
+
height: var(--mdc-ripple-fg-size, 100%);
|
|
4337
|
+
}
|
|
4338
|
+
|
|
4339
|
+
.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
|
|
4340
|
+
background-color: #575756;
|
|
4341
|
+
/* @alternate */
|
|
4342
|
+
background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #575756));
|
|
4343
|
+
}
|
|
4344
|
+
|
|
4345
|
+
.mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {
|
|
4346
|
+
opacity: 0.04;
|
|
4347
|
+
/* @alternate */
|
|
4348
|
+
opacity: var(--mdc-ripple-hover-opacity, 0.04);
|
|
4349
|
+
}
|
|
4350
|
+
|
|
4351
|
+
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
|
|
4352
|
+
transition-duration: 75ms;
|
|
4353
|
+
opacity: 0.12;
|
|
4354
|
+
/* @alternate */
|
|
4355
|
+
opacity: var(--mdc-ripple-focus-opacity, 0.12);
|
|
4356
|
+
}
|
|
4357
|
+
|
|
4358
|
+
.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
|
|
4359
|
+
transition: opacity 150ms linear;
|
|
4360
|
+
}
|
|
4361
|
+
|
|
4362
|
+
.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
|
|
4363
|
+
transition-duration: 75ms;
|
|
4364
|
+
opacity: 0.12;
|
|
4365
|
+
/* @alternate */
|
|
4366
|
+
opacity: var(--mdc-ripple-press-opacity, 0.12);
|
|
4367
|
+
}
|
|
4368
|
+
|
|
4369
|
+
.mdc-radio.mdc-ripple-upgraded {
|
|
4370
|
+
--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
|
|
4371
|
+
}
|
|
4372
|
+
|
|
4373
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
|
|
4374
|
+
content: none;
|
|
4375
|
+
}
|
|
4376
|
+
|
|
4377
|
+
.mdc-radio__ripple {
|
|
4378
|
+
position: absolute;
|
|
4379
|
+
top: 0;
|
|
4380
|
+
left: 0;
|
|
4381
|
+
width: 100%;
|
|
4382
|
+
height: 100%;
|
|
4383
|
+
pointer-events: none;
|
|
4384
|
+
}
|
|
4385
|
+
|
|
4070
4386
|
.mdc-form-field {
|
|
4071
4387
|
-moz-osx-font-smoothing: grayscale;
|
|
4072
4388
|
-webkit-font-smoothing: antialiased;
|
|
@@ -4228,7 +4544,7 @@ a.mdc-list-item {
|
|
|
4228
4544
|
}
|
|
4229
4545
|
:host(.has-grid-layout) .mdc-deprecated-list {
|
|
4230
4546
|
display: grid;
|
|
4231
|
-
|
|
4547
|
+
gap: var(--gap);
|
|
4232
4548
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, max(calc(var(--list-grid-item-max-width, 10rem) - var(--gap)), var(--list-grid-item-min-width, 7.5rem))), 1fr));
|
|
4233
4549
|
max-width: var(--list-grid-max-width, 100%);
|
|
4234
4550
|
}
|
|
@@ -4073,6 +4073,322 @@ a.mdc-list-item {
|
|
|
4073
4073
|
opacity: 0;
|
|
4074
4074
|
}
|
|
4075
4075
|
}
|
|
4076
|
+
.mdc-radio {
|
|
4077
|
+
padding: 10px;
|
|
4078
|
+
display: inline-block;
|
|
4079
|
+
position: relative;
|
|
4080
|
+
flex: 0 0 auto;
|
|
4081
|
+
box-sizing: content-box;
|
|
4082
|
+
width: 20px;
|
|
4083
|
+
height: 20px;
|
|
4084
|
+
cursor: pointer;
|
|
4085
|
+
/* @alternate */
|
|
4086
|
+
will-change: opacity, transform, border-color, color;
|
|
4087
|
+
}
|
|
4088
|
+
|
|
4089
|
+
.mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4090
|
+
border-color: rgba(0, 0, 0, 0.54);
|
|
4091
|
+
}
|
|
4092
|
+
|
|
4093
|
+
.mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4094
|
+
border-color: #575756;
|
|
4095
|
+
/* @alternate */
|
|
4096
|
+
border-color: var(--mdc-theme-secondary, #575756);
|
|
4097
|
+
}
|
|
4098
|
+
|
|
4099
|
+
.mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4100
|
+
border-color: #575756;
|
|
4101
|
+
/* @alternate */
|
|
4102
|
+
border-color: var(--mdc-theme-secondary, #575756);
|
|
4103
|
+
}
|
|
4104
|
+
|
|
4105
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4106
|
+
.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4107
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4108
|
+
}
|
|
4109
|
+
|
|
4110
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4111
|
+
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4112
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4113
|
+
}
|
|
4114
|
+
|
|
4115
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4116
|
+
.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4117
|
+
border-color: rgba(0, 0, 0, 0.38);
|
|
4118
|
+
}
|
|
4119
|
+
|
|
4120
|
+
.mdc-radio .mdc-radio__background::before {
|
|
4121
|
+
background-color: #575756;
|
|
4122
|
+
/* @alternate */
|
|
4123
|
+
background-color: var(--mdc-theme-secondary, #575756);
|
|
4124
|
+
}
|
|
4125
|
+
|
|
4126
|
+
.mdc-radio .mdc-radio__background::before {
|
|
4127
|
+
top: -10px;
|
|
4128
|
+
left: -10px;
|
|
4129
|
+
width: 40px;
|
|
4130
|
+
height: 40px;
|
|
4131
|
+
}
|
|
4132
|
+
|
|
4133
|
+
.mdc-radio .mdc-radio__native-control {
|
|
4134
|
+
top: 0px;
|
|
4135
|
+
right: 0px;
|
|
4136
|
+
left: 0px;
|
|
4137
|
+
width: 40px;
|
|
4138
|
+
height: 40px;
|
|
4139
|
+
}
|
|
4140
|
+
|
|
4141
|
+
@media screen and (-ms-high-contrast: active) {
|
|
4142
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4143
|
+
.mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4144
|
+
border-color: GrayText;
|
|
4145
|
+
}
|
|
4146
|
+
|
|
4147
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4148
|
+
.mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4149
|
+
border-color: GrayText;
|
|
4150
|
+
}
|
|
4151
|
+
|
|
4152
|
+
.mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4153
|
+
.mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4154
|
+
border-color: GrayText;
|
|
4155
|
+
}
|
|
4156
|
+
}
|
|
4157
|
+
.mdc-radio__background {
|
|
4158
|
+
display: inline-block;
|
|
4159
|
+
position: relative;
|
|
4160
|
+
box-sizing: border-box;
|
|
4161
|
+
width: 20px;
|
|
4162
|
+
height: 20px;
|
|
4163
|
+
}
|
|
4164
|
+
|
|
4165
|
+
.mdc-radio__background::before {
|
|
4166
|
+
position: absolute;
|
|
4167
|
+
transform: scale(0, 0);
|
|
4168
|
+
border-radius: 50%;
|
|
4169
|
+
opacity: 0;
|
|
4170
|
+
pointer-events: none;
|
|
4171
|
+
content: "";
|
|
4172
|
+
transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4173
|
+
}
|
|
4174
|
+
|
|
4175
|
+
.mdc-radio__outer-circle {
|
|
4176
|
+
position: absolute;
|
|
4177
|
+
top: 0;
|
|
4178
|
+
left: 0;
|
|
4179
|
+
box-sizing: border-box;
|
|
4180
|
+
width: 100%;
|
|
4181
|
+
height: 100%;
|
|
4182
|
+
border-width: 2px;
|
|
4183
|
+
border-style: solid;
|
|
4184
|
+
border-radius: 50%;
|
|
4185
|
+
transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4186
|
+
}
|
|
4187
|
+
|
|
4188
|
+
.mdc-radio__inner-circle {
|
|
4189
|
+
position: absolute;
|
|
4190
|
+
top: 0;
|
|
4191
|
+
left: 0;
|
|
4192
|
+
box-sizing: border-box;
|
|
4193
|
+
width: 100%;
|
|
4194
|
+
height: 100%;
|
|
4195
|
+
transform: scale(0, 0);
|
|
4196
|
+
border-width: 10px;
|
|
4197
|
+
border-style: solid;
|
|
4198
|
+
border-radius: 50%;
|
|
4199
|
+
transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
|
|
4200
|
+
}
|
|
4201
|
+
|
|
4202
|
+
.mdc-radio__native-control {
|
|
4203
|
+
position: absolute;
|
|
4204
|
+
margin: 0;
|
|
4205
|
+
padding: 0;
|
|
4206
|
+
opacity: 0;
|
|
4207
|
+
cursor: inherit;
|
|
4208
|
+
z-index: 1;
|
|
4209
|
+
}
|
|
4210
|
+
|
|
4211
|
+
.mdc-radio--touch {
|
|
4212
|
+
margin-top: 4px;
|
|
4213
|
+
margin-bottom: 4px;
|
|
4214
|
+
margin-right: 4px;
|
|
4215
|
+
margin-left: 4px;
|
|
4216
|
+
}
|
|
4217
|
+
|
|
4218
|
+
.mdc-radio--touch .mdc-radio__native-control {
|
|
4219
|
+
top: -4px;
|
|
4220
|
+
right: -4px;
|
|
4221
|
+
left: -4px;
|
|
4222
|
+
width: 48px;
|
|
4223
|
+
height: 48px;
|
|
4224
|
+
}
|
|
4225
|
+
|
|
4226
|
+
.mdc-radio__native-control:checked + .mdc-radio__background,
|
|
4227
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background {
|
|
4228
|
+
transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4229
|
+
}
|
|
4230
|
+
|
|
4231
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
|
|
4232
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
|
|
4233
|
+
transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4234
|
+
}
|
|
4235
|
+
|
|
4236
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
|
|
4237
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4238
|
+
transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4239
|
+
}
|
|
4240
|
+
|
|
4241
|
+
.mdc-radio--disabled {
|
|
4242
|
+
cursor: default;
|
|
4243
|
+
pointer-events: none;
|
|
4244
|
+
}
|
|
4245
|
+
|
|
4246
|
+
.mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
|
|
4247
|
+
transform: scale(0.5);
|
|
4248
|
+
transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4249
|
+
}
|
|
4250
|
+
|
|
4251
|
+
.mdc-radio__native-control:disabled + .mdc-radio__background,
|
|
4252
|
+
[aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
|
|
4253
|
+
cursor: default;
|
|
4254
|
+
}
|
|
4255
|
+
|
|
4256
|
+
.mdc-radio__native-control:focus + .mdc-radio__background::before {
|
|
4257
|
+
transform: scale(1);
|
|
4258
|
+
opacity: 0.12;
|
|
4259
|
+
transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
|
|
4260
|
+
}
|
|
4261
|
+
|
|
4262
|
+
.mdc-radio {
|
|
4263
|
+
--mdc-ripple-fg-size: 0;
|
|
4264
|
+
--mdc-ripple-left: 0;
|
|
4265
|
+
--mdc-ripple-top: 0;
|
|
4266
|
+
--mdc-ripple-fg-scale: 1;
|
|
4267
|
+
--mdc-ripple-fg-translate-end: 0;
|
|
4268
|
+
--mdc-ripple-fg-translate-start: 0;
|
|
4269
|
+
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
4270
|
+
will-change: transform, opacity;
|
|
4271
|
+
}
|
|
4272
|
+
|
|
4273
|
+
.mdc-radio .mdc-radio__ripple::before,
|
|
4274
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4275
|
+
position: absolute;
|
|
4276
|
+
border-radius: 50%;
|
|
4277
|
+
opacity: 0;
|
|
4278
|
+
pointer-events: none;
|
|
4279
|
+
content: "";
|
|
4280
|
+
}
|
|
4281
|
+
|
|
4282
|
+
.mdc-radio .mdc-radio__ripple::before {
|
|
4283
|
+
transition: opacity 15ms linear, background-color 15ms linear;
|
|
4284
|
+
z-index: 1;
|
|
4285
|
+
/* @alternate */
|
|
4286
|
+
z-index: var(--mdc-ripple-z-index, 1);
|
|
4287
|
+
}
|
|
4288
|
+
|
|
4289
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4290
|
+
z-index: 0;
|
|
4291
|
+
/* @alternate */
|
|
4292
|
+
z-index: var(--mdc-ripple-z-index, 0);
|
|
4293
|
+
}
|
|
4294
|
+
|
|
4295
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
|
|
4296
|
+
transform: scale(var(--mdc-ripple-fg-scale, 1));
|
|
4297
|
+
}
|
|
4298
|
+
|
|
4299
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4300
|
+
top: 0;
|
|
4301
|
+
/* @noflip */
|
|
4302
|
+
left: 0;
|
|
4303
|
+
transform: scale(0);
|
|
4304
|
+
transform-origin: center center;
|
|
4305
|
+
}
|
|
4306
|
+
|
|
4307
|
+
.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
|
|
4308
|
+
top: var(--mdc-ripple-top, 0);
|
|
4309
|
+
/* @noflip */
|
|
4310
|
+
left: var(--mdc-ripple-left, 0);
|
|
4311
|
+
}
|
|
4312
|
+
|
|
4313
|
+
.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
|
|
4314
|
+
animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
|
|
4315
|
+
}
|
|
4316
|
+
|
|
4317
|
+
.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
|
|
4318
|
+
animation: mdc-ripple-fg-opacity-out 150ms;
|
|
4319
|
+
transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
|
|
4320
|
+
}
|
|
4321
|
+
|
|
4322
|
+
.mdc-radio .mdc-radio__ripple::before,
|
|
4323
|
+
.mdc-radio .mdc-radio__ripple::after {
|
|
4324
|
+
top: calc(50% - 50%);
|
|
4325
|
+
/* @noflip */
|
|
4326
|
+
left: calc(50% - 50%);
|
|
4327
|
+
width: 100%;
|
|
4328
|
+
height: 100%;
|
|
4329
|
+
}
|
|
4330
|
+
|
|
4331
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
|
|
4332
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4333
|
+
top: var(--mdc-ripple-top, calc(50% - 50%));
|
|
4334
|
+
/* @noflip */
|
|
4335
|
+
left: var(--mdc-ripple-left, calc(50% - 50%));
|
|
4336
|
+
width: var(--mdc-ripple-fg-size, 100%);
|
|
4337
|
+
height: var(--mdc-ripple-fg-size, 100%);
|
|
4338
|
+
}
|
|
4339
|
+
|
|
4340
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
|
|
4341
|
+
width: var(--mdc-ripple-fg-size, 100%);
|
|
4342
|
+
height: var(--mdc-ripple-fg-size, 100%);
|
|
4343
|
+
}
|
|
4344
|
+
|
|
4345
|
+
.mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
|
|
4346
|
+
background-color: #575756;
|
|
4347
|
+
/* @alternate */
|
|
4348
|
+
background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #575756));
|
|
4349
|
+
}
|
|
4350
|
+
|
|
4351
|
+
.mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {
|
|
4352
|
+
opacity: 0.04;
|
|
4353
|
+
/* @alternate */
|
|
4354
|
+
opacity: var(--mdc-ripple-hover-opacity, 0.04);
|
|
4355
|
+
}
|
|
4356
|
+
|
|
4357
|
+
.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
|
|
4358
|
+
transition-duration: 75ms;
|
|
4359
|
+
opacity: 0.12;
|
|
4360
|
+
/* @alternate */
|
|
4361
|
+
opacity: var(--mdc-ripple-focus-opacity, 0.12);
|
|
4362
|
+
}
|
|
4363
|
+
|
|
4364
|
+
.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
|
|
4365
|
+
transition: opacity 150ms linear;
|
|
4366
|
+
}
|
|
4367
|
+
|
|
4368
|
+
.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
|
|
4369
|
+
transition-duration: 75ms;
|
|
4370
|
+
opacity: 0.12;
|
|
4371
|
+
/* @alternate */
|
|
4372
|
+
opacity: var(--mdc-ripple-press-opacity, 0.12);
|
|
4373
|
+
}
|
|
4374
|
+
|
|
4375
|
+
.mdc-radio.mdc-ripple-upgraded {
|
|
4376
|
+
--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
|
|
4377
|
+
}
|
|
4378
|
+
|
|
4379
|
+
.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before, .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
|
|
4380
|
+
content: none;
|
|
4381
|
+
}
|
|
4382
|
+
|
|
4383
|
+
.mdc-radio__ripple {
|
|
4384
|
+
position: absolute;
|
|
4385
|
+
top: 0;
|
|
4386
|
+
left: 0;
|
|
4387
|
+
width: 100%;
|
|
4388
|
+
height: 100%;
|
|
4389
|
+
pointer-events: none;
|
|
4390
|
+
}
|
|
4391
|
+
|
|
4076
4392
|
.mdc-form-field {
|
|
4077
4393
|
-moz-osx-font-smoothing: grayscale;
|
|
4078
4394
|
-webkit-font-smoothing: antialiased;
|
|
@@ -4234,7 +4550,7 @@ a.mdc-list-item {
|
|
|
4234
4550
|
}
|
|
4235
4551
|
:host(.has-grid-layout) .mdc-deprecated-list {
|
|
4236
4552
|
display: grid;
|
|
4237
|
-
|
|
4553
|
+
gap: var(--gap);
|
|
4238
4554
|
grid-template-columns: repeat(auto-fit, minmax(min(100%, max(calc(var(--list-grid-item-max-width, 10rem) - var(--gap)), var(--list-grid-item-min-width, 7.5rem))), 1fr));
|
|
4239
4555
|
max-width: var(--list-grid-max-width, 100%);
|
|
4240
4556
|
}
|