@onbeam/styled-system - npm Package Compare versions

Comparing version 1.0.0-1 to 1.0.0-2

dist/tokens/index.js

@@ -42,82 +42,30 @@ const tokens = {
   },
-  "colors.green.lightGreen": {
+  "colors.green.400": {
     "value": "#60ff83",
-    "variable": "var(--colors-green-light-green)"
+    "variable": "var(--colors-green-400)"
   },
-  "colors.green.successGreen": {
+  "colors.green.500": {
     "value": "#48dd13",
-    "variable": "var(--colors-green-success-green)"
+    "variable": "var(--colors-green-500)"
   },
-  "colors.red.errorBg": {
-    "value": "rgba(255, 85, 68, 0.05)",
-    "variable": "var(--colors-red-error-bg)"
+  "colors.red.400": {
+    "value": "#ff5544",
+    "variable": "var(--colors-red-400)"
   },
-  "colors.red.errorText": {
+  "colors.red.500": {
     "value": "#ff4539",
-    "variable": "var(--colors-red-error-text)"
+    "variable": "var(--colors-red-500)"
   },
-  "colors.orange.lightOrange": {
+  "colors.orange.200": {
     "value": "#fea514",
-    "variable": "var(--colors-orange-light-orange)"
+    "variable": "var(--colors-orange-200)"
   },
-  "colors.orange.toggleOff": {
+  "colors.orange.600": {
     "value": "#ff5c00",
-    "variable": "var(--colors-orange-toggle-off)"
+    "variable": "var(--colors-orange-600)"
   },
-  "colors.purple.purple": {
+  "colors.purple.200": {
     "value": "#ebbcff",
-    "variable": "var(--colors-purple-purple)"
+    "variable": "var(--colors-purple-200)"
   },
-  "colors.card.border": {
-    "value": "#272727",
-    "variable": "var(--colors-card-border)"
-  },
-  "colors.card.background": {
-    "value": "#222222",
-    "variable": "var(--colors-card-background)"
-  },
-  "colors.button.circle.background": {
-    "value": "radial-gradient(111.24% 111.24% at 50.36% -11.23%, rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0.65) 4.48%, rgba(255, 255, 255, 0.00) 45.18%, rgba(255, 255, 255, 0.00) 78.33%), #242424",
-    "variable": "var(--colors-button-circle-background)"
-  },
-  "colors.button.disabledText": {
-    "value": "#393939",
-    "variable": "var(--colors-button-disabled-text)"
-  },
-  "colors.button.pill.background.primary": {
-    "value": "linear-gradient(178deg, rgba(255, 255, 255, 0.11) 1.34%, rgba(255, 255, 255, 0.25) 5.7%, rgba(255, 255, 255, 0.00) 45.31%, rgba(255, 255, 255, 0.00) 77.57%), #242424",
-    "variable": "var(--colors-button-pill-background-primary)"
-  },
-  "colors.button.pill.background.secondary": {
-    "value": "linear-gradient(178deg, rgba(255, 255, 255, 0.11) 1.34%, rgba(255, 255, 255, 0.25) 5.7%, rgba(255, 255, 255, 0.00) 45.31%, rgba(255, 255, 255, 0.00) 77.57%), #131313",
-    "variable": "var(--colors-button-pill-background-secondary)"
-  },
-  "colors.input.placeholderText": {
-    "value": "rgba(215, 215, 215, 0.25)",
-    "variable": "var(--colors-input-placeholder-text)"
-  },
-  "colors.input.border": {
-    "value": "#1b1b1b",
-    "variable": "var(--colors-input-border)"
-  },
-  "colors.input.background": {
-    "value": "#000000",
-    "variable": "var(--colors-input-background)"
-  },
-  "colors.input.dapp.background": {
-    "value": "#151515",
-    "variable": "var(--colors-input-dapp-background)"
-  },
-  "colors.ticker.background": {
-    "value": "#04040b",
-    "variable": "var(--colors-ticker-background)"
-  },
-  "colors.neonGreen.border": {
-    "value": "linear-gradient(178.42deg #60ff83, rgba(255, 255, 255, 0.44) 0%, #ffffff 4%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 78%)",
-    "variable": "var(--colors-neon-green-border)"
-  },
-  "colors.neonGreen.background": {
-    "value": "linear-gradient(178.42deg #60ff83, rgba(255, 255, 255, 0.44) 0%, #ffffff 4%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0) 78%)",
-    "variable": "var(--colors-neon-green-background)"
-  },
   "spacing.0": {
@@ -451,77 +399,9 @@ "value": "0px",
   },
-  "colors.colorPalette.lightGreen": {
-    "value": "var(--colors-color-palette-light-green)",
-    "variable": "var(--colors-color-palette-light-green)"
+  "colors.colorPalette.500": {
+    "value": "var(--colors-color-palette-500)",
+    "variable": "var(--colors-color-palette-500)"
   },
-  "colors.colorPalette.successGreen": {
-    "value": "var(--colors-color-palette-success-green)",
-    "variable": "var(--colors-color-palette-success-green)"
-  },
-  "colors.colorPalette.errorBg": {
-    "value": "var(--colors-color-palette-error-bg)",
-    "variable": "var(--colors-color-palette-error-bg)"
-  },
-  "colors.colorPalette.errorText": {
-    "value": "var(--colors-color-palette-error-text)",
-    "variable": "var(--colors-color-palette-error-text)"
-  },
-  "colors.colorPalette.lightOrange": {
-    "value": "var(--colors-color-palette-light-orange)",
-    "variable": "var(--colors-color-palette-light-orange)"
-  },
-  "colors.colorPalette.toggleOff": {
-    "value": "var(--colors-color-palette-toggle-off)",
-    "variable": "var(--colors-color-palette-toggle-off)"
-  },
-  "colors.colorPalette.purple": {
-    "value": "var(--colors-color-palette-purple)",
-    "variable": "var(--colors-color-palette-purple)"
-  },
-  "colors.colorPalette.border": {
-    "value": "var(--colors-color-palette-border)",
-    "variable": "var(--colors-color-palette-border)"
-  },
-  "colors.colorPalette.background": {
-    "value": "var(--colors-color-palette-background)",
-    "variable": "var(--colors-color-palette-background)"
-  },
-  "colors.colorPalette.circle.background": {
-    "value": "var(--colors-color-palette-circle-background)",
-    "variable": "var(--colors-color-palette-circle-background)"
-  },
-  "colors.colorPalette.disabledText": {
-    "value": "var(--colors-color-palette-disabled-text)",
-    "variable": "var(--colors-color-palette-disabled-text)"
-  },
-  "colors.colorPalette.pill.background.primary": {
-    "value": "var(--colors-color-palette-pill-background-primary)",
-    "variable": "var(--colors-color-palette-pill-background-primary)"
-  },
-  "colors.colorPalette.background.primary": {
-    "value": "var(--colors-color-palette-background-primary)",
-    "variable": "var(--colors-color-palette-background-primary)"
-  },
-  "colors.colorPalette.primary": {
-    "value": "var(--colors-color-palette-primary)",
-    "variable": "var(--colors-color-palette-primary)"
-  },
-  "colors.colorPalette.pill.background.secondary": {
-    "value": "var(--colors-color-palette-pill-background-secondary)",
-    "variable": "var(--colors-color-palette-pill-background-secondary)"
-  },
-  "colors.colorPalette.background.secondary": {
-    "value": "var(--colors-color-palette-background-secondary)",
-    "variable": "var(--colors-color-palette-background-secondary)"
-  },
-  "colors.colorPalette.secondary": {
-    "value": "var(--colors-color-palette-secondary)",
-    "variable": "var(--colors-color-palette-secondary)"
-  },
-  "colors.colorPalette.placeholderText": {
-    "value": "var(--colors-color-palette-placeholder-text)",
-    "variable": "var(--colors-color-palette-placeholder-text)"
-  },
-  "colors.colorPalette.dapp.background": {
-    "value": "var(--colors-color-palette-dapp-background)",
-    "variable": "var(--colors-color-palette-dapp-background)"
+  "colors.colorPalette.600": {
+    "value": "var(--colors-color-palette-600)",
+    "variable": "var(--colors-color-palette-600)"
   }
@@ -528,0 +408,0 @@ }

dist/tokens/tokens.d.ts

 /* eslint-disable */
-export type Token = "fonts.main" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.text" | "colors.mono.100" | "colors.mono.200" | "colors.mono.300" | "colors.mono.400" | "colors.mono.900" | "colors.green.lightGreen" | "colors.green.successGreen" | "colors.red.errorBg" | "colors.red.errorText" | "colors.orange.lightOrange" | "colors.orange.toggleOff" | "colors.purple.purple" | "colors.card.border" | "colors.card.background" | "colors.button.circle.background" | "colors.button.disabledText" | "colors.button.pill.background.primary" | "colors.button.pill.background.secondary" | "colors.input.placeholderText" | "colors.input.border" | "colors.input.background" | "colors.input.dapp.background" | "colors.ticker.background" | "colors.neonGreen.border" | "colors.neonGreen.background" | "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.xs" | "radii.sm" | "radii.md" | "radii.base" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "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.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.900" | "colors.colorPalette.lightGreen" | "colors.colorPalette.successGreen" | "colors.colorPalette.errorBg" | "colors.colorPalette.errorText" | "colors.colorPalette.lightOrange" | "colors.colorPalette.toggleOff" | "colors.colorPalette.purple" | "colors.colorPalette.border" | "colors.colorPalette.background" | "colors.colorPalette.circle.background" | "colors.colorPalette.disabledText" | "colors.colorPalette.pill.background.primary" | "colors.colorPalette.background.primary" | "colors.colorPalette.primary" | "colors.colorPalette.pill.background.secondary" | "colors.colorPalette.background.secondary" | "colors.colorPalette.secondary" | "colors.colorPalette.placeholderText" | "colors.colorPalette.dapp.background"
+export type Token = "fonts.main" | "shadows.lg" | "shadows.md" | "shadows.sm" | "shadows.text" | "colors.mono.100" | "colors.mono.200" | "colors.mono.300" | "colors.mono.400" | "colors.mono.900" | "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.xs" | "radii.sm" | "radii.md" | "radii.base" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "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.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.900" | "colors.colorPalette.500" | "colors.colorPalette.600"
 
-export type ColorPalette = "mono" | "green" | "red" | "orange" | "purple" | "card" | "button" | "button.circle" | "button.pill" | "button.pill.background" | "input" | "input.dapp" | "ticker" | "neonGreen"
+export type ColorPalette = "mono" | "green" | "red" | "orange" | "purple"
 
@@ -10,3 +10,3 @@ export type FontToken = "main"
 
-export type ColorToken = "mono.100" | "mono.200" | "mono.300" | "mono.400" | "mono.900" | "green.lightGreen" | "green.successGreen" | "red.errorBg" | "red.errorText" | "orange.lightOrange" | "orange.toggleOff" | "purple.purple" | "card.border" | "card.background" | "button.circle.background" | "button.disabledText" | "button.pill.background.primary" | "button.pill.background.secondary" | "input.placeholderText" | "input.border" | "input.background" | "input.dapp.background" | "ticker.background" | "neonGreen.border" | "neonGreen.background" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.900" | "colorPalette.lightGreen" | "colorPalette.successGreen" | "colorPalette.errorBg" | "colorPalette.errorText" | "colorPalette.lightOrange" | "colorPalette.toggleOff" | "colorPalette.purple" | "colorPalette.border" | "colorPalette.background" | "colorPalette.circle.background" | "colorPalette.disabledText" | "colorPalette.pill.background.primary" | "colorPalette.background.primary" | "colorPalette.primary" | "colorPalette.pill.background.secondary" | "colorPalette.background.secondary" | "colorPalette.secondary" | "colorPalette.placeholderText" | "colorPalette.dapp.background"
+export type ColorToken = "mono.100" | "mono.200" | "mono.300" | "mono.400" | "mono.900" | "green.400" | "green.500" | "red.400" | "red.500" | "orange.200" | "orange.600" | "purple.200" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.900" | "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"

dist/types/prop-type.d.ts

@@ -170,3 +170,3 @@ /* eslint-disable */
 	containerName: CssProperties["containerName"];
-	colorPalette: "mono" | "green" | "red" | "orange" | "purple" | "card" | "button" | "button.circle" | "button.pill" | "button.pill.background" | "input" | "input.dapp" | "ticker" | "neonGreen";
+	colorPalette: "mono" | "green" | "red" | "orange" | "purple";
 	textStyle: "xl" | "md" | "base" | "sm" | "xs" | "ticker" | "header" | "caption";
@@ -173,0 +173,0 @@ }

package.json

 {
   "name": "@onbeam/styled-system",
-  "version": "1.0.0-1",
+  "version": "1.0.0-2",
   "sideEffects": false,
   "license": "MIT",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "generate": "panda codegen",
-    "dev": "panda codegen --watch"
-  },
   "devDependencies": {
     "@pandacss/dev": "^0.37.2",
-    "@onbeam/typescript-config": "workspace:*",
-    "typescript": "^5.3.3"
+    "typescript": "^5.3.3",
+    "@onbeam/typescript-config": "0.0.0"
   },
   "exports": {
     "./css": {
-      "types": "./src/css/index.d.ts",
-      "require": "./src/css/index.js",
-      "import": "./src/css/index.js"
+      "types": "./dist/css/index.d.ts",
+      "require": "./dist/css/index.js",
+      "import": "./dist/css/index.js"
     },
     "./tokens": {
-      "types": "./src/tokens/index.d.ts",
-      "require": "./src/tokens/index.js",
-      "import": "./src/tokens/index.js"
+      "types": "./dist/tokens/index.d.ts",
+      "require": "./dist/tokens/index.js",
+      "import": "./dist/tokens/index.js"
     },
     "./types": {
-      "types": "./src/types/index.d.ts",
-      "require": "./src/types/index.js",
-      "import": "./src/types/index.js"
+      "types": "./dist/types/index.d.ts",
+      "require": "./dist/types/index.js",
+      "import": "./dist/types/index.js"
     },
     "./patterns": {
-      "types": "./src/patterns/index.d.ts",
-      "require": "./src/patterns/index.js",
-      "import": "./src/patterns/index.js"
+      "types": "./dist/patterns/index.d.ts",
+      "require": "./dist/patterns/index.js",
+      "import": "./dist/patterns/index.js"
     },
     "./jsx": {
-      "types": "./src/jsx/index.d.ts",
-      "require": "./src/jsx/index.js",
-      "import": "./src/jsx/index.js"
+      "types": "./dist/jsx/index.d.ts",
+      "require": "./dist/jsx/index.js",
+      "import": "./dist/jsx/index.js"
     },
-    "./styles.css": "./src/styles.css",
+    "./styles.css": "./dist/styles.css",
     "./preset": "./panda.preset.ts",
     "./config": "./beam.config.ts"
+  },
+  "scripts": {
+    "generate": "panda codegen",
+    "dev": "panda codegen --watch"
   }
-}
+}

No alert changes

Worsened metrics

Total package byte prevSize

1412089

decreased by-0.53%

Lines of code

31643

decreased by-0.4%

No dependency changes