@entur/tokens 3.0.1 → 3.3.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 (12) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/index.d.ts +33 -0
  3. package/dist/styles.css +30 -7
  4. package/dist/styles.less +30 -7
  5. package/dist/styles.scss +31 -8
  6. package/dist/tokens.cjs.development.js +43 -10
  7. package/dist/tokens.cjs.development.js.map +1 -1
  8. package/dist/tokens.cjs.production.min.js +1 -1
  9. package/dist/tokens.cjs.production.min.js.map +1 -1
  10. package/dist/tokens.esm.js +42 -11
  11. package/dist/tokens.esm.js.map +1 -1
  12. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -3,6 +3,39 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [3.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.2.1...@entur/tokens@3.3.0) (2021-11-17)
7
+
8
+ ### Features
9
+
10
+ - **colors:** add data colors ([86fef07](https://bitbucket.org/enturas/design-system/commits/86fef07d5cfd18cb376094cce9258a7861c5826c))
11
+
12
+ ## [3.2.1](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.2.0...@entur/tokens@3.2.1) (2021-09-23)
13
+
14
+ ### Bug Fixes
15
+
16
+ - **shadows:** adjust width of focus token ([41aae61](https://bitbucket.org/enturas/design-system/commits/41aae61108873cca0d928af0368e2b693f355777))
17
+
18
+ # [3.2.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.1.0...@entur/tokens@3.2.0) (2021-09-07)
19
+
20
+ ### Bug Fixes
21
+
22
+ - update shadow-focus token to match outline focus ([0882c3c](https://bitbucket.org/enturas/design-system/commits/0882c3c8ea265c58f4e8e0c386ae6f58be382fab))
23
+
24
+ ### Features
25
+
26
+ - **color:** add canary contrast and canary tint ([c2a22dc](https://bitbucket.org/enturas/design-system/commits/c2a22dc2168971edb3763641ebb64d2a8efbb4e7))
27
+
28
+ # [3.1.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.0.1...@entur/tokens@3.1.0) (2021-04-23)
29
+
30
+ ### Bug Fixes
31
+
32
+ - **shadows:** update box shadow tokens ([5b10f8c](https://bitbucket.org/enturas/design-system/commits/5b10f8cae1c54bacd8ef47fdf52d380be772e91d))
33
+
34
+ ### Features
35
+
36
+ - add box shadow tokens ([51365ad](https://bitbucket.org/enturas/design-system/commits/51365ad92641113c1a854f3a1a4b18631459c793))
37
+ - add outline and outline offset tokens ([4c30d26](https://bitbucket.org/enturas/design-system/commits/4c30d2696c872aeac85ad33c5731652fa74a7253))
38
+
6
39
  ## [3.0.1](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.0.0...@entur/tokens@3.0.1) (2021-01-20)
7
40
 
8
41
  ### Bug Fixes
package/dist/index.d.ts CHANGED
@@ -40,6 +40,8 @@ export declare const colors: {
40
40
  mintContrast: string;
41
41
  mintTint: string;
42
42
  canary: string;
43
+ canaryContrast: string;
44
+ canaryTint: string;
43
45
  };
44
46
  misc: {
45
47
  focus: string;
@@ -79,6 +81,28 @@ export declare const colors: {
79
81
  mobility: string;
80
82
  };
81
83
  };
84
+ data: {
85
+ default: {
86
+ blue: string;
87
+ coral: string;
88
+ jungle: string;
89
+ azure: string;
90
+ lavender: string;
91
+ peach: string;
92
+ spring: string;
93
+ lilac: string;
94
+ };
95
+ contrast: {
96
+ blue: string;
97
+ coral: string;
98
+ jungle: string;
99
+ azure: string;
100
+ lavender: string;
101
+ peach: string;
102
+ spring: string;
103
+ lilac: string;
104
+ };
105
+ };
82
106
  };
83
107
  export declare const shadows: {
84
108
  focus: string;
@@ -87,6 +111,8 @@ export declare const shadows: {
87
111
  cardShadowHover: string;
88
112
  cardShadowContrast: string;
89
113
  cardShadowHoverContrast: string;
114
+ boxShadow: string;
115
+ boxShadowContrast: string;
90
116
  };
91
117
  export declare const space: {
92
118
  none: number;
@@ -163,3 +189,10 @@ export declare const timings: {
163
189
  medium: string;
164
190
  slow: string;
165
191
  };
192
+ export declare const outlines: {
193
+ focus: string;
194
+ focusContrast: string;
195
+ };
196
+ export declare const outlineOffsets: {
197
+ focus: number;
198
+ };
package/dist/styles.css CHANGED
@@ -36,7 +36,9 @@
36
36
  --colors-validation-mint: #1a8e60;
37
37
  --colors-validation-mint-contrast: #5ac39a;
38
38
  --colors-validation-mint-tint: #d0f1e3;
39
- --colors-validation-canary: #efd358;
39
+ --colors-validation-canary: #ffca28;
40
+ --colors-validation-canary-contrast: #ffe082;
41
+ --colors-validation-canary-tint: #fff4cd;
40
42
  --colors-misc-focus: rgba(68, 192, 255, 0.5);
41
43
  --colors-misc-black: #000000;
42
44
  --colors-transport-default-metro: #de8108;
@@ -67,12 +69,30 @@
67
69
  --colors-transport-contrast-ferry: #6fdfff;
68
70
  --colors-transport-contrast-carferry: #6fdfff;
69
71
  --colors-transport-contrast-mobility: #00db9b;
70
- --shadows-focus: 0 0 0 0.25rem rgba(68, 192, 255, 0.5);
71
- --shadows-focus-contrast: 0 0 0 0.25rem rgba(255,255,255, 0.3);
72
- --shadows-card-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0, 0.25);
73
- --shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.2);
74
- --shadows-card-shadow-contrast: 0 0.125rem 0.1875rem 0 rgba(57,61,121, 0.7);
75
- --shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 0.7);
72
+ --colors-data-default-blue: #181c56;
73
+ --colors-data-default-coral: #ff5959;
74
+ --colors-data-default-jungle: #0ea2a8;
75
+ --colors-data-default-azure: #2f98fa;
76
+ --colors-data-default-lavender: #8692ca;
77
+ --colors-data-default-peach: #ca825b;
78
+ --colors-data-default-spring: #57a257;
79
+ --colors-data-default-lilac: #8e57e3;
80
+ --colors-data-contrast-blue: #6466aa;
81
+ --colors-data-contrast-coral: #ff5959;
82
+ --colors-data-contrast-jungle: #0fc2b3;
83
+ --colors-data-contrast-azure: #64b2fb;
84
+ --colors-data-contrast-lavender: #aeb7e2;
85
+ --colors-data-contrast-peach: #ffbf9e;
86
+ --colors-data-contrast-spring: #7bc00b;
87
+ --colors-data-contrast-lilac: #ea8bea;
88
+ --shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
89
+ --shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
90
+ --shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
91
+ --shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.1);
92
+ --shadows-card-shadow-contrast: 0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1);
93
+ --shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
94
+ --shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
95
+ --shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
76
96
  --space-none: 0rem;
77
97
  --space-default: 1rem;
78
98
  --space-extra-small2: 0.25rem;
@@ -130,4 +150,7 @@
130
150
  --timings-fast: 0.1s;
131
151
  --timings-medium: 0.2s;
132
152
  --timings-slow: 0.5s;
153
+ --outlines-focus: 2px solid #181c56;
154
+ --outlines-focus-contrast: 2px solid #ffffff ;
155
+ --outline-offsets-focus: 0.125rem;
133
156
  }
package/dist/styles.less CHANGED
@@ -33,7 +33,9 @@
33
33
  @colors-validation-mint: #1a8e60;
34
34
  @colors-validation-mint-contrast: #5ac39a;
35
35
  @colors-validation-mint-tint: #d0f1e3;
36
- @colors-validation-canary: #efd358;
36
+ @colors-validation-canary: #ffca28;
37
+ @colors-validation-canary-contrast: #ffe082;
38
+ @colors-validation-canary-tint: #fff4cd;
37
39
  @colors-misc-focus: rgba(68, 192, 255, 0.5);
38
40
  @colors-misc-black: #000000;
39
41
  @colors-transport-default-metro: #de8108;
@@ -64,12 +66,30 @@
64
66
  @colors-transport-contrast-ferry: #6fdfff;
65
67
  @colors-transport-contrast-carferry: #6fdfff;
66
68
  @colors-transport-contrast-mobility: #00db9b;
67
- @shadows-focus: 0 0 0 0.25rem rgba(68, 192, 255, 0.5);
68
- @shadows-focus-contrast: 0 0 0 0.25rem rgba(255,255,255, 0.3);
69
- @shadows-card-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0, 0.25);
70
- @shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.2);
71
- @shadows-card-shadow-contrast: 0 0.125rem 0.1875rem 0 rgba(57,61,121, 0.7);
72
- @shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 0.7);
69
+ @colors-data-default-blue: #181c56;
70
+ @colors-data-default-coral: #ff5959;
71
+ @colors-data-default-jungle: #0ea2a8;
72
+ @colors-data-default-azure: #2f98fa;
73
+ @colors-data-default-lavender: #8692ca;
74
+ @colors-data-default-peach: #ca825b;
75
+ @colors-data-default-spring: #57a257;
76
+ @colors-data-default-lilac: #8e57e3;
77
+ @colors-data-contrast-blue: #6466aa;
78
+ @colors-data-contrast-coral: #ff5959;
79
+ @colors-data-contrast-jungle: #0fc2b3;
80
+ @colors-data-contrast-azure: #64b2fb;
81
+ @colors-data-contrast-lavender: #aeb7e2;
82
+ @colors-data-contrast-peach: #ffbf9e;
83
+ @colors-data-contrast-spring: #7bc00b;
84
+ @colors-data-contrast-lilac: #ea8bea;
85
+ @shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
86
+ @shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
87
+ @shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
88
+ @shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.1);
89
+ @shadows-card-shadow-contrast: 0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1);
90
+ @shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
91
+ @shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
92
+ @shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
73
93
  @space-none: 0rem;
74
94
  @space-default: 1rem;
75
95
  @space-extra-small2: 0.25rem;
@@ -127,4 +147,7 @@
127
147
  @timings-fast: 0.1s;
128
148
  @timings-medium: 0.2s;
129
149
  @timings-slow: 0.5s;
150
+ @outlines-focus: 2px solid #181c56;
151
+ @outlines-focus-contrast: 2px solid #ffffff ;
152
+ @outline-offsets-focus: 0.125rem;
130
153
 
package/dist/styles.scss CHANGED
@@ -35,7 +35,9 @@ $colors-validation-lava-tint: #ffcece;
35
35
  $colors-validation-mint: #1a8e60;
36
36
  $colors-validation-mint-contrast: #5ac39a;
37
37
  $colors-validation-mint-tint: #d0f1e3;
38
- $colors-validation-canary: #efd358;
38
+ $colors-validation-canary: #ffca28;
39
+ $colors-validation-canary-contrast: #ffe082;
40
+ $colors-validation-canary-tint: #fff4cd;
39
41
  $colors-misc-focus: rgba(68, 192, 255, 0.5);
40
42
  $colors-misc-black: #000000;
41
43
  $colors-transport-default-metro: #de8108;
@@ -66,12 +68,30 @@ $colors-transport-contrast-train: #42a5f5;
66
68
  $colors-transport-contrast-ferry: #6fdfff;
67
69
  $colors-transport-contrast-carferry: #6fdfff;
68
70
  $colors-transport-contrast-mobility: #00db9b;
69
- $shadows-focus: 0 0 0 0.25rem rgba(68, 192, 255, 0.5);
70
- $shadows-focus-contrast: 0 0 0 0.25rem rgba(255,255,255, 0.3);
71
- $shadows-card-shadow: 0 0.125rem 0.1875rem 0 rgba(0,0,0, 0.25);
72
- $shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.2);
73
- $shadows-card-shadow-contrast: 0 0.125rem 0.1875rem 0 rgba(57,61,121, 0.7);
74
- $shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 0.7);
71
+ $colors-data-default-blue: #181c56;
72
+ $colors-data-default-coral: #ff5959;
73
+ $colors-data-default-jungle: #0ea2a8;
74
+ $colors-data-default-azure: #2f98fa;
75
+ $colors-data-default-lavender: #8692ca;
76
+ $colors-data-default-peach: #ca825b;
77
+ $colors-data-default-spring: #57a257;
78
+ $colors-data-default-lilac: #8e57e3;
79
+ $colors-data-contrast-blue: #6466aa;
80
+ $colors-data-contrast-coral: #ff5959;
81
+ $colors-data-contrast-jungle: #0fc2b3;
82
+ $colors-data-contrast-azure: #64b2fb;
83
+ $colors-data-contrast-lavender: #aeb7e2;
84
+ $colors-data-contrast-peach: #ffbf9e;
85
+ $colors-data-contrast-spring: #7bc00b;
86
+ $colors-data-contrast-lilac: #ea8bea;
87
+ $shadows-focus: 0 0 0 0.125rem #ffffff, 0 0 0 0.25rem #181c56;
88
+ $shadows-focus-contrast: 0 0 0 0.125rem #181c56, 0 0 0 0.25rem #ffffff;
89
+ $shadows-card-shadow: 0 0.0625rem 0.1875rem 0 rgba(0,0,0, 0.12);
90
+ $shadows-card-shadow-hover: 0 0.125rem 1rem 0 rgba(0,0,0, 0.1);
91
+ $shadows-card-shadow-contrast: 0 0.0625rem 0.1875rem 0 rgba(57,61,121, 1);
92
+ $shadows-card-shadow-hover-contrast: 0 0.125rem 1rem 0 rgba(57,61,121, 1);
93
+ $shadows-box-shadow: 0 0.0625rem 0.1875rem rgba(0,0,0, 0.25);
94
+ $shadows-box-shadow-contrast: 0 0.0625rem 0.1875rem rgba(57,61,121, 1);
75
95
  $space-none: 0rem;
76
96
  $space-default: 1rem;
77
97
  $space-extra-small2: 0.25rem;
@@ -128,4 +148,7 @@ $z-indexes-modal: 40;
128
148
  $z-indexes-toast: 50;
129
149
  $timings-fast: 0.1s;
130
150
  $timings-medium: 0.2s;
131
- $timings-slow: 0.5s;
151
+ $timings-slow: 0.5s;
152
+ $outlines-focus: 2px solid #181c56;
153
+ $outlines-focus-contrast: 2px solid #ffffff ;
154
+ $outline-offsets-focus: 0.125rem;
package/dist/tokens.cjs.development.js CHANGED
@@ -61,7 +61,9 @@ var colors = {
61
61
  mint: '#1a8e60',
62
62
  mintContrast: '#5ac39a',
63
63
  mintTint: '#d0f1e3',
64
- canary: '#efd358'
64
+ canary: '#ffca28',
65
+ canaryContrast: '#ffe082',
66
+ canaryTint: '#fff4cd'
65
67
  },
66
68
  misc: {
67
69
  focus: 'rgba(68, 192, 255, 0.5)',
@@ -100,6 +102,28 @@ var colors = {
100
102
  carferry: '#6fdfff',
101
103
  mobility: '#00db9b'
102
104
  }
105
+ },
106
+ data: {
107
+ "default": {
108
+ blue: '#181c56',
109
+ coral: '#ff5959',
110
+ jungle: '#0ea2a8',
111
+ azure: '#2f98fa',
112
+ lavender: '#8692ca',
113
+ peach: '#ca825b',
114
+ spring: '#57a257',
115
+ lilac: '#8e57e3'
116
+ },
117
+ contrast: {
118
+ blue: '#6466aa',
119
+ coral: '#ff5959',
120
+ jungle: '#0fc2b3',
121
+ azure: '#64b2fb',
122
+ lavender: '#aeb7e2',
123
+ peach: '#ffbf9e',
124
+ spring: '#7bc00b',
125
+ lilac: '#ea8bea'
126
+ }
103
127
  }
104
128
  };
105
129
  var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
@@ -108,16 +132,15 @@ var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
108
132
  var blue20Rgb = /*#__PURE__*/hexRgb(colors.blues.blue20, {
109
133
  format: 'array'
110
134
  }).toString().slice(0, -2);
111
- var whiteRgb = /*#__PURE__*/hexRgb(colors.brand.white, {
112
- format: 'array'
113
- }).toString().slice(0, -2);
114
135
  var shadows = {
115
- focus: "0 0 0 0.25rem " + colors.misc.focus,
116
- focusContrast: "0 0 0 0.25rem rgba(" + whiteRgb + ", 0.3)",
117
- cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + blackRgb + ", 0.25)",
118
- cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.2)",
119
- cardShadowContrast: "0 0.125rem 0.1875rem 0 rgba(" + blue20Rgb + ", 0.7)",
120
- cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 0.7)"
136
+ focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
137
+ focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
138
+ cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
139
+ cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
140
+ cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
141
+ cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
142
+ boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
143
+ boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
121
144
  }; // Dimensions
122
145
 
123
146
  var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
@@ -206,6 +229,14 @@ var timings = {
206
229
  medium: timingScale[1],
207
230
  slow: timingScale[2]
208
231
  };
232
+ var outlines = {
233
+ focus: 2 + "px solid " + colors.brand.blue,
234
+ focusContrast: 2 + "px solid " + colors.brand.white + " "
235
+ };
236
+ var outlineOffsetsConstants = [2];
237
+ var outlineOffsets = {
238
+ focus: outlineOffsetsConstants[0]
239
+ };
209
240
 
210
241
  exports.borderRadiuses = borderRadiuses;
211
242
  exports.borderWidths = borderWidths;
@@ -214,6 +245,8 @@ exports.colors = colors;
214
245
  exports.fontSizes = fontSizes;
215
246
  exports.fontWeights = fontWeights;
216
247
  exports.lineHeights = lineHeights;
248
+ exports.outlineOffsets = outlineOffsets;
249
+ exports.outlines = outlines;
217
250
  exports.shadows = shadows;
218
251
  exports.space = space;
219
252
  exports.timings = timings;
package/dist/tokens.cjs.development.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.cjs.development.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#efd358',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst whiteRgb = hexRgb(colors.brand.white, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.25rem ${colors.misc.focus}`,\n focusContrast: `0 0 0 0.25rem rgba(${whiteRgb}, 0.3)`,\n cardShadow: `0 0.125rem 0.1875rem 0 rgba(${blackRgb}, 0.25)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.2)`,\n cardShadowContrast: `0 0.125rem 0.1875rem 0 rgba(${blue20Rgb}, 0.7)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 0.7)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","blackRgb","hexRgb","format","toString","slice","blue20Rgb","whiteRgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontWeights","body","heading","fontSizeScale","fontSizes","lineHeightScale","lineHeights","breakpoints","borderWidthScale","borderWidths","borderRadiusScale","borderRadiuses","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow"],"mappings":"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"}
1
+ {"version":3,"file":"tokens.cjs.development.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#ffca28',\n canaryContrast: '#ffe082',\n canaryTint: '#fff4cd',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n data: {\n default: {\n blue: '#181c56',\n coral: '#ff5959',\n jungle: '#0ea2a8',\n azure: '#2f98fa',\n lavender: '#8692ca',\n peach: '#ca825b',\n spring: '#57a257',\n lilac: '#8e57e3',\n },\n contrast: {\n blue: '#6466aa',\n coral: '#ff5959',\n jungle: '#0fc2b3',\n azure: '#64b2fb',\n lavender: '#aeb7e2',\n peach: '#ffbf9e',\n spring: '#7bc00b',\n lilac: '#ea8bea',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.125rem ${colors.brand.white}, 0 0 0 0.25rem ${colors.brand.blue}`,\n focusContrast: `0 0 0 0.125rem ${colors.brand.blue}, 0 0 0 0.25rem ${colors.brand.white}`,\n cardShadow: `0 0.0625rem 0.1875rem 0 rgba(${blackRgb}, 0.12)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.1)`,\n cardShadowContrast: `0 0.0625rem 0.1875rem 0 rgba(${blue20Rgb}, 1)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 1)`,\n boxShadow: `0 0.0625rem 0.1875rem rgba(${blackRgb}, 0.25)`,\n boxShadowContrast: `0 0.0625rem 0.1875rem rgba(${blue20Rgb}, 1)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n\nexport const outlines = {\n focus: `${2}px solid ${colors.brand.blue}`,\n focusContrast: `${2}px solid ${colors.brand.white} `,\n};\n\nconst outlineOffsetsConstants = [2];\nexport const outlineOffsets = {\n focus: outlineOffsetsConstants[0],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","canaryContrast","canaryTint","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","data","jungle","azure","spring","lilac","blackRgb","hexRgb","format","toString","slice","blue20Rgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","boxShadow","boxShadowContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontWeights","body","heading","fontSizeScale","fontSizes","lineHeightScale","lineHeights","breakpoints","borderWidthScale","borderWidths","borderRadiusScale","borderRadiuses","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow","outlines","outlineOffsetsConstants","outlineOffsets"],"mappings":"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"}
package/dist/tokens.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=(e=require("hex-rgb"))&&"object"==typeof e&&"default"in e?e.default:e,r={brand:{blue:"#181c56",lavender:"#aeb7e2",white:"#ffffff",coral:"#ff5959",peach:"#ffbf9e"},blues:{blue10:"#292b6a",blue20:"#393d79",blue30:"#54568c",blue40:"#656782",blue50:"#8285a8",blue60:"#babbcf",blue70:"#d1d4e3",blue80:"#ebebf1",blue90:"#f5f5f8"},greys:{grey:"#121212",grey10:"#2a2a2a",grey20:"#353535",grey30:"#4d4d4d",grey40:"#646464",grey50:"#949494",grey60:"#d1d3d3",grey70:"#e9e9e9",grey80:"#f3f3f3",grey90:"#f8f8f8"},validation:{sky:"#0082b9",skyContrast:"#64b3e7",skyTint:"#e1eff8",lava:"#d31b1b",lavaContrast:"#ff9494",lavaTint:"#ffcece",mint:"#1a8e60",mintContrast:"#5ac39a",mintTint:"#d0f1e3",canary:"#efd358"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#000000"},transport:{default:{metro:"#de8108",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff6392",plane:"#fbafea",helicopter:"#e258c3",tram:"#b482fb",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}}},t=a(r.misc.black,{format:"array"}).toString().slice(0,-2),f=a(r.blues.blue20,{format:"array"}).toString().slice(0,-2),l={focus:"0 0 0 0.25rem "+r.misc.focus,focusContrast:"0 0 0 0.25rem rgba("+a(r.brand.white,{format:"array"}).toString().slice(0,-2)+", 0.3)",cardShadow:"0 0.125rem 0.1875rem 0 rgba("+t+", 0.25)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+t+", 0.2)",cardShadowContrast:"0 0.125rem 0.1875rem 0 rgba("+f+", 0.7)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 0.7)"},s=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],o={none:s[0],default:s[4],extraSmall2:s[1],extraSmall:s[2],small:s[3],medium:s[4],large:s[5],extraLarge:s[6],extraLarge2:s[7],extraLarge3:s[8],extraLarge4:s[9],extraLarge5:s[10],extraLarge6:s[11],extraLarge7:s[12],extraLarge8:s[13],extraLarge9:s[14]},b=[10,12,14,16,20,24,28,32,40],i={extraSmall:b[0],small:b[1],medium:b[2],large:b[3],extraLarge:b[4],extraLarge2:b[5],extraLarge3:b[6],extraLarge4:b[7],extraLarge5:b[8]},d=[14,16,20,22,24,28,30,36,42,48,60],g={extraSmall:d[0],small:d[1],medium:d[2],large:d[3],extraLarge:d[4],extraLarge2:d[5],extraLarge3:d[6],extraLarge4:d[7],extraLarge5:d[8],extraLarge6:d[9],extraLarge7:d[10]},c=[1,2,4],m={default:c[1],small:c[0],medium:c[1],large:c[2]},x=[1,4],u=[-1,0,10,20,30,40,50],n={behind:u[0],default:u[1],sticky:u[2],popover:u[3],overlay:u[4],modal:u[5],toast:u[6]},y=["0.1s","0.2s","0.5s"],p={fast:y[0],medium:y[1],slow:y[2]};exports.borderRadiuses={default:x[0],small:x[0],medium:x[1]},exports.borderWidths=m,exports.breakpoints={large:800,extraLarge:1200},exports.colors=r,exports.fontSizes=i,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=g,exports.shadows=l,exports.space=o,exports.timings=p,exports.zIndexes=n;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,a=(e=require("hex-rgb"))&&"object"==typeof e&&"default"in e?e.default:e,r={brand:{blue:"#181c56",lavender:"#aeb7e2",white:"#ffffff",coral:"#ff5959",peach:"#ffbf9e"},blues:{blue10:"#292b6a",blue20:"#393d79",blue30:"#54568c",blue40:"#656782",blue50:"#8285a8",blue60:"#babbcf",blue70:"#d1d4e3",blue80:"#ebebf1",blue90:"#f5f5f8"},greys:{grey:"#121212",grey10:"#2a2a2a",grey20:"#353535",grey30:"#4d4d4d",grey40:"#646464",grey50:"#949494",grey60:"#d1d3d3",grey70:"#e9e9e9",grey80:"#f3f3f3",grey90:"#f8f8f8"},validation:{sky:"#0082b9",skyContrast:"#64b3e7",skyTint:"#e1eff8",lava:"#d31b1b",lavaContrast:"#ff9494",lavaTint:"#ffcece",mint:"#1a8e60",mintContrast:"#5ac39a",mintTint:"#d0f1e3",canary:"#ffca28",canaryContrast:"#ffe082",canaryTint:"#fff4cd"},misc:{focus:"rgba(68, 192, 255, 0.5)",black:"#000000"},transport:{default:{metro:"#de8108",bus:"#c5044e",plane:"#800664",helicopter:"#800664",tram:"#642e88",funicular:"#642e88",cableway:"#642e88",taxi:"#181c56",bicycle:"#181c56",walk:"#181c56",train:"#00367f",ferry:"#0497bc",carferry:"#0497bc",mobility:"#388f76"},contrast:{metro:"#f08901",bus:"#ff6392",plane:"#fbafea",helicopter:"#e258c3",tram:"#b482fb",funicular:"#a476e5",cableway:"#a476e5",taxi:"#ffffff",bicycle:"#ffffff",walk:"#ffffff",train:"#42a5f5",ferry:"#6fdfff",carferry:"#6fdfff",mobility:"#00db9b"}},data:{default:{blue:"#181c56",coral:"#ff5959",jungle:"#0ea2a8",azure:"#2f98fa",lavender:"#8692ca",peach:"#ca825b",spring:"#57a257",lilac:"#8e57e3"},contrast:{blue:"#6466aa",coral:"#ff5959",jungle:"#0fc2b3",azure:"#64b2fb",lavender:"#aeb7e2",peach:"#ffbf9e",spring:"#7bc00b",lilac:"#ea8bea"}}},t=a(r.misc.black,{format:"array"}).toString().slice(0,-2),f=a(r.blues.blue20,{format:"array"}).toString().slice(0,-2),l={focus:"0 0 0 0.125rem "+r.brand.white+", 0 0 0 0.25rem "+r.brand.blue,focusContrast:"0 0 0 0.125rem "+r.brand.blue+", 0 0 0 0.25rem "+r.brand.white,cardShadow:"0 0.0625rem 0.1875rem 0 rgba("+t+", 0.12)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+t+", 0.1)",cardShadowContrast:"0 0.0625rem 0.1875rem 0 rgba("+f+", 1)",cardShadowHoverContrast:"0 0.125rem 1rem 0 rgba("+f+", 1)",boxShadow:"0 0.0625rem 0.1875rem rgba("+t+", 0.25)",boxShadowContrast:"0 0.0625rem 0.1875rem rgba("+f+", 1)"},b=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],o={none:b[0],default:b[4],extraSmall2:b[1],extraSmall:b[2],small:b[3],medium:b[4],large:b[5],extraLarge:b[6],extraLarge2:b[7],extraLarge3:b[8],extraLarge4:b[9],extraLarge5:b[10],extraLarge6:b[11],extraLarge7:b[12],extraLarge8:b[13],extraLarge9:b[14]},s=[10,12,14,16,20,24,28,32,40],c={extraSmall:s[0],small:s[1],medium:s[2],large:s[3],extraLarge:s[4],extraLarge2:s[5],extraLarge3:s[6],extraLarge4:s[7],extraLarge5:s[8]},d=[14,16,20,22,24,28,30,36,42,48,60],i={extraSmall:d[0],small:d[1],medium:d[2],large:d[3],extraLarge:d[4],extraLarge2:d[5],extraLarge3:d[6],extraLarge4:d[7],extraLarge5:d[8],extraLarge6:d[9],extraLarge7:d[10]},n=[1,2,4],g={default:n[1],small:n[0],medium:n[1],large:n[2]},u=[1,4],m=[-1,0,10,20,30,40,50],x={behind:m[0],default:m[1],sticky:m[2],popover:m[3],overlay:m[4],modal:m[5],toast:m[6]},y=["0.1s","0.2s","0.5s"],p={fast:y[0],medium:y[1],slow:y[2]},h={focus:"2px solid "+r.brand.blue,focusContrast:"2px solid "+r.brand.white+" "};exports.borderRadiuses={default:u[0],small:u[0],medium:u[1]},exports.borderWidths=g,exports.breakpoints={large:800,extraLarge:1200},exports.colors=r,exports.fontSizes=c,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=i,exports.outlineOffsets={focus:2},exports.outlines=h,exports.shadows=l,exports.space=o,exports.timings=p,exports.zIndexes=x;
2
2
  //# sourceMappingURL=tokens.cjs.production.min.js.map
package/dist/tokens.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.cjs.production.min.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#efd358',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst whiteRgb = hexRgb(colors.brand.white, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.25rem ${colors.misc.focus}`,\n focusContrast: `0 0 0 0.25rem rgba(${whiteRgb}, 0.3)`,\n cardShadow: `0 0.125rem 0.1875rem 0 rgba(${blackRgb}, 0.25)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.2)`,\n cardShadowContrast: `0 0.125rem 0.1875rem 0 rgba(${blue20Rgb}, 0.7)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 0.7)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","blackRgb","hexRgb","format","toString","slice","blue20Rgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontSizeScale","fontSizes","lineHeightScale","lineHeights","borderWidthScale","borderWidths","borderRadiusScale","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow","body","heading"],"mappings":"kJAeaA,EAAS,CACpBC,MAAO,CACLC,KAAM,UACNC,SAAU,UACVC,MAAO,UACPC,MAAO,UACPC,MAAO,WAETC,MAAO,CACLC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,WAEVC,MAAO,CACLC,KAAM,UACNC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,UACRC,OAAQ,WAEVC,WAAY,CACVC,IAAK,UACLC,YAAa,UACbC,QAAS,UACTC,KAAM,UACNC,aAAc,UACdC,SAAU,UACVC,KAAM,UACNC,aAAc,UACdC,SAAU,UACVC,OAAQ,WAEVC,KAAM,CACJC,MAAO,0BACPC,MAAO,WAETC,UAAW,SACA,CACPC,MAAO,UACPC,IAAK,UACLC,MAAO,UACPC,WAAY,UACZC,KAAM,UACNC,UAAW,UACXC,SAAU,UACVC,KAAM,UACNC,QAAS,UACTC,KAAM,UACNC,MAAO,UACPC,MAAO,UACPC,SAAU,UACVC,SAAU,WAEZC,SAAU,CACRd,MAAO,UACPC,IAAK,UACLC,MAAO,UACPC,WAAY,UACZC,KAAM,UACNC,UAAW,UACXC,SAAU,UACVC,KAAM,UACNC,QAAS,UACTC,KAAM,UACNC,MAAO,UACPC,MAAO,UACPC,SAAU,UACVC,SAAU,aAKVE,EAAWC,EAAO3D,EAAOuC,KAAKE,MAAO,CAAEmB,OAAQ,UAClDC,WACAC,MAAM,GAAI,GACPC,EAAYJ,EAAO3D,EAAOO,MAAME,OAAQ,CAAEmD,OAAQ,UACrDC,WACAC,MAAM,GAAI,GAIAE,EAAU,CACrBxB,uBAAwBxC,EAAOuC,KAAKC,MACpCyB,oCALeN,EAAO3D,EAAOC,MAAMG,MAAO,CAAEwD,OAAQ,UACnDC,WACAC,MAAM,GAAI,YAIXI,0CAA2CR,YAC3CS,0CAA2CT,WAC3CU,kDAAmDL,WACnDM,kDAAmDN,YAI/CO,EAAa,CAAC,EAAG,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC5DC,EAAQ,CACnBC,KAAMF,EAAW,WACRA,EAAW,GAEpBG,YAAaH,EAAW,GACxBI,WAAYJ,EAAW,GACvBK,MAAOL,EAAW,GAClBM,OAAQN,EAAW,GACnBO,MAAOP,EAAW,GAClBQ,WAAYR,EAAW,GACvBS,YAAaT,EAAW,GACxBU,YAAaV,EAAW,GACxBW,YAAaX,EAAW,GACxBY,YAAaZ,EAAW,IACxBa,YAAab,EAAW,IACxBc,YAAad,EAAW,IACxBe,YAAaf,EAAW,IACxBgB,YAAahB,EAAW,KAQpBiB,EAAgB,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IAC1CC,EAAY,CACvBd,WAAYa,EAAc,GAC1BZ,MAAOY,EAAc,GACrBX,OAAQW,EAAc,GACtBV,MAAOU,EAAc,GACrBT,WAAYS,EAAc,GAC1BR,YAAaQ,EAAc,GAC3BP,YAAaO,EAAc,GAC3BN,YAAaM,EAAc,GAC3BL,YAAaK,EAAc,IAEvBE,EAAkB,CAAC,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,GAAI,IACpDC,EAAc,CACzBhB,WAAYe,EAAgB,GAC5Bd,MAAOc,EAAgB,GACvBb,OAAQa,EAAgB,GACxBZ,MAAOY,EAAgB,GACvBX,WAAYW,EAAgB,GAC5BV,YAAaU,EAAgB,GAC7BT,YAAaS,EAAgB,GAC7BR,YAAaQ,EAAgB,GAC7BP,YAAaO,EAAgB,GAC7BN,YAAaM,EAAgB,GAC7BL,YAAaK,EAAgB,KAUzBE,EAAmB,CAAC,EAAG,EAAG,GACnBC,EAAe,SACjBD,EAAiB,GAE1BhB,MAAOgB,EAAiB,GACxBf,OAAQe,EAAiB,GACzBd,MAAOc,EAAiB,IAGpBE,EAAoB,CAAC,EAAG,GASxBC,EAAc,EAAE,EAAG,EAAG,GAAI,GAAI,GAAI,GAAI,IAC/BC,EAAW,CACtBC,OAAQF,EAAY,WACXA,EAAY,GACrBG,OAAQH,EAAY,GACpBI,QAASJ,EAAY,GACrBK,QAASL,EAAY,GACrBM,MAAON,EAAY,GACnBO,MAAOP,EAAY,IAGfQ,EAAc,CAAC,OAAQ,OAAQ,QACxBC,EAAU,CACrBC,KAAMF,EAAY,GAClB1B,OAAQ0B,EAAY,GACpBG,KAAMH,EAAY,2BAvBU,SACnBT,EAAkB,GAE3BlB,MAAOkB,EAAkB,GACzBjB,OAAQiB,EAAkB,+CApBD,CACzBhB,MAAO,IACPC,WAAY,+DAlCa,CACzB4B,KAAM,MACNC,QAAS"}
1
+ {"version":3,"file":"tokens.cjs.production.min.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#ffca28',\n canaryContrast: '#ffe082',\n canaryTint: '#fff4cd',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n data: {\n default: {\n blue: '#181c56',\n coral: '#ff5959',\n jungle: '#0ea2a8',\n azure: '#2f98fa',\n lavender: '#8692ca',\n peach: '#ca825b',\n spring: '#57a257',\n lilac: '#8e57e3',\n },\n contrast: {\n blue: '#6466aa',\n coral: '#ff5959',\n jungle: '#0fc2b3',\n azure: '#64b2fb',\n lavender: '#aeb7e2',\n peach: '#ffbf9e',\n spring: '#7bc00b',\n lilac: '#ea8bea',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.125rem ${colors.brand.white}, 0 0 0 0.25rem ${colors.brand.blue}`,\n focusContrast: `0 0 0 0.125rem ${colors.brand.blue}, 0 0 0 0.25rem ${colors.brand.white}`,\n cardShadow: `0 0.0625rem 0.1875rem 0 rgba(${blackRgb}, 0.12)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.1)`,\n cardShadowContrast: `0 0.0625rem 0.1875rem 0 rgba(${blue20Rgb}, 1)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 1)`,\n boxShadow: `0 0.0625rem 0.1875rem rgba(${blackRgb}, 0.25)`,\n boxShadowContrast: `0 0.0625rem 0.1875rem rgba(${blue20Rgb}, 1)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n\nexport const outlines = {\n focus: `${2}px solid ${colors.brand.blue}`,\n focusContrast: `${2}px solid ${colors.brand.white} `,\n};\n\nconst outlineOffsetsConstants = [2];\nexport const outlineOffsets = {\n focus: outlineOffsetsConstants[0],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","canaryContrast","canaryTint","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","data","jungle","azure","spring","lilac","blackRgb","hexRgb","format","toString","slice","blue20Rgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","boxShadow","boxShadowContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontSizeScale","fontSizes","lineHeightScale","lineHeights","borderWidthScale","borderWidths","borderRadiusScale","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow","outlines","body","heading"],"mappings":"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"}
package/dist/tokens.esm.js CHANGED
@@ -55,7 +55,9 @@ var colors = {
55
55
  mint: '#1a8e60',
56
56
  mintContrast: '#5ac39a',
57
57
  mintTint: '#d0f1e3',
58
- canary: '#efd358'
58
+ canary: '#ffca28',
59
+ canaryContrast: '#ffe082',
60
+ canaryTint: '#fff4cd'
59
61
  },
60
62
  misc: {
61
63
  focus: 'rgba(68, 192, 255, 0.5)',
@@ -94,6 +96,28 @@ var colors = {
94
96
  carferry: '#6fdfff',
95
97
  mobility: '#00db9b'
96
98
  }
99
+ },
100
+ data: {
101
+ "default": {
102
+ blue: '#181c56',
103
+ coral: '#ff5959',
104
+ jungle: '#0ea2a8',
105
+ azure: '#2f98fa',
106
+ lavender: '#8692ca',
107
+ peach: '#ca825b',
108
+ spring: '#57a257',
109
+ lilac: '#8e57e3'
110
+ },
111
+ contrast: {
112
+ blue: '#6466aa',
113
+ coral: '#ff5959',
114
+ jungle: '#0fc2b3',
115
+ azure: '#64b2fb',
116
+ lavender: '#aeb7e2',
117
+ peach: '#ffbf9e',
118
+ spring: '#7bc00b',
119
+ lilac: '#ea8bea'
120
+ }
97
121
  }
98
122
  };
99
123
  var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
@@ -102,16 +126,15 @@ var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
102
126
  var blue20Rgb = /*#__PURE__*/hexRgb(colors.blues.blue20, {
103
127
  format: 'array'
104
128
  }).toString().slice(0, -2);
105
- var whiteRgb = /*#__PURE__*/hexRgb(colors.brand.white, {
106
- format: 'array'
107
- }).toString().slice(0, -2);
108
129
  var shadows = {
109
- focus: "0 0 0 0.25rem " + colors.misc.focus,
110
- focusContrast: "0 0 0 0.25rem rgba(" + whiteRgb + ", 0.3)",
111
- cardShadow: "0 0.125rem 0.1875rem 0 rgba(" + blackRgb + ", 0.25)",
112
- cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.2)",
113
- cardShadowContrast: "0 0.125rem 0.1875rem 0 rgba(" + blue20Rgb + ", 0.7)",
114
- cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 0.7)"
130
+ focus: "0 0 0 0.125rem " + colors.brand.white + ", 0 0 0 0.25rem " + colors.brand.blue,
131
+ focusContrast: "0 0 0 0.125rem " + colors.brand.blue + ", 0 0 0 0.25rem " + colors.brand.white,
132
+ cardShadow: "0 0.0625rem 0.1875rem 0 rgba(" + blackRgb + ", 0.12)",
133
+ cardShadowHover: "0 0.125rem 1rem 0 rgba(" + blackRgb + ", 0.1)",
134
+ cardShadowContrast: "0 0.0625rem 0.1875rem 0 rgba(" + blue20Rgb + ", 1)",
135
+ cardShadowHoverContrast: "0 0.125rem 1rem 0 rgba(" + blue20Rgb + ", 1)",
136
+ boxShadow: "0 0.0625rem 0.1875rem rgba(" + blackRgb + ", 0.25)",
137
+ boxShadowContrast: "0 0.0625rem 0.1875rem rgba(" + blue20Rgb + ", 1)"
115
138
  }; // Dimensions
116
139
 
117
140
  var spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];
@@ -200,6 +223,14 @@ var timings = {
200
223
  medium: timingScale[1],
201
224
  slow: timingScale[2]
202
225
  };
226
+ var outlines = {
227
+ focus: 2 + "px solid " + colors.brand.blue,
228
+ focusContrast: 2 + "px solid " + colors.brand.white + " "
229
+ };
230
+ var outlineOffsetsConstants = [2];
231
+ var outlineOffsets = {
232
+ focus: outlineOffsetsConstants[0]
233
+ };
203
234
 
204
- export { borderRadiuses, borderWidths, breakpoints, colors, fontSizes, fontWeights, lineHeights, shadows, space, timings, zIndexes };
235
+ export { borderRadiuses, borderWidths, breakpoints, colors, fontSizes, fontWeights, lineHeights, outlineOffsets, outlines, shadows, space, timings, zIndexes };
205
236
  //# sourceMappingURL=tokens.esm.js.map
package/dist/tokens.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.esm.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#efd358',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst whiteRgb = hexRgb(colors.brand.white, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.25rem ${colors.misc.focus}`,\n focusContrast: `0 0 0 0.25rem rgba(${whiteRgb}, 0.3)`,\n cardShadow: `0 0.125rem 0.1875rem 0 rgba(${blackRgb}, 0.25)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.2)`,\n cardShadowContrast: `0 0.125rem 0.1875rem 0 rgba(${blue20Rgb}, 0.7)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 0.7)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","blackRgb","hexRgb","format","toString","slice","blue20Rgb","whiteRgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontWeights","body","heading","fontSizeScale","fontSizes","lineHeightScale","lineHeights","breakpoints","borderWidthScale","borderWidths","borderRadiusScale","borderRadiuses","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow"],"mappings":"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"}
1
+ {"version":3,"file":"tokens.esm.js","sources":["../src/index.ts"],"sourcesContent":["/*\n Entur Design Tokens\n\n Hi there 👋 This file contains all the design tokens used in the Entur \n design system. It's broken up into a few different sections:\n\n - colors\n - typography\n - dimensions\n - responsivity\n\n It's the source of truth of our design system, and any change here should be \n made in sync with our design team.\n*/\nimport hexRgb from 'hex-rgb';\nexport const colors = {\n brand: {\n blue: '#181c56',\n lavender: '#aeb7e2',\n white: '#ffffff',\n coral: '#ff5959',\n peach: '#ffbf9e',\n },\n blues: {\n blue10: '#292b6a',\n blue20: '#393d79',\n blue30: '#54568c',\n blue40: '#656782',\n blue50: '#8285a8',\n blue60: '#babbcf',\n blue70: '#d1d4e3',\n blue80: '#ebebf1',\n blue90: '#f5f5f8',\n },\n greys: {\n grey: '#121212',\n grey10: '#2a2a2a',\n grey20: '#353535',\n grey30: '#4d4d4d',\n grey40: '#646464',\n grey50: '#949494',\n grey60: '#d1d3d3',\n grey70: '#e9e9e9',\n grey80: '#f3f3f3',\n grey90: '#f8f8f8',\n },\n validation: {\n sky: '#0082b9',\n skyContrast: '#64b3e7',\n skyTint: '#e1eff8',\n lava: '#d31b1b',\n lavaContrast: '#ff9494',\n lavaTint: '#ffcece',\n mint: '#1a8e60',\n mintContrast: '#5ac39a',\n mintTint: '#d0f1e3', // The best name\n canary: '#ffca28',\n canaryContrast: '#ffe082',\n canaryTint: '#fff4cd',\n },\n misc: {\n focus: 'rgba(68, 192, 255, 0.5)',\n black: '#000000',\n },\n transport: {\n default: {\n metro: '#de8108',\n bus: '#c5044e',\n plane: '#800664',\n helicopter: '#800664',\n tram: '#642e88',\n funicular: '#642e88',\n cableway: '#642e88',\n taxi: '#181c56',\n bicycle: '#181c56',\n walk: '#181c56',\n train: '#00367f',\n ferry: '#0497bc',\n carferry: '#0497bc',\n mobility: '#388f76',\n },\n contrast: {\n metro: '#f08901',\n bus: '#ff6392',\n plane: '#fbafea',\n helicopter: '#e258c3',\n tram: '#b482fb',\n funicular: '#a476e5',\n cableway: '#a476e5',\n taxi: '#ffffff',\n bicycle: '#ffffff',\n walk: '#ffffff',\n train: '#42a5f5',\n ferry: '#6fdfff',\n carferry: '#6fdfff',\n mobility: '#00db9b',\n },\n },\n data: {\n default: {\n blue: '#181c56',\n coral: '#ff5959',\n jungle: '#0ea2a8',\n azure: '#2f98fa',\n lavender: '#8692ca',\n peach: '#ca825b',\n spring: '#57a257',\n lilac: '#8e57e3',\n },\n contrast: {\n blue: '#6466aa',\n coral: '#ff5959',\n jungle: '#0fc2b3',\n azure: '#64b2fb',\n lavender: '#aeb7e2',\n peach: '#ffbf9e',\n spring: '#7bc00b',\n lilac: '#ea8bea',\n },\n },\n};\n\nconst blackRgb = hexRgb(colors.misc.black, { format: 'array' })\n .toString()\n .slice(0, -2);\nconst blue20Rgb = hexRgb(colors.blues.blue20, { format: 'array' })\n .toString()\n .slice(0, -2);\nexport const shadows = {\n focus: `0 0 0 0.125rem ${colors.brand.white}, 0 0 0 0.25rem ${colors.brand.blue}`,\n focusContrast: `0 0 0 0.125rem ${colors.brand.blue}, 0 0 0 0.25rem ${colors.brand.white}`,\n cardShadow: `0 0.0625rem 0.1875rem 0 rgba(${blackRgb}, 0.12)`,\n cardShadowHover: `0 0.125rem 1rem 0 rgba(${blackRgb}, 0.1)`,\n cardShadowContrast: `0 0.0625rem 0.1875rem 0 rgba(${blue20Rgb}, 1)`,\n cardShadowHoverContrast: `0 0.125rem 1rem 0 rgba(${blue20Rgb}, 1)`,\n boxShadow: `0 0.0625rem 0.1875rem rgba(${blackRgb}, 0.25)`,\n boxShadowContrast: `0 0.0625rem 0.1875rem rgba(${blue20Rgb}, 1)`,\n};\n\n// Dimensions\nconst spaceScale = [0, 4, 8, 12, 16, 24, 32, 40, 48, 56, 64, 72, 80, 88, 96];\nexport const space = {\n none: spaceScale[0],\n default: spaceScale[4],\n\n extraSmall2: spaceScale[1],\n extraSmall: spaceScale[2],\n small: spaceScale[3],\n medium: spaceScale[4],\n large: spaceScale[5],\n extraLarge: spaceScale[6],\n extraLarge2: spaceScale[7],\n extraLarge3: spaceScale[8],\n extraLarge4: spaceScale[9],\n extraLarge5: spaceScale[10],\n extraLarge6: spaceScale[11],\n extraLarge7: spaceScale[12],\n extraLarge8: spaceScale[13],\n extraLarge9: spaceScale[14],\n};\n\n// Typography\nexport const fontWeights = {\n body: '500',\n heading: '600',\n};\nconst fontSizeScale = [10, 12, 14, 16, 20, 24, 28, 32, 40];\nexport const fontSizes = {\n extraSmall: fontSizeScale[0],\n small: fontSizeScale[1],\n medium: fontSizeScale[2],\n large: fontSizeScale[3],\n extraLarge: fontSizeScale[4],\n extraLarge2: fontSizeScale[5],\n extraLarge3: fontSizeScale[6],\n extraLarge4: fontSizeScale[7],\n extraLarge5: fontSizeScale[8],\n};\nconst lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];\nexport const lineHeights = {\n extraSmall: lineHeightScale[0],\n small: lineHeightScale[1],\n medium: lineHeightScale[2],\n large: lineHeightScale[3],\n extraLarge: lineHeightScale[4],\n extraLarge2: lineHeightScale[5],\n extraLarge3: lineHeightScale[6],\n extraLarge4: lineHeightScale[7],\n extraLarge5: lineHeightScale[8],\n extraLarge6: lineHeightScale[9],\n extraLarge7: lineHeightScale[10],\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n};\n\n// Borders\nconst borderWidthScale = [1, 2, 4];\nexport const borderWidths = {\n default: borderWidthScale[1],\n\n small: borderWidthScale[0],\n medium: borderWidthScale[1],\n large: borderWidthScale[2],\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n};\n\n// Z-indexes\nconst zIndexScale = [-1, 0, 10, 20, 30, 40, 50];\nexport const zIndexes = {\n behind: zIndexScale[0],\n default: zIndexScale[1],\n sticky: zIndexScale[2],\n popover: zIndexScale[3],\n overlay: zIndexScale[4],\n modal: zIndexScale[5],\n toast: zIndexScale[6],\n};\n\nconst timingScale = ['0.1s', '0.2s', '0.5s'];\nexport const timings = {\n fast: timingScale[0],\n medium: timingScale[1],\n slow: timingScale[2],\n};\n\nexport const outlines = {\n focus: `${2}px solid ${colors.brand.blue}`,\n focusContrast: `${2}px solid ${colors.brand.white} `,\n};\n\nconst outlineOffsetsConstants = [2];\nexport const outlineOffsets = {\n focus: outlineOffsetsConstants[0],\n};\n"],"names":["colors","brand","blue","lavender","white","coral","peach","blues","blue10","blue20","blue30","blue40","blue50","blue60","blue70","blue80","blue90","greys","grey","grey10","grey20","grey30","grey40","grey50","grey60","grey70","grey80","grey90","validation","sky","skyContrast","skyTint","lava","lavaContrast","lavaTint","mint","mintContrast","mintTint","canary","canaryContrast","canaryTint","misc","focus","black","transport","metro","bus","plane","helicopter","tram","funicular","cableway","taxi","bicycle","walk","train","ferry","carferry","mobility","contrast","data","jungle","azure","spring","lilac","blackRgb","hexRgb","format","toString","slice","blue20Rgb","shadows","focusContrast","cardShadow","cardShadowHover","cardShadowContrast","cardShadowHoverContrast","boxShadow","boxShadowContrast","spaceScale","space","none","extraSmall2","extraSmall","small","medium","large","extraLarge","extraLarge2","extraLarge3","extraLarge4","extraLarge5","extraLarge6","extraLarge7","extraLarge8","extraLarge9","fontWeights","body","heading","fontSizeScale","fontSizes","lineHeightScale","lineHeights","breakpoints","borderWidthScale","borderWidths","borderRadiusScale","borderRadiuses","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow","outlines","outlineOffsetsConstants","outlineOffsets"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@entur/tokens",
3
- "version": "3.0.1",
3
+ "version": "3.3.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tokens.esm.js",
@@ -33,5 +33,5 @@
33
33
  "dependencies": {
34
34
  "hex-rgb": "^4.1.0"
35
35
  },
36
- "gitHead": "0619a1c8076e6d6f90c550f21b089dce2d4146dc"
36
+ "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
37
37
  }