@entur/tokens 3.22.4 → 3.23.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 (16) hide show
  1. package/dist/base.css +10 -4
  2. package/dist/base.scss +10 -4
  3. package/dist/generated-js-objects/base.d.ts +6 -0
  4. package/dist/generated-js-objects/componentVariables.d.ts +72 -196
  5. package/dist/generated-js-objects/semantic.d.ts +6 -4
  6. package/dist/primitive.css +3 -3
  7. package/dist/primitive.less +3 -3
  8. package/dist/primitive.scss +3 -3
  9. package/dist/semantic.css +9 -7
  10. package/dist/semantic.less +9 -7
  11. package/dist/semantic.scss +9 -7
  12. package/dist/tokens.cjs.js +4 -4
  13. package/dist/tokens.cjs.js.map +1 -1
  14. package/dist/tokens.esm.js +4 -4
  15. package/dist/tokens.esm.js.map +1 -1
  16. package/package.json +3 -3
package/dist/semantic.css CHANGED
@@ -30,11 +30,12 @@
30
30
  --fill-disabled-light: var(--grey-40);
31
31
  --fill-disabled-transparent: var(--transparent-neutral-alpha15);
32
32
  --fill-disabled-transparentalt: var(--transparent-neutral-alpha10);
33
+ --fill-information-accent: var(--sky-100);
33
34
  --fill-information-contrast: var(--sky-30);
34
35
  --fill-information-deep: var(--sky-50);
35
36
  --fill-information-muted: var(--sky-10);
36
37
  --fill-information-tint: var(--sky-20);
37
- --fill-information-transparent: var(--transparent-sky-alpha20);
38
+ --fill-negative-accent: var(--coral-100);
38
39
  --fill-negative-contrast: var(--coral-40);
39
40
  --fill-negative-dark: var(--coral-90);
40
41
  --fill-negative-deep: var(--coral-60);
@@ -61,24 +62,24 @@
61
62
  --fill-selected-hover-dark: var(--transparent-ebony-alpha35);
62
63
  --fill-selected-hover-light: var(--blue-20);
63
64
  --fill-selected-hover-neutral: var(--grey-20);
65
+ --fill-success-accent: var(--mint-100);
64
66
  --fill-success-contrast: var(--mint-40);
65
67
  --fill-success-deep: var(--mint-60);
66
68
  --fill-success-muted: var(--mint-20);
67
69
  --fill-success-subdued: var(--mint-50);
68
70
  --fill-success-tint: var(--mint-30);
69
- --fill-success-transparent: var(--transparent-mint-alpha20);
71
+ --fill-warning-accent: var(--canary-100);
70
72
  --fill-warning-contrast: var(--canary-40);
71
73
  --fill-warning-deep: var(--canary-60);
72
74
  --fill-warning-muted: var(--canary-20);
73
75
  --fill-warning-tint: var(--canary-30);
74
- --fill-warning-transparent: var(--transparent-canary-alpha25);
75
76
  --shape-accent: var(--lavender-90);
76
77
  --shape-contrast: var(--lavender-40);
77
78
  --shape-dark: var(--ebony-100);
78
79
  --shape-darkalt: var(--ebony-30);
79
80
  --shape-disabled: var(--grey-80);
80
81
  --shape-highlight: var(--coral-40);
81
- --shape-highlightalt: var(--coral-30);
82
+ --shape-highlightalt: var(--peach-40);
82
83
  --shape-inactive: var(--blue-40);
83
84
  --shape-information: var(--sky-50);
84
85
  --shape-informationalt: var(--sky-30);
@@ -102,12 +103,12 @@
102
103
  --stroke-colorless: var(--white-alpha-0);
103
104
  --stroke-contrast: var(--lavender-40);
104
105
  --stroke-contrastalt: var(--blue-80);
106
+ --stroke-contrastalt-2: var(--lavender-100);
105
107
  --stroke-dark: var(--ebony-30);
106
108
  --stroke-darkalt: var(--ebony-50);
107
109
  --stroke-darkalt-2: var(--ebony-100);
108
- --stroke-highcontrast: var(--lavender-100);
109
110
  --stroke-highlight: var(--coral-40);
110
- --stroke-highlightalt: var(--coral-30);
111
+ --stroke-highlightalt: var(--peach-40);
111
112
  --stroke-information: var(--sky-50);
112
113
  --stroke-informationalt: var(--sky-20);
113
114
  --stroke-light: var(--white-alpha-100);
@@ -125,10 +126,11 @@
125
126
  --stroke-warning: var(--canary-70);
126
127
  --stroke-warningalt: var(--canary-30);
127
128
  --text-accent: var(--lavender-90);
129
+ --text-contrast: var(--lavender-40);
128
130
  --text-dark: var(--ebony-100);
129
131
  --text-darkalt: var(--ebony-30);
130
132
  --text-disabled: var(--grey-80);
131
- --text-highlight: var(--lavender-40);
133
+ --text-highlight: var(--coral-40);
132
134
  --text-highlightalt: var(--peach-40);
133
135
  --text-light: var(--white-alpha-100);
134
136
  --text-lightalt: var(--ebony-10);
package/dist/semantic.less CHANGED
@@ -30,11 +30,12 @@
30
30
  @fill-disabled-light: @grey-40;
31
31
  @fill-disabled-transparent: @transparent-neutral-alpha15;
32
32
  @fill-disabled-transparentalt: @transparent-neutral-alpha10;
33
+ @fill-information-accent: @sky-100;
33
34
  @fill-information-contrast: @sky-30;
34
35
  @fill-information-deep: @sky-50;
35
36
  @fill-information-muted: @sky-10;
36
37
  @fill-information-tint: @sky-20;
37
- @fill-information-transparent: @transparent-sky-alpha20;
38
+ @fill-negative-accent: @coral-100;
38
39
  @fill-negative-contrast: @coral-40;
39
40
  @fill-negative-dark: @coral-90;
40
41
  @fill-negative-deep: @coral-60;
@@ -61,24 +62,24 @@
61
62
  @fill-selected-hover-dark: @transparent-ebony-alpha35;
62
63
  @fill-selected-hover-light: @blue-20;
63
64
  @fill-selected-hover-neutral: @grey-20;
65
+ @fill-success-accent: @mint-100;
64
66
  @fill-success-contrast: @mint-40;
65
67
  @fill-success-deep: @mint-60;
66
68
  @fill-success-muted: @mint-20;
67
69
  @fill-success-subdued: @mint-50;
68
70
  @fill-success-tint: @mint-30;
69
- @fill-success-transparent: @transparent-mint-alpha20;
71
+ @fill-warning-accent: @canary-100;
70
72
  @fill-warning-contrast: @canary-40;
71
73
  @fill-warning-deep: @canary-60;
72
74
  @fill-warning-muted: @canary-20;
73
75
  @fill-warning-tint: @canary-30;
74
- @fill-warning-transparent: @transparent-canary-alpha25;
75
76
  @shape-accent: @lavender-90;
76
77
  @shape-contrast: @lavender-40;
77
78
  @shape-dark: @ebony-100;
78
79
  @shape-darkalt: @ebony-30;
79
80
  @shape-disabled: @grey-80;
80
81
  @shape-highlight: @coral-40;
81
- @shape-highlightalt: @coral-30;
82
+ @shape-highlightalt: @peach-40;
82
83
  @shape-inactive: @blue-40;
83
84
  @shape-information: @sky-50;
84
85
  @shape-informationalt: @sky-30;
@@ -102,12 +103,12 @@
102
103
  @stroke-colorless: @white-alpha-0;
103
104
  @stroke-contrast: @lavender-40;
104
105
  @stroke-contrastalt: @blue-80;
106
+ @stroke-contrastalt-2: @lavender-100;
105
107
  @stroke-dark: @ebony-30;
106
108
  @stroke-darkalt: @ebony-50;
107
109
  @stroke-darkalt-2: @ebony-100;
108
- @stroke-highcontrast: @lavender-100;
109
110
  @stroke-highlight: @coral-40;
110
- @stroke-highlightalt: @coral-30;
111
+ @stroke-highlightalt: @peach-40;
111
112
  @stroke-information: @sky-50;
112
113
  @stroke-informationalt: @sky-20;
113
114
  @stroke-light: @white-alpha-100;
@@ -125,10 +126,11 @@
125
126
  @stroke-warning: @canary-70;
126
127
  @stroke-warningalt: @canary-30;
127
128
  @text-accent: @lavender-90;
129
+ @text-contrast: @lavender-40;
128
130
  @text-dark: @ebony-100;
129
131
  @text-darkalt: @ebony-30;
130
132
  @text-disabled: @grey-80;
131
- @text-highlight: @lavender-40;
133
+ @text-highlight: @coral-40;
132
134
  @text-highlightalt: @peach-40;
133
135
  @text-light: @white-alpha-100;
134
136
  @text-lightalt: @ebony-10;
package/dist/semantic.scss CHANGED
@@ -31,11 +31,12 @@ $fill-boolean-true-light: $mint-60;
31
31
  $fill-disabled-light: $grey-40;
32
32
  $fill-disabled-transparent: $transparent-neutral-alpha15;
33
33
  $fill-disabled-transparentalt: $transparent-neutral-alpha10;
34
+ $fill-information-accent: $sky-100;
34
35
  $fill-information-contrast: $sky-30;
35
36
  $fill-information-deep: $sky-50;
36
37
  $fill-information-muted: $sky-10;
37
38
  $fill-information-tint: $sky-20;
38
- $fill-information-transparent: $transparent-sky-alpha20;
39
+ $fill-negative-accent: $coral-100;
39
40
  $fill-negative-contrast: $coral-40;
40
41
  $fill-negative-dark: $coral-90;
41
42
  $fill-negative-deep: $coral-60;
@@ -62,24 +63,24 @@ $fill-selected-hover-contrast: $blue-80;
62
63
  $fill-selected-hover-dark: $transparent-ebony-alpha35;
63
64
  $fill-selected-hover-light: $blue-20;
64
65
  $fill-selected-hover-neutral: $grey-20;
66
+ $fill-success-accent: $mint-100;
65
67
  $fill-success-contrast: $mint-40;
66
68
  $fill-success-deep: $mint-60;
67
69
  $fill-success-muted: $mint-20;
68
70
  $fill-success-subdued: $mint-50;
69
71
  $fill-success-tint: $mint-30;
70
- $fill-success-transparent: $transparent-mint-alpha20;
72
+ $fill-warning-accent: $canary-100;
71
73
  $fill-warning-contrast: $canary-40;
72
74
  $fill-warning-deep: $canary-60;
73
75
  $fill-warning-muted: $canary-20;
74
76
  $fill-warning-tint: $canary-30;
75
- $fill-warning-transparent: $transparent-canary-alpha25;
76
77
  $shape-accent: $lavender-90;
77
78
  $shape-contrast: $lavender-40;
78
79
  $shape-dark: $ebony-100;
79
80
  $shape-darkalt: $ebony-30;
80
81
  $shape-disabled: $grey-80;
81
82
  $shape-highlight: $coral-40;
82
- $shape-highlightalt: $coral-30;
83
+ $shape-highlightalt: $peach-40;
83
84
  $shape-inactive: $blue-40;
84
85
  $shape-information: $sky-50;
85
86
  $shape-informationalt: $sky-30;
@@ -103,12 +104,12 @@ $stroke-accent: $lavender-90;
103
104
  $stroke-colorless: $white-alpha-0;
104
105
  $stroke-contrast: $lavender-40;
105
106
  $stroke-contrastalt: $blue-80;
107
+ $stroke-contrastalt-2: $lavender-100;
106
108
  $stroke-dark: $ebony-30;
107
109
  $stroke-darkalt: $ebony-50;
108
110
  $stroke-darkalt-2: $ebony-100;
109
- $stroke-highcontrast: $lavender-100;
110
111
  $stroke-highlight: $coral-40;
111
- $stroke-highlightalt: $coral-30;
112
+ $stroke-highlightalt: $peach-40;
112
113
  $stroke-information: $sky-50;
113
114
  $stroke-informationalt: $sky-20;
114
115
  $stroke-light: $white-alpha-100;
@@ -126,10 +127,11 @@ $stroke-transparentalt: $transparent-lavender-alpha70;
126
127
  $stroke-warning: $canary-70;
127
128
  $stroke-warningalt: $canary-30;
128
129
  $text-accent: $lavender-90;
130
+ $text-contrast: $lavender-40;
129
131
  $text-dark: $ebony-100;
130
132
  $text-darkalt: $ebony-30;
131
133
  $text-disabled: $grey-80;
132
- $text-highlight: $lavender-40;
134
+ $text-highlight: $coral-40;
133
135
  $text-highlightalt: $peach-40;
134
136
  $text-light: $white-alpha-100;
135
137
  $text-lightalt: $ebony-10;