@entur/tokens 3.12.1-alpha.0 → 3.13.1

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 (29) hide show
  1. package/dist/base.css +60 -0
  2. package/dist/base.d.ts +60 -0
  3. package/dist/base.less +60 -0
  4. package/dist/base.scss +60 -0
  5. package/dist/componentColors.d.ts +514 -422
  6. package/dist/data.css +41 -0
  7. package/dist/data.d.ts +46 -0
  8. package/dist/data.less +41 -0
  9. package/dist/data.scss +41 -0
  10. package/dist/index.d.ts +2 -0
  11. package/dist/primitive.css +5 -1
  12. package/dist/primitive.d.ts +4 -0
  13. package/dist/primitive.less +5 -1
  14. package/dist/primitive.scss +5 -1
  15. package/dist/semantic.css +13 -3
  16. package/dist/semantic.d.ts +10 -0
  17. package/dist/semantic.less +13 -3
  18. package/dist/semantic.scss +13 -3
  19. package/dist/tokens.cjs.development.js +807 -486
  20. package/dist/tokens.cjs.development.js.map +1 -1
  21. package/dist/tokens.cjs.production.min.js +1 -1
  22. package/dist/tokens.cjs.production.min.js.map +1 -1
  23. package/dist/tokens.esm.js +806 -487
  24. package/dist/tokens.esm.js.map +1 -1
  25. package/dist/transport.css +98 -0
  26. package/dist/transport.d.ts +101 -0
  27. package/dist/transport.less +98 -0
  28. package/dist/transport.scss +98 -0
  29. package/package.json +3 -3
package/dist/base.css CHANGED
@@ -11,14 +11,44 @@
11
11
  --basecolors-frame-subdued: var(--fill-background-subdued-light);
12
12
  --basecolors-frame-tint: var(--fill-background-tint-light);
13
13
  --basecolors-shape-accent: var(--shape-accent);
14
+ --basecolors-shape-bicycle-contrast: var(--contrast-bicycle);
15
+ --basecolors-shape-bicycle-default: var(--standard-bicycle);
16
+ --basecolors-shape-bus-contrast: var(--contrast-bus);
17
+ --basecolors-shape-bus-default: var(--standard-bus);
18
+ --basecolors-shape-cableway-contrast: var(--contrast-cableway);
19
+ --basecolors-shape-cableway-default: var(--standard-cableway);
14
20
  --basecolors-shape-disabled: var(--shape-neutral);
15
21
  --basecolors-shape-disabledalt: var(--shape-neutralalt);
22
+ --basecolors-shape-ferry-contrast: var(--contrast-ferry);
23
+ --basecolors-shape-ferry-default: var(--standard-ferry);
24
+ --basecolors-shape-funicular-contrast: var(--contrast-funicular);
25
+ --basecolors-shape-funicular-default: var(--standard-funicular);
26
+ --basecolors-shape-helicopter-contrast: var(--contrast-helicopter);
27
+ --basecolors-shape-helicopter-default: var(--standard-helicopter);
16
28
  --basecolors-shape-highlight: var(--stroke-highlight);
17
29
  --basecolors-shape-light: var(--shape-light);
18
30
  --basecolors-shape-mask: var(--shape-light);
19
31
  --basecolors-shape-maskalt: var(--shape-light);
32
+ --basecolors-shape-metro-contrast: var(--contrast-metro);
33
+ --basecolors-shape-metro-default: var(--standard-metro);
34
+ --basecolors-shape-mobility-contrast: var(--contrast-mobility);
35
+ --basecolors-shape-mobility-default: var(--standard-mobility);
36
+ --basecolors-shape-plane-contrast: var(--contrast-plane);
37
+ --basecolors-shape-plane-default: var(--standard-plane);
20
38
  --basecolors-shape-subdued: var(--shape-subdued);
21
39
  --basecolors-shape-subduedalt: var(--shape-subduedalt);
40
+ --basecolors-shape-taxi-contrast: var(--contrast-taxi);
41
+ --basecolors-shape-taxi-default: var(--standard-taxi);
42
+ --basecolors-shape-train-contrast: var(--contrast-train);
43
+ --basecolors-shape-train-default: var(--standard-train);
44
+ --basecolors-shape-tram-contrast: var(--contrast-tram);
45
+ --basecolors-shape-tram-default: var(--standard-tram);
46
+ --basecolors-shape-walk-contrast: var(--contrast-walk);
47
+ --basecolors-shape-walk-default: var(--standard-walk);
48
+ --basecolors-shape-airportlinkbus-contrast: var(--contrast-airportlinkbus);
49
+ --basecolors-shape-airportlinkbus-default: var(--standard-airportlinkbus);
50
+ --basecolors-shape-airportlinkrail-contrast: var(--contrast-airportlinkrail);
51
+ --basecolors-shape-airportlinkrail-default: var(--standard-airportlinkrail);
22
52
  --basecolors-stroke-contrast: var(--stroke-contrast);
23
53
  --basecolors-stroke-default: var(--stroke-accent);
24
54
  --basecolors-stroke-disabled: var(--stroke-neutralalt);
@@ -46,14 +76,44 @@
46
76
  --basecolors-frame-subdued: var(--fill-background-subdued-dark);
47
77
  --basecolors-frame-tint: var(--fill-background-tint-dark);
48
78
  --basecolors-shape-accent: var(--shape-lightalt);
79
+ --basecolors-shape-bicycle-contrast: var(--dark-bicycle);
80
+ --basecolors-shape-bicycle-default: var(--dark-bicycle);
81
+ --basecolors-shape-bus-contrast: var(--dark-bus);
82
+ --basecolors-shape-bus-default: var(--dark-bus);
83
+ --basecolors-shape-cableway-contrast: var(--dark-cableway);
84
+ --basecolors-shape-cableway-default: var(--dark-cableway);
49
85
  --basecolors-shape-disabled: var(--shape-neutralalt);
50
86
  --basecolors-shape-disabledalt: var(--shape-darkalt);
87
+ --basecolors-shape-ferry-contrast: var(--dark-ferry);
88
+ --basecolors-shape-ferry-default: var(--dark-ferry);
89
+ --basecolors-shape-funicular-contrast: var(--dark-funicular);
90
+ --basecolors-shape-funicular-default: var(--dark-funicular);
91
+ --basecolors-shape-helicopter-contrast: var(--dark-helicopter);
92
+ --basecolors-shape-helicopter-default: var(--dark-helicopter);
51
93
  --basecolors-shape-highlight: var(--stroke-highlightalt);
52
94
  --basecolors-shape-light: var(--shape-lightalt);
53
95
  --basecolors-shape-mask: var(--fill-background-subdued-dark);
54
96
  --basecolors-shape-maskalt: var(--fill-background-overlay-solid);
97
+ --basecolors-shape-metro-contrast: var(--dark-metro);
98
+ --basecolors-shape-metro-default: var(--dark-metro);
99
+ --basecolors-shape-mobility-contrast: var(--dark-mobility);
100
+ --basecolors-shape-mobility-default: var(--dark-mobility);
101
+ --basecolors-shape-plane-contrast: var(--dark-plane);
102
+ --basecolors-shape-plane-default: var(--dark-plane);
55
103
  --basecolors-shape-subdued: var(--shape-darkalt);
56
104
  --basecolors-shape-subduedalt: var(--shape-darkalt);
105
+ --basecolors-shape-taxi-contrast: var(--dark-taxi);
106
+ --basecolors-shape-taxi-default: var(--dark-taxi);
107
+ --basecolors-shape-train-contrast: var(--dark-train);
108
+ --basecolors-shape-train-default: var(--dark-train);
109
+ --basecolors-shape-tram-contrast: var(--dark-tram);
110
+ --basecolors-shape-tram-default: var(--dark-tram);
111
+ --basecolors-shape-walk-contrast: var(--dark-walk);
112
+ --basecolors-shape-walk-default: var(--dark-walk);
113
+ --basecolors-shape-airportlinkbus-contrast: var(--dark-airportlinkbus);
114
+ --basecolors-shape-airportlinkbus-default: var(--dark-airportlinkbus);
115
+ --basecolors-shape-airportlinkrail-contrast: var(--dark-airportlinkrail);
116
+ --basecolors-shape-airportlinkrail-default: var(--dark-airportlinkrail);
57
117
  --basecolors-stroke-contrast: var(--stroke-contrast);
58
118
  --basecolors-stroke-default: var(--stroke-dark);
59
119
  --basecolors-stroke-disabled: var(--stroke-neutral);
package/dist/base.d.ts CHANGED
@@ -12,14 +12,44 @@ export declare const base: {
12
12
  };
13
13
  shape: {
14
14
  accent: string;
15
+ bicycleContrast: string;
16
+ bicycleDefault: string;
17
+ busContrast: string;
18
+ busDefault: string;
19
+ cablewayContrast: string;
20
+ cablewayDefault: string;
15
21
  disabled: string;
16
22
  disabledalt: string;
23
+ ferryContrast: string;
24
+ ferryDefault: string;
25
+ funicularContrast: string;
26
+ funicularDefault: string;
27
+ helicopterContrast: string;
28
+ helicopterDefault: string;
17
29
  highlight: string;
18
30
  light: string;
19
31
  mask: string;
20
32
  maskalt: string;
33
+ metroContrast: string;
34
+ metroDefault: string;
35
+ mobilityContrast: string;
36
+ mobilityDefault: string;
37
+ planeContrast: string;
38
+ planeDefault: string;
21
39
  subdued: string;
22
40
  subduedalt: string;
41
+ taxiContrast: string;
42
+ taxiDefault: string;
43
+ trainContrast: string;
44
+ trainDefault: string;
45
+ tramContrast: string;
46
+ tramDefault: string;
47
+ walkContrast: string;
48
+ walkDefault: string;
49
+ airportlinkbusContrast: string;
50
+ airportlinkbusDefault: string;
51
+ airportlinkrailContrast: string;
52
+ airportlinkrailDefault: string;
23
53
  };
24
54
  stroke: {
25
55
  contrast: string;
@@ -56,14 +86,44 @@ export declare const base: {
56
86
  };
57
87
  shape: {
58
88
  accent: string;
89
+ bicycleContrast: string;
90
+ bicycleDefault: string;
91
+ busContrast: string;
92
+ busDefault: string;
93
+ cablewayContrast: string;
94
+ cablewayDefault: string;
59
95
  disabled: string;
60
96
  disabledalt: string;
97
+ ferryContrast: string;
98
+ ferryDefault: string;
99
+ funicularContrast: string;
100
+ funicularDefault: string;
101
+ helicopterContrast: string;
102
+ helicopterDefault: string;
61
103
  highlight: string;
62
104
  light: string;
63
105
  mask: string;
64
106
  maskalt: string;
107
+ metroContrast: string;
108
+ metroDefault: string;
109
+ mobilityContrast: string;
110
+ mobilityDefault: string;
111
+ planeContrast: string;
112
+ planeDefault: string;
65
113
  subdued: string;
66
114
  subduedalt: string;
115
+ taxiContrast: string;
116
+ taxiDefault: string;
117
+ trainContrast: string;
118
+ trainDefault: string;
119
+ tramContrast: string;
120
+ tramDefault: string;
121
+ walkContrast: string;
122
+ walkDefault: string;
123
+ airportlinkbusContrast: string;
124
+ airportlinkbusDefault: string;
125
+ airportlinkrailContrast: string;
126
+ airportlinkrailDefault: string;
67
127
  };
68
128
  stroke: {
69
129
  contrast: string;
package/dist/base.less CHANGED
@@ -11,14 +11,44 @@
11
11
  @basecolors-frame-subdued: @fill-background-subdued-light;
12
12
  @basecolors-frame-tint: @fill-background-tint-light;
13
13
  @basecolors-shape-accent: @shape-accent;
14
+ @basecolors-shape-bicycle-contrast: @contrast-bicycle;
15
+ @basecolors-shape-bicycle-default: @standard-bicycle;
16
+ @basecolors-shape-bus-contrast: @contrast-bus;
17
+ @basecolors-shape-bus-default: @standard-bus;
18
+ @basecolors-shape-cableway-contrast: @contrast-cableway;
19
+ @basecolors-shape-cableway-default: @standard-cableway;
14
20
  @basecolors-shape-disabled: @shape-neutral;
15
21
  @basecolors-shape-disabledalt: @shape-neutralalt;
22
+ @basecolors-shape-ferry-contrast: @contrast-ferry;
23
+ @basecolors-shape-ferry-default: @standard-ferry;
24
+ @basecolors-shape-funicular-contrast: @contrast-funicular;
25
+ @basecolors-shape-funicular-default: @standard-funicular;
26
+ @basecolors-shape-helicopter-contrast: @contrast-helicopter;
27
+ @basecolors-shape-helicopter-default: @standard-helicopter;
16
28
  @basecolors-shape-highlight: @stroke-highlight;
17
29
  @basecolors-shape-light: @shape-light;
18
30
  @basecolors-shape-mask: @shape-light;
19
31
  @basecolors-shape-maskalt: @shape-light;
32
+ @basecolors-shape-metro-contrast: @contrast-metro;
33
+ @basecolors-shape-metro-default: @standard-metro;
34
+ @basecolors-shape-mobility-contrast: @contrast-mobility;
35
+ @basecolors-shape-mobility-default: @standard-mobility;
36
+ @basecolors-shape-plane-contrast: @contrast-plane;
37
+ @basecolors-shape-plane-default: @standard-plane;
20
38
  @basecolors-shape-subdued: @shape-subdued;
21
39
  @basecolors-shape-subduedalt: @shape-subduedalt;
40
+ @basecolors-shape-taxi-contrast: @contrast-taxi;
41
+ @basecolors-shape-taxi-default: @standard-taxi;
42
+ @basecolors-shape-train-contrast: @contrast-train;
43
+ @basecolors-shape-train-default: @standard-train;
44
+ @basecolors-shape-tram-contrast: @contrast-tram;
45
+ @basecolors-shape-tram-default: @standard-tram;
46
+ @basecolors-shape-walk-contrast: @contrast-walk;
47
+ @basecolors-shape-walk-default: @standard-walk;
48
+ @basecolors-shape-airportlinkbus-contrast: @contrast-airportlinkbus;
49
+ @basecolors-shape-airportlinkbus-default: @standard-airportlinkbus;
50
+ @basecolors-shape-airportlinkrail-contrast: @contrast-airportlinkrail;
51
+ @basecolors-shape-airportlinkrail-default: @standard-airportlinkrail;
22
52
  @basecolors-stroke-contrast: @stroke-contrast;
23
53
  @basecolors-stroke-default: @stroke-accent;
24
54
  @basecolors-stroke-disabled: @stroke-neutralalt;
@@ -46,14 +76,44 @@
46
76
  @basecolors-frame-subdued: @fill-background-subdued-dark;
47
77
  @basecolors-frame-tint: @fill-background-tint-dark;
48
78
  @basecolors-shape-accent: @shape-lightalt;
79
+ @basecolors-shape-bicycle-contrast: @dark-bicycle;
80
+ @basecolors-shape-bicycle-default: @dark-bicycle;
81
+ @basecolors-shape-bus-contrast: @dark-bus;
82
+ @basecolors-shape-bus-default: @dark-bus;
83
+ @basecolors-shape-cableway-contrast: @dark-cableway;
84
+ @basecolors-shape-cableway-default: @dark-cableway;
49
85
  @basecolors-shape-disabled: @shape-neutralalt;
50
86
  @basecolors-shape-disabledalt: @shape-darkalt;
87
+ @basecolors-shape-ferry-contrast: @dark-ferry;
88
+ @basecolors-shape-ferry-default: @dark-ferry;
89
+ @basecolors-shape-funicular-contrast: @dark-funicular;
90
+ @basecolors-shape-funicular-default: @dark-funicular;
91
+ @basecolors-shape-helicopter-contrast: @dark-helicopter;
92
+ @basecolors-shape-helicopter-default: @dark-helicopter;
51
93
  @basecolors-shape-highlight: @stroke-highlightalt;
52
94
  @basecolors-shape-light: @shape-lightalt;
53
95
  @basecolors-shape-mask: @fill-background-subdued-dark;
54
96
  @basecolors-shape-maskalt: @fill-background-overlay-solid;
97
+ @basecolors-shape-metro-contrast: @dark-metro;
98
+ @basecolors-shape-metro-default: @dark-metro;
99
+ @basecolors-shape-mobility-contrast: @dark-mobility;
100
+ @basecolors-shape-mobility-default: @dark-mobility;
101
+ @basecolors-shape-plane-contrast: @dark-plane;
102
+ @basecolors-shape-plane-default: @dark-plane;
55
103
  @basecolors-shape-subdued: @shape-darkalt;
56
104
  @basecolors-shape-subduedalt: @shape-darkalt;
105
+ @basecolors-shape-taxi-contrast: @dark-taxi;
106
+ @basecolors-shape-taxi-default: @dark-taxi;
107
+ @basecolors-shape-train-contrast: @dark-train;
108
+ @basecolors-shape-train-default: @dark-train;
109
+ @basecolors-shape-tram-contrast: @dark-tram;
110
+ @basecolors-shape-tram-default: @dark-tram;
111
+ @basecolors-shape-walk-contrast: @dark-walk;
112
+ @basecolors-shape-walk-default: @dark-walk;
113
+ @basecolors-shape-airportlinkbus-contrast: @dark-airportlinkbus;
114
+ @basecolors-shape-airportlinkbus-default: @dark-airportlinkbus;
115
+ @basecolors-shape-airportlinkrail-contrast: @dark-airportlinkrail;
116
+ @basecolors-shape-airportlinkrail-default: @dark-airportlinkrail;
57
117
  @basecolors-stroke-contrast: @stroke-contrast;
58
118
  @basecolors-stroke-default: @stroke-dark;
59
119
  @basecolors-stroke-disabled: @stroke-neutral;
package/dist/base.scss CHANGED
@@ -11,14 +11,44 @@
11
11
  $basecolors-frame-subdued: $fill-background-subdued-light;
12
12
  $basecolors-frame-tint: $fill-background-tint-light;
13
13
  $basecolors-shape-accent: $shape-accent;
14
+ $basecolors-shape-bicycle-contrast: $contrast-bicycle;
15
+ $basecolors-shape-bicycle-default: $standard-bicycle;
16
+ $basecolors-shape-bus-contrast: $contrast-bus;
17
+ $basecolors-shape-bus-default: $standard-bus;
18
+ $basecolors-shape-cableway-contrast: $contrast-cableway;
19
+ $basecolors-shape-cableway-default: $standard-cableway;
14
20
  $basecolors-shape-disabled: $shape-neutral;
15
21
  $basecolors-shape-disabledalt: $shape-neutralalt;
22
+ $basecolors-shape-ferry-contrast: $contrast-ferry;
23
+ $basecolors-shape-ferry-default: $standard-ferry;
24
+ $basecolors-shape-funicular-contrast: $contrast-funicular;
25
+ $basecolors-shape-funicular-default: $standard-funicular;
26
+ $basecolors-shape-helicopter-contrast: $contrast-helicopter;
27
+ $basecolors-shape-helicopter-default: $standard-helicopter;
16
28
  $basecolors-shape-highlight: $stroke-highlight;
17
29
  $basecolors-shape-light: $shape-light;
18
30
  $basecolors-shape-mask: $shape-light;
19
31
  $basecolors-shape-maskalt: $shape-light;
32
+ $basecolors-shape-metro-contrast: $contrast-metro;
33
+ $basecolors-shape-metro-default: $standard-metro;
34
+ $basecolors-shape-mobility-contrast: $contrast-mobility;
35
+ $basecolors-shape-mobility-default: $standard-mobility;
36
+ $basecolors-shape-plane-contrast: $contrast-plane;
37
+ $basecolors-shape-plane-default: $standard-plane;
20
38
  $basecolors-shape-subdued: $shape-subdued;
21
39
  $basecolors-shape-subduedalt: $shape-subduedalt;
40
+ $basecolors-shape-taxi-contrast: $contrast-taxi;
41
+ $basecolors-shape-taxi-default: $standard-taxi;
42
+ $basecolors-shape-train-contrast: $contrast-train;
43
+ $basecolors-shape-train-default: $standard-train;
44
+ $basecolors-shape-tram-contrast: $contrast-tram;
45
+ $basecolors-shape-tram-default: $standard-tram;
46
+ $basecolors-shape-walk-contrast: $contrast-walk;
47
+ $basecolors-shape-walk-default: $standard-walk;
48
+ $basecolors-shape-airportlinkbus-contrast: $contrast-airportlinkbus;
49
+ $basecolors-shape-airportlinkbus-default: $standard-airportlinkbus;
50
+ $basecolors-shape-airportlinkrail-contrast: $contrast-airportlinkrail;
51
+ $basecolors-shape-airportlinkrail-default: $standard-airportlinkrail;
22
52
  $basecolors-stroke-contrast: $stroke-contrast;
23
53
  $basecolors-stroke-default: $stroke-accent;
24
54
  $basecolors-stroke-disabled: $stroke-neutralalt;
@@ -46,14 +76,44 @@
46
76
  $basecolors-frame-subdued: $fill-background-subdued-dark;
47
77
  $basecolors-frame-tint: $fill-background-tint-dark;
48
78
  $basecolors-shape-accent: $shape-lightalt;
79
+ $basecolors-shape-bicycle-contrast: $dark-bicycle;
80
+ $basecolors-shape-bicycle-default: $dark-bicycle;
81
+ $basecolors-shape-bus-contrast: $dark-bus;
82
+ $basecolors-shape-bus-default: $dark-bus;
83
+ $basecolors-shape-cableway-contrast: $dark-cableway;
84
+ $basecolors-shape-cableway-default: $dark-cableway;
49
85
  $basecolors-shape-disabled: $shape-neutralalt;
50
86
  $basecolors-shape-disabledalt: $shape-darkalt;
87
+ $basecolors-shape-ferry-contrast: $dark-ferry;
88
+ $basecolors-shape-ferry-default: $dark-ferry;
89
+ $basecolors-shape-funicular-contrast: $dark-funicular;
90
+ $basecolors-shape-funicular-default: $dark-funicular;
91
+ $basecolors-shape-helicopter-contrast: $dark-helicopter;
92
+ $basecolors-shape-helicopter-default: $dark-helicopter;
51
93
  $basecolors-shape-highlight: $stroke-highlightalt;
52
94
  $basecolors-shape-light: $shape-lightalt;
53
95
  $basecolors-shape-mask: $fill-background-subdued-dark;
54
96
  $basecolors-shape-maskalt: $fill-background-overlay-solid;
97
+ $basecolors-shape-metro-contrast: $dark-metro;
98
+ $basecolors-shape-metro-default: $dark-metro;
99
+ $basecolors-shape-mobility-contrast: $dark-mobility;
100
+ $basecolors-shape-mobility-default: $dark-mobility;
101
+ $basecolors-shape-plane-contrast: $dark-plane;
102
+ $basecolors-shape-plane-default: $dark-plane;
55
103
  $basecolors-shape-subdued: $shape-darkalt;
56
104
  $basecolors-shape-subduedalt: $shape-darkalt;
105
+ $basecolors-shape-taxi-contrast: $dark-taxi;
106
+ $basecolors-shape-taxi-default: $dark-taxi;
107
+ $basecolors-shape-train-contrast: $dark-train;
108
+ $basecolors-shape-train-default: $dark-train;
109
+ $basecolors-shape-tram-contrast: $dark-tram;
110
+ $basecolors-shape-tram-default: $dark-tram;
111
+ $basecolors-shape-walk-contrast: $dark-walk;
112
+ $basecolors-shape-walk-default: $dark-walk;
113
+ $basecolors-shape-airportlinkbus-contrast: $dark-airportlinkbus;
114
+ $basecolors-shape-airportlinkbus-default: $dark-airportlinkbus;
115
+ $basecolors-shape-airportlinkrail-contrast: $dark-airportlinkrail;
116
+ $basecolors-shape-airportlinkrail-default: $dark-airportlinkrail;
57
117
  $basecolors-stroke-contrast: $stroke-contrast;
58
118
  $basecolors-stroke-default: $stroke-dark;
59
119
  $basecolors-stroke-disabled: $stroke-neutral;