breakouts 0.7.3 → 0.7.4

package/README.md

@@ -20,12 +20,34 @@ bun add breakouts
 @use 'breakouts' as *;
 ```
 
+This imports the full bundle: color tokens, reset, base typography, layout, and utilities.
+
+For smaller Sass builds, import only the layer you need:
+
+```scss
+@use 'breakouts/src/core';
+@use 'breakouts/src/utilities';
+```
+
 ### CSS
 
 ```html
 <link rel="stylesheet" href="/node_modules/breakouts/dist/breakouts.css" />
 ```
 
+The distributed CSS file is the full bundle.
+
+## Sass Layers
+
+| Import | Includes |
+| --- | --- |
+| `@use 'breakouts'` | Full bundle |
+| `@use 'breakouts/src/core'` | Color tokens and layout primitives |
+| `@use 'breakouts/src/base'` | Core, reset, and base typography |
+| `@use 'breakouts/src/reset'` | Reset only |
+| `@use 'breakouts/src/utilities'` | Color, spacing, position, and typography utilities |
+| `@use 'breakouts/src/base/layout'` | Layout module only |
+
 ## Core Layout API
 
 The main abstraction is the `.breakouts` container. Every direct child defaults to the centered content column, and modifier classes let individual elements break outward.
@@ -156,6 +178,7 @@ Override variables on first load with `@use ... with (...)`:
 Or import only the modules you need:
 
 ```scss
+@use 'breakouts/src/core';
 @use 'breakouts/src/base/layout';
 @use 'breakouts/src/base/spacing';
 ```

package/dist/breakouts.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/base/_colors.scss","../src/base/_reset.scss","../src/base/_spacing.scss","../src/base/_positions.scss","../src/base/_typography.scss","../src/base/_layout.scss"],"names":[],"mappings":"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","file":"breakouts.css"}
+{"version":3,"sourceRoot":"","sources":["../src/base/_color-tokens.scss","../src/base/_color-utilities.scss","../src/base/_reset.scss","../src/base/_spacing.scss","../src/base/_positions.scss","../src/base/_typography-base.scss","../src/base/_typography-utilities.scss","../src/base/_layout.scss"],"names":[],"mappings":"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","file":"breakouts.css"}

package/dist/breakouts.min.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/base/_colors.scss","../src/base/_reset.scss","../src/base/_spacing.scss","../src/base/_positions.scss","../src/base/_typography.scss","../src/base/_layout.scss"],"names":[],"mappings":"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","file":"breakouts.min.css"}
+{"version":3,"sourceRoot":"","sources":["../src/base/_color-tokens.scss","../src/base/_color-utilities.scss","../src/base/_reset.scss","../src/base/_spacing.scss","../src/base/_positions.scss","../src/base/_typography-base.scss","../src/base/_typography-utilities.scss","../src/base/_layout.scss"],"names":[],"mappings":"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","file":"breakouts.min.css"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "breakouts",
-    "version": "0.7.3",
+    "version": "0.7.4",
     "description": "A focused SCSS/CSS breakout layout toolkit inspired by the Mulligan named-grid pattern.",
     "main": "dist/breakouts.css",
     "files": [

package/src/_index.scss

@@ -1,6 +1,5 @@
-// This file is the main entry point for the SCSS files.
-// It imports all the necessary files and modules for the project.
-// It is recommended to use @use instead of @import for better performance and maintainability.
+// Full bundle entry point. Use src/core, src/base, src/reset, or
+// src/utilities when you need a smaller Sass surface.
 
 // Theme and configurable variables
 @forward 'base/variables';

package/src/base/_color-tokens.scss

@@ -0,0 +1,75 @@
+// Color custom properties and color-mode selectors.
+
+@use 'variables' as *;
+
+:root {
+    --color-background: #{$color-background};
+    --color-surface: #{$color-surface};
+    --color-text: #{$color-text};
+    --color-muted: #{$color-muted};
+    --color-primary: #{$color-primary};
+    --color-secondary: #{$color-secondary};
+    --color-accent: #{$color-accent};
+    --color-success: #{$color-success};
+    --color-error: #{$color-error};
+    --color-warning: #{$color-warning};
+
+    --color-neutral-100: #{$color-neutral-100};
+    --color-neutral-200: #{$color-neutral-200};
+    --color-neutral-300: #{$color-neutral-300};
+    --color-neutral-400: #{$color-neutral-400};
+    --color-neutral-500: #{$color-neutral-500};
+    --color-neutral-600: #{$color-neutral-600};
+    --color-neutral-700: #{$color-neutral-700};
+    --color-neutral-800: #{$color-neutral-800};
+    --color-neutral-900: #{$color-neutral-900};
+    color-scheme: light;
+}
+
+html.dark,
+:root.dark,
+.dark {
+    --color-background: #{$color-background-dark};
+    --color-surface: #{$color-surface-dark};
+    --color-text: #{$color-text-dark};
+    --color-muted: #{$color-muted-dark};
+    --color-primary: #{$color-primary-dark};
+    --color-secondary: #{$color-secondary-dark};
+    --color-accent: #{$color-accent-dark};
+    --color-success: #{$color-success-dark};
+    --color-error: #{$color-error-dark};
+    --color-warning: #{$color-warning-dark};
+    color-scheme: dark;
+}
+
+html.light,
+:root.light,
+.light {
+    --color-background: #{$color-background-light};
+    --color-surface: #{$color-surface-light};
+    --color-text: #{$color-text-light};
+    --color-muted: #{$color-muted-light};
+    --color-primary: #{$color-primary-light};
+    --color-secondary: #{$color-secondary-light};
+    --color-accent: #{$color-accent-light};
+    --color-success: #{$color-success-light};
+    --color-error: #{$color-error-light};
+    --color-warning: #{$color-warning-light};
+    color-scheme: light;
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not(.light):not(.dark) {
+        --color-background: #{$color-background-dark};
+        --color-surface: #{$color-surface-dark};
+        --color-text: #{$color-text-dark};
+        --color-muted: #{$color-muted-dark};
+        --color-primary: #{$color-primary-dark};
+        --color-secondary: #{$color-secondary-dark};
+        --color-accent: #{$color-accent-dark};
+        --color-success: #{$color-success-dark};
+        --color-error: #{$color-error-dark};
+        --color-warning: #{$color-warning-dark};
+        color-scheme: dark;
+    }
+}

package/src/base/_color-utilities.scss

@@ -0,0 +1,113 @@
+// Utility classes for background and text colors.
+
+.bg-background {
+    background-color: var(--color-background);
+}
+
+.bg-surface {
+    background-color: var(--color-surface);
+}
+
+.bg-primary {
+    background-color: var(--color-primary);
+}
+
+.bg-secondary {
+    background-color: var(--color-secondary);
+}
+
+.bg-accent {
+    background-color: var(--color-accent);
+}
+
+.bg-muted {
+    background-color: var(--color-muted);
+}
+
+.bg-success {
+    background-color: var(--color-success);
+}
+
+.bg-error {
+    background-color: var(--color-error);
+}
+
+.bg-warning {
+    background-color: var(--color-warning);
+}
+
+.text-background {
+    color: var(--color-background);
+}
+
+.text-color {
+    color: var(--color-text);
+}
+
+.text-primary {
+    color: var(--color-primary);
+}
+
+.text-accent {
+    color: var(--color-accent);
+}
+
+.text-secondary {
+    color: var(--color-secondary);
+}
+
+.text-surface {
+    color: var(--color-surface);
+}
+
+.text-muted {
+    color: var(--color-muted);
+}
+
+.text-success {
+    color: var(--color-success);
+}
+
+.text-error {
+    color: var(--color-error);
+}
+
+.text-warning {
+    color: var(--color-warning);
+}
+
+.text-neutral-100 {
+    color: var(--color-neutral-100);
+}
+
+.text-neutral-200 {
+    color: var(--color-neutral-200);
+}
+
+.text-neutral-300 {
+    color: var(--color-neutral-300);
+}
+
+.text-neutral-400 {
+    color: var(--color-neutral-400);
+}
+
+.text-neutral-500 {
+    color: var(--color-neutral-500);
+}
+
+.text-neutral-600 {
+    color: var(--color-neutral-600);
+}
+
+.text-neutral-700 {
+    color: var(--color-neutral-700);
+}
+
+.text-neutral-800 {
+    color: var(--color-neutral-800);
+}
+
+.text-neutral-900 {
+    color: var(--color-neutral-900);
+}

package/src/base/_colors.scss

@@ -1,189 +1,4 @@
-// This file contains the color variables and utility classes for the project.
+// Compatibility module: color tokens plus color utilities.
 
-@use 'variables'as *;
-
-:root {
-    --color-background: #{$color-background};
-    --color-surface: #{$color-surface};
-    --color-text: #{$color-text};
-    --color-muted: #{$color-muted};
-    --color-primary: #{$color-primary};
-    --color-secondary: #{$color-secondary};
-    --color-accent: #{$color-accent};
-    --color-success: #{$color-success};
-    --color-error: #{$color-error};
-    --color-warning: #{$color-warning};
-
-    --color-neutral-100: #{$color-neutral-100};
-    --color-neutral-200: #{$color-neutral-200};
-    --color-neutral-300: #{$color-neutral-300};
-    --color-neutral-400: #{$color-neutral-400};
-    --color-neutral-500: #{$color-neutral-500};
-    --color-neutral-600: #{$color-neutral-600};
-    --color-neutral-700: #{$color-neutral-700};
-    --color-neutral-800: #{$color-neutral-800};
-    --color-neutral-900: #{$color-neutral-900};
-    color-scheme: light;
-}
-
-html.dark,
-:root.dark,
-.dark {
-    --color-background: #{$color-background-dark};
-    --color-surface: #{$color-surface-dark};
-    --color-text: #{$color-text-dark};
-    --color-muted: #{$color-muted-dark};
-    --color-primary: #{$color-primary-dark};
-    --color-secondary: #{$color-secondary-dark};
-    --color-accent: #{$color-accent-dark};
-    --color-success: #{$color-success-dark};
-    --color-error: #{$color-error-dark};
-    --color-warning: #{$color-warning-dark};
-    color-scheme: dark;
-}
-
-html.light,
-:root.light,
-.light {
-    --color-background: #{$color-background-light};
-    --color-surface: #{$color-surface-light};
-    --color-text: #{$color-text-light};
-    --color-muted: #{$color-muted-light};
-    --color-primary: #{$color-primary-light};
-    --color-secondary: #{$color-secondary-light};
-    --color-accent: #{$color-accent-light};
-    --color-success: #{$color-success-light};
-    --color-error: #{$color-error-light};
-    --color-warning: #{$color-warning-light};
-    color-scheme: light;
-}
-
-@media (prefers-color-scheme: dark) {
-    :root:not(.light):not(.dark) {
-        --color-background: #{$color-background-dark};
-        --color-surface: #{$color-surface-dark};
-        --color-text: #{$color-text-dark};
-        --color-muted: #{$color-muted-dark};
-        --color-primary: #{$color-primary-dark};
-        --color-secondary: #{$color-secondary-dark};
-        --color-accent: #{$color-accent-dark};
-        --color-success: #{$color-success-dark};
-        --color-error: #{$color-error-dark};
-        --color-warning: #{$color-warning-dark};
-        color-scheme: dark;
-    }
-}
-
-// Utility classes for background and text colors
-
-.bg-background {
-    background-color: var(--color-background);
-}
-
-.bg-surface {
-    background-color: var(--color-surface);
-}
-
-.bg-primary {
-    background-color: var(--color-primary);
-}
-
-.bg-secondary {
-    background-color: var(--color-secondary);
-}
-
-.bg-accent {
-    background-color: var(--color-accent);
-}
-
-.bg-muted {
-    background-color: var(--color-muted);
-}
-
-.bg-success {
-    background-color: var(--color-success);
-}
-
-.bg-error {
-    background-color: var(--color-error);
-}
-
-.bg-warning {
-    background-color: var(--color-warning);
-}
-
-.text-background {
-    color: var(--color-background);
-}
-
-.text-color {
-    color: var(--color-text);
-}
-
-.text-primary {
-    color: var(--color-primary);
-}
-
-.text-accent {
-    color: var(--color-accent);
-}
-
-.text-secondary {
-    color: var(--color-secondary);
-}
-
-.text-surface {
-    color: var(--color-surface);
-}
-
-.text-muted {
-    color: var(--color-muted);
-}
-
-.text-success {
-    color: var(--color-success);
-}
-
-.text-error {
-    color: var(--color-error);
-}
-
-.text-warning {
-    color: var(--color-warning);
-}
-
-.text-neutral-100 {
-    color: var(--color-neutral-100);
-}
-
-.text-neutral-200 {
-    color: var(--color-neutral-200);
-}
-
-.text-neutral-300 {
-    color: var(--color-neutral-300);
-}
-
-.text-neutral-400 {
-    color: var(--color-neutral-400);
-}
-
-.text-neutral-500 {
-    color: var(--color-neutral-500);
-}
-
-.text-neutral-600 {
-    color: var(--color-neutral-600);
-}
-
-.text-neutral-700 {
-    color: var(--color-neutral-700);
-}
-
-.text-neutral-800 {
-    color: var(--color-neutral-800);
-}
-
-.text-neutral-900 {
-    color: var(--color-neutral-900);
-}
+@forward 'color-tokens';
+@forward 'color-utilities';

package/src/base/_typography-base.scss

@@ -0,0 +1,46 @@
+// Base typography styles.
+
+$font-family-base: system-ui,
+sans-serif !default;
+$font-size-base: 1rem !default;
+$line-height-base: 1.6 !default;
+
+$headings: (h1: 2.25rem,
+    h2: 1.75rem,
+    h3: 1.5rem,
+    h4: 1.25rem,
+    h5: 1.125rem,
+    h6: 1rem) !default;
+
+body {
+    font-family: $font-family-base;
+    font-size: $font-size-base;
+    line-height: $line-height-base;
+    color: var(--color-text);
+    background-color: var(--color-background);
+    margin: 0;
+}
+
+@each $heading,
+$size in $headings {
+    #{$heading} {
+        font-size: $size;
+        line-height: 1.2;
+        margin: 2rem 0 1rem;
+        font-weight: 600;
+        color: var(--color-text);
+    }
+}
+
+p {
+    margin: 1rem 0;
+}
+
+a {
+    color: var(--color-primary);
+    text-decoration: underline;
+
+    &:hover {
+        color: var(--color-secondary);
+    }
+}

package/src/base/_typography-utilities.scss

@@ -0,0 +1,57 @@
+// Typography utility classes.
+
+.text-left {
+    text-align: left;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-justify {
+    text-align: justify;
+}
+
+.text-uppercase {
+    text-transform: uppercase;
+}
+
+.text-lowercase {
+    text-transform: lowercase;
+}
+
+.text-capitalize {
+    text-transform: capitalize;
+}
+
+.font-bold {
+    font-weight: bold;
+}
+
+.font-normal {
+    font-weight: normal;
+}
+
+.italic {
+    font-style: italic;
+}
+
+.not-italic {
+    font-style: normal;
+}
+
+.leading-tight {
+    line-height: 1.25;
+}
+
+.leading-normal {
+    line-height: 1.5;
+}
+
+.leading-loose {
+    line-height: 2;
+}

package/src/base/_typography.scss

@@ -1,110 +1,4 @@
-// This file contains the typography variables and utility classes for the project.
+// Compatibility module: base typography plus typography utilities.
 
-
-// Default font settings
-$font-family-base: system-ui,
-sans-serif !default;
-$font-size-base: 1rem !default;
-$line-height-base: 1.6 !default;
-
-// Heading scale
-$headings: (h1: 2.25rem,
-    h2: 1.75rem,
-    h3: 1.5rem,
-    h4: 1.25rem,
-    h5: 1.125rem,
-    h6: 1rem) !default;
-
-body {
-    font-family: $font-family-base;
-    font-size: $font-size-base;
-    line-height: $line-height-base;
-    color: var(--color-text);
-    background-color: var(--color-background);
-    margin: 0;
-}
-
-// Headings
-@each $heading,
-$size in $headings {
-    #{$heading} {
-        font-size: $size;
-        line-height: 1.2;
-        margin: 2rem 0 1rem;
-        font-weight: 600;
-        color: var(--color-text);
-    }
-}
-
-p {
-    margin: 1rem 0;
-}
-
-a {
-    color: var(--color-primary);
-    text-decoration: underline;
-
-    &:hover {
-        color: var(--color-secondary);
-    }
-}
-
-// Text alignment utilities
-.text-left {
-    text-align: left;
-}
-
-.text-center {
-    text-align: center;
-}
-
-.text-right {
-    text-align: right;
-}
-
-.text-justify {
-    text-align: justify;
-}
-
-// Text transformation utilities
-.text-uppercase {
-    text-transform: uppercase;
-}
-
-.text-lowercase {
-    text-transform: lowercase;
-}
-
-.text-capitalize {
-    text-transform: capitalize;
-}
-
-// Font style and weight
-.font-bold {
-    font-weight: bold;
-}
-
-.font-normal {
-    font-weight: normal;
-}
-
-.italic {
-    font-style: italic;
-}
-
-.not-italic {
-    font-style: normal;
-}
-
-// Line height utilities
-.leading-tight {
-    line-height: 1.25;
-}
-
-.leading-normal {
-    line-height: 1.5;
-}
-
-.leading-loose {
-    line-height: 2;
-}
+@forward 'typography-base';
+@forward 'typography-utilities';

package/src/base.scss

@@ -0,0 +1,5 @@
+// Optional base element styles, without utility classes.
+
+@forward 'core';
+@forward 'base/reset';
+@forward 'base/typography-base';

package/src/core.scss

@@ -0,0 +1,5 @@
+// Core Breakouts API: color tokens and layout primitives only.
+
+@forward 'base/variables';
+@forward 'base/color-tokens';
+@forward 'base/layout';

package/src/reset.scss

@@ -0,0 +1,3 @@
+// Optional reset layer.
+
+@forward 'base/reset';

package/src/utilities.scss

@@ -0,0 +1,6 @@
+// Optional utility layer.
+
+@forward 'base/color-utilities';
+@forward 'base/spacing';
+@forward 'base/positions';
+@forward 'base/typography-utilities';