@i-cell/ids-styles 0.0.14 → 0.0.15-beta.0
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/components.css +473 -160
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +408 -82
- package/dist/form-elements/form-field/form-field.css +58 -148
- package/dist/form-elements/form-field/form-field.min.css +1 -1
- package/dist/form-elements/form-field/form-field.plugin.js +62 -64
- package/dist/option/option.css +273 -0
- package/dist/option/option.min.css +1 -0
- package/dist/option/option.plugin.js +252 -0
- package/dist/select/select.css +131 -0
- package/dist/select/select.min.css +1 -0
- package/dist/select/select.plugin.js +103 -0
- package/dist/switch/switch.css +9 -12
- package/dist/switch/switch.min.css +1 -1
- package/dist/switch/switch.plugin.js +9 -18
- package/package.json +2 -2
|
@@ -2953,6 +2953,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
2953
2953
|
display: 'flex',
|
|
2954
2954
|
alignItems: 'center',
|
|
2955
2955
|
flex: '1 0 0',
|
|
2956
|
+
overflowX: 'hidden',
|
|
2956
2957
|
},
|
|
2957
2958
|
'.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__duffix,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon':
|
|
2958
2959
|
{ display: 'flex', alignItems: 'center' },
|
|
@@ -2960,6 +2961,7 @@ module.exports = function ComponentsPlugin() {
|
|
|
2960
2961
|
display: 'flex',
|
|
2961
2962
|
alignItems: 'center',
|
|
2962
2963
|
flex: '1 0 0',
|
|
2964
|
+
overflowX: 'hidden',
|
|
2963
2965
|
},
|
|
2964
2966
|
'.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
|
|
2965
2967
|
{ appearance: 'none', border: 'none', backgroundColor: 'rgba(0,0,0,0)', flex: '1 0 0', padding: '0' },
|
|
@@ -3013,16 +3015,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
3013
3015
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-compact)',
|
|
3014
3016
|
},
|
|
3015
3017
|
'.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3016
|
-
{ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-compact) 0' },
|
|
3017
|
-
'.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
|
|
3018
3018
|
{
|
|
3019
|
+
padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-compact) 0',
|
|
3019
3020
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-compact)',
|
|
3020
3021
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-compact)',
|
|
3021
3022
|
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-compact)',
|
|
3022
3023
|
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-compact)',
|
|
3023
3024
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-compact)',
|
|
3024
3025
|
},
|
|
3025
|
-
'.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3026
|
+
'.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3026
3027
|
{
|
|
3027
3028
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',
|
|
3028
3029
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact)',
|
|
@@ -3086,16 +3087,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
3086
3087
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-comfortable)',
|
|
3087
3088
|
},
|
|
3088
3089
|
'.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3089
|
-
{ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-comfortable) 0' },
|
|
3090
|
-
'.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
|
|
3091
3090
|
{
|
|
3091
|
+
padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-comfortable) 0',
|
|
3092
3092
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-comfortable)',
|
|
3093
3093
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-comfortable)',
|
|
3094
3094
|
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-comfortable)',
|
|
3095
3095
|
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-comfortable)',
|
|
3096
3096
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-comfortable)',
|
|
3097
3097
|
},
|
|
3098
|
-
'.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3098
|
+
'.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3099
3099
|
{
|
|
3100
3100
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable)',
|
|
3101
3101
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable)',
|
|
@@ -3159,16 +3159,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
3159
3159
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-spacious)',
|
|
3160
3160
|
},
|
|
3161
3161
|
'.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3162
|
-
{ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-spacious) 0' },
|
|
3163
|
-
'.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
|
|
3164
3162
|
{
|
|
3163
|
+
padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-spacious) 0',
|
|
3165
3164
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-spacious)',
|
|
3166
3165
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-spacious)',
|
|
3167
3166
|
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-spacious)',
|
|
3168
3167
|
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-spacious)',
|
|
3169
3168
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-spacious)',
|
|
3170
3169
|
},
|
|
3171
|
-
'.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3170
|
+
'.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3172
3171
|
{
|
|
3173
3172
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious)',
|
|
3174
3173
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious)',
|
|
@@ -3232,16 +3231,15 @@ module.exports = function ComponentsPlugin() {
|
|
|
3232
3231
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-dense)',
|
|
3233
3232
|
},
|
|
3234
3233
|
'.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3235
|
-
{ padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-dense) 0' },
|
|
3236
|
-
'.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input,.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea':
|
|
3237
3234
|
{
|
|
3235
|
+
padding: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-size-padding-y-dense) 0',
|
|
3238
3236
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-dense)',
|
|
3239
3237
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-dense)',
|
|
3240
3238
|
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-dense)',
|
|
3241
3239
|
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-dense)',
|
|
3242
3240
|
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-dense)',
|
|
3243
3241
|
},
|
|
3244
|
-
'.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3242
|
+
'.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3245
3243
|
{
|
|
3246
3244
|
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense)',
|
|
3247
3245
|
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense)',
|
|
@@ -3277,9 +3275,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3277
3275
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
|
|
3278
3276
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3279
3277
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
|
|
3280
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3278
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3281
3279
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
|
|
3282
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3280
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3283
3281
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
|
|
3284
3282
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3285
3283
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
|
|
@@ -3304,9 +3302,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3304
3302
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
|
|
3305
3303
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3306
3304
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
|
|
3307
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3305
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3308
3306
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
|
|
3309
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3307
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3310
3308
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
|
|
3311
3309
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3312
3310
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
|
|
@@ -3323,9 +3321,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3323
3321
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
|
|
3324
3322
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3325
3323
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
|
|
3326
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3324
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3327
3325
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
|
|
3328
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3326
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3329
3327
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
|
|
3330
3328
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3331
3329
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
|
|
@@ -3347,9 +3345,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3347
3345
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
|
|
3348
3346
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3349
3347
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
|
|
3350
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3348
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3351
3349
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
|
|
3352
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3350
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3353
3351
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
|
|
3354
3352
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3355
3353
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
|
|
@@ -3373,9 +3371,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3373
3371
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
|
|
3374
3372
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3375
3373
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
|
|
3376
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3374
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3377
3375
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
|
|
3378
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3376
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3379
3377
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
|
|
3380
3378
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3381
3379
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
|
|
@@ -3400,9 +3398,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3400
3398
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
|
|
3401
3399
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3402
3400
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
|
|
3403
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3401
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3404
3402
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
|
|
3405
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3403
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3406
3404
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
|
|
3407
3405
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3408
3406
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
|
|
@@ -3419,9 +3417,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3419
3417
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
|
|
3420
3418
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3421
3419
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
|
|
3422
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3420
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3423
3421
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
|
|
3424
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3422
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3425
3423
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
|
|
3426
3424
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3427
3425
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
|
|
@@ -3443,9 +3441,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3443
3441
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
|
|
3444
3442
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3445
3443
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
|
|
3446
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3444
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3447
3445
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
|
|
3448
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3446
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3449
3447
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
|
|
3450
3448
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3451
3449
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
|
|
@@ -3469,9 +3467,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3469
3467
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
|
|
3470
3468
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3471
3469
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-default)' },
|
|
3472
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3470
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3473
3471
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-default)' },
|
|
3474
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3472
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3475
3473
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
|
|
3476
3474
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3477
3475
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
|
|
@@ -3496,9 +3494,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3496
3494
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
|
|
3497
3495
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3498
3496
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-hovered)' },
|
|
3499
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3497
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3500
3498
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-hovered)' },
|
|
3501
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3499
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3502
3500
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
|
|
3503
3501
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3504
3502
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
|
|
@@ -3515,9 +3513,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3515
3513
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
|
|
3516
3514
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3517
3515
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-focused)' },
|
|
3518
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3516
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3519
3517
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-focused)' },
|
|
3520
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3518
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3521
3519
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
|
|
3522
3520
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3523
3521
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
|
|
@@ -3539,9 +3537,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3539
3537
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
|
|
3540
3538
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3541
3539
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-pressed)' },
|
|
3542
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3540
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3543
3541
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-pressed)' },
|
|
3544
|
-
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3542
|
+
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3545
3543
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
|
|
3546
3544
|
'.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3547
3545
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
|
|
@@ -3565,9 +3563,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3565
3563
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-disabled)' },
|
|
3566
3564
|
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3567
3565
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-surface-disabled)' },
|
|
3568
|
-
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3566
|
+
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3569
3567
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-surface-disabled)' },
|
|
3570
|
-
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3568
|
+
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3571
3569
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled)' },
|
|
3572
3570
|
'.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3573
3571
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-disabled)' },
|
|
@@ -3591,9 +3589,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3591
3589
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
|
|
3592
3590
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3593
3591
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
|
|
3594
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3592
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3595
3593
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
|
|
3596
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3594
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3597
3595
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
|
|
3598
3596
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3599
3597
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
|
|
@@ -3618,9 +3616,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3618
3616
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
|
|
3619
3617
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3620
3618
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
|
|
3621
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3619
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3622
3620
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
|
|
3623
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3621
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3624
3622
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
|
|
3625
3623
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3626
3624
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
|
|
@@ -3637,9 +3635,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3637
3635
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
|
|
3638
3636
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3639
3637
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
|
|
3640
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3638
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3641
3639
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
|
|
3642
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3640
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3643
3641
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
3644
3642
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3645
3643
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
|
|
@@ -3661,9 +3659,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3661
3659
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
|
|
3662
3660
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3663
3661
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
|
|
3664
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3662
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3665
3663
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
|
|
3666
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3664
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3667
3665
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
3668
3666
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3669
3667
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
|
|
@@ -3687,9 +3685,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3687
3685
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
|
|
3688
3686
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3689
3687
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
|
|
3690
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3688
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3691
3689
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
|
|
3692
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3690
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3693
3691
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
|
|
3694
3692
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3695
3693
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
|
|
@@ -3714,9 +3712,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3714
3712
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
|
|
3715
3713
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3716
3714
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
|
|
3717
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3715
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3718
3716
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
|
|
3719
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3717
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3720
3718
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
|
|
3721
3719
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3722
3720
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
|
|
@@ -3733,9 +3731,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3733
3731
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
|
|
3734
3732
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3735
3733
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
|
|
3736
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3734
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3737
3735
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
|
|
3738
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3736
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3739
3737
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
3740
3738
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3741
3739
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
|
|
@@ -3757,9 +3755,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3757
3755
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
|
|
3758
3756
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3759
3757
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
|
|
3760
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3758
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3761
3759
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
|
|
3762
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3760
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3763
3761
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
3764
3762
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3765
3763
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
|
|
@@ -3783,9 +3781,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3783
3781
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
|
|
3784
3782
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3785
3783
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-default)' },
|
|
3786
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3784
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3787
3785
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-default)' },
|
|
3788
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3786
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3789
3787
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
|
|
3790
3788
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3791
3789
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
|
|
@@ -3810,9 +3808,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3810
3808
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
|
|
3811
3809
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3812
3810
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-hovered)' },
|
|
3813
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3811
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3814
3812
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-hovered)' },
|
|
3815
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3813
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3816
3814
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
|
|
3817
3815
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3818
3816
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
|
|
@@ -3829,9 +3827,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3829
3827
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
|
|
3830
3828
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3831
3829
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-focused)' },
|
|
3832
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3830
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3833
3831
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-focused)' },
|
|
3834
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3832
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3835
3833
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
3836
3834
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3837
3835
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
|
|
@@ -3853,9 +3851,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3853
3851
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
|
|
3854
3852
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3855
3853
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-pressed)' },
|
|
3856
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3854
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3857
3855
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-pressed)' },
|
|
3858
|
-
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3856
|
+
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3859
3857
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
3860
3858
|
'.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix,.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3861
3859
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
|
|
@@ -3879,9 +3877,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
3879
3877
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-disabled)' },
|
|
3880
3878
|
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
|
|
3881
3879
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-color-fg-light-disabled)' },
|
|
3882
|
-
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3880
|
+
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix':
|
|
3883
3881
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-filled-color-fg-text-light-disabled)' },
|
|
3884
|
-
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix
|
|
3882
|
+
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix ::placeholder':
|
|
3885
3883
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled)' },
|
|
3886
3884
|
'.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
|
|
3887
3885
|
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-disabled)' },
|
|
@@ -4660,6 +4658,249 @@ module.exports = function ComponentsPlugin() {
|
|
|
4660
4658
|
background: 'var(--ids-comp-icon-button-standard-color-bg-surface-disabled)',
|
|
4661
4659
|
color: 'var(--ids-comp-icon-button-standard-color-fg-surface-disabled)',
|
|
4662
4660
|
},
|
|
4661
|
+
'.ids-option': { display: 'flex', alignItems: 'center', alignSelf: 'stretch', userSelect: 'none' },
|
|
4662
|
+
'.ids-option>.ids-option__text': { overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
|
|
4663
|
+
'.ids-option:not(.ids-option-disabled)': { cursor: 'pointer' },
|
|
4664
|
+
'.ids-option.ids-option-disabled': { cursor: 'not-allowed' },
|
|
4665
|
+
'.ids-option:not(.ids-option-multiselect)': { justifyContent: 'space-between' },
|
|
4666
|
+
'.ids-option.ids-option-active': { outlineStyle: 'solid' },
|
|
4667
|
+
'.ids-option .ids-option-compact': {
|
|
4668
|
+
height: 'var(--ids-comp-forms-option-item-size-min-height-compact)',
|
|
4669
|
+
padding: 'var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-item-size-padding-x-compact)',
|
|
4670
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-compact)',
|
|
4671
|
+
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-compact)',
|
|
4672
|
+
},
|
|
4673
|
+
'.ids-option .ids-option-compact>.ids-option__text': {
|
|
4674
|
+
fontFamily: 'var(--ids-comp-forms-option-item-typography-font-family-compact)',
|
|
4675
|
+
fontSize: 'var(--ids-comp-forms-option-item-typography-font-size-compact)',
|
|
4676
|
+
fontWeight: 'var(--ids-comp-forms-option-item-typography-font-weight-compact)',
|
|
4677
|
+
lineHeight: 'var(--ids-comp-forms-option-item-typography-line-height-compact)',
|
|
4678
|
+
letterSpacing: 'var(--ids-comp-forms-option-item-typography-letter-spacing-compact)',
|
|
4679
|
+
},
|
|
4680
|
+
'.ids-option .ids-option-compact>.ids-icon': {
|
|
4681
|
+
height: 'var(--ids-comp-forms-option-item-icon-size-height-compact)',
|
|
4682
|
+
width: 'var(--ids-comp-forms-option-item-icon-size-width-compact)',
|
|
4683
|
+
},
|
|
4684
|
+
'.ids-option .ids-option-compact.ids-option-active': {
|
|
4685
|
+
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)',
|
|
4686
|
+
},
|
|
4687
|
+
'.ids-option .ids-option-comfortable': {
|
|
4688
|
+
height: 'var(--ids-comp-forms-option-item-size-min-height-comfortable)',
|
|
4689
|
+
padding:
|
|
4690
|
+
'var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-item-size-padding-x-comfortable)',
|
|
4691
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-comfortable)',
|
|
4692
|
+
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-comfortable)',
|
|
4693
|
+
},
|
|
4694
|
+
'.ids-option .ids-option-comfortable>.ids-option__text': {
|
|
4695
|
+
fontFamily: 'var(--ids-comp-forms-option-item-typography-font-family-comfortable)',
|
|
4696
|
+
fontSize: 'var(--ids-comp-forms-option-item-typography-font-size-comfortable)',
|
|
4697
|
+
fontWeight: 'var(--ids-comp-forms-option-item-typography-font-weight-comfortable)',
|
|
4698
|
+
lineHeight: 'var(--ids-comp-forms-option-item-typography-line-height-comfortable)',
|
|
4699
|
+
letterSpacing: 'var(--ids-comp-forms-option-item-typography-letter-spacing-comfortable)',
|
|
4700
|
+
},
|
|
4701
|
+
'.ids-option .ids-option-comfortable>.ids-icon': {
|
|
4702
|
+
height: 'var(--ids-comp-forms-option-item-icon-size-height-comfortable)',
|
|
4703
|
+
width: 'var(--ids-comp-forms-option-item-icon-size-width-comfortable)',
|
|
4704
|
+
},
|
|
4705
|
+
'.ids-option .ids-option-comfortable.ids-option-active': {
|
|
4706
|
+
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)',
|
|
4707
|
+
},
|
|
4708
|
+
'.ids-option .ids-option-spacious': {
|
|
4709
|
+
height: 'var(--ids-comp-forms-option-item-size-min-height-spacious)',
|
|
4710
|
+
padding: 'var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-item-size-padding-x-spacious)',
|
|
4711
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-spacious)',
|
|
4712
|
+
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-spacious)',
|
|
4713
|
+
},
|
|
4714
|
+
'.ids-option .ids-option-spacious>.ids-option__text': {
|
|
4715
|
+
fontFamily: 'var(--ids-comp-forms-option-item-typography-font-family-spacious)',
|
|
4716
|
+
fontSize: 'var(--ids-comp-forms-option-item-typography-font-size-spacious)',
|
|
4717
|
+
fontWeight: 'var(--ids-comp-forms-option-item-typography-font-weight-spacious)',
|
|
4718
|
+
lineHeight: 'var(--ids-comp-forms-option-item-typography-line-height-spacious)',
|
|
4719
|
+
letterSpacing: 'var(--ids-comp-forms-option-item-typography-letter-spacing-spacious)',
|
|
4720
|
+
},
|
|
4721
|
+
'.ids-option .ids-option-spacious>.ids-icon': {
|
|
4722
|
+
height: 'var(--ids-comp-forms-option-item-icon-size-height-spacious)',
|
|
4723
|
+
width: 'var(--ids-comp-forms-option-item-icon-size-width-spacious)',
|
|
4724
|
+
},
|
|
4725
|
+
'.ids-option .ids-option-spacious.ids-option-active': {
|
|
4726
|
+
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)',
|
|
4727
|
+
},
|
|
4728
|
+
'.ids-option .ids-option-dense': {
|
|
4729
|
+
height: 'var(--ids-comp-forms-option-item-size-min-height-dense)',
|
|
4730
|
+
padding: 'var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-item-size-padding-x-dense)',
|
|
4731
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-dense)',
|
|
4732
|
+
borderRadius: 'var(--ids-comp-forms-option-item-size-border-radius-dense)',
|
|
4733
|
+
},
|
|
4734
|
+
'.ids-option .ids-option-dense>.ids-option__text': {
|
|
4735
|
+
fontFamily: 'var(--ids-comp-forms-option-item-typography-font-family-dense)',
|
|
4736
|
+
fontSize: 'var(--ids-comp-forms-option-item-typography-font-size-dense)',
|
|
4737
|
+
fontWeight: 'var(--ids-comp-forms-option-item-typography-font-weight-dense)',
|
|
4738
|
+
lineHeight: 'var(--ids-comp-forms-option-item-typography-line-height-dense)',
|
|
4739
|
+
letterSpacing: 'var(--ids-comp-forms-option-item-typography-letter-spacing-dense)',
|
|
4740
|
+
},
|
|
4741
|
+
'.ids-option .ids-option-dense>.ids-icon': {
|
|
4742
|
+
height: 'var(--ids-comp-forms-option-item-icon-size-height-dense)',
|
|
4743
|
+
width: 'var(--ids-comp-forms-option-item-icon-size-width-dense)',
|
|
4744
|
+
},
|
|
4745
|
+
'.ids-option .ids-option-dense.ids-option-active': {
|
|
4746
|
+
outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-dense)',
|
|
4747
|
+
},
|
|
4748
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled)': { background: 'var(--ids-comp-forms-option-color-bg-surface-default)' },
|
|
4749
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-option__text': {
|
|
4750
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-surface-default)',
|
|
4751
|
+
},
|
|
4752
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled)>.ids-icon': {
|
|
4753
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-surface-default)',
|
|
4754
|
+
},
|
|
4755
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):hover': {
|
|
4756
|
+
background: 'var(--ids-comp-forms-option-color-bg-surface-hovered)',
|
|
4757
|
+
},
|
|
4758
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-option__text': {
|
|
4759
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-surface-hovered)',
|
|
4760
|
+
},
|
|
4761
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):hover>.ids-icon': {
|
|
4762
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-surface-hovered)',
|
|
4763
|
+
},
|
|
4764
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):active': {
|
|
4765
|
+
background: 'var(--ids-comp-forms-option-color-bg-surface-pressed)',
|
|
4766
|
+
},
|
|
4767
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-option__text': {
|
|
4768
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-surface-pressed)',
|
|
4769
|
+
},
|
|
4770
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled):active>.ids-icon': {
|
|
4771
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-surface-pressed)',
|
|
4772
|
+
},
|
|
4773
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active': {
|
|
4774
|
+
background: 'var(--ids-comp-forms-option-color-bg-surface-active)',
|
|
4775
|
+
outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
|
|
4776
|
+
},
|
|
4777
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-option__text': {
|
|
4778
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-surface-active)',
|
|
4779
|
+
},
|
|
4780
|
+
'.ids-option.ids-option-surface:not(.ids-option-disabled).ids-option-active>.ids-icon': {
|
|
4781
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-surface-active)',
|
|
4782
|
+
},
|
|
4783
|
+
'.ids-option.ids-option-surface.ids-option-disabled': { background: 'var(--ids-comp-forms-option-color-bg-surface-disabled)' },
|
|
4784
|
+
'.ids-option.ids-option-surface.ids-option-disabled>.ids-option__text': {
|
|
4785
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-surface-disabled)',
|
|
4786
|
+
},
|
|
4787
|
+
'.ids-option.ids-option-surface.ids-option-disabled>.ids-icon': {
|
|
4788
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-surface-disabled)',
|
|
4789
|
+
},
|
|
4790
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled)': { background: 'var(--ids-comp-forms-option-color-bg-light-default)' },
|
|
4791
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-option__text': {
|
|
4792
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-light-default)',
|
|
4793
|
+
},
|
|
4794
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled)>.ids-icon': {
|
|
4795
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-light-default)',
|
|
4796
|
+
},
|
|
4797
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):hover': { background: 'var(--ids-comp-forms-option-color-bg-light-hovered)' },
|
|
4798
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-option__text': {
|
|
4799
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-light-hovered)',
|
|
4800
|
+
},
|
|
4801
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):hover>.ids-icon': {
|
|
4802
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-light-hovered)',
|
|
4803
|
+
},
|
|
4804
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):active': {
|
|
4805
|
+
background: 'var(--ids-comp-forms-option-color-bg-light-pressed)',
|
|
4806
|
+
},
|
|
4807
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-option__text': {
|
|
4808
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-light-pressed)',
|
|
4809
|
+
},
|
|
4810
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled):active>.ids-icon': {
|
|
4811
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-light-pressed)',
|
|
4812
|
+
},
|
|
4813
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active': {
|
|
4814
|
+
background: 'var(--ids-comp-forms-option-color-bg-light-active)',
|
|
4815
|
+
outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
|
|
4816
|
+
},
|
|
4817
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-option__text': {
|
|
4818
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-light-active)',
|
|
4819
|
+
},
|
|
4820
|
+
'.ids-option.ids-option-light:not(.ids-option-disabled).ids-option-active>.ids-icon': {
|
|
4821
|
+
color: 'var(--ids-comp-forms-option-color-fg-icon-light-active)',
|
|
4822
|
+
},
|
|
4823
|
+
'.ids-option.ids-option-light.ids-option-disabled': { background: 'var(--ids-comp-forms-option-color-bg-light-disabled)' },
|
|
4824
|
+
'.ids-option.ids-option-light.ids-option-disabled>.ids-option__text': {
|
|
4825
|
+
color: 'var(--ids-comp-forms-option-color-fg-text-light-disabled)',
|
|
4826
|
+
},
|
|
4827
|
+
'.ids-option.ids-option-light.ids-option-disabled>.ids-icon': { color: 'var(--ids-comp-forms-option-color-fg-icon-light-disabled)' },
|
|
4828
|
+
'.ids-option-group': { width: '100%' },
|
|
4829
|
+
'.ids-option-group>.ids-option-group__label': { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', width: '100%' },
|
|
4830
|
+
'.ids-option-group>.ids-option-group__label>.ids-option-group__text': {
|
|
4831
|
+
display: 'flex',
|
|
4832
|
+
alignItems: 'center',
|
|
4833
|
+
alignSelf: 'stretch',
|
|
4834
|
+
fontStyle: 'normal',
|
|
4835
|
+
},
|
|
4836
|
+
'.ids-option-group.ids-option-group-compact>.ids-option-group__label': {
|
|
4837
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-compact)',
|
|
4838
|
+
},
|
|
4839
|
+
'.ids-option-group.ids-option-group-compact>.ids-option-group__label>.ids-option-group__text': {
|
|
4840
|
+
padding:
|
|
4841
|
+
'var(--ids-comp-forms-option-group-title-size-padding-y-compact) var(--ids-comp-forms-option-group-title-size-padding-x-compact)',
|
|
4842
|
+
fontFamily: 'var(--ids-comp-forms-option-group-title-typography-font-family-compact)',
|
|
4843
|
+
fontSize: 'var(--ids-comp-forms-option-group-title-typography-font-size-compact)',
|
|
4844
|
+
fontWeight: 'var(--ids-comp-forms-option-group-title-typography-font-weight-compact)',
|
|
4845
|
+
lineHeight: 'var(--ids-comp-forms-option-group-title-typography-line-height-compact)',
|
|
4846
|
+
letterSpacing: 'var(--ids-comp-forms-option-group-title-typography-letter-spacing-compact)',
|
|
4847
|
+
},
|
|
4848
|
+
'.ids-option-group.ids-option-group-compact>.ids-option': {
|
|
4849
|
+
padding:
|
|
4850
|
+
'var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-right-compact) var(--ids-comp-forms-option-item-size-padding-y-compact) var(--ids-comp-forms-option-group-item-size-padding-left-compact)',
|
|
4851
|
+
},
|
|
4852
|
+
'.ids-option-group.ids-option-group-comfortable>.ids-option-group__label': {
|
|
4853
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-comfortable)',
|
|
4854
|
+
},
|
|
4855
|
+
'.ids-option-group.ids-option-group-comfortable>.ids-option-group__label>.ids-option-group__text': {
|
|
4856
|
+
padding:
|
|
4857
|
+
'var(--ids-comp-forms-option-group-title-size-padding-y-comfortable) var(--ids-comp-forms-option-group-title-size-padding-x-comfortable)',
|
|
4858
|
+
fontFamily: 'var(--ids-comp-forms-option-group-title-typography-font-family-comfortable)',
|
|
4859
|
+
fontSize: 'var(--ids-comp-forms-option-group-title-typography-font-size-comfortable)',
|
|
4860
|
+
fontWeight: 'var(--ids-comp-forms-option-group-title-typography-font-weight-comfortable)',
|
|
4861
|
+
lineHeight: 'var(--ids-comp-forms-option-group-title-typography-line-height-comfortable)',
|
|
4862
|
+
letterSpacing: 'var(--ids-comp-forms-option-group-title-typography-letter-spacing-comfortable)',
|
|
4863
|
+
},
|
|
4864
|
+
'.ids-option-group.ids-option-group-comfortable>.ids-option': {
|
|
4865
|
+
padding:
|
|
4866
|
+
'var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-right-comfortable) var(--ids-comp-forms-option-item-size-padding-y-comfortable) var(--ids-comp-forms-option-group-item-size-padding-left-comfortable)',
|
|
4867
|
+
},
|
|
4868
|
+
'.ids-option-group.ids-option-group-spacious>.ids-option-group__label': {
|
|
4869
|
+
gap: 'var(--ids-comp-forms-option-container-size-gap-spacious)',
|
|
4870
|
+
},
|
|
4871
|
+
'.ids-option-group.ids-option-group-spacious>.ids-option-group__label>.ids-option-group__text': {
|
|
4872
|
+
padding:
|
|
4873
|
+
'var(--ids-comp-forms-option-group-title-size-padding-y-spacious) var(--ids-comp-forms-option-group-title-size-padding-x-spacious)',
|
|
4874
|
+
fontFamily: 'var(--ids-comp-forms-option-group-title-typography-font-family-spacious)',
|
|
4875
|
+
fontSize: 'var(--ids-comp-forms-option-group-title-typography-font-size-spacious)',
|
|
4876
|
+
fontWeight: 'var(--ids-comp-forms-option-group-title-typography-font-weight-spacious)',
|
|
4877
|
+
lineHeight: 'var(--ids-comp-forms-option-group-title-typography-line-height-spacious)',
|
|
4878
|
+
letterSpacing: 'var(--ids-comp-forms-option-group-title-typography-letter-spacing-spacious)',
|
|
4879
|
+
},
|
|
4880
|
+
'.ids-option-group.ids-option-group-spacious>.ids-option': {
|
|
4881
|
+
padding:
|
|
4882
|
+
'var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-right-spacious) var(--ids-comp-forms-option-item-size-padding-y-spacious) var(--ids-comp-forms-option-group-item-size-padding-left-spacious)',
|
|
4883
|
+
},
|
|
4884
|
+
'.ids-option-group.ids-option-group-dense>.ids-option-group__label': { gap: 'var(--ids-comp-forms-option-container-size-gap-dense)' },
|
|
4885
|
+
'.ids-option-group.ids-option-group-dense>.ids-option-group__label>.ids-option-group__text': {
|
|
4886
|
+
padding:
|
|
4887
|
+
'var(--ids-comp-forms-option-group-title-size-padding-y-dense) var(--ids-comp-forms-option-group-title-size-padding-x-dense)',
|
|
4888
|
+
fontFamily: 'var(--ids-comp-forms-option-group-title-typography-font-family-dense)',
|
|
4889
|
+
fontSize: 'var(--ids-comp-forms-option-group-title-typography-font-size-dense)',
|
|
4890
|
+
fontWeight: 'var(--ids-comp-forms-option-group-title-typography-font-weight-dense)',
|
|
4891
|
+
lineHeight: 'var(--ids-comp-forms-option-group-title-typography-line-height-dense)',
|
|
4892
|
+
letterSpacing: 'var(--ids-comp-forms-option-group-title-typography-letter-spacing-dense)',
|
|
4893
|
+
},
|
|
4894
|
+
'.ids-option-group.ids-option-group-dense>.ids-option': {
|
|
4895
|
+
padding:
|
|
4896
|
+
'var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-right-dense) var(--ids-comp-forms-option-item-size-padding-y-dense) var(--ids-comp-forms-option-group-item-size-padding-left-dense)',
|
|
4897
|
+
},
|
|
4898
|
+
'.ids-option-group .ids-option-groupsurface>.ids-option-group__label>.ids-option-group__text': {
|
|
4899
|
+
color: 'var(--ids-comp-forms-option-color-group-title-color-fg-text-default)',
|
|
4900
|
+
},
|
|
4901
|
+
'.ids-option-group .ids-option-grouplight>.ids-option-group__label>.ids-option-group__text': {
|
|
4902
|
+
color: 'var(--ids-comp-forms-option-color-group-title-color-fg-text-default)',
|
|
4903
|
+
},
|
|
4663
4904
|
'.ids-paginator': { display: 'inline-flex' },
|
|
4664
4905
|
'.ids-paginator .ids-paginator__navigation-container': {
|
|
4665
4906
|
display: 'flex',
|
|
@@ -6870,6 +7111,100 @@ module.exports = function ComponentsPlugin() {
|
|
|
6870
7111
|
},
|
|
6871
7112
|
'.ids-segmented-control-toggle.ids-segmented-control-toggle-dark.ids-segmented-control-toggle-outlined .ids-segmented-control-toggle-item>button:disabled .ids-icon':
|
|
6872
7113
|
{ color: 'var(--ids-comp-segmented-control-toggle-button-outlined-color-fg-icon-dark-disabled)' },
|
|
7114
|
+
'.ids-select': { width: '100%' },
|
|
7115
|
+
'.ids-select>.ids-select__trigger': { display: 'flex', justifyContent: 'space-between', alignItems: 'center' },
|
|
7116
|
+
'.ids-select>.ids-select__trigger>.ids-select__value': { flexGrow: 1, overflow: 'hidden' },
|
|
7117
|
+
'.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': { userSelect: 'none' },
|
|
7118
|
+
'.ids-select>.ids-select__trigger>.ids-select__value>.ids-select__value-text': {
|
|
7119
|
+
textOverflow: 'ellipsis',
|
|
7120
|
+
overflow: 'hidden',
|
|
7121
|
+
whiteSpace: 'nowrap',
|
|
7122
|
+
display: 'block',
|
|
7123
|
+
},
|
|
7124
|
+
'.ids-select>.ids-select__trigger>.ids-select__arrow': { flexShrink: 0 },
|
|
7125
|
+
'.ids-select.ids-select-compact>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-compact)' },
|
|
7126
|
+
'.ids-select.ids-select-compact>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
|
|
7127
|
+
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',
|
|
7128
|
+
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact)',
|
|
7129
|
+
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact)',
|
|
7130
|
+
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact)',
|
|
7131
|
+
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)',
|
|
7132
|
+
},
|
|
7133
|
+
'.ids-select.ids-select-comfortable>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-comfortable)' },
|
|
7134
|
+
'.ids-select.ids-select-comfortable>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
|
|
7135
|
+
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable)',
|
|
7136
|
+
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable)',
|
|
7137
|
+
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable)',
|
|
7138
|
+
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable)',
|
|
7139
|
+
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)',
|
|
7140
|
+
},
|
|
7141
|
+
'.ids-select.ids-select-spacious>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-spacious)' },
|
|
7142
|
+
'.ids-select.ids-select-spacious>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
|
|
7143
|
+
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious)',
|
|
7144
|
+
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious)',
|
|
7145
|
+
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious)',
|
|
7146
|
+
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious)',
|
|
7147
|
+
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)',
|
|
7148
|
+
},
|
|
7149
|
+
'.ids-select.ids-select-dense>.ids-select__trigger': { gap: 'var(--ids-comp-forms-select-size-gap-dense)' },
|
|
7150
|
+
'.ids-select.ids-select-dense>.ids-select__trigger>.ids-select__value>.ids-select__placeholder': {
|
|
7151
|
+
fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense)',
|
|
7152
|
+
fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense)',
|
|
7153
|
+
fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense)',
|
|
7154
|
+
letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense)',
|
|
7155
|
+
lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)',
|
|
7156
|
+
},
|
|
7157
|
+
'.ids-select-panel': {
|
|
7158
|
+
display: 'flex',
|
|
7159
|
+
flexDirection: 'column',
|
|
7160
|
+
alignItems: 'flex-start',
|
|
7161
|
+
flexShrink: 0,
|
|
7162
|
+
width: '100%',
|
|
7163
|
+
boxSizing: 'border-box',
|
|
7164
|
+
overflowY: 'auto',
|
|
7165
|
+
boxShadow:
|
|
7166
|
+
'var(--ids-smc-reference-container-effects-shadow-horizontal-none) var(--ids-smc-reference-container-effects-shadow-vertical-xxl) var(--ids-smc-reference-container-effects-shadow-blur-xxxl) var(--ids-smc-reference-container-effects-shadow-spread-xxs) var(--ids-smc-reference-container-effects-shadow-color-dark-default)',
|
|
7167
|
+
},
|
|
7168
|
+
'.ids-select-panel.ids-select-panel-compact': {
|
|
7169
|
+
padding: 'var(--ids-comp-forms-select-panel-size-padding-y-compact) var(--ids-comp-forms-select-panel-size-padding-x-compact)',
|
|
7170
|
+
gap: 'var(--ids-comp-forms-select-panel-size-gap-compact)',
|
|
7171
|
+
borderRadius: 'var(--ids-comp-forms-select-panel-size-border-radius-compact)',
|
|
7172
|
+
},
|
|
7173
|
+
'.ids-select-panel.ids-select-panel-comfortable': {
|
|
7174
|
+
padding:
|
|
7175
|
+
'var(--ids-comp-forms-select-panel-size-padding-y-comfortable) var(--ids-comp-forms-select-panel-size-padding-x-comfortable)',
|
|
7176
|
+
gap: 'var(--ids-comp-forms-select-panel-size-gap-comfortable)',
|
|
7177
|
+
borderRadius: 'var(--ids-comp-forms-select-panel-size-border-radius-comfortable)',
|
|
7178
|
+
},
|
|
7179
|
+
'.ids-select-panel.ids-select-panel-spacious': {
|
|
7180
|
+
padding: 'var(--ids-comp-forms-select-panel-size-padding-y-spacious) var(--ids-comp-forms-select-panel-size-padding-x-spacious)',
|
|
7181
|
+
gap: 'var(--ids-comp-forms-select-panel-size-gap-spacious)',
|
|
7182
|
+
borderRadius: 'var(--ids-comp-forms-select-panel-size-border-radius-spacious)',
|
|
7183
|
+
},
|
|
7184
|
+
'.ids-select-panel.ids-select-panel-dense': {
|
|
7185
|
+
padding: 'var(--ids-comp-forms-select-panel-size-padding-y-dense) var(--ids-comp-forms-select-panel-size-padding-x-dense)',
|
|
7186
|
+
gap: 'var(--ids-comp-forms-select-panel-size-gap-dense)',
|
|
7187
|
+
borderRadius: 'var(--ids-comp-forms-select-panel-size-border-radius-dense)',
|
|
7188
|
+
},
|
|
7189
|
+
'.ids-select-panel.ids-select-panel-surface': { background: 'var(--ids-comp-forms-select-panel-color-bg-surface-default)' },
|
|
7190
|
+
'.ids-select-panel.ids-select-panel-light': { background: 'var(--ids-comp-forms-select-panel-color-bg-light-default)' },
|
|
7191
|
+
'.ids-form-field>.ids-form-field__field-wrapper:has(.ids-select)': { cursor: 'pointer' },
|
|
7192
|
+
'.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7193
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
|
|
7194
|
+
'.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7195
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
|
|
7196
|
+
'.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7197
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
|
|
7198
|
+
'.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-surface>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7199
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
|
|
7200
|
+
'.ids-form-field>.ids-form-field__field-wrapper .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7201
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
|
|
7202
|
+
'.ids-form-field>.ids-form-field__field-wrapper:hover .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7203
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
|
|
7204
|
+
'.ids-form-field>.ids-form-field__field-wrapper:focus .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder,.ids-form-field>.ids-form-field__field-wrapper:focus-visible .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7205
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
|
|
7206
|
+
'.ids-form-field>.ids-form-field__field-wrapper:active .ids-select.ids-select-light>.ids-select__trigger>.ids-select__value>.ids-select__placeholder':
|
|
7207
|
+
{ color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
|
|
6873
7208
|
'.ids-snackbar-group': { display: 'flex' },
|
|
6874
7209
|
'.ids-snackbar-group.ids-snackbar-group-position-top-left,.ids-snackbar-group.ids-snackbar-group-position-top-center,.ids-snackbar-group.ids-snackbar-group-position-top-right':
|
|
6875
7210
|
{ flexDirection: 'column-reverse' },
|
|
@@ -7194,9 +7529,8 @@ module.exports = function ComponentsPlugin() {
|
|
|
7194
7529
|
top: 'auto',
|
|
7195
7530
|
bottom: 'auto',
|
|
7196
7531
|
},
|
|
7197
|
-
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__track-icon>.ids-icon': { position: 'absolute' },
|
|
7198
7532
|
'.ids-switch>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7199
|
-
position: '
|
|
7533
|
+
position: 'relative',
|
|
7200
7534
|
display: 'flex',
|
|
7201
7535
|
justifyContent: 'center',
|
|
7202
7536
|
alignItems: 'center',
|
|
@@ -7247,11 +7581,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
7247
7581
|
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-compact)',
|
|
7248
7582
|
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-compact)',
|
|
7249
7583
|
},
|
|
7250
|
-
'.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7251
|
-
left: 'var(--ids-comp-switch-track-size-padding-x-compact)',
|
|
7252
|
-
},
|
|
7584
|
+
'.ids-switch.ids-switch-compact:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': { left: '0' },
|
|
7253
7585
|
'.ids-switch.ids-switch-compact.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7254
|
-
left: 'calc(
|
|
7586
|
+
left: 'calc(var(--ids-comp-switch-track-size-width-compact) - var(--ids-comp-switch-handle-size-width-compact))',
|
|
7255
7587
|
},
|
|
7256
7588
|
'.ids-switch.ids-switch-comfortable': { gap: 'var(--ids-comp-switch-container-size-gap-comfortable)' },
|
|
7257
7589
|
'.ids-switch.ids-switch-comfortable>.ids-switch__button': {
|
|
@@ -7298,11 +7630,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
7298
7630
|
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-comfortable)',
|
|
7299
7631
|
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-comfortable)',
|
|
7300
7632
|
},
|
|
7301
|
-
'.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7302
|
-
left: 'var(--ids-comp-switch-track-size-padding-x-comfortable)',
|
|
7303
|
-
},
|
|
7633
|
+
'.ids-switch.ids-switch-comfortable:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': { left: '0' },
|
|
7304
7634
|
'.ids-switch.ids-switch-comfortable.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7305
|
-
left: 'calc(
|
|
7635
|
+
left: 'calc(var(--ids-comp-switch-track-size-width-comfortable) - var(--ids-comp-switch-handle-size-width-comfortable))',
|
|
7306
7636
|
},
|
|
7307
7637
|
'.ids-switch.ids-switch-spacious': { gap: 'var(--ids-comp-switch-container-size-gap-spacious)' },
|
|
7308
7638
|
'.ids-switch.ids-switch-spacious>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-spacious)' },
|
|
@@ -7347,11 +7677,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
7347
7677
|
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-spacious)',
|
|
7348
7678
|
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-spacious)',
|
|
7349
7679
|
},
|
|
7350
|
-
'.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7351
|
-
left: 'var(--ids-comp-switch-track-size-padding-x-spacious)',
|
|
7352
|
-
},
|
|
7680
|
+
'.ids-switch.ids-switch-spacious:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': { left: '0' },
|
|
7353
7681
|
'.ids-switch.ids-switch-spacious.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7354
|
-
left: 'calc(
|
|
7682
|
+
left: 'calc(var(--ids-comp-switch-track-size-width-spacious) - var(--ids-comp-switch-handle-size-width-spacious))',
|
|
7355
7683
|
},
|
|
7356
7684
|
'.ids-switch.ids-switch-dense': { gap: 'var(--ids-comp-switch-container-size-gap-dense)' },
|
|
7357
7685
|
'.ids-switch.ids-switch-dense>.ids-switch__button': { borderRadius: 'var(--ids-comp-switch-handle-size-border-radius-dense)' },
|
|
@@ -7396,11 +7724,9 @@ module.exports = function ComponentsPlugin() {
|
|
|
7396
7724
|
lineHeight: 'var(--ids-comp-switch-label-typography-line-height-dense)',
|
|
7397
7725
|
letterSpacing: 'var(--ids-comp-switch-label-typography-letter-spacing-dense)',
|
|
7398
7726
|
},
|
|
7399
|
-
'.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7400
|
-
left: 'var(--ids-comp-switch-track-size-padding-x-dense)',
|
|
7401
|
-
},
|
|
7727
|
+
'.ids-switch.ids-switch-dense:not(.ids-switch-on)>.ids-switch__button>.ids-switch__track>.ids-switch__handle': { left: '0' },
|
|
7402
7728
|
'.ids-switch.ids-switch-dense.ids-switch-on>.ids-switch__button>.ids-switch__track>.ids-switch__handle': {
|
|
7403
|
-
left: 'calc(
|
|
7729
|
+
left: 'calc(var(--ids-comp-switch-track-size-width-dense) - var(--ids-comp-switch-handle-size-width-dense))',
|
|
7404
7730
|
},
|
|
7405
7731
|
'.ids-switch.ids-switch-surface:not(.ids-switch-disabled)>.ids-switch__button>.ids-switch__track': {
|
|
7406
7732
|
backgroundColor: 'var(--ids-comp-switch-track-off-color-bg-surface-default)',
|