@rabelo-digital/ds-rd 1.1.1 → 1.1.2

package/dist/tokens/index.mjs

@@ -1,3 +1,315 @@
-export { breakpoints, elevation, mediaQuery, motion, primitiveColors, radii, semanticColors, spacing, typography, zIndex } from '../chunk-JPWULLEO.mjs';
+// src/tokens/colors.primitive.ts
+var primitiveColors = {
+  blue: {
+    50: "#EAF4FB",
+    100: "#C5E0F2",
+    200: "#9BCCE9",
+    300: "#6DB7DF",
+    400: "#42A2D5",
+    500: "#1B8ECB",
+    600: "#1170A8",
+    700: "#02548B",
+    800: "#013E6A",
+    900: "#012849"
+  },
+  teal: {
+    50: "#E9FAF6",
+    100: "#C0F1E6",
+    200: "#93E7D5",
+    300: "#62DAC2",
+    400: "#34CEAF",
+    500: "#16B597",
+    600: "#0E9278",
+    700: "#087059",
+    800: "#044E3D",
+    900: "#012E24"
+  },
+  orange: {
+    50: "#FFF0EB",
+    100: "#FFDDD4",
+    200: "#FFC0AE",
+    300: "#FF9F87",
+    400: "#FF7358",
+    500: "#FF3C00",
+    600: "#D83200",
+    700: "#B02700",
+    800: "#881D00",
+    900: "#601300"
+  },
+  red: {
+    50: "#FEF2F2",
+    100: "#FEE2E2",
+    200: "#FECACA",
+    300: "#FCA5A5",
+    400: "#F87171",
+    500: "#EF4444",
+    600: "#DC2626",
+    700: "#B91C1C",
+    800: "#991B1B",
+    900: "#7F1D1D"
+  },
+  green: {
+    50: "#ECFDF5",
+    100: "#D1FAE5",
+    200: "#A7F3D0",
+    300: "#6EE7B7",
+    400: "#34D399",
+    500: "#10B981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065F46",
+    900: "#064E3B"
+  },
+  yellow: {
+    50: "#FFFBEB",
+    100: "#FEF3C7",
+    200: "#FDE68A",
+    300: "#FCD34D",
+    400: "#FBBF24",
+    500: "#F59E0B",
+    600: "#D97706",
+    700: "#B45309",
+    800: "#92400E",
+    900: "#78350F"
+  },
+  gray: {
+    50: "#F8F9FA",
+    100: "#E9ECEF",
+    200: "#DEE2E6",
+    300: "#CED4DA",
+    400: "#ADB5BD",
+    500: "#6C757D",
+    600: "#495057",
+    700: "#343A40",
+    800: "#212529",
+    900: "#111315"
+  },
+  white: "#FFFFFF",
+  black: "#000000"
+};
+
+// src/tokens/colors.semantic.ts
+var semanticColors = {
+  primary: {
+    default: primitiveColors.blue[700],
+    hover: primitiveColors.blue[600],
+    active: primitiveColors.blue[800],
+    subtle: primitiveColors.blue[50],
+    muted: primitiveColors.blue[100],
+    on: primitiveColors.white
+  },
+  secondary: {
+    default: primitiveColors.teal[500],
+    hover: primitiveColors.teal[600],
+    active: primitiveColors.teal[700],
+    subtle: primitiveColors.teal[50],
+    muted: primitiveColors.teal[100],
+    on: primitiveColors.white
+  },
+  accent: {
+    default: primitiveColors.orange[500],
+    hover: primitiveColors.orange[600],
+    active: primitiveColors.orange[700],
+    subtle: primitiveColors.orange[50],
+    on: primitiveColors.white
+  },
+  success: {
+    default: primitiveColors.green[600],
+    hover: primitiveColors.green[700],
+    subtle: primitiveColors.green[50],
+    muted: primitiveColors.green[100],
+    on: primitiveColors.white
+  },
+  warning: {
+    default: primitiveColors.yellow[500],
+    hover: primitiveColors.yellow[600],
+    subtle: primitiveColors.yellow[50],
+    muted: primitiveColors.yellow[100],
+    on: primitiveColors.gray[900]
+  },
+  error: {
+    default: primitiveColors.red[600],
+    hover: primitiveColors.red[700],
+    subtle: primitiveColors.red[50],
+    muted: primitiveColors.red[100],
+    on: primitiveColors.white
+  },
+  info: {
+    default: primitiveColors.blue[500],
+    hover: primitiveColors.blue[600],
+    subtle: primitiveColors.blue[50],
+    muted: primitiveColors.blue[100],
+    on: primitiveColors.white
+  },
+  background: {
+    default: primitiveColors.white,
+    subtle: primitiveColors.gray[50],
+    muted: primitiveColors.gray[100],
+    overlay: "rgba(0, 0, 0, 0.5)"
+  },
+  surface: {
+    default: primitiveColors.white,
+    raised: primitiveColors.white,
+    overlay: primitiveColors.white
+  },
+  text: {
+    default: primitiveColors.gray[800],
+    muted: primitiveColors.gray[500],
+    subtle: primitiveColors.gray[400],
+    disabled: primitiveColors.gray[300],
+    inverse: primitiveColors.white,
+    link: primitiveColors.blue[700],
+    linkHover: primitiveColors.blue[600]
+  },
+  border: {
+    default: primitiveColors.gray[200],
+    strong: primitiveColors.gray[300],
+    muted: primitiveColors.gray[100],
+    focus: primitiveColors.blue[500],
+    error: primitiveColors.red[500]
+  },
+  disabled: {
+    background: primitiveColors.gray[100],
+    text: primitiveColors.gray[400],
+    border: primitiveColors.gray[200]
+  }
+};
+
+// src/tokens/spacing.ts
+var spacing = {
+  0: "0px",
+  1: "4px",
+  2: "8px",
+  3: "12px",
+  4: "16px",
+  5: "20px",
+  6: "24px",
+  8: "32px",
+  10: "40px",
+  12: "48px",
+  16: "64px",
+  24: "96px",
+  32: "128px"
+};
+
+// src/tokens/typography.ts
+var typography = {
+  fontFamily: {
+    base: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    heading: "'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif",
+    mono: "'JetBrains Mono', 'Fira Code', 'Courier New', monospace"
+  },
+  fontSize: {
+    xs: "0.75rem",
+    // 12px
+    sm: "0.875rem",
+    // 14px
+    md: "1rem",
+    // 16px
+    lg: "1.125rem",
+    // 18px
+    xl: "1.25rem",
+    // 20px
+    "2xl": "1.5rem",
+    // 24px
+    "3xl": "1.875rem",
+    // 30px
+    "4xl": "2.25rem"
+    // 36px
+  },
+  fontWeight: {
+    regular: "400",
+    medium: "500",
+    semibold: "600",
+    bold: "700"
+  },
+  lineHeight: {
+    tight: "1.25",
+    snug: "1.375",
+    normal: "1.5",
+    relaxed: "1.625",
+    loose: "2"
+  },
+  letterSpacing: {
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em"
+  }
+};
+
+// src/tokens/radii.ts
+var radii = {
+  none: "0px",
+  sm: "2px",
+  md: "4px",
+  lg: "8px",
+  xl: "12px",
+  "2xl": "16px",
+  full: "9999px"
+};
+
+// src/tokens/elevation.ts
+var elevation = {
+  none: "none",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)"
+};
+
+// src/tokens/zIndex.ts
+var zIndex = {
+  base: 0,
+  raised: 1,
+  dropdown: 1e3,
+  sticky: 1020,
+  overlay: 1040,
+  modal: 1050,
+  toast: 1060,
+  tooltip: 1070
+};
+
+// src/tokens/motion.ts
+var motion = {
+  duration: {
+    fast: "100ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "500ms"
+  },
+  easing: {
+    easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+    easeOut: "cubic-bezier(0, 0, 0.2, 1)",
+    easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+    linear: "linear",
+    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
+  }
+};
+
+// src/tokens/breakpoints.ts
+var breakpoints = {
+  xs: 0,
+  sm: 576,
+  md: 768,
+  lg: 992,
+  xl: 1200,
+  xxl: 1400
+};
+function mediaQuery(bp) {
+  return `@media (min-width: ${breakpoints[bp]}px)`;
+}
+export {
+  breakpoints,
+  elevation,
+  mediaQuery,
+  motion,
+  primitiveColors,
+  radii,
+  semanticColors,
+  spacing,
+  typography,
+  zIndex
+};
 //# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map

package/dist/tokens/index.mjs.map

@@ -1 +1,7 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}
+{
+  "version": 3,
+  "sources": ["../../src/tokens/colors.primitive.ts", "../../src/tokens/colors.semantic.ts", "../../src/tokens/spacing.ts", "../../src/tokens/typography.ts", "../../src/tokens/radii.ts", "../../src/tokens/elevation.ts", "../../src/tokens/zIndex.ts", "../../src/tokens/motion.ts", "../../src/tokens/breakpoints.ts"],
+  "sourcesContent": ["export const primitiveColors = {\n  blue: {\n    50: \"#EAF4FB\",\n    100: \"#C5E0F2\",\n    200: \"#9BCCE9\",\n    300: \"#6DB7DF\",\n    400: \"#42A2D5\",\n    500: \"#1B8ECB\",\n    600: \"#1170A8\",\n    700: \"#02548B\",\n    800: \"#013E6A\",\n    900: \"#012849\"\n  },\n  teal: {\n    50: \"#E9FAF6\",\n    100: \"#C0F1E6\",\n    200: \"#93E7D5\",\n    300: \"#62DAC2\",\n    400: \"#34CEAF\",\n    500: \"#16B597\",\n    600: \"#0E9278\",\n    700: \"#087059\",\n    800: \"#044E3D\",\n    900: \"#012E24\"\n  },\n  orange: {\n    50: \"#FFF0EB\",\n    100: \"#FFDDD4\",\n    200: \"#FFC0AE\",\n    300: \"#FF9F87\",\n    400: \"#FF7358\",\n    500: \"#FF3C00\",\n    600: \"#D83200\",\n    700: \"#B02700\",\n    800: \"#881D00\",\n    900: \"#601300\"\n  },\n  red: {\n    50: \"#FEF2F2\",\n    100: \"#FEE2E2\",\n    200: \"#FECACA\",\n    300: \"#FCA5A5\",\n    400: \"#F87171\",\n    500: \"#EF4444\",\n    600: \"#DC2626\",\n    700: \"#B91C1C\",\n    800: \"#991B1B\",\n    900: \"#7F1D1D\"\n  },\n  green: {\n    50: \"#ECFDF5\",\n    100: \"#D1FAE5\",\n    200: \"#A7F3D0\",\n    300: \"#6EE7B7\",\n    400: \"#34D399\",\n    500: \"#10B981\",\n    600: \"#059669\",\n    700: \"#047857\",\n    800: \"#065F46\",\n    900: \"#064E3B\"\n  },\n  yellow: {\n    50: \"#FFFBEB\",\n    100: \"#FEF3C7\",\n    200: \"#FDE68A\",\n    300: \"#FCD34D\",\n    400: \"#FBBF24\",\n    500: \"#F59E0B\",\n    600: \"#D97706\",\n    700: \"#B45309\",\n    800: \"#92400E\",\n    900: \"#78350F\"\n  },\n  gray: {\n    50: \"#F8F9FA\",\n    100: \"#E9ECEF\",\n    200: \"#DEE2E6\",\n    300: \"#CED4DA\",\n    400: \"#ADB5BD\",\n    500: \"#6C757D\",\n    600: \"#495057\",\n    700: \"#343A40\",\n    800: \"#212529\",\n    900: \"#111315\"\n  },\n  white: \"#FFFFFF\",\n  black: \"#000000\"\n} as const;\n\nexport type PrimitiveColors = typeof primitiveColors;\n", "import { primitiveColors } from \"./colors.primitive\";\n\nexport const semanticColors = {\n  primary: {\n    default: primitiveColors.blue[700],\n    hover: primitiveColors.blue[600],\n    active: primitiveColors.blue[800],\n    subtle: primitiveColors.blue[50],\n    muted: primitiveColors.blue[100],\n    on: primitiveColors.white\n  },\n  secondary: {\n    default: primitiveColors.teal[500],\n    hover: primitiveColors.teal[600],\n    active: primitiveColors.teal[700],\n    subtle: primitiveColors.teal[50],\n    muted: primitiveColors.teal[100],\n    on: primitiveColors.white\n  },\n  accent: {\n    default: primitiveColors.orange[500],\n    hover: primitiveColors.orange[600],\n    active: primitiveColors.orange[700],\n    subtle: primitiveColors.orange[50],\n    on: primitiveColors.white\n  },\n  success: {\n    default: primitiveColors.green[600],\n    hover: primitiveColors.green[700],\n    subtle: primitiveColors.green[50],\n    muted: primitiveColors.green[100],\n    on: primitiveColors.white\n  },\n  warning: {\n    default: primitiveColors.yellow[500],\n    hover: primitiveColors.yellow[600],\n    subtle: primitiveColors.yellow[50],\n    muted: primitiveColors.yellow[100],\n    on: primitiveColors.gray[900]\n  },\n  error: {\n    default: primitiveColors.red[600],\n    hover: primitiveColors.red[700],\n    subtle: primitiveColors.red[50],\n    muted: primitiveColors.red[100],\n    on: primitiveColors.white\n  },\n  info: {\n    default: primitiveColors.blue[500],\n    hover: primitiveColors.blue[600],\n    subtle: primitiveColors.blue[50],\n    muted: primitiveColors.blue[100],\n    on: primitiveColors.white\n  },\n  background: {\n    default: primitiveColors.white,\n    subtle: primitiveColors.gray[50],\n    muted: primitiveColors.gray[100],\n    overlay: \"rgba(0, 0, 0, 0.5)\"\n  },\n  surface: {\n    default: primitiveColors.white,\n    raised: primitiveColors.white,\n    overlay: primitiveColors.white\n  },\n  text: {\n    default: primitiveColors.gray[800],\n    muted: primitiveColors.gray[500],\n    subtle: primitiveColors.gray[400],\n    disabled: primitiveColors.gray[300],\n    inverse: primitiveColors.white,\n    link: primitiveColors.blue[700],\n    linkHover: primitiveColors.blue[600]\n  },\n  border: {\n    default: primitiveColors.gray[200],\n    strong: primitiveColors.gray[300],\n    muted: primitiveColors.gray[100],\n    focus: primitiveColors.blue[500],\n    error: primitiveColors.red[500]\n  },\n  disabled: {\n    background: primitiveColors.gray[100],\n    text: primitiveColors.gray[400],\n    border: primitiveColors.gray[200]\n  }\n} as const;\n\nexport type SemanticColors = typeof semanticColors;\n", "// 4px base unit\nexport const spacing = {\n  0: \"0px\",\n  1: \"4px\",\n  2: \"8px\",\n  3: \"12px\",\n  4: \"16px\",\n  5: \"20px\",\n  6: \"24px\",\n  8: \"32px\",\n  10: \"40px\",\n  12: \"48px\",\n  16: \"64px\",\n  24: \"96px\",\n  32: \"128px\"\n} as const;\n\nexport type SpacingKey = keyof typeof spacing;\nexport type SpacingValue = (typeof spacing)[SpacingKey];\n", "export const typography = {\n  fontFamily: {\n    base: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    heading: \"'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif\",\n    mono: \"'JetBrains Mono', 'Fira Code', 'Courier New', monospace\"\n  },\n  fontSize: {\n    xs: \"0.75rem\", // 12px\n    sm: \"0.875rem\", // 14px\n    md: \"1rem\", // 16px\n    lg: \"1.125rem\", // 18px\n    xl: \"1.25rem\", // 20px\n    \"2xl\": \"1.5rem\", // 24px\n    \"3xl\": \"1.875rem\", // 30px\n    \"4xl\": \"2.25rem\" // 36px\n  },\n  fontWeight: {\n    regular: \"400\",\n    medium: \"500\",\n    semibold: \"600\",\n    bold: \"700\"\n  },\n  lineHeight: {\n    tight: \"1.25\",\n    snug: \"1.375\",\n    normal: \"1.5\",\n    relaxed: \"1.625\",\n    loose: \"2\"\n  },\n  letterSpacing: {\n    tight: \"-0.025em\",\n    normal: \"0em\",\n    wide: \"0.025em\",\n    wider: \"0.05em\"\n  }\n} as const;\n\nexport type Typography = typeof typography;\n", "export const radii = {\n  none: \"0px\",\n  sm: \"2px\",\n  md: \"4px\",\n  lg: \"8px\",\n  xl: \"12px\",\n  \"2xl\": \"16px\",\n  full: \"9999px\"\n} as const;\n\nexport type RadiiKey = keyof typeof radii;\n", "export const elevation = {\n  none: \"none\",\n  sm: \"0 1px 2px 0 rgba(0, 0, 0, 0.05)\",\n  md: \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)\",\n  lg: \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n  xl: \"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)\",\n  \"2xl\": \"0 25px 50px -12px rgba(0, 0, 0, 0.25)\"\n} as const;\n\nexport type ElevationKey = keyof typeof elevation;\n", "export const zIndex = {\n  base: 0,\n  raised: 1,\n  dropdown: 1000,\n  sticky: 1020,\n  overlay: 1040,\n  modal: 1050,\n  toast: 1060,\n  tooltip: 1070\n} as const;\n\nexport type ZIndexKey = keyof typeof zIndex;\n", "export const motion = {\n  duration: {\n    fast: \"100ms\",\n    normal: \"200ms\",\n    slow: \"300ms\",\n    slower: \"500ms\"\n  },\n  easing: {\n    easeIn: \"cubic-bezier(0.4, 0, 1, 1)\",\n    easeOut: \"cubic-bezier(0, 0, 0.2, 1)\",\n    easeInOut: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    linear: \"linear\",\n    spring: \"cubic-bezier(0.34, 1.56, 0.64, 1)\"\n  }\n} as const;\n\nexport type Motion = typeof motion;\n", "// Matches Bootstrap grid for migration continuity\nexport const breakpoints = {\n  xs: 0,\n  sm: 576,\n  md: 768,\n  lg: 992,\n  xl: 1200,\n  xxl: 1400\n} as const;\n\nexport type BreakpointKey = keyof typeof breakpoints;\n\nexport function mediaQuery(bp: BreakpointKey): string {\n  return `@media (min-width: ${breakpoints[bp]}px)`;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rabelo-digital/ds-rd",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Rabelo Digital Design System",
   "keywords": [
     "design-system",
@@ -19,29 +19,31 @@
   "sideEffects": [
     "*.css"
   ],
-  "main": "./dist/index.cjs",
+  "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.js"
     },
     "./tokens": {
       "types": "./dist/tokens/index.d.ts",
       "import": "./dist/tokens/index.mjs",
-      "require": "./dist/tokens/index.cjs"
+      "require": "./dist/tokens/index.js"
     },
-    "./tokens.css": "./tokens.css"
+    "./tokens.css": "./tokens.css",
+    "./styles.css": "./dist/index.css"
   },
   "files": [
     "dist",
     "tokens.css"
   ],
   "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
+    "build": "node scripts/build-bundle.mjs && tsup --config tsup.dts.config.ts",
+    "build:bundle": "node scripts/build-bundle.mjs",
+    "build:types": "tsup --config tsup.dts.config.ts",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "test": "vitest run",
@@ -98,6 +100,9 @@
     "@vitejs/plugin-react": "^4.7.0",
     "@vitest/coverage-v8": "^2.0.5",
     "axe-playwright": "^2.0.1",
+    "commitizen": "4.3.2",
+    "cz-conventional-changelog": "3.3.0",
+    "esbuild-css-modules-plugin": "^3.1.5",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^10.1.8",
     "eslint-import-resolver-typescript": "^3.10.1",
@@ -112,14 +117,12 @@
     "lint-staged": "13.0.3",
     "prettier": "^3.8.4",
     "size-limit": "^11.1.4",
+    "standard-version": "^9.5.0",
     "storybook": "^8.2.9",
     "tsup": "^8.2.4",
     "typescript": "^5.5.4",
     "vite": "^5.3.5",
-    "vitest": "^2.0.5",
-    "standard-version": "^9.5.0",
-    "commitizen": "4.3.2",
-    "cz-conventional-changelog": "3.3.0"
+    "vitest": "^2.0.5"
   },
   "dependencies": {
     "@radix-ui/react-accordion": "^1.2.0",