@entur/tokens 3.3.0 → 3.4.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 (10) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +4 -0
  3. package/dist/index.d.ts +60 -0
  4. package/dist/tokens.cjs.development.js +78 -11
  5. package/dist/tokens.cjs.development.js.map +1 -1
  6. package/dist/tokens.cjs.production.min.js +1 -1
  7. package/dist/tokens.cjs.production.min.js.map +1 -1
  8. package/dist/tokens.esm.js +72 -7
  9. package/dist/tokens.esm.js.map +1 -1
  10. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,20 @@
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.4.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.3.2...@entur/tokens@3.4.0) (2022-08-09)
7
+
8
+ ### Features
9
+
10
+ - **js tokens:** add rem version for all relevant js tokens ([4f03069](https://bitbucket.org/enturas/design-system/commits/4f030697c0d6534e39659f87551119aeac27e349))
11
+
12
+ ## [3.3.2](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.3.1...@entur/tokens@3.3.2) (2022-04-27)
13
+
14
+ **Note:** Version bump only for package @entur/tokens
15
+
16
+ ## [3.3.1](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.3.0...@entur/tokens@3.3.1) (2022-02-09)
17
+
18
+ **Note:** Version bump only for package @entur/tokens
19
+
6
20
  # [3.3.0](https://bitbucket.org/enturas/design-system/compare/@entur/tokens@3.2.1...@entur/tokens@3.3.0) (2021-11-17)
7
21
 
8
22
  ### Features
package/README.md CHANGED
@@ -93,3 +93,7 @@ StyleSheet.create({
93
93
  },
94
94
  });
95
95
  ```
96
+
97
+ #### px vs rem
98
+
99
+ These values are mainly provided in pixels. If you need the values in rem instead, add a `.rem` after the token name, e.g. `space.rem.large` for rem value and `space.large` for pixel value.
package/dist/index.d.ts CHANGED
@@ -131,6 +131,24 @@ export declare const space: {
131
131
  extraLarge7: number;
132
132
  extraLarge8: number;
133
133
  extraLarge9: number;
134
+ rem: {
135
+ none: number;
136
+ default: number;
137
+ extraSmall2: number;
138
+ extraSmall: number;
139
+ small: number;
140
+ medium: number;
141
+ large: number;
142
+ extraLarge: number;
143
+ extraLarge2: number;
144
+ extraLarge3: number;
145
+ extraLarge4: number;
146
+ extraLarge5: number;
147
+ extraLarge6: number;
148
+ extraLarge7: number;
149
+ extraLarge8: number;
150
+ extraLarge9: number;
151
+ };
134
152
  };
135
153
  export declare const fontWeights: {
136
154
  body: string;
@@ -146,6 +164,17 @@ export declare const fontSizes: {
146
164
  extraLarge3: number;
147
165
  extraLarge4: number;
148
166
  extraLarge5: number;
167
+ rem: {
168
+ extraSmall: number;
169
+ small: number;
170
+ medium: number;
171
+ large: number;
172
+ extraLarge: number;
173
+ extraLarge2: number;
174
+ extraLarge3: number;
175
+ extraLarge4: number;
176
+ extraLarge5: number;
177
+ };
149
178
  };
150
179
  export declare const lineHeights: {
151
180
  extraSmall: number;
@@ -159,21 +188,49 @@ export declare const lineHeights: {
159
188
  extraLarge5: number;
160
189
  extraLarge6: number;
161
190
  extraLarge7: number;
191
+ rem: {
192
+ extraSmall: number;
193
+ small: number;
194
+ medium: number;
195
+ large: number;
196
+ extraLarge: number;
197
+ extraLarge2: number;
198
+ extraLarge3: number;
199
+ extraLarge4: number;
200
+ extraLarge5: number;
201
+ extraLarge6: number;
202
+ extraLarge7: number;
203
+ };
162
204
  };
163
205
  export declare const breakpoints: {
164
206
  large: number;
165
207
  extraLarge: number;
208
+ rem: {
209
+ large: number;
210
+ extraLarge: number;
211
+ };
166
212
  };
167
213
  export declare const borderWidths: {
168
214
  default: number;
169
215
  small: number;
170
216
  medium: number;
171
217
  large: number;
218
+ rem: {
219
+ default: number;
220
+ small: number;
221
+ medium: number;
222
+ large: number;
223
+ };
172
224
  };
173
225
  export declare const borderRadiuses: {
174
226
  default: number;
175
227
  small: number;
176
228
  medium: number;
229
+ rem: {
230
+ default: number;
231
+ small: number;
232
+ medium: number;
233
+ };
177
234
  };
178
235
  export declare const zIndexes: {
179
236
  behind: number;
@@ -195,4 +252,7 @@ export declare const outlines: {
195
252
  };
196
253
  export declare const outlineOffsets: {
197
254
  focus: number;
255
+ rem: {
256
+ focus: number;
257
+ };
198
258
  };
package/dist/tokens.cjs.development.js CHANGED
@@ -2,9 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
5
+ var hexRgb = require('hex-rgb');
6
6
 
7
- var hexRgb = _interopDefault(require('hex-rgb'));
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var hexRgb__default = /*#__PURE__*/_interopDefaultLegacy(hexRgb);
8
10
 
9
11
  /*
10
12
  Entur Design Tokens
@@ -20,6 +22,11 @@ var hexRgb = _interopDefault(require('hex-rgb'));
20
22
  It's the source of truth of our design system, and any change here should be
21
23
  made in sync with our design team.
22
24
  */
25
+
26
+ var pxToRem = function pxToRem(pxValue) {
27
+ return pxValue / 16;
28
+ };
29
+
23
30
  var colors = {
24
31
  brand: {
25
32
  blue: '#181c56',
@@ -126,10 +133,10 @@ var colors = {
126
133
  }
127
134
  }
128
135
  };
129
- var blackRgb = /*#__PURE__*/hexRgb(colors.misc.black, {
136
+ var blackRgb = /*#__PURE__*/hexRgb__default["default"](colors.misc.black, {
130
137
  format: 'array'
131
138
  }).toString().slice(0, -2);
132
- var blue20Rgb = /*#__PURE__*/hexRgb(colors.blues.blue20, {
139
+ var blue20Rgb = /*#__PURE__*/hexRgb__default["default"](colors.blues.blue20, {
133
140
  format: 'array'
134
141
  }).toString().slice(0, -2);
135
142
  var shadows = {
@@ -160,7 +167,25 @@ var space = {
160
167
  extraLarge6: spaceScale[11],
161
168
  extraLarge7: spaceScale[12],
162
169
  extraLarge8: spaceScale[13],
163
- extraLarge9: spaceScale[14]
170
+ extraLarge9: spaceScale[14],
171
+ rem: {
172
+ none: /*#__PURE__*/pxToRem(spaceScale[0]),
173
+ "default": /*#__PURE__*/pxToRem(spaceScale[4]),
174
+ extraSmall2: /*#__PURE__*/pxToRem(spaceScale[1]),
175
+ extraSmall: /*#__PURE__*/pxToRem(spaceScale[2]),
176
+ small: /*#__PURE__*/pxToRem(spaceScale[3]),
177
+ medium: /*#__PURE__*/pxToRem(spaceScale[4]),
178
+ large: /*#__PURE__*/pxToRem(spaceScale[5]),
179
+ extraLarge: /*#__PURE__*/pxToRem(spaceScale[6]),
180
+ extraLarge2: /*#__PURE__*/pxToRem(spaceScale[7]),
181
+ extraLarge3: /*#__PURE__*/pxToRem(spaceScale[8]),
182
+ extraLarge4: /*#__PURE__*/pxToRem(spaceScale[9]),
183
+ extraLarge5: /*#__PURE__*/pxToRem(spaceScale[10]),
184
+ extraLarge6: /*#__PURE__*/pxToRem(spaceScale[11]),
185
+ extraLarge7: /*#__PURE__*/pxToRem(spaceScale[12]),
186
+ extraLarge8: /*#__PURE__*/pxToRem(spaceScale[13]),
187
+ extraLarge9: /*#__PURE__*/pxToRem(spaceScale[14])
188
+ }
164
189
  }; // Typography
165
190
 
166
191
  var fontWeights = {
@@ -177,7 +202,18 @@ var fontSizes = {
177
202
  extraLarge2: fontSizeScale[5],
178
203
  extraLarge3: fontSizeScale[6],
179
204
  extraLarge4: fontSizeScale[7],
180
- extraLarge5: fontSizeScale[8]
205
+ extraLarge5: fontSizeScale[8],
206
+ rem: {
207
+ extraSmall: /*#__PURE__*/pxToRem(fontSizeScale[0]),
208
+ small: /*#__PURE__*/pxToRem(fontSizeScale[1]),
209
+ medium: /*#__PURE__*/pxToRem(fontSizeScale[2]),
210
+ large: /*#__PURE__*/pxToRem(fontSizeScale[3]),
211
+ extraLarge: /*#__PURE__*/pxToRem(fontSizeScale[4]),
212
+ extraLarge2: /*#__PURE__*/pxToRem(fontSizeScale[5]),
213
+ extraLarge3: /*#__PURE__*/pxToRem(fontSizeScale[6]),
214
+ extraLarge4: /*#__PURE__*/pxToRem(fontSizeScale[7]),
215
+ extraLarge5: /*#__PURE__*/pxToRem(fontSizeScale[8])
216
+ }
181
217
  };
182
218
  var lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];
183
219
  var lineHeights = {
@@ -191,12 +227,29 @@ var lineHeights = {
191
227
  extraLarge4: lineHeightScale[7],
192
228
  extraLarge5: lineHeightScale[8],
193
229
  extraLarge6: lineHeightScale[9],
194
- extraLarge7: lineHeightScale[10]
230
+ extraLarge7: lineHeightScale[10],
231
+ rem: {
232
+ extraSmall: /*#__PURE__*/pxToRem(lineHeightScale[0]),
233
+ small: /*#__PURE__*/pxToRem(lineHeightScale[1]),
234
+ medium: /*#__PURE__*/pxToRem(lineHeightScale[2]),
235
+ large: /*#__PURE__*/pxToRem(lineHeightScale[3]),
236
+ extraLarge: /*#__PURE__*/pxToRem(lineHeightScale[4]),
237
+ extraLarge2: /*#__PURE__*/pxToRem(lineHeightScale[5]),
238
+ extraLarge3: /*#__PURE__*/pxToRem(lineHeightScale[6]),
239
+ extraLarge4: /*#__PURE__*/pxToRem(lineHeightScale[7]),
240
+ extraLarge5: /*#__PURE__*/pxToRem(lineHeightScale[8]),
241
+ extraLarge6: /*#__PURE__*/pxToRem(lineHeightScale[9]),
242
+ extraLarge7: /*#__PURE__*/pxToRem(lineHeightScale[10])
243
+ }
195
244
  }; // Responsivity
196
245
 
197
246
  var breakpoints = {
198
247
  large: 800,
199
- extraLarge: 1200
248
+ extraLarge: 1200,
249
+ rem: {
250
+ large: /*#__PURE__*/pxToRem(800),
251
+ extraLarge: /*#__PURE__*/pxToRem(1200)
252
+ }
200
253
  }; // Borders
201
254
 
202
255
  var borderWidthScale = [1, 2, 4];
@@ -204,13 +257,24 @@ var borderWidths = {
204
257
  "default": borderWidthScale[1],
205
258
  small: borderWidthScale[0],
206
259
  medium: borderWidthScale[1],
207
- large: borderWidthScale[2]
260
+ large: borderWidthScale[2],
261
+ rem: {
262
+ "default": /*#__PURE__*/pxToRem(borderWidthScale[1]),
263
+ small: /*#__PURE__*/pxToRem(borderWidthScale[0]),
264
+ medium: /*#__PURE__*/pxToRem(borderWidthScale[1]),
265
+ large: /*#__PURE__*/pxToRem(borderWidthScale[2])
266
+ }
208
267
  };
209
268
  var borderRadiusScale = [1, 4];
210
269
  var borderRadiuses = {
211
270
  "default": borderRadiusScale[0],
212
271
  small: borderRadiusScale[0],
213
- medium: borderRadiusScale[1]
272
+ medium: borderRadiusScale[1],
273
+ rem: {
274
+ "default": /*#__PURE__*/pxToRem(borderRadiusScale[0]),
275
+ small: /*#__PURE__*/pxToRem(borderRadiusScale[0]),
276
+ medium: /*#__PURE__*/pxToRem(borderRadiusScale[1])
277
+ }
214
278
  }; // Z-indexes
215
279
 
216
280
  var zIndexScale = [-1, 0, 10, 20, 30, 40, 50];
@@ -235,7 +299,10 @@ var outlines = {
235
299
  };
236
300
  var outlineOffsetsConstants = [2];
237
301
  var outlineOffsets = {
238
- focus: outlineOffsetsConstants[0]
302
+ focus: outlineOffsetsConstants[0],
303
+ rem: {
304
+ focus: /*#__PURE__*/pxToRem(outlineOffsetsConstants[0])
305
+ }
239
306
  };
240
307
 
241
308
  exports.borderRadiuses = borderRadiuses;
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: '#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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"}
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';\n\nconst pxToRem = (pxValue: number) => pxValue / 16;\n\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 rem: {\n none: pxToRem(spaceScale[0]),\n default: pxToRem(spaceScale[4]),\n\n extraSmall2: pxToRem(spaceScale[1]),\n extraSmall: pxToRem(spaceScale[2]),\n small: pxToRem(spaceScale[3]),\n medium: pxToRem(spaceScale[4]),\n large: pxToRem(spaceScale[5]),\n extraLarge: pxToRem(spaceScale[6]),\n extraLarge2: pxToRem(spaceScale[7]),\n extraLarge3: pxToRem(spaceScale[8]),\n extraLarge4: pxToRem(spaceScale[9]),\n extraLarge5: pxToRem(spaceScale[10]),\n extraLarge6: pxToRem(spaceScale[11]),\n extraLarge7: pxToRem(spaceScale[12]),\n extraLarge8: pxToRem(spaceScale[13]),\n extraLarge9: pxToRem(spaceScale[14]),\n },\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\n rem: {\n extraSmall: pxToRem(fontSizeScale[0]),\n small: pxToRem(fontSizeScale[1]),\n medium: pxToRem(fontSizeScale[2]),\n large: pxToRem(fontSizeScale[3]),\n extraLarge: pxToRem(fontSizeScale[4]),\n extraLarge2: pxToRem(fontSizeScale[5]),\n extraLarge3: pxToRem(fontSizeScale[6]),\n extraLarge4: pxToRem(fontSizeScale[7]),\n extraLarge5: pxToRem(fontSizeScale[8]),\n },\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 rem: {\n extraSmall: pxToRem(lineHeightScale[0]),\n small: pxToRem(lineHeightScale[1]),\n medium: pxToRem(lineHeightScale[2]),\n large: pxToRem(lineHeightScale[3]),\n extraLarge: pxToRem(lineHeightScale[4]),\n extraLarge2: pxToRem(lineHeightScale[5]),\n extraLarge3: pxToRem(lineHeightScale[6]),\n extraLarge4: pxToRem(lineHeightScale[7]),\n extraLarge5: pxToRem(lineHeightScale[8]),\n extraLarge6: pxToRem(lineHeightScale[9]),\n extraLarge7: pxToRem(lineHeightScale[10]),\n },\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n rem: {\n large: pxToRem(800),\n extraLarge: pxToRem(1200),\n },\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 rem: {\n default: pxToRem(borderWidthScale[1]),\n\n small: pxToRem(borderWidthScale[0]),\n medium: pxToRem(borderWidthScale[1]),\n large: pxToRem(borderWidthScale[2]),\n },\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n\n rem: {\n default: pxToRem(borderRadiusScale[0]),\n\n small: pxToRem(borderRadiusScale[0]),\n medium: pxToRem(borderRadiusScale[1]),\n },\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 rem: {\n focus: pxToRem(outlineOffsetsConstants[0]),\n },\n};\n"],"names":["pxToRem","pxValue","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","rem","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:"#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;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var a=e(require("hex-rgb")),r=function(e){return e/16},t={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"}}},l=a.default(t.misc.black,{format:"array"}).toString().slice(0,-2),f=a.default(t.blues.blue20,{format:"array"}).toString().slice(0,-2),s={focus:"0 0 0 0.125rem "+t.brand.white+", 0 0 0 0.25rem "+t.brand.blue,focusContrast:"0 0 0 0.125rem "+t.brand.blue+", 0 0 0 0.25rem "+t.brand.white,cardShadow:"0 0.0625rem 0.1875rem 0 rgba("+l+", 0.12)",cardShadowHover:"0 0.125rem 1rem 0 rgba("+l+", 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("+l+", 0.25)",boxShadowContrast:"0 0.0625rem 0.1875rem rgba("+f+", 1)"},o=[0,4,8,12,16,24,32,40,48,56,64,72,80,88,96],g={none:o[0],default:o[4],extraSmall2:o[1],extraSmall:o[2],small:o[3],medium:o[4],large:o[5],extraLarge:o[6],extraLarge2:o[7],extraLarge3:o[8],extraLarge4:o[9],extraLarge5:o[10],extraLarge6:o[11],extraLarge7:o[12],extraLarge8:o[13],extraLarge9:o[14],rem:{none:r(o[0]),default:r(o[4]),extraSmall2:r(o[1]),extraSmall:r(o[2]),small:r(o[3]),medium:r(o[4]),large:r(o[5]),extraLarge:r(o[6]),extraLarge2:r(o[7]),extraLarge3:r(o[8]),extraLarge4:r(o[9]),extraLarge5:r(o[10]),extraLarge6:r(o[11]),extraLarge7:r(o[12]),extraLarge8:r(o[13]),extraLarge9:r(o[14])}},b=[10,12,14,16,20,24,28,32,40],m={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],rem:{extraSmall:r(b[0]),small:r(b[1]),medium:r(b[2]),large:r(b[3]),extraLarge:r(b[4]),extraLarge2:r(b[5]),extraLarge3:r(b[6]),extraLarge4:r(b[7]),extraLarge5:r(b[8])}},d=[14,16,20,22,24,28,30,36,42,48,60],x={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],rem:{extraSmall:r(d[0]),small:r(d[1]),medium:r(d[2]),large:r(d[3]),extraLarge:r(d[4]),extraLarge2:r(d[5]),extraLarge3:r(d[6]),extraLarge4:r(d[7]),extraLarge5:r(d[8]),extraLarge6:r(d[9]),extraLarge7:r(d[10])}},c={large:800,extraLarge:1200,rem:{large:r(800),extraLarge:r(1200)}},i=[1,2,4],u={default:i[1],small:i[0],medium:i[1],large:i[2],rem:{default:r(i[1]),small:r(i[0]),medium:r(i[1]),large:r(i[2])}},n=[1,4],L={default:n[0],small:n[0],medium:n[1],rem:{default:r(n[0]),small:r(n[0]),medium:r(n[1])}},y=[-1,0,10,20,30,40,50],p={behind:y[0],default:y[1],sticky:y[2],popover:y[3],overlay:y[4],modal:y[5],toast:y[6]},h=["0.1s","0.2s","0.5s"],S={fast:h[0],medium:h[1],slow:h[2]},w={focus:"2px solid "+t.brand.blue,focusContrast:"2px solid "+t.brand.white+" "},v=[2],k={focus:v[0],rem:{focus:r(v[0])}};exports.borderRadiuses=L,exports.borderWidths=u,exports.breakpoints=c,exports.colors=t,exports.fontSizes=m,exports.fontWeights={body:"500",heading:"600"},exports.lineHeights=x,exports.outlineOffsets=k,exports.outlines=w,exports.shadows=s,exports.space=g,exports.timings=S,exports.zIndexes=p;
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: '#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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"}
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';\n\nconst pxToRem = (pxValue: number) => pxValue / 16;\n\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 rem: {\n none: pxToRem(spaceScale[0]),\n default: pxToRem(spaceScale[4]),\n\n extraSmall2: pxToRem(spaceScale[1]),\n extraSmall: pxToRem(spaceScale[2]),\n small: pxToRem(spaceScale[3]),\n medium: pxToRem(spaceScale[4]),\n large: pxToRem(spaceScale[5]),\n extraLarge: pxToRem(spaceScale[6]),\n extraLarge2: pxToRem(spaceScale[7]),\n extraLarge3: pxToRem(spaceScale[8]),\n extraLarge4: pxToRem(spaceScale[9]),\n extraLarge5: pxToRem(spaceScale[10]),\n extraLarge6: pxToRem(spaceScale[11]),\n extraLarge7: pxToRem(spaceScale[12]),\n extraLarge8: pxToRem(spaceScale[13]),\n extraLarge9: pxToRem(spaceScale[14]),\n },\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\n rem: {\n extraSmall: pxToRem(fontSizeScale[0]),\n small: pxToRem(fontSizeScale[1]),\n medium: pxToRem(fontSizeScale[2]),\n large: pxToRem(fontSizeScale[3]),\n extraLarge: pxToRem(fontSizeScale[4]),\n extraLarge2: pxToRem(fontSizeScale[5]),\n extraLarge3: pxToRem(fontSizeScale[6]),\n extraLarge4: pxToRem(fontSizeScale[7]),\n extraLarge5: pxToRem(fontSizeScale[8]),\n },\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 rem: {\n extraSmall: pxToRem(lineHeightScale[0]),\n small: pxToRem(lineHeightScale[1]),\n medium: pxToRem(lineHeightScale[2]),\n large: pxToRem(lineHeightScale[3]),\n extraLarge: pxToRem(lineHeightScale[4]),\n extraLarge2: pxToRem(lineHeightScale[5]),\n extraLarge3: pxToRem(lineHeightScale[6]),\n extraLarge4: pxToRem(lineHeightScale[7]),\n extraLarge5: pxToRem(lineHeightScale[8]),\n extraLarge6: pxToRem(lineHeightScale[9]),\n extraLarge7: pxToRem(lineHeightScale[10]),\n },\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n rem: {\n large: pxToRem(800),\n extraLarge: pxToRem(1200),\n },\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 rem: {\n default: pxToRem(borderWidthScale[1]),\n\n small: pxToRem(borderWidthScale[0]),\n medium: pxToRem(borderWidthScale[1]),\n large: pxToRem(borderWidthScale[2]),\n },\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n\n rem: {\n default: pxToRem(borderRadiusScale[0]),\n\n small: pxToRem(borderRadiusScale[0]),\n medium: pxToRem(borderRadiusScale[1]),\n },\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 rem: {\n focus: pxToRem(outlineOffsetsConstants[0]),\n },\n};\n"],"names":["pxToRem","pxValue","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","rem","fontSizeScale","fontSizes","lineHeightScale","lineHeights","breakpoints","borderWidthScale","borderWidths","borderRadiusScale","borderRadiuses","zIndexScale","zIndexes","behind","sticky","popover","overlay","modal","toast","timingScale","timings","fast","slow","outlines","outlineOffsetsConstants","outlineOffsets","body","heading"],"mappings":"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"}
package/dist/tokens.esm.js CHANGED
@@ -14,6 +14,11 @@ import hexRgb from 'hex-rgb';
14
14
  It's the source of truth of our design system, and any change here should be
15
15
  made in sync with our design team.
16
16
  */
17
+
18
+ var pxToRem = function pxToRem(pxValue) {
19
+ return pxValue / 16;
20
+ };
21
+
17
22
  var colors = {
18
23
  brand: {
19
24
  blue: '#181c56',
@@ -154,7 +159,25 @@ var space = {
154
159
  extraLarge6: spaceScale[11],
155
160
  extraLarge7: spaceScale[12],
156
161
  extraLarge8: spaceScale[13],
157
- extraLarge9: spaceScale[14]
162
+ extraLarge9: spaceScale[14],
163
+ rem: {
164
+ none: /*#__PURE__*/pxToRem(spaceScale[0]),
165
+ "default": /*#__PURE__*/pxToRem(spaceScale[4]),
166
+ extraSmall2: /*#__PURE__*/pxToRem(spaceScale[1]),
167
+ extraSmall: /*#__PURE__*/pxToRem(spaceScale[2]),
168
+ small: /*#__PURE__*/pxToRem(spaceScale[3]),
169
+ medium: /*#__PURE__*/pxToRem(spaceScale[4]),
170
+ large: /*#__PURE__*/pxToRem(spaceScale[5]),
171
+ extraLarge: /*#__PURE__*/pxToRem(spaceScale[6]),
172
+ extraLarge2: /*#__PURE__*/pxToRem(spaceScale[7]),
173
+ extraLarge3: /*#__PURE__*/pxToRem(spaceScale[8]),
174
+ extraLarge4: /*#__PURE__*/pxToRem(spaceScale[9]),
175
+ extraLarge5: /*#__PURE__*/pxToRem(spaceScale[10]),
176
+ extraLarge6: /*#__PURE__*/pxToRem(spaceScale[11]),
177
+ extraLarge7: /*#__PURE__*/pxToRem(spaceScale[12]),
178
+ extraLarge8: /*#__PURE__*/pxToRem(spaceScale[13]),
179
+ extraLarge9: /*#__PURE__*/pxToRem(spaceScale[14])
180
+ }
158
181
  }; // Typography
159
182
 
160
183
  var fontWeights = {
@@ -171,7 +194,18 @@ var fontSizes = {
171
194
  extraLarge2: fontSizeScale[5],
172
195
  extraLarge3: fontSizeScale[6],
173
196
  extraLarge4: fontSizeScale[7],
174
- extraLarge5: fontSizeScale[8]
197
+ extraLarge5: fontSizeScale[8],
198
+ rem: {
199
+ extraSmall: /*#__PURE__*/pxToRem(fontSizeScale[0]),
200
+ small: /*#__PURE__*/pxToRem(fontSizeScale[1]),
201
+ medium: /*#__PURE__*/pxToRem(fontSizeScale[2]),
202
+ large: /*#__PURE__*/pxToRem(fontSizeScale[3]),
203
+ extraLarge: /*#__PURE__*/pxToRem(fontSizeScale[4]),
204
+ extraLarge2: /*#__PURE__*/pxToRem(fontSizeScale[5]),
205
+ extraLarge3: /*#__PURE__*/pxToRem(fontSizeScale[6]),
206
+ extraLarge4: /*#__PURE__*/pxToRem(fontSizeScale[7]),
207
+ extraLarge5: /*#__PURE__*/pxToRem(fontSizeScale[8])
208
+ }
175
209
  };
176
210
  var lineHeightScale = [14, 16, 20, 22, 24, 28, 30, 36, 42, 48, 60];
177
211
  var lineHeights = {
@@ -185,12 +219,29 @@ var lineHeights = {
185
219
  extraLarge4: lineHeightScale[7],
186
220
  extraLarge5: lineHeightScale[8],
187
221
  extraLarge6: lineHeightScale[9],
188
- extraLarge7: lineHeightScale[10]
222
+ extraLarge7: lineHeightScale[10],
223
+ rem: {
224
+ extraSmall: /*#__PURE__*/pxToRem(lineHeightScale[0]),
225
+ small: /*#__PURE__*/pxToRem(lineHeightScale[1]),
226
+ medium: /*#__PURE__*/pxToRem(lineHeightScale[2]),
227
+ large: /*#__PURE__*/pxToRem(lineHeightScale[3]),
228
+ extraLarge: /*#__PURE__*/pxToRem(lineHeightScale[4]),
229
+ extraLarge2: /*#__PURE__*/pxToRem(lineHeightScale[5]),
230
+ extraLarge3: /*#__PURE__*/pxToRem(lineHeightScale[6]),
231
+ extraLarge4: /*#__PURE__*/pxToRem(lineHeightScale[7]),
232
+ extraLarge5: /*#__PURE__*/pxToRem(lineHeightScale[8]),
233
+ extraLarge6: /*#__PURE__*/pxToRem(lineHeightScale[9]),
234
+ extraLarge7: /*#__PURE__*/pxToRem(lineHeightScale[10])
235
+ }
189
236
  }; // Responsivity
190
237
 
191
238
  var breakpoints = {
192
239
  large: 800,
193
- extraLarge: 1200
240
+ extraLarge: 1200,
241
+ rem: {
242
+ large: /*#__PURE__*/pxToRem(800),
243
+ extraLarge: /*#__PURE__*/pxToRem(1200)
244
+ }
194
245
  }; // Borders
195
246
 
196
247
  var borderWidthScale = [1, 2, 4];
@@ -198,13 +249,24 @@ var borderWidths = {
198
249
  "default": borderWidthScale[1],
199
250
  small: borderWidthScale[0],
200
251
  medium: borderWidthScale[1],
201
- large: borderWidthScale[2]
252
+ large: borderWidthScale[2],
253
+ rem: {
254
+ "default": /*#__PURE__*/pxToRem(borderWidthScale[1]),
255
+ small: /*#__PURE__*/pxToRem(borderWidthScale[0]),
256
+ medium: /*#__PURE__*/pxToRem(borderWidthScale[1]),
257
+ large: /*#__PURE__*/pxToRem(borderWidthScale[2])
258
+ }
202
259
  };
203
260
  var borderRadiusScale = [1, 4];
204
261
  var borderRadiuses = {
205
262
  "default": borderRadiusScale[0],
206
263
  small: borderRadiusScale[0],
207
- medium: borderRadiusScale[1]
264
+ medium: borderRadiusScale[1],
265
+ rem: {
266
+ "default": /*#__PURE__*/pxToRem(borderRadiusScale[0]),
267
+ small: /*#__PURE__*/pxToRem(borderRadiusScale[0]),
268
+ medium: /*#__PURE__*/pxToRem(borderRadiusScale[1])
269
+ }
208
270
  }; // Z-indexes
209
271
 
210
272
  var zIndexScale = [-1, 0, 10, 20, 30, 40, 50];
@@ -229,7 +291,10 @@ var outlines = {
229
291
  };
230
292
  var outlineOffsetsConstants = [2];
231
293
  var outlineOffsets = {
232
- focus: outlineOffsetsConstants[0]
294
+ focus: outlineOffsetsConstants[0],
295
+ rem: {
296
+ focus: /*#__PURE__*/pxToRem(outlineOffsetsConstants[0])
297
+ }
233
298
  };
234
299
 
235
300
  export { borderRadiuses, borderWidths, breakpoints, colors, fontSizes, fontWeights, lineHeights, outlineOffsets, outlines, shadows, space, timings, zIndexes };
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: '#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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"}
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';\n\nconst pxToRem = (pxValue: number) => pxValue / 16;\n\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 rem: {\n none: pxToRem(spaceScale[0]),\n default: pxToRem(spaceScale[4]),\n\n extraSmall2: pxToRem(spaceScale[1]),\n extraSmall: pxToRem(spaceScale[2]),\n small: pxToRem(spaceScale[3]),\n medium: pxToRem(spaceScale[4]),\n large: pxToRem(spaceScale[5]),\n extraLarge: pxToRem(spaceScale[6]),\n extraLarge2: pxToRem(spaceScale[7]),\n extraLarge3: pxToRem(spaceScale[8]),\n extraLarge4: pxToRem(spaceScale[9]),\n extraLarge5: pxToRem(spaceScale[10]),\n extraLarge6: pxToRem(spaceScale[11]),\n extraLarge7: pxToRem(spaceScale[12]),\n extraLarge8: pxToRem(spaceScale[13]),\n extraLarge9: pxToRem(spaceScale[14]),\n },\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\n rem: {\n extraSmall: pxToRem(fontSizeScale[0]),\n small: pxToRem(fontSizeScale[1]),\n medium: pxToRem(fontSizeScale[2]),\n large: pxToRem(fontSizeScale[3]),\n extraLarge: pxToRem(fontSizeScale[4]),\n extraLarge2: pxToRem(fontSizeScale[5]),\n extraLarge3: pxToRem(fontSizeScale[6]),\n extraLarge4: pxToRem(fontSizeScale[7]),\n extraLarge5: pxToRem(fontSizeScale[8]),\n },\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 rem: {\n extraSmall: pxToRem(lineHeightScale[0]),\n small: pxToRem(lineHeightScale[1]),\n medium: pxToRem(lineHeightScale[2]),\n large: pxToRem(lineHeightScale[3]),\n extraLarge: pxToRem(lineHeightScale[4]),\n extraLarge2: pxToRem(lineHeightScale[5]),\n extraLarge3: pxToRem(lineHeightScale[6]),\n extraLarge4: pxToRem(lineHeightScale[7]),\n extraLarge5: pxToRem(lineHeightScale[8]),\n extraLarge6: pxToRem(lineHeightScale[9]),\n extraLarge7: pxToRem(lineHeightScale[10]),\n },\n};\n\n// Responsivity\nexport const breakpoints = {\n large: 800,\n extraLarge: 1200,\n rem: {\n large: pxToRem(800),\n extraLarge: pxToRem(1200),\n },\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 rem: {\n default: pxToRem(borderWidthScale[1]),\n\n small: pxToRem(borderWidthScale[0]),\n medium: pxToRem(borderWidthScale[1]),\n large: pxToRem(borderWidthScale[2]),\n },\n};\n\nconst borderRadiusScale = [1, 4];\nexport const borderRadiuses = {\n default: borderRadiusScale[0],\n\n small: borderRadiusScale[0],\n medium: borderRadiusScale[1],\n\n rem: {\n default: pxToRem(borderRadiusScale[0]),\n\n small: pxToRem(borderRadiusScale[0]),\n medium: pxToRem(borderRadiusScale[1]),\n },\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 rem: {\n focus: pxToRem(outlineOffsetsConstants[0]),\n },\n};\n"],"names":["pxToRem","pxValue","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","rem","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.3.0",
3
+ "version": "3.4.0",
4
4
  "license": "EUPL-1.2",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/tokens.esm.js",
@@ -18,20 +18,20 @@
18
18
  },
19
19
  "scripts": {
20
20
  "build": "yarn build:tokens && yarn build:css",
21
- "build:tokens": "tsdx build",
21
+ "build:tokens": "dts build",
22
22
  "build:css": "ts-node -O '{\"module\": \"commonjs\"}' bin/build-tokens.ts",
23
- "test": "tsdx test"
23
+ "test": "dts test"
24
24
  },
25
25
  "devDependencies": {
26
26
  "@types/flat": "^0.0.28",
27
27
  "@types/fs-extra": "^8.0.0",
28
28
  "case": "^1.6.2",
29
- "flat": "^5.0.0",
29
+ "flat": "^5.0.1",
30
30
  "fs-extra": "^8.1.0",
31
31
  "ts-node": "^8.3.0"
32
32
  },
33
33
  "dependencies": {
34
34
  "hex-rgb": "^4.1.0"
35
35
  },
36
- "gitHead": "6255452bbbb124b6569095cf08f96143873a7f8e"
36
+ "gitHead": "82b89b2f52c8530f8d930edfdc507c809ec85f7c"
37
37
  }