@phcdevworks/spectre-tokens 4.1.0 → 4.2.0

package/README.md

@@ -17,7 +17,7 @@ contracts for specific frameworks and runtimes.
 | Project team           | `project-design`                 |
 | Repository role        | Spectre L1 design-token contract |
 | Package/artifact       | `@phcdevworks/spectre-tokens`    |
-| Current version/status | 4.1.0                            |
+| Current version/status | 4.2.0                            |
 
 ## Standard Workflow
 
@@ -160,15 +160,15 @@ mode-aware styling.
 
 ### Semantic namespaces (prefer for all UI work)
 
-| Namespace   | What it expresses                                                                                                           |
-| ----------- | --------------------------------------------------------------------------------------------------------------------------- |
-| `surface`   | Background roles: page, card, input, overlay, subtle, hero (gradient, hero sections only), hover, selected, active, divider |
-| `text`      | Foreground roles: default, muted, subtle, meta, on-surface, on-page                                                         |
-| `component` | Role-specific tokens for icon boxes, badges, ratings, testimonials, pricing cards, nav, modal, toast, tooltip, dropdown     |
-| `buttons`   | Button state tokens: default, hover, active, disabled, CTA                                                                  |
-| `forms`     | Form state tokens: default, focused, error, disabled                                                                        |
-| `link`      | Inline link color roles: default, hover, active, visited                                                                    |
-| `modes`     | Mode-aware overrides under `modes.default` and `modes.dark`                                                                 |
+| Namespace   | What it expresses                                                                                                               |
+| ----------- | ------------------------------------------------------------------------------------------------------------------------------- |
+| `surface`   | Background roles: page, card, input, overlay, subtle, hero (gradient, hero sections only), hover, selected, active, divider     |
+| `text`      | Foreground roles: default, muted, subtle, meta, on-surface, on-page                                                             |
+| `component` | Role-specific tokens for icon boxes, badges, ratings, testimonials, pricing cards, nav, footer, modal, toast, tooltip, dropdown |
+| `buttons`   | Button state tokens: default, hover, active, disabled, CTA                                                                      |
+| `forms`     | Form state tokens: default, focused, error, disabled                                                                            |
+| `link`      | Inline link color roles: default, hover, active, visited                                                                        |
+| `modes`     | Mode-aware overrides under `modes.default` and `modes.dark`                                                                     |
 
 ```ts
 import tokens from '@phcdevworks/spectre-tokens'
@@ -306,8 +306,8 @@ The exported runtime token object is a flattened string-based tree generated
 from `tokens/`. Source-only wrapper fields such as `value` and `metadata` are
 internal generation details and are not part of the public package contract.
 
-See [TOKEN_REFERENCE.md](TOKEN_REFERENCE.md) for the exhaustive, generated
-list of every token path, resolved value, and usage note.
+See [TOKEN_REFERENCE.md](TOKEN_REFERENCE.md) for the exhaustive, generated list
+of every token path, resolved value, and usage note.
 
 The `layout` namespace includes section, stack, and container spacing tokens,
 plus fixed layout width tokens for common consumer shells:

package/dist/index.cjs

@@ -99,6 +99,17 @@ var coreTokens = {
       "linkActive": "{colors.brand.700}",
       "border": "{colors.neutral.200}"
     },
+    "footer": {
+      "bg": "{colors.neutral.900}",
+      "text": "{colors.neutral.50}",
+      "heading": "{colors.white}",
+      "muted": "{colors.neutral.400}",
+      "link": "{colors.neutral.300}",
+      "linkHover": "{colors.brand.400}",
+      "border": "{colors.neutral.700}",
+      "divider": "{colors.neutral.800}",
+      "chipBg": "{colors.neutral.800}"
+    },
     "modal": {
       "bg": "{colors.white}",
       "shadow": "0 20px 48px -12px {colors.black} / 0.20",
@@ -406,6 +417,17 @@ var coreTokens = {
           "linkActive": "{colors.brand.700}",
           "border": "{colors.neutral.200}"
         },
+        "footer": {
+          "bg": "{colors.neutral.900}",
+          "text": "{colors.neutral.50}",
+          "heading": "{colors.white}",
+          "muted": "{colors.neutral.400}",
+          "link": "{colors.neutral.300}",
+          "linkHover": "{colors.brand.400}",
+          "border": "{colors.neutral.700}",
+          "divider": "{colors.neutral.800}",
+          "chipBg": "{colors.neutral.800}"
+        },
         "modal": {
           "bg": "{colors.white}",
           "shadow": "0 20px 48px -12px {colors.black} / 0.20",
@@ -600,6 +622,17 @@ var coreTokens = {
           "linkActive": "{colors.brand.300}",
           "border": "{colors.neutral.700}"
         },
+        "footer": {
+          "bg": "{colors.black}",
+          "text": "{colors.neutral.50}",
+          "heading": "{colors.white}",
+          "muted": "{colors.neutral.400}",
+          "link": "{colors.neutral.300}",
+          "linkHover": "{colors.brand.300}",
+          "border": "{colors.neutral.800}",
+          "divider": "{colors.neutral.900}",
+          "chipBg": "{colors.neutral.900}"
+        },
         "modal": {
           "bg": "{colors.neutral.800}",
           "shadow": "0 20px 48px -12px {colors.black} / 0.20",