@altrex-ui/styling 0.1.2 → 0.1.4

package/dist/tokens.styl

@@ -0,0 +1,144 @@
+/**
+ * Altrex Design System Tokens
+ * Generated automatically - do not edit
+ */
+
+$altrex-colors-primary-50 = #e6f2ff
+$altrex-colors-primary-100 = #cce5ff
+$altrex-colors-primary-200 = #99cbff
+$altrex-colors-primary-300 = #66b0ff
+$altrex-colors-primary-400 = #3396ff
+$altrex-colors-primary-500 = #007cff
+$altrex-colors-primary-600 = #0063cc
+$altrex-colors-primary-700 = #004a99
+$altrex-colors-primary-800 = #003166
+$altrex-colors-primary-900 = #001933
+$altrex-colors-secondary-50 = #f0e6ff
+$altrex-colors-secondary-100 = #e0ccff
+$altrex-colors-secondary-200 = #c299ff
+$altrex-colors-secondary-300 = #a366ff
+$altrex-colors-secondary-400 = #8533ff
+$altrex-colors-secondary-500 = #6600ff
+$altrex-colors-secondary-600 = #5200cc
+$altrex-colors-secondary-700 = #3d0099
+$altrex-colors-secondary-800 = #290066
+$altrex-colors-secondary-900 = #140033
+$altrex-colors-neutral-50 = #f8f9fa
+$altrex-colors-neutral-100 = #f1f3f5
+$altrex-colors-neutral-200 = #e9ecef
+$altrex-colors-neutral-300 = #dee2e6
+$altrex-colors-neutral-400 = #ced4da
+$altrex-colors-neutral-500 = #adb5bd
+$altrex-colors-neutral-600 = #868e96
+$altrex-colors-neutral-700 = #495057
+$altrex-colors-neutral-800 = #343a40
+$altrex-colors-neutral-900 = #212529
+$altrex-colors-success-50 = #e6f9f0
+$altrex-colors-success-500 = #10b981
+$altrex-colors-success-900 = #064e3b
+$altrex-colors-warning-50 = #fff9e6
+$altrex-colors-warning-500 = #f59e0b
+$altrex-colors-warning-900 = #78350f
+$altrex-colors-error-50 = #ffe6e6
+$altrex-colors-error-500 = #ef4444
+$altrex-colors-error-900 = #7f1d1d
+$altrex-colors-info-50 = #e6f7ff
+$altrex-colors-info-500 = #3b82f6
+$altrex-colors-info-900 = #1e3a8a
+$altrex-spacing-0 = 0
+$altrex-spacing-1 = 0.25rem
+$altrex-spacing-2 = 0.5rem
+$altrex-spacing-3 = 0.75rem
+$altrex-spacing-4 = 1rem
+$altrex-spacing-5 = 1.25rem
+$altrex-spacing-6 = 1.5rem
+$altrex-spacing-8 = 2rem
+$altrex-spacing-10 = 2.5rem
+$altrex-spacing-12 = 3rem
+$altrex-spacing-16 = 4rem
+$altrex-spacing-20 = 5rem
+$altrex-spacing-24 = 6rem
+$altrex-fontSize-xs = 0.75rem
+$altrex-fontSize-sm = 0.875rem
+$altrex-fontSize-base = 1rem
+$altrex-fontSize-lg = 1.125rem
+$altrex-fontSize-xl = 1.25rem
+$altrex-fontSize-2xl = 1.5rem
+$altrex-fontSize-3xl = 1.875rem
+$altrex-fontSize-4xl = 2.25rem
+$altrex-fontSize-5xl = 3rem
+$altrex-fontWeight-light = 300
+$altrex-fontWeight-normal = 400
+$altrex-fontWeight-medium = 500
+$altrex-fontWeight-semibold = 600
+$altrex-fontWeight-bold = 700
+$altrex-lineHeight-none = 1
+$altrex-lineHeight-tight = 1.25
+$altrex-lineHeight-snug = 1.375
+$altrex-lineHeight-normal = 1.5
+$altrex-lineHeight-relaxed = 1.625
+$altrex-lineHeight-loose = 2
+$altrex-borderRadius-none = 0
+$altrex-borderRadius-sm = 0.25rem
+$altrex-borderRadius-default = 0.5rem
+$altrex-borderRadius-md = 0.75rem
+$altrex-borderRadius-lg = 1rem
+$altrex-borderRadius-xl = 1.5rem
+$altrex-borderRadius-2xl = 2rem
+$altrex-borderRadius-full = 9999px
+$altrex-shadow-sm = 0 1px 2px 0 rgba(0, 0, 0, 0.05)
+$altrex-shadow-default = 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)
+$altrex-shadow-md = 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)
+$altrex-shadow-lg = 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
+$altrex-shadow-xl = 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)
+$altrex-shadow-2xl = 0 25px 50px -12px rgba(0, 0, 0, 0.25)
+$altrex-shadow-inner = inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)
+$altrex-breakpoints-sm = 640px
+$altrex-breakpoints-md = 768px
+$altrex-breakpoints-lg = 1024px
+$altrex-breakpoints-xl = 1280px
+$altrex-breakpoints-2xl = 1536px
+
+// Additional derived variables for legacy naming
+$altrex-color-platform-interactive-200 = #99cbff
+$altrex-color-platform-interactive-400 = #3396ff
+$altrex-color-platform-interactive-850 = #004a99
+$altrex-color-platform-interactive-900 = #003166
+$altrex-color-platform-interactive-1000 = #001933
+$altrex-color-platform-white = #ffffff
+
+$altrex-space-half = 0.25rem
+$altrex-space-1x = 0.5rem
+$altrex-space-2x = 1rem
+$altrex-space-3x = 1.5rem
+
+$altrex-font-family-body = -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif
+$altrex-font-size-caption = 0.75rem
+$altrex-font-size-body-2 = 0.875rem
+$altrex-font-size-body-1 = 1rem
+
+$altrex-border-radius-button-default = 0.5rem
+$altrex-border-radius-button-pill = 9999px
+
+$altrex-transition-default = 0.2s ease-in-out
+
+// Icon size mixins
+altrex-icon-s()
+  height: 16px
+  width: 16px
+
+altrex-icon-m()
+  height: 24px
+  width: 24px
+
+altrex-icon-l()
+  height: 32px
+  width: 32px
+
+altrex-icon-xl()
+  height: 48px
+  width: 48px
+
+altrex-icon-xxl()
+  height: 64px
+  width: 64px

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@altrex-ui/styling",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Core design tokens for the Altrex design system",
   "main": "dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./tokens.css": "./dist/tokens.css",
+    "./tokens.styl": "./dist/tokens.styl"
+  },
   "scripts": {
     "build": "node build.js",
     "watch": "node build.js --watch"