@delightui/components 0.1.15 → 0.1.16

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 (3) hide show
  1. package/dist/cjs/library.css +311 -37
  2. package/dist/esm/library.css +311 -37
  3. package/package.json +1 -1
package/dist/cjs/library.css CHANGED
@@ -49758,6 +49758,9 @@ span.flatpickr-weekday {
49758
49758
  --date-picker__column-gap: var(--spacing-large)
49759
49759
  }
49760
49760
  :root {
49761
+ /* These values are here due to configuration we have for generating styles using variables.
49762
+ These are some not exported but configured during style generation. (missing in base.css)
49763
+ These values not be removed without updating the generation configuration */
49761
49764
  --input--error--password__opacity: 0px;
49762
49765
  --input--error--password__height: 32px;
49763
49766
  --input--error--password__min-height: auto;
@@ -49842,14 +49845,14 @@ span.flatpickr-weekday {
49842
49845
  --password--pressed__line-height: var(--line-height-body-small);
49843
49846
  --password--pressed__paragraph-spacing: 0px;
49844
49847
  --password--pressed__paragraph-indent: 0px;
49845
- --password--focused__font-family: var(--font-family-body);
49846
- --password--focused__font-size: var(--font-size-body-small);
49847
- --password--focused__font-weight: var(--font-weight-regular);
49848
- --password--focused__color: var(--text-primary);
49849
- --password--focused__letter-spacing: normal;
49850
- --password--focused__line-height: var(--line-height-body-small);
49851
- --password--focused__paragraph-spacing: 0px;
49852
- --password--focused__paragraph-indent: 0px;
49848
+ --password--focused-visible__font-family: var(--font-family-body);
49849
+ --password--focused-visible__font-size: var(--font-size-body-small);
49850
+ --password--focused-visible__font-weight: var(--font-weight-regular);
49851
+ --password--focused-visible__color: var(--text-primary);
49852
+ --password--focused-visible__letter-spacing: normal;
49853
+ --password--focused-visible__line-height: var(--line-height-body-small);
49854
+ --password--focused-visible__paragraph-spacing: 0px;
49855
+ --password--focused-visible__paragraph-indent: 0px;
49853
49856
  --input--error--password__font-family: var(--font-family-body);
49854
49857
  --input--error--password__font-size: var(--font-size-body-small);
49855
49858
  --input--error--password__font-weight: var(--font-weight-regular);
@@ -49892,14 +49895,14 @@ span.flatpickr-weekday {
49892
49895
  --password-placeholder--pressed__line-height: normal;
49893
49896
  --password-placeholder--pressed__paragraph-spacing: 0px;
49894
49897
  --password-placeholder--pressed__paragraph-indent: 0px;
49895
- --password-placeholder--focused__font-family: sans-sarif;
49896
- --password-placeholder--focused__font-size: initial;
49897
- --password-placeholder--focused__font-weight: regular;
49898
- --password-placeholder--focused__color: black;
49899
- --password-placeholder--focused__letter-spacing: normal;
49900
- --password-placeholder--focused__line-height: normal;
49901
- --password-placeholder--focused__paragraph-spacing: 0px;
49902
- --password-placeholder--focused__paragraph-indent: 0px;
49898
+ --password-placeholder--focused-visible__font-family: sans-sarif;
49899
+ --password-placeholder--focused-visible__font-size: initial;
49900
+ --password-placeholder--focused-visible__font-weight: regular;
49901
+ --password-placeholder--focused-visible__color: black;
49902
+ --password-placeholder--focused-visible__letter-spacing: normal;
49903
+ --password-placeholder--focused-visible__line-height: normal;
49904
+ --password-placeholder--focused-visible__paragraph-spacing: 0px;
49905
+ --password-placeholder--focused-visible__paragraph-indent: 0px;
49903
49906
  --password-placeholder--error__font-family: sans-sarif;
49904
49907
  --password-placeholder--error__font-size: initial;
49905
49908
  --password-placeholder--error__font-weight: regular;
@@ -49920,7 +49923,7 @@ span.flatpickr-weekday {
49920
49923
  --text-area--default__font-family: var(--font-family-body);
49921
49924
  --text-area--hover__font-family: var(--font-family-body);
49922
49925
  --text-area--pressed__font-family: var(--font-family-body);
49923
- --text-area--focused__font-family: var(--font-family-body);
49926
+ --text-area--focused-visible__font-family: var(--font-family-body);
49924
49927
  --text-area--error__font-family: var(--font-family-body);
49925
49928
  --text-area--disabled__font-family: var(--font-family-body);
49926
49929
  --text-area--default__font-size: var(--font-size-body-small);
@@ -49944,13 +49947,13 @@ span.flatpickr-weekday {
49944
49947
  --text-area--pressed__line-height: var(--line-height-body-small);
49945
49948
  --text-area--pressed__paragraph-spacing: 0px;
49946
49949
  --text-area--pressed__paragraph-indent: 0px;
49947
- --text-area--focused__font-size: var(--font-size-body-small);
49948
- --text-area--focused__font-weight: var(--font-weight-regular);
49949
- --text-area--focused__color: var(--text-primary);
49950
- --text-area--focused__letter-spacing: normal;
49951
- --text-area--focused__line-height: var(--line-height-body-small);
49952
- --text-area--focused__paragraph-spacing: 0px;
49953
- --text-area--focused__paragraph-indent: 0px;
49950
+ --text-area--focused-visible__font-size: var(--font-size-body-small);
49951
+ --text-area--focused-visible__font-weight: var(--font-weight-regular);
49952
+ --text-area--focused-visible__color: var(--text-primary);
49953
+ --text-area--focused-visible__letter-spacing: normal;
49954
+ --text-area--focused-visible__line-height: var(--line-height-body-small);
49955
+ --text-area--focused-visible__paragraph-spacing: 0px;
49956
+ --text-area--focused-visible__paragraph-indent: 0px;
49954
49957
  --text-area--error__font-size: var(--font-size-body-small);
49955
49958
  --text-area--error__font-weight: var(--font-weight-regular);
49956
49959
  --text-area--error__color: var(--text-primary);
@@ -49966,11 +49969,6 @@ span.flatpickr-weekday {
49966
49969
  --text-area--disabled__paragraph-spacing: 0px;
49967
49970
  --text-area--disabled__paragraph-indent: 0px;
49968
49971
 
49969
- --form-field--default__width: 100%;
49970
- --form-field--error__width: 100%;
49971
- --form-field-message--default__width: 100%;
49972
- --form-field-message--error__width: 100%;
49973
-
49974
49972
  --input-placeholder--hover--password__font-family: var(--font-family-body);
49975
49973
  --input-placeholder--hover--password__font-size: var(--font-size-body-small);
49976
49974
  --input-placeholder--hover--password__font-weight: var(--font-weight-regular);
@@ -49987,14 +49985,14 @@ span.flatpickr-weekday {
49987
49985
  --input-placeholder--pressed--password__line-height: var(--line-height-body-small);
49988
49986
  --input-placeholder--pressed--password__paragraph-spacing: 0px;
49989
49987
  --input-placeholder--pressed--password__paragraph-indent: 0px;
49990
- --input-placeholder--focused--password__font-family: var(--font-family-body);
49991
- --input-placeholder--focused--password__font-size: var(--font-size-body-small);
49992
- --input-placeholder--focused--password__font-weight: var(--font-weight-regular);
49993
- --input-placeholder--focused--password__color: black;
49994
- --input-placeholder--focused--password__letter-spacing: normal;
49995
- --input-placeholder--focused--password__line-height: var(--line-height-body-small);
49996
- --input-placeholder--focused--password__paragraph-spacing: 0px;
49997
- --input-placeholder--focused--password__paragraph-indent: 0px;
49988
+ --input-placeholder--focused-visible--password__font-family: var(--font-family-body);
49989
+ --input-placeholder--focused-visible--password__font-size: var(--font-size-body-small);
49990
+ --input-placeholder--focused-visible--password__font-weight: var(--font-weight-regular);
49991
+ --input-placeholder--focused-visible--password__color: black;
49992
+ --input-placeholder--focused-visible--password__letter-spacing: normal;
49993
+ --input-placeholder--focused-visible--password__line-height: var(--line-height-body-small);
49994
+ --input-placeholder--focused-visible--password__paragraph-spacing: 0px;
49995
+ --input-placeholder--focused-visible--password__paragraph-indent: 0px;
49998
49996
  --input-placeholder--error--password__font-family: var(--font-family-body);
49999
49997
  --input-placeholder--error--password__font-size: var(--font-size-body-small);
50000
49998
  --input-placeholder--error--password__font-weight: var(--font-weight-regular);
@@ -50012,7 +50010,283 @@ span.flatpickr-weekday {
50012
50010
  --input-placeholder--disabled--password__paragraph-spacing: 0px;
50013
50011
  --input-placeholder--disabled--password__paragraph-indent: 0px;
50014
50012
 
50013
+ /* These are only temporary values that needs to overridden from base.css
50014
+ After the exported values are updated, these values should be removed */
50015
+ --form-field--default__width: 100%;
50016
+ --form-field--error__width: 100%;
50017
+ --form-field-message--default__width: 100%;
50018
+ --form-field-message--error__width: 100%;
50019
+
50015
50020
  --list--vertical__flex-direction: column;
50021
+
50022
+ /* Focused State */
50023
+ --password--focused-visible__opacity: 0px;
50024
+ --password--focused-visible__height: 32px;
50025
+ --password--focused-visible__min-height: auto;
50026
+ --password--focused-visible__max-height: none;
50027
+ --password--focused-visible__width: 284px;
50028
+ --password--focused-visible__min-width: auto;
50029
+ --password--focused-visible__max-width: none;
50030
+ --password--focused-visible__background-color: var(--interactive-surface-secondary-default);
50031
+ --password--focused-visible__fill: black;
50032
+ --password--focused-visible__border-top-left-radius: var(--corner-radius-extra-small);
50033
+ --password--focused-visible__border-top-right-radius: var(--corner-radius-extra-small);
50034
+ --password--focused-visible__border-bottom-left-radius: var(--corner-radius-extra-small);
50035
+ --password--focused-visible__border-bottom-right-radius: var(--corner-radius-extra-small);
50036
+ --password--focused-visible__border-color: var(--border-primary);
50037
+ --password--focused-visible__border-style: solid;
50038
+ --password--focused-visible__border-gap: 0px;
50039
+ --password--focused-visible__border-dash: 0px;
50040
+ --password--focused-visible__border-top-width: 1px;
50041
+ --password--focused-visible__border-right-width: 1px;
50042
+ --password--focused-visible__border-bottom-width: 1px;
50043
+ --password--focused-visible__border-left-width: 1px;
50044
+ --password--focused-visible__outline-color: transparent;
50045
+ --password--focused-visible__outline-style: solid;
50046
+ --password--focused-visible__outline-width: 0px;
50047
+ --password--focused-visible__padding-left: var(--spacing-medium);
50048
+ --password--focused-visible__padding-right: var(--spacing-medium);
50049
+ --password--focused-visible__padding-top: var(--spacing-extra-small);
50050
+ --password--focused-visible__padding-bottom: var(--spacing-extra-small);
50051
+ --password--focused-visible__row-gap: 8px;
50052
+ --password--focused-visible__column-gap: var(--spacing-medium);
50053
+
50054
+ --select--focused-visible__opacity: 0px;
50055
+ --select--focused-visible__height: auto;
50056
+ --select--focused-visible__min-height: auto;
50057
+ --select--focused-visible__max-height: none;
50058
+ --select--focused-visible__width: 100%;
50059
+ --select--focused-visible__min-width: auto;
50060
+ --select--focused-visible__max-width: none;
50061
+ --select--focused-visible__background-color: transparent;
50062
+ --select--focused-visible__fill: black;
50063
+ --select--focused-visible__border-top-left-radius: 0px;
50064
+ --select--focused-visible__border-top-right-radius: 0px;
50065
+ --select--focused-visible__border-bottom-left-radius: 0px;
50066
+ --select--focused-visible__border-bottom-right-radius: 0px;
50067
+ --select--focused-visible__border-color: transparent;
50068
+ --select--focused-visible__border-style: solid;
50069
+ --select--focused-visible__border-gap: 0px;
50070
+ --select--focused-visible__border-dash: 0px;
50071
+ --select--focused-visible__border-top-width: 0px;
50072
+ --select--focused-visible__border-right-width: 0px;
50073
+ --select--focused-visible__border-bottom-width: 0px;
50074
+ --select--focused-visible__border-left-width: 0px;
50075
+ --select--focused-visible__outline-color: transparent;
50076
+ --select--focused-visible__outline-style: solid;
50077
+ --select--focused-visible__outline-width: 0px;
50078
+ --select--focused-visible__padding-left: 0px;
50079
+ --select--focused-visible__padding-right: 0px;
50080
+ --select--focused-visible__padding-top: 0px;
50081
+ --select--focused-visible__padding-bottom: 0px;
50082
+ --select--focused-visible__row-gap: 2px;
50083
+ --select--focused-visible__column-gap: var(--spacing-extra-extra-small);
50084
+
50085
+ --text-area--focused-visible__opacity: 0px;
50086
+ --text-area--focused-visible__height: 64px;
50087
+ --text-area--focused-visible__min-height: auto;
50088
+ --text-area--focused-visible__max-height: none;
50089
+ --text-area--focused-visible__width: 284px;
50090
+ --text-area--focused-visible__min-width: auto;
50091
+ --text-area--focused-visible__max-width: none;
50092
+ --text-area--focused-visible__background-color: var(--interactive-surface-secondary-default);
50093
+ --text-area--focused-visible__fill: black;
50094
+ --text-area--focused-visible__border-top-left-radius: var(--corner-radius-extra-small);
50095
+ --text-area--focused-visible__border-top-right-radius: var(--corner-radius-extra-small);
50096
+ --text-area--focused-visible__border-bottom-left-radius: var(--corner-radius-extra-small);
50097
+ --text-area--focused-visible__border-bottom-right-radius: var(--corner-radius-extra-small);
50098
+ --text-area--focused-visible__border-color: var(--border-primary);
50099
+ --text-area--focused-visible__border-style: solid;
50100
+ --text-area--focused-visible__border-gap: 0px;
50101
+ --text-area--focused-visible__border-dash: 0px;
50102
+ --text-area--focused-visible__border-top-width: 1px;
50103
+ --text-area--focused-visible__border-right-width: 1px;
50104
+ --text-area--focused-visible__border-bottom-width: 1px;
50105
+ --text-area--focused-visible__border-left-width: 1px;
50106
+ --text-area--focused-visible__outline-color: transparent;
50107
+ --text-area--focused-visible__outline-style: solid;
50108
+ --text-area--focused-visible__outline-width: 0px;
50109
+ --text-area--focused-visible__padding-left: var(--spacing-medium);
50110
+ --text-area--focused-visible__padding-right: var(--spacing-medium);
50111
+ --text-area--focused-visible__padding-top: var(--spacing-medium);
50112
+ --text-area--focused-visible__padding-bottom: var(--spacing-medium);
50113
+ --text-area--focused-visible__row-gap: 8px;
50114
+ --text-area--focused-visible__column-gap: var(--spacing-medium);
50115
+ --text-area--focused-visible__font-family: sans-sarif;
50116
+ --text-area--focused-visible__font-size: initial;
50117
+ --text-area--focused-visible__font-weight: regular;
50118
+ --text-area--focused-visible__color: black;
50119
+ --text-area--focused-visible__letter-spacing: normal;
50120
+ --text-area--focused-visible__line-height: normal;
50121
+ --text-area--focused-visible__paragraph-spacing: 0px;
50122
+ --text-area--focused-visible__paragraph-indent: 0px;
50123
+
50124
+ --text-area-placeholder--focused-visible__font-family: sans-sarif;
50125
+ --text-area-placeholder--focused-visible__font-size: initial;
50126
+ --text-area-placeholder--focused-visible__font-weight: regular;
50127
+ --text-area-placeholder--focused-visible__color: black;
50128
+ --text-area-placeholder--focused-visible__letter-spacing: normal;
50129
+ --text-area-placeholder--focused-visible__line-height: normal;
50130
+ --text-area-placeholder--focused-visible__paragraph-spacing: 0px;
50131
+ --text-area-placeholder--focused-visible__paragraph-indent: 0px;
50132
+
50133
+ --input--focused-visible--text__opacity: 0px;
50134
+ --input--focused-visible--text__height: 32px;
50135
+ --input--focused-visible--text__min-height: auto;
50136
+ --input--focused-visible--text__max-height: none;
50137
+ --input--focused-visible--text__width: 284px;
50138
+ --input--focused-visible--text__min-width: auto;
50139
+ --input--focused-visible--text__max-width: none;
50140
+ --input--focused-visible--text__background-color: var(--interactive-surface-secondary-default);
50141
+ --input--focused-visible--text__fill: black;
50142
+ --input--focused-visible--text__border-top-left-radius: var(--corner-radius-extra-small);
50143
+ --input--focused-visible--text__border-top-right-radius: var(--corner-radius-extra-small);
50144
+ --input--focused-visible--text__border-bottom-left-radius: var(--corner-radius-extra-small);
50145
+ --input--focused-visible--text__border-bottom-right-radius: var(--corner-radius-extra-small);
50146
+ --input--focused-visible--text__border-color: var(--border-primary);
50147
+ --input--focused-visible--text__border-style: solid;
50148
+ --input--focused-visible--text__border-gap: 0px;
50149
+ --input--focused-visible--text__border-dash: 0px;
50150
+ --input--focused-visible--text__border-top-width: 1px;
50151
+ --input--focused-visible--text__border-right-width: 1px;
50152
+ --input--focused-visible--text__border-bottom-width: 1px;
50153
+ --input--focused-visible--text__border-left-width: 1px;
50154
+ --input--focused-visible--text__outline-color: transparent;
50155
+ --input--focused-visible--text__outline-style: solid;
50156
+ --input--focused-visible--text__outline-width: 0px;
50157
+ --input--focused-visible--text__padding-left: var(--spacing-medium);
50158
+ --input--focused-visible--text__padding-right: var(--spacing-medium);
50159
+ --input--focused-visible--text__padding-top: var(--spacing-medium);
50160
+ --input--focused-visible--text__padding-bottom: var(--spacing-medium);
50161
+ --input--focused-visible--text__row-gap: 8px;
50162
+ --input--focused-visible--text__column-gap: var(--spacing-medium);
50163
+ --input--focused-visible--text__font-family: var(--font-family-body);
50164
+ --input--focused-visible--text__font-size: var(--font-size-body-small);
50165
+ --input--focused-visible--text__font-weight: var(--font-weight-regular);
50166
+ --input--focused-visible--text__color: var(--text-primary);
50167
+ --input--focused-visible--text__letter-spacing: normal;
50168
+ --input--focused-visible--text__line-height: var(--line-height-body-small);
50169
+ --input--focused-visible--text__paragraph-spacing: 0px;
50170
+ --input--focused-visible--text__paragraph-indent: 0px;
50171
+
50172
+ --input--focused-visible--email__opacity: 0px;
50173
+ --input--focused-visible--email__height: 32px;
50174
+ --input--focused-visible--email__min-height: auto;
50175
+ --input--focused-visible--email__max-height: none;
50176
+ --input--focused-visible--email__width: 284px;
50177
+ --input--focused-visible--email__min-width: auto;
50178
+ --input--focused-visible--email__max-width: none;
50179
+ --input--focused-visible--email__background-color: var(--interactive-surface-secondary-default);
50180
+ --input--focused-visible--email__fill: black;
50181
+ --input--focused-visible--email__border-top-left-radius: var(--corner-radius-extra-small);
50182
+ --input--focused-visible--email__border-top-right-radius: var(--corner-radius-extra-small);
50183
+ --input--focused-visible--email__border-bottom-left-radius: var(--corner-radius-extra-small);
50184
+ --input--focused-visible--email__border-bottom-right-radius: var(--corner-radius-extra-small);
50185
+ --input--focused-visible--email__border-color: var(--border-primary);
50186
+ --input--focused-visible--email__border-style: solid;
50187
+ --input--focused-visible--email__border-gap: 0px;
50188
+ --input--focused-visible--email__border-dash: 0px;
50189
+ --input--focused-visible--email__border-top-width: 1px;
50190
+ --input--focused-visible--email__border-right-width: 1px;
50191
+ --input--focused-visible--email__border-bottom-width: 1px;
50192
+ --input--focused-visible--email__border-left-width: 1px;
50193
+ --input--focused-visible--email__outline-color: transparent;
50194
+ --input--focused-visible--email__outline-style: solid;
50195
+ --input--focused-visible--email__outline-width: 0px;
50196
+ --input--focused-visible--email__padding-left: var(--spacing-medium);
50197
+ --input--focused-visible--email__padding-right: var(--spacing-medium);
50198
+ --input--focused-visible--email__padding-top: var(--spacing-medium);
50199
+ --input--focused-visible--email__padding-bottom: var(--spacing-medium);
50200
+ --input--focused-visible--email__row-gap: 8px;
50201
+ --input--focused-visible--email__column-gap: var(--spacing-medium);
50202
+ --input--focused-visible--email__font-family: var(--font-family-body);
50203
+ --input--focused-visible--email__font-size: var(--font-size-body-small);
50204
+ --input--focused-visible--email__font-weight: var(--font-weight-regular);
50205
+ --input--focused-visible--email__color: var(--text-primary);
50206
+ --input--focused-visible--email__letter-spacing: normal;
50207
+ --input--focused-visible--email__line-height: var(--line-height-body-small);
50208
+ --input--focused-visible--email__paragraph-spacing: 0px;
50209
+ --input--focused-visible--email__paragraph-indent: 0px;
50210
+
50211
+ --input--focused-visible--number__opacity: 0px;
50212
+ --input--focused-visible--number__height: 32px;
50213
+ --input--focused-visible--number__min-height: auto;
50214
+ --input--focused-visible--number__max-height: none;
50215
+ --input--focused-visible--number__width: 284px;
50216
+ --input--focused-visible--number__min-width: auto;
50217
+ --input--focused-visible--number__max-width: none;
50218
+ --input--focused-visible--number__background-color: var(--interactive-surface-secondary-default);
50219
+ --input--focused-visible--number__fill: black;
50220
+ --input--focused-visible--number__border-top-left-radius: var(--corner-radius-extra-small);
50221
+ --input--focused-visible--number__border-top-right-radius: var(--corner-radius-extra-small);
50222
+ --input--focused-visible--number__border-bottom-left-radius: var(--corner-radius-extra-small);
50223
+ --input--focused-visible--number__border-bottom-right-radius: var(--corner-radius-extra-small);
50224
+ --input--focused-visible--number__border-color: var(--border-primary);
50225
+ --input--focused-visible--number__border-style: solid;
50226
+ --input--focused-visible--number__border-gap: 0px;
50227
+ --input--focused-visible--number__border-dash: 0px;
50228
+ --input--focused-visible--number__border-top-width: 1px;
50229
+ --input--focused-visible--number__border-right-width: 1px;
50230
+ --input--focused-visible--number__border-bottom-width: 1px;
50231
+ --input--focused-visible--number__border-left-width: 1px;
50232
+ --input--focused-visible--number__outline-color: transparent;
50233
+ --input--focused-visible--number__outline-style: solid;
50234
+ --input--focused-visible--number__outline-width: 0px;
50235
+ --input--focused-visible--number__padding-left: var(--spacing-medium);
50236
+ --input--focused-visible--number__padding-right: var(--spacing-medium);
50237
+ --input--focused-visible--number__padding-top: var(--spacing-medium);
50238
+ --input--focused-visible--number__padding-bottom: var(--spacing-medium);
50239
+ --input--focused-visible--number__row-gap: 8px;
50240
+ --input--focused-visible--number__column-gap: var(--spacing-medium);
50241
+ --input--focused-visible--number__font-family: var(--font-family-body);
50242
+ --input--focused-visible--number__font-size: var(--font-size-body-small);
50243
+ --input--focused-visible--number__font-weight: var(--font-weight-regular);
50244
+ --input--focused-visible--number__color: black;
50245
+ --input--focused-visible--number__letter-spacing: normal;
50246
+ --input--focused-visible--number__line-height: var(--line-height-body-small);
50247
+ --input--focused-visible--number__paragraph-spacing: 0px;
50248
+ --input--focused-visible--number__paragraph-indent: 0px;
50249
+
50250
+ --input-placeholder--focused-visible--text__font-family: var(--font-family-body);
50251
+ --input-placeholder--focused-visible--text__font-size: var(--font-size-body-small);
50252
+ --input-placeholder--focused-visible--text__font-weight: var(--font-weight-regular);
50253
+ --input-placeholder--focused-visible--text__color: var(--text-tertiary);
50254
+ --input-placeholder--focused-visible--text__letter-spacing: normal;
50255
+ --input-placeholder--focused-visible--text__line-height: var(--line-height-body-small);
50256
+ --input-placeholder--focused-visible--text__paragraph-spacing: 0px;
50257
+ --input-placeholder--focused-visible--text__paragraph-indent: 0px;
50258
+
50259
+ --input-placeholder--focused-visible--email__font-family: var(--font-family-body);
50260
+ --input-placeholder--focused-visible--email__font-size: var(--font-size-body-small);
50261
+ --input-placeholder--focused-visible--email__font-weight: var(--font-weight-regular);
50262
+ --input-placeholder--focused-visible--email__color: var(--text-tertiary);
50263
+ --input-placeholder--focused-visible--email__letter-spacing: normal;
50264
+ --input-placeholder--focused-visible--email__line-height: var(--line-height-body-small);
50265
+ --input-placeholder--focused-visible--email__paragraph-spacing: 0px;
50266
+ --input-placeholder--focused-visible--email__paragraph-indent: 0px;
50267
+
50268
+ --input-placeholder--focused-visible--number__font-family: var(--font-family-body);
50269
+ --input-placeholder--focused-visible--number__font-size: var(--font-size-body-small);
50270
+ --input-placeholder--focused-visible--number__font-weight: var(--font-weight-regular);
50271
+ --input-placeholder--focused-visible--number__color: black;
50272
+ --input-placeholder--focused-visible--number__letter-spacing: normal;
50273
+ --input-placeholder--focused-visible--number__line-height: var(--line-height-body-small);
50274
+ --input-placeholder--focused-visible--number__paragraph-spacing: 0px;
50275
+ --input-placeholder--focused-visible--number__paragraph-indent: 0px;
50276
+
50277
+ --input-placeholder--focused-visible--password__font-family: var(--font-family-body);
50278
+ --input-placeholder--focused-visible--password__font-size: var(--font-size-body-small);
50279
+ --input-placeholder--focused-visible--password__font-weight: var(--font-weight-regular);
50280
+ --input-placeholder--focused-visible--password__color: black;
50281
+ --input-placeholder--focused-visible--password__letter-spacing: normal;
50282
+ --input-placeholder--focused-visible--password__line-height: var(--line-height-body-small);
50283
+ --input-placeholder--focused-visible--password__paragraph-spacing: 0px;
50284
+ --input-placeholder--focused-visible--password__paragraph-indent: 0px;
50285
+
50286
+ /* prevent changes in font color while hover and other states */
50287
+ --input--default--text__color: var(--text-primary);
50288
+ --input--default--email__color: var(--text-primary);
50289
+ --input--default--number__color: var(--text-primary);
50016
50290
  }
50017
50291
  [data-theme='light'] {
50018
50292
  /* Semantic [Colours] */
package/dist/esm/library.css CHANGED
@@ -49758,6 +49758,9 @@ span.flatpickr-weekday {
49758
49758
  --date-picker__column-gap: var(--spacing-large)
49759
49759
  }
49760
49760
  :root {
49761
+ /* These values are here due to configuration we have for generating styles using variables.
49762
+ These are some not exported but configured during style generation. (missing in base.css)
49763
+ These values not be removed without updating the generation configuration */
49761
49764
  --input--error--password__opacity: 0px;
49762
49765
  --input--error--password__height: 32px;
49763
49766
  --input--error--password__min-height: auto;
@@ -49842,14 +49845,14 @@ span.flatpickr-weekday {
49842
49845
  --password--pressed__line-height: var(--line-height-body-small);
49843
49846
  --password--pressed__paragraph-spacing: 0px;
49844
49847
  --password--pressed__paragraph-indent: 0px;
49845
- --password--focused__font-family: var(--font-family-body);
49846
- --password--focused__font-size: var(--font-size-body-small);
49847
- --password--focused__font-weight: var(--font-weight-regular);
49848
- --password--focused__color: var(--text-primary);
49849
- --password--focused__letter-spacing: normal;
49850
- --password--focused__line-height: var(--line-height-body-small);
49851
- --password--focused__paragraph-spacing: 0px;
49852
- --password--focused__paragraph-indent: 0px;
49848
+ --password--focused-visible__font-family: var(--font-family-body);
49849
+ --password--focused-visible__font-size: var(--font-size-body-small);
49850
+ --password--focused-visible__font-weight: var(--font-weight-regular);
49851
+ --password--focused-visible__color: var(--text-primary);
49852
+ --password--focused-visible__letter-spacing: normal;
49853
+ --password--focused-visible__line-height: var(--line-height-body-small);
49854
+ --password--focused-visible__paragraph-spacing: 0px;
49855
+ --password--focused-visible__paragraph-indent: 0px;
49853
49856
  --input--error--password__font-family: var(--font-family-body);
49854
49857
  --input--error--password__font-size: var(--font-size-body-small);
49855
49858
  --input--error--password__font-weight: var(--font-weight-regular);
@@ -49892,14 +49895,14 @@ span.flatpickr-weekday {
49892
49895
  --password-placeholder--pressed__line-height: normal;
49893
49896
  --password-placeholder--pressed__paragraph-spacing: 0px;
49894
49897
  --password-placeholder--pressed__paragraph-indent: 0px;
49895
- --password-placeholder--focused__font-family: sans-sarif;
49896
- --password-placeholder--focused__font-size: initial;
49897
- --password-placeholder--focused__font-weight: regular;
49898
- --password-placeholder--focused__color: black;
49899
- --password-placeholder--focused__letter-spacing: normal;
49900
- --password-placeholder--focused__line-height: normal;
49901
- --password-placeholder--focused__paragraph-spacing: 0px;
49902
- --password-placeholder--focused__paragraph-indent: 0px;
49898
+ --password-placeholder--focused-visible__font-family: sans-sarif;
49899
+ --password-placeholder--focused-visible__font-size: initial;
49900
+ --password-placeholder--focused-visible__font-weight: regular;
49901
+ --password-placeholder--focused-visible__color: black;
49902
+ --password-placeholder--focused-visible__letter-spacing: normal;
49903
+ --password-placeholder--focused-visible__line-height: normal;
49904
+ --password-placeholder--focused-visible__paragraph-spacing: 0px;
49905
+ --password-placeholder--focused-visible__paragraph-indent: 0px;
49903
49906
  --password-placeholder--error__font-family: sans-sarif;
49904
49907
  --password-placeholder--error__font-size: initial;
49905
49908
  --password-placeholder--error__font-weight: regular;
@@ -49920,7 +49923,7 @@ span.flatpickr-weekday {
49920
49923
  --text-area--default__font-family: var(--font-family-body);
49921
49924
  --text-area--hover__font-family: var(--font-family-body);
49922
49925
  --text-area--pressed__font-family: var(--font-family-body);
49923
- --text-area--focused__font-family: var(--font-family-body);
49926
+ --text-area--focused-visible__font-family: var(--font-family-body);
49924
49927
  --text-area--error__font-family: var(--font-family-body);
49925
49928
  --text-area--disabled__font-family: var(--font-family-body);
49926
49929
  --text-area--default__font-size: var(--font-size-body-small);
@@ -49944,13 +49947,13 @@ span.flatpickr-weekday {
49944
49947
  --text-area--pressed__line-height: var(--line-height-body-small);
49945
49948
  --text-area--pressed__paragraph-spacing: 0px;
49946
49949
  --text-area--pressed__paragraph-indent: 0px;
49947
- --text-area--focused__font-size: var(--font-size-body-small);
49948
- --text-area--focused__font-weight: var(--font-weight-regular);
49949
- --text-area--focused__color: var(--text-primary);
49950
- --text-area--focused__letter-spacing: normal;
49951
- --text-area--focused__line-height: var(--line-height-body-small);
49952
- --text-area--focused__paragraph-spacing: 0px;
49953
- --text-area--focused__paragraph-indent: 0px;
49950
+ --text-area--focused-visible__font-size: var(--font-size-body-small);
49951
+ --text-area--focused-visible__font-weight: var(--font-weight-regular);
49952
+ --text-area--focused-visible__color: var(--text-primary);
49953
+ --text-area--focused-visible__letter-spacing: normal;
49954
+ --text-area--focused-visible__line-height: var(--line-height-body-small);
49955
+ --text-area--focused-visible__paragraph-spacing: 0px;
49956
+ --text-area--focused-visible__paragraph-indent: 0px;
49954
49957
  --text-area--error__font-size: var(--font-size-body-small);
49955
49958
  --text-area--error__font-weight: var(--font-weight-regular);
49956
49959
  --text-area--error__color: var(--text-primary);
@@ -49966,11 +49969,6 @@ span.flatpickr-weekday {
49966
49969
  --text-area--disabled__paragraph-spacing: 0px;
49967
49970
  --text-area--disabled__paragraph-indent: 0px;
49968
49971
 
49969
- --form-field--default__width: 100%;
49970
- --form-field--error__width: 100%;
49971
- --form-field-message--default__width: 100%;
49972
- --form-field-message--error__width: 100%;
49973
-
49974
49972
  --input-placeholder--hover--password__font-family: var(--font-family-body);
49975
49973
  --input-placeholder--hover--password__font-size: var(--font-size-body-small);
49976
49974
  --input-placeholder--hover--password__font-weight: var(--font-weight-regular);
@@ -49987,14 +49985,14 @@ span.flatpickr-weekday {
49987
49985
  --input-placeholder--pressed--password__line-height: var(--line-height-body-small);
49988
49986
  --input-placeholder--pressed--password__paragraph-spacing: 0px;
49989
49987
  --input-placeholder--pressed--password__paragraph-indent: 0px;
49990
- --input-placeholder--focused--password__font-family: var(--font-family-body);
49991
- --input-placeholder--focused--password__font-size: var(--font-size-body-small);
49992
- --input-placeholder--focused--password__font-weight: var(--font-weight-regular);
49993
- --input-placeholder--focused--password__color: black;
49994
- --input-placeholder--focused--password__letter-spacing: normal;
49995
- --input-placeholder--focused--password__line-height: var(--line-height-body-small);
49996
- --input-placeholder--focused--password__paragraph-spacing: 0px;
49997
- --input-placeholder--focused--password__paragraph-indent: 0px;
49988
+ --input-placeholder--focused-visible--password__font-family: var(--font-family-body);
49989
+ --input-placeholder--focused-visible--password__font-size: var(--font-size-body-small);
49990
+ --input-placeholder--focused-visible--password__font-weight: var(--font-weight-regular);
49991
+ --input-placeholder--focused-visible--password__color: black;
49992
+ --input-placeholder--focused-visible--password__letter-spacing: normal;
49993
+ --input-placeholder--focused-visible--password__line-height: var(--line-height-body-small);
49994
+ --input-placeholder--focused-visible--password__paragraph-spacing: 0px;
49995
+ --input-placeholder--focused-visible--password__paragraph-indent: 0px;
49998
49996
  --input-placeholder--error--password__font-family: var(--font-family-body);
49999
49997
  --input-placeholder--error--password__font-size: var(--font-size-body-small);
50000
49998
  --input-placeholder--error--password__font-weight: var(--font-weight-regular);
@@ -50012,7 +50010,283 @@ span.flatpickr-weekday {
50012
50010
  --input-placeholder--disabled--password__paragraph-spacing: 0px;
50013
50011
  --input-placeholder--disabled--password__paragraph-indent: 0px;
50014
50012
 
50013
+ /* These are only temporary values that needs to overridden from base.css
50014
+ After the exported values are updated, these values should be removed */
50015
+ --form-field--default__width: 100%;
50016
+ --form-field--error__width: 100%;
50017
+ --form-field-message--default__width: 100%;
50018
+ --form-field-message--error__width: 100%;
50019
+
50015
50020
  --list--vertical__flex-direction: column;
50021
+
50022
+ /* Focused State */
50023
+ --password--focused-visible__opacity: 0px;
50024
+ --password--focused-visible__height: 32px;
50025
+ --password--focused-visible__min-height: auto;
50026
+ --password--focused-visible__max-height: none;
50027
+ --password--focused-visible__width: 284px;
50028
+ --password--focused-visible__min-width: auto;
50029
+ --password--focused-visible__max-width: none;
50030
+ --password--focused-visible__background-color: var(--interactive-surface-secondary-default);
50031
+ --password--focused-visible__fill: black;
50032
+ --password--focused-visible__border-top-left-radius: var(--corner-radius-extra-small);
50033
+ --password--focused-visible__border-top-right-radius: var(--corner-radius-extra-small);
50034
+ --password--focused-visible__border-bottom-left-radius: var(--corner-radius-extra-small);
50035
+ --password--focused-visible__border-bottom-right-radius: var(--corner-radius-extra-small);
50036
+ --password--focused-visible__border-color: var(--border-primary);
50037
+ --password--focused-visible__border-style: solid;
50038
+ --password--focused-visible__border-gap: 0px;
50039
+ --password--focused-visible__border-dash: 0px;
50040
+ --password--focused-visible__border-top-width: 1px;
50041
+ --password--focused-visible__border-right-width: 1px;
50042
+ --password--focused-visible__border-bottom-width: 1px;
50043
+ --password--focused-visible__border-left-width: 1px;
50044
+ --password--focused-visible__outline-color: transparent;
50045
+ --password--focused-visible__outline-style: solid;
50046
+ --password--focused-visible__outline-width: 0px;
50047
+ --password--focused-visible__padding-left: var(--spacing-medium);
50048
+ --password--focused-visible__padding-right: var(--spacing-medium);
50049
+ --password--focused-visible__padding-top: var(--spacing-extra-small);
50050
+ --password--focused-visible__padding-bottom: var(--spacing-extra-small);
50051
+ --password--focused-visible__row-gap: 8px;
50052
+ --password--focused-visible__column-gap: var(--spacing-medium);
50053
+
50054
+ --select--focused-visible__opacity: 0px;
50055
+ --select--focused-visible__height: auto;
50056
+ --select--focused-visible__min-height: auto;
50057
+ --select--focused-visible__max-height: none;
50058
+ --select--focused-visible__width: 100%;
50059
+ --select--focused-visible__min-width: auto;
50060
+ --select--focused-visible__max-width: none;
50061
+ --select--focused-visible__background-color: transparent;
50062
+ --select--focused-visible__fill: black;
50063
+ --select--focused-visible__border-top-left-radius: 0px;
50064
+ --select--focused-visible__border-top-right-radius: 0px;
50065
+ --select--focused-visible__border-bottom-left-radius: 0px;
50066
+ --select--focused-visible__border-bottom-right-radius: 0px;
50067
+ --select--focused-visible__border-color: transparent;
50068
+ --select--focused-visible__border-style: solid;
50069
+ --select--focused-visible__border-gap: 0px;
50070
+ --select--focused-visible__border-dash: 0px;
50071
+ --select--focused-visible__border-top-width: 0px;
50072
+ --select--focused-visible__border-right-width: 0px;
50073
+ --select--focused-visible__border-bottom-width: 0px;
50074
+ --select--focused-visible__border-left-width: 0px;
50075
+ --select--focused-visible__outline-color: transparent;
50076
+ --select--focused-visible__outline-style: solid;
50077
+ --select--focused-visible__outline-width: 0px;
50078
+ --select--focused-visible__padding-left: 0px;
50079
+ --select--focused-visible__padding-right: 0px;
50080
+ --select--focused-visible__padding-top: 0px;
50081
+ --select--focused-visible__padding-bottom: 0px;
50082
+ --select--focused-visible__row-gap: 2px;
50083
+ --select--focused-visible__column-gap: var(--spacing-extra-extra-small);
50084
+
50085
+ --text-area--focused-visible__opacity: 0px;
50086
+ --text-area--focused-visible__height: 64px;
50087
+ --text-area--focused-visible__min-height: auto;
50088
+ --text-area--focused-visible__max-height: none;
50089
+ --text-area--focused-visible__width: 284px;
50090
+ --text-area--focused-visible__min-width: auto;
50091
+ --text-area--focused-visible__max-width: none;
50092
+ --text-area--focused-visible__background-color: var(--interactive-surface-secondary-default);
50093
+ --text-area--focused-visible__fill: black;
50094
+ --text-area--focused-visible__border-top-left-radius: var(--corner-radius-extra-small);
50095
+ --text-area--focused-visible__border-top-right-radius: var(--corner-radius-extra-small);
50096
+ --text-area--focused-visible__border-bottom-left-radius: var(--corner-radius-extra-small);
50097
+ --text-area--focused-visible__border-bottom-right-radius: var(--corner-radius-extra-small);
50098
+ --text-area--focused-visible__border-color: var(--border-primary);
50099
+ --text-area--focused-visible__border-style: solid;
50100
+ --text-area--focused-visible__border-gap: 0px;
50101
+ --text-area--focused-visible__border-dash: 0px;
50102
+ --text-area--focused-visible__border-top-width: 1px;
50103
+ --text-area--focused-visible__border-right-width: 1px;
50104
+ --text-area--focused-visible__border-bottom-width: 1px;
50105
+ --text-area--focused-visible__border-left-width: 1px;
50106
+ --text-area--focused-visible__outline-color: transparent;
50107
+ --text-area--focused-visible__outline-style: solid;
50108
+ --text-area--focused-visible__outline-width: 0px;
50109
+ --text-area--focused-visible__padding-left: var(--spacing-medium);
50110
+ --text-area--focused-visible__padding-right: var(--spacing-medium);
50111
+ --text-area--focused-visible__padding-top: var(--spacing-medium);
50112
+ --text-area--focused-visible__padding-bottom: var(--spacing-medium);
50113
+ --text-area--focused-visible__row-gap: 8px;
50114
+ --text-area--focused-visible__column-gap: var(--spacing-medium);
50115
+ --text-area--focused-visible__font-family: sans-sarif;
50116
+ --text-area--focused-visible__font-size: initial;
50117
+ --text-area--focused-visible__font-weight: regular;
50118
+ --text-area--focused-visible__color: black;
50119
+ --text-area--focused-visible__letter-spacing: normal;
50120
+ --text-area--focused-visible__line-height: normal;
50121
+ --text-area--focused-visible__paragraph-spacing: 0px;
50122
+ --text-area--focused-visible__paragraph-indent: 0px;
50123
+
50124
+ --text-area-placeholder--focused-visible__font-family: sans-sarif;
50125
+ --text-area-placeholder--focused-visible__font-size: initial;
50126
+ --text-area-placeholder--focused-visible__font-weight: regular;
50127
+ --text-area-placeholder--focused-visible__color: black;
50128
+ --text-area-placeholder--focused-visible__letter-spacing: normal;
50129
+ --text-area-placeholder--focused-visible__line-height: normal;
50130
+ --text-area-placeholder--focused-visible__paragraph-spacing: 0px;
50131
+ --text-area-placeholder--focused-visible__paragraph-indent: 0px;
50132
+
50133
+ --input--focused-visible--text__opacity: 0px;
50134
+ --input--focused-visible--text__height: 32px;
50135
+ --input--focused-visible--text__min-height: auto;
50136
+ --input--focused-visible--text__max-height: none;
50137
+ --input--focused-visible--text__width: 284px;
50138
+ --input--focused-visible--text__min-width: auto;
50139
+ --input--focused-visible--text__max-width: none;
50140
+ --input--focused-visible--text__background-color: var(--interactive-surface-secondary-default);
50141
+ --input--focused-visible--text__fill: black;
50142
+ --input--focused-visible--text__border-top-left-radius: var(--corner-radius-extra-small);
50143
+ --input--focused-visible--text__border-top-right-radius: var(--corner-radius-extra-small);
50144
+ --input--focused-visible--text__border-bottom-left-radius: var(--corner-radius-extra-small);
50145
+ --input--focused-visible--text__border-bottom-right-radius: var(--corner-radius-extra-small);
50146
+ --input--focused-visible--text__border-color: var(--border-primary);
50147
+ --input--focused-visible--text__border-style: solid;
50148
+ --input--focused-visible--text__border-gap: 0px;
50149
+ --input--focused-visible--text__border-dash: 0px;
50150
+ --input--focused-visible--text__border-top-width: 1px;
50151
+ --input--focused-visible--text__border-right-width: 1px;
50152
+ --input--focused-visible--text__border-bottom-width: 1px;
50153
+ --input--focused-visible--text__border-left-width: 1px;
50154
+ --input--focused-visible--text__outline-color: transparent;
50155
+ --input--focused-visible--text__outline-style: solid;
50156
+ --input--focused-visible--text__outline-width: 0px;
50157
+ --input--focused-visible--text__padding-left: var(--spacing-medium);
50158
+ --input--focused-visible--text__padding-right: var(--spacing-medium);
50159
+ --input--focused-visible--text__padding-top: var(--spacing-medium);
50160
+ --input--focused-visible--text__padding-bottom: var(--spacing-medium);
50161
+ --input--focused-visible--text__row-gap: 8px;
50162
+ --input--focused-visible--text__column-gap: var(--spacing-medium);
50163
+ --input--focused-visible--text__font-family: var(--font-family-body);
50164
+ --input--focused-visible--text__font-size: var(--font-size-body-small);
50165
+ --input--focused-visible--text__font-weight: var(--font-weight-regular);
50166
+ --input--focused-visible--text__color: var(--text-primary);
50167
+ --input--focused-visible--text__letter-spacing: normal;
50168
+ --input--focused-visible--text__line-height: var(--line-height-body-small);
50169
+ --input--focused-visible--text__paragraph-spacing: 0px;
50170
+ --input--focused-visible--text__paragraph-indent: 0px;
50171
+
50172
+ --input--focused-visible--email__opacity: 0px;
50173
+ --input--focused-visible--email__height: 32px;
50174
+ --input--focused-visible--email__min-height: auto;
50175
+ --input--focused-visible--email__max-height: none;
50176
+ --input--focused-visible--email__width: 284px;
50177
+ --input--focused-visible--email__min-width: auto;
50178
+ --input--focused-visible--email__max-width: none;
50179
+ --input--focused-visible--email__background-color: var(--interactive-surface-secondary-default);
50180
+ --input--focused-visible--email__fill: black;
50181
+ --input--focused-visible--email__border-top-left-radius: var(--corner-radius-extra-small);
50182
+ --input--focused-visible--email__border-top-right-radius: var(--corner-radius-extra-small);
50183
+ --input--focused-visible--email__border-bottom-left-radius: var(--corner-radius-extra-small);
50184
+ --input--focused-visible--email__border-bottom-right-radius: var(--corner-radius-extra-small);
50185
+ --input--focused-visible--email__border-color: var(--border-primary);
50186
+ --input--focused-visible--email__border-style: solid;
50187
+ --input--focused-visible--email__border-gap: 0px;
50188
+ --input--focused-visible--email__border-dash: 0px;
50189
+ --input--focused-visible--email__border-top-width: 1px;
50190
+ --input--focused-visible--email__border-right-width: 1px;
50191
+ --input--focused-visible--email__border-bottom-width: 1px;
50192
+ --input--focused-visible--email__border-left-width: 1px;
50193
+ --input--focused-visible--email__outline-color: transparent;
50194
+ --input--focused-visible--email__outline-style: solid;
50195
+ --input--focused-visible--email__outline-width: 0px;
50196
+ --input--focused-visible--email__padding-left: var(--spacing-medium);
50197
+ --input--focused-visible--email__padding-right: var(--spacing-medium);
50198
+ --input--focused-visible--email__padding-top: var(--spacing-medium);
50199
+ --input--focused-visible--email__padding-bottom: var(--spacing-medium);
50200
+ --input--focused-visible--email__row-gap: 8px;
50201
+ --input--focused-visible--email__column-gap: var(--spacing-medium);
50202
+ --input--focused-visible--email__font-family: var(--font-family-body);
50203
+ --input--focused-visible--email__font-size: var(--font-size-body-small);
50204
+ --input--focused-visible--email__font-weight: var(--font-weight-regular);
50205
+ --input--focused-visible--email__color: var(--text-primary);
50206
+ --input--focused-visible--email__letter-spacing: normal;
50207
+ --input--focused-visible--email__line-height: var(--line-height-body-small);
50208
+ --input--focused-visible--email__paragraph-spacing: 0px;
50209
+ --input--focused-visible--email__paragraph-indent: 0px;
50210
+
50211
+ --input--focused-visible--number__opacity: 0px;
50212
+ --input--focused-visible--number__height: 32px;
50213
+ --input--focused-visible--number__min-height: auto;
50214
+ --input--focused-visible--number__max-height: none;
50215
+ --input--focused-visible--number__width: 284px;
50216
+ --input--focused-visible--number__min-width: auto;
50217
+ --input--focused-visible--number__max-width: none;
50218
+ --input--focused-visible--number__background-color: var(--interactive-surface-secondary-default);
50219
+ --input--focused-visible--number__fill: black;
50220
+ --input--focused-visible--number__border-top-left-radius: var(--corner-radius-extra-small);
50221
+ --input--focused-visible--number__border-top-right-radius: var(--corner-radius-extra-small);
50222
+ --input--focused-visible--number__border-bottom-left-radius: var(--corner-radius-extra-small);
50223
+ --input--focused-visible--number__border-bottom-right-radius: var(--corner-radius-extra-small);
50224
+ --input--focused-visible--number__border-color: var(--border-primary);
50225
+ --input--focused-visible--number__border-style: solid;
50226
+ --input--focused-visible--number__border-gap: 0px;
50227
+ --input--focused-visible--number__border-dash: 0px;
50228
+ --input--focused-visible--number__border-top-width: 1px;
50229
+ --input--focused-visible--number__border-right-width: 1px;
50230
+ --input--focused-visible--number__border-bottom-width: 1px;
50231
+ --input--focused-visible--number__border-left-width: 1px;
50232
+ --input--focused-visible--number__outline-color: transparent;
50233
+ --input--focused-visible--number__outline-style: solid;
50234
+ --input--focused-visible--number__outline-width: 0px;
50235
+ --input--focused-visible--number__padding-left: var(--spacing-medium);
50236
+ --input--focused-visible--number__padding-right: var(--spacing-medium);
50237
+ --input--focused-visible--number__padding-top: var(--spacing-medium);
50238
+ --input--focused-visible--number__padding-bottom: var(--spacing-medium);
50239
+ --input--focused-visible--number__row-gap: 8px;
50240
+ --input--focused-visible--number__column-gap: var(--spacing-medium);
50241
+ --input--focused-visible--number__font-family: var(--font-family-body);
50242
+ --input--focused-visible--number__font-size: var(--font-size-body-small);
50243
+ --input--focused-visible--number__font-weight: var(--font-weight-regular);
50244
+ --input--focused-visible--number__color: black;
50245
+ --input--focused-visible--number__letter-spacing: normal;
50246
+ --input--focused-visible--number__line-height: var(--line-height-body-small);
50247
+ --input--focused-visible--number__paragraph-spacing: 0px;
50248
+ --input--focused-visible--number__paragraph-indent: 0px;
50249
+
50250
+ --input-placeholder--focused-visible--text__font-family: var(--font-family-body);
50251
+ --input-placeholder--focused-visible--text__font-size: var(--font-size-body-small);
50252
+ --input-placeholder--focused-visible--text__font-weight: var(--font-weight-regular);
50253
+ --input-placeholder--focused-visible--text__color: var(--text-tertiary);
50254
+ --input-placeholder--focused-visible--text__letter-spacing: normal;
50255
+ --input-placeholder--focused-visible--text__line-height: var(--line-height-body-small);
50256
+ --input-placeholder--focused-visible--text__paragraph-spacing: 0px;
50257
+ --input-placeholder--focused-visible--text__paragraph-indent: 0px;
50258
+
50259
+ --input-placeholder--focused-visible--email__font-family: var(--font-family-body);
50260
+ --input-placeholder--focused-visible--email__font-size: var(--font-size-body-small);
50261
+ --input-placeholder--focused-visible--email__font-weight: var(--font-weight-regular);
50262
+ --input-placeholder--focused-visible--email__color: var(--text-tertiary);
50263
+ --input-placeholder--focused-visible--email__letter-spacing: normal;
50264
+ --input-placeholder--focused-visible--email__line-height: var(--line-height-body-small);
50265
+ --input-placeholder--focused-visible--email__paragraph-spacing: 0px;
50266
+ --input-placeholder--focused-visible--email__paragraph-indent: 0px;
50267
+
50268
+ --input-placeholder--focused-visible--number__font-family: var(--font-family-body);
50269
+ --input-placeholder--focused-visible--number__font-size: var(--font-size-body-small);
50270
+ --input-placeholder--focused-visible--number__font-weight: var(--font-weight-regular);
50271
+ --input-placeholder--focused-visible--number__color: black;
50272
+ --input-placeholder--focused-visible--number__letter-spacing: normal;
50273
+ --input-placeholder--focused-visible--number__line-height: var(--line-height-body-small);
50274
+ --input-placeholder--focused-visible--number__paragraph-spacing: 0px;
50275
+ --input-placeholder--focused-visible--number__paragraph-indent: 0px;
50276
+
50277
+ --input-placeholder--focused-visible--password__font-family: var(--font-family-body);
50278
+ --input-placeholder--focused-visible--password__font-size: var(--font-size-body-small);
50279
+ --input-placeholder--focused-visible--password__font-weight: var(--font-weight-regular);
50280
+ --input-placeholder--focused-visible--password__color: black;
50281
+ --input-placeholder--focused-visible--password__letter-spacing: normal;
50282
+ --input-placeholder--focused-visible--password__line-height: var(--line-height-body-small);
50283
+ --input-placeholder--focused-visible--password__paragraph-spacing: 0px;
50284
+ --input-placeholder--focused-visible--password__paragraph-indent: 0px;
50285
+
50286
+ /* prevent changes in font color while hover and other states */
50287
+ --input--default--text__color: var(--text-primary);
50288
+ --input--default--email__color: var(--text-primary);
50289
+ --input--default--number__color: var(--text-primary);
50016
50290
  }
50017
50291
  [data-theme='light'] {
50018
50292
  /* Semantic [Colours] */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delightui/components",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "start": "vite",