@wpmoo/ui 1.0.0-rc.1 → 1.0.0-rc.3

package/scss/_config.scss

@@ -0,0 +1,24 @@
+// Moo UI public Sass config
+//
+// Import this before Bootstrap variables so overrides take precedence.
+//
+// Only the variables below are public. Derived $moo-* tokens and component
+// knobs are internal and may change without notice.
+
+$primary: #171717 !default; // Brand color
+$secondary: #f4f4f5 !default; // Secondary surface color
+$success: #047857 !default; // Success color
+$info: #0369a1 !default; // Informational color
+$warning: #b45309 !default; // Warning color
+$danger: #e7000b !default; // Destructive color
+$light: #fafafa !default; // Light surface color
+$dark: #18181b !default; // Dark surface color
+
+$body-color: #18181b !default; // Document text color
+$body-bg: #fff !default; // Document background color
+$font-size-base: 0.875rem !default; // Bootstrap-compatible base font size
+
+$border-color: #e4e4e7 !default; // Default border color
+$border-radius: 0.5rem !default; // Default radius
+$border-radius-sm: 0.375rem !default; // Small radius
+$border-radius-lg: 0.625rem !default; // Large radius

package/scss/_facade-settings.scss

@@ -1,51 +0,0 @@
-// Moo UI — Public Sass Facade: Settings
-//
-// This is the consumer-facing subset of Moo UI's Sass variables.
-// Import this file BEFORE Bootstrap's _variables.scss so your overrides
-// take precedence over Bootstrap's own !default values.
-//
-// Usage (relative-path, Bootstrap Option B pattern):
-//   @import "../node_modules/bootstrap/scss/functions";
-//   @import "../node_modules/@wpmoo/ui/scss/facade-settings";
-//   $primary: #your-brand-color;
-//   @import "../node_modules/bootstrap/scss/variables";
-//   ...
-//
-// Usage (include_paths-based, bundler-configured):
-//   @import "bootstrap/scss/functions";
-//   @import "@wpmoo/ui/scss/facade-settings";
-//   $primary: #your-brand-color;
-//   @import "bootstrap/scss/variables";
-//   ...
-//
-// Public variable allow-list (0.9.0):
-//
-//   Brand colors — any valid Sass color value:
-//     $primary        Default: #171717
-//     $secondary      Default: #f4f4f5
-//     $success        Default: #16803c
-//     $info           Default: #0f6e8c
-//     $warning        Default: #a15c00
-//     $danger         Default: #dc2626
-//     $light          Default: #fafafa
-//     $dark           Default: #18181b
-//
-//   Body — any valid Sass color value:
-//     $body-color     Default: #18181b
-//     $body-bg        Default: #fff
-//
-//   Borders — any valid Sass color (border-color) or CSS <length> (radius):
-//     $border-color   Default: #e4e4e7
-//     $border-radius  Default: 0.5rem
-//     $border-radius-sm  Default: 0.375rem
-//     $border-radius-lg  Default: 0.625rem
-//
-//   Typography — rem/em/unitless ratio (same constraint as Bootstrap's
-//   $font-size-base; see vendor/bootstrap/scss/_variables.scss):
-//     $font-size-base Default: 0.875rem
-//
-// Derived tokens ($moo-*) are computed from the above and are not part of
-// the public facade. Component-level knobs ($moo-*-dark, $moo-sidebar,
-// etc.) are internal and may change without notice.
-
-@import "settings/facade_public";

package/scss/settings/_facade_public.scss

@@ -1,23 +0,0 @@
-// Public Sass facade allow-list — the only variables a facade consumer can
-// override. This file is the source of truth for the public Sass surface.
-// _palette.scss imports this first, then declares its own internal additions.
-// Do NOT add variables here without updating the freeze document
-// (src/certification/api-freeze-0.9.0.json) and getting explicit approval.
-
-$primary: #171717 !default;
-$secondary: #f4f4f5 !default;
-$success: #16803c !default;
-$info: #0f6e8c !default;
-$warning: #a15c00 !default;
-$danger: #dc2626 !default;
-$light: #fafafa !default;
-$dark: #18181b !default;
-
-$body-color: #18181b !default;
-$body-bg: #fff !default;
-$font-size-base: 0.875rem !default;
-
-$border-color: #e4e4e7 !default;
-$border-radius: 0.5rem !default;
-$border-radius-sm: 0.375rem !default;
-$border-radius-lg: 0.625rem !default;