@ttoss/theme 1.7.23 → 1.8.0

package/dist/esm/chunk-ICKGF6JN.js

@@ -0,0 +1,31 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = {
+    exports: {}
+  }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+export { __commonJS, __toESM };

package/dist/esm/index.js

@@ -1,9 +1,217 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { BruttalTheme } from "./chunk-ZELVNPEV.js";
+import "./chunk-ICKGF6JN.js";
+
+// src/defaultTokens/borderRadius.ts
+var radii = Object.freeze({
+  none: "0",
+  "2xs": "0.0625rem",
+  xs: "0.125rem",
+  sm: "0.25rem",
+  md: "0.375rem",
+  lg: "0.5rem",
+  xl: "0.75rem",
+  "2xl": "1rem",
+  "3xl": "1.5rem",
+  "4xl": "2rem",
+  full: "9999px"
+});
+
+// src/defaultTokens/breakpoints.ts
+var breakpoints = Object.freeze({
+  sm: "640px",
+  // 40em
+  md: "768px",
+  // 48em
+  lg: "1024px",
+  // 64em
+  xl: "1280px",
+  // 80em
+  "2xl": "1536px"
+  // 96em
+});
+
+// src/defaultTokens/sizes.ts
+var sizes = Object.freeze({
+  max: "max-content",
+  min: "min-content",
+  full: "100%",
+  "3xs": "14rem",
+  "2xs": "16rem",
+  xs: "20rem",
+  sm: "24rem",
+  md: "28rem",
+  lg: "32rem",
+  xl: "36rem",
+  "2xl": "42rem",
+  "3xl": "48rem",
+  "4xl": "56rem",
+  "5xl": "64rem",
+  "6xl": "72rem",
+  "7xl": "80rem",
+  "8xl": "90rem",
+  container: {
+    sm: "640px",
+    md: "768px",
+    lg: "1024px",
+    xl: "1280px"
+  }
+});
+
+// src/defaultTokens/spacing.ts
+var spacing = Object.freeze({
+  px: "1px",
+  // 1px
+  0.5: "0.125rem",
+  // 2px
+  1: "0.25rem",
+  // 4px
+  1.5: "0.375rem",
+  // 6px
+  2: "0.5rem",
+  // 8px
+  2.5: "0.625rem",
+  // 10px
+  3: "0.75rem",
+  // 12px
+  3.5: "0.875rem",
+  // 14px
+  4: "1rem",
+  // 16px
+  5: "1.25rem",
+  // 20px
+  6: "1.5rem",
+  // 24px
+  7: "1.75rem",
+  // 28px
+  8: "2rem",
+  // 32px
+  9: "2.25rem",
+  // 36px
+  10: "2.5rem",
+  // 40px
+  12: "3rem",
+  // 48px
+  14: "3.5rem",
+  // 56px
+  16: "4rem",
+  // 64px
+  20: "5rem",
+  // 80px
+  24: "6rem",
+  // 96px
+  28: "7rem",
+  32: "8rem",
+  36: "9rem",
+  40: "10rem",
+  44: "11rem",
+  48: "12rem",
+  52: "13rem",
+  56: "14rem",
+  60: "15rem",
+  64: "16rem",
+  72: "18rem",
+  80: "20rem",
+  96: "24rem"
+});
+
+// src/defaultTokens/typography.ts
+var fontSizes = Object.freeze({
+  "4xs": "0.375rem",
+  // 6px
+  "3xs": "0.5rem",
+  // 8px
+  "2xs": "0.625rem",
+  // 10px
+  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
+  "5xl": "3rem",
+  // 48px
+  "6xl": "3.75rem",
+  // 60px
+  "7xl": "4.5rem",
+  // 72px
+  "8xl": "6rem",
+  // 96px
+  "9xl": "8rem"
+  // 128px
+});
+var fontWeights = Object.freeze({
+  hairline: 100,
+  thin: 200,
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700,
+  extrabold: 800,
+  black: 900
+});
+var lineHeights = Object.freeze({
+  normal: "normal",
+  none: 1,
+  shorter: 1.25,
+  short: 1.375,
+  moderate: 1.5,
+  tall: 1.625,
+  taller: "2"
+});
+var letterSpacings = Object.freeze({
+  tighter: "-0.05em",
+  tight: "-0.025em",
+  normal: "0",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+});
+
+// src/defaultTokens/zIndex.ts
+var zIndices = Object.freeze({
+  hide: -1,
+  auto: "auto",
+  base: 0,
+  docked: 10,
+  dropdown: 1e3,
+  sticky: 1100,
+  banner: 1200,
+  overlay: 1300,
+  modal: 1400,
+  popover: 1500,
+  skipNav: 1600,
+  toast: 1700,
+  tooltip: 1800,
+  max: 2147483647
+});
+
+// src/themes/default/defaultTheme.ts
+var defaultTheme = {
+  breakpoints: Object.values(breakpoints),
+  fontSizes,
+  fontWeights,
+  letterSpacings,
+  lineHeights,
+  radii,
+  sizes,
+  space: spacing,
+  zIndices
+};
 
 // src/createTheme.ts
 import deepmerge from "deepmerge";
-var createTheme = theme => {
-  return deepmerge(BruttalTheme, theme);
+var createTheme = (theme, base = defaultTheme) => {
+  return deepmerge(base, theme);
 };
 export { createTheme };