@onbeam/styled-system - npm Package Compare versions

Comparing version 1.0.11 to 1.1.0

dist/config/index.js

@@ -111,3 +111,2 @@ 'use strict';
   },
-  // TODO: Ben should check this out
   code: {
@@ -118,3 +117,3 @@ value: {
       fontWeight: 400,
-      lineHeight: "16px"
+      lineHeight: "20px"
     }
@@ -157,3 +156,3 @@ }
   code: {
-    value: "'Fira Code', monospace"
+    value: "'JetBrains Mono', monospace"
   }
@@ -166,17 +165,16 @@ };
   mono: {
-    0: { value: "#FFFFFF" },
-    100: { value: "#F1F1F1" },
-    200: { value: "#DEE7E1" },
-    300: { value: "#6D6D6D" },
+    0: { value: "#ffffff" },
+    100: { value: "#f1f1f1" },
+    150: { value: "#d7d7d7" },
+    200: { value: "#dee7e1" },
+    250: { value: "#3d3d3d" },
+    300: { value: "#6d6d6d" },
+    350: { value: "#272727" },
     400: { value: "#313131" },
+    450: { value: "#222222" },
+    550: { value: "#242424" },
+    650: { value: "#151515" },
+    750: { value: "#04040b" },
     900: { value: "#131313" },
-    1e3: { value: "#000000" },
-    // TODO: Rename these whenever Design updates the colors
-    111: { value: "#242424" },
-    222: { value: "#222222" },
-    333: { value: "#151515" },
-    444: { value: "#3D3D3D" },
-    555: { value: "#272727" },
-    666: { value: "#d7d7d7" },
-    777: { value: "#04040b" }
+    1e3: { value: "#000000" }
   },
@@ -183,0 +181,0 @@ green: {

dist/tokens/index.js

@@ -7,3 +7,3 @@ const tokens = {
   "fonts.code": {
-    "value": "'Fira Code', monospace",
+    "value": "'JetBrains Mono', monospace",
     "variable": "var(--beam-fonts-code)"
@@ -48,28 +48,28 @@ },
   "colors.mono.0": {
-    "value": "#FFFFFF",
+    "value": "#ffffff",
     "variable": "var(--beam-colors-mono-0)"
   },
   "colors.mono.100": {
-    "value": "#F1F1F1",
+    "value": "#f1f1f1",
     "variable": "var(--beam-colors-mono-100)"
   },
-  "colors.mono.111": {
-    "value": "#242424",
-    "variable": "var(--beam-colors-mono-111)"
+  "colors.mono.150": {
+    "value": "#d7d7d7",
+    "variable": "var(--beam-colors-mono-150)"
   },
   "colors.mono.200": {
-    "value": "#DEE7E1",
+    "value": "#dee7e1",
     "variable": "var(--beam-colors-mono-200)"
   },
-  "colors.mono.222": {
-    "value": "#222222",
-    "variable": "var(--beam-colors-mono-222)"
+  "colors.mono.250": {
+    "value": "#3d3d3d",
+    "variable": "var(--beam-colors-mono-250)"
   },
   "colors.mono.300": {
-    "value": "#6D6D6D",
+    "value": "#6d6d6d",
     "variable": "var(--beam-colors-mono-300)"
   },
-  "colors.mono.333": {
-    "value": "#151515",
-    "variable": "var(--beam-colors-mono-333)"
+  "colors.mono.350": {
+    "value": "#272727",
+    "variable": "var(--beam-colors-mono-350)"
   },
@@ -80,17 +80,17 @@ "colors.mono.400": {
   },
-  "colors.mono.444": {
-    "value": "#3D3D3D",
-    "variable": "var(--beam-colors-mono-444)"
+  "colors.mono.450": {
+    "value": "#222222",
+    "variable": "var(--beam-colors-mono-450)"
   },
-  "colors.mono.555": {
-    "value": "#272727",
-    "variable": "var(--beam-colors-mono-555)"
+  "colors.mono.550": {
+    "value": "#242424",
+    "variable": "var(--beam-colors-mono-550)"
   },
-  "colors.mono.666": {
-    "value": "#d7d7d7",
-    "variable": "var(--beam-colors-mono-666)"
+  "colors.mono.650": {
+    "value": "#151515",
+    "variable": "var(--beam-colors-mono-650)"
   },
-  "colors.mono.777": {
+  "colors.mono.750": {
     "value": "#04040b",
-    "variable": "var(--beam-colors-mono-777)"
+    "variable": "var(--beam-colors-mono-750)"
   },
@@ -525,5 +525,5 @@ "colors.mono.900": {
   },
-  "colors.colorPalette.111": {
-    "value": "var(--beam-colors-color-palette-111)",
-    "variable": "var(--beam-colors-color-palette-111)"
+  "colors.colorPalette.150": {
+    "value": "var(--beam-colors-color-palette-150)",
+    "variable": "var(--beam-colors-color-palette-150)"
   },
@@ -534,5 +534,5 @@ "colors.colorPalette.200": {
   },
-  "colors.colorPalette.222": {
-    "value": "var(--beam-colors-color-palette-222)",
-    "variable": "var(--beam-colors-color-palette-222)"
+  "colors.colorPalette.250": {
+    "value": "var(--beam-colors-color-palette-250)",
+    "variable": "var(--beam-colors-color-palette-250)"
   },
@@ -543,5 +543,5 @@ "colors.colorPalette.300": {
   },
-  "colors.colorPalette.333": {
-    "value": "var(--beam-colors-color-palette-333)",
-    "variable": "var(--beam-colors-color-palette-333)"
+  "colors.colorPalette.350": {
+    "value": "var(--beam-colors-color-palette-350)",
+    "variable": "var(--beam-colors-color-palette-350)"
   },
@@ -552,17 +552,17 @@ "colors.colorPalette.400": {
   },
-  "colors.colorPalette.444": {
-    "value": "var(--beam-colors-color-palette-444)",
-    "variable": "var(--beam-colors-color-palette-444)"
+  "colors.colorPalette.450": {
+    "value": "var(--beam-colors-color-palette-450)",
+    "variable": "var(--beam-colors-color-palette-450)"
   },
-  "colors.colorPalette.555": {
-    "value": "var(--beam-colors-color-palette-555)",
-    "variable": "var(--beam-colors-color-palette-555)"
+  "colors.colorPalette.550": {
+    "value": "var(--beam-colors-color-palette-550)",
+    "variable": "var(--beam-colors-color-palette-550)"
   },
-  "colors.colorPalette.666": {
-    "value": "var(--beam-colors-color-palette-666)",
-    "variable": "var(--beam-colors-color-palette-666)"
+  "colors.colorPalette.650": {
+    "value": "var(--beam-colors-color-palette-650)",
+    "variable": "var(--beam-colors-color-palette-650)"
   },
-  "colors.colorPalette.777": {
-    "value": "var(--beam-colors-color-palette-777)",
-    "variable": "var(--beam-colors-color-palette-777)"
+  "colors.colorPalette.750": {
+    "value": "var(--beam-colors-color-palette-750)",
+    "variable": "var(--beam-colors-color-palette-750)"
   },
@@ -569,0 +569,0 @@ "colors.colorPalette.900": {

dist/tokens/tokens.d.ts

 /* eslint-disable */
-export type Token = "fonts.main" | "fonts.code" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.text" | "shadows.neon" | "shadows.inner" | "shadows.border" | "shadows.border.active" | "shadows.border.error" | "colors.mono.0" | "colors.mono.100" | "colors.mono.111" | "colors.mono.200" | "colors.mono.222" | "colors.mono.300" | "colors.mono.333" | "colors.mono.400" | "colors.mono.444" | "colors.mono.555" | "colors.mono.666" | "colors.mono.777" | "colors.mono.900" | "colors.mono.1000" | "colors.green.400" | "colors.green.500" | "colors.red.400" | "colors.red.500" | "colors.orange.200" | "colors.orange.600" | "colors.purple.200" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "durations.xSlow" | "durations.slow" | "durations.normal" | "durations.fast" | "durations.xFast" | "durations.none" | "assets.noise" | "assets.grid" | "sizes.full" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.111" | "colors.colorPalette.200" | "colors.colorPalette.222" | "colors.colorPalette.300" | "colors.colorPalette.333" | "colors.colorPalette.400" | "colors.colorPalette.444" | "colors.colorPalette.555" | "colors.colorPalette.666" | "colors.colorPalette.777" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.500" | "colors.colorPalette.600"
+export type Token = "fonts.main" | "fonts.code" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.text" | "shadows.neon" | "shadows.inner" | "shadows.border" | "shadows.border.active" | "shadows.border.error" | "colors.mono.0" | "colors.mono.100" | "colors.mono.150" | "colors.mono.200" | "colors.mono.250" | "colors.mono.300" | "colors.mono.350" | "colors.mono.400" | "colors.mono.450" | "colors.mono.550" | "colors.mono.650" | "colors.mono.750" | "colors.mono.900" | "colors.mono.1000" | "colors.green.400" | "colors.green.500" | "colors.red.400" | "colors.red.500" | "colors.orange.200" | "colors.orange.600" | "colors.purple.200" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "radii.none" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "durations.xSlow" | "durations.slow" | "durations.normal" | "durations.fast" | "durations.xFast" | "durations.none" | "assets.noise" | "assets.grid" | "sizes.full" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "spacing.-0" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette.0" | "colors.colorPalette.100" | "colors.colorPalette.150" | "colors.colorPalette.200" | "colors.colorPalette.250" | "colors.colorPalette.300" | "colors.colorPalette.350" | "colors.colorPalette.400" | "colors.colorPalette.450" | "colors.colorPalette.550" | "colors.colorPalette.650" | "colors.colorPalette.750" | "colors.colorPalette.900" | "colors.colorPalette.1000" | "colors.colorPalette.500" | "colors.colorPalette.600"
 
@@ -10,3 +10,3 @@ export type ColorPalette = "mono" | "green" | "red" | "orange" | "purple"
 
-export type ColorToken = "mono.0" | "mono.100" | "mono.111" | "mono.200" | "mono.222" | "mono.300" | "mono.333" | "mono.400" | "mono.444" | "mono.555" | "mono.666" | "mono.777" | "mono.900" | "mono.1000" | "green.400" | "green.500" | "red.400" | "red.500" | "orange.200" | "orange.600" | "purple.200" | "colorPalette.0" | "colorPalette.100" | "colorPalette.111" | "colorPalette.200" | "colorPalette.222" | "colorPalette.300" | "colorPalette.333" | "colorPalette.400" | "colorPalette.444" | "colorPalette.555" | "colorPalette.666" | "colorPalette.777" | "colorPalette.900" | "colorPalette.1000" | "colorPalette.500" | "colorPalette.600"
+export type ColorToken = "mono.0" | "mono.100" | "mono.150" | "mono.200" | "mono.250" | "mono.300" | "mono.350" | "mono.400" | "mono.450" | "mono.550" | "mono.650" | "mono.750" | "mono.900" | "mono.1000" | "green.400" | "green.500" | "red.400" | "red.500" | "orange.200" | "orange.600" | "purple.200" | "colorPalette.0" | "colorPalette.100" | "colorPalette.150" | "colorPalette.200" | "colorPalette.250" | "colorPalette.300" | "colorPalette.350" | "colorPalette.400" | "colorPalette.450" | "colorPalette.550" | "colorPalette.650" | "colorPalette.750" | "colorPalette.900" | "colorPalette.1000" | "colorPalette.500" | "colorPalette.600"
 
@@ -13,0 +13,0 @@ export type SpacingToken = "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | "0.5" | "1.5" | "2.5" | "3.5" | "-0" | "-1" | "-2" | "-3" | "-4" | "-5" | "-6" | "-7" | "-8" | "-9" | "-10" | "-11" | "-12" | "-14" | "-16" | "-20" | "-24" | "-28" | "-32" | "-36" | "-40" | "-44" | "-48" | "-52" | "-56" | "-60" | "-64" | "-72" | "-80" | "-96" | "-0.5" | "-1.5" | "-2.5" | "-3.5"

package.json

 {
   "name": "@onbeam/styled-system",
-  "version": "1.0.11",
+  "version": "1.1.0",
   "sideEffects": false,
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Worsened metrics

Total package byte prevSize

1447965

decreased by-0.01%

Lines of code

32620

decreased by-0.01%

No dependency changes