@entur/tokens 3.12.0 → 3.12.1-alpha.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.
Files changed (26) hide show
  1. package/README.md +23 -1
  2. package/dist/base.css +73 -0
  3. package/dist/base.d.ts +90 -0
  4. package/dist/base.less +73 -0
  5. package/dist/base.scss +73 -0
  6. package/dist/componentColors.d.ts +2578 -0
  7. package/dist/index.d.ts +5 -276
  8. package/dist/legacy-tokens.d.ts +262 -0
  9. package/dist/primitive.css +125 -0
  10. package/dist/primitive.d.ts +144 -0
  11. package/dist/primitive.less +125 -0
  12. package/dist/primitive.scss +125 -0
  13. package/dist/semantic.css +122 -0
  14. package/dist/semantic.d.ts +177 -0
  15. package/dist/semantic.less +122 -0
  16. package/dist/semantic.scss +122 -0
  17. package/dist/styles.css +0 -1824
  18. package/dist/styles.less +0 -1824
  19. package/dist/styles.scss +1 -1825
  20. package/dist/tokens.cjs.development.js +3004 -1838
  21. package/dist/tokens.cjs.development.js.map +1 -1
  22. package/dist/tokens.cjs.production.min.js +1 -1
  23. package/dist/tokens.cjs.production.min.js.map +1 -1
  24. package/dist/tokens.esm.js +3002 -1839
  25. package/dist/tokens.esm.js.map +1 -1
  26. package/package.json +7 -5
package/dist/semantic.less ADDED
@@ -0,0 +1,122 @@
1
+ @import '~@entur/tokens/dist/primitive.less';
2
+ /* DO NOT CHANGE!*/
3
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
+
5
+ @fill-background-contrast-dark: @ebony-90;
6
+ @fill-background-contrast-light: @lavender-90;
7
+ @fill-background-contrast-lightalt: @blue-90;
8
+ @fill-background-overlay-solid: @ebony-80;
9
+ @fill-background-overlay-solidalt: @ebony-75;
10
+ @fill-background-overlay-transparent: @transparent-ebony-alpha20;
11
+ @fill-background-standard-colorless: @white-alpha-0;
12
+ @fill-background-standard-dark: @ebony-100;
13
+ @fill-background-standard-light: @white-alpha-100;
14
+ @fill-background-subdued-dark: @ebony-85;
15
+ @fill-background-subdued-light: @blue-30;
16
+ @fill-background-tint-dark: @ebony-95;
17
+ @fill-background-tint-light: @blue-10;
18
+ @fill-background-tint-neutral: @grey-10;
19
+ @fill-boolean-false-contrast: @blue-50;
20
+ @fill-boolean-false-dark: @transparent-ebony-alpha35;
21
+ @fill-boolean-false-light: @grey-60;
22
+ @fill-boolean-true-contrast: @mint-40;
23
+ @fill-boolean-true-dark: @mint-40;
24
+ @fill-boolean-true-light: @mint-60;
25
+ @fill-disabled-light: @grey-40;
26
+ @fill-disabled-transparent: @transparent-neutral-alpha15;
27
+ @fill-information-contrast: @sky-30;
28
+ @fill-information-deep: @sky-50;
29
+ @fill-information-muted: @sky-10;
30
+ @fill-information-tint: @sky-20;
31
+ @fill-negative-contrast: @coral-40;
32
+ @fill-negative-dark: @coral-90;
33
+ @fill-negative-deep: @coral-60;
34
+ @fill-negative-muted: @coral-20;
35
+ @fill-negative-tint: @coral-30;
36
+ @fill-negative-transparent: @transparent-coral-alpha20;
37
+ @fill-primary-active-contrast: @lavender-50;
38
+ @fill-primary-active-light: @lavender-100;
39
+ @fill-primary-default-contrast: @lavender-40;
40
+ @fill-primary-default-light: @lavender-90;
41
+ @fill-primary-hover-contrast: @lavender-30;
42
+ @fill-primary-hover-light: @blue-90;
43
+ @fill-secondary-active-contrast: @lavender-50;
44
+ @fill-secondary-active-light: @lavender-40;
45
+ @fill-secondary-default-colorless: @white-alpha-0;
46
+ @fill-secondary-hover-contrast: @blue-70;
47
+ @fill-secondary-hover-light: @lavender-20;
48
+ @fill-selected-default-contrast: @blue-90;
49
+ @fill-selected-default-dark: @ebony-10;
50
+ @fill-selected-default-light: @blue-10;
51
+ @fill-selected-default-neutral: @grey-30;
52
+ @fill-selected-hover-contrast: @blue-80;
53
+ @fill-selected-hover-dark: @transparent-ebony-alpha35;
54
+ @fill-selected-hover-light: @blue-20;
55
+ @fill-selected-hover-neutral: @grey-20;
56
+ @fill-success-contrast: @mint-40;
57
+ @fill-success-deep: @mint-60;
58
+ @fill-success-muted: @mint-20;
59
+ @fill-success-subdued: @mint-50;
60
+ @fill-success-tint: @mint-30;
61
+ @fill-warning-contrast: @canary-40;
62
+ @fill-warning-deep: @canary-60;
63
+ @fill-warning-muted: @canary-20;
64
+ @fill-warning-tint: @canary-30;
65
+ @shape-accent: @lavender-90;
66
+ @shape-dark: @ebony-100;
67
+ @shape-darkalt: @ebony-20;
68
+ @shape-highlight: @coral-40;
69
+ @shape-highlightalt: @coral-30;
70
+ @shape-inactive: @blue-40;
71
+ @shape-information: @sky-50;
72
+ @shape-informationalt: @sky-30;
73
+ @shape-light: @white-alpha-100;
74
+ @shape-lightalt: @ebony-10;
75
+ @shape-negative: @coral-60;
76
+ @shape-negativealt: @coral-30;
77
+ @shape-neutral: @grey-70;
78
+ @shape-neutralalt: @grey-50;
79
+ @shape-subdued: @blue-70;
80
+ @shape-subduedalt: @blue-30;
81
+ @shape-success: @mint-60;
82
+ @shape-successalt: @mint-40;
83
+ @shape-warning: @canary-60;
84
+ @shape-warningalt: @canary-40;
85
+ @stroke-accent: @lavender-90;
86
+ @stroke-colorless: @white-alpha-0;
87
+ @stroke-contrast: @lavender-40;
88
+ @stroke-contrastalt: @blue-80;
89
+ @stroke-dark: @ebony-30;
90
+ @stroke-darkalt: @ebony-50;
91
+ @stroke-darkalt-2: @ebony-100;
92
+ @stroke-highlight: @coral-40;
93
+ @stroke-highlightalt: @coral-30;
94
+ @stroke-information: @sky-50;
95
+ @stroke-light: @white-alpha-100;
96
+ @stroke-lightalt: @ebony-10;
97
+ @stroke-negative: @coral-60;
98
+ @stroke-negativealt: @coral-30;
99
+ @stroke-neutral: @grey-30;
100
+ @stroke-neutralalt: @grey-60;
101
+ @stroke-subdued: @blue-60;
102
+ @stroke-success: @mint-60;
103
+ @stroke-successalt: @mint-40;
104
+ @stroke-transparent: @transparent-blue-alpha40;
105
+ @stroke-transparentalt: @transparent-lavender-alpha70;
106
+ @stroke-warning: @canary-70;
107
+ @text-accent: @lavender-90;
108
+ @text-dark: @ebony-100;
109
+ @text-darkalt: @ebony-20;
110
+ @text-highlight: @lavender-40;
111
+ @text-highlightalt: @peach-40;
112
+ @text-light: @white-alpha-100;
113
+ @text-lightalt: @ebony-10;
114
+ @text-negative: @coral-60;
115
+ @text-negativealt: @coral-30;
116
+ @text-neutral: @grey-70;
117
+ @text-neutralalt: @grey-50;
118
+ @text-subdued: @blue-70;
119
+ @text-subduedalt: @blue-30;
120
+ @text-success: @mint-60;
121
+ @text-successalt: @mint-40;
122
+
package/dist/semantic.scss ADDED
@@ -0,0 +1,122 @@
1
+ @use '~@entur/tokens/dist/primitive.scss';
2
+ /* DO NOT CHANGE!*/
3
+ /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
+
5
+ $fill-background-contrast-dark: $ebony-90;
6
+ $fill-background-contrast-light: $lavender-90;
7
+ $fill-background-contrast-lightalt: $blue-90;
8
+ $fill-background-overlay-solid: $ebony-80;
9
+ $fill-background-overlay-solidalt: $ebony-75;
10
+ $fill-background-overlay-transparent: $transparent-ebony-alpha20;
11
+ $fill-background-standard-colorless: $white-alpha-0;
12
+ $fill-background-standard-dark: $ebony-100;
13
+ $fill-background-standard-light: $white-alpha-100;
14
+ $fill-background-subdued-dark: $ebony-85;
15
+ $fill-background-subdued-light: $blue-30;
16
+ $fill-background-tint-dark: $ebony-95;
17
+ $fill-background-tint-light: $blue-10;
18
+ $fill-background-tint-neutral: $grey-10;
19
+ $fill-boolean-false-contrast: $blue-50;
20
+ $fill-boolean-false-dark: $transparent-ebony-alpha35;
21
+ $fill-boolean-false-light: $grey-60;
22
+ $fill-boolean-true-contrast: $mint-40;
23
+ $fill-boolean-true-dark: $mint-40;
24
+ $fill-boolean-true-light: $mint-60;
25
+ $fill-disabled-light: $grey-40;
26
+ $fill-disabled-transparent: $transparent-neutral-alpha15;
27
+ $fill-information-contrast: $sky-30;
28
+ $fill-information-deep: $sky-50;
29
+ $fill-information-muted: $sky-10;
30
+ $fill-information-tint: $sky-20;
31
+ $fill-negative-contrast: $coral-40;
32
+ $fill-negative-dark: $coral-90;
33
+ $fill-negative-deep: $coral-60;
34
+ $fill-negative-muted: $coral-20;
35
+ $fill-negative-tint: $coral-30;
36
+ $fill-negative-transparent: $transparent-coral-alpha20;
37
+ $fill-primary-active-contrast: $lavender-50;
38
+ $fill-primary-active-light: $lavender-100;
39
+ $fill-primary-default-contrast: $lavender-40;
40
+ $fill-primary-default-light: $lavender-90;
41
+ $fill-primary-hover-contrast: $lavender-30;
42
+ $fill-primary-hover-light: $blue-90;
43
+ $fill-secondary-active-contrast: $lavender-50;
44
+ $fill-secondary-active-light: $lavender-40;
45
+ $fill-secondary-default-colorless: $white-alpha-0;
46
+ $fill-secondary-hover-contrast: $blue-70;
47
+ $fill-secondary-hover-light: $lavender-20;
48
+ $fill-selected-default-contrast: $blue-90;
49
+ $fill-selected-default-dark: $ebony-10;
50
+ $fill-selected-default-light: $blue-10;
51
+ $fill-selected-default-neutral: $grey-30;
52
+ $fill-selected-hover-contrast: $blue-80;
53
+ $fill-selected-hover-dark: $transparent-ebony-alpha35;
54
+ $fill-selected-hover-light: $blue-20;
55
+ $fill-selected-hover-neutral: $grey-20;
56
+ $fill-success-contrast: $mint-40;
57
+ $fill-success-deep: $mint-60;
58
+ $fill-success-muted: $mint-20;
59
+ $fill-success-subdued: $mint-50;
60
+ $fill-success-tint: $mint-30;
61
+ $fill-warning-contrast: $canary-40;
62
+ $fill-warning-deep: $canary-60;
63
+ $fill-warning-muted: $canary-20;
64
+ $fill-warning-tint: $canary-30;
65
+ $shape-accent: $lavender-90;
66
+ $shape-dark: $ebony-100;
67
+ $shape-darkalt: $ebony-20;
68
+ $shape-highlight: $coral-40;
69
+ $shape-highlightalt: $coral-30;
70
+ $shape-inactive: $blue-40;
71
+ $shape-information: $sky-50;
72
+ $shape-informationalt: $sky-30;
73
+ $shape-light: $white-alpha-100;
74
+ $shape-lightalt: $ebony-10;
75
+ $shape-negative: $coral-60;
76
+ $shape-negativealt: $coral-30;
77
+ $shape-neutral: $grey-70;
78
+ $shape-neutralalt: $grey-50;
79
+ $shape-subdued: $blue-70;
80
+ $shape-subduedalt: $blue-30;
81
+ $shape-success: $mint-60;
82
+ $shape-successalt: $mint-40;
83
+ $shape-warning: $canary-60;
84
+ $shape-warningalt: $canary-40;
85
+ $stroke-accent: $lavender-90;
86
+ $stroke-colorless: $white-alpha-0;
87
+ $stroke-contrast: $lavender-40;
88
+ $stroke-contrastalt: $blue-80;
89
+ $stroke-dark: $ebony-30;
90
+ $stroke-darkalt: $ebony-50;
91
+ $stroke-darkalt-2: $ebony-100;
92
+ $stroke-highlight: $coral-40;
93
+ $stroke-highlightalt: $coral-30;
94
+ $stroke-information: $sky-50;
95
+ $stroke-light: $white-alpha-100;
96
+ $stroke-lightalt: $ebony-10;
97
+ $stroke-negative: $coral-60;
98
+ $stroke-negativealt: $coral-30;
99
+ $stroke-neutral: $grey-30;
100
+ $stroke-neutralalt: $grey-60;
101
+ $stroke-subdued: $blue-60;
102
+ $stroke-success: $mint-60;
103
+ $stroke-successalt: $mint-40;
104
+ $stroke-transparent: $transparent-blue-alpha40;
105
+ $stroke-transparentalt: $transparent-lavender-alpha70;
106
+ $stroke-warning: $canary-70;
107
+ $text-accent: $lavender-90;
108
+ $text-dark: $ebony-100;
109
+ $text-darkalt: $ebony-20;
110
+ $text-highlight: $lavender-40;
111
+ $text-highlightalt: $peach-40;
112
+ $text-light: $white-alpha-100;
113
+ $text-lightalt: $ebony-10;
114
+ $text-negative: $coral-60;
115
+ $text-negativealt: $coral-30;
116
+ $text-neutral: $grey-70;
117
+ $text-neutralalt: $grey-50;
118
+ $text-subdued: $blue-70;
119
+ $text-subduedalt: $blue-30;
120
+ $text-success: $mint-60;
121
+ $text-successalt: $mint-40;
122
+