@dynatrace/strato-design-tokens 0.20.40 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors/index.d.ts +0 -122
- package/colors/index.js +0 -122
- package/esm/colors/index.js +0 -122
- package/esm/colors/index.js.map +2 -2
- package/esm/variables/index.js +0 -38
- package/esm/variables/index.js.map +2 -2
- package/esm/variables-dark/index.js +0 -38
- package/esm/variables-dark/index.js.map +2 -2
- package/package.json +11 -1
- package/variables/index.d.ts +0 -38
- package/variables/index.js +0 -38
- package/variables-dark/index.d.ts +0 -38
- package/variables-dark/index.js +0 -38
package/colors/index.d.ts
CHANGED
|
@@ -489,50 +489,6 @@ declare const _default: {
|
|
|
489
489
|
*/
|
|
490
490
|
AccentActive: string;
|
|
491
491
|
};
|
|
492
|
-
OnAccent: {
|
|
493
|
-
/**
|
|
494
|
-
* Use for disabled fields placed on accentuated background.
|
|
495
|
-
* @deprecated Will be removed
|
|
496
|
-
* Css custom property: --dt-colors-background-field-on-accent-disabled. Default value: #f3f3f71a.
|
|
497
|
-
*/
|
|
498
|
-
Disabled: string;
|
|
499
|
-
/**
|
|
500
|
-
* Use for default fields placed on accentuated background.
|
|
501
|
-
* @deprecated Will be removed
|
|
502
|
-
* Css custom property: --dt-colors-background-field-on-accent-default. Default value: #f3f3f700.
|
|
503
|
-
*/
|
|
504
|
-
Default: string;
|
|
505
|
-
/**
|
|
506
|
-
* Use for hover interaction on default fields on an accentuated background.
|
|
507
|
-
* @deprecated Will be removed
|
|
508
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-hover. Default value: #f3f3f74d.
|
|
509
|
-
*/
|
|
510
|
-
DefaultHover: string;
|
|
511
|
-
/**
|
|
512
|
-
* Use for click interaction on default fields on an accentuated background.
|
|
513
|
-
* @deprecated Will be removed
|
|
514
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-active. Default value: #f3f3f766.
|
|
515
|
-
*/
|
|
516
|
-
DefaultActive: string;
|
|
517
|
-
/**
|
|
518
|
-
* Use for emphasized fields placed on accentuated background.
|
|
519
|
-
* @deprecated Will be removed
|
|
520
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized. Default value: #f3f3f733.
|
|
521
|
-
*/
|
|
522
|
-
Emphasized: string;
|
|
523
|
-
/**
|
|
524
|
-
* Use for hover interaction on emphasized fields on an accentuated background.
|
|
525
|
-
* @deprecated Will be removed
|
|
526
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-hover. Default value: #f3f3f74d.
|
|
527
|
-
*/
|
|
528
|
-
EmphasizedHover: string;
|
|
529
|
-
/**
|
|
530
|
-
* Use for click interaction on emphasized fields on an accentuated background.
|
|
531
|
-
* @deprecated Will be removed
|
|
532
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-active. Default value: #f3f3f766.
|
|
533
|
-
*/
|
|
534
|
-
EmphasizedActive: string;
|
|
535
|
-
};
|
|
536
492
|
};
|
|
537
493
|
};
|
|
538
494
|
Border: {
|
|
@@ -831,32 +787,6 @@ declare const _default: {
|
|
|
831
787
|
*/
|
|
832
788
|
AccentActive: string;
|
|
833
789
|
};
|
|
834
|
-
OnAccent: {
|
|
835
|
-
/**
|
|
836
|
-
* Use for border color of elements on an accentuated background in a disabled state.
|
|
837
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Disabled'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
838
|
-
* Css custom property: --dt-colors-border-on-accent-disabled. Default value: #f3f3f733.
|
|
839
|
-
*/
|
|
840
|
-
Disabled: string;
|
|
841
|
-
/**
|
|
842
|
-
* Use as the default border color of elements on an accentuated background.
|
|
843
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Default'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
844
|
-
* Css custom property: --dt-colors-border-on-accent-default. Default value: #f3f3f7.
|
|
845
|
-
*/
|
|
846
|
-
Default: string;
|
|
847
|
-
/**
|
|
848
|
-
* Use as border color on hover interaction of elements on an accentuated background.
|
|
849
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultHover'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
850
|
-
* Css custom property: --dt-colors-border-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
851
|
-
*/
|
|
852
|
-
DefaultHover: string;
|
|
853
|
-
/**
|
|
854
|
-
* Use as border color on click interaction of elements on an accentuated background.
|
|
855
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultActive'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
856
|
-
* Css custom property: --dt-colors-border-on-accent-default-active. Default value: #f3f3f799.
|
|
857
|
-
*/
|
|
858
|
-
DefaultActive: string;
|
|
859
|
-
};
|
|
860
790
|
};
|
|
861
791
|
Text: {
|
|
862
792
|
Neutral: {
|
|
@@ -1094,32 +1024,6 @@ declare const _default: {
|
|
|
1094
1024
|
*/
|
|
1095
1025
|
DefaultActive: string;
|
|
1096
1026
|
};
|
|
1097
|
-
OnAccent: {
|
|
1098
|
-
/**
|
|
1099
|
-
* Use for text color placed on accentuated background on disabled state.
|
|
1100
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Disabled'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1101
|
-
* Css custom property: --dt-colors-text-on-accent-disabled. Default value: #f3f3f780.
|
|
1102
|
-
*/
|
|
1103
|
-
Disabled: string;
|
|
1104
|
-
/**
|
|
1105
|
-
* Use for text color placed on accentuated background.
|
|
1106
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Default'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1107
|
-
* Css custom property: --dt-colors-text-on-accent-default. Default value: #f3f3f7.
|
|
1108
|
-
*/
|
|
1109
|
-
Default: string;
|
|
1110
|
-
/**
|
|
1111
|
-
* Use for text color placed on accentuated background on hover interaction.
|
|
1112
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultHover'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1113
|
-
* Css custom property: --dt-colors-text-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1114
|
-
*/
|
|
1115
|
-
DefaultHover: string;
|
|
1116
|
-
/**
|
|
1117
|
-
* Use for text color placed on accentuated background on click interaction.
|
|
1118
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultActive'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1119
|
-
* Css custom property: --dt-colors-text-on-accent-default-active. Default value: #f3f3f799.
|
|
1120
|
-
*/
|
|
1121
|
-
DefaultActive: string;
|
|
1122
|
-
};
|
|
1123
1027
|
};
|
|
1124
1028
|
Icon: {
|
|
1125
1029
|
Neutral: {
|
|
@@ -1357,32 +1261,6 @@ declare const _default: {
|
|
|
1357
1261
|
*/
|
|
1358
1262
|
DefaultActive: string;
|
|
1359
1263
|
};
|
|
1360
|
-
OnAccent: {
|
|
1361
|
-
/**
|
|
1362
|
-
* Use for icon color placed on accentuated background on disabled state.
|
|
1363
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Disabled'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1364
|
-
* Css custom property: --dt-colors-icon-on-accent-disabled. Default value: #f3f3f780.
|
|
1365
|
-
*/
|
|
1366
|
-
Disabled: string;
|
|
1367
|
-
/**
|
|
1368
|
-
* Use for icon color placed on accentuated background.
|
|
1369
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Default'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1370
|
-
* Css custom property: --dt-colors-icon-on-accent-default. Default value: #f3f3f7.
|
|
1371
|
-
*/
|
|
1372
|
-
Default: string;
|
|
1373
|
-
/**
|
|
1374
|
-
* Use for icon color placed on accentuated background on hover interaction.
|
|
1375
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultHover'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1376
|
-
* Css custom property: --dt-colors-icon-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1377
|
-
*/
|
|
1378
|
-
DefaultHover: string;
|
|
1379
|
-
/**
|
|
1380
|
-
* Use for icon color placed on accentuated background on click interaction.
|
|
1381
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultActive'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1382
|
-
* Css custom property: --dt-colors-icon-on-accent-default-active. Default value: #f3f3f799.
|
|
1383
|
-
*/
|
|
1384
|
-
DefaultActive: string;
|
|
1385
|
-
};
|
|
1386
1264
|
};
|
|
1387
1265
|
Syntax: {
|
|
1388
1266
|
/**
|
package/colors/index.js
CHANGED
|
@@ -506,50 +506,6 @@ const Background = {
|
|
|
506
506
|
* Css custom property: --dt-colors-background-field-critical-accent-active. Default value: #a0001f.
|
|
507
507
|
*/
|
|
508
508
|
AccentActive: "var(--dt-colors-background-field-critical-accent-active, #a0001f)"
|
|
509
|
-
},
|
|
510
|
-
OnAccent: {
|
|
511
|
-
/**
|
|
512
|
-
* Use for disabled fields placed on accentuated background.
|
|
513
|
-
* @deprecated Will be removed
|
|
514
|
-
* Css custom property: --dt-colors-background-field-on-accent-disabled. Default value: #f3f3f71a.
|
|
515
|
-
*/
|
|
516
|
-
Disabled: "var(--dt-colors-background-field-on-accent-disabled, #f3f3f71a)",
|
|
517
|
-
/**
|
|
518
|
-
* Use for default fields placed on accentuated background.
|
|
519
|
-
* @deprecated Will be removed
|
|
520
|
-
* Css custom property: --dt-colors-background-field-on-accent-default. Default value: #f3f3f700.
|
|
521
|
-
*/
|
|
522
|
-
Default: "var(--dt-colors-background-field-on-accent-default, #f3f3f700)",
|
|
523
|
-
/**
|
|
524
|
-
* Use for hover interaction on default fields on an accentuated background.
|
|
525
|
-
* @deprecated Will be removed
|
|
526
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-hover. Default value: #f3f3f74d.
|
|
527
|
-
*/
|
|
528
|
-
DefaultHover: "var(--dt-colors-background-field-on-accent-default-hover, #f3f3f74d)",
|
|
529
|
-
/**
|
|
530
|
-
* Use for click interaction on default fields on an accentuated background.
|
|
531
|
-
* @deprecated Will be removed
|
|
532
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-active. Default value: #f3f3f766.
|
|
533
|
-
*/
|
|
534
|
-
DefaultActive: "var(--dt-colors-background-field-on-accent-default-active, #f3f3f766)",
|
|
535
|
-
/**
|
|
536
|
-
* Use for emphasized fields placed on accentuated background.
|
|
537
|
-
* @deprecated Will be removed
|
|
538
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized. Default value: #f3f3f733.
|
|
539
|
-
*/
|
|
540
|
-
Emphasized: "var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733)",
|
|
541
|
-
/**
|
|
542
|
-
* Use for hover interaction on emphasized fields on an accentuated background.
|
|
543
|
-
* @deprecated Will be removed
|
|
544
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-hover. Default value: #f3f3f74d.
|
|
545
|
-
*/
|
|
546
|
-
EmphasizedHover: "var(--dt-colors-background-field-on-accent-emphasized-hover, #f3f3f74d)",
|
|
547
|
-
/**
|
|
548
|
-
* Use for click interaction on emphasized fields on an accentuated background.
|
|
549
|
-
* @deprecated Will be removed
|
|
550
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-active. Default value: #f3f3f766.
|
|
551
|
-
*/
|
|
552
|
-
EmphasizedActive: "var(--dt-colors-background-field-on-accent-emphasized-active, #f3f3f766)"
|
|
553
509
|
}
|
|
554
510
|
}
|
|
555
511
|
};
|
|
@@ -848,32 +804,6 @@ const Border = {
|
|
|
848
804
|
* Css custom property: --dt-colors-border-critical-accent-active. Default value: #720013.
|
|
849
805
|
*/
|
|
850
806
|
AccentActive: "var(--dt-colors-border-critical-accent-active, #720013)"
|
|
851
|
-
},
|
|
852
|
-
OnAccent: {
|
|
853
|
-
/**
|
|
854
|
-
* Use for border color of elements on an accentuated background in a disabled state.
|
|
855
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Disabled'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
856
|
-
* Css custom property: --dt-colors-border-on-accent-disabled. Default value: #f3f3f733.
|
|
857
|
-
*/
|
|
858
|
-
Disabled: "var(--dt-colors-border-on-accent-disabled, #f3f3f733)",
|
|
859
|
-
/**
|
|
860
|
-
* Use as the default border color of elements on an accentuated background.
|
|
861
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Default'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
862
|
-
* Css custom property: --dt-colors-border-on-accent-default. Default value: #f3f3f7.
|
|
863
|
-
*/
|
|
864
|
-
Default: "var(--dt-colors-border-on-accent-default, #f3f3f7)",
|
|
865
|
-
/**
|
|
866
|
-
* Use as border color on hover interaction of elements on an accentuated background.
|
|
867
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultHover'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
868
|
-
* Css custom property: --dt-colors-border-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
869
|
-
*/
|
|
870
|
-
DefaultHover: "var(--dt-colors-border-on-accent-default-hover, #f3f3f7cc)",
|
|
871
|
-
/**
|
|
872
|
-
* Use as border color on click interaction of elements on an accentuated background.
|
|
873
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultActive'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
874
|
-
* Css custom property: --dt-colors-border-on-accent-default-active. Default value: #f3f3f799.
|
|
875
|
-
*/
|
|
876
|
-
DefaultActive: "var(--dt-colors-border-on-accent-default-active, #f3f3f799)"
|
|
877
807
|
}
|
|
878
808
|
};
|
|
879
809
|
const Text = {
|
|
@@ -1111,32 +1041,6 @@ const Text = {
|
|
|
1111
1041
|
* Css custom property: --dt-colors-text-critical-default-active. Default value: #720013.
|
|
1112
1042
|
*/
|
|
1113
1043
|
DefaultActive: "var(--dt-colors-text-critical-default-active, #720013)"
|
|
1114
|
-
},
|
|
1115
|
-
OnAccent: {
|
|
1116
|
-
/**
|
|
1117
|
-
* Use for text color placed on accentuated background on disabled state.
|
|
1118
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Disabled'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1119
|
-
* Css custom property: --dt-colors-text-on-accent-disabled. Default value: #f3f3f780.
|
|
1120
|
-
*/
|
|
1121
|
-
Disabled: "var(--dt-colors-text-on-accent-disabled, #f3f3f780)",
|
|
1122
|
-
/**
|
|
1123
|
-
* Use for text color placed on accentuated background.
|
|
1124
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Default'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1125
|
-
* Css custom property: --dt-colors-text-on-accent-default. Default value: #f3f3f7.
|
|
1126
|
-
*/
|
|
1127
|
-
Default: "var(--dt-colors-text-on-accent-default, #f3f3f7)",
|
|
1128
|
-
/**
|
|
1129
|
-
* Use for text color placed on accentuated background on hover interaction.
|
|
1130
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultHover'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1131
|
-
* Css custom property: --dt-colors-text-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1132
|
-
*/
|
|
1133
|
-
DefaultHover: "var(--dt-colors-text-on-accent-default-hover, #f3f3f7cc)",
|
|
1134
|
-
/**
|
|
1135
|
-
* Use for text color placed on accentuated background on click interaction.
|
|
1136
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultActive'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1137
|
-
* Css custom property: --dt-colors-text-on-accent-default-active. Default value: #f3f3f799.
|
|
1138
|
-
*/
|
|
1139
|
-
DefaultActive: "var(--dt-colors-text-on-accent-default-active, #f3f3f799)"
|
|
1140
1044
|
}
|
|
1141
1045
|
};
|
|
1142
1046
|
const Icon = {
|
|
@@ -1374,32 +1278,6 @@ const Icon = {
|
|
|
1374
1278
|
* Css custom property: --dt-colors-icon-critical-default-active. Default value: #720013.
|
|
1375
1279
|
*/
|
|
1376
1280
|
DefaultActive: "var(--dt-colors-icon-critical-default-active, #720013)"
|
|
1377
|
-
},
|
|
1378
|
-
OnAccent: {
|
|
1379
|
-
/**
|
|
1380
|
-
* Use for icon color placed on accentuated background on disabled state.
|
|
1381
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Disabled'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1382
|
-
* Css custom property: --dt-colors-icon-on-accent-disabled. Default value: #f3f3f780.
|
|
1383
|
-
*/
|
|
1384
|
-
Disabled: "var(--dt-colors-icon-on-accent-disabled, #f3f3f780)",
|
|
1385
|
-
/**
|
|
1386
|
-
* Use for icon color placed on accentuated background.
|
|
1387
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Default'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1388
|
-
* Css custom property: --dt-colors-icon-on-accent-default. Default value: #f3f3f7.
|
|
1389
|
-
*/
|
|
1390
|
-
Default: "var(--dt-colors-icon-on-accent-default, #f3f3f7)",
|
|
1391
|
-
/**
|
|
1392
|
-
* Use for icon color placed on accentuated background on hover interaction.
|
|
1393
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultHover'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1394
|
-
* Css custom property: --dt-colors-icon-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1395
|
-
*/
|
|
1396
|
-
DefaultHover: "var(--dt-colors-icon-on-accent-default-hover, #f3f3f7cc)",
|
|
1397
|
-
/**
|
|
1398
|
-
* Use for icon color placed on accentuated background on click interaction.
|
|
1399
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultActive'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1400
|
-
* Css custom property: --dt-colors-icon-on-accent-default-active. Default value: #f3f3f799.
|
|
1401
|
-
*/
|
|
1402
|
-
DefaultActive: "var(--dt-colors-icon-on-accent-default-active, #f3f3f799)"
|
|
1403
1281
|
}
|
|
1404
1282
|
};
|
|
1405
1283
|
const Syntax = {
|
package/esm/colors/index.js
CHANGED
|
@@ -484,50 +484,6 @@ const Background = {
|
|
|
484
484
|
* Css custom property: --dt-colors-background-field-critical-accent-active. Default value: #a0001f.
|
|
485
485
|
*/
|
|
486
486
|
AccentActive: "var(--dt-colors-background-field-critical-accent-active, #a0001f)"
|
|
487
|
-
},
|
|
488
|
-
OnAccent: {
|
|
489
|
-
/**
|
|
490
|
-
* Use for disabled fields placed on accentuated background.
|
|
491
|
-
* @deprecated Will be removed
|
|
492
|
-
* Css custom property: --dt-colors-background-field-on-accent-disabled. Default value: #f3f3f71a.
|
|
493
|
-
*/
|
|
494
|
-
Disabled: "var(--dt-colors-background-field-on-accent-disabled, #f3f3f71a)",
|
|
495
|
-
/**
|
|
496
|
-
* Use for default fields placed on accentuated background.
|
|
497
|
-
* @deprecated Will be removed
|
|
498
|
-
* Css custom property: --dt-colors-background-field-on-accent-default. Default value: #f3f3f700.
|
|
499
|
-
*/
|
|
500
|
-
Default: "var(--dt-colors-background-field-on-accent-default, #f3f3f700)",
|
|
501
|
-
/**
|
|
502
|
-
* Use for hover interaction on default fields on an accentuated background.
|
|
503
|
-
* @deprecated Will be removed
|
|
504
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-hover. Default value: #f3f3f74d.
|
|
505
|
-
*/
|
|
506
|
-
DefaultHover: "var(--dt-colors-background-field-on-accent-default-hover, #f3f3f74d)",
|
|
507
|
-
/**
|
|
508
|
-
* Use for click interaction on default fields on an accentuated background.
|
|
509
|
-
* @deprecated Will be removed
|
|
510
|
-
* Css custom property: --dt-colors-background-field-on-accent-default-active. Default value: #f3f3f766.
|
|
511
|
-
*/
|
|
512
|
-
DefaultActive: "var(--dt-colors-background-field-on-accent-default-active, #f3f3f766)",
|
|
513
|
-
/**
|
|
514
|
-
* Use for emphasized fields placed on accentuated background.
|
|
515
|
-
* @deprecated Will be removed
|
|
516
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized. Default value: #f3f3f733.
|
|
517
|
-
*/
|
|
518
|
-
Emphasized: "var(--dt-colors-background-field-on-accent-emphasized, #f3f3f733)",
|
|
519
|
-
/**
|
|
520
|
-
* Use for hover interaction on emphasized fields on an accentuated background.
|
|
521
|
-
* @deprecated Will be removed
|
|
522
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-hover. Default value: #f3f3f74d.
|
|
523
|
-
*/
|
|
524
|
-
EmphasizedHover: "var(--dt-colors-background-field-on-accent-emphasized-hover, #f3f3f74d)",
|
|
525
|
-
/**
|
|
526
|
-
* Use for click interaction on emphasized fields on an accentuated background.
|
|
527
|
-
* @deprecated Will be removed
|
|
528
|
-
* Css custom property: --dt-colors-background-field-on-accent-emphasized-active. Default value: #f3f3f766.
|
|
529
|
-
*/
|
|
530
|
-
EmphasizedActive: "var(--dt-colors-background-field-on-accent-emphasized-active, #f3f3f766)"
|
|
531
487
|
}
|
|
532
488
|
}
|
|
533
489
|
};
|
|
@@ -826,32 +782,6 @@ const Border = {
|
|
|
826
782
|
* Css custom property: --dt-colors-border-critical-accent-active. Default value: #720013.
|
|
827
783
|
*/
|
|
828
784
|
AccentActive: "var(--dt-colors-border-critical-accent-active, #720013)"
|
|
829
|
-
},
|
|
830
|
-
OnAccent: {
|
|
831
|
-
/**
|
|
832
|
-
* Use for border color of elements on an accentuated background in a disabled state.
|
|
833
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Disabled'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
834
|
-
* Css custom property: --dt-colors-border-on-accent-disabled. Default value: #f3f3f733.
|
|
835
|
-
*/
|
|
836
|
-
Disabled: "var(--dt-colors-border-on-accent-disabled, #f3f3f733)",
|
|
837
|
-
/**
|
|
838
|
-
* Use as the default border color of elements on an accentuated background.
|
|
839
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.Default'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
840
|
-
* Css custom property: --dt-colors-border-on-accent-default. Default value: #f3f3f7.
|
|
841
|
-
*/
|
|
842
|
-
Default: "var(--dt-colors-border-on-accent-default, #f3f3f7)",
|
|
843
|
-
/**
|
|
844
|
-
* Use as border color on hover interaction of elements on an accentuated background.
|
|
845
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultHover'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
846
|
-
* Css custom property: --dt-colors-border-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
847
|
-
*/
|
|
848
|
-
DefaultHover: "var(--dt-colors-border-on-accent-default-hover, #f3f3f7cc)",
|
|
849
|
-
/**
|
|
850
|
-
* Use as border color on click interaction of elements on an accentuated background.
|
|
851
|
-
* @deprecated Replace with 'Colors.Border.[Color].OnAccent.DefaultActive'. [Color] is the accent color the border is placed on, for example, 'Neutral'.
|
|
852
|
-
* Css custom property: --dt-colors-border-on-accent-default-active. Default value: #f3f3f799.
|
|
853
|
-
*/
|
|
854
|
-
DefaultActive: "var(--dt-colors-border-on-accent-default-active, #f3f3f799)"
|
|
855
785
|
}
|
|
856
786
|
};
|
|
857
787
|
const Text = {
|
|
@@ -1089,32 +1019,6 @@ const Text = {
|
|
|
1089
1019
|
* Css custom property: --dt-colors-text-critical-default-active. Default value: #720013.
|
|
1090
1020
|
*/
|
|
1091
1021
|
DefaultActive: "var(--dt-colors-text-critical-default-active, #720013)"
|
|
1092
|
-
},
|
|
1093
|
-
OnAccent: {
|
|
1094
|
-
/**
|
|
1095
|
-
* Use for text color placed on accentuated background on disabled state.
|
|
1096
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Disabled'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1097
|
-
* Css custom property: --dt-colors-text-on-accent-disabled. Default value: #f3f3f780.
|
|
1098
|
-
*/
|
|
1099
|
-
Disabled: "var(--dt-colors-text-on-accent-disabled, #f3f3f780)",
|
|
1100
|
-
/**
|
|
1101
|
-
* Use for text color placed on accentuated background.
|
|
1102
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.Default'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1103
|
-
* Css custom property: --dt-colors-text-on-accent-default. Default value: #f3f3f7.
|
|
1104
|
-
*/
|
|
1105
|
-
Default: "var(--dt-colors-text-on-accent-default, #f3f3f7)",
|
|
1106
|
-
/**
|
|
1107
|
-
* Use for text color placed on accentuated background on hover interaction.
|
|
1108
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultHover'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1109
|
-
* Css custom property: --dt-colors-text-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1110
|
-
*/
|
|
1111
|
-
DefaultHover: "var(--dt-colors-text-on-accent-default-hover, #f3f3f7cc)",
|
|
1112
|
-
/**
|
|
1113
|
-
* Use for text color placed on accentuated background on click interaction.
|
|
1114
|
-
* @deprecated Replace with 'Colors.Text.[Color].OnAccent.DefaultActive'. [Color] is the accent color the text is placed on, for example, 'Neutral'.
|
|
1115
|
-
* Css custom property: --dt-colors-text-on-accent-default-active. Default value: #f3f3f799.
|
|
1116
|
-
*/
|
|
1117
|
-
DefaultActive: "var(--dt-colors-text-on-accent-default-active, #f3f3f799)"
|
|
1118
1022
|
}
|
|
1119
1023
|
};
|
|
1120
1024
|
const Icon = {
|
|
@@ -1352,32 +1256,6 @@ const Icon = {
|
|
|
1352
1256
|
* Css custom property: --dt-colors-icon-critical-default-active. Default value: #720013.
|
|
1353
1257
|
*/
|
|
1354
1258
|
DefaultActive: "var(--dt-colors-icon-critical-default-active, #720013)"
|
|
1355
|
-
},
|
|
1356
|
-
OnAccent: {
|
|
1357
|
-
/**
|
|
1358
|
-
* Use for icon color placed on accentuated background on disabled state.
|
|
1359
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Disabled'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1360
|
-
* Css custom property: --dt-colors-icon-on-accent-disabled. Default value: #f3f3f780.
|
|
1361
|
-
*/
|
|
1362
|
-
Disabled: "var(--dt-colors-icon-on-accent-disabled, #f3f3f780)",
|
|
1363
|
-
/**
|
|
1364
|
-
* Use for icon color placed on accentuated background.
|
|
1365
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.Default'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1366
|
-
* Css custom property: --dt-colors-icon-on-accent-default. Default value: #f3f3f7.
|
|
1367
|
-
*/
|
|
1368
|
-
Default: "var(--dt-colors-icon-on-accent-default, #f3f3f7)",
|
|
1369
|
-
/**
|
|
1370
|
-
* Use for icon color placed on accentuated background on hover interaction.
|
|
1371
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultHover'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1372
|
-
* Css custom property: --dt-colors-icon-on-accent-default-hover. Default value: #f3f3f7cc.
|
|
1373
|
-
*/
|
|
1374
|
-
DefaultHover: "var(--dt-colors-icon-on-accent-default-hover, #f3f3f7cc)",
|
|
1375
|
-
/**
|
|
1376
|
-
* Use for icon color placed on accentuated background on click interaction.
|
|
1377
|
-
* @deprecated Replace with 'Colors.Icon.[Color].OnAccent.DefaultActive'. [Color] is the accent color the icon is placed on, for example, 'Neutral'.
|
|
1378
|
-
* Css custom property: --dt-colors-icon-on-accent-default-active. Default value: #f3f3f799.
|
|
1379
|
-
*/
|
|
1380
|
-
DefaultActive: "var(--dt-colors-icon-on-accent-default-active, #f3f3f799)"
|
|
1381
1259
|
}
|
|
1382
1260
|
};
|
|
1383
1261
|
const Syntax = {
|