@i-cell/ids-styles 0.0.10 → 0.0.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components.css +1200 -1
  2. package/dist/components.min.css +1 -1
  3. package/dist/components.plugin.js +962 -1
  4. package/dist/form-elements/form-field/form-field.css +1193 -0
  5. package/dist/form-elements/form-field/form-field.min.css +1 -0
  6. package/dist/form-elements/form-field/form-field.plugin.js +967 -0
  7. package/dist/form-elements/message/message.css +3 -1
  8. package/dist/form-elements/message/message.min.css +1 -1
  9. package/dist/form-elements/message/message.plugin.js +1 -1
  10. package/dist/paginator/paginator.css +3 -0
  11. package/dist/paginator/paginator.min.css +1 -1
  12. package/dist/paginator/paginator.plugin.js +3 -0
  13. package/package.json +4 -4
package/dist/components.plugin.js CHANGED
@@ -2939,8 +2939,966 @@ module.exports = function ComponentsPlugin() {
2939
2939
  '.ids-divider.ids-divider-light': { background: 'var(--ids-comp-divider-color-bg-light-default)' },
2940
2940
  '.ids-divider.ids-divider-dark': { background: 'var(--ids-comp-divider-color-bg-dark-default)' },
2941
2941
  '.ids-divider.ids-divider-surface': { background: 'var(--ids-comp-divider-color-bg-surface-default)' },
2942
+ '.ids-form-field': { display: 'inline-flex', flexDirection: 'column', alignItems: 'flex-start' },
2943
+ '.ids-form-field>.ids-form-field__label': { flex: '1 0', overflow: 'hidden', textOverflow: 'ellipsis', fontStyle: 'normal' },
2944
+ '.ids-form-field>.ids-form-field__field-wrapper': {
2945
+ display: 'flex',
2946
+ alignItems: 'center',
2947
+ alignSelf: 'stretch',
2948
+ flexShrink: 0,
2949
+ borderStyle: 'solid',
2950
+ boxSizing: 'border-box',
2951
+ },
2952
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container': {
2953
+ display: 'flex',
2954
+ alignItems: 'center',
2955
+ flex: '1 0 0',
2956
+ },
2957
+ '.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
+ { display: 'flex', alignItems: 'center' },
2959
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix': {
2960
+ display: 'flex',
2961
+ alignItems: 'center',
2962
+ flex: '1 0 0',
2963
+ },
2964
+ '.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
+ { appearance: 'none', border: 'none', backgroundColor: 'rgba(0,0,0,0)', flex: '1 0 0', padding: '0' },
2966
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input:focus-visible,.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea:focus-visible':
2967
+ { outline: 'none' },
2968
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea': {
2969
+ resize: 'vertical',
2970
+ },
2971
+ '.ids-form-field>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
2972
+ display: 'flex',
2973
+ justifyContent: 'center',
2974
+ alignItems: 'center',
2975
+ alignSelf: 'stretch',
2976
+ borderLeftStyle: 'solid',
2977
+ },
2978
+ '.ids-form-field>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field>.ids-form-field__field-wrapper:has(textarea:focus)':
2979
+ { outlineOffset: '2px', outlineStyle: 'solid' },
2980
+ '.ids-form-field.ids-form-field-compact': { gap: 'var(--ids-comp-forms-form-field-standard-size-gap-compact)' },
2981
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__label': {
2982
+ padding: 'var(--ids-comp-forms-form-field-standard-label-size-padding-y-compact) 0px',
2983
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-label-typography-font-family-compact)',
2984
+ fontSize: 'var(--ids-comp-forms-form-field-standard-label-typography-font-size-compact)',
2985
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-label-typography-font-weight-compact)',
2986
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-label-typography-letter-spacing-compact)',
2987
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-label-typography-line-height-compact)',
2988
+ },
2989
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper': {
2990
+ padding:
2991
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-y-compact) var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-x-compact)',
2992
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-gap-compact)',
2993
+ borderRadius: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-radius-compact)',
2994
+ borderWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-width-compact)',
2995
+ },
2996
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container': {
2997
+ minHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-min-height-compact)',
2998
+ padding:
2999
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-compact) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-compact)',
3000
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-compact)',
3001
+ },
3002
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
3003
+ {
3004
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-compact)',
3005
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-compact)',
3006
+ },
3007
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
3008
+ {
3009
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-family-compact)',
3010
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-size-compact)',
3011
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-weight-compact)',
3012
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-letter-spacing-compact)',
3013
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-compact)',
3014
+ },
3015
+ '.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
+ {
3019
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-compact)',
3020
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-compact)',
3021
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-compact)',
3022
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-compact)',
3023
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-compact)',
3024
+ },
3025
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
3026
+ {
3027
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-compact)',
3028
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-compact)',
3029
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-compact)',
3030
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-compact)',
3031
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-compact)',
3032
+ },
3033
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
3034
+ {
3035
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-family-compact)',
3036
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-size-compact)',
3037
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-weight-compact)',
3038
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-compact)',
3039
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-compact)',
3040
+ },
3041
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
3042
+ {
3043
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-compact)',
3044
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-compact)',
3045
+ },
3046
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
3047
+ padding:
3048
+ '0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-right-compact) 0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-left-compact)',
3049
+ borderLeftWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-border-left-compact)',
3050
+ },
3051
+ '.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-compact>.ids-form-field__field-wrapper:has(textarea:focus)':
3052
+ { outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-compact)' },
3053
+ '.ids-form-field.ids-form-field-comfortable': { gap: 'var(--ids-comp-forms-form-field-standard-size-gap-comfortable)' },
3054
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__label': {
3055
+ padding: 'var(--ids-comp-forms-form-field-standard-label-size-padding-y-comfortable) 0px',
3056
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-label-typography-font-family-comfortable)',
3057
+ fontSize: 'var(--ids-comp-forms-form-field-standard-label-typography-font-size-comfortable)',
3058
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-label-typography-font-weight-comfortable)',
3059
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-label-typography-letter-spacing-comfortable)',
3060
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-label-typography-line-height-comfortable)',
3061
+ },
3062
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper': {
3063
+ padding:
3064
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-y-comfortable) var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-x-comfortable)',
3065
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-gap-comfortable)',
3066
+ borderRadius: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-radius-comfortable)',
3067
+ borderWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-width-comfortable)',
3068
+ },
3069
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container': {
3070
+ minHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-min-height-comfortable)',
3071
+ padding:
3072
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-comfortable) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-comfortable)',
3073
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-comfortable)',
3074
+ },
3075
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
3076
+ {
3077
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-comfortable)',
3078
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-comfortable)',
3079
+ },
3080
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
3081
+ {
3082
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-family-comfortable)',
3083
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-size-comfortable)',
3084
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-weight-comfortable)',
3085
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-letter-spacing-comfortable)',
3086
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-comfortable)',
3087
+ },
3088
+ '.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
+ {
3092
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-comfortable)',
3093
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-comfortable)',
3094
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-comfortable)',
3095
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-comfortable)',
3096
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-comfortable)',
3097
+ },
3098
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
3099
+ {
3100
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-comfortable)',
3101
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-comfortable)',
3102
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-comfortable)',
3103
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-comfortable)',
3104
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-comfortable)',
3105
+ },
3106
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
3107
+ {
3108
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-family-comfortable)',
3109
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-size-comfortable)',
3110
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-weight-comfortable)',
3111
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-comfortable)',
3112
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-comfortable)',
3113
+ },
3114
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
3115
+ {
3116
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-comfortable)',
3117
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-comfortable)',
3118
+ },
3119
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
3120
+ padding:
3121
+ '0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-right-comfortable) 0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-left-comfortable)',
3122
+ borderLeftWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-border-left-comfortable)',
3123
+ },
3124
+ '.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-comfortable>.ids-form-field__field-wrapper:has(textarea:focus)':
3125
+ { outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-comfortable)' },
3126
+ '.ids-form-field.ids-form-field-spacious': { gap: 'var(--ids-comp-forms-form-field-standard-size-gap-spacious)' },
3127
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__label': {
3128
+ padding: 'var(--ids-comp-forms-form-field-standard-label-size-padding-y-spacious) 0px',
3129
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-label-typography-font-family-spacious)',
3130
+ fontSize: 'var(--ids-comp-forms-form-field-standard-label-typography-font-size-spacious)',
3131
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-label-typography-font-weight-spacious)',
3132
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-label-typography-letter-spacing-spacious)',
3133
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-label-typography-line-height-spacious)',
3134
+ },
3135
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper': {
3136
+ padding:
3137
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-y-spacious) var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-x-spacious)',
3138
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-gap-spacious)',
3139
+ borderRadius: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-radius-spacious)',
3140
+ borderWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-width-spacious)',
3141
+ },
3142
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container': {
3143
+ minHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-min-height-spacious)',
3144
+ padding:
3145
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-spacious) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-spacious)',
3146
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-spacious)',
3147
+ },
3148
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
3149
+ {
3150
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-spacious)',
3151
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-spacious)',
3152
+ },
3153
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
3154
+ {
3155
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-family-spacious)',
3156
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-size-spacious)',
3157
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-weight-spacious)',
3158
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-letter-spacing-spacious)',
3159
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-spacious)',
3160
+ },
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
+ {
3165
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-spacious)',
3166
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-spacious)',
3167
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-spacious)',
3168
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-spacious)',
3169
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-spacious)',
3170
+ },
3171
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
3172
+ {
3173
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-spacious)',
3174
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-spacious)',
3175
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-spacious)',
3176
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-spacious)',
3177
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-spacious)',
3178
+ },
3179
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
3180
+ {
3181
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-family-spacious)',
3182
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-size-spacious)',
3183
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-weight-spacious)',
3184
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-spacious)',
3185
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-spacious)',
3186
+ },
3187
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
3188
+ {
3189
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-spacious)',
3190
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-spacious)',
3191
+ },
3192
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
3193
+ padding:
3194
+ '0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-right-spacious) 0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-left-spacious)',
3195
+ borderLeftWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-border-left-spacious)',
3196
+ },
3197
+ '.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-spacious>.ids-form-field__field-wrapper:has(textarea:focus)':
3198
+ { outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-spacious)' },
3199
+ '.ids-form-field.ids-form-field-dense': { gap: 'var(--ids-comp-forms-form-field-standard-size-gap-dense)' },
3200
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__label': {
3201
+ padding: 'var(--ids-comp-forms-form-field-standard-label-size-padding-y-dense) 0px',
3202
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-label-typography-font-family-dense)',
3203
+ fontSize: 'var(--ids-comp-forms-form-field-standard-label-typography-font-size-dense)',
3204
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-label-typography-font-weight-dense)',
3205
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-label-typography-letter-spacing-dense)',
3206
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-label-typography-line-height-dense)',
3207
+ },
3208
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper': {
3209
+ padding:
3210
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-y-dense) var(--ids-comp-forms-form-field-standard-field-wrapper-size-padding-x-dense)',
3211
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-gap-dense)',
3212
+ borderRadius: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-radius-dense)',
3213
+ borderWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-size-border-width-dense)',
3214
+ },
3215
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container': {
3216
+ minHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-min-height-dense)',
3217
+ padding:
3218
+ 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-y-dense) var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-padding-x-dense)',
3219
+ gap: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-size-gap-dense)',
3220
+ },
3221
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__leading-icon .ids-icon':
3222
+ {
3223
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-height-dense)',
3224
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-size-width-dense)',
3225
+ },
3226
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__prefix':
3227
+ {
3228
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-family-dense)',
3229
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-size-dense)',
3230
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-font-weight-dense)',
3231
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-letter-spacing-dense)',
3232
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-prefix-typography-line-height-dense)',
3233
+ },
3234
+ '.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
+ {
3238
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-family-dense)',
3239
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-size-dense)',
3240
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-font-weight-dense)',
3241
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-letter-spacing-dense)',
3242
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-filled-line-height-dense)',
3243
+ },
3244
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix input::placeholder,.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__infix textarea::placeholder':
3245
+ {
3246
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-family-dense)',
3247
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-size-dense)',
3248
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-font-weight-dense)',
3249
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-letter-spacing-dense)',
3250
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-typography-empty-line-height-dense)',
3251
+ },
3252
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__suffix':
3253
+ {
3254
+ fontFamily: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-family-dense)',
3255
+ fontSize: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-size-dense)',
3256
+ fontWeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-font-weight-dense)',
3257
+ letterSpacing: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-letter-spacing-dense)',
3258
+ lineHeight: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-typography-line-height-dense)',
3259
+ },
3260
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__container>.ids-form-field__trailing-icon .ids-icon':
3261
+ {
3262
+ height: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-height-dense)',
3263
+ width: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-size-width-dense)',
3264
+ },
3265
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action': {
3266
+ padding:
3267
+ '0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-right-dense) 0px var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-padding-left-dense)',
3268
+ borderLeftWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-size-border-left-dense)',
3269
+ },
3270
+ '.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-dense>.ids-form-field__field-wrapper:has(textarea:focus)':
3271
+ { outlineWidth: 'var(--ids-comp-forms-form-field-standard-field-wrapper-focused-outline-outline-dense)' },
3272
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper': {
3273
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-default)',
3274
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-default)',
3275
+ },
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__leading-icon .ids-icon':
3277
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
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__prefix':
3279
+ { 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 input,.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 textarea':
3281
+ { 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 input::placeholder,.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 textarea::placeholder':
3283
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
3284
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
3286
+ '.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__trailing-icon .ids-icon':
3287
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
3288
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
3289
+ {
3290
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default)',
3291
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3292
+ },
3293
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)':
3294
+ {
3295
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
3296
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-focused)',
3297
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-focused)',
3298
+ },
3299
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover': {
3300
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-hovered)',
3301
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-hovered)',
3302
+ },
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__leading-icon .ids-icon':
3304
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
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__prefix':
3306
+ { 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 input,.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 textarea':
3308
+ { 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 input::placeholder,.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 textarea::placeholder':
3310
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
3311
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
3313
+ '.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__trailing-icon .ids-icon':
3314
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
3315
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__action':
3316
+ {
3317
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default)',
3318
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3319
+ },
3320
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3321
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3323
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3327
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3329
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
3330
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
3332
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3333
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
3334
+ '.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__action,.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__action':
3335
+ {
3336
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default)',
3337
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3338
+ },
3339
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3340
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3341
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)':
3342
+ {
3343
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-pressed)',
3344
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-pressed)',
3345
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3347
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3351
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3353
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
3354
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
3356
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3357
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
3358
+ '.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__action,.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__action':
3359
+ {
3360
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default)',
3361
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3362
+ },
3363
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3364
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3365
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled)>.ids-form-field__label': {
3366
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-surface-default)',
3367
+ },
3368
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper': {
3369
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-default)',
3370
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-default)',
3371
+ },
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__leading-icon .ids-icon':
3373
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
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__prefix':
3375
+ { 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 input,.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 textarea':
3377
+ { 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 input::placeholder,.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 textarea::placeholder':
3379
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
3380
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
3382
+ '.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__trailing-icon .ids-icon':
3383
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
3384
+ '.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__action':
3385
+ {
3386
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-error-default)',
3387
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3388
+ },
3389
+ '.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.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)':
3390
+ {
3391
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
3392
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-focused)',
3393
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-focused)',
3394
+ },
3395
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover': {
3396
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-hovered)',
3397
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-hovered)',
3398
+ },
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__leading-icon .ids-icon':
3400
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
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__prefix':
3402
+ { 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 input,.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 textarea':
3404
+ { 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 input::placeholder,.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 textarea::placeholder':
3406
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
3407
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
3409
+ '.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__trailing-icon .ids-icon':
3410
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
3411
+ '.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__action':
3412
+ {
3413
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-error-default)',
3414
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3415
+ },
3416
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3417
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3419
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3423
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3425
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
3426
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
3428
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3429
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
3430
+ '.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__action,.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__action':
3431
+ {
3432
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-error-default)',
3433
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3434
+ },
3435
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3436
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3437
+ '.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.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)':
3438
+ {
3439
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-error-pressed)',
3440
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-error-pressed)',
3441
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3443
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3447
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3449
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
3450
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
3452
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3453
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
3454
+ '.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__action,.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__action':
3455
+ {
3456
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-error-default)',
3457
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3458
+ },
3459
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3460
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3461
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__label': {
3462
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-surface-error-default)',
3463
+ },
3464
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper': {
3465
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-default)',
3466
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-default)',
3467
+ },
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__leading-icon .ids-icon':
3469
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-default)' },
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__prefix':
3471
+ { 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 input,.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 textarea':
3473
+ { 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 input::placeholder,.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 textarea::placeholder':
3475
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-default)' },
3476
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-default)' },
3478
+ '.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__trailing-icon .ids-icon':
3479
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-default)' },
3480
+ '.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__action':
3481
+ {
3482
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-success-default)',
3483
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3484
+ },
3485
+ '.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.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)':
3486
+ {
3487
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)',
3488
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-focused)',
3489
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-focused)',
3490
+ },
3491
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover': {
3492
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-hovered)',
3493
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-hovered)',
3494
+ },
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__leading-icon .ids-icon':
3496
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-hovered)' },
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__prefix':
3498
+ { 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 input,.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 textarea':
3500
+ { 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 input::placeholder,.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 textarea::placeholder':
3502
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-hovered)' },
3503
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-hovered)' },
3505
+ '.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__trailing-icon .ids-icon':
3506
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-hovered)' },
3507
+ '.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__action':
3508
+ {
3509
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-success-default)',
3510
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3511
+ },
3512
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3513
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3515
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3519
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3521
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-focused)' },
3522
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-focused)' },
3524
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3525
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-focused)' },
3526
+ '.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__action,.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__action':
3527
+ {
3528
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-success-default)',
3529
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3530
+ },
3531
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3532
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3533
+ '.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.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)':
3534
+ {
3535
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-success-pressed)',
3536
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-success-pressed)',
3537
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3539
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3543
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3545
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-pressed)' },
3546
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-pressed)' },
3548
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3549
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-pressed)' },
3550
+ '.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__action,.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__action':
3551
+ {
3552
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-success-default)',
3553
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3554
+ },
3555
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3556
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3557
+ '.ids-form-field.ids-form-field-surface:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__label': {
3558
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-surface-success-default)',
3559
+ },
3560
+ '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper': {
3561
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-surface-disabled)',
3562
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-surface-disabled)',
3563
+ },
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__leading-icon .ids-icon':
3565
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-surface-disabled)' },
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__prefix':
3567
+ { 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 input,.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 textarea':
3569
+ { 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 input::placeholder,.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 textarea::placeholder':
3571
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-surface-disabled)' },
3572
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-surface-disabled)' },
3574
+ '.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__trailing-icon .ids-icon':
3575
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-surface-disabled)' },
3576
+ '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
3577
+ {
3578
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-surface-default)',
3579
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-surface-default)',
3580
+ },
3581
+ '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__field-wrapper:has(textarea:focus)':
3582
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-dark-focused)' },
3583
+ '.ids-form-field.ids-form-field-surface.ids-form-field-disabled>.ids-form-field__label': {
3584
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-surface-disabled)',
3585
+ },
3586
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper': {
3587
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-default)',
3588
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-default)',
3589
+ },
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__leading-icon .ids-icon':
3591
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
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__prefix':
3593
+ { 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 input,.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 textarea':
3595
+ { 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 input::placeholder,.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 textarea::placeholder':
3597
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
3598
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
3600
+ '.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__trailing-icon .ids-icon':
3601
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
3602
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
3603
+ {
3604
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default)',
3605
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3606
+ },
3607
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus)':
3608
+ {
3609
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
3610
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-focused)',
3611
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-focused)',
3612
+ },
3613
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover': {
3614
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-hovered)',
3615
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-hovered)',
3616
+ },
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__leading-icon .ids-icon':
3618
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
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__prefix':
3620
+ { 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 input,.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 textarea':
3622
+ { 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 input::placeholder,.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 textarea::placeholder':
3624
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
3625
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
3627
+ '.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__trailing-icon .ids-icon':
3628
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
3629
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover>.ids-form-field__field-wrapper__action':
3630
+ {
3631
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default)',
3632
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3633
+ },
3634
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3635
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3637
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3641
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3643
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
3644
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
3646
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3647
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
3648
+ '.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__action,.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__action':
3649
+ {
3650
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default)',
3651
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3652
+ },
3653
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3654
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3655
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active)':
3656
+ {
3657
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-pressed)',
3658
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-pressed)',
3659
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3661
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3665
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3667
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
3668
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
3670
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3671
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
3672
+ '.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__action,.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__action':
3673
+ {
3674
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default)',
3675
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3676
+ },
3677
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3678
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3679
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled)>.ids-form-field__label': {
3680
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-light-default)',
3681
+ },
3682
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper': {
3683
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-default)',
3684
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-default)',
3685
+ },
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__leading-icon .ids-icon':
3687
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
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__prefix':
3689
+ { 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 input,.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 textarea':
3691
+ { 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 input::placeholder,.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 textarea::placeholder':
3693
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
3694
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
3696
+ '.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__trailing-icon .ids-icon':
3697
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
3698
+ '.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__action':
3699
+ {
3700
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-error-default)',
3701
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3702
+ },
3703
+ '.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.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus)':
3704
+ {
3705
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
3706
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-focused)',
3707
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-focused)',
3708
+ },
3709
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover': {
3710
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-hovered)',
3711
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-hovered)',
3712
+ },
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__leading-icon .ids-icon':
3714
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
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__prefix':
3716
+ { 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 input,.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 textarea':
3718
+ { 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 input::placeholder,.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 textarea::placeholder':
3720
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
3721
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
3723
+ '.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__trailing-icon .ids-icon':
3724
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
3725
+ '.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__action':
3726
+ {
3727
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-error-default)',
3728
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3729
+ },
3730
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3731
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3733
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3737
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3739
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
3740
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
3742
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3743
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
3744
+ '.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__action,.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__action':
3745
+ {
3746
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-error-default)',
3747
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3748
+ },
3749
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3750
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3751
+ '.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.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active)':
3752
+ {
3753
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-error-pressed)',
3754
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-error-pressed)',
3755
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3757
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3761
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3763
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
3764
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
3766
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3767
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
3768
+ '.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__action,.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__action':
3769
+ {
3770
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-error-default)',
3771
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3772
+ },
3773
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3774
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3775
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-invalid>.ids-form-field__label': {
3776
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-light-error-default)',
3777
+ },
3778
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper': {
3779
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-default)',
3780
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-default)',
3781
+ },
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__leading-icon .ids-icon':
3783
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-default)' },
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__prefix':
3785
+ { 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 input,.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 textarea':
3787
+ { 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 input::placeholder,.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 textarea::placeholder':
3789
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-default)' },
3790
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-default)' },
3792
+ '.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__trailing-icon .ids-icon':
3793
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-default)' },
3794
+ '.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__action':
3795
+ {
3796
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-success-default)',
3797
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3798
+ },
3799
+ '.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.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus)':
3800
+ {
3801
+ outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)',
3802
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-focused)',
3803
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-focused)',
3804
+ },
3805
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover': {
3806
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-hovered)',
3807
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-hovered)',
3808
+ },
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__leading-icon .ids-icon':
3810
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-hovered)' },
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__prefix':
3812
+ { 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 input,.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 textarea':
3814
+ { 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 input::placeholder,.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 textarea::placeholder':
3816
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-hovered)' },
3817
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-hovered)' },
3819
+ '.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__trailing-icon .ids-icon':
3820
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-hovered)' },
3821
+ '.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__action':
3822
+ {
3823
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-success-default)',
3824
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3825
+ },
3826
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover:has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:hover:has(textarea:focus)':
3827
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3829
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-focused)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3833
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3835
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-focused)' },
3836
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-focused)' },
3838
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3839
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-focused)' },
3840
+ '.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__action,.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__action':
3841
+ {
3842
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-success-default)',
3843
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3844
+ },
3845
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:focus):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:focus):has(textarea:focus)':
3846
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3847
+ '.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.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active)':
3848
+ {
3849
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-success-pressed)',
3850
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-success-pressed)',
3851
+ },
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__leading-icon .ids-icon,.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__leading-icon .ids-icon':
3853
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-pressed)' },
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__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
+ { 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 input,.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 textarea,.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 input,.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 textarea':
3857
+ { 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 input::placeholder,.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 textarea::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 input::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 textarea::placeholder':
3859
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-pressed)' },
3860
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-pressed)' },
3862
+ '.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__trailing-icon .ids-icon,.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__trailing-icon .ids-icon':
3863
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-pressed)' },
3864
+ '.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__action,.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__action':
3865
+ {
3866
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-success-default)',
3867
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3868
+ },
3869
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(input:active):has(textarea:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active):has(input:focus),.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__field-wrapper:has(textarea:active):has(textarea:focus)':
3870
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3871
+ '.ids-form-field.ids-form-field-light:not(.ids-form-field-disabled).ids-form-field-valid>.ids-form-field__label': {
3872
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-light-success-default)',
3873
+ },
3874
+ '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper': {
3875
+ borderColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-border-light-disabled)',
3876
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-bg-light-disabled)',
3877
+ },
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__leading-icon .ids-icon':
3879
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-leading-icon-color-fg-light-disabled)' },
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__prefix':
3881
+ { 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 input,.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 textarea':
3883
+ { 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 input::placeholder,.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 textarea::placeholder':
3885
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-infix-empty-color-fg-text-light-disabled)' },
3886
+ '.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
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-suffix-color-fg-light-disabled)' },
3888
+ '.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__trailing-icon .ids-icon':
3889
+ { color: 'var(--ids-comp-forms-form-field-standard-field-wrapper-trailing-icon-color-fg-light-disabled)' },
3890
+ '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper>.ids-form-field__field-wrapper__action':
3891
+ {
3892
+ borderLeftColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-border-light-default)',
3893
+ background: 'var(--ids-comp-forms-form-field-standard-field-wrapper-action-color-bg-light-default)',
3894
+ },
3895
+ '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper:has(input:focus),.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__field-wrapper:has(textarea:focus)':
3896
+ { outlineColor: 'var(--ids-comp-forms-form-field-standard-field-wrapper-container-color-focused-outline-color-light-focused)' },
3897
+ '.ids-form-field.ids-form-field-light.ids-form-field-disabled>.ids-form-field__label': {
3898
+ color: 'var(--ids-comp-forms-form-field-standard-label-color-fg-light-disabled)',
3899
+ },
2942
3900
  '.ids-message': { display: 'flex', justifyContent: 'flex-start', alignItems: 'center', fontStyle: 'normal' },
2943
- '.ids-message .ids-message__prefix': { display: 'flex' },
3901
+ '.ids-message .ids-message__prefix,.ids-message .ids-message__suffix': { display: 'flex', alignItems: 'center' },
2944
3902
  '.ids-message .ids-message__text': { flexGrow: 1, textAlign: 'start' },
2945
3903
  '.ids-message.ids-message-compact': {
2946
3904
  gap: 'var(--ids-comp-forms-message-size-gap-compact)',
@@ -3714,6 +4672,9 @@ module.exports = function ComponentsPlugin() {
3714
4672
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container': {
3715
4673
  display: 'flex',
3716
4674
  alignItems: 'center',
4675
+ listStyle: 'none',
4676
+ padding: '0',
4677
+ margin: '0',
3717
4678
  order: 2,
3718
4679
  },
3719
4680
  '.ids-paginator .ids-paginator__navigation-container .ids-paginator__page-button-container .ids-paginator__page-button-truncation': {