@cds/core 6.6.0 → 6.6.2
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/global.css +56 -56
- package/global.min.css +1 -1
- package/internal/utils/global.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +56 -56
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +18 -0
- package/styles/theme.dark.min.css +1 -1
- package/styles/theme.high-contrast.css +7 -0
- package/styles/theme.high-contrast.min.css +1 -1
- package/tokens/tokens.android.xml +35 -35
- package/tokens/tokens.d.ts +17 -17
- package/tokens/tokens.ios.swift +17 -17
- package/tokens/tokens.js +17 -17
- package/tokens/tokens.json +118 -118
- package/tokens/tokens.scss +17 -17
package/tokens/tokens.d.ts
CHANGED
|
@@ -397,6 +397,23 @@ export declare const aliasObjectInteractionColorHover = "var(--cds-alias-object-
|
|
|
397
397
|
export declare const aliasObjectInteractionColorActive = "var(--cds-alias-object-interaction-color-active)";
|
|
398
398
|
export declare const aliasObjectInteractionColorSelected = "var(--cds-alias-object-interaction-color-selected)";
|
|
399
399
|
export declare const aliasObjectInteractionColorDisabled = "var(--cds-alias-object-interaction-color-disabled)";
|
|
400
|
+
export declare const aliasObjectInteractionInfoHover = "var(--cds-alias-object-interaction-info-hover)";
|
|
401
|
+
export declare const aliasObjectInteractionInfoClick = "var(--cds-alias-object-interaction-info-click)";
|
|
402
|
+
export declare const aliasObjectInteractionInfoSecondaryHover = "var(--cds-alias-object-interaction-info-secondary-hover)";
|
|
403
|
+
export declare const aliasObjectInteractionSuccessHover = "var(--cds-alias-object-interaction-success-hover)";
|
|
404
|
+
export declare const aliasObjectInteractionSuccessClick = "var(--cds-alias-object-interaction-success-click)";
|
|
405
|
+
export declare const aliasObjectInteractionSuccessSecondaryHover = "var(--cds-alias-object-interaction-success-secondary-hover)";
|
|
406
|
+
export declare const aliasObjectInteractionWarningHover = "var(--cds-alias-object-interaction-warning-hover)";
|
|
407
|
+
export declare const aliasObjectInteractionWarningClick = "var(--cds-alias-object-interaction-warning-click)";
|
|
408
|
+
export declare const aliasObjectInteractionWarningSecondaryHover = "var(--cds-alias-object-interaction-warning-secondary-hover)";
|
|
409
|
+
export declare const aliasObjectInteractionDangerHover = "var(--cds-alias-object-interaction-danger-hover)";
|
|
410
|
+
export declare const aliasObjectInteractionDangerClick = "var(--cds-alias-object-interaction-danger-click)";
|
|
411
|
+
export declare const aliasObjectInteractionDangerSecondaryHover = "var(--cds-alias-object-interaction-danger-secondary-hover)";
|
|
412
|
+
export declare const aliasObjectInteractionNeutralHover = "var(--cds-alias-object-interaction-neutral-hover)";
|
|
413
|
+
export declare const aliasObjectInteractionNeutralClick = "var(--cds-alias-object-interaction-neutral-click)";
|
|
414
|
+
export declare const aliasObjectInteractionNeutralSecondaryHover = "var(--cds-alias-object-interaction-neutral-secondary-hover)";
|
|
415
|
+
export declare const aliasObjectInteractionInverseHover = "var(--cds-alias-object-interaction-inverse-hover)";
|
|
416
|
+
export declare const aliasObjectInteractionInverseClick = "var(--cds-alias-object-interaction-inverse-click)";
|
|
400
417
|
export declare const aliasObjectAppBackground = "var(--cds-alias-object-app-background)";
|
|
401
418
|
export declare const aliasObjectOverlayBackground = "var(--cds-alias-object-overlay-background)";
|
|
402
419
|
export declare const aliasObjectOverlayBackdropBackground = "var(--cds-alias-object-overlay-backdrop-background)";
|
|
@@ -408,23 +425,6 @@ export declare const aliasObjectContainerBackgroundInverse = "var(--cds-alias-ob
|
|
|
408
425
|
export declare const aliasObjectContainerBackgroundInverseTint = "var(--cds-alias-object-container-background-inverse-tint)";
|
|
409
426
|
export declare const aliasObjectContainerBackgroundInverseShade = "var(--cds-alias-object-container-background-inverse-shade)";
|
|
410
427
|
export declare const aliasObjectContainerBorderColor = "var(--cds-alias-object-container-border-color)";
|
|
411
|
-
export declare const aliasObjectInfoHover = "var(--cds-alias-object-info-hover)";
|
|
412
|
-
export declare const aliasObjectInfoClick = "var(--cds-alias-object-info-click)";
|
|
413
|
-
export declare const aliasObjectInfoSecondaryHover = "var(--cds-alias-object-info-secondary-hover)";
|
|
414
|
-
export declare const aliasObjectSuccessHover = "var(--cds-alias-object-success-hover)";
|
|
415
|
-
export declare const aliasObjectSuccessClick = "var(--cds-alias-object-success-click)";
|
|
416
|
-
export declare const aliasObjectSuccessSecondaryHover = "var(--cds-alias-object-success-secondary-hover)";
|
|
417
|
-
export declare const aliasObjectWarningHover = "var(--cds-alias-object-warning-hover)";
|
|
418
|
-
export declare const aliasObjectWarningClick = "var(--cds-alias-object-warning-click)";
|
|
419
|
-
export declare const aliasObjectWarningSecondaryHover = "var(--cds-alias-object-warning-secondary-hover)";
|
|
420
|
-
export declare const aliasObjectDangerHover = "var(--cds-alias-object-danger-hover)";
|
|
421
|
-
export declare const aliasObjectDangerClick = "var(--cds-alias-object-danger-click)";
|
|
422
|
-
export declare const aliasObjectDangerSecondaryHover = "var(--cds-alias-object-danger-secondary-hover)";
|
|
423
|
-
export declare const aliasObjectNeutralHover = "var(--cds-alias-object-neutral-hover)";
|
|
424
|
-
export declare const aliasObjectNeutralClick = "var(--cds-alias-object-neutral-click)";
|
|
425
|
-
export declare const aliasObjectNeutralSecondaryHover = "var(--cds-alias-object-neutral-secondary-hover)";
|
|
426
|
-
export declare const aliasObjectInverseHover = "var(--cds-alias-object-inverse-hover)";
|
|
427
|
-
export declare const aliasObjectInverseClick = "var(--cds-alias-object-inverse-click)";
|
|
428
428
|
export declare const aliasStatusInfo = "var(--cds-alias-status-info)";
|
|
429
429
|
export declare const aliasStatusInfoTint = "var(--cds-alias-status-info-tint)";
|
|
430
430
|
export declare const aliasStatusInfoShade = "var(--cds-alias-status-info-shade)";
|
package/tokens/tokens.ios.swift
CHANGED
|
@@ -398,6 +398,23 @@ let aliasObjectInteractionColorHover = UIColor(red: 27, green: 43, blue: 50, alp
|
|
|
398
398
|
let aliasObjectInteractionColorActive = UIColor(red: 27, green: 43, blue: 50, alpha: 1.0);
|
|
399
399
|
let aliasObjectInteractionColorSelected = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
400
400
|
let aliasObjectInteractionColorDisabled = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
|
|
401
|
+
let aliasObjectInteractionInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
402
|
+
let aliasObjectInteractionInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
403
|
+
let aliasObjectInteractionInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
404
|
+
let aliasObjectInteractionSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
405
|
+
let aliasObjectInteractionSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
406
|
+
let aliasObjectInteractionSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
|
|
407
|
+
let aliasObjectInteractionWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
|
|
408
|
+
let aliasObjectInteractionWarningClick = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
|
|
409
|
+
let aliasObjectInteractionWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
|
|
410
|
+
let aliasObjectInteractionDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
411
|
+
let aliasObjectInteractionDangerClick = UIColor(red: 112, green: 17, blue: 0, alpha: 1.0);
|
|
412
|
+
let aliasObjectInteractionDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
|
|
413
|
+
let aliasObjectInteractionNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
414
|
+
let aliasObjectInteractionNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
415
|
+
let aliasObjectInteractionNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
416
|
+
let aliasObjectInteractionInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
417
|
+
let aliasObjectInteractionInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
401
418
|
let aliasObjectAppBackground = UIColor(red: 252, green: 253, blue: 253, alpha: 1.0);
|
|
402
419
|
let aliasObjectOverlayBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
403
420
|
let aliasObjectOverlayBackdropBackground = "hsla(0, 0%, 0%, 0.6)";
|
|
@@ -409,23 +426,6 @@ let aliasObjectContainerBackgroundInverse = UIColor(red: 203, green: 212, blue:
|
|
|
409
426
|
let aliasObjectContainerBackgroundInverseTint = UIColor(red: 227, green: 234, blue: 237, alpha: 1.0);
|
|
410
427
|
let aliasObjectContainerBackgroundInverseShade = UIColor(red: 174, green: 184, blue: 188, alpha: 1.0);
|
|
411
428
|
let aliasObjectContainerBorderColor = UIColor(red: 203, green: 212, blue: 216, alpha: 1.0);
|
|
412
|
-
let aliasObjectInfoHover = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
|
413
|
-
let aliasObjectInfoClick = UIColor(red: 0, green: 75, blue: 107, alpha: 1.0);
|
|
414
|
-
let aliasObjectInfoSecondaryHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
415
|
-
let aliasObjectSuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
416
|
-
let aliasObjectSuccessClick = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
417
|
-
let aliasObjectSuccessSecondaryHover = UIColor(red: 238, green: 252, blue: 227, alpha: 1.0);
|
|
418
|
-
let aliasObjectWarningHover = UIColor(red: 255, green: 166, blue: 0, alpha: 1.0);
|
|
419
|
-
let aliasObjectWarningClick = UIColor(red: 214, green: 136, blue: 0, alpha: 1.0);
|
|
420
|
-
let aliasObjectWarningSecondaryHover = UIColor(red: 255, green: 249, blue: 235, alpha: 1.0);
|
|
421
|
-
let aliasObjectDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
422
|
-
let aliasObjectDangerClick = UIColor(red: 112, green: 17, blue: 0, alpha: 1.0);
|
|
423
|
-
let aliasObjectDangerSecondaryHover = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
|
|
424
|
-
let aliasObjectNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
425
|
-
let aliasObjectNeutralClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
426
|
-
let aliasObjectNeutralSecondaryHover = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
|
|
427
|
-
let aliasObjectInverseHover = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
|
|
428
|
-
let aliasObjectInverseClick = UIColor(red: 45, green: 64, blue: 72, alpha: 1.0);
|
|
429
429
|
let aliasStatusInfo = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
430
430
|
let aliasStatusInfoTint = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
431
431
|
let aliasStatusInfoShade = UIColor(red: 0, green: 96, blue: 138, alpha: 1.0);
|
package/tokens/tokens.js
CHANGED
|
@@ -398,6 +398,23 @@ export const aliasObjectInteractionColorHover = 'var(--cds-alias-object-interact
|
|
|
398
398
|
export const aliasObjectInteractionColorActive = 'var(--cds-alias-object-interaction-color-active)';
|
|
399
399
|
export const aliasObjectInteractionColorSelected = 'var(--cds-alias-object-interaction-color-selected)';
|
|
400
400
|
export const aliasObjectInteractionColorDisabled = 'var(--cds-alias-object-interaction-color-disabled)';
|
|
401
|
+
export const aliasObjectInteractionInfoHover = 'var(--cds-alias-object-interaction-info-hover)';
|
|
402
|
+
export const aliasObjectInteractionInfoClick = 'var(--cds-alias-object-interaction-info-click)';
|
|
403
|
+
export const aliasObjectInteractionInfoSecondaryHover = 'var(--cds-alias-object-interaction-info-secondary-hover)';
|
|
404
|
+
export const aliasObjectInteractionSuccessHover = 'var(--cds-alias-object-interaction-success-hover)';
|
|
405
|
+
export const aliasObjectInteractionSuccessClick = 'var(--cds-alias-object-interaction-success-click)';
|
|
406
|
+
export const aliasObjectInteractionSuccessSecondaryHover = 'var(--cds-alias-object-interaction-success-secondary-hover)';
|
|
407
|
+
export const aliasObjectInteractionWarningHover = 'var(--cds-alias-object-interaction-warning-hover)';
|
|
408
|
+
export const aliasObjectInteractionWarningClick = 'var(--cds-alias-object-interaction-warning-click)';
|
|
409
|
+
export const aliasObjectInteractionWarningSecondaryHover = 'var(--cds-alias-object-interaction-warning-secondary-hover)';
|
|
410
|
+
export const aliasObjectInteractionDangerHover = 'var(--cds-alias-object-interaction-danger-hover)';
|
|
411
|
+
export const aliasObjectInteractionDangerClick = 'var(--cds-alias-object-interaction-danger-click)';
|
|
412
|
+
export const aliasObjectInteractionDangerSecondaryHover = 'var(--cds-alias-object-interaction-danger-secondary-hover)';
|
|
413
|
+
export const aliasObjectInteractionNeutralHover = 'var(--cds-alias-object-interaction-neutral-hover)';
|
|
414
|
+
export const aliasObjectInteractionNeutralClick = 'var(--cds-alias-object-interaction-neutral-click)';
|
|
415
|
+
export const aliasObjectInteractionNeutralSecondaryHover = 'var(--cds-alias-object-interaction-neutral-secondary-hover)';
|
|
416
|
+
export const aliasObjectInteractionInverseHover = 'var(--cds-alias-object-interaction-inverse-hover)';
|
|
417
|
+
export const aliasObjectInteractionInverseClick = 'var(--cds-alias-object-interaction-inverse-click)';
|
|
401
418
|
export const aliasObjectAppBackground = 'var(--cds-alias-object-app-background)';
|
|
402
419
|
export const aliasObjectOverlayBackground = 'var(--cds-alias-object-overlay-background)';
|
|
403
420
|
export const aliasObjectOverlayBackdropBackground = 'var(--cds-alias-object-overlay-backdrop-background)';
|
|
@@ -409,23 +426,6 @@ export const aliasObjectContainerBackgroundInverse = 'var(--cds-alias-object-con
|
|
|
409
426
|
export const aliasObjectContainerBackgroundInverseTint = 'var(--cds-alias-object-container-background-inverse-tint)';
|
|
410
427
|
export const aliasObjectContainerBackgroundInverseShade = 'var(--cds-alias-object-container-background-inverse-shade)';
|
|
411
428
|
export const aliasObjectContainerBorderColor = 'var(--cds-alias-object-container-border-color)';
|
|
412
|
-
export const aliasObjectInfoHover = 'var(--cds-alias-object-info-hover)';
|
|
413
|
-
export const aliasObjectInfoClick = 'var(--cds-alias-object-info-click)';
|
|
414
|
-
export const aliasObjectInfoSecondaryHover = 'var(--cds-alias-object-info-secondary-hover)';
|
|
415
|
-
export const aliasObjectSuccessHover = 'var(--cds-alias-object-success-hover)';
|
|
416
|
-
export const aliasObjectSuccessClick = 'var(--cds-alias-object-success-click)';
|
|
417
|
-
export const aliasObjectSuccessSecondaryHover = 'var(--cds-alias-object-success-secondary-hover)';
|
|
418
|
-
export const aliasObjectWarningHover = 'var(--cds-alias-object-warning-hover)';
|
|
419
|
-
export const aliasObjectWarningClick = 'var(--cds-alias-object-warning-click)';
|
|
420
|
-
export const aliasObjectWarningSecondaryHover = 'var(--cds-alias-object-warning-secondary-hover)';
|
|
421
|
-
export const aliasObjectDangerHover = 'var(--cds-alias-object-danger-hover)';
|
|
422
|
-
export const aliasObjectDangerClick = 'var(--cds-alias-object-danger-click)';
|
|
423
|
-
export const aliasObjectDangerSecondaryHover = 'var(--cds-alias-object-danger-secondary-hover)';
|
|
424
|
-
export const aliasObjectNeutralHover = 'var(--cds-alias-object-neutral-hover)';
|
|
425
|
-
export const aliasObjectNeutralClick = 'var(--cds-alias-object-neutral-click)';
|
|
426
|
-
export const aliasObjectNeutralSecondaryHover = 'var(--cds-alias-object-neutral-secondary-hover)';
|
|
427
|
-
export const aliasObjectInverseHover = 'var(--cds-alias-object-inverse-hover)';
|
|
428
|
-
export const aliasObjectInverseClick = 'var(--cds-alias-object-inverse-click)';
|
|
429
429
|
export const aliasStatusInfo = 'var(--cds-alias-status-info)';
|
|
430
430
|
export const aliasStatusInfoTint = 'var(--cds-alias-status-info-tint)';
|
|
431
431
|
export const aliasStatusInfoShade = 'var(--cds-alias-status-info-shade)';
|
package/tokens/tokens.json
CHANGED
|
@@ -2301,90 +2301,7 @@
|
|
|
2301
2301
|
],
|
|
2302
2302
|
"alias": "globalColorConstruction300"
|
|
2303
2303
|
},
|
|
2304
|
-
"
|
|
2305
|
-
"value": [
|
|
2306
|
-
198,
|
|
2307
|
-
33,
|
|
2308
|
-
99
|
|
2309
|
-
],
|
|
2310
|
-
"alias": "globalColorConstruction25"
|
|
2311
|
-
},
|
|
2312
|
-
"aliasObjectOverlayBackground": {
|
|
2313
|
-
"value": [
|
|
2314
|
-
0,
|
|
2315
|
-
0,
|
|
2316
|
-
100
|
|
2317
|
-
],
|
|
2318
|
-
"alias": "globalColorWhite"
|
|
2319
|
-
},
|
|
2320
|
-
"aliasObjectOverlayBackdropBackground": {
|
|
2321
|
-
"value": "hsla(0, 0%, 0%, 0.6)"
|
|
2322
|
-
},
|
|
2323
|
-
"aliasObjectContainerBackground": {
|
|
2324
|
-
"value": [
|
|
2325
|
-
0,
|
|
2326
|
-
0,
|
|
2327
|
-
100
|
|
2328
|
-
],
|
|
2329
|
-
"alias": "globalColorWhite"
|
|
2330
|
-
},
|
|
2331
|
-
"aliasObjectContainerBackgroundTint": {
|
|
2332
|
-
"value": [
|
|
2333
|
-
198,
|
|
2334
|
-
36,
|
|
2335
|
-
96
|
|
2336
|
-
],
|
|
2337
|
-
"alias": "globalColorConstruction50"
|
|
2338
|
-
},
|
|
2339
|
-
"aliasObjectContainerBackgroundShade": {
|
|
2340
|
-
"value": [
|
|
2341
|
-
198,
|
|
2342
|
-
20,
|
|
2343
|
-
91
|
|
2344
|
-
],
|
|
2345
|
-
"alias": "globalColorConstruction100"
|
|
2346
|
-
},
|
|
2347
|
-
"aliasObjectContainerBackgroundDark": {
|
|
2348
|
-
"value": [
|
|
2349
|
-
198,
|
|
2350
|
-
14,
|
|
2351
|
-
82
|
|
2352
|
-
],
|
|
2353
|
-
"alias": "globalColorConstruction200"
|
|
2354
|
-
},
|
|
2355
|
-
"aliasObjectContainerBackgroundInverse": {
|
|
2356
|
-
"value": [
|
|
2357
|
-
198,
|
|
2358
|
-
14,
|
|
2359
|
-
82
|
|
2360
|
-
],
|
|
2361
|
-
"alias": "globalColorConstruction200"
|
|
2362
|
-
},
|
|
2363
|
-
"aliasObjectContainerBackgroundInverseTint": {
|
|
2364
|
-
"value": [
|
|
2365
|
-
198,
|
|
2366
|
-
20,
|
|
2367
|
-
91
|
|
2368
|
-
],
|
|
2369
|
-
"alias": "globalColorConstruction100"
|
|
2370
|
-
},
|
|
2371
|
-
"aliasObjectContainerBackgroundInverseShade": {
|
|
2372
|
-
"value": [
|
|
2373
|
-
198,
|
|
2374
|
-
10,
|
|
2375
|
-
71
|
|
2376
|
-
],
|
|
2377
|
-
"alias": "globalColorConstruction300"
|
|
2378
|
-
},
|
|
2379
|
-
"aliasObjectContainerBorderColor": {
|
|
2380
|
-
"value": [
|
|
2381
|
-
198,
|
|
2382
|
-
14,
|
|
2383
|
-
82
|
|
2384
|
-
],
|
|
2385
|
-
"alias": "globalColorConstruction200"
|
|
2386
|
-
},
|
|
2387
|
-
"aliasObjectInfoHover": {
|
|
2304
|
+
"aliasObjectInteractionInfoHover": {
|
|
2388
2305
|
"value": [
|
|
2389
2306
|
198,
|
|
2390
2307
|
100,
|
|
@@ -2392,7 +2309,7 @@
|
|
|
2392
2309
|
],
|
|
2393
2310
|
"alias": "globalColorBlue800"
|
|
2394
2311
|
},
|
|
2395
|
-
"
|
|
2312
|
+
"aliasObjectInteractionInfoClick": {
|
|
2396
2313
|
"value": [
|
|
2397
2314
|
198,
|
|
2398
2315
|
100,
|
|
@@ -2400,7 +2317,7 @@
|
|
|
2400
2317
|
],
|
|
2401
2318
|
"alias": "globalColorBlue900"
|
|
2402
2319
|
},
|
|
2403
|
-
"
|
|
2320
|
+
"aliasObjectInteractionInfoSecondaryHover": {
|
|
2404
2321
|
"value": [
|
|
2405
2322
|
198,
|
|
2406
2323
|
100,
|
|
@@ -2408,7 +2325,7 @@
|
|
|
2408
2325
|
],
|
|
2409
2326
|
"alias": "globalColorBlue50"
|
|
2410
2327
|
},
|
|
2411
|
-
"
|
|
2328
|
+
"aliasObjectInteractionSuccessHover": {
|
|
2412
2329
|
"value": [
|
|
2413
2330
|
93,
|
|
2414
2331
|
80,
|
|
@@ -2416,7 +2333,7 @@
|
|
|
2416
2333
|
],
|
|
2417
2334
|
"alias": "globalColorGreen800"
|
|
2418
2335
|
},
|
|
2419
|
-
"
|
|
2336
|
+
"aliasObjectInteractionSuccessClick": {
|
|
2420
2337
|
"value": [
|
|
2421
2338
|
93,
|
|
2422
2339
|
80,
|
|
@@ -2424,7 +2341,7 @@
|
|
|
2424
2341
|
],
|
|
2425
2342
|
"alias": "globalColorGreen900"
|
|
2426
2343
|
},
|
|
2427
|
-
"
|
|
2344
|
+
"aliasObjectInteractionSuccessSecondaryHover": {
|
|
2428
2345
|
"value": [
|
|
2429
2346
|
93,
|
|
2430
2347
|
80,
|
|
@@ -2432,7 +2349,7 @@
|
|
|
2432
2349
|
],
|
|
2433
2350
|
"alias": "globalColorGreen50"
|
|
2434
2351
|
},
|
|
2435
|
-
"
|
|
2352
|
+
"aliasObjectInteractionWarningHover": {
|
|
2436
2353
|
"value": [
|
|
2437
2354
|
39,
|
|
2438
2355
|
100,
|
|
@@ -2440,7 +2357,7 @@
|
|
|
2440
2357
|
],
|
|
2441
2358
|
"alias": "globalColorOchre600"
|
|
2442
2359
|
},
|
|
2443
|
-
"
|
|
2360
|
+
"aliasObjectInteractionWarningClick": {
|
|
2444
2361
|
"value": [
|
|
2445
2362
|
38,
|
|
2446
2363
|
100,
|
|
@@ -2448,7 +2365,7 @@
|
|
|
2448
2365
|
],
|
|
2449
2366
|
"alias": "globalColorOchre700"
|
|
2450
2367
|
},
|
|
2451
|
-
"
|
|
2368
|
+
"aliasObjectInteractionWarningSecondaryHover": {
|
|
2452
2369
|
"value": [
|
|
2453
2370
|
41,
|
|
2454
2371
|
100,
|
|
@@ -2456,7 +2373,7 @@
|
|
|
2456
2373
|
],
|
|
2457
2374
|
"alias": "globalColorOchre50"
|
|
2458
2375
|
},
|
|
2459
|
-
"
|
|
2376
|
+
"aliasObjectInteractionDangerHover": {
|
|
2460
2377
|
"value": [
|
|
2461
2378
|
9,
|
|
2462
2379
|
100,
|
|
@@ -2464,7 +2381,7 @@
|
|
|
2464
2381
|
],
|
|
2465
2382
|
"alias": "globalColorRed800"
|
|
2466
2383
|
},
|
|
2467
|
-
"
|
|
2384
|
+
"aliasObjectInteractionDangerClick": {
|
|
2468
2385
|
"value": [
|
|
2469
2386
|
9,
|
|
2470
2387
|
100,
|
|
@@ -2472,7 +2389,7 @@
|
|
|
2472
2389
|
],
|
|
2473
2390
|
"alias": "globalColorRed900"
|
|
2474
2391
|
},
|
|
2475
|
-
"
|
|
2392
|
+
"aliasObjectInteractionDangerSecondaryHover": {
|
|
2476
2393
|
"value": [
|
|
2477
2394
|
9,
|
|
2478
2395
|
100,
|
|
@@ -2480,7 +2397,7 @@
|
|
|
2480
2397
|
],
|
|
2481
2398
|
"alias": "globalColorRed50"
|
|
2482
2399
|
},
|
|
2483
|
-
"
|
|
2400
|
+
"aliasObjectInteractionNeutralHover": {
|
|
2484
2401
|
"value": [
|
|
2485
2402
|
198,
|
|
2486
2403
|
19,
|
|
@@ -2488,7 +2405,7 @@
|
|
|
2488
2405
|
],
|
|
2489
2406
|
"alias": "globalColorConstruction700"
|
|
2490
2407
|
},
|
|
2491
|
-
"
|
|
2408
|
+
"aliasObjectInteractionNeutralClick": {
|
|
2492
2409
|
"value": [
|
|
2493
2410
|
198,
|
|
2494
2411
|
23,
|
|
@@ -2496,7 +2413,7 @@
|
|
|
2496
2413
|
],
|
|
2497
2414
|
"alias": "globalColorConstruction800"
|
|
2498
2415
|
},
|
|
2499
|
-
"
|
|
2416
|
+
"aliasObjectInteractionNeutralSecondaryHover": {
|
|
2500
2417
|
"value": [
|
|
2501
2418
|
198,
|
|
2502
2419
|
36,
|
|
@@ -2504,7 +2421,7 @@
|
|
|
2504
2421
|
],
|
|
2505
2422
|
"alias": "globalColorConstruction50"
|
|
2506
2423
|
},
|
|
2507
|
-
"
|
|
2424
|
+
"aliasObjectInteractionInverseHover": {
|
|
2508
2425
|
"value": [
|
|
2509
2426
|
198,
|
|
2510
2427
|
14,
|
|
@@ -2512,7 +2429,7 @@
|
|
|
2512
2429
|
],
|
|
2513
2430
|
"alias": "globalColorConstruction600"
|
|
2514
2431
|
},
|
|
2515
|
-
"
|
|
2432
|
+
"aliasObjectInteractionInverseClick": {
|
|
2516
2433
|
"value": [
|
|
2517
2434
|
198,
|
|
2518
2435
|
23,
|
|
@@ -2520,6 +2437,89 @@
|
|
|
2520
2437
|
],
|
|
2521
2438
|
"alias": "globalColorConstruction800"
|
|
2522
2439
|
},
|
|
2440
|
+
"aliasObjectAppBackground": {
|
|
2441
|
+
"value": [
|
|
2442
|
+
198,
|
|
2443
|
+
33,
|
|
2444
|
+
99
|
|
2445
|
+
],
|
|
2446
|
+
"alias": "globalColorConstruction25"
|
|
2447
|
+
},
|
|
2448
|
+
"aliasObjectOverlayBackground": {
|
|
2449
|
+
"value": [
|
|
2450
|
+
0,
|
|
2451
|
+
0,
|
|
2452
|
+
100
|
|
2453
|
+
],
|
|
2454
|
+
"alias": "globalColorWhite"
|
|
2455
|
+
},
|
|
2456
|
+
"aliasObjectOverlayBackdropBackground": {
|
|
2457
|
+
"value": "hsla(0, 0%, 0%, 0.6)"
|
|
2458
|
+
},
|
|
2459
|
+
"aliasObjectContainerBackground": {
|
|
2460
|
+
"value": [
|
|
2461
|
+
0,
|
|
2462
|
+
0,
|
|
2463
|
+
100
|
|
2464
|
+
],
|
|
2465
|
+
"alias": "globalColorWhite"
|
|
2466
|
+
},
|
|
2467
|
+
"aliasObjectContainerBackgroundTint": {
|
|
2468
|
+
"value": [
|
|
2469
|
+
198,
|
|
2470
|
+
36,
|
|
2471
|
+
96
|
|
2472
|
+
],
|
|
2473
|
+
"alias": "globalColorConstruction50"
|
|
2474
|
+
},
|
|
2475
|
+
"aliasObjectContainerBackgroundShade": {
|
|
2476
|
+
"value": [
|
|
2477
|
+
198,
|
|
2478
|
+
20,
|
|
2479
|
+
91
|
|
2480
|
+
],
|
|
2481
|
+
"alias": "globalColorConstruction100"
|
|
2482
|
+
},
|
|
2483
|
+
"aliasObjectContainerBackgroundDark": {
|
|
2484
|
+
"value": [
|
|
2485
|
+
198,
|
|
2486
|
+
14,
|
|
2487
|
+
82
|
|
2488
|
+
],
|
|
2489
|
+
"alias": "globalColorConstruction200"
|
|
2490
|
+
},
|
|
2491
|
+
"aliasObjectContainerBackgroundInverse": {
|
|
2492
|
+
"value": [
|
|
2493
|
+
198,
|
|
2494
|
+
14,
|
|
2495
|
+
82
|
|
2496
|
+
],
|
|
2497
|
+
"alias": "globalColorConstruction200"
|
|
2498
|
+
},
|
|
2499
|
+
"aliasObjectContainerBackgroundInverseTint": {
|
|
2500
|
+
"value": [
|
|
2501
|
+
198,
|
|
2502
|
+
20,
|
|
2503
|
+
91
|
|
2504
|
+
],
|
|
2505
|
+
"alias": "globalColorConstruction100"
|
|
2506
|
+
},
|
|
2507
|
+
"aliasObjectContainerBackgroundInverseShade": {
|
|
2508
|
+
"value": [
|
|
2509
|
+
198,
|
|
2510
|
+
10,
|
|
2511
|
+
71
|
|
2512
|
+
],
|
|
2513
|
+
"alias": "globalColorConstruction300"
|
|
2514
|
+
},
|
|
2515
|
+
"aliasObjectContainerBorderColor": {
|
|
2516
|
+
"value": [
|
|
2517
|
+
198,
|
|
2518
|
+
14,
|
|
2519
|
+
82
|
|
2520
|
+
],
|
|
2521
|
+
"alias": "globalColorConstruction200"
|
|
2522
|
+
},
|
|
2523
2523
|
"aliasStatusInfo": {
|
|
2524
2524
|
"value": [
|
|
2525
2525
|
198,
|
|
@@ -2926,7 +2926,7 @@
|
|
|
2926
2926
|
0,
|
|
2927
2927
|
100
|
|
2928
2928
|
],
|
|
2929
|
-
"alias": ""
|
|
2929
|
+
"alias": "globalColorWhite"
|
|
2930
2930
|
},
|
|
2931
2931
|
"aliasTypographyColor200": {
|
|
2932
2932
|
"value": [
|
|
@@ -2934,7 +2934,7 @@
|
|
|
2934
2934
|
14,
|
|
2935
2935
|
36
|
|
2936
2936
|
],
|
|
2937
|
-
"alias": ""
|
|
2937
|
+
"alias": "globalColorConstruction600"
|
|
2938
2938
|
},
|
|
2939
2939
|
"aliasTypographyColor300": {
|
|
2940
2940
|
"value": [
|
|
@@ -2942,7 +2942,7 @@
|
|
|
2942
2942
|
23,
|
|
2943
2943
|
23
|
|
2944
2944
|
],
|
|
2945
|
-
"alias": ""
|
|
2945
|
+
"alias": "globalColorConstruction800"
|
|
2946
2946
|
},
|
|
2947
2947
|
"aliasTypographyColor400": {
|
|
2948
2948
|
"value": [
|
|
@@ -2950,7 +2950,7 @@
|
|
|
2950
2950
|
28,
|
|
2951
2951
|
18
|
|
2952
2952
|
],
|
|
2953
|
-
"alias": ""
|
|
2953
|
+
"alias": "globalColorConstruction900"
|
|
2954
2954
|
},
|
|
2955
2955
|
"aliasTypographyColor450": {
|
|
2956
2956
|
"value": [
|
|
@@ -2958,7 +2958,7 @@
|
|
|
2958
2958
|
30,
|
|
2959
2959
|
15
|
|
2960
2960
|
],
|
|
2961
|
-
"alias": ""
|
|
2961
|
+
"alias": "globalColorConstruction1000"
|
|
2962
2962
|
},
|
|
2963
2963
|
"aliasTypographyColor500": {
|
|
2964
2964
|
"value": [
|
|
@@ -2966,7 +2966,7 @@
|
|
|
2966
2966
|
0,
|
|
2967
2967
|
0
|
|
2968
2968
|
],
|
|
2969
|
-
"alias": ""
|
|
2969
|
+
"alias": "globalColorBlack"
|
|
2970
2970
|
},
|
|
2971
2971
|
"aliasTypographyFontWeightLight": {
|
|
2972
2972
|
"value": "300"
|
|
@@ -3040,7 +3040,7 @@
|
|
|
3040
3040
|
100,
|
|
3041
3041
|
34
|
|
3042
3042
|
],
|
|
3043
|
-
"alias": ""
|
|
3043
|
+
"alias": "globalColorBlue700"
|
|
3044
3044
|
},
|
|
3045
3045
|
"aliasTypographyLinkColorHover": {
|
|
3046
3046
|
"value": [
|
|
@@ -3048,7 +3048,7 @@
|
|
|
3048
3048
|
100,
|
|
3049
3049
|
27
|
|
3050
3050
|
],
|
|
3051
|
-
"alias": ""
|
|
3051
|
+
"alias": "globalColorBlue800"
|
|
3052
3052
|
},
|
|
3053
3053
|
"aliasTypographyLinkColorVisited": {
|
|
3054
3054
|
"value": [
|
|
@@ -3056,7 +3056,7 @@
|
|
|
3056
3056
|
60,
|
|
3057
3057
|
52
|
|
3058
3058
|
],
|
|
3059
|
-
"alias": ""
|
|
3059
|
+
"alias": "globalColorLavender600"
|
|
3060
3060
|
},
|
|
3061
3061
|
"aliasTypographyLinkColorVisitedHover": {
|
|
3062
3062
|
"value": [
|
|
@@ -3064,7 +3064,7 @@
|
|
|
3064
3064
|
69,
|
|
3065
3065
|
45
|
|
3066
3066
|
],
|
|
3067
|
-
"alias": ""
|
|
3067
|
+
"alias": "globalColorLavender700"
|
|
3068
3068
|
},
|
|
3069
3069
|
"aliasTypographyLinkOnColorbg": {
|
|
3070
3070
|
"value": [
|
|
@@ -3072,7 +3072,7 @@
|
|
|
3072
3072
|
0,
|
|
3073
3073
|
0
|
|
3074
3074
|
],
|
|
3075
|
-
"alias": ""
|
|
3075
|
+
"alias": "globalColorBlack"
|
|
3076
3076
|
},
|
|
3077
3077
|
"aliasTypographyBodyFontSize": {
|
|
3078
3078
|
"value": 14
|
|
@@ -3212,7 +3212,7 @@
|
|
|
3212
3212
|
100,
|
|
3213
3213
|
27
|
|
3214
3214
|
],
|
|
3215
|
-
"alias": ""
|
|
3215
|
+
"alias": "globalColorBlue800"
|
|
3216
3216
|
},
|
|
3217
3217
|
"aliasTypographySuccessHover": {
|
|
3218
3218
|
"value": [
|
|
@@ -3220,7 +3220,7 @@
|
|
|
3220
3220
|
80,
|
|
3221
3221
|
23
|
|
3222
3222
|
],
|
|
3223
|
-
"alias": ""
|
|
3223
|
+
"alias": "globalColorGreen800"
|
|
3224
3224
|
},
|
|
3225
3225
|
"aliasTypographyWarningHover": {
|
|
3226
3226
|
"value": [
|
|
@@ -3228,7 +3228,7 @@
|
|
|
3228
3228
|
100,
|
|
3229
3229
|
27
|
|
3230
3230
|
],
|
|
3231
|
-
"alias": ""
|
|
3231
|
+
"alias": "globalColorOchre900"
|
|
3232
3232
|
},
|
|
3233
3233
|
"aliasTypographyDangerHover": {
|
|
3234
3234
|
"value": [
|
|
@@ -3236,7 +3236,7 @@
|
|
|
3236
3236
|
100,
|
|
3237
3237
|
38
|
|
3238
3238
|
],
|
|
3239
|
-
"alias": ""
|
|
3239
|
+
"alias": "globalColorRed800"
|
|
3240
3240
|
},
|
|
3241
3241
|
"aliasTypographyNeutralHover": {
|
|
3242
3242
|
"value": [
|
|
@@ -3244,7 +3244,7 @@
|
|
|
3244
3244
|
19,
|
|
3245
3245
|
28
|
|
3246
3246
|
],
|
|
3247
|
-
"alias": ""
|
|
3247
|
+
"alias": "globalColorConstruction700"
|
|
3248
3248
|
},
|
|
3249
3249
|
"aliasTypographyDisabled": {
|
|
3250
3250
|
"value": [
|
|
@@ -3252,7 +3252,7 @@
|
|
|
3252
3252
|
9,
|
|
3253
3253
|
56
|
|
3254
3254
|
],
|
|
3255
|
-
"alias": ""
|
|
3255
|
+
"alias": "globalColorConstruction400"
|
|
3256
3256
|
},
|
|
3257
3257
|
"aliasTypographyDisabledButton": {
|
|
3258
3258
|
"value": [
|
|
@@ -3260,7 +3260,7 @@
|
|
|
3260
3260
|
10,
|
|
3261
3261
|
46
|
|
3262
3262
|
],
|
|
3263
|
-
"alias": ""
|
|
3263
|
+
"alias": "globalColorConstruction500"
|
|
3264
3264
|
},
|
|
3265
3265
|
"internalScale1": {
|
|
3266
3266
|
"value": "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))"
|
package/tokens/tokens.scss
CHANGED
|
@@ -476,6 +476,23 @@ $cds-alias-object-interaction-color-hover: var(--cds-alias-object-interaction-co
|
|
|
476
476
|
$cds-alias-object-interaction-color-active: var(--cds-alias-object-interaction-color-active) !default;
|
|
477
477
|
$cds-alias-object-interaction-color-selected: var(--cds-alias-object-interaction-color-selected) !default;
|
|
478
478
|
$cds-alias-object-interaction-color-disabled: var(--cds-alias-object-interaction-color-disabled) !default;
|
|
479
|
+
$cds-alias-object-interaction-info-hover: var(--cds-alias-object-interaction-info-hover) !default;
|
|
480
|
+
$cds-alias-object-interaction-info-click: var(--cds-alias-object-interaction-info-click) !default;
|
|
481
|
+
$cds-alias-object-interaction-info-secondary-hover: var(--cds-alias-object-interaction-info-secondary-hover) !default;
|
|
482
|
+
$cds-alias-object-interaction-success-hover: var(--cds-alias-object-interaction-success-hover) !default;
|
|
483
|
+
$cds-alias-object-interaction-success-click: var(--cds-alias-object-interaction-success-click) !default;
|
|
484
|
+
$cds-alias-object-interaction-success-secondary-hover: var(--cds-alias-object-interaction-success-secondary-hover) !default;
|
|
485
|
+
$cds-alias-object-interaction-warning-hover: var(--cds-alias-object-interaction-warning-hover) !default;
|
|
486
|
+
$cds-alias-object-interaction-warning-click: var(--cds-alias-object-interaction-warning-click) !default;
|
|
487
|
+
$cds-alias-object-interaction-warning-secondary-hover: var(--cds-alias-object-interaction-warning-secondary-hover) !default;
|
|
488
|
+
$cds-alias-object-interaction-danger-hover: var(--cds-alias-object-interaction-danger-hover) !default;
|
|
489
|
+
$cds-alias-object-interaction-danger-click: var(--cds-alias-object-interaction-danger-click) !default;
|
|
490
|
+
$cds-alias-object-interaction-danger-secondary-hover: var(--cds-alias-object-interaction-danger-secondary-hover) !default;
|
|
491
|
+
$cds-alias-object-interaction-neutral-hover: var(--cds-alias-object-interaction-neutral-hover) !default;
|
|
492
|
+
$cds-alias-object-interaction-neutral-click: var(--cds-alias-object-interaction-neutral-click) !default;
|
|
493
|
+
$cds-alias-object-interaction-neutral-secondary-hover: var(--cds-alias-object-interaction-neutral-secondary-hover) !default;
|
|
494
|
+
$cds-alias-object-interaction-inverse-hover: var(--cds-alias-object-interaction-inverse-hover) !default;
|
|
495
|
+
$cds-alias-object-interaction-inverse-click: var(--cds-alias-object-interaction-inverse-click) !default;
|
|
479
496
|
$cds-alias-object-app-background: var(--cds-alias-object-app-background) !default;
|
|
480
497
|
$cds-alias-object-overlay-background: var(--cds-alias-object-overlay-background) !default;
|
|
481
498
|
$cds-alias-object-overlay-backdrop-background: var(--cds-alias-object-overlay-backdrop-background) !default;
|
|
@@ -487,23 +504,6 @@ $cds-alias-object-container-background-inverse: var(--cds-alias-object-container
|
|
|
487
504
|
$cds-alias-object-container-background-inverse-tint: var(--cds-alias-object-container-background-inverse-tint) !default;
|
|
488
505
|
$cds-alias-object-container-background-inverse-shade: var(--cds-alias-object-container-background-inverse-shade) !default;
|
|
489
506
|
$cds-alias-object-container-border-color: var(--cds-alias-object-container-border-color) !default;
|
|
490
|
-
$cds-alias-object-info-hover: var(--cds-alias-object-info-hover) !default;
|
|
491
|
-
$cds-alias-object-info-click: var(--cds-alias-object-info-click) !default;
|
|
492
|
-
$cds-alias-object-info-secondary-hover: var(--cds-alias-object-info-secondary-hover) !default;
|
|
493
|
-
$cds-alias-object-success-hover: var(--cds-alias-object-success-hover) !default;
|
|
494
|
-
$cds-alias-object-success-click: var(--cds-alias-object-success-click) !default;
|
|
495
|
-
$cds-alias-object-success-secondary-hover: var(--cds-alias-object-success-secondary-hover) !default;
|
|
496
|
-
$cds-alias-object-warning-hover: var(--cds-alias-object-warning-hover) !default;
|
|
497
|
-
$cds-alias-object-warning-click: var(--cds-alias-object-warning-click) !default;
|
|
498
|
-
$cds-alias-object-warning-secondary-hover: var(--cds-alias-object-warning-secondary-hover) !default;
|
|
499
|
-
$cds-alias-object-danger-hover: var(--cds-alias-object-danger-hover) !default;
|
|
500
|
-
$cds-alias-object-danger-click: var(--cds-alias-object-danger-click) !default;
|
|
501
|
-
$cds-alias-object-danger-secondary-hover: var(--cds-alias-object-danger-secondary-hover) !default;
|
|
502
|
-
$cds-alias-object-neutral-hover: var(--cds-alias-object-neutral-hover) !default;
|
|
503
|
-
$cds-alias-object-neutral-click: var(--cds-alias-object-neutral-click) !default;
|
|
504
|
-
$cds-alias-object-neutral-secondary-hover: var(--cds-alias-object-neutral-secondary-hover) !default;
|
|
505
|
-
$cds-alias-object-inverse-hover: var(--cds-alias-object-inverse-hover) !default;
|
|
506
|
-
$cds-alias-object-inverse-click: var(--cds-alias-object-inverse-click) !default;
|
|
507
507
|
$cds-alias-status-info: var(--cds-alias-status-info) !default;
|
|
508
508
|
$cds-alias-status-info-tint: var(--cds-alias-status-info-tint) !default;
|
|
509
509
|
$cds-alias-status-info-shade: var(--cds-alias-status-info-shade) !default;
|