@wpmoo/ui 1.0.0-rc.2 → 1.0.0-rc.4

package/scss/utilities/_scroll_fade_primitives.scss

@@ -0,0 +1,43 @@
+@property --moo-scroll-fade-t {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --moo-scroll-fade-b {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --moo-scroll-fade-s {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@property --moo-scroll-fade-e {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0;
+}
+
+@keyframes moo-scroll-fade-reveal-t {
+  from { --moo-scroll-fade-t: 0; }
+  to { --moo-scroll-fade-t: var(--moo-scroll-fade-t-size); }
+}
+
+@keyframes moo-scroll-fade-reveal-b {
+  from { --moo-scroll-fade-b: var(--moo-scroll-fade-b-size); }
+  to { --moo-scroll-fade-b: 0; }
+}
+
+@keyframes moo-scroll-fade-reveal-s {
+  from { --moo-scroll-fade-s: 0; }
+  to { --moo-scroll-fade-s: var(--moo-scroll-fade-s-size); }
+}
+
+@keyframes moo-scroll-fade-reveal-e {
+  from { --moo-scroll-fade-e: var(--moo-scroll-fade-e-size); }
+  to { --moo-scroll-fade-e: 0; }
+}

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: #047857
-//     $info           Default: #0369a1
-//     $warning        Default: #b45309
-//     $danger         Default: #e7000b
-//     $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: #047857 !default;
-$info: #0369a1 !default;
-$warning: #b45309 !default;
-$danger: #e7000b !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;