@servicetitan/tokens - npm Package Compare versions

Comparing version 1.11.0 to 1.12.0

dist/tokens.d.ts

@@ -10,2 +10,13 @@ declare const tokens: {
     breakpointWidescreen: string;
+    colorWhite: string;
+    colorBlack: string;
+    colorBlue: string;
+    colorBlueGrey: string;
+    colorOrange: string;
+    colorYellow: string;
+    colorGreen: string;
+    colorCyan: string;
+    colorPurple: string;
+    colorRed: string;
+    colorMagenta: string;
     colorBlue100: string;
@@ -31,8 +42,14 @@ colorBlue200: string;
     colorNeutral400: string;
-    colorRed100: string;
-    colorRed200: string;
-    colorRed300: string;
-    colorRed400: string;
-    colorRed500: string;
-    colorRed600: string;
+    colorBlueGrey100: string;
+    colorBlueGrey200: string;
+    colorBlueGrey300: string;
+    colorBlueGrey400: string;
+    colorBlueGrey500: string;
+    colorBlueGrey600: string;
+    colorOrange100: string;
+    colorOrange200: string;
+    colorOrange300: string;
+    colorOrange400: string;
+    colorOrange500: string;
+    colorOrange600: string;
     colorYellow100: string;
@@ -50,14 +67,2 @@ colorYellow200: string;
     colorGreen600: string;
-    colorBlueGrey100: string;
-    colorBlueGrey200: string;
-    colorBlueGrey300: string;
-    colorBlueGrey400: string;
-    colorBlueGrey500: string;
-    colorBlueGrey600: string;
-    colorOrange100: string;
-    colorOrange200: string;
-    colorOrange300: string;
-    colorOrange400: string;
-    colorOrange500: string;
-    colorOrange600: string;
     colorCyan100: string;
@@ -75,2 +80,8 @@ colorCyan200: string;
     colorPurple600: string;
+    colorRed100: string;
+    colorRed200: string;
+    colorRed300: string;
+    colorRed400: string;
+    colorRed500: string;
+    colorRed600: string;
     colorMagenta100: string;
@@ -82,13 +93,2 @@ colorMagenta200: string;
     colorMagenta600: string;
-    colorBlue: string;
-    colorWhite: string;
-    colorBlack: string;
-    colorRed: string;
-    colorYellow: string;
-    colorGreen: string;
-    colorBlueGrey: string;
-    colorOrange: string;
-    colorCyan: string;
-    colorPurple: string;
-    colorMagenta: string;
     fontWeightRegular: string;
@@ -105,3 +105,2 @@ fontWeightBold: string;
     spacing0: string;
-    spacingHalf: string;
     spacing1: string;
@@ -115,6 +114,3 @@ spacing2: string;
     spacing8: string;
-    baseFontSize: string;
-    baseLineHeight: string;
-    displayFontFamily: string;
-    baseFontFamily: string;
+    spacingHalf: string;
     typescale1: string;
@@ -127,2 +123,6 @@ typescale2: string;
     typescale7: string;
+    baseFontSize: string;
+    baseLineHeight: string;
+    baseFontFamily: string;
+    displayFontFamily: string;
     zIndexNotification: string;
@@ -129,0 +129,0 @@ zIndexModal: string;

dist/tokens.js

 "use strict";
+// Source: tokens
 Object.defineProperty(exports, "__esModule", { value: true });
-// Source: tokens
 var tokens = {
@@ -13,2 +13,13 @@ borderRadius0: '0',
     breakpointWidescreen: '1920px',
+    colorWhite: 'rgb(255, 255, 255)',
+    colorBlack: 'rgb(20, 20, 20)',
+    colorBlue: 'rgb(34, 112, 238)',
+    colorBlueGrey: 'rgb(140, 156, 165)',
+    colorOrange: 'rgb(255, 145, 22)',
+    colorYellow: 'rgb(255, 201, 2)',
+    colorGreen: 'rgb(31, 188, 112)',
+    colorCyan: 'rgb(8, 191, 223)',
+    colorPurple: 'rgb(105, 84, 192)',
+    colorRed: 'rgb(249, 77, 50)',
+    colorMagenta: 'rgb(181, 45, 136)',
     colorBlue100: 'rgb(236, 244, 253)',
@@ -34,8 +45,14 @@ colorBlue200: 'rgb(169, 209, 255)',
     colorNeutral400: 'rgb(20, 20, 20)',
-    colorRed100: 'rgb(255, 236, 233)',
-    colorRed200: 'rgb(255, 178, 160)',
-    colorRed300: 'rgb(255, 116, 95)',
-    colorRed400: 'rgb(249, 77, 50)',
-    colorRed500: 'rgb(230, 55, 23)',
-    colorRed600: 'rgb(191, 42, 0)',
+    colorBlueGrey100: 'rgb(234, 239, 242)',
+    colorBlueGrey200: 'rgb(208, 216, 221)',
+    colorBlueGrey300: 'rgb(180, 193, 200)',
+    colorBlueGrey400: 'rgb(140, 156, 165)',
+    colorBlueGrey500: 'rgb(106, 122, 133)',
+    colorBlueGrey600: 'rgb(87, 102, 113)',
+    colorOrange100: 'rgb(255, 242, 220)',
+    colorOrange200: 'rgb(255, 204, 128)',
+    colorOrange300: 'rgb(255, 162, 58)',
+    colorOrange400: 'rgb(255, 145, 22)',
+    colorOrange500: 'rgb(238, 132, 0)',
+    colorOrange600: 'rgb(223, 118, 0)',
     colorYellow100: 'rgb(255, 249, 226)',
@@ -53,14 +70,2 @@ colorYellow200: 'rgb(255, 240, 177)',
     colorGreen600: 'rgb(16, 134, 75)',
-    colorBlueGrey100: 'rgb(234, 239, 242)',
-    colorBlueGrey200: 'rgb(208, 216, 221)',
-    colorBlueGrey300: 'rgb(180, 193, 200)',
-    colorBlueGrey400: 'rgb(140, 156, 165)',
-    colorBlueGrey500: 'rgb(106, 122, 133)',
-    colorBlueGrey600: 'rgb(87, 102, 113)',
-    colorOrange100: 'rgb(255, 242, 220)',
-    colorOrange200: 'rgb(255, 204, 128)',
-    colorOrange300: 'rgb(255, 162, 58)',
-    colorOrange400: 'rgb(255, 145, 22)',
-    colorOrange500: 'rgb(238, 132, 0)',
-    colorOrange600: 'rgb(223, 118, 0)',
     colorCyan100: 'rgb(227, 252, 255)',
@@ -78,2 +83,8 @@ colorCyan200: 'rgb(177, 243, 250)',
     colorPurple600: 'rgb(66, 39, 153)',
+    colorRed100: 'rgb(255, 236, 233)',
+    colorRed200: 'rgb(255, 178, 160)',
+    colorRed300: 'rgb(255, 116, 95)',
+    colorRed400: 'rgb(249, 77, 50)',
+    colorRed500: 'rgb(230, 55, 23)',
+    colorRed600: 'rgb(191, 42, 0)',
     colorMagenta100: 'rgb(251, 234, 245)',
@@ -85,13 +96,2 @@ colorMagenta200: 'rgb(250, 175, 226)',
     colorMagenta600: 'rgb(125, 22, 91)',
-    colorBlue: 'rgb(34, 112, 238)',
-    colorWhite: 'rgb(255, 255, 255)',
-    colorBlack: 'rgb(20, 20, 20)',
-    colorRed: 'rgb(249, 77, 50)',
-    colorYellow: 'rgb(255, 201, 2)',
-    colorGreen: 'rgb(31, 188, 112)',
-    colorBlueGrey: 'rgb(140, 156, 165)',
-    colorOrange: 'rgb(255, 145, 22)',
-    colorCyan: 'rgb(8, 191, 223)',
-    colorPurple: 'rgb(105, 84, 192)',
-    colorMagenta: 'rgb(181, 45, 136)',
     fontWeightRegular: '400',
@@ -108,3 +108,2 @@ fontWeightBold: '600',
     spacing0: '0',
-    spacingHalf: '4px',
     spacing1: '8px',
@@ -118,6 +117,3 @@ spacing2: '16px',
     spacing8: '128px',
-    baseFontSize: '16px',
-    baseLineHeight: '1.5',
-    displayFontFamily: ''Century Gothic Pro', CenturyGothicPro, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif',
-    baseFontFamily: ''Nunito Sans', sans-serif',
+    spacingHalf: '4px',
     typescale1: '12px',
@@ -127,10 +123,14 @@ typescale2: '14px',
     typescale4: '20px',
-    typescale5: '26px',
+    typescale5: '16px',
     typescale6: '32px',
     typescale7: '41px',
+    baseFontSize: '16px',
+    baseLineHeight: '1.5',
+    baseFontFamily: ''Nunito Sans', sans-serif',
+    displayFontFamily: ''Century Gothic Pro', CenturyGothicPro, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif',
     zIndexNotification: '1100',
     zIndexModal: '1000',
-    zIndexPopover: '900',
+    zIndexPopover: '900'
 };
 exports.default = tokens;
 //# sourceMappingURL=tokens.js.map

dist/tokens.ts

@@ -0,126 +1,127 @@
+// Source: tokens
 
-// Source: tokens
 const tokens = {
-	borderRadius0: '0',
-	borderRadius1: '3px',
-	borderRadius2: '6px',
-	breakpointMobile: '320px',
-	breakpointTablet: '768px',
-	breakpointDesktop: '992px',
-	breakpointLarge: '1200px',
-	breakpointWidescreen: '1920px',
-	colorBlue100: 'rgb(236, 244, 253)',
-	colorBlue200: 'rgb(169, 209, 255)',
-	colorBlue300: 'rgb(54, 132, 245)',
-	colorBlue400: 'rgb(34, 112, 238)',
-	colorBlue500: 'rgb(19, 96, 217)',
-	colorBlue600: 'rgb(0, 76, 195)',
-	colorNeutral0: 'rgb(255, 255, 255)',
-	colorNeutral10: 'rgb(252, 252, 252)',
-	colorNeutral20: 'rgb(250, 250, 250)',
-	colorNeutral30: 'rgb(245, 247, 250)',
-	colorNeutral40: 'rgb(245, 245, 245)',
-	colorNeutral50: 'rgb(238, 238, 238)',
-	colorNeutral60: 'rgb(223, 224, 225)',
-	colorNeutral70: 'rgb(188, 188, 189)',
-	colorNeutral80: 'rgb(158, 158, 160)',
-	colorNeutral90: 'rgb(115, 116, 117)',
-	colorNeutral100: 'rgb(96, 97, 98)',
-	colorNeutral200: 'rgb(68, 68, 69)',
-	colorNeutral300: 'rgb(45, 46, 49)',
-	colorNeutral400: 'rgb(20, 20, 20)',
-	colorRed100: 'rgb(255, 236, 233)',
-	colorRed200: 'rgb(255, 178, 160)',
-	colorRed300: 'rgb(255, 116, 95)',
-	colorRed400: 'rgb(249, 77, 50)',
-	colorRed500: 'rgb(230, 55, 23)',
-	colorRed600: 'rgb(191, 42, 0)',
-	colorYellow100: 'rgb(255, 249, 226)',
-	colorYellow200: 'rgb(255, 240, 177)',
-	colorYellow300: 'rgb(255, 226, 120)',
-	colorYellow400: 'rgb(255, 201, 2)',
-	colorYellow500: 'rgb(255, 190, 0)',
-	colorYellow600: 'rgb(222, 149, 0)',
-	colorGreen100: 'rgb(225, 253, 239)',
-	colorGreen200: 'rgb(144, 239, 192)',
-	colorGreen300: 'rgb(96, 223, 166)',
-	colorGreen400: 'rgb(31, 188, 112)',
-	colorGreen500: 'rgb(24, 167, 97)',
-	colorGreen600: 'rgb(16, 134, 75)',
-	colorBlueGrey100: 'rgb(234, 239, 242)',
-	colorBlueGrey200: 'rgb(208, 216, 221)',
-	colorBlueGrey300: 'rgb(180, 193, 200)',
-	colorBlueGrey400: 'rgb(140, 156, 165)',
-	colorBlueGrey500: 'rgb(106, 122, 133)',
-	colorBlueGrey600: 'rgb(87, 102, 113)',
-	colorOrange100: 'rgb(255, 242, 220)',
-	colorOrange200: 'rgb(255, 204, 128)',
-	colorOrange300: 'rgb(255, 162, 58)',
-	colorOrange400: 'rgb(255, 145, 22)',
-	colorOrange500: 'rgb(238, 132, 0)',
-	colorOrange600: 'rgb(223, 118, 0)',
-	colorCyan100: 'rgb(227, 252, 255)',
-	colorCyan200: 'rgb(177, 243, 250)',
-	colorCyan300: 'rgb(19, 206, 234)',
-	colorCyan400: 'rgb(8, 191, 223)',
-	colorCyan500: 'rgb(12, 165, 192)',
-	colorCyan600: 'rgb(3, 130, 153)',
-	colorPurple100: 'rgb(241, 237, 255)',
-	colorPurple200: 'rgb(193, 182, 242)',
-	colorPurple300: 'rgb(135, 114, 229)',
-	colorPurple400: 'rgb(105, 84, 192)',
-	colorPurple500: 'rgb(79, 58, 158)',
-	colorPurple600: 'rgb(66, 39, 153)',
-	colorMagenta100: 'rgb(251, 234, 245)',
-	colorMagenta200: 'rgb(250, 175, 226)',
-	colorMagenta300: 'rgb(217, 73, 169)',
-	colorMagenta400: 'rgb(181, 45, 136)',
-	colorMagenta500: 'rgb(152, 32, 113)',
-	colorMagenta600: 'rgb(125, 22, 91)',
-	colorBlue: 'rgb(34, 112, 238)',
-	colorWhite: 'rgb(255, 255, 255)',
-	colorBlack: 'rgb(20, 20, 20)',
-	colorRed: 'rgb(249, 77, 50)',
-	colorYellow: 'rgb(255, 201, 2)',
-	colorGreen: 'rgb(31, 188, 112)',
-	colorBlueGrey: 'rgb(140, 156, 165)',
-	colorOrange: 'rgb(255, 145, 22)',
-	colorCyan: 'rgb(8, 191, 223)',
-	colorPurple: 'rgb(105, 84, 192)',
-	colorMagenta: 'rgb(181, 45, 136)',
-	fontWeightRegular: '400',
-	fontWeightBold: '600',
-	opacityHovered: '.8',
-	opacityDisabled: '.6',
-	shadowSize0: '0 0 0',
-	shadowSize1: '0 1px 2px',
-	shadowSize2: '0 2px 8px',
-	shadowSize3: '0 8px 24px',
-	shadowColor: 'rgba(20, 20, 20, .1)',
-	shadowColorActive: 'rgba(34, 112, 238, .2)',
-	spacing0: '0',
-	spacingHalf: '4px',
-	spacing1: '8px',
-	spacing2: '16px',
-	spacing3: '24px',
-	spacing4: '32px',
-	spacing5: '48px',
-	spacing6: '64px',
-	spacing7: '96px',
-	spacing8: '128px',
-	baseFontSize: '16px',
-	baseLineHeight: '1.5',
-	displayFontFamily: ''Century Gothic Pro', CenturyGothicPro, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif',
-	baseFontFamily: ''Nunito Sans', sans-serif',
-	typescale1: '12px',
-	typescale2: '14px',
-	typescale3: '16px',
-	typescale4: '20px',
-	typescale5: '26px',
-	typescale6: '32px',
-	typescale7: '41px',
-	zIndexNotification: '1100',
-	zIndexModal: '1000',
-	zIndexPopover: '900',
-};
-export default tokens;
+  borderRadius0: '0',
+  borderRadius1: '3px',
+  borderRadius2: '6px',
+  breakpointMobile: '320px',
+  breakpointTablet: '768px',
+  breakpointDesktop: '992px',
+  breakpointLarge: '1200px',
+  breakpointWidescreen: '1920px',
+  colorWhite: 'rgb(255, 255, 255)',
+  colorBlack: 'rgb(20, 20, 20)',
+  colorBlue: 'rgb(34, 112, 238)',
+  colorBlueGrey: 'rgb(140, 156, 165)',
+  colorOrange: 'rgb(255, 145, 22)',
+  colorYellow: 'rgb(255, 201, 2)',
+  colorGreen: 'rgb(31, 188, 112)',
+  colorCyan: 'rgb(8, 191, 223)',
+  colorPurple: 'rgb(105, 84, 192)',
+  colorRed: 'rgb(249, 77, 50)',
+  colorMagenta: 'rgb(181, 45, 136)',
+  colorBlue100: 'rgb(236, 244, 253)',
+  colorBlue200: 'rgb(169, 209, 255)',
+  colorBlue300: 'rgb(54, 132, 245)',
+  colorBlue400: 'rgb(34, 112, 238)',
+  colorBlue500: 'rgb(19, 96, 217)',
+  colorBlue600: 'rgb(0, 76, 195)',
+  colorNeutral0: 'rgb(255, 255, 255)',
+  colorNeutral10: 'rgb(252, 252, 252)',
+  colorNeutral20: 'rgb(250, 250, 250)',
+  colorNeutral30: 'rgb(245, 247, 250)',
+  colorNeutral40: 'rgb(245, 245, 245)',
+  colorNeutral50: 'rgb(238, 238, 238)',
+  colorNeutral60: 'rgb(223, 224, 225)',
+  colorNeutral70: 'rgb(188, 188, 189)',
+  colorNeutral80: 'rgb(158, 158, 160)',
+  colorNeutral90: 'rgb(115, 116, 117)',
+  colorNeutral100: 'rgb(96, 97, 98)',
+  colorNeutral200: 'rgb(68, 68, 69)',
+  colorNeutral300: 'rgb(45, 46, 49)',
+  colorNeutral400: 'rgb(20, 20, 20)',
+  colorBlueGrey100: 'rgb(234, 239, 242)',
+  colorBlueGrey200: 'rgb(208, 216, 221)',
+  colorBlueGrey300: 'rgb(180, 193, 200)',
+  colorBlueGrey400: 'rgb(140, 156, 165)',
+  colorBlueGrey500: 'rgb(106, 122, 133)',
+  colorBlueGrey600: 'rgb(87, 102, 113)',
+  colorOrange100: 'rgb(255, 242, 220)',
+  colorOrange200: 'rgb(255, 204, 128)',
+  colorOrange300: 'rgb(255, 162, 58)',
+  colorOrange400: 'rgb(255, 145, 22)',
+  colorOrange500: 'rgb(238, 132, 0)',
+  colorOrange600: 'rgb(223, 118, 0)',
+  colorYellow100: 'rgb(255, 249, 226)',
+  colorYellow200: 'rgb(255, 240, 177)',
+  colorYellow300: 'rgb(255, 226, 120)',
+  colorYellow400: 'rgb(255, 201, 2)',
+  colorYellow500: 'rgb(255, 190, 0)',
+  colorYellow600: 'rgb(222, 149, 0)',
+  colorGreen100: 'rgb(225, 253, 239)',
+  colorGreen200: 'rgb(144, 239, 192)',
+  colorGreen300: 'rgb(96, 223, 166)',
+  colorGreen400: 'rgb(31, 188, 112)',
+  colorGreen500: 'rgb(24, 167, 97)',
+  colorGreen600: 'rgb(16, 134, 75)',
+  colorCyan100: 'rgb(227, 252, 255)',
+  colorCyan200: 'rgb(177, 243, 250)',
+  colorCyan300: 'rgb(19, 206, 234)',
+  colorCyan400: 'rgb(8, 191, 223)',
+  colorCyan500: 'rgb(12, 165, 192)',
+  colorCyan600: 'rgb(3, 130, 153)',
+  colorPurple100: 'rgb(241, 237, 255)',
+  colorPurple200: 'rgb(193, 182, 242)',
+  colorPurple300: 'rgb(135, 114, 229)',
+  colorPurple400: 'rgb(105, 84, 192)',
+  colorPurple500: 'rgb(79, 58, 158)',
+  colorPurple600: 'rgb(66, 39, 153)',
+  colorRed100: 'rgb(255, 236, 233)',
+  colorRed200: 'rgb(255, 178, 160)',
+  colorRed300: 'rgb(255, 116, 95)',
+  colorRed400: 'rgb(249, 77, 50)',
+  colorRed500: 'rgb(230, 55, 23)',
+  colorRed600: 'rgb(191, 42, 0)',
+  colorMagenta100: 'rgb(251, 234, 245)',
+  colorMagenta200: 'rgb(250, 175, 226)',
+  colorMagenta300: 'rgb(217, 73, 169)',
+  colorMagenta400: 'rgb(181, 45, 136)',
+  colorMagenta500: 'rgb(152, 32, 113)',
+  colorMagenta600: 'rgb(125, 22, 91)',
+  fontWeightRegular: '400',
+  fontWeightBold: '600',
+  opacityHovered: '.8',
+  opacityDisabled: '.6',
+  shadowSize0: '0 0 0',
+  shadowSize1: '0 1px 2px',
+  shadowSize2: '0 2px 8px',
+  shadowSize3: '0 8px 24px',
+  shadowColor: 'rgba(20, 20, 20, .1)',
+  shadowColorActive: 'rgba(34, 112, 238, .2)',
+  spacing0: '0',
+  spacing1: '8px',
+  spacing2: '16px',
+  spacing3: '24px',
+  spacing4: '32px',
+  spacing5: '48px',
+  spacing6: '64px',
+  spacing7: '96px',
+  spacing8: '128px',
+  spacingHalf: '4px',
+  typescale1: '12px',
+  typescale2: '14px',
+  typescale3: '16px',
+  typescale4: '20px',
+  typescale5: '16px',
+  typescale6: '32px',
+  typescale7: '41px',
+  baseFontSize: '16px',
+  baseLineHeight: '1.5',
+  baseFontFamily: ''Nunito Sans', sans-serif',
+  displayFontFamily: ''Century Gothic Pro', CenturyGothicPro, 'Century Gothic', CenturyGothic, AppleGothic, sans-serif',
+  zIndexNotification: '1100',
+  zIndexModal: '1000',
+  zIndexPopover: '900'
+}
+
+export default tokens;

package.json

 {
     "name": "@servicetitan/tokens",
-    "version": "1.11.0",
+    "version": "1.12.0",
     "description": "",
@@ -8,11 +8,9 @@ "main": "./dist/tokens.js",
         "start": "npm-run-all watch --silent",
-        "build": "npm-run-all build:init build:tokens build:color-map build:spacing-map build:z-index-map --silent",
+        "build": "npm-run-all build:init build:style-dictionary --silent",
         "build:init": "rimraf dist",
-        "build:tokens": "npm-run-all build:tokens:theo build:tokens:ts",
-        "build:tokens:theo": "theo ./src/tokens.json --setup theo.js --transform web --format scss,less,ts --dest ./dist",
-        "build:tokens:ts": "tsc",
-        "build:color-map": "theo ./src/colors.json --transform web --format map.scss --dest ./dist",
-        "build:spacing-map": "theo ./src/spacing.json --transform web --format map.scss --dest ./dist",
-        "build:z-index-map": "theo ./src/z-index.json --transform web --format map.scss --dest ./dist",
-        "watch": "chokidar \"src/**/*.json\" -c \"npm run build\""
+        "build:style-dictionary": "npm-run-all build:variables build:maps build:typescript",
+        "build:variables": "node ./build-variables.js",
+        "build:typescript": "tsc",
+        "build:maps": "node ./build-maps.js",
+        "watch": "chokidar \"src/**/*.*\" -c \"npm run build\""
     },
@@ -26,3 +24,3 @@ "files": [
     },
-    "gitHead": "7604238b8cde82e403f17accf414d6f3394cdbbe"
+    "gitHead": "3d663c4c0bd4c5cb2a077a6d19bdbb1c93a8dd94"
 }

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28397

increased by2.31%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Lines of code

375

decreased by-0.27%

No dependency changes