@entur/tokens 3.17.4 → 3.17.6

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 (11) hide show
  1. package/dist/componentColors.d.ts +96 -48
  2. package/dist/styles.css +34 -34
  3. package/dist/styles.less +34 -34
  4. package/dist/styles.scss +35 -35
  5. package/dist/tokens.cjs.development.js +108 -60
  6. package/dist/tokens.cjs.development.js.map +1 -1
  7. package/dist/tokens.cjs.production.min.js +1 -1
  8. package/dist/tokens.cjs.production.min.js.map +1 -1
  9. package/dist/tokens.esm.js +108 -60
  10. package/dist/tokens.esm.js.map +1 -1
  11. package/package.json +7 -7
package/dist/componentColors.d.ts CHANGED
@@ -126,57 +126,81 @@ export declare const componentColors: {
126
126
  information: {
127
127
  contrast: {
128
128
  border: string;
129
- fill: string;
130
- icon: string;
131
- text: string;
129
+ fillDefault: string;
130
+ fillToast: string;
131
+ iconDefault: string;
132
+ iconToast: string;
133
+ textDefault: string;
134
+ textToast: string;
132
135
  };
133
136
  standard: {
134
137
  border: string;
135
- fill: string;
136
- icon: string;
137
- text: string;
138
+ fillDefault: string;
139
+ fillToast: string;
140
+ iconDefault: string;
141
+ iconToast: string;
142
+ textDefault: string;
143
+ textToast: string;
138
144
  };
139
145
  };
140
146
  negative: {
141
147
  contrast: {
142
148
  border: string;
143
- fill: string;
144
- icon: string;
145
- text: string;
149
+ fillDefault: string;
150
+ fillToast: string;
151
+ iconDefault: string;
152
+ iconToast: string;
153
+ textDefault: string;
154
+ textToast: string;
146
155
  };
147
156
  standard: {
148
157
  border: string;
149
- fill: string;
150
- icon: string;
151
- text: string;
158
+ fillDefault: string;
159
+ fillToast: string;
160
+ iconDefault: string;
161
+ iconToast: string;
162
+ textDefault: string;
163
+ textToast: string;
152
164
  };
153
165
  };
154
166
  success: {
155
167
  contrast: {
156
168
  border: string;
157
- fill: string;
158
- icon: string;
159
- text: string;
169
+ fillDefault: string;
170
+ fillToast: string;
171
+ iconDefault: string;
172
+ iconToast: string;
173
+ textDefault: string;
174
+ textToast: string;
160
175
  };
161
176
  standard: {
162
177
  border: string;
163
- fill: string;
164
- icon: string;
165
- text: string;
178
+ fillDefault: string;
179
+ fillToast: string;
180
+ iconDefault: string;
181
+ iconToast: string;
182
+ textDefault: string;
183
+ textToast: string;
166
184
  };
167
185
  };
168
186
  warning: {
169
187
  contrast: {
170
188
  border: string;
171
- fill: string;
172
- icon: string;
173
- text: string;
189
+ fillDefault: string;
190
+ fillToast: string;
191
+ iconDefault: string;
192
+ iconToast: string;
193
+ textDefault: string;
194
+ textDefault2: string;
174
195
  };
175
196
  standard: {
176
197
  border: string;
177
- fill: string;
178
- icon: string;
179
- text: string;
198
+ fillDefault: string;
199
+ fillToast: string;
200
+ iconDefault: string;
201
+ iconToast: string;
202
+ textDefault: string;
203
+ textToast: string;
180
204
  };
181
205
  };
182
206
  };
@@ -1547,57 +1571,81 @@ export declare const componentColors: {
1547
1571
  information: {
1548
1572
  contrast: {
1549
1573
  border: string;
1550
- fill: string;
1551
- icon: string;
1552
- text: string;
1574
+ fillDefault: string;
1575
+ fillToast: string;
1576
+ iconDefault: string;
1577
+ iconToast: string;
1578
+ textDefault: string;
1579
+ textToast: string;
1553
1580
  };
1554
1581
  standard: {
1555
1582
  border: string;
1556
- fill: string;
1557
- icon: string;
1558
- text: string;
1583
+ fillDefault: string;
1584
+ fillToast: string;
1585
+ iconDefault: string;
1586
+ iconToast: string;
1587
+ textDefault: string;
1588
+ textToast: string;
1559
1589
  };
1560
1590
  };
1561
1591
  negative: {
1562
1592
  contrast: {
1563
1593
  border: string;
1564
- fill: string;
1565
- icon: string;
1566
- text: string;
1594
+ fillDefault: string;
1595
+ fillToast: string;
1596
+ iconDefault: string;
1597
+ iconToast: string;
1598
+ textDefault: string;
1599
+ textToast: string;
1567
1600
  };
1568
1601
  standard: {
1569
1602
  border: string;
1570
- fill: string;
1571
- icon: string;
1572
- text: string;
1603
+ fillDefault: string;
1604
+ fillToast: string;
1605
+ iconDefault: string;
1606
+ iconToast: string;
1607
+ textDefault: string;
1608
+ textToast: string;
1573
1609
  };
1574
1610
  };
1575
1611
  success: {
1576
1612
  contrast: {
1577
1613
  border: string;
1578
- fill: string;
1579
- icon: string;
1580
- text: string;
1614
+ fillDefault: string;
1615
+ fillToast: string;
1616
+ iconDefault: string;
1617
+ iconToast: string;
1618
+ textDefault: string;
1619
+ textToast: string;
1581
1620
  };
1582
1621
  standard: {
1583
1622
  border: string;
1584
- fill: string;
1585
- icon: string;
1586
- text: string;
1623
+ fillDefault: string;
1624
+ fillToast: string;
1625
+ iconDefault: string;
1626
+ iconToast: string;
1627
+ textDefault: string;
1628
+ textToast: string;
1587
1629
  };
1588
1630
  };
1589
1631
  warning: {
1590
1632
  contrast: {
1591
1633
  border: string;
1592
- fill: string;
1593
- icon: string;
1594
- text: string;
1634
+ fillDefault: string;
1635
+ fillToast: string;
1636
+ iconDefault: string;
1637
+ iconToast: string;
1638
+ textDefault: string;
1639
+ textDefault2: string;
1595
1640
  };
1596
1641
  standard: {
1597
1642
  border: string;
1598
- fill: string;
1599
- icon: string;
1600
- text: string;
1643
+ fillDefault: string;
1644
+ fillToast: string;
1645
+ iconDefault: string;
1646
+ iconToast: string;
1647
+ textDefault: string;
1648
+ textToast: string;
1601
1649
  };
1602
1650
  };
1603
1651
  };
package/dist/styles.css CHANGED
@@ -3,6 +3,16 @@
3
3
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
4
 
5
5
  :root {
6
+ --border-radiuses-default: 0.0625rem;
7
+ --border-radiuses-small: 0.0625rem;
8
+ --border-radiuses-medium: 0.25rem;
9
+ --border-radiuses-large: 0.5rem;
10
+ --border-widths-default: 0.125rem;
11
+ --border-widths-small: 0.0625rem;
12
+ --border-widths-medium: 0.125rem;
13
+ --border-widths-large: 0.25rem;
14
+ --breakpoints-large: 50rem;
15
+ --breakpoints-extra-large: 75rem;
6
16
  --colors-brand-blue: #181c56;
7
17
  --colors-brand-lavender: #aeb7e2;
8
18
  --colors-brand-white: #ffffff;
@@ -87,24 +97,6 @@
87
97
  --colors-data-contrast-peach: #ffbf9e;
88
98
  --colors-data-contrast-spring: #7bc00b;
89
99
  --colors-data-contrast-lilac: #ea8bea;
90
- --space-none: 0rem;
91
- --space-default: 1rem;
92
- --space-extra-small2: 0.25rem;
93
- --space-extra-small: 0.5rem;
94
- --space-small: 0.75rem;
95
- --space-medium: 1rem;
96
- --space-large: 1.5rem;
97
- --space-extra-large: 2rem;
98
- --space-extra-large2: 2.5rem;
99
- --space-extra-large3: 3rem;
100
- --space-extra-large4: 3.5rem;
101
- --space-extra-large5: 4rem;
102
- --space-extra-large6: 4.5rem;
103
- --space-extra-large7: 5rem;
104
- --space-extra-large8: 5.5rem;
105
- --space-extra-large9: 6rem;
106
- --font-weights-body: 500;
107
- --font-weights-heading: 600;
108
100
  --font-sizes-extra-small: 0.625rem;
109
101
  --font-sizes-small: 0.75rem;
110
102
  --font-sizes-medium: 0.875rem;
@@ -114,6 +106,8 @@
114
106
  --font-sizes-extra-large3: 1.75rem;
115
107
  --font-sizes-extra-large4: 2rem;
116
108
  --font-sizes-extra-large5: 2.5rem;
109
+ --font-weights-body: 500;
110
+ --font-weights-heading: 600;
117
111
  --line-heights-extra-small: 0.875rem;
118
112
  --line-heights-small: 1rem;
119
113
  --line-heights-medium: 1.25rem;
@@ -125,16 +119,9 @@
125
119
  --line-heights-extra-large5: 2.625rem;
126
120
  --line-heights-extra-large6: 3rem;
127
121
  --line-heights-extra-large7: 3.75rem;
128
- --breakpoints-large: 50rem;
129
- --breakpoints-extra-large: 75rem;
130
- --border-widths-default: 0.125rem;
131
- --border-widths-small: 0.0625rem;
132
- --border-widths-medium: 0.125rem;
133
- --border-widths-large: 0.25rem;
134
- --border-radiuses-default: 0.0625rem;
135
- --border-radiuses-small: 0.0625rem;
136
- --border-radiuses-medium: 0.25rem;
137
- --border-radiuses-large: 0.5rem;
122
+ --outline-offsets-focus: 0.125rem;
123
+ --outlines-focus: 2px solid #181c56;
124
+ --outlines-focus-contrast: 2px solid #ffffff ;
138
125
  --shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
139
126
  --shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
140
127
  --shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
@@ -143,6 +130,25 @@
143
130
  --shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
144
131
  --shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
145
132
  --shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
133
+ --space-none: 0rem;
134
+ --space-default: 1rem;
135
+ --space-extra-small2: 0.25rem;
136
+ --space-extra-small: 0.5rem;
137
+ --space-small: 0.75rem;
138
+ --space-medium: 1rem;
139
+ --space-large: 1.5rem;
140
+ --space-extra-large: 2rem;
141
+ --space-extra-large2: 2.5rem;
142
+ --space-extra-large3: 3rem;
143
+ --space-extra-large4: 3.5rem;
144
+ --space-extra-large5: 4rem;
145
+ --space-extra-large6: 4.5rem;
146
+ --space-extra-large7: 5rem;
147
+ --space-extra-large8: 5.5rem;
148
+ --space-extra-large9: 6rem;
149
+ --timings-fast: 0.1s;
150
+ --timings-medium: 0.2s;
151
+ --timings-slow: 0.5s;
146
152
  --z-indexes-behind: -1;
147
153
  --z-indexes-default: 0;
148
154
  --z-indexes-sticky: 10;
@@ -150,10 +156,4 @@
150
156
  --z-indexes-overlay: 30;
151
157
  --z-indexes-modal: 40;
152
158
  --z-indexes-toast: 50;
153
- --timings-fast: 0.1s;
154
- --timings-medium: 0.2s;
155
- --timings-slow: 0.5s;
156
- --outlines-focus: 2px solid #181c56;
157
- --outlines-focus-contrast: 2px solid #ffffff ;
158
- --outline-offsets-focus: 0.125rem;
159
159
  }
package/dist/styles.less CHANGED
@@ -1,5 +1,15 @@
1
1
  /* DO NOT CHANGE!*/
2
2
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
3
+ @border-radiuses-default: 0.0625rem;
4
+ @border-radiuses-small: 0.0625rem;
5
+ @border-radiuses-medium: 0.25rem;
6
+ @border-radiuses-large: 0.5rem;
7
+ @border-widths-default: 0.125rem;
8
+ @border-widths-small: 0.0625rem;
9
+ @border-widths-medium: 0.125rem;
10
+ @border-widths-large: 0.25rem;
11
+ @breakpoints-large: 50rem;
12
+ @breakpoints-extra-large: 75rem;
3
13
  @colors-brand-blue: #181c56;
4
14
  @colors-brand-lavender: #aeb7e2;
5
15
  @colors-brand-white: #ffffff;
@@ -84,24 +94,6 @@
84
94
  @colors-data-contrast-peach: #ffbf9e;
85
95
  @colors-data-contrast-spring: #7bc00b;
86
96
  @colors-data-contrast-lilac: #ea8bea;
87
- @space-none: 0rem;
88
- @space-default: 1rem;
89
- @space-extra-small2: 0.25rem;
90
- @space-extra-small: 0.5rem;
91
- @space-small: 0.75rem;
92
- @space-medium: 1rem;
93
- @space-large: 1.5rem;
94
- @space-extra-large: 2rem;
95
- @space-extra-large2: 2.5rem;
96
- @space-extra-large3: 3rem;
97
- @space-extra-large4: 3.5rem;
98
- @space-extra-large5: 4rem;
99
- @space-extra-large6: 4.5rem;
100
- @space-extra-large7: 5rem;
101
- @space-extra-large8: 5.5rem;
102
- @space-extra-large9: 6rem;
103
- @font-weights-body: 500;
104
- @font-weights-heading: 600;
105
97
  @font-sizes-extra-small: 0.625rem;
106
98
  @font-sizes-small: 0.75rem;
107
99
  @font-sizes-medium: 0.875rem;
@@ -111,6 +103,8 @@
111
103
  @font-sizes-extra-large3: 1.75rem;
112
104
  @font-sizes-extra-large4: 2rem;
113
105
  @font-sizes-extra-large5: 2.5rem;
106
+ @font-weights-body: 500;
107
+ @font-weights-heading: 600;
114
108
  @line-heights-extra-small: 0.875rem;
115
109
  @line-heights-small: 1rem;
116
110
  @line-heights-medium: 1.25rem;
@@ -122,16 +116,9 @@
122
116
  @line-heights-extra-large5: 2.625rem;
123
117
  @line-heights-extra-large6: 3rem;
124
118
  @line-heights-extra-large7: 3.75rem;
125
- @breakpoints-large: 50rem;
126
- @breakpoints-extra-large: 75rem;
127
- @border-widths-default: 0.125rem;
128
- @border-widths-small: 0.0625rem;
129
- @border-widths-medium: 0.125rem;
130
- @border-widths-large: 0.25rem;
131
- @border-radiuses-default: 0.0625rem;
132
- @border-radiuses-small: 0.0625rem;
133
- @border-radiuses-medium: 0.25rem;
134
- @border-radiuses-large: 0.5rem;
119
+ @outline-offsets-focus: 0.125rem;
120
+ @outlines-focus: 2px solid #181c56;
121
+ @outlines-focus-contrast: 2px solid #ffffff ;
135
122
  @shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
136
123
  @shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
137
124
  @shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
@@ -140,6 +127,25 @@
140
127
  @shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
141
128
  @shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
142
129
  @shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
130
+ @space-none: 0rem;
131
+ @space-default: 1rem;
132
+ @space-extra-small2: 0.25rem;
133
+ @space-extra-small: 0.5rem;
134
+ @space-small: 0.75rem;
135
+ @space-medium: 1rem;
136
+ @space-large: 1.5rem;
137
+ @space-extra-large: 2rem;
138
+ @space-extra-large2: 2.5rem;
139
+ @space-extra-large3: 3rem;
140
+ @space-extra-large4: 3.5rem;
141
+ @space-extra-large5: 4rem;
142
+ @space-extra-large6: 4.5rem;
143
+ @space-extra-large7: 5rem;
144
+ @space-extra-large8: 5.5rem;
145
+ @space-extra-large9: 6rem;
146
+ @timings-fast: 0.1s;
147
+ @timings-medium: 0.2s;
148
+ @timings-slow: 0.5s;
143
149
  @z-indexes-behind: -1;
144
150
  @z-indexes-default: 0;
145
151
  @z-indexes-sticky: 10;
@@ -147,10 +153,4 @@
147
153
  @z-indexes-overlay: 30;
148
154
  @z-indexes-modal: 40;
149
155
  @z-indexes-toast: 50;
150
- @timings-fast: 0.1s;
151
- @timings-medium: 0.2s;
152
- @timings-slow: 0.5s;
153
- @outlines-focus: 2px solid #181c56;
154
- @outlines-focus-contrast: 2px solid #ffffff ;
155
- @outline-offsets-focus: 0.125rem;
156
156
 
package/dist/styles.scss CHANGED
@@ -2,6 +2,16 @@
2
2
  /* DO NOT CHANGE!*/
3
3
  /* This file is automatically generated from @entur/tokens! Changes will be overwritten. */
4
4
 
5
+ $border-radiuses-default: 0.0625rem;
6
+ $border-radiuses-small: 0.0625rem;
7
+ $border-radiuses-medium: 0.25rem;
8
+ $border-radiuses-large: 0.5rem;
9
+ $border-widths-default: 0.125rem;
10
+ $border-widths-small: 0.0625rem;
11
+ $border-widths-medium: 0.125rem;
12
+ $border-widths-large: 0.25rem;
13
+ $breakpoints-large: 50rem;
14
+ $breakpoints-extra-large: 75rem;
5
15
  $colors-brand-blue: #181c56;
6
16
  $colors-brand-lavender: #aeb7e2;
7
17
  $colors-brand-white: #ffffff;
@@ -86,24 +96,6 @@ $colors-data-contrast-lavender: #aeb7e2;
86
96
  $colors-data-contrast-peach: #ffbf9e;
87
97
  $colors-data-contrast-spring: #7bc00b;
88
98
  $colors-data-contrast-lilac: #ea8bea;
89
- $space-none: 0rem;
90
- $space-default: 1rem;
91
- $space-extra-small2: 0.25rem;
92
- $space-extra-small: 0.5rem;
93
- $space-small: 0.75rem;
94
- $space-medium: 1rem;
95
- $space-large: 1.5rem;
96
- $space-extra-large: 2rem;
97
- $space-extra-large2: 2.5rem;
98
- $space-extra-large3: 3rem;
99
- $space-extra-large4: 3.5rem;
100
- $space-extra-large5: 4rem;
101
- $space-extra-large6: 4.5rem;
102
- $space-extra-large7: 5rem;
103
- $space-extra-large8: 5.5rem;
104
- $space-extra-large9: 6rem;
105
- $font-weights-body: 500;
106
- $font-weights-heading: 600;
107
99
  $font-sizes-extra-small: 0.625rem;
108
100
  $font-sizes-small: 0.75rem;
109
101
  $font-sizes-medium: 0.875rem;
@@ -113,6 +105,8 @@ $font-sizes-extra-large2: 1.5rem;
113
105
  $font-sizes-extra-large3: 1.75rem;
114
106
  $font-sizes-extra-large4: 2rem;
115
107
  $font-sizes-extra-large5: 2.5rem;
108
+ $font-weights-body: 500;
109
+ $font-weights-heading: 600;
116
110
  $line-heights-extra-small: 0.875rem;
117
111
  $line-heights-small: 1rem;
118
112
  $line-heights-medium: 1.25rem;
@@ -124,16 +118,9 @@ $line-heights-extra-large4: 2.25rem;
124
118
  $line-heights-extra-large5: 2.625rem;
125
119
  $line-heights-extra-large6: 3rem;
126
120
  $line-heights-extra-large7: 3.75rem;
127
- $breakpoints-large: 50rem;
128
- $breakpoints-extra-large: 75rem;
129
- $border-widths-default: 0.125rem;
130
- $border-widths-small: 0.0625rem;
131
- $border-widths-medium: 0.125rem;
132
- $border-widths-large: 0.25rem;
133
- $border-radiuses-default: 0.0625rem;
134
- $border-radiuses-small: 0.0625rem;
135
- $border-radiuses-medium: 0.25rem;
136
- $border-radiuses-large: 0.5rem;
121
+ $outline-offsets-focus: 0.125rem;
122
+ $outlines-focus: 2px solid #181c56;
123
+ $outlines-focus-contrast: 2px solid #ffffff ;
137
124
  $shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
138
125
  $shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
139
126
  $shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
@@ -142,16 +129,29 @@ $shadows-card-shadow-contrast: 0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1);
142
129
  $shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
143
130
  $shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
144
131
  $shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
132
+ $space-none: 0rem;
133
+ $space-default: 1rem;
134
+ $space-extra-small2: 0.25rem;
135
+ $space-extra-small: 0.5rem;
136
+ $space-small: 0.75rem;
137
+ $space-medium: 1rem;
138
+ $space-large: 1.5rem;
139
+ $space-extra-large: 2rem;
140
+ $space-extra-large2: 2.5rem;
141
+ $space-extra-large3: 3rem;
142
+ $space-extra-large4: 3.5rem;
143
+ $space-extra-large5: 4rem;
144
+ $space-extra-large6: 4.5rem;
145
+ $space-extra-large7: 5rem;
146
+ $space-extra-large8: 5.5rem;
147
+ $space-extra-large9: 6rem;
148
+ $timings-fast: 0.1s;
149
+ $timings-medium: 0.2s;
150
+ $timings-slow: 0.5s;
145
151
  $z-indexes-behind: -1;
146
152
  $z-indexes-default: 0;
147
153
  $z-indexes-sticky: 10;
148
154
  $z-indexes-popover: 20;
149
155
  $z-indexes-overlay: 30;
150
156
  $z-indexes-modal: 40;
151
- $z-indexes-toast: 50;
152
- $timings-fast: 0.1s;
153
- $timings-medium: 0.2s;
154
- $timings-slow: 0.5s;
155
- $outlines-focus: 2px solid #181c56;
156
- $outlines-focus-contrast: 2px solid #ffffff ;
157
- $outline-offsets-focus: 0.125rem;
157
+ $z-indexes-toast: 50;