@amulet-laboratories/hex 0.5.2 → 0.7.0
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/README.md +77 -48
- package/dist/beacon.css +1 -1
- package/dist/brass.css +2 -2
- package/dist/cardinal.css +2 -2
- package/dist/citron.css +2 -2
- package/dist/clover.css +2 -2
- package/dist/cobalt.css +2 -2
- package/dist/copper.css +2 -2
- package/dist/cypress.css +2 -2
- package/dist/damson.css +2 -2
- package/dist/fern.css +2 -2
- package/dist/forge.css +2 -2
- package/dist/garden.css +2 -2
- package/dist/greyline.css +2 -2
- package/dist/harbor.css +2 -2
- package/dist/hearth.css +2 -2
- package/dist/hex.css +2 -2
- package/dist/iris.css +2 -2
- package/dist/juniper.css +2 -2
- package/dist/lagoon.css +2 -2
- package/dist/ochre.css +2 -2
- package/dist/orchid.css +2 -2
- package/dist/quartz.css +2 -2
- package/dist/roast.css +2 -2
- package/dist/scoped.css +1 -1
- package/dist/sienna.css +2 -2
- package/dist/slate.css +2 -2
- package/dist/spacewizard.css +2 -2
- package/dist/vesper.css +2 -2
- package/dist/voltaic.css +1 -1
- package/package.json +18 -1
- package/src/scoped/themes/cardinal.css +12 -12
- package/src/scoped/themes/clover.css +3 -3
- package/src/scoped/themes/cypress.css +12 -12
- package/src/scoped/themes/hearth.css +2 -2
- package/src/scoped/themes/iris.css +12 -12
- package/src/scoped/themes/lagoon.css +3 -3
- package/src/scoped/themes/ochre.css +6 -6
- package/src/scoped/themes/sienna.css +6 -6
- package/src/scoped/themes/vesper.css +3 -3
- package/src/shared/components/content.css +46 -0
- package/src/shared/components/core.css +50 -5
- package/src/shared/components/data.css +1 -1
- package/src/shared/components/web.css +5 -1
- package/src/themes/cardinal/base.css +1 -1
- package/src/themes/cardinal/components.css +1 -1
- package/src/themes/cardinal/domains.css +1 -1
- package/src/themes/cardinal/tokens.css +9 -9
- package/src/themes/clover/base.css +1 -1
- package/src/themes/clover/components.css +1 -1
- package/src/themes/clover/domains.css +1 -1
- package/src/themes/clover/tokens.css +2 -2
- package/src/themes/copper/base.css +1 -1
- package/src/themes/copper/components.css +1 -1
- package/src/themes/copper/domains.css +1 -1
- package/src/themes/copper/tokens.css +2 -2
- package/src/themes/cypress/base.css +1 -1
- package/src/themes/cypress/components.css +1 -1
- package/src/themes/cypress/domains.css +2 -2
- package/src/themes/cypress/tokens.css +3 -3
- package/src/themes/damson/base.css +1 -1
- package/src/themes/damson/components.css +1 -1
- package/src/themes/damson/domains.css +1 -1
- package/src/themes/damson/tokens.css +2 -2
- package/src/themes/hearth/base.css +1 -1
- package/src/themes/hearth/tokens.css +1 -1
- package/src/themes/iris/base.css +1 -1
- package/src/themes/iris/components.css +1 -1
- package/src/themes/iris/domains.css +2 -2
- package/src/themes/iris/tokens.css +2 -2
- package/src/themes/lagoon/base.css +1 -1
- package/src/themes/lagoon/components.css +1 -1
- package/src/themes/lagoon/domains.css +2 -2
- package/src/themes/lagoon/tokens.css +2 -2
- package/src/themes/roast/base.css +1 -1
- package/src/themes/roast/components.css +1 -1
- package/src/themes/roast/domains.css +1 -1
- package/src/themes/roast/tokens.css +12 -12
- package/src/themes/sienna/base.css +2 -2
- package/src/themes/sienna/components.css +1 -1
- package/src/themes/sienna/domains.css +1 -1
- package/src/themes/sienna/tokens.css +3 -3
- package/src/themes/slate/base.css +1 -1
- package/src/themes/slate/components.css +1 -1
- package/src/themes/slate/domains.css +1 -1
- package/src/themes/slate/tokens.css +2 -2
- package/src/themes/vesper/tokens.css +1 -1
- package/src/themes/voltaic/base.css +1 -1
- package/src/themes/voltaic/index.css +2 -2
- package/src/themes/voltaic/tokens.css +1 -1
|
@@ -543,6 +543,10 @@
|
|
|
543
543
|
|
|
544
544
|
/* ───────── SectionDivider ───────── */
|
|
545
545
|
|
|
546
|
+
[data-rig-section-divider] {
|
|
547
|
+
background: var(--section-divider-bg, transparent);
|
|
548
|
+
}
|
|
549
|
+
|
|
546
550
|
[data-rig-section-divider-path] {
|
|
547
551
|
fill: var(--section-divider-fill, var(--color-primary));
|
|
548
552
|
}
|
|
@@ -550,7 +554,7 @@
|
|
|
550
554
|
/* ───────── FlankedHeading ───────── */
|
|
551
555
|
|
|
552
556
|
[data-rig-flanked-heading-ornament] {
|
|
553
|
-
color: var(--color-primary);
|
|
557
|
+
color: var(--flanked-heading-color, var(--color-primary));
|
|
554
558
|
}
|
|
555
559
|
|
|
556
560
|
[data-rig-flanked-heading-rule] {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Cardinal Design Tokens
|
|
2
2
|
* Community radio station. Warm neutral with analog character.
|
|
3
3
|
* Parchment background, broadcast red, dial green accents.
|
|
4
4
|
*
|
|
@@ -150,16 +150,16 @@
|
|
|
150
150
|
/* ── Named palette aliases ──────────────────────────────────────────────
|
|
151
151
|
* All 7 swatch colors available for direct template use.
|
|
152
152
|
*/
|
|
153
|
-
--
|
|
154
|
-
--
|
|
155
|
-
--
|
|
156
|
-
--
|
|
157
|
-
--
|
|
158
|
-
--
|
|
159
|
-
--
|
|
153
|
+
--cardinal-parchment: #f7f3ee;
|
|
154
|
+
--cardinal-oatmeal: #edeae4;
|
|
155
|
+
--cardinal-kraft: #ddd7ce;
|
|
156
|
+
--cardinal-espresso: #2a2521;
|
|
157
|
+
--cardinal-walnut: #706459;
|
|
158
|
+
--cardinal-red: #b83232;
|
|
159
|
+
--cardinal-green: #2d6a4f;
|
|
160
160
|
|
|
161
161
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
162
|
-
* Overrides shared/tokens.css defaults where the
|
|
162
|
+
* Overrides shared/tokens.css defaults where the Cardinal palette needs
|
|
163
163
|
* values that can't be derived directly from --color-* semantics.
|
|
164
164
|
*/
|
|
165
165
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Clover Design Tokens
|
|
2
2
|
* Veterinary clinic. Soft light mode with true green and warm coral.
|
|
3
3
|
* Clinical warmth — reassuring, accessible, nature-forward.
|
|
4
4
|
*
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
--ca-coral: #d16b3f;
|
|
155
155
|
|
|
156
156
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
157
|
-
* Overrides shared/tokens.css defaults where the
|
|
157
|
+
* Overrides shared/tokens.css defaults where the Clover palette needs
|
|
158
158
|
* values that can't be derived directly from --color-* semantics.
|
|
159
159
|
*/
|
|
160
160
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Copper Design Tokens
|
|
2
2
|
* Industrial craft brewery. Gritty dark mode with blaze orange and grain gold.
|
|
3
3
|
* Warehouse taproom energy — loud, unpretentious, industrial warm.
|
|
4
4
|
*
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
--uw-gold: #c9b458;
|
|
155
155
|
|
|
156
156
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
157
|
-
* Overrides shared/tokens.css defaults where the
|
|
157
|
+
* Overrides shared/tokens.css defaults where the Copper palette needs
|
|
158
158
|
* values that can't be derived directly from --color-* semantics.
|
|
159
159
|
*/
|
|
160
160
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Cypress Domains
|
|
2
2
|
* Domain accent colors, responsive breakpoints, unstyled overrides.
|
|
3
|
-
*
|
|
3
|
+
* Cypress is a coastal-soft theme — domains are less relevant
|
|
4
4
|
* but included for contract compatibility.
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Cypress Design Tokens
|
|
2
2
|
* Coastal luxury real estate. Warm light mode with cyan accents.
|
|
3
3
|
* Linen white background, charcoal brown text, true cyan primary, terracotta accent.
|
|
4
|
-
* Light mode
|
|
4
|
+
* Light mode coastal-soft theme — suited for property listings and luxury brand sites.
|
|
5
5
|
*
|
|
6
6
|
* Full palette (8 swatch colors):
|
|
7
7
|
* #FAF7F2 linen white — background
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
--tm-sage: #7a9e7e;
|
|
158
158
|
|
|
159
159
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
160
|
-
* Overrides shared/tokens.css defaults where the
|
|
160
|
+
* Overrides shared/tokens.css defaults where the Cypress palette needs
|
|
161
161
|
* values that can't be derived directly from --color-* semantics.
|
|
162
162
|
*/
|
|
163
163
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Damson Design Tokens
|
|
2
2
|
* Board game lounge. Deep indigo leadership with warm amber accents.
|
|
3
3
|
* Strategic warmth — inviting, thoughtful, community-driven.
|
|
4
4
|
*
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
--mh-indigo-hover: #3a3058;
|
|
196
196
|
|
|
197
197
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
198
|
-
* Overrides shared/tokens.css defaults where the
|
|
198
|
+
* Overrides shared/tokens.css defaults where the Damson palette needs
|
|
199
199
|
* values that can't be derived directly from --color-* semantics.
|
|
200
200
|
*/
|
|
201
201
|
|
package/src/themes/iris/base.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Iris Domains
|
|
2
2
|
* Domain accent colors, responsive breakpoints, unstyled overrides.
|
|
3
|
-
*
|
|
3
|
+
* Iris is an institutional theme — domains are less relevant
|
|
4
4
|
* but included for contract compatibility.
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Iris Design Tokens
|
|
2
2
|
* Studio clarity. Clean white canvas with violet accents.
|
|
3
3
|
* WCAG 2.1 AA compliant. Pure white background, dark purple-tinted foreground.
|
|
4
4
|
* Light mode studio theme — suited for creative platforms and portfolios.
|
|
@@ -161,7 +161,7 @@
|
|
|
161
161
|
--bc-violet-border: #d8d0e5;
|
|
162
162
|
|
|
163
163
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
164
|
-
* Overrides shared/tokens.css defaults where the
|
|
164
|
+
* Overrides shared/tokens.css defaults where the Iris palette needs
|
|
165
165
|
* values that can't be derived directly from --color-* semantics.
|
|
166
166
|
*/
|
|
167
167
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Lagoon Domains
|
|
2
2
|
* Domain accent colors, responsive breakpoints, unstyled overrides.
|
|
3
|
-
*
|
|
3
|
+
* Lagoon is an investigative noir theme — domains are less relevant
|
|
4
4
|
* but included for contract compatibility.
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Lagoon Design Tokens
|
|
2
2
|
* Digital frost. Cold-running terminal with teal-cyan glow.
|
|
3
3
|
* Dark mode investigative palette — cold blue-black background, cool white text,
|
|
4
4
|
* teal-cyan highlights that pulse like frozen circuitry.
|
|
@@ -158,7 +158,7 @@
|
|
|
158
158
|
--dk-white: #d8e4ec;
|
|
159
159
|
|
|
160
160
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
161
|
-
* Overrides shared/tokens.css defaults where the
|
|
161
|
+
* Overrides shared/tokens.css defaults where the Lagoon palette needs
|
|
162
162
|
* values that can't be derived directly from --color-* semantics.
|
|
163
163
|
*/
|
|
164
164
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Roast Design Tokens
|
|
2
2
|
* Deep brown palette for coffee and tea content sites.
|
|
3
3
|
* Light mode theme — deep brown primary, copper accent, warm cream neutrals.
|
|
4
4
|
*
|
|
@@ -183,19 +183,19 @@
|
|
|
183
183
|
/* ── Named palette aliases ──────────────────────────────────────────────
|
|
184
184
|
* All 10 swatch colors available for direct template use.
|
|
185
185
|
*/
|
|
186
|
-
--
|
|
187
|
-
--
|
|
188
|
-
--
|
|
189
|
-
--
|
|
190
|
-
--
|
|
191
|
-
--
|
|
192
|
-
--
|
|
193
|
-
--
|
|
194
|
-
--
|
|
195
|
-
--
|
|
186
|
+
--roast-warm-cream: #faf6ef;
|
|
187
|
+
--roast-white: #ffffff;
|
|
188
|
+
--roast-linen: #f0ebe2;
|
|
189
|
+
--roast-light-taupe: #e4ddd0;
|
|
190
|
+
--roast-warm-border: #d9cfc2;
|
|
191
|
+
--roast-copper: #c07840;
|
|
192
|
+
--roast-deep-brown: #7a5636;
|
|
193
|
+
--roast-dark-brown: #654528;
|
|
194
|
+
--roast-muted-fg: #6b5d4f;
|
|
195
|
+
--roast-near-black: #1e1610;
|
|
196
196
|
|
|
197
197
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
198
|
-
* Overrides shared/tokens.css defaults where the
|
|
198
|
+
* Overrides shared/tokens.css defaults where the Roast palette needs
|
|
199
199
|
* values that can't be derived directly from --color-* semantics.
|
|
200
200
|
*/
|
|
201
201
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* Hex —
|
|
2
|
-
*
|
|
1
|
+
/* Hex — Sienna Design Tokens
|
|
2
|
+
* Warm light mode with sienna and slate blue.
|
|
3
3
|
* Civic warmth — welcoming, literary, community-focused.
|
|
4
4
|
*
|
|
5
5
|
* Full palette (7 swatch colors):
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
--bl-slate: #3a6b8c;
|
|
155
155
|
|
|
156
156
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
157
|
-
* Overrides shared/tokens.css defaults where the
|
|
157
|
+
* Overrides shared/tokens.css defaults where the Sienna palette needs
|
|
158
158
|
* values that can't be derived directly from --color-* semantics.
|
|
159
159
|
*/
|
|
160
160
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Slate Design Tokens
|
|
2
2
|
* Books and reading. Deep navy structure with muted gold accents.
|
|
3
3
|
* Literary warmth — contemplative, refined, knowledge-forward.
|
|
4
4
|
*
|
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
--site-max-width: 72rem;
|
|
196
196
|
|
|
197
197
|
/* ── Rig component token bridge ─────────────────────────────────────────
|
|
198
|
-
* Overrides shared/tokens.css defaults where the
|
|
198
|
+
* Overrides shared/tokens.css defaults where the Slate palette needs
|
|
199
199
|
* values that can't be derived directly from --color-* semantics.
|
|
200
200
|
*/
|
|
201
201
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* Hex — Lanternhouse Design Tokens
|
|
2
2
|
* Evening observatory. Soft violet glow on deep plum.
|
|
3
|
-
* Boutique
|
|
3
|
+
* Boutique evening-warm theme with lavender accent on dark plum canvas.
|
|
4
4
|
*
|
|
5
5
|
* Full palette (7 swatch colors):
|
|
6
6
|
* #110E18 dark plum — background
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Voltaic Full Bundle
|
|
2
2
|
* Import this single file to get everything:
|
|
3
3
|
* Tailwind v4 + shared Rig tokens + base styles + theme tokens.
|
|
4
4
|
*
|
|
5
|
-
* Usage: import '@amulet-laboratories/hex/
|
|
5
|
+
* Usage: import '@amulet-laboratories/hex/voltaic/source'
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
@import 'tailwindcss';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* Hex —
|
|
1
|
+
/* Hex — Voltaic Design Tokens
|
|
2
2
|
* Dark portfolio theme — deep navy (#060d2b) & neon green (#AEF66D).
|
|
3
3
|
* Preserves the original site's exact Tailwind utility names so all
|
|
4
4
|
* template classes (text-blue-lighter, bg-blue-darkest, etc.) resolve
|