@entur/tokens 3.17.6 → 3.18.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.
@@ -103,9 +103,13 @@ export declare const componentColors: {
103
103
  borderDefault: string;
104
104
  borderActive: string;
105
105
  divide: string;
106
- fillDefault: string;
106
+ fillDefaultSolid: string;
107
+ fillDefaultTransparent: string;
107
108
  fillHoveractive: string;
108
109
  icon: string;
110
+ shadowLayer1: string;
111
+ shadowLayer2: string;
112
+ shadowLayer3: string;
109
113
  subjectText: string;
110
114
  text: string;
111
115
  };
@@ -113,9 +117,13 @@ export declare const componentColors: {
113
117
  borderDefault: string;
114
118
  borderActive: string;
115
119
  divide: string;
116
- fillDefault: string;
120
+ fillDefaultSolid: string;
121
+ fillDefaultTransparent: string;
117
122
  fillHoveractive: string;
118
123
  icon: string;
124
+ shadowLayer1: string;
125
+ shadowLayer2: string;
126
+ shadowLayer3: string;
119
127
  subjectText: string;
120
128
  text: string;
121
129
  };
@@ -1548,9 +1556,13 @@ export declare const componentColors: {
1548
1556
  borderDefault: string;
1549
1557
  borderActive: string;
1550
1558
  divide: string;
1551
- fillDefault: string;
1559
+ fillDefaultSolid: string;
1560
+ fillDefaultTransparent: string;
1552
1561
  fillHoveractive: string;
1553
1562
  icon: string;
1563
+ shadowLayer1: string;
1564
+ shadowLayer2: string;
1565
+ shadowLayer3: string;
1554
1566
  subjectText: string;
1555
1567
  text: string;
1556
1568
  };
@@ -1558,9 +1570,13 @@ export declare const componentColors: {
1558
1570
  borderDefault: string;
1559
1571
  borderActive: string;
1560
1572
  divide: string;
1561
- fillDefault: string;
1573
+ fillDefaultSolid: string;
1574
+ fillDefaultTransparent: string;
1562
1575
  fillHoveractive: string;
1563
1576
  icon: string;
1577
+ shadowLayer1: string;
1578
+ shadowLayer2: string;
1579
+ shadowLayer3: string;
1564
1580
  subjectText: string;
1565
1581
  text: string;
1566
1582
  };
package/dist/semantic.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --fill-background-overlay-solidalt: var(--ebony-75);
12
12
  --fill-background-overlay-transparent: var(--transparent-ebony-alpha15);
13
13
  --fill-background-overlay-transparentalt: var(--transparent-ebony-alpha25);
14
+ --fill-background-overlay-transparentalt2: var(--transparent-ebony-alpha20);
14
15
  --fill-background-standard-colorless: var(--white-alpha-0);
15
16
  --fill-background-standard-dark: var(--ebony-100);
16
17
  --fill-background-standard-light: var(--white-alpha-100);
@@ -12,6 +12,7 @@ export declare const semantic: {
12
12
  solidalt: string;
13
13
  transparent: string;
14
14
  transparentalt: string;
15
+ transparentalt2: string;
15
16
  };
16
17
  standard: {
17
18
  colorless: string;
@@ -11,6 +11,7 @@
11
11
  @fill-background-overlay-solidalt: @ebony-75;
12
12
  @fill-background-overlay-transparent: @transparent-ebony-alpha15;
13
13
  @fill-background-overlay-transparentalt: @transparent-ebony-alpha25;
14
+ @fill-background-overlay-transparentalt2: @transparent-ebony-alpha20;
14
15
  @fill-background-standard-colorless: @white-alpha-0;
15
16
  @fill-background-standard-dark: @ebony-100;
16
17
  @fill-background-standard-light: @white-alpha-100;
@@ -12,6 +12,7 @@ $fill-background-overlay-solid: $ebony-80;
12
12
  $fill-background-overlay-solidalt: $ebony-75;
13
13
  $fill-background-overlay-transparent: $transparent-ebony-alpha15;
14
14
  $fill-background-overlay-transparentalt: $transparent-ebony-alpha25;
15
+ $fill-background-overlay-transparentalt2: $transparent-ebony-alpha20;
15
16
  $fill-background-standard-colorless: $white-alpha-0;
16
17
  $fill-background-standard-dark: $ebony-100;
17
18
  $fill-background-standard-light: $white-alpha-100;
@@ -175,7 +175,8 @@ var semantic = {
175
175
  "solid": "#393a49",
176
176
  "solidalt": "#464755",
177
177
  "transparent": "#e5e5e926",
178
- "transparentalt": "#e5e5e940"
178
+ "transparentalt": "#e5e5e940",
179
+ "transparentalt2": "#cccdd44d"
179
180
  },
180
181
  "standard": {
181
182
  "colorless": "#ffffff00",
@@ -772,9 +773,13 @@ var componentColors = {
772
773
  "borderDefault": "#ffffff00",
773
774
  "borderActive": "#aeb7e2",
774
775
  "divide": "#ff5959",
775
- "fillDefault": "#393d79",
776
+ "fillDefaultSolid": "#393d79",
777
+ "fillDefaultTransparent": "#393d79",
776
778
  "fillHoveractive": "#54568c",
777
779
  "icon": "#ffffff",
780
+ "shadowLayer1": "#ffffff00",
781
+ "shadowLayer2": "#ffffff00",
782
+ "shadowLayer3": "#ffffff00",
778
783
  "subjectText": "#d9dae8",
779
784
  "text": "#ffffff"
780
785
  },
@@ -782,9 +787,13 @@ var componentColors = {
782
787
  "borderDefault": "#e3e6e8",
783
788
  "borderActive": "#181c56",
784
789
  "divide": "#ff5959",
785
- "fillDefault": "#ffffff",
790
+ "fillDefaultSolid": "#ffffff",
791
+ "fillDefaultTransparent": "#ffffff",
786
792
  "fillHoveractive": "#f6f6f9",
787
793
  "icon": "#181c56",
794
+ "shadowLayer1": "#cccdd44d",
795
+ "shadowLayer2": "#e5e5e959",
796
+ "shadowLayer3": "#e5e5e926",
788
797
  "subjectText": "#626493",
789
798
  "text": "#181c56"
790
799
  }
@@ -2216,20 +2225,28 @@ var componentColors = {
2216
2225
  "contrast": {
2217
2226
  "borderDefault": "#ffffff00",
2218
2227
  "borderActive": "#b3b4bd",
2219
- "divide": "#ff9494",
2220
- "fillDefault": "#e5e5e926",
2221
- "fillHoveractive": "#393a49",
2228
+ "divide": "#ff5959",
2229
+ "fillDefaultSolid": "#393a49",
2230
+ "fillDefaultTransparent": "#e5e5e926",
2231
+ "fillHoveractive": "#464755",
2222
2232
  "icon": "#e5e5e9",
2233
+ "shadowLayer1": "#ffffff00",
2234
+ "shadowLayer2": "#ffffff00",
2235
+ "shadowLayer3": "#ffffff00",
2223
2236
  "subjectText": "#b3b4bd",
2224
2237
  "text": "#e5e5e9"
2225
2238
  },
2226
2239
  "standard": {
2227
2240
  "borderDefault": "#ffffff00",
2228
2241
  "borderActive": "#b3b4bd",
2229
- "divide": "#ff9494",
2230
- "fillDefault": "#e5e5e926",
2231
- "fillHoveractive": "#393a49",
2242
+ "divide": "#ff5959",
2243
+ "fillDefaultSolid": "#393a49",
2244
+ "fillDefaultTransparent": "#e5e5e926",
2245
+ "fillHoveractive": "#464755",
2232
2246
  "icon": "#e5e5e9",
2247
+ "shadowLayer1": "#ffffff00",
2248
+ "shadowLayer2": "#ffffff00",
2249
+ "shadowLayer3": "#ffffff00",
2233
2250
  "subjectText": "#b3b4bd",
2234
2251
  "text": "#e5e5e9"
2235
2252
  }