@atb-as/theme - npm Package Compare versions

Comparing version 6.6.0 to 7.0.0

lib/theme.d.ts

@@ -14,2 +14,6 @@ import { borderRadius, borderWidth, iconSizes, spacings } from './sizes';
 };
+export declare type TransportColor = {
+    primary: ContrastColor;
+    secondary: ContrastColor;
+};
 export declare type InteractiveColor = {
@@ -32,2 +36,16 @@ default: ContrastColor;
     };
+    transport: {
+        transport_city: TransportColor;
+        transport_region: TransportColor;
+        transport_airport_express: TransportColor;
+        transport_boat: TransportColor;
+        transport_train: TransportColor;
+        transport_airport: TransportColor;
+        transport_plane: TransportColor;
+        transport_flexible: TransportColor;
+        transport_scooter: TransportColor;
+        transport_bike: TransportColor;
+        transport_car: TransportColor;
+        transport_other: TransportColor;
+    };
     static: {
@@ -46,16 +64,2 @@ background: {
         };
-        transport: {
-            transport_city: ContrastColor;
-            transport_region: ContrastColor;
-            transport_airport_express: ContrastColor;
-            transport_boat: ContrastColor;
-            transport_train: ContrastColor;
-            transport_airport: ContrastColor;
-            transport_plane: ContrastColor;
-            transport_flexible: ContrastColor;
-            transport_scooter: ContrastColor;
-            transport_bike: ContrastColor;
-            transport_car: ContrastColor;
-            transport_other: ContrastColor;
-        };
         status: {
@@ -62,0 +66,0 @@ valid: ContrastColor;

lib/themes/atb-theme/theme.js

@@ -173,2 +173,52 @@ "use strict";
         },
+        transport: {
+            transport_city: {
+                primary: exports.baseColors.green_300,
+                secondary: exports.baseColors.green_400,
+            },
+            transport_region: {
+                primary: exports.baseColors.blue_500,
+                secondary: exports.baseColors.blue_600,
+            },
+            transport_airport_express: {
+                primary: exports.baseColors.red_600,
+                secondary: exports.baseColors.red_700,
+            },
+            transport_boat: {
+                primary: exports.baseColors.cyan_200,
+                secondary: exports.baseColors.cyan_400,
+            },
+            transport_train: {
+                primary: exports.baseColors.burgundy_800,
+                secondary: exports.baseColors.burgundy_900,
+            },
+            transport_airport: {
+                primary: exports.baseColors.orange_500,
+                secondary: exports.baseColors.orange_600,
+            },
+            transport_plane: {
+                primary: exports.baseColors.gray_800,
+                secondary: exports.baseColors.gray_900,
+            },
+            transport_flexible: {
+                primary: exports.baseColors.orange_500,
+                secondary: exports.baseColors.orange_600,
+            },
+            transport_bike: {
+                primary: exports.baseColors.red_700,
+                secondary: exports.baseColors.red_800,
+            },
+            transport_scooter: {
+                primary: exports.baseColors.green_700,
+                secondary: exports.baseColors.green_800,
+            },
+            transport_car: {
+                primary: exports.baseColors.burgundy_700,
+                secondary: exports.baseColors.burgundy_800,
+            },
+            transport_other: {
+                primary: exports.baseColors.gray_600,
+                secondary: exports.baseColors.gray_800,
+            },
+        },
         static: {
@@ -187,16 +237,2 @@ background: {
             },
-            transport: {
-                transport_city: exports.baseColors.green_300,
-                transport_region: exports.baseColors.blue_500,
-                transport_airport_express: exports.baseColors.red_600,
-                transport_boat: exports.baseColors.cyan_200,
-                transport_train: exports.baseColors.burgundy_800,
-                transport_airport: exports.baseColors.orange_500,
-                transport_plane: exports.baseColors.gray_800,
-                transport_flexible: exports.baseColors.orange_500,
-                transport_bike: exports.baseColors.red_700,
-                transport_scooter: exports.baseColors.green_700,
-                transport_car: exports.baseColors.burgundy_700,
-                transport_other: exports.baseColors.gray_600,
-            },
             status: {
@@ -275,2 +311,52 @@ valid: exports.baseColors.green_300,
         },
+        transport: {
+            transport_city: {
+                primary: exports.baseColors.green_300,
+                secondary: exports.baseColors.green_400,
+            },
+            transport_region: {
+                primary: exports.baseColors.blue_500,
+                secondary: exports.baseColors.blue_600,
+            },
+            transport_airport_express: {
+                primary: exports.baseColors.red_600,
+                secondary: exports.baseColors.red_700,
+            },
+            transport_boat: {
+                primary: exports.baseColors.cyan_200,
+                secondary: exports.baseColors.cyan_400,
+            },
+            transport_train: {
+                primary: exports.baseColors.burgundy_800,
+                secondary: exports.baseColors.burgundy_900,
+            },
+            transport_airport: {
+                primary: exports.baseColors.orange_500,
+                secondary: exports.baseColors.orange_600,
+            },
+            transport_plane: {
+                primary: exports.baseColors.gray_800,
+                secondary: exports.baseColors.gray_900,
+            },
+            transport_flexible: {
+                primary: exports.baseColors.orange_500,
+                secondary: exports.baseColors.orange_600,
+            },
+            transport_bike: {
+                primary: exports.baseColors.red_600,
+                secondary: exports.baseColors.red_800,
+            },
+            transport_scooter: {
+                primary: exports.baseColors.green_600,
+                secondary: exports.baseColors.green_800,
+            },
+            transport_car: {
+                primary: exports.baseColors.burgundy_600,
+                secondary: exports.baseColors.burgundy_800,
+            },
+            transport_other: {
+                primary: exports.baseColors.gray_600,
+                secondary: exports.baseColors.gray_800,
+            },
+        },
         static: {
@@ -289,16 +375,2 @@ background: {
             },
-            transport: {
-                transport_city: exports.baseColors.green_300,
-                transport_region: exports.baseColors.blue_500,
-                transport_airport_express: exports.baseColors.red_600,
-                transport_boat: exports.baseColors.cyan_200,
-                transport_train: exports.baseColors.burgundy_800,
-                transport_airport: exports.baseColors.orange_500,
-                transport_plane: exports.baseColors.gray_800,
-                transport_flexible: exports.baseColors.orange_500,
-                transport_scooter: exports.baseColors.green_600,
-                transport_bike: exports.baseColors.red_600,
-                transport_car: exports.baseColors.burgundy_600,
-                transport_other: exports.baseColors.gray_600,
-            },
             status: {
@@ -305,0 +377,0 @@ valid: exports.baseColors.green_300,

lib/themes/fram-theme/theme.js

@@ -60,2 +60,52 @@ "use strict";
         },
+        transport: {
+            transport_city: {
+                primary: contrastColor('#82B962', 'dark'),
+                secondary: contrastColor('#82B962', 'dark'),
+            },
+            transport_region: {
+                primary: contrastColor('#005685', 'light'),
+                secondary: contrastColor('#005685', 'light'),
+            },
+            transport_airport_express: {
+                primary: contrastColor('#005685', 'light'),
+                secondary: contrastColor('#005685', 'light'),
+            },
+            transport_boat: {
+                primary: contrastColor('#007FBA', 'light'),
+                secondary: contrastColor('#007FBA', 'light'),
+            },
+            transport_train: {
+                primary: contrastColor('#551125', 'light'),
+                secondary: contrastColor('#551125', 'light'),
+            },
+            transport_airport: {
+                primary: contrastColor('#F15629', 'light'),
+                secondary: contrastColor('#F15629', 'light'),
+            },
+            transport_plane: {
+                primary: contrastColor('#F15659', 'light'),
+                secondary: contrastColor('#F15659', 'light'),
+            },
+            transport_flexible: {
+                primary: contrastColor('#F15659', 'light'),
+                secondary: contrastColor('#F15659', 'light'),
+            },
+            transport_bike: {
+                primary: contrastColor('#7D0D31', 'light'),
+                secondary: contrastColor('#7D0D31', 'light'),
+            },
+            transport_scooter: {
+                primary: contrastColor('#464A00', 'light'),
+                secondary: contrastColor('#464A00', 'light'),
+            },
+            transport_car: {
+                primary: contrastColor('#6F5468', 'light'),
+                secondary: contrastColor('#6F5468', 'light'),
+            },
+            transport_other: {
+                primary: contrastColor('#555E65', 'light'),
+                secondary: contrastColor('#555E65', 'light'),
+            },
+        },
         static: {
@@ -74,16 +124,2 @@ background: {
             },
-            transport: {
-                transport_city: contrastColor('#82B962', 'dark'),
-                transport_region: contrastColor('#005685', 'light'),
-                transport_airport_express: contrastColor('#005685', 'light'),
-                transport_boat: contrastColor('#007FBA', 'light'),
-                transport_train: contrastColor('#551125', 'light'),
-                transport_airport: contrastColor('#F15629', 'light'),
-                transport_plane: contrastColor('#F15659', 'light'),
-                transport_flexible: contrastColor('#F15659', 'light'),
-                transport_bike: contrastColor('#7D0D31', 'light'),
-                transport_scooter: contrastColor('#464A00', 'light'),
-                transport_car: contrastColor('#6F5468', 'light'),
-                transport_other: contrastColor('#555E65', 'light'),
-            },
             status: {
@@ -162,2 +198,52 @@ valid: contrastColor('#82B962', 'dark'),
         },
+        transport: {
+            transport_city: {
+                primary: contrastColor('#82B962', 'dark'),
+                secondary: contrastColor('#82B962', 'dark'),
+            },
+            transport_region: {
+                primary: contrastColor('#005685', 'light'),
+                secondary: contrastColor('#005685', 'light'),
+            },
+            transport_airport_express: {
+                primary: contrastColor('#005685', 'light'),
+                secondary: contrastColor('#005685', 'light'),
+            },
+            transport_boat: {
+                primary: contrastColor('#007FBA', 'light'),
+                secondary: contrastColor('#007FBA', 'light'),
+            },
+            transport_train: {
+                primary: contrastColor('#551125', 'light'),
+                secondary: contrastColor('#551125', 'light'),
+            },
+            transport_airport: {
+                primary: contrastColor('#F15659', 'light'),
+                secondary: contrastColor('#F15659', 'light'),
+            },
+            transport_plane: {
+                primary: contrastColor('#F15659', 'light'),
+                secondary: contrastColor('#F15659', 'light'),
+            },
+            transport_flexible: {
+                primary: contrastColor('#F15659', 'light'),
+                secondary: contrastColor('#F15659', 'light'),
+            },
+            transport_bike: {
+                primary: contrastColor('#A51140', 'light'),
+                secondary: contrastColor('#A51140', 'light'),
+            },
+            transport_scooter: {
+                primary: contrastColor('#5B6100', 'light'),
+                secondary: contrastColor('#5B6100', 'light'),
+            },
+            transport_car: {
+                primary: contrastColor('#6F5468', 'light'),
+                secondary: contrastColor('#6F5468', 'light'),
+            },
+            transport_other: {
+                primary: contrastColor('#555E65', 'light'),
+                secondary: contrastColor('#555E65', 'light'),
+            },
+        },
         static: {
@@ -176,16 +262,2 @@ background: {
             },
-            transport: {
-                transport_city: contrastColor('#82B962', 'dark'),
-                transport_region: contrastColor('#005685', 'light'),
-                transport_airport_express: contrastColor('#005685', 'light'),
-                transport_boat: contrastColor('#007FBA', 'light'),
-                transport_train: contrastColor('#551125', 'light'),
-                transport_airport: contrastColor('#F15659', 'light'),
-                transport_plane: contrastColor('#F15659', 'light'),
-                transport_flexible: contrastColor('#F15659', 'light'),
-                transport_bike: contrastColor('#A51140', 'light'),
-                transport_scooter: contrastColor('#5B6100', 'light'),
-                transport_car: contrastColor('#6F5468', 'light'),
-                transport_other: contrastColor('#555E65', 'light'),
-            },
             status: {
@@ -192,0 +264,0 @@ valid: contrastColor('#82B962', 'dark'),

lib/themes/nfk-theme/theme.js

@@ -69,2 +69,52 @@ "use strict";
         },
+        transport: {
+            transport_city: {
+                primary: contrastColor('#014D61', 'light'),
+                secondary: contrastColor('#014D61', 'light'),
+            },
+            transport_region: {
+                primary: contrastColor('#6C7E2F', 'light'),
+                secondary: contrastColor('#6C7E2F', 'light'),
+            },
+            transport_airport_express: {
+                primary: contrastColor('#6C7E2F', 'light'),
+                secondary: contrastColor('#6C7E2F', 'light'),
+            },
+            transport_boat: {
+                primary: contrastColor('#1777D7', 'light'),
+                secondary: contrastColor('#1777D7', 'light'),
+            },
+            transport_train: {
+                primary: contrastColor('#A5608A', 'light'),
+                secondary: contrastColor('#A5608A', 'light'),
+            },
+            transport_airport: {
+                primary: contrastColor('#8A62C3', 'light'),
+                secondary: contrastColor('#8A62C3', 'light'),
+            },
+            transport_plane: {
+                primary: contrastColor('#318181', 'light'),
+                secondary: contrastColor('#318181', 'light'),
+            },
+            transport_flexible: {
+                primary: contrastColor('#717171', 'light'),
+                secondary: contrastColor('#717171', 'light'),
+            },
+            transport_bike: {
+                primary: contrastColor('#7D0D31', 'light'),
+                secondary: contrastColor('#7D0D31', 'light'),
+            },
+            transport_scooter: {
+                primary: contrastColor('#464A00', 'light'),
+                secondary: contrastColor('#464A00', 'light'),
+            },
+            transport_car: {
+                primary: contrastColor('#6F5468', 'light'),
+                secondary: contrastColor('#6F5468', 'light'),
+            },
+            transport_other: {
+                primary: contrastColor('#717171', 'light'),
+                secondary: contrastColor('#717171', 'light'),
+            },
+        },
         static: {
@@ -83,16 +133,2 @@ background: {
             },
-            transport: {
-                transport_city: contrastColor('#014D61', 'light'),
-                transport_region: contrastColor('#6C7E2F', 'light'),
-                transport_airport_express: contrastColor('#6C7E2F', 'light'),
-                transport_boat: contrastColor('#1777D7', 'light'),
-                transport_train: contrastColor('#A5608A', 'light'),
-                transport_airport: contrastColor('#8A62C3', 'light'),
-                transport_plane: contrastColor('#318181', 'light'),
-                transport_flexible: contrastColor('#717171', 'light'),
-                transport_bike: contrastColor('#7D0D31', 'light'),
-                transport_scooter: contrastColor('#464A00', 'light'),
-                transport_car: contrastColor('#6F5468', 'light'),
-                transport_other: contrastColor('#717171', 'light'),
-            },
             status: {
@@ -171,2 +207,52 @@ valid: contrastColor('#7FDABB', 'dark'),
         },
+        transport: {
+            transport_city: {
+                primary: contrastColor('#80C0D1', 'light'),
+                secondary: contrastColor('#80C0D1', 'light'),
+            },
+            transport_region: {
+                primary: contrastColor('#98A56D', 'light'),
+                secondary: contrastColor('#98A56D', 'light'),
+            },
+            transport_airport_express: {
+                primary: contrastColor('#98A56D', 'light'),
+                secondary: contrastColor('#98A56D', 'light'),
+            },
+            transport_boat: {
+                primary: contrastColor('#5DA0E3', 'light'),
+                secondary: contrastColor('#5DA0E3', 'light'),
+            },
+            transport_train: {
+                primary: contrastColor('#C090AD', 'light'),
+                secondary: contrastColor('#C090AD', 'light'),
+            },
+            transport_airport: {
+                primary: contrastColor('#AD91D5', 'light'),
+                secondary: contrastColor('#AD91D5', 'light'),
+            },
+            transport_plane: {
+                primary: contrastColor('#6FA7A7', 'light'),
+                secondary: contrastColor('#6FA7A7', 'light'),
+            },
+            transport_flexible: {
+                primary: contrastColor('#6FA7A7', 'light'),
+                secondary: contrastColor('#6FA7A7', 'light'),
+            },
+            transport_bike: {
+                primary: contrastColor('#A51140', 'light'),
+                secondary: contrastColor('#A51140', 'light'),
+            },
+            transport_scooter: {
+                primary: contrastColor('#5B6100', 'light'),
+                secondary: contrastColor('#5B6100', 'light'),
+            },
+            transport_car: {
+                primary: contrastColor('#6F5468', 'light'),
+                secondary: contrastColor('#6F5468', 'light'),
+            },
+            transport_other: {
+                primary: contrastColor('#9C9C9C', 'light'),
+                secondary: contrastColor('#9C9C9C', 'light'),
+            },
+        },
         static: {
@@ -185,16 +271,2 @@ background: {
             },
-            transport: {
-                transport_city: contrastColor('#80C0D1'),
-                transport_region: contrastColor('#98A56D'),
-                transport_airport_express: contrastColor('#98A56D'),
-                transport_boat: contrastColor('#5DA0E3'),
-                transport_train: contrastColor('#C090AD'),
-                transport_airport: contrastColor('#AD91D5'),
-                transport_plane: contrastColor('#6FA7A7'),
-                transport_flexible: contrastColor('#6FA7A7'),
-                transport_bike: contrastColor('#A51140'),
-                transport_scooter: contrastColor('#5B6100'),
-                transport_car: contrastColor('#6F5468', 'light'),
-                transport_other: contrastColor('#9C9C9C'),
-            },
             status: {
@@ -201,0 +273,0 @@ valid: contrastColor('#7FDABB', 'dark'),

package.json

 {
   "name": "@atb-as/theme",
-  "version": "6.6.0",
+  "version": "7.0.0",
   "private": false,
@@ -34,3 +34,3 @@ "description": "AtB Design System Colors",
   },
-  "gitHead": "84167433362e5a9d18c7de80bd1e82efed7fbe04"
+  "gitHead": "62073fe83b180c6ffa613bfd28742cceb5ebaecc"
 }

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

346833

increased by17.15%

Lines of code

6616

increased by16.56%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes