@webority/theme 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +5 -0
- package/README.md +33 -0
- package/dist/webority-theme.css +5 -0
- package/package.json +36 -0
- package/scss/_components.scss +720 -0
- package/scss/_tokens.scss +159 -0
- package/scss/_variables.scss +199 -0
- package/scss/_wui-aliases.scss +128 -0
- package/scss/_wui-components.scss +3296 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
Copyright (c) Webority Technologies. All rights reserved.
|
|
2
|
+
|
|
3
|
+
This software and its source code are proprietary and confidential to
|
|
4
|
+
Webority Technologies. Use is restricted to Webority products and teams under
|
|
5
|
+
internal license. Redistribution outside Webority Technologies is prohibited.
|
package/README.md
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
# @webority/theme
|
|
2
|
+
|
|
3
|
+
The single source of Webority brand chrome — Bootstrap 5.3 SCSS overrides, `--wui-*` design tokens, and shared component CSS. Consumed identically by React portals (`@webority/ui-react`) and Razor sites (`Webority.Ui.Razor`).
|
|
4
|
+
|
|
5
|
+
## Consume (brand-exact — the primary path)
|
|
6
|
+
|
|
7
|
+
Compile the partials with your product's brand values, in the load-bearing order:
|
|
8
|
+
|
|
9
|
+
```scss
|
|
10
|
+
// your-brand/_variables.scss provides $primary, fonts, etc. BEFORE bootstrap.
|
|
11
|
+
@import "your-brand/variables";
|
|
12
|
+
@import "@webority/theme/scss/variables"; // library defaults (yours win where set)
|
|
13
|
+
@import "bootstrap/scss/bootstrap";
|
|
14
|
+
@import "@webority/theme/scss/tokens"; // --wui-* tokens
|
|
15
|
+
@import "@webority/theme/scss/components"; // shared components
|
|
16
|
+
// map your product's legacy --<brand>-* names onto --wui-* here (alias layer)
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
Both Razor (`sass`/`CompileScss`) and React (Vite) already compile SCSS, so this path gives full Bootstrap utility-class fidelity.
|
|
20
|
+
|
|
21
|
+
## Consume (zero-toolchain — the convenience path)
|
|
22
|
+
|
|
23
|
+
`dist/webority-theme.css` is the precompiled default-brand build (also shipped inside the `Webority.Ui.Razor` RCL as a static asset). Good for ~80% of theming via runtime `--wui-*` / `--bs-*` overrides; not pixel-exact on every Bootstrap utility. Prefer the brand-exact path for marketing surfaces.
|
|
24
|
+
|
|
25
|
+
## Files
|
|
26
|
+
|
|
27
|
+
| Partial | Loaded | Holds |
|
|
28
|
+
|---|---|---|
|
|
29
|
+
| `scss/_variables.scss` | BEFORE bootstrap | Bootstrap `$` overrides (brand palette, fonts, radius, spacing) |
|
|
30
|
+
| `scss/_tokens.scss` | AFTER bootstrap | `--wui-*` CSS custom properties (ramps, surfaces, gradients, easings) |
|
|
31
|
+
| `scss/_components.scss` | AFTER bootstrap + tokens | Shared component CSS that must render identically on both surfaces |
|
|
32
|
+
|
|
33
|
+
> Seeded from lumex's theme (the most-evolved master), with tokens neutralized to `--wui-*`. Each consuming product maps its own legacy token names (e.g. lumex's `--lumex-*` / `--color-*`) onto `--wui-*` via a small alias layer — brand values are never re-declared here.
|