@vellira-ui/tokens 2.44.3 → 2.44.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/tokens.css +99 -15
- package/dist/dark/components/modal.d.ts +7 -2
- package/dist/dark/components/modal.d.ts.map +1 -1
- package/dist/dark/components/radio.d.ts +35 -0
- package/dist/dark/components/radio.d.ts.map +1 -1
- package/dist/dark/components/radio.js +3 -1
- package/dist/dark/components/select.d.ts.map +1 -1
- package/dist/dark/components/select.js +1 -0
- package/dist/factories/createModalTokens.d.ts +7 -2
- package/dist/factories/createModalTokens.d.ts.map +1 -1
- package/dist/factories/createModalTokens.js +8 -3
- package/dist/factories/createRadioPalette.d.ts +35 -0
- package/dist/factories/createRadioPalette.d.ts.map +1 -1
- package/dist/factories/createRadioPalette.js +36 -0
- package/dist/generated/token-types.d.ts +4 -4
- package/dist/generated/token-types.d.ts.map +1 -1
- package/dist/generated/token-types.js +112 -0
- package/dist/highContrast/components/modal.d.ts +7 -2
- package/dist/highContrast/components/modal.d.ts.map +1 -1
- package/dist/highContrast/components/radio.d.ts +35 -0
- package/dist/highContrast/components/radio.d.ts.map +1 -1
- package/dist/highContrast/components/radio.js +3 -1
- package/dist/light/components/modal.d.ts +7 -2
- package/dist/light/components/modal.d.ts.map +1 -1
- package/dist/light/components/radio.d.ts +35 -0
- package/dist/light/components/radio.d.ts.map +1 -1
- package/dist/light/components/radio.js +3 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,ogNAyMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"token-types.d.ts","sourceRoot":"","sources":["../../src/generated/token-types.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,eAAO,MAAM,UAAU,6CAA8C,CAAC;AAEtE,eAAO,MAAM,eAAe,05EAqHlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,ogNAyMrB,CAAC;AAEX,eAAO,MAAM,mBAAmB,yzxFAs4DtB,CAAC;AAEX,eAAO,MAAM,cAAc,guDAiEjB,CAAC;AAEX,eAAO,MAAM,UAAU,s5mGAkwEb,CAAC;AAEX,eAAO,MAAM,oBAAoB,05BAkDvB,CAAC;AAEX,eAAO,MAAM,qBAAqB,uigFAksExB,CAAC;AAEX,eAAO,MAAM,gBAAgB,y4hFAgvEnB,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAC9D,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AACpE,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAC;AACpD,MAAM,MAAM,mBAAmB,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AACxE,MAAM,MAAM,oBAAoB,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC1E,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,QAAQ,EAAE,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACxC,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,MAAM,GACN,CAAC,CAAC,CAAC,CAAC,SAAS,OAAO,GAClB,OAAO,GACP,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACjB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GACtB,CAAC,CAAC,CAAC,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,OAAO,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,SAAS,GAAG,gBAAgB,CAAC,OAAO,SAAS,CAAC,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC3E,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,SAAS,GAAG,iBAAiB,CAAC;AACtE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AACnD,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,UAAU,CAAC,CAAC;AAC7D,MAAM,MAAM,sBAAsB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAChE,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC"}
|
|
@@ -1250,6 +1250,9 @@ export const componentTokenPaths = [
|
|
|
1250
1250
|
'components.modal.header.gap',
|
|
1251
1251
|
'components.modal.header.paddingBottom',
|
|
1252
1252
|
'components.modal.header.textGap',
|
|
1253
|
+
'components.modal.motion.closeDuration',
|
|
1254
|
+
'components.modal.motion.easing',
|
|
1255
|
+
'components.modal.motion.openDuration',
|
|
1253
1256
|
'components.modal.overlay.animationDuration',
|
|
1254
1257
|
'components.modal.overlay.bg',
|
|
1255
1258
|
'components.modal.overlay.blur',
|
|
@@ -1282,6 +1285,13 @@ export const componentTokenPaths = [
|
|
|
1282
1285
|
'components.radio.invalid.border',
|
|
1283
1286
|
'components.radio.invalid.fg',
|
|
1284
1287
|
'components.radio.invalid.ring',
|
|
1288
|
+
'components.radio.motion.activeScale',
|
|
1289
|
+
'components.radio.motion.controlDuration',
|
|
1290
|
+
'components.radio.motion.easing',
|
|
1291
|
+
'components.radio.motion.indicatorDuration',
|
|
1292
|
+
'components.radio.motion.pressedOpacity',
|
|
1293
|
+
'components.radio.motion.pressedScale',
|
|
1294
|
+
'components.radio.motion.selectedDuration',
|
|
1285
1295
|
'components.radio.neutral.default.bg',
|
|
1286
1296
|
'components.radio.neutral.default.border',
|
|
1287
1297
|
'components.radio.neutral.default.fg',
|
|
@@ -1315,6 +1325,24 @@ export const componentTokenPaths = [
|
|
|
1315
1325
|
'components.radio.selectedDisabled.border',
|
|
1316
1326
|
'components.radio.selectedDisabled.fg',
|
|
1317
1327
|
'components.radio.selectedDisabled.labelFg',
|
|
1328
|
+
'components.radio.size.lg.controlSize',
|
|
1329
|
+
'components.radio.size.lg.descriptionFontSize',
|
|
1330
|
+
'components.radio.size.lg.descriptionLineHeight',
|
|
1331
|
+
'components.radio.size.lg.indicatorSize',
|
|
1332
|
+
'components.radio.size.lg.labelFontSize',
|
|
1333
|
+
'components.radio.size.lg.labelLineHeight',
|
|
1334
|
+
'components.radio.size.md.controlSize',
|
|
1335
|
+
'components.radio.size.md.descriptionFontSize',
|
|
1336
|
+
'components.radio.size.md.descriptionLineHeight',
|
|
1337
|
+
'components.radio.size.md.indicatorSize',
|
|
1338
|
+
'components.radio.size.md.labelFontSize',
|
|
1339
|
+
'components.radio.size.md.labelLineHeight',
|
|
1340
|
+
'components.radio.size.sm.controlSize',
|
|
1341
|
+
'components.radio.size.sm.descriptionFontSize',
|
|
1342
|
+
'components.radio.size.sm.descriptionLineHeight',
|
|
1343
|
+
'components.radio.size.sm.indicatorSize',
|
|
1344
|
+
'components.radio.size.sm.labelFontSize',
|
|
1345
|
+
'components.radio.size.sm.labelLineHeight',
|
|
1318
1346
|
'components.radio.success.default.bg',
|
|
1319
1347
|
'components.radio.success.default.border',
|
|
1320
1348
|
'components.radio.success.default.fg',
|
|
@@ -3331,6 +3359,9 @@ export const tokenPaths = [
|
|
|
3331
3359
|
'components.modal.header.gap',
|
|
3332
3360
|
'components.modal.header.paddingBottom',
|
|
3333
3361
|
'components.modal.header.textGap',
|
|
3362
|
+
'components.modal.motion.closeDuration',
|
|
3363
|
+
'components.modal.motion.easing',
|
|
3364
|
+
'components.modal.motion.openDuration',
|
|
3334
3365
|
'components.modal.overlay.animationDuration',
|
|
3335
3366
|
'components.modal.overlay.bg',
|
|
3336
3367
|
'components.modal.overlay.blur',
|
|
@@ -3363,6 +3394,13 @@ export const tokenPaths = [
|
|
|
3363
3394
|
'components.radio.invalid.border',
|
|
3364
3395
|
'components.radio.invalid.fg',
|
|
3365
3396
|
'components.radio.invalid.ring',
|
|
3397
|
+
'components.radio.motion.activeScale',
|
|
3398
|
+
'components.radio.motion.controlDuration',
|
|
3399
|
+
'components.radio.motion.easing',
|
|
3400
|
+
'components.radio.motion.indicatorDuration',
|
|
3401
|
+
'components.radio.motion.pressedOpacity',
|
|
3402
|
+
'components.radio.motion.pressedScale',
|
|
3403
|
+
'components.radio.motion.selectedDuration',
|
|
3366
3404
|
'components.radio.neutral.default.bg',
|
|
3367
3405
|
'components.radio.neutral.default.border',
|
|
3368
3406
|
'components.radio.neutral.default.fg',
|
|
@@ -3396,6 +3434,24 @@ export const tokenPaths = [
|
|
|
3396
3434
|
'components.radio.selectedDisabled.border',
|
|
3397
3435
|
'components.radio.selectedDisabled.fg',
|
|
3398
3436
|
'components.radio.selectedDisabled.labelFg',
|
|
3437
|
+
'components.radio.size.lg.controlSize',
|
|
3438
|
+
'components.radio.size.lg.descriptionFontSize',
|
|
3439
|
+
'components.radio.size.lg.descriptionLineHeight',
|
|
3440
|
+
'components.radio.size.lg.indicatorSize',
|
|
3441
|
+
'components.radio.size.lg.labelFontSize',
|
|
3442
|
+
'components.radio.size.lg.labelLineHeight',
|
|
3443
|
+
'components.radio.size.md.controlSize',
|
|
3444
|
+
'components.radio.size.md.descriptionFontSize',
|
|
3445
|
+
'components.radio.size.md.descriptionLineHeight',
|
|
3446
|
+
'components.radio.size.md.indicatorSize',
|
|
3447
|
+
'components.radio.size.md.labelFontSize',
|
|
3448
|
+
'components.radio.size.md.labelLineHeight',
|
|
3449
|
+
'components.radio.size.sm.controlSize',
|
|
3450
|
+
'components.radio.size.sm.descriptionFontSize',
|
|
3451
|
+
'components.radio.size.sm.descriptionLineHeight',
|
|
3452
|
+
'components.radio.size.sm.indicatorSize',
|
|
3453
|
+
'components.radio.size.sm.labelFontSize',
|
|
3454
|
+
'components.radio.size.sm.labelLineHeight',
|
|
3399
3455
|
'components.radio.success.default.bg',
|
|
3400
3456
|
'components.radio.success.default.border',
|
|
3401
3457
|
'components.radio.success.default.fg',
|
|
@@ -5790,6 +5846,9 @@ export const themeCssVariableNames = [
|
|
|
5790
5846
|
'--modal-header-gap',
|
|
5791
5847
|
'--modal-header-padding-bottom',
|
|
5792
5848
|
'--modal-header-text-gap',
|
|
5849
|
+
'--modal-motion-close-duration',
|
|
5850
|
+
'--modal-motion-easing',
|
|
5851
|
+
'--modal-motion-open-duration',
|
|
5793
5852
|
'--modal-overlay-animation-duration',
|
|
5794
5853
|
'--modal-overlay-bg',
|
|
5795
5854
|
'--modal-overlay-blur',
|
|
@@ -5851,6 +5910,13 @@ export const themeCssVariableNames = [
|
|
|
5851
5910
|
'--radio-invalid-border',
|
|
5852
5911
|
'--radio-invalid-fg',
|
|
5853
5912
|
'--radio-invalid-ring',
|
|
5913
|
+
'--radio-motion-active-scale',
|
|
5914
|
+
'--radio-motion-control-duration',
|
|
5915
|
+
'--radio-motion-easing',
|
|
5916
|
+
'--radio-motion-indicator-duration',
|
|
5917
|
+
'--radio-motion-pressed-opacity',
|
|
5918
|
+
'--radio-motion-pressed-scale',
|
|
5919
|
+
'--radio-motion-selected-duration',
|
|
5854
5920
|
'--radio-neutral-default-bg',
|
|
5855
5921
|
'--radio-neutral-default-border',
|
|
5856
5922
|
'--radio-neutral-default-fg',
|
|
@@ -5884,6 +5950,24 @@ export const themeCssVariableNames = [
|
|
|
5884
5950
|
'--radio-selected-disabled-border',
|
|
5885
5951
|
'--radio-selected-disabled-fg',
|
|
5886
5952
|
'--radio-selected-disabled-label-fg',
|
|
5953
|
+
'--radio-size-lg-control-size',
|
|
5954
|
+
'--radio-size-lg-description-font-size',
|
|
5955
|
+
'--radio-size-lg-description-line-height',
|
|
5956
|
+
'--radio-size-lg-indicator-size',
|
|
5957
|
+
'--radio-size-lg-label-font-size',
|
|
5958
|
+
'--radio-size-lg-label-line-height',
|
|
5959
|
+
'--radio-size-md-control-size',
|
|
5960
|
+
'--radio-size-md-description-font-size',
|
|
5961
|
+
'--radio-size-md-description-line-height',
|
|
5962
|
+
'--radio-size-md-indicator-size',
|
|
5963
|
+
'--radio-size-md-label-font-size',
|
|
5964
|
+
'--radio-size-md-label-line-height',
|
|
5965
|
+
'--radio-size-sm-control-size',
|
|
5966
|
+
'--radio-size-sm-description-font-size',
|
|
5967
|
+
'--radio-size-sm-description-line-height',
|
|
5968
|
+
'--radio-size-sm-indicator-size',
|
|
5969
|
+
'--radio-size-sm-label-font-size',
|
|
5970
|
+
'--radio-size-sm-label-line-height',
|
|
5887
5971
|
'--radio-success-default-bg',
|
|
5888
5972
|
'--radio-success-default-border',
|
|
5889
5973
|
'--radio-success-default-fg',
|
|
@@ -8028,6 +8112,9 @@ export const cssVariableNames = [
|
|
|
8028
8112
|
'--modal-header-gap',
|
|
8029
8113
|
'--modal-header-padding-bottom',
|
|
8030
8114
|
'--modal-header-text-gap',
|
|
8115
|
+
'--modal-motion-close-duration',
|
|
8116
|
+
'--modal-motion-easing',
|
|
8117
|
+
'--modal-motion-open-duration',
|
|
8031
8118
|
'--modal-overlay-animation-duration',
|
|
8032
8119
|
'--modal-overlay-bg',
|
|
8033
8120
|
'--modal-overlay-blur',
|
|
@@ -8089,6 +8176,13 @@ export const cssVariableNames = [
|
|
|
8089
8176
|
'--radio-invalid-border',
|
|
8090
8177
|
'--radio-invalid-fg',
|
|
8091
8178
|
'--radio-invalid-ring',
|
|
8179
|
+
'--radio-motion-active-scale',
|
|
8180
|
+
'--radio-motion-control-duration',
|
|
8181
|
+
'--radio-motion-easing',
|
|
8182
|
+
'--radio-motion-indicator-duration',
|
|
8183
|
+
'--radio-motion-pressed-opacity',
|
|
8184
|
+
'--radio-motion-pressed-scale',
|
|
8185
|
+
'--radio-motion-selected-duration',
|
|
8092
8186
|
'--radio-neutral-default-bg',
|
|
8093
8187
|
'--radio-neutral-default-border',
|
|
8094
8188
|
'--radio-neutral-default-fg',
|
|
@@ -8122,6 +8216,24 @@ export const cssVariableNames = [
|
|
|
8122
8216
|
'--radio-selected-disabled-border',
|
|
8123
8217
|
'--radio-selected-disabled-fg',
|
|
8124
8218
|
'--radio-selected-disabled-label-fg',
|
|
8219
|
+
'--radio-size-lg-control-size',
|
|
8220
|
+
'--radio-size-lg-description-font-size',
|
|
8221
|
+
'--radio-size-lg-description-line-height',
|
|
8222
|
+
'--radio-size-lg-indicator-size',
|
|
8223
|
+
'--radio-size-lg-label-font-size',
|
|
8224
|
+
'--radio-size-lg-label-line-height',
|
|
8225
|
+
'--radio-size-md-control-size',
|
|
8226
|
+
'--radio-size-md-description-font-size',
|
|
8227
|
+
'--radio-size-md-description-line-height',
|
|
8228
|
+
'--radio-size-md-indicator-size',
|
|
8229
|
+
'--radio-size-md-label-font-size',
|
|
8230
|
+
'--radio-size-md-label-line-height',
|
|
8231
|
+
'--radio-size-sm-control-size',
|
|
8232
|
+
'--radio-size-sm-description-font-size',
|
|
8233
|
+
'--radio-size-sm-description-line-height',
|
|
8234
|
+
'--radio-size-sm-indicator-size',
|
|
8235
|
+
'--radio-size-sm-label-font-size',
|
|
8236
|
+
'--radio-size-sm-label-line-height',
|
|
8125
8237
|
'--radio-success-default-bg',
|
|
8126
8238
|
'--radio-success-default-border',
|
|
8127
8239
|
'--radio-success-default-fg',
|
|
@@ -2,7 +2,7 @@ export declare const modal: {
|
|
|
2
2
|
readonly overlay: {
|
|
3
3
|
readonly bg: string;
|
|
4
4
|
readonly blur: 4;
|
|
5
|
-
readonly animationDuration: "
|
|
5
|
+
readonly animationDuration: "180ms";
|
|
6
6
|
};
|
|
7
7
|
readonly content: {
|
|
8
8
|
readonly bg: string;
|
|
@@ -19,7 +19,7 @@ export declare const modal: {
|
|
|
19
19
|
readonly viewportMargin: number;
|
|
20
20
|
readonly topOffset: number;
|
|
21
21
|
readonly zIndexOffset: "1";
|
|
22
|
-
readonly animationDuration: "
|
|
22
|
+
readonly animationDuration: "180ms";
|
|
23
23
|
readonly size: {
|
|
24
24
|
readonly sm: 400;
|
|
25
25
|
readonly md: 560;
|
|
@@ -78,5 +78,10 @@ export declare const modal: {
|
|
|
78
78
|
readonly border: "transparent";
|
|
79
79
|
};
|
|
80
80
|
};
|
|
81
|
+
readonly motion: {
|
|
82
|
+
readonly closeDuration: "150ms";
|
|
83
|
+
readonly easing: "cubic-bezier(0.22, 1, 0.36, 1)";
|
|
84
|
+
readonly openDuration: "180ms";
|
|
85
|
+
};
|
|
81
86
|
};
|
|
82
87
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC"}
|
|
@@ -1,4 +1,39 @@
|
|
|
1
1
|
export declare const radio: {
|
|
2
|
+
readonly size: {
|
|
3
|
+
readonly sm: {
|
|
4
|
+
readonly controlSize: 14;
|
|
5
|
+
readonly indicatorSize: 6;
|
|
6
|
+
readonly labelFontSize: 14;
|
|
7
|
+
readonly labelLineHeight: 20;
|
|
8
|
+
readonly descriptionFontSize: 12;
|
|
9
|
+
readonly descriptionLineHeight: 16;
|
|
10
|
+
};
|
|
11
|
+
readonly md: {
|
|
12
|
+
readonly controlSize: 16;
|
|
13
|
+
readonly indicatorSize: 8;
|
|
14
|
+
readonly labelFontSize: 16;
|
|
15
|
+
readonly labelLineHeight: 24;
|
|
16
|
+
readonly descriptionFontSize: 14;
|
|
17
|
+
readonly descriptionLineHeight: 20;
|
|
18
|
+
};
|
|
19
|
+
readonly lg: {
|
|
20
|
+
readonly controlSize: 20;
|
|
21
|
+
readonly indicatorSize: 10;
|
|
22
|
+
readonly labelFontSize: 20;
|
|
23
|
+
readonly labelLineHeight: 28;
|
|
24
|
+
readonly descriptionFontSize: 16;
|
|
25
|
+
readonly descriptionLineHeight: 24;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
readonly motion: {
|
|
29
|
+
readonly controlDuration: "150ms";
|
|
30
|
+
readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
31
|
+
readonly indicatorDuration: "180ms";
|
|
32
|
+
readonly selectedDuration: "260ms";
|
|
33
|
+
readonly pressedScale: 0.96;
|
|
34
|
+
readonly activeScale: 0.92;
|
|
35
|
+
readonly pressedOpacity: 0.8;
|
|
36
|
+
};
|
|
2
37
|
readonly default: {
|
|
3
38
|
readonly bg: "#000000";
|
|
4
39
|
readonly fg: "#FFFFFF";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radio.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/highContrast/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiCR,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createRadioPalette } from '../../factories/createRadioPalette.js';
|
|
1
|
+
import { createRadioPalette, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioPalette.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { control } from '../semantic/control.js';
|
|
@@ -111,6 +111,8 @@ const danger = createRadioPalette({
|
|
|
111
111
|
},
|
|
112
112
|
});
|
|
113
113
|
export const radio = {
|
|
114
|
+
size: radioSizeTokens,
|
|
115
|
+
motion: radioMotionTokens,
|
|
114
116
|
default: control.default,
|
|
115
117
|
hover: control.hover,
|
|
116
118
|
pressed: control.active,
|
|
@@ -2,7 +2,7 @@ export declare const modal: {
|
|
|
2
2
|
readonly overlay: {
|
|
3
3
|
readonly bg: string;
|
|
4
4
|
readonly blur: 4;
|
|
5
|
-
readonly animationDuration: "
|
|
5
|
+
readonly animationDuration: "180ms";
|
|
6
6
|
};
|
|
7
7
|
readonly content: {
|
|
8
8
|
readonly bg: string;
|
|
@@ -19,7 +19,7 @@ export declare const modal: {
|
|
|
19
19
|
readonly viewportMargin: number;
|
|
20
20
|
readonly topOffset: number;
|
|
21
21
|
readonly zIndexOffset: "1";
|
|
22
|
-
readonly animationDuration: "
|
|
22
|
+
readonly animationDuration: "180ms";
|
|
23
23
|
readonly size: {
|
|
24
24
|
readonly sm: 400;
|
|
25
25
|
readonly md: 560;
|
|
@@ -78,5 +78,10 @@ export declare const modal: {
|
|
|
78
78
|
readonly border: "transparent";
|
|
79
79
|
};
|
|
80
80
|
};
|
|
81
|
+
readonly motion: {
|
|
82
|
+
readonly closeDuration: "150ms";
|
|
83
|
+
readonly easing: "cubic-bezier(0.22, 1, 0.36, 1)";
|
|
84
|
+
readonly openDuration: "180ms";
|
|
85
|
+
};
|
|
81
86
|
};
|
|
82
87
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/light/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/light/components/modal.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsBhB,CAAC"}
|
|
@@ -1,4 +1,39 @@
|
|
|
1
1
|
export declare const radio: {
|
|
2
|
+
readonly size: {
|
|
3
|
+
readonly sm: {
|
|
4
|
+
readonly controlSize: 14;
|
|
5
|
+
readonly indicatorSize: 6;
|
|
6
|
+
readonly labelFontSize: 14;
|
|
7
|
+
readonly labelLineHeight: 20;
|
|
8
|
+
readonly descriptionFontSize: 12;
|
|
9
|
+
readonly descriptionLineHeight: 16;
|
|
10
|
+
};
|
|
11
|
+
readonly md: {
|
|
12
|
+
readonly controlSize: 16;
|
|
13
|
+
readonly indicatorSize: 8;
|
|
14
|
+
readonly labelFontSize: 16;
|
|
15
|
+
readonly labelLineHeight: 24;
|
|
16
|
+
readonly descriptionFontSize: 14;
|
|
17
|
+
readonly descriptionLineHeight: 20;
|
|
18
|
+
};
|
|
19
|
+
readonly lg: {
|
|
20
|
+
readonly controlSize: 20;
|
|
21
|
+
readonly indicatorSize: 10;
|
|
22
|
+
readonly labelFontSize: 20;
|
|
23
|
+
readonly labelLineHeight: 28;
|
|
24
|
+
readonly descriptionFontSize: 16;
|
|
25
|
+
readonly descriptionLineHeight: 24;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
readonly motion: {
|
|
29
|
+
readonly controlDuration: "150ms";
|
|
30
|
+
readonly easing: "cubic-bezier(0.16, 1, 0.3, 1)";
|
|
31
|
+
readonly indicatorDuration: "180ms";
|
|
32
|
+
readonly selectedDuration: "260ms";
|
|
33
|
+
readonly pressedScale: 0.96;
|
|
34
|
+
readonly activeScale: 0.92;
|
|
35
|
+
readonly pressedOpacity: 0.8;
|
|
36
|
+
};
|
|
2
37
|
readonly default: {
|
|
3
38
|
readonly bg: "#FFFFFF";
|
|
4
39
|
readonly fg: "#3D3754";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/light/components/radio.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/light/components/radio.ts"],"names":[],"mappings":"AA0HA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmCR,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { createRadioPalette } from '../../factories/createRadioPalette.js';
|
|
1
|
+
import { createRadioPalette, radioMotionTokens, radioSizeTokens, } from '../../factories/createRadioPalette.js';
|
|
2
2
|
import { colors } from '../../primitives/colors.js';
|
|
3
3
|
import { border } from '../semantic/border.js';
|
|
4
4
|
import { control } from '../semantic/control.js';
|
|
@@ -111,6 +111,8 @@ const danger = createRadioPalette({
|
|
|
111
111
|
},
|
|
112
112
|
});
|
|
113
113
|
export const radio = {
|
|
114
|
+
size: radioSizeTokens,
|
|
115
|
+
motion: radioMotionTokens,
|
|
114
116
|
default: control.default,
|
|
115
117
|
hover: control.hover,
|
|
116
118
|
pressed: control.active,
|