@kano/kbc-tokens - npm Package Compare versions

Comparing version 4.14.3-alpha.0 to 4.14.10-alpha.0

lib/all-colors.d.ts

@@ -1,2 +0,1 @@
-
 // Source: all-colors.yml
@@ -3,0 +2,0 @@ export type allColorsType =

lib/breakpoints.d.ts

@@ -1,2 +0,1 @@
-
 // Source: breakpoints.yml
@@ -3,0 +2,0 @@ export type breakpointsType =

lib/colors.d.ts

@@ -1,2 +0,1 @@
-
 // Source: colors.yml
@@ -3,0 +2,0 @@ export type colorsType =

lib/container-max-widths.d.ts

@@ -1,2 +0,1 @@
-
 // Source: container-max-widths.yml
@@ -3,0 +2,0 @@ export type containerMaxWidthsType =

lib/index.module.js

@@ -59,17 +59,10 @@ export const grayDark = "#414a51";
 export const black = "#000000";
-/* spacing-smaller / 1.25 */
 export const spacingSmallest = "0.512rem";
-/* spacing-base / 1.5 */
 export const spacingSmall = "0.7999999999999999rem";
 export const spacingParagraph = "0.7999999999999999rem";
-/* spacing-small / 1.25 */
 export const spacingSmaller = "0.64rem";
 export const spacingBase = "1.2rem";
-/* spacing-base * 1.5 */
 export const spacingLarge = "1.7999999999999998rem";
-/* spacing-base * 1.25 */
 export const spacingMedium = "1.5rem";
-/* spacing-larger * 1.25 */
 export const spacingLargest = "2.8125rem";
-/* spacing-large * 1.25 */
 export const spacingLarger = "2.25rem";
@@ -97,9 +90,9 @@ export const spacingHeading = "0.7999999999999999rem";
 export const fontSizeBase = "17px";
-export const linkColor = "#ff6b00";
-export const linkColorHover = "darken(#ff6b00, 15%)";
+export const linkColor = "$color-ui-action";
+export const linkColorHover = "$color-ui-action-hover";
 export const linkDecoration = "none";
 export const linkHoverDecoration = "underline";
 export const borderWidthBase = "1px";
-export const borderBase = "1px solid #1a1a1a";
-export const borderWhite = "1px solid #ffffff";
+export const borderBase = "1px solid $color-ui-border";
+export const borderWhite = "1px solid $white";
 export const borderRadiusBase = "15px";
@@ -113,13 +106,8 @@ export const borderRadiusSmall = "8px";
 export const gridContainerMaxWidth = "100%";
-/* Desktop and tablet landscape */
 export const l = "1020px";
-/* Tablet portrait */
 export const m = "760px";
-/* Mobile landscape */
 export const s = "560px";
-/* Large desktop and TV */
 export const xl = "1240px";
 export const gridColumns = "12";
 export const gridGutterWidth = "1.8rem";
-/* Mobile portrait */
 export const xs = "288px";
@@ -145,3 +133,3 @@ export const durationBase = "0.3s";
 export const shadowFocusWidth = "0.2rem";
-export const shadowFocusColor = "lighten(#ff6b00, 15%)";
-export const shadowFocusBase = "0 0 0 0.2rem lighten(#ff6b00, 15%)";
+export const shadowFocusColor = "lighten($color-primary, 15%)";
+export const shadowFocusBase = "0 0 0 0.2rem lighten($color-primary, 15%)";

lib/spacers.d.ts

@@ -1,2 +0,1 @@
-
 // Source: spacers.yml
@@ -3,0 +2,0 @@ export type spacersType =

lib/theme-colors.d.ts

@@ -1,2 +0,1 @@
-
 // Source: theme-colors.yml
@@ -3,0 +2,0 @@ export type themeColorsType =

package.json

 {
   "name": "@kano/kbc-tokens",
-  "version": "4.14.3-alpha.0",
+  "version": "4.14.10-alpha.0",
   "description": "Design tokens for kano apps and components",
@@ -14,13 +14,7 @@ "author": "Kano Computing",
     "test": "echo \"Error: run tests from root\" && exit 1",
-    "build": "yarn run clean && yarn run mkdirs && yarn run build-tokens && yarn run build-token-maps",
+    "build": "yarn run clean && ts-node index.ts",
+    "build:quick": "ts-node index.ts",
+    "watch": "lerna run watch:quick --parallel --scope=@kano/kbc-tokens --include-dependencies",
+    "watch:quick": "onchange -v 'src/**/*.yml' -- yarn run build:quick",
     "clean": "rm -rf ./lib",
-    "mkdirs": "mkdir lib",
-    "build-tokens": "theo src/index.yml --setup theo.config.js --transform web --format scss,module.js,custom-properties.css --dest lib",
-    "build-token-maps": "yarn run build-theme-map && yarn run build-colours-map && yarn run build-all-map && yarn run build-spacers-map && yarn run build-breakpoints-map && yarn run build-max-widths-map",
-    "build-theme-map": "theo src/maps/theme-colors.yml --setup theo.config.js --format d.ts,map.scss --dest lib",
-    "build-colours-map": "theo src/maps/colors.yml --setup theo.config.js --format d.ts,map.scss --dest lib",
-    "build-all-map": "theo src/maps/all-colors.yml --setup theo.config.js --format d.ts,map.scss --dest lib",
-    "build-spacers-map": "theo src/maps/spacers.yml --setup theo.config.js --transform web --format d.ts,map.scss --dest lib",
-    "build-breakpoints-map": "theo src/maps/breakpoints.yml --setup theo.config.js --format d.ts,map.scss --dest lib",
-    "build-max-widths-map": "theo src/maps/container-max-widths.yml --setup theo.config.js --format d.ts,map.scss --dest lib",
     "prepublishOnly": "yarn run build"
@@ -32,3 +26,4 @@ },
   "devDependencies": {
-    "theo": "^8.1.5"
+    "theo": "^8.1.5",
+    "ts-node": "^8.8.1"
   },
@@ -38,3 +33,3 @@ "dependencies": {
   },
-  "gitHead": "3cba63877a27fea03d69a1e0c065378c6ee83b84"
+  "gitHead": "a9b97e39670d016f6e50c0a5326871b06c6164be"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

21314

decreased by-1.57%

Dev dependency count

2

increased by100%

Lines of code

282

decreased by-7.84%

No dependency changes