npm - @lifesg/react-design-system - Versions diffs - 4.0.0-alpha.2 → 4.0.0-alpha.4 - Mend

@lifesg/react-design-system 4.0.0-alpha.2 → 4.0.0-alpha.4

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.

Files changed (2426) hide show

package/theme/tokens/colour.d.ts CHANGED Viewed

@@ -97,7 +97,11 @@ export declare const SemanticColours: {
     readonly "text-subtler": "var(--fds-colour-text-subtler)";
     readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
     readonly "text-primary": "var(--fds-colour-text-primary)";
+    readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
     readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
+    readonly "text-brand": "var(--fds-colour-text-brand)";
+    readonly "text-secondary": "var(--fds-colour-text-secondary)";
+    readonly "text-secondary-subtle": "var(--fds-colour-text-secondary-subtle)";
     readonly "text-hover": "var(--fds-colour-text-hover)";
     readonly "text-selected": "var(--fds-colour-text-selected)";
     readonly "text-selected-hover": "var(--fds-colour-text-selected-hover)";
@@ -116,6 +120,9 @@ export declare const SemanticColours: {
     readonly "icon-primary": "var(--fds-colour-icon-primary)";
     readonly "icon-primary-subtle": "var(--fds-colour-icon-primary-subtle)";
     readonly "icon-primary-subtlest": "var(--fds-colour-icon-primary-subtlest)";
+    readonly "icon-brand": "var(--fds-colour-icon-brand)";
+    readonly "icon-secondary": "var(--fds-colour-icon-secondary)";
+    readonly "icon-secondary-subtle": "var(--fds-colour-icon-secondary-subtle)";
     readonly "icon-hover": "var(--fds-colour-icon-hover)";
     readonly "icon-selected": "var(--fds-colour-icon-selected)";
     readonly "icon-selected-hover": "var(--fds-colour-icon-selected-hover)";
@@ -133,6 +140,7 @@ export declare const SemanticColours: {
     readonly "border-strong": "var(--fds-colour-border-strong)";
     readonly "border-stronger": "var(--fds-colour-border-stronger)";
     readonly "border-primary": "var(--fds-colour-border-primary)";
+    readonly "border-primary-strong": "var(--fds-colour-border-primary-strong)";
     readonly "border-primary-subtle": "var(--fds-colour-border-primary-subtle)";
     readonly "border-hover": "var(--fds-colour-border-hover)";
     readonly "border-hover-strong": "var(--fds-colour-border-hover-strong)";
@@ -191,11 +199,17 @@ export declare const SemanticColours: {
     readonly "bg-inverse-subtlest": "var(--fds-colour-bg-inverse-subtlest)";
     readonly "bg-inverse-hover": "var(--fds-colour-bg-inverse-hover)";
     readonly "bg-primary": "var(--fds-colour-bg-primary)";
+    readonly "bg-primary-strong": "var(--fds-colour-bg-primary-strong)";
     readonly "bg-primary-subtle": "var(--fds-colour-bg-primary-subtle)";
     readonly "bg-primary-subtler": "var(--fds-colour-bg-primary-subtler)";
     readonly "bg-primary-subtlest": "var(--fds-colour-bg-primary-subtlest)";
+    readonly "bg-secondary": "var(--fds-colour-bg-secondary)";
+    readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
+    readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
+    readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
     readonly "bg-available": "var(--fds-colour-bg-available)";
     readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
+    readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
     readonly "bg-primary-subtlest-hover": "var(--fds-colour-bg-primary-subtlest-hover)";
     readonly "bg-primary-subtlest-selected": "var(--fds-colour-bg-primary-subtlest-selected)";
     readonly "overlay-strong": "var(--fds-colour-overlay-strong)";
@@ -213,7 +227,11 @@ export declare const Colour: {
     readonly "text-subtler": "var(--fds-colour-text-subtler)";
     readonly "text-subtlest": "var(--fds-colour-text-subtlest)";
     readonly "text-primary": "var(--fds-colour-text-primary)";
+    readonly "text-primary-strong": "var(--fds-colour-text-primary-strong)";
     readonly "text-primary-strongest": "var(--fds-colour-text-primary-strongest)";
+    readonly "text-brand": "var(--fds-colour-text-brand)";
+    readonly "text-secondary": "var(--fds-colour-text-secondary)";
+    readonly "text-secondary-subtle": "var(--fds-colour-text-secondary-subtle)";
     readonly "text-hover": "var(--fds-colour-text-hover)";
     readonly "text-selected": "var(--fds-colour-text-selected)";
     readonly "text-selected-hover": "var(--fds-colour-text-selected-hover)";
@@ -232,6 +250,9 @@ export declare const Colour: {
     readonly "icon-primary": "var(--fds-colour-icon-primary)";
     readonly "icon-primary-subtle": "var(--fds-colour-icon-primary-subtle)";
     readonly "icon-primary-subtlest": "var(--fds-colour-icon-primary-subtlest)";
+    readonly "icon-brand": "var(--fds-colour-icon-brand)";
+    readonly "icon-secondary": "var(--fds-colour-icon-secondary)";
+    readonly "icon-secondary-subtle": "var(--fds-colour-icon-secondary-subtle)";
     readonly "icon-hover": "var(--fds-colour-icon-hover)";
     readonly "icon-selected": "var(--fds-colour-icon-selected)";
     readonly "icon-selected-hover": "var(--fds-colour-icon-selected-hover)";
@@ -249,6 +270,7 @@ export declare const Colour: {
     readonly "border-strong": "var(--fds-colour-border-strong)";
     readonly "border-stronger": "var(--fds-colour-border-stronger)";
     readonly "border-primary": "var(--fds-colour-border-primary)";
+    readonly "border-primary-strong": "var(--fds-colour-border-primary-strong)";
     readonly "border-primary-subtle": "var(--fds-colour-border-primary-subtle)";
     readonly "border-hover": "var(--fds-colour-border-hover)";
     readonly "border-hover-strong": "var(--fds-colour-border-hover-strong)";
@@ -307,11 +329,17 @@ export declare const Colour: {
     readonly "bg-inverse-subtlest": "var(--fds-colour-bg-inverse-subtlest)";
     readonly "bg-inverse-hover": "var(--fds-colour-bg-inverse-hover)";
     readonly "bg-primary": "var(--fds-colour-bg-primary)";
+    readonly "bg-primary-strong": "var(--fds-colour-bg-primary-strong)";
     readonly "bg-primary-subtle": "var(--fds-colour-bg-primary-subtle)";
     readonly "bg-primary-subtler": "var(--fds-colour-bg-primary-subtler)";
     readonly "bg-primary-subtlest": "var(--fds-colour-bg-primary-subtlest)";
+    readonly "bg-secondary": "var(--fds-colour-bg-secondary)";
+    readonly "bg-secondary-subtle": "var(--fds-colour-bg-secondary-subtle)";
+    readonly "bg-secondary-subtler": "var(--fds-colour-bg-secondary-subtler)";
+    readonly "bg-secondary-subtlest": "var(--fds-colour-bg-secondary-subtlest)";
     readonly "bg-available": "var(--fds-colour-bg-available)";
     readonly "bg-primary-hover": "var(--fds-colour-bg-primary-hover)";
+    readonly "bg-primary-strong-hover": "var(--fds-colour-bg-primary-strong-hover)";
     readonly "bg-primary-subtlest-hover": "var(--fds-colour-bg-primary-subtlest-hover)";
     readonly "bg-primary-subtlest-selected": "var(--fds-colour-bg-primary-subtlest-selected)";
     readonly "overlay-strong": "var(--fds-colour-overlay-strong)";

package/theme/tokens/colour.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
+const r={"brand-10":"var(--fds-colour-brand-10)","brand-20":"var(--fds-colour-brand-20)","brand-30":"var(--fds-colour-brand-30)","brand-40":"var(--fds-colour-brand-40)","brand-50":"var(--fds-colour-brand-50)","brand-60":"var(--fds-colour-brand-60)","brand-70":"var(--fds-colour-brand-70)","brand-80":"var(--fds-colour-brand-80)","brand-90":"var(--fds-colour-brand-90)","brand-95":"var(--fds-colour-brand-95)","brand-100":"var(--fds-colour-brand-100)","primary-10":"var(--fds-colour-primary-10)","primary-20":"var(--fds-colour-primary-20)","primary-30":"var(--fds-colour-primary-30)","primary-40":"var(--fds-colour-primary-40)","primary-50":"var(--fds-colour-primary-50)","primary-60":"var(--fds-colour-primary-60)","primary-70":"var(--fds-colour-primary-70)","primary-80":"var(--fds-colour-primary-80)","primary-90":"var(--fds-colour-primary-90)","primary-95":"var(--fds-colour-primary-95)","primary-100":"var(--fds-colour-primary-100)","secondary-10":"var(--fds-colour-secondary-10)","secondary-20":"var(--fds-colour-secondary-20)","secondary-30":"var(--fds-colour-secondary-30)","secondary-40":"var(--fds-colour-secondary-40)","secondary-50":"var(--fds-colour-secondary-50)","secondary-60":"var(--fds-colour-secondary-60)","secondary-70":"var(--fds-colour-secondary-70)","secondary-80":"var(--fds-colour-secondary-80)","secondary-90":"var(--fds-colour-secondary-90)","secondary-95":"var(--fds-colour-secondary-95)","secondary-100":"var(--fds-colour-secondary-100)","neutral-10":"var(--fds-colour-neutral-10)","neutral-20":"var(--fds-colour-neutral-20)","neutral-30":"var(--fds-colour-neutral-30)","neutral-40":"var(--fds-colour-neutral-40)","neutral-50":"var(--fds-colour-neutral-50)","neutral-60":"var(--fds-colour-neutral-60)","neutral-70":"var(--fds-colour-neutral-70)","neutral-80":"var(--fds-colour-neutral-80)","neutral-90":"var(--fds-colour-neutral-90)","neutral-95":"var(--fds-colour-neutral-95)","neutral-100":"var(--fds-colour-neutral-100)","success-10":"var(--fds-colour-success-10)","success-20":"var(--fds-colour-success-20)","success-30":"var(--fds-colour-success-30)","success-40":"var(--fds-colour-success-40)","success-50":"var(--fds-colour-success-50)","success-60":"var(--fds-colour-success-60)","success-70":"var(--fds-colour-success-70)","success-80":"var(--fds-colour-success-80)","success-90":"var(--fds-colour-success-90)","success-95":"var(--fds-colour-success-95)","success-100":"var(--fds-colour-success-100)","warning-10":"var(--fds-colour-warning-10)","warning-20":"var(--fds-colour-warning-20)","warning-30":"var(--fds-colour-warning-30)","warning-40":"var(--fds-colour-warning-40)","warning-50":"var(--fds-colour-warning-50)","warning-60":"var(--fds-colour-warning-60)","warning-70":"var(--fds-colour-warning-70)","warning-80":"var(--fds-colour-warning-80)","warning-90":"var(--fds-colour-warning-90)","warning-95":"var(--fds-colour-warning-95)","warning-100":"var(--fds-colour-warning-100)","error-10":"var(--fds-colour-error-10)","error-20":"var(--fds-colour-error-20)","error-30":"var(--fds-colour-error-30)","error-40":"var(--fds-colour-error-40)","error-50":"var(--fds-colour-error-50)","error-60":"var(--fds-colour-error-60)","error-70":"var(--fds-colour-error-70)","error-80":"var(--fds-colour-error-80)","error-90":"var(--fds-colour-error-90)","error-95":"var(--fds-colour-error-95)","error-100":"var(--fds-colour-error-100)","info-10":"var(--fds-colour-info-10)","info-20":"var(--fds-colour-info-20)","info-30":"var(--fds-colour-info-30)","info-40":"var(--fds-colour-info-40)","info-50":"var(--fds-colour-info-50)","info-60":"var(--fds-colour-info-60)","info-70":"var(--fds-colour-info-70)","info-80":"var(--fds-colour-info-80)","info-90":"var(--fds-colour-info-90)","info-95":"var(--fds-colour-info-95)","info-100":"var(--fds-colour-info-100)",white:"var(--fds-colour-white)",black:"var(--fds-colour-black)","primary-inverse":"var(--fds-colour-primary-inverse)"},o={text:"var(--fds-colour-text)","text-subtle":"var(--fds-colour-text-subtle)","text-subtler":"var(--fds-colour-text-subtler)","text-subtlest":"var(--fds-colour-text-subtlest)","text-primary":"var(--fds-colour-text-primary)","text-primary-strong":"var(--fds-colour-text-primary-strong)","text-primary-strongest":"var(--fds-colour-text-primary-strongest)","text-brand":"var(--fds-colour-text-brand)","text-secondary":"var(--fds-colour-text-secondary)","text-secondary-subtle":"var(--fds-colour-text-secondary-subtle)","text-hover":"var(--fds-colour-text-hover)","text-selected":"var(--fds-colour-text-selected)","text-selected-hover":"var(--fds-colour-text-selected-hover)","text-disabled":"var(--fds-colour-text-disabled)","text-disabled-subtle":"var(--fds-colour-text-disabled-subtle)","text-disabled-subtlest":"var(--fds-colour-text-disabled-subtlest)","text-selected-disabled":"var(--fds-colour-text-selected-disabled)","text-success":"var(--fds-colour-text-success)","text-warning":"var(--fds-colour-text-warning)","text-error":"var(--fds-colour-text-error)","text-info":"var(--fds-colour-text-info)","text-inverse":"var(--fds-colour-text-inverse)",icon:"var(--fds-colour-icon)","icon-subtle":"var(--fds-colour-icon-subtle)","icon-strongest":"var(--fds-colour-icon-strongest)","icon-primary":"var(--fds-colour-icon-primary)","icon-primary-subtle":"var(--fds-colour-icon-primary-subtle)","icon-primary-subtlest":"var(--fds-colour-icon-primary-subtlest)","icon-brand":"var(--fds-colour-icon-brand)","icon-secondary":"var(--fds-colour-icon-secondary)","icon-secondary-subtle":"var(--fds-colour-icon-secondary-subtle)","icon-hover":"var(--fds-colour-icon-hover)","icon-selected":"var(--fds-colour-icon-selected)","icon-selected-hover":"var(--fds-colour-icon-selected-hover)","icon-disabled":"var(--fds-colour-icon-disabled)","icon-disabled-subtle":"var(--fds-colour-icon-disabled-subtle)","icon-selected-disabled":"var(--fds-colour-icon-selected-disabled)","icon-success":"var(--fds-colour-icon-success)","icon-warning":"var(--fds-colour-icon-warning)","icon-error":"var(--fds-colour-icon-error)","icon-error-strong":"var(--fds-colour-icon-error-strong)","icon-info":"var(--fds-colour-icon-info)","icon-inverse":"var(--fds-colour-icon-inverse)","icon-primary-inverse":"var(--fds-colour-icon-primary-inverse)",border:"var(--fds-colour-border)","border-strong":"var(--fds-colour-border-strong)","border-stronger":"var(--fds-colour-border-stronger)","border-primary":"var(--fds-colour-border-primary)","border-primary-strong":"var(--fds-colour-border-primary-strong)","border-primary-subtle":"var(--fds-colour-border-primary-subtle)","border-hover":"var(--fds-colour-border-hover)","border-hover-strong":"var(--fds-colour-border-hover-strong)","border-selected":"var(--fds-colour-border-selected)","border-selected-subtle":"var(--fds-colour-border-selected-subtle)","border-selected-subtlest":"var(--fds-colour-border-selected-subtlest)","border-selected-hover":"var(--fds-colour-border-selected-hover)","border-focus":"var(--fds-colour-border-focus)","border-focus-strong":"var(--fds-colour-border-focus-strong)","border-disabled":"var(--fds-colour-border-disabled)","border-selected-disabled":"var(--fds-colour-border-selected-disabled)","border-success":"var(--fds-colour-border-success)","border-warning":"var(--fds-colour-border-warning)","border-error":"var(--fds-colour-border-error)","border-error-focus":"var(--fds-colour-border-error-focus)","border-error-focus-strong":"var(--fds-colour-border-error-focus-strong)","border-error-strong":"var(--fds-colour-border-error-strong)","border-info":"var(--fds-colour-border-info)",bg:"var(--fds-colour-bg)","bg-strong":"var(--fds-colour-bg-strong)","bg-stronger":"var(--fds-colour-bg-stronger)","bg-strongest":"var(--fds-colour-bg-strongest)","bg-hover":"var(--fds-colour-bg-hover)","bg-hover-strong":"var(--fds-colour-bg-hover-strong)","bg-hover-subtle":"var(--fds-colour-bg-hover-subtle)","bg-hover-neutral":"var(--fds-colour-bg-hover-neutral)","bg-hover-neutral-strong":"var(--fds-colour-bg-hover-neutral-strong)","bg-selected":"var(--fds-colour-bg-selected)","bg-selected-hover":"var(--fds-colour-bg-selected-hover)","bg-selected-strong":"var(--fds-colour-bg-selected-strong)","bg-selected-stronger":"var(--fds-colour-bg-selected-stronger)","bg-selected-strongest":"var(--fds-colour-bg-selected-strongest)","bg-selected-strongest-hover":"var(--fds-colour-bg-selected-strongest-hover)","bg-disabled":"var(--fds-colour-bg-disabled)","bg-selected-disabled":"var(--fds-colour-bg-selected-disabled)","bg-selected-stronger-disabled":"var(--fds-colour-bg-selected-stronger-disabled)","bg-success":"var(--fds-colour-bg-success)","bg-success-hover":"var(--fds-colour-bg-success-hover)","bg-success-strong":"var(--fds-colour-bg-success-strong)","bg-success-strong-hover":"var(--fds-colour-bg-success-strong-hover)","bg-warning":"var(--fds-colour-bg-warning)","bg-warning-hover":"var(--fds-colour-bg-warning-hover)","bg-warning-strong":"var(--fds-colour-bg-warning-strong)","bg-warning-strong-hover":"var(--fds-colour-bg-warning-strong-hover)","bg-info":"var(--fds-colour-bg-info)","bg-info-hover":"var(--fds-colour-bg-info-hover)","bg-info-strong":"var(--fds-colour-bg-info-strong)","bg-info-strong-hover":"var(--fds-colour-bg-info-strong-hover)","bg-error":"var(--fds-colour-bg-error)","bg-error-hover":"var(--fds-colour-bg-error-hover)","bg-error-strong":"var(--fds-colour-bg-error-strong)","bg-error-strong-hover":"var(--fds-colour-bg-error-strong-hover)","bg-inverse":"var(--fds-colour-bg-inverse)","bg-inverse-subtle":"var(--fds-colour-bg-inverse-subtle)","bg-inverse-subtler":"var(--fds-colour-bg-inverse-subtler)","bg-inverse-subtlest":"var(--fds-colour-bg-inverse-subtlest)","bg-inverse-hover":"var(--fds-colour-bg-inverse-hover)","bg-primary":"var(--fds-colour-bg-primary)","bg-primary-strong":"var(--fds-colour-bg-primary-strong)","bg-primary-subtle":"var(--fds-colour-bg-primary-subtle)","bg-primary-subtler":"var(--fds-colour-bg-primary-subtler)","bg-primary-subtlest":"var(--fds-colour-bg-primary-subtlest)","bg-secondary":"var(--fds-colour-bg-secondary)","bg-secondary-subtle":"var(--fds-colour-bg-secondary-subtle)","bg-secondary-subtler":"var(--fds-colour-bg-secondary-subtler)","bg-secondary-subtlest":"var(--fds-colour-bg-secondary-subtlest)","bg-available":"var(--fds-colour-bg-available)","bg-primary-hover":"var(--fds-colour-bg-primary-hover)","bg-primary-strong-hover":"var(--fds-colour-bg-primary-strong-hover)","bg-primary-subtlest-hover":"var(--fds-colour-bg-primary-subtlest-hover)","bg-primary-subtlest-selected":"var(--fds-colour-bg-primary-subtlest-selected)","overlay-strong":"var(--fds-colour-overlay-strong)","overlay-subtle":"var(--fds-colour-overlay-subtle)",hyperlink:"var(--fds-colour-hyperlink)","hyperlink-hover":"var(--fds-colour-hyperlink-hover)","hyperlink-visited":"var(--fds-colour-hyperlink-visited)","hyperlink-inverse":"var(--fds-colour-hyperlink-inverse)","focus-ring":"var(--fds-colour-focus-ring)","focus-ring-inverse":"var(--fds-colour-focus-ring-inverse)"},s=Object.assign({Primitive:r},o);export{s as Colour,r as PrimitiveColours,o as SemanticColours};
 //# sourceMappingURL=colour.js.map

package/theme/tokens/colour.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["export const PrimitiveColours = {\n \"brand-10\": \"var(--fds-colour-brand-10)\",\n \"brand-20\": \"var(--fds-colour-brand-20)\",\n \"brand-30\": \"var(--fds-colour-brand-30)\",\n \"brand-40\": \"var(--fds-colour-brand-40)\",\n \"brand-50\": \"var(--fds-colour-brand-50)\",\n \"brand-60\": \"var(--fds-colour-brand-60)\",\n \"brand-70\": \"var(--fds-colour-brand-70)\",\n \"brand-80\": \"var(--fds-colour-brand-80)\",\n \"brand-90\": \"var(--fds-colour-brand-90)\",\n \"brand-95\": \"var(--fds-colour-brand-95)\",\n \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n \"primary-10\": \"var(--fds-colour-primary-10)\",\n \"primary-20\": \"var(--fds-colour-primary-20)\",\n \"primary-30\": \"var(--fds-colour-primary-30)\",\n \"primary-40\": \"var(--fds-colour-primary-40)\",\n \"primary-50\": \"var(--fds-colour-primary-50)\",\n \"primary-60\": \"var(--fds-colour-primary-60)\",\n \"primary-70\": \"var(--fds-colour-primary-70)\",\n \"primary-80\": \"var(--fds-colour-primary-80)\",\n \"primary-90\": \"var(--fds-colour-primary-90)\",\n \"primary-95\": \"var(--fds-colour-primary-95)\",\n \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n \"success-10\": \"var(--fds-colour-success-10)\",\n \"success-20\": \"var(--fds-colour-success-20)\",\n \"success-30\": \"var(--fds-colour-success-30)\",\n \"success-40\": \"var(--fds-colour-success-40)\",\n \"success-50\": \"var(--fds-colour-success-50)\",\n \"success-60\": \"var(--fds-colour-success-60)\",\n \"success-70\": \"var(--fds-colour-success-70)\",\n \"success-80\": \"var(--fds-colour-success-80)\",\n \"success-90\": \"var(--fds-colour-success-90)\",\n \"success-95\": \"var(--fds-colour-success-95)\",\n \"success-100\": \"var(--fds-colour-success-100)\",\n\n \"warning-10\": \"var(--fds-colour-warning-10)\",\n \"warning-20\": \"var(--fds-colour-warning-20)\",\n \"warning-30\": \"var(--fds-colour-warning-30)\",\n \"warning-40\": \"var(--fds-colour-warning-40)\",\n \"warning-50\": \"var(--fds-colour-warning-50)\",\n \"warning-60\": \"var(--fds-colour-warning-60)\",\n \"warning-70\": \"var(--fds-colour-warning-70)\",\n \"warning-80\": \"var(--fds-colour-warning-80)\",\n \"warning-90\": \"var(--fds-colour-warning-90)\",\n \"warning-95\": \"var(--fds-colour-warning-95)\",\n \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n \"error-10\": \"var(--fds-colour-error-10)\",\n \"error-20\": \"var(--fds-colour-error-20)\",\n \"error-30\": \"var(--fds-colour-error-30)\",\n \"error-40\": \"var(--fds-colour-error-40)\",\n \"error-50\": \"var(--fds-colour-error-50)\",\n \"error-60\": \"var(--fds-colour-error-60)\",\n \"error-70\": \"var(--fds-colour-error-70)\",\n \"error-80\": \"var(--fds-colour-error-80)\",\n \"error-90\": \"var(--fds-colour-error-90)\",\n \"error-95\": \"var(--fds-colour-error-95)\",\n \"error-100\": \"var(--fds-colour-error-100)\",\n\n \"info-10\": \"var(--fds-colour-info-10)\",\n \"info-20\": \"var(--fds-colour-info-20)\",\n \"info-30\": \"var(--fds-colour-info-30)\",\n \"info-40\": \"var(--fds-colour-info-40)\",\n \"info-50\": \"var(--fds-colour-info-50)\",\n \"info-60\": \"var(--fds-colour-info-60)\",\n \"info-70\": \"var(--fds-colour-info-70)\",\n \"info-80\": \"var(--fds-colour-info-80)\",\n \"info-90\": \"var(--fds-colour-info-90)\",\n \"info-95\": \"var(--fds-colour-info-95)\",\n \"info-100\": \"var(--fds-colour-info-100)\",\n\n white: \"var(--fds-colour-white)\",\n black: \"var(--fds-colour-black)\",\n \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\nexport const SemanticColours = {\n text: \"var(--fds-colour-text)\",\n \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n \"text-primary\": \"var(--fds-colour-text-primary)\",\n \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n \"text-hover\": \"var(--fds-colour-text-hover)\",\n \"text-selected\": \"var(--fds-colour-text-selected)\",\n \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n \"text-success\": \"var(--fds-colour-text-success)\",\n \"text-warning\": \"var(--fds-colour-text-warning)\",\n \"text-error\": \"var(--fds-colour-text-error)\",\n \"text-info\": \"var(--fds-colour-text-info)\",\n \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n icon: \"var(--fds-colour-icon)\",\n \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n \"icon-success\": \"var(--fds-colour-icon-success)\",\n \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n \"icon-error\": \"var(--fds-colour-icon-error)\",\n \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n \"icon-info\": \"var(--fds-colour-icon-info)\",\n \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n border: \"var(--fds-colour-border)\",\n \"border-strong\": \"var(--fds-colour-border-strong)\",\n \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n \"border-primary\": \"var(--fds-colour-border-primary)\",\n \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n \"border-hover\": \"var(--fds-colour-border-hover)\",\n \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n \"border-selected\": \"var(--fds-colour-border-selected)\",\n \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n \"border-focus\": \"var(--fds-colour-border-focus)\",\n \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n \"border-success\": \"var(--fds-colour-border-success)\",\n \"border-warning\": \"var(--fds-colour-border-warning)\",\n \"border-error\": \"var(--fds-colour-border-error)\",\n \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n \"border-info\": \"var(--fds-colour-border-info)\",\n\n bg: \"var(--fds-colour-bg)\",\n \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n \"bg-selected-strongest-hover\":\n \"var(--fds-colour-bg-selected-strongest-hover)\",\n \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n \"bg-selected-stronger-disabled\":\n \"var(--fds-colour-bg-selected-stronger-disabled)\",\n \"bg-success\": \"var(--fds-colour-bg-success)\",\n \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n \"bg-info\": \"var(--fds-colour-bg-info)\",\n \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n \"bg-error\": \"var(--fds-colour-bg-error)\",\n \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n \"bg-available\": \"var(--fds-colour-bg-available)\",\n \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n \"bg-primary-subtlest-selected\":\n \"var(--fds-colour-bg-primary-subtlest-selected)\",\n \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n hyperlink: \"var(--fds-colour-hyperlink)\",\n \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\nexport const Colour = {\n Primitive: PrimitiveColours,\n ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}
1	+ {"version":3,"file":"colour.js","sources":["../../../src/theme/tokens/colour.ts"],"sourcesContent":["export const PrimitiveColours = {\n \"brand-10\": \"var(--fds-colour-brand-10)\",\n \"brand-20\": \"var(--fds-colour-brand-20)\",\n \"brand-30\": \"var(--fds-colour-brand-30)\",\n \"brand-40\": \"var(--fds-colour-brand-40)\",\n \"brand-50\": \"var(--fds-colour-brand-50)\",\n \"brand-60\": \"var(--fds-colour-brand-60)\",\n \"brand-70\": \"var(--fds-colour-brand-70)\",\n \"brand-80\": \"var(--fds-colour-brand-80)\",\n \"brand-90\": \"var(--fds-colour-brand-90)\",\n \"brand-95\": \"var(--fds-colour-brand-95)\",\n \"brand-100\": \"var(--fds-colour-brand-100)\",\n\n \"primary-10\": \"var(--fds-colour-primary-10)\",\n \"primary-20\": \"var(--fds-colour-primary-20)\",\n \"primary-30\": \"var(--fds-colour-primary-30)\",\n \"primary-40\": \"var(--fds-colour-primary-40)\",\n \"primary-50\": \"var(--fds-colour-primary-50)\",\n \"primary-60\": \"var(--fds-colour-primary-60)\",\n \"primary-70\": \"var(--fds-colour-primary-70)\",\n \"primary-80\": \"var(--fds-colour-primary-80)\",\n \"primary-90\": \"var(--fds-colour-primary-90)\",\n \"primary-95\": \"var(--fds-colour-primary-95)\",\n \"primary-100\": \"var(--fds-colour-primary-100)\",\n\n \"secondary-10\": \"var(--fds-colour-secondary-10)\",\n \"secondary-20\": \"var(--fds-colour-secondary-20)\",\n \"secondary-30\": \"var(--fds-colour-secondary-30)\",\n \"secondary-40\": \"var(--fds-colour-secondary-40)\",\n \"secondary-50\": \"var(--fds-colour-secondary-50)\",\n \"secondary-60\": \"var(--fds-colour-secondary-60)\",\n \"secondary-70\": \"var(--fds-colour-secondary-70)\",\n \"secondary-80\": \"var(--fds-colour-secondary-80)\",\n \"secondary-90\": \"var(--fds-colour-secondary-90)\",\n \"secondary-95\": \"var(--fds-colour-secondary-95)\",\n \"secondary-100\": \"var(--fds-colour-secondary-100)\",\n\n \"neutral-10\": \"var(--fds-colour-neutral-10)\",\n \"neutral-20\": \"var(--fds-colour-neutral-20)\",\n \"neutral-30\": \"var(--fds-colour-neutral-30)\",\n \"neutral-40\": \"var(--fds-colour-neutral-40)\",\n \"neutral-50\": \"var(--fds-colour-neutral-50)\",\n \"neutral-60\": \"var(--fds-colour-neutral-60)\",\n \"neutral-70\": \"var(--fds-colour-neutral-70)\",\n \"neutral-80\": \"var(--fds-colour-neutral-80)\",\n \"neutral-90\": \"var(--fds-colour-neutral-90)\",\n \"neutral-95\": \"var(--fds-colour-neutral-95)\",\n \"neutral-100\": \"var(--fds-colour-neutral-100)\",\n\n \"success-10\": \"var(--fds-colour-success-10)\",\n \"success-20\": \"var(--fds-colour-success-20)\",\n \"success-30\": \"var(--fds-colour-success-30)\",\n \"success-40\": \"var(--fds-colour-success-40)\",\n \"success-50\": \"var(--fds-colour-success-50)\",\n \"success-60\": \"var(--fds-colour-success-60)\",\n \"success-70\": \"var(--fds-colour-success-70)\",\n \"success-80\": \"var(--fds-colour-success-80)\",\n \"success-90\": \"var(--fds-colour-success-90)\",\n \"success-95\": \"var(--fds-colour-success-95)\",\n \"success-100\": \"var(--fds-colour-success-100)\",\n\n \"warning-10\": \"var(--fds-colour-warning-10)\",\n \"warning-20\": \"var(--fds-colour-warning-20)\",\n \"warning-30\": \"var(--fds-colour-warning-30)\",\n \"warning-40\": \"var(--fds-colour-warning-40)\",\n \"warning-50\": \"var(--fds-colour-warning-50)\",\n \"warning-60\": \"var(--fds-colour-warning-60)\",\n \"warning-70\": \"var(--fds-colour-warning-70)\",\n \"warning-80\": \"var(--fds-colour-warning-80)\",\n \"warning-90\": \"var(--fds-colour-warning-90)\",\n \"warning-95\": \"var(--fds-colour-warning-95)\",\n \"warning-100\": \"var(--fds-colour-warning-100)\",\n\n \"error-10\": \"var(--fds-colour-error-10)\",\n \"error-20\": \"var(--fds-colour-error-20)\",\n \"error-30\": \"var(--fds-colour-error-30)\",\n \"error-40\": \"var(--fds-colour-error-40)\",\n \"error-50\": \"var(--fds-colour-error-50)\",\n \"error-60\": \"var(--fds-colour-error-60)\",\n \"error-70\": \"var(--fds-colour-error-70)\",\n \"error-80\": \"var(--fds-colour-error-80)\",\n \"error-90\": \"var(--fds-colour-error-90)\",\n \"error-95\": \"var(--fds-colour-error-95)\",\n \"error-100\": \"var(--fds-colour-error-100)\",\n\n \"info-10\": \"var(--fds-colour-info-10)\",\n \"info-20\": \"var(--fds-colour-info-20)\",\n \"info-30\": \"var(--fds-colour-info-30)\",\n \"info-40\": \"var(--fds-colour-info-40)\",\n \"info-50\": \"var(--fds-colour-info-50)\",\n \"info-60\": \"var(--fds-colour-info-60)\",\n \"info-70\": \"var(--fds-colour-info-70)\",\n \"info-80\": \"var(--fds-colour-info-80)\",\n \"info-90\": \"var(--fds-colour-info-90)\",\n \"info-95\": \"var(--fds-colour-info-95)\",\n \"info-100\": \"var(--fds-colour-info-100)\",\n\n white: \"var(--fds-colour-white)\",\n black: \"var(--fds-colour-black)\",\n \"primary-inverse\": \"var(--fds-colour-primary-inverse)\",\n} as const;\n\nexport const SemanticColours = {\n text: \"var(--fds-colour-text)\",\n \"text-subtle\": \"var(--fds-colour-text-subtle)\",\n \"text-subtler\": \"var(--fds-colour-text-subtler)\",\n \"text-subtlest\": \"var(--fds-colour-text-subtlest)\",\n \"text-primary\": \"var(--fds-colour-text-primary)\",\n \"text-primary-strong\": \"var(--fds-colour-text-primary-strong)\",\n \"text-primary-strongest\": \"var(--fds-colour-text-primary-strongest)\",\n \"text-brand\": \"var(--fds-colour-text-brand)\",\n \"text-secondary\": \"var(--fds-colour-text-secondary)\",\n \"text-secondary-subtle\": \"var(--fds-colour-text-secondary-subtle)\",\n \"text-hover\": \"var(--fds-colour-text-hover)\",\n \"text-selected\": \"var(--fds-colour-text-selected)\",\n \"text-selected-hover\": \"var(--fds-colour-text-selected-hover)\",\n \"text-disabled\": \"var(--fds-colour-text-disabled)\",\n \"text-disabled-subtle\": \"var(--fds-colour-text-disabled-subtle)\",\n \"text-disabled-subtlest\": \"var(--fds-colour-text-disabled-subtlest)\",\n \"text-selected-disabled\": \"var(--fds-colour-text-selected-disabled)\",\n \"text-success\": \"var(--fds-colour-text-success)\",\n \"text-warning\": \"var(--fds-colour-text-warning)\",\n \"text-error\": \"var(--fds-colour-text-error)\",\n \"text-info\": \"var(--fds-colour-text-info)\",\n \"text-inverse\": \"var(--fds-colour-text-inverse)\",\n\n icon: \"var(--fds-colour-icon)\",\n \"icon-subtle\": \"var(--fds-colour-icon-subtle)\",\n \"icon-strongest\": \"var(--fds-colour-icon-strongest)\",\n \"icon-primary\": \"var(--fds-colour-icon-primary)\",\n \"icon-primary-subtle\": \"var(--fds-colour-icon-primary-subtle)\",\n \"icon-primary-subtlest\": \"var(--fds-colour-icon-primary-subtlest)\",\n \"icon-brand\": \"var(--fds-colour-icon-brand)\",\n \"icon-secondary\": \"var(--fds-colour-icon-secondary)\",\n \"icon-secondary-subtle\": \"var(--fds-colour-icon-secondary-subtle)\",\n \"icon-hover\": \"var(--fds-colour-icon-hover)\",\n \"icon-selected\": \"var(--fds-colour-icon-selected)\",\n \"icon-selected-hover\": \"var(--fds-colour-icon-selected-hover)\",\n \"icon-disabled\": \"var(--fds-colour-icon-disabled)\",\n \"icon-disabled-subtle\": \"var(--fds-colour-icon-disabled-subtle)\",\n \"icon-selected-disabled\": \"var(--fds-colour-icon-selected-disabled)\",\n \"icon-success\": \"var(--fds-colour-icon-success)\",\n \"icon-warning\": \"var(--fds-colour-icon-warning)\",\n \"icon-error\": \"var(--fds-colour-icon-error)\",\n \"icon-error-strong\": \"var(--fds-colour-icon-error-strong)\",\n \"icon-info\": \"var(--fds-colour-icon-info)\",\n \"icon-inverse\": \"var(--fds-colour-icon-inverse)\",\n \"icon-primary-inverse\": \"var(--fds-colour-icon-primary-inverse)\",\n\n border: \"var(--fds-colour-border)\",\n \"border-strong\": \"var(--fds-colour-border-strong)\",\n \"border-stronger\": \"var(--fds-colour-border-stronger)\",\n \"border-primary\": \"var(--fds-colour-border-primary)\",\n \"border-primary-strong\": \"var(--fds-colour-border-primary-strong)\",\n \"border-primary-subtle\": \"var(--fds-colour-border-primary-subtle)\",\n \"border-hover\": \"var(--fds-colour-border-hover)\",\n \"border-hover-strong\": \"var(--fds-colour-border-hover-strong)\",\n \"border-selected\": \"var(--fds-colour-border-selected)\",\n \"border-selected-subtle\": \"var(--fds-colour-border-selected-subtle)\",\n \"border-selected-subtlest\": \"var(--fds-colour-border-selected-subtlest)\",\n \"border-selected-hover\": \"var(--fds-colour-border-selected-hover)\",\n \"border-focus\": \"var(--fds-colour-border-focus)\",\n \"border-focus-strong\": \"var(--fds-colour-border-focus-strong)\",\n \"border-disabled\": \"var(--fds-colour-border-disabled)\",\n \"border-selected-disabled\": \"var(--fds-colour-border-selected-disabled)\",\n \"border-success\": \"var(--fds-colour-border-success)\",\n \"border-warning\": \"var(--fds-colour-border-warning)\",\n \"border-error\": \"var(--fds-colour-border-error)\",\n \"border-error-focus\": \"var(--fds-colour-border-error-focus)\",\n \"border-error-focus-strong\": \"var(--fds-colour-border-error-focus-strong)\",\n \"border-error-strong\": \"var(--fds-colour-border-error-strong)\",\n \"border-info\": \"var(--fds-colour-border-info)\",\n\n bg: \"var(--fds-colour-bg)\",\n \"bg-strong\": \"var(--fds-colour-bg-strong)\",\n \"bg-stronger\": \"var(--fds-colour-bg-stronger)\",\n \"bg-strongest\": \"var(--fds-colour-bg-strongest)\",\n \"bg-hover\": \"var(--fds-colour-bg-hover)\",\n \"bg-hover-strong\": \"var(--fds-colour-bg-hover-strong)\",\n \"bg-hover-subtle\": \"var(--fds-colour-bg-hover-subtle)\",\n \"bg-hover-neutral\": \"var(--fds-colour-bg-hover-neutral)\",\n \"bg-hover-neutral-strong\": \"var(--fds-colour-bg-hover-neutral-strong)\",\n \"bg-selected\": \"var(--fds-colour-bg-selected)\",\n \"bg-selected-hover\": \"var(--fds-colour-bg-selected-hover)\",\n \"bg-selected-strong\": \"var(--fds-colour-bg-selected-strong)\",\n \"bg-selected-stronger\": \"var(--fds-colour-bg-selected-stronger)\",\n \"bg-selected-strongest\": \"var(--fds-colour-bg-selected-strongest)\",\n \"bg-selected-strongest-hover\":\n \"var(--fds-colour-bg-selected-strongest-hover)\",\n \"bg-disabled\": \"var(--fds-colour-bg-disabled)\",\n \"bg-selected-disabled\": \"var(--fds-colour-bg-selected-disabled)\",\n \"bg-selected-stronger-disabled\":\n \"var(--fds-colour-bg-selected-stronger-disabled)\",\n \"bg-success\": \"var(--fds-colour-bg-success)\",\n \"bg-success-hover\": \"var(--fds-colour-bg-success-hover)\",\n \"bg-success-strong\": \"var(--fds-colour-bg-success-strong)\",\n \"bg-success-strong-hover\": \"var(--fds-colour-bg-success-strong-hover)\",\n \"bg-warning\": \"var(--fds-colour-bg-warning)\",\n \"bg-warning-hover\": \"var(--fds-colour-bg-warning-hover)\",\n \"bg-warning-strong\": \"var(--fds-colour-bg-warning-strong)\",\n \"bg-warning-strong-hover\": \"var(--fds-colour-bg-warning-strong-hover)\",\n \"bg-info\": \"var(--fds-colour-bg-info)\",\n \"bg-info-hover\": \"var(--fds-colour-bg-info-hover)\",\n \"bg-info-strong\": \"var(--fds-colour-bg-info-strong)\",\n \"bg-info-strong-hover\": \"var(--fds-colour-bg-info-strong-hover)\",\n \"bg-error\": \"var(--fds-colour-bg-error)\",\n \"bg-error-hover\": \"var(--fds-colour-bg-error-hover)\",\n \"bg-error-strong\": \"var(--fds-colour-bg-error-strong)\",\n \"bg-error-strong-hover\": \"var(--fds-colour-bg-error-strong-hover)\",\n \"bg-inverse\": \"var(--fds-colour-bg-inverse)\",\n \"bg-inverse-subtle\": \"var(--fds-colour-bg-inverse-subtle)\",\n \"bg-inverse-subtler\": \"var(--fds-colour-bg-inverse-subtler)\",\n \"bg-inverse-subtlest\": \"var(--fds-colour-bg-inverse-subtlest)\",\n \"bg-inverse-hover\": \"var(--fds-colour-bg-inverse-hover)\",\n \"bg-primary\": \"var(--fds-colour-bg-primary)\",\n \"bg-primary-strong\": \"var(--fds-colour-bg-primary-strong)\",\n \"bg-primary-subtle\": \"var(--fds-colour-bg-primary-subtle)\",\n \"bg-primary-subtler\": \"var(--fds-colour-bg-primary-subtler)\",\n \"bg-primary-subtlest\": \"var(--fds-colour-bg-primary-subtlest)\",\n \"bg-secondary\": \"var(--fds-colour-bg-secondary)\",\n \"bg-secondary-subtle\": \"var(--fds-colour-bg-secondary-subtle)\",\n \"bg-secondary-subtler\": \"var(--fds-colour-bg-secondary-subtler)\",\n \"bg-secondary-subtlest\": \"var(--fds-colour-bg-secondary-subtlest)\",\n \"bg-available\": \"var(--fds-colour-bg-available)\",\n \"bg-primary-hover\": \"var(--fds-colour-bg-primary-hover)\",\n \"bg-primary-strong-hover\": \"var(--fds-colour-bg-primary-strong-hover)\",\n \"bg-primary-subtlest-hover\": \"var(--fds-colour-bg-primary-subtlest-hover)\",\n \"bg-primary-subtlest-selected\":\n \"var(--fds-colour-bg-primary-subtlest-selected)\",\n\n \"overlay-strong\": \"var(--fds-colour-overlay-strong)\",\n \"overlay-subtle\": \"var(--fds-colour-overlay-subtle)\",\n\n hyperlink: \"var(--fds-colour-hyperlink)\",\n \"hyperlink-hover\": \"var(--fds-colour-hyperlink-hover)\",\n \"hyperlink-visited\": \"var(--fds-colour-hyperlink-visited)\",\n \"hyperlink-inverse\": \"var(--fds-colour-hyperlink-inverse)\",\n\n \"focus-ring\": \"var(--fds-colour-focus-ring)\",\n \"focus-ring-inverse\": \"var(--fds-colour-focus-ring-inverse)\",\n} as const;\n\nexport const Colour = {\n Primitive: PrimitiveColours,\n ...SemanticColours,\n} as const;\n"],"names":["PrimitiveColours","white","black","SemanticColours","text","icon","border","bg","hyperlink","Colour","Object","assign","Primitive"],"mappings":"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"}

package/theme/tokens/font.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 export declare const FontSpec: {
-    readonly "font-family": "var(--fds-font-family)";
+    readonly "font-family-heading": "var(--fds-font-family-heading)";
+    readonly "font-family-body": "var(--fds-font-family-body)";
     readonly "font-variant": "var(--fds-font-variant)";
     readonly "weight-light": "var(--fds-font-weight-light)";
     readonly "weight-regular": "var(--fds-font-weight-regular)";
@@ -86,7 +87,8 @@ export declare const Font: {
     readonly "form-label": string;
     readonly "form-description": string;
     readonly Spec: {
-        readonly "font-family": "var(--fds-font-family)";
+        readonly "font-family-heading": "var(--fds-font-family-heading)";
+        readonly "font-family-body": "var(--fds-font-family-body)";
         readonly "font-variant": "var(--fds-font-variant)";
         readonly "weight-light": "var(--fds-font-weight-light)";
         readonly "weight-regular": "var(--fds-font-weight-regular)";

package/theme/tokens/font.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{generateFont as d}from"../utils/font.js";import"../../util/calendar-helper.js";import"../../external/dayjs/dayjs.min.js";import"react";import"../../util/simple-id-generator.js";import"../../util/string-helper.js";import"@react-aria/live-announcer";import"../theme-provider/context.js";const e={"font-family":"var(--fds-font-family)","font-variant":"var(--fds-font-variant)","weight-light":"var(--fds-font-weight-light)","weight-regular":"var(--fds-font-weight-regular)","weight-semibold":"var(--fds-font-weight-semibold)","weight-bold":"var(--fds-font-weight-bold)","heading-size-xxl":"var(--fds-font-heading-size-xxl)","heading-size-xl":"var(--fds-font-heading-size-xl)","heading-size-lg":"var(--fds-font-heading-size-lg)","heading-size-md":"var(--fds-font-heading-size-md)","heading-size-sm":"var(--fds-font-heading-size-sm)","heading-size-xs":"var(--fds-font-heading-size-xs)","heading-lh-xxl":"var(--fds-font-heading-lh-xxl)","heading-lh-xl":"var(--fds-font-heading-lh-xl)","heading-lh-lg":"var(--fds-font-heading-lh-lg)","heading-lh-md":"var(--fds-font-heading-lh-md)","heading-lh-sm":"var(--fds-font-heading-lh-sm)","heading-lh-xs":"var(--fds-font-heading-lh-xs)","heading-ls-xxl":"var(--fds-font-heading-ls-xxl)","heading-ls-xl":"var(--fds-font-heading-ls-xl)","heading-ls-lg":"var(--fds-font-heading-ls-lg)","heading-ls-md":"var(--fds-font-heading-ls-md)","heading-ls-sm":"var(--fds-font-heading-ls-sm)","heading-ls-xs":"var(--fds-font-heading-ls-xs)","body-size-baseline":"var(--fds-font-body-size-baseline)","body-size-md":"var(--fds-font-body-size-md)","body-size-sm":"var(--fds-font-body-size-sm)","body-size-xs":"var(--fds-font-body-size-xs)","body-lh-baseline":"var(--fds-font-body-lh-baseline)","body-lh-md":"var(--fds-font-body-lh-md)","body-lh-sm":"var(--fds-font-body-lh-sm)","body-lh-xs":"var(--fds-font-body-lh-xs)","body-ls-baseline":"var(--fds-font-body-ls-baseline)","body-ls-md":"var(--fds-font-body-ls-md)","body-ls-sm":"var(--fds-font-body-ls-sm)","body-ls-xs":"var(--fds-font-body-ls-xs)","form-label-size":"var(--fds-font-form-label-size)","form-label-lh":"var(--fds-font-form-label-lh)","form-label-ls":"var(--fds-font-form-label-ls)","form-description-size":"var(--fds-font-form-description-size)","form-description-lh":"var(--fds-font-form-description-lh)","form-description-ls":"var(--fds-font-form-description-ls)"},l={"heading-xxl-light":d("heading-xxl","light"),"heading-xxl-regular":d("heading-xxl","regular"),"heading-xxl-semibold":d("heading-xxl","semibold"),"heading-xxl-bold":d("heading-xxl","bold"),"heading-xl-light":d("heading-xl","light"),"heading-xl-regular":d("heading-xl","regular"),"heading-xl-semibold":d("heading-xl","semibold"),"heading-xl-bold":d("heading-xl","bold"),"heading-lg-light":d("heading-lg","light"),"heading-lg-regular":d("heading-lg","regular"),"heading-lg-semibold":d("heading-lg","semibold"),"heading-lg-bold":d("heading-lg","bold"),"heading-md-light":d("heading-md","light"),"heading-md-regular":d("heading-md","regular"),"heading-md-semibold":d("heading-md","semibold"),"heading-md-bold":d("heading-md","bold"),"heading-sm-light":d("heading-sm","light"),"heading-sm-regular":d("heading-sm","regular"),"heading-sm-semibold":d("heading-sm","semibold"),"heading-sm-bold":d("heading-sm","bold"),"heading-xs-light":d("heading-xs","light"),"heading-xs-regular":d("heading-xs","regular"),"heading-xs-semibold":d("heading-xs","semibold"),"heading-xs-bold":d("heading-xs","bold"),"body-baseline-light":d("body-baseline","light"),"body-baseline-regular":d("body-baseline","regular"),"body-baseline-semibold":d("body-baseline","semibold"),"body-baseline-bold":d("body-baseline","bold"),"body-md-light":d("body-md","light"),"body-md-regular":d("body-md","regular"),"body-md-semibold":d("body-md","semibold"),"body-md-bold":d("body-md","bold"),"body-sm-light":d("body-sm","light"),"body-sm-regular":d("body-sm","regular"),"body-sm-semibold":d("body-sm","semibold"),"body-sm-bold":d("body-sm","bold"),"body-xs-light":d("body-xs","light"),"body-xs-regular":d("body-xs","regular"),"body-xs-semibold":d("body-xs","semibold"),"body-xs-bold":d("body-xs","bold"),"form-label":d("form-label","semibold"),"form-description":d("form-description","regular"),Spec:e};export{l as Font,e as FontSpec};
+import{generateFont as d}from"../utils/font.js";const l={"font-family-heading":"var(--fds-font-family-heading)","font-family-body":"var(--fds-font-family-body)","font-variant":"var(--fds-font-variant)","weight-light":"var(--fds-font-weight-light)","weight-regular":"var(--fds-font-weight-regular)","weight-semibold":"var(--fds-font-weight-semibold)","weight-bold":"var(--fds-font-weight-bold)","heading-size-xxl":"var(--fds-font-heading-size-xxl)","heading-size-xl":"var(--fds-font-heading-size-xl)","heading-size-lg":"var(--fds-font-heading-size-lg)","heading-size-md":"var(--fds-font-heading-size-md)","heading-size-sm":"var(--fds-font-heading-size-sm)","heading-size-xs":"var(--fds-font-heading-size-xs)","heading-lh-xxl":"var(--fds-font-heading-lh-xxl)","heading-lh-xl":"var(--fds-font-heading-lh-xl)","heading-lh-lg":"var(--fds-font-heading-lh-lg)","heading-lh-md":"var(--fds-font-heading-lh-md)","heading-lh-sm":"var(--fds-font-heading-lh-sm)","heading-lh-xs":"var(--fds-font-heading-lh-xs)","heading-ls-xxl":"var(--fds-font-heading-ls-xxl)","heading-ls-xl":"var(--fds-font-heading-ls-xl)","heading-ls-lg":"var(--fds-font-heading-ls-lg)","heading-ls-md":"var(--fds-font-heading-ls-md)","heading-ls-sm":"var(--fds-font-heading-ls-sm)","heading-ls-xs":"var(--fds-font-heading-ls-xs)","body-size-baseline":"var(--fds-font-body-size-baseline)","body-size-md":"var(--fds-font-body-size-md)","body-size-sm":"var(--fds-font-body-size-sm)","body-size-xs":"var(--fds-font-body-size-xs)","body-lh-baseline":"var(--fds-font-body-lh-baseline)","body-lh-md":"var(--fds-font-body-lh-md)","body-lh-sm":"var(--fds-font-body-lh-sm)","body-lh-xs":"var(--fds-font-body-lh-xs)","body-ls-baseline":"var(--fds-font-body-ls-baseline)","body-ls-md":"var(--fds-font-body-ls-md)","body-ls-sm":"var(--fds-font-body-ls-sm)","body-ls-xs":"var(--fds-font-body-ls-xs)","form-label-size":"var(--fds-font-form-label-size)","form-label-lh":"var(--fds-font-form-label-lh)","form-label-ls":"var(--fds-font-form-label-ls)","form-description-size":"var(--fds-font-form-description-size)","form-description-lh":"var(--fds-font-form-description-lh)","form-description-ls":"var(--fds-font-form-description-ls)"},e={"heading-xxl-light":d("heading-xxl","light"),"heading-xxl-regular":d("heading-xxl","regular"),"heading-xxl-semibold":d("heading-xxl","semibold"),"heading-xxl-bold":d("heading-xxl","bold"),"heading-xl-light":d("heading-xl","light"),"heading-xl-regular":d("heading-xl","regular"),"heading-xl-semibold":d("heading-xl","semibold"),"heading-xl-bold":d("heading-xl","bold"),"heading-lg-light":d("heading-lg","light"),"heading-lg-regular":d("heading-lg","regular"),"heading-lg-semibold":d("heading-lg","semibold"),"heading-lg-bold":d("heading-lg","bold"),"heading-md-light":d("heading-md","light"),"heading-md-regular":d("heading-md","regular"),"heading-md-semibold":d("heading-md","semibold"),"heading-md-bold":d("heading-md","bold"),"heading-sm-light":d("heading-sm","light"),"heading-sm-regular":d("heading-sm","regular"),"heading-sm-semibold":d("heading-sm","semibold"),"heading-sm-bold":d("heading-sm","bold"),"heading-xs-light":d("heading-xs","light"),"heading-xs-regular":d("heading-xs","regular"),"heading-xs-semibold":d("heading-xs","semibold"),"heading-xs-bold":d("heading-xs","bold"),"body-baseline-light":d("body-baseline","light"),"body-baseline-regular":d("body-baseline","regular"),"body-baseline-semibold":d("body-baseline","semibold"),"body-baseline-bold":d("body-baseline","bold"),"body-md-light":d("body-md","light"),"body-md-regular":d("body-md","regular"),"body-md-semibold":d("body-md","semibold"),"body-md-bold":d("body-md","bold"),"body-sm-light":d("body-sm","light"),"body-sm-regular":d("body-sm","regular"),"body-sm-semibold":d("body-sm","semibold"),"body-sm-bold":d("body-sm","bold"),"body-xs-light":d("body-xs","light"),"body-xs-regular":d("body-xs","regular"),"body-xs-semibold":d("body-xs","semibold"),"body-xs-bold":d("body-xs","bold"),"form-label":d("form-label","semibold"),"form-description":d("form-description","regular"),Spec:l};export{e as Font,l as FontSpec};
 //# sourceMappingURL=font.js.map

package/theme/tokens/font.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"font.js","sources":["../../../src/theme/tokens/font.ts"],"sourcesContent":["import { generateFont } from \"../utils\";\n\nexport const FontSpec = {\n \"font-family\": \"var(--fds-font-family)\",\n \"font-variant\": \"var(--fds-font-variant)\",\n\n \"weight-light\": \"var(--fds-font-weight-light)\",\n \"weight-regular\": \"var(--fds-font-weight-regular)\",\n \"weight-semibold\": \"var(--fds-font-weight-semibold)\",\n \"weight-bold\": \"var(--fds-font-weight-bold)\",\n\n \"heading-size-xxl\": \"var(--fds-font-heading-size-xxl)\",\n \"heading-size-xl\": \"var(--fds-font-heading-size-xl)\",\n \"heading-size-lg\": \"var(--fds-font-heading-size-lg)\",\n \"heading-size-md\": \"var(--fds-font-heading-size-md)\",\n \"heading-size-sm\": \"var(--fds-font-heading-size-sm)\",\n \"heading-size-xs\": \"var(--fds-font-heading-size-xs)\",\n\n \"heading-lh-xxl\": \"var(--fds-font-heading-lh-xxl)\",\n \"heading-lh-xl\": \"var(--fds-font-heading-lh-xl)\",\n \"heading-lh-lg\": \"var(--fds-font-heading-lh-lg)\",\n \"heading-lh-md\": \"var(--fds-font-heading-lh-md)\",\n \"heading-lh-sm\": \"var(--fds-font-heading-lh-sm)\",\n \"heading-lh-xs\": \"var(--fds-font-heading-lh-xs)\",\n\n \"heading-ls-xxl\": \"var(--fds-font-heading-ls-xxl)\",\n \"heading-ls-xl\": \"var(--fds-font-heading-ls-xl)\",\n \"heading-ls-lg\": \"var(--fds-font-heading-ls-lg)\",\n \"heading-ls-md\": \"var(--fds-font-heading-ls-md)\",\n \"heading-ls-sm\": \"var(--fds-font-heading-ls-sm)\",\n \"heading-ls-xs\": \"var(--fds-font-heading-ls-xs)\",\n\n \"body-size-baseline\": \"var(--fds-font-body-size-baseline)\",\n \"body-size-md\": \"var(--fds-font-body-size-md)\",\n \"body-size-sm\": \"var(--fds-font-body-size-sm)\",\n \"body-size-xs\": \"var(--fds-font-body-size-xs)\",\n\n \"body-lh-baseline\": \"var(--fds-font-body-lh-baseline)\",\n \"body-lh-md\": \"var(--fds-font-body-lh-md)\",\n \"body-lh-sm\": \"var(--fds-font-body-lh-sm)\",\n \"body-lh-xs\": \"var(--fds-font-body-lh-xs)\",\n\n \"body-ls-baseline\": \"var(--fds-font-body-ls-baseline)\",\n \"body-ls-md\": \"var(--fds-font-body-ls-md)\",\n \"body-ls-sm\": \"var(--fds-font-body-ls-sm)\",\n \"body-ls-xs\": \"var(--fds-font-body-ls-xs)\",\n\n \"form-label-size\": \"var(--fds-font-form-label-size)\",\n \"form-label-lh\": \"var(--fds-font-form-label-lh)\",\n \"form-label-ls\": \"var(--fds-font-form-label-ls)\",\n\n \"form-description-size\": \"var(--fds-font-form-description-size)\",\n \"form-description-lh\": \"var(--fds-font-form-description-lh)\",\n \"form-description-ls\": \"var(--fds-font-form-description-ls)\",\n} as const;\n\nexport const Font = {\n \"heading-xxl-light\": generateFont(\"heading-xxl\", \"light\"),\n \"heading-xxl-regular\": generateFont(\"heading-xxl\", \"regular\"),\n \"heading-xxl-semibold\": generateFont(\"heading-xxl\", \"semibold\"),\n \"heading-xxl-bold\": generateFont(\"heading-xxl\", \"bold\"),\n\n \"heading-xl-light\": generateFont(\"heading-xl\", \"light\"),\n \"heading-xl-regular\": generateFont(\"heading-xl\", \"regular\"),\n \"heading-xl-semibold\": generateFont(\"heading-xl\", \"semibold\"),\n \"heading-xl-bold\": generateFont(\"heading-xl\", \"bold\"),\n\n \"heading-lg-light\": generateFont(\"heading-lg\", \"light\"),\n \"heading-lg-regular\": generateFont(\"heading-lg\", \"regular\"),\n \"heading-lg-semibold\": generateFont(\"heading-lg\", \"semibold\"),\n \"heading-lg-bold\": generateFont(\"heading-lg\", \"bold\"),\n\n \"heading-md-light\": generateFont(\"heading-md\", \"light\"),\n \"heading-md-regular\": generateFont(\"heading-md\", \"regular\"),\n \"heading-md-semibold\": generateFont(\"heading-md\", \"semibold\"),\n \"heading-md-bold\": generateFont(\"heading-md\", \"bold\"),\n\n \"heading-sm-light\": generateFont(\"heading-sm\", \"light\"),\n \"heading-sm-regular\": generateFont(\"heading-sm\", \"regular\"),\n \"heading-sm-semibold\": generateFont(\"heading-sm\", \"semibold\"),\n \"heading-sm-bold\": generateFont(\"heading-sm\", \"bold\"),\n\n \"heading-xs-light\": generateFont(\"heading-xs\", \"light\"),\n \"heading-xs-regular\": generateFont(\"heading-xs\", \"regular\"),\n \"heading-xs-semibold\": generateFont(\"heading-xs\", \"semibold\"),\n \"heading-xs-bold\": generateFont(\"heading-xs\", \"bold\"),\n\n \"body-baseline-light\": generateFont(\"body-baseline\", \"light\"),\n \"body-baseline-regular\": generateFont(\"body-baseline\", \"regular\"),\n \"body-baseline-semibold\": generateFont(\"body-baseline\", \"semibold\"),\n \"body-baseline-bold\": generateFont(\"body-baseline\", \"bold\"),\n\n \"body-md-light\": generateFont(\"body-md\", \"light\"),\n \"body-md-regular\": generateFont(\"body-md\", \"regular\"),\n \"body-md-semibold\": generateFont(\"body-md\", \"semibold\"),\n \"body-md-bold\": generateFont(\"body-md\", \"bold\"),\n\n \"body-sm-light\": generateFont(\"body-sm\", \"light\"),\n \"body-sm-regular\": generateFont(\"body-sm\", \"regular\"),\n \"body-sm-semibold\": generateFont(\"body-sm\", \"semibold\"),\n \"body-sm-bold\": generateFont(\"body-sm\", \"bold\"),\n\n \"body-xs-light\": generateFont(\"body-xs\", \"light\"),\n \"body-xs-regular\": generateFont(\"body-xs\", \"regular\"),\n \"body-xs-semibold\": generateFont(\"body-xs\", \"semibold\"),\n \"body-xs-bold\": generateFont(\"body-xs\", \"bold\"),\n\n \"form-label\": generateFont(\"form-label\", \"semibold\"),\n \"form-description\": generateFont(\"form-description\", \"regular\"),\n\n Spec: FontSpec,\n} as const;\n"],"names":["FontSpec","Font","generateFont","Spec"],"mappings":"~~oSAEO~~,MAAMA,EAAW,CACpB,~~cAAe~~,~~yBACf~~,eAAgB,0BAEhB,eAAgB,+BAChB,iBAAkB,iCAClB,kBAAmB,kCACnB,cAAe,8BAEf,mBAAoB,mCACpB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCAEnB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,qBAAsB,qCACtB,eAAgB,+BAChB,eAAgB,+BAChB,eAAgB,+BAEhB,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,kBAAmB,kCACnB,gBAAiB,gCACjB,gBAAiB,gCAEjB,wBAAyB,wCACzB,sBAAuB,sCACvB,sBAAuB,uCAGdC,EAAO,CAChB,oBAAqBC,EAAa,cAAe,SACjD,sBAAuBA,EAAa,cAAe,WACnD,uBAAwBA,EAAa,cAAe,YACpD,mBAAoBA,EAAa,cAAe,QAEhD,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,sBAAuBA,EAAa,gBAAiB,SACrD,wBAAyBA,EAAa,gBAAiB,WACvD,yBAA0BA,EAAa,gBAAiB,YACxD,qBAAsBA,EAAa,gBAAiB,QAEpD,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,aAAcA,EAAa,aAAc,YACzC,mBAAoBA,EAAa,mBAAoB,WAErDC,KAAMH"}
1	+ {"version":3,"file":"font.js","sources":["../../../src/theme/tokens/font.ts"],"sourcesContent":["import { generateFont } from \"../utils/font\";\n\nexport const FontSpec = {\n \"font-family-heading\": \"var(--fds-font-family-heading)\",\n \"font-family-body\": \"var(--fds-font-family-body)\",\n \"font-variant\": \"var(--fds-font-variant)\",\n\n \"weight-light\": \"var(--fds-font-weight-light)\",\n \"weight-regular\": \"var(--fds-font-weight-regular)\",\n \"weight-semibold\": \"var(--fds-font-weight-semibold)\",\n \"weight-bold\": \"var(--fds-font-weight-bold)\",\n\n \"heading-size-xxl\": \"var(--fds-font-heading-size-xxl)\",\n \"heading-size-xl\": \"var(--fds-font-heading-size-xl)\",\n \"heading-size-lg\": \"var(--fds-font-heading-size-lg)\",\n \"heading-size-md\": \"var(--fds-font-heading-size-md)\",\n \"heading-size-sm\": \"var(--fds-font-heading-size-sm)\",\n \"heading-size-xs\": \"var(--fds-font-heading-size-xs)\",\n\n \"heading-lh-xxl\": \"var(--fds-font-heading-lh-xxl)\",\n \"heading-lh-xl\": \"var(--fds-font-heading-lh-xl)\",\n \"heading-lh-lg\": \"var(--fds-font-heading-lh-lg)\",\n \"heading-lh-md\": \"var(--fds-font-heading-lh-md)\",\n \"heading-lh-sm\": \"var(--fds-font-heading-lh-sm)\",\n \"heading-lh-xs\": \"var(--fds-font-heading-lh-xs)\",\n\n \"heading-ls-xxl\": \"var(--fds-font-heading-ls-xxl)\",\n \"heading-ls-xl\": \"var(--fds-font-heading-ls-xl)\",\n \"heading-ls-lg\": \"var(--fds-font-heading-ls-lg)\",\n \"heading-ls-md\": \"var(--fds-font-heading-ls-md)\",\n \"heading-ls-sm\": \"var(--fds-font-heading-ls-sm)\",\n \"heading-ls-xs\": \"var(--fds-font-heading-ls-xs)\",\n\n \"body-size-baseline\": \"var(--fds-font-body-size-baseline)\",\n \"body-size-md\": \"var(--fds-font-body-size-md)\",\n \"body-size-sm\": \"var(--fds-font-body-size-sm)\",\n \"body-size-xs\": \"var(--fds-font-body-size-xs)\",\n\n \"body-lh-baseline\": \"var(--fds-font-body-lh-baseline)\",\n \"body-lh-md\": \"var(--fds-font-body-lh-md)\",\n \"body-lh-sm\": \"var(--fds-font-body-lh-sm)\",\n \"body-lh-xs\": \"var(--fds-font-body-lh-xs)\",\n\n \"body-ls-baseline\": \"var(--fds-font-body-ls-baseline)\",\n \"body-ls-md\": \"var(--fds-font-body-ls-md)\",\n \"body-ls-sm\": \"var(--fds-font-body-ls-sm)\",\n \"body-ls-xs\": \"var(--fds-font-body-ls-xs)\",\n\n \"form-label-size\": \"var(--fds-font-form-label-size)\",\n \"form-label-lh\": \"var(--fds-font-form-label-lh)\",\n \"form-label-ls\": \"var(--fds-font-form-label-ls)\",\n\n \"form-description-size\": \"var(--fds-font-form-description-size)\",\n \"form-description-lh\": \"var(--fds-font-form-description-lh)\",\n \"form-description-ls\": \"var(--fds-font-form-description-ls)\",\n} as const;\n\nexport const Font = {\n \"heading-xxl-light\": generateFont(\"heading-xxl\", \"light\"),\n \"heading-xxl-regular\": generateFont(\"heading-xxl\", \"regular\"),\n \"heading-xxl-semibold\": generateFont(\"heading-xxl\", \"semibold\"),\n \"heading-xxl-bold\": generateFont(\"heading-xxl\", \"bold\"),\n\n \"heading-xl-light\": generateFont(\"heading-xl\", \"light\"),\n \"heading-xl-regular\": generateFont(\"heading-xl\", \"regular\"),\n \"heading-xl-semibold\": generateFont(\"heading-xl\", \"semibold\"),\n \"heading-xl-bold\": generateFont(\"heading-xl\", \"bold\"),\n\n \"heading-lg-light\": generateFont(\"heading-lg\", \"light\"),\n \"heading-lg-regular\": generateFont(\"heading-lg\", \"regular\"),\n \"heading-lg-semibold\": generateFont(\"heading-lg\", \"semibold\"),\n \"heading-lg-bold\": generateFont(\"heading-lg\", \"bold\"),\n\n \"heading-md-light\": generateFont(\"heading-md\", \"light\"),\n \"heading-md-regular\": generateFont(\"heading-md\", \"regular\"),\n \"heading-md-semibold\": generateFont(\"heading-md\", \"semibold\"),\n \"heading-md-bold\": generateFont(\"heading-md\", \"bold\"),\n\n \"heading-sm-light\": generateFont(\"heading-sm\", \"light\"),\n \"heading-sm-regular\": generateFont(\"heading-sm\", \"regular\"),\n \"heading-sm-semibold\": generateFont(\"heading-sm\", \"semibold\"),\n \"heading-sm-bold\": generateFont(\"heading-sm\", \"bold\"),\n\n \"heading-xs-light\": generateFont(\"heading-xs\", \"light\"),\n \"heading-xs-regular\": generateFont(\"heading-xs\", \"regular\"),\n \"heading-xs-semibold\": generateFont(\"heading-xs\", \"semibold\"),\n \"heading-xs-bold\": generateFont(\"heading-xs\", \"bold\"),\n\n \"body-baseline-light\": generateFont(\"body-baseline\", \"light\"),\n \"body-baseline-regular\": generateFont(\"body-baseline\", \"regular\"),\n \"body-baseline-semibold\": generateFont(\"body-baseline\", \"semibold\"),\n \"body-baseline-bold\": generateFont(\"body-baseline\", \"bold\"),\n\n \"body-md-light\": generateFont(\"body-md\", \"light\"),\n \"body-md-regular\": generateFont(\"body-md\", \"regular\"),\n \"body-md-semibold\": generateFont(\"body-md\", \"semibold\"),\n \"body-md-bold\": generateFont(\"body-md\", \"bold\"),\n\n \"body-sm-light\": generateFont(\"body-sm\", \"light\"),\n \"body-sm-regular\": generateFont(\"body-sm\", \"regular\"),\n \"body-sm-semibold\": generateFont(\"body-sm\", \"semibold\"),\n \"body-sm-bold\": generateFont(\"body-sm\", \"bold\"),\n\n \"body-xs-light\": generateFont(\"body-xs\", \"light\"),\n \"body-xs-regular\": generateFont(\"body-xs\", \"regular\"),\n \"body-xs-semibold\": generateFont(\"body-xs\", \"semibold\"),\n \"body-xs-bold\": generateFont(\"body-xs\", \"bold\"),\n\n \"form-label\": generateFont(\"form-label\", \"semibold\"),\n \"form-description\": generateFont(\"form-description\", \"regular\"),\n\n Spec: FontSpec,\n} as const;\n"],"names":["FontSpec","Font","generateFont","Spec"],"mappings":"gDAEO,MAAMA,EAAW,CACpB,sBAAuB,iCACvB,mBAAoB,8BACpB,eAAgB,0BAEhB,eAAgB,+BAChB,iBAAkB,iCAClB,kBAAmB,kCACnB,cAAe,8BAEf,mBAAoB,mCACpB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCACnB,kBAAmB,kCAEnB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,iBAAkB,iCAClB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCACjB,gBAAiB,gCAEjB,qBAAsB,qCACtB,eAAgB,+BAChB,eAAgB,+BAChB,eAAgB,+BAEhB,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,mBAAoB,mCACpB,aAAc,6BACd,aAAc,6BACd,aAAc,6BAEd,kBAAmB,kCACnB,gBAAiB,gCACjB,gBAAiB,gCAEjB,wBAAyB,wCACzB,sBAAuB,sCACvB,sBAAuB,uCAGdC,EAAO,CAChB,oBAAqBC,EAAa,cAAe,SACjD,sBAAuBA,EAAa,cAAe,WACnD,uBAAwBA,EAAa,cAAe,YACpD,mBAAoBA,EAAa,cAAe,QAEhD,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,mBAAoBA,EAAa,aAAc,SAC/C,qBAAsBA,EAAa,aAAc,WACjD,sBAAuBA,EAAa,aAAc,YAClD,kBAAmBA,EAAa,aAAc,QAE9C,sBAAuBA,EAAa,gBAAiB,SACrD,wBAAyBA,EAAa,gBAAiB,WACvD,yBAA0BA,EAAa,gBAAiB,YACxD,qBAAsBA,EAAa,gBAAiB,QAEpD,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,gBAAiBA,EAAa,UAAW,SACzC,kBAAmBA,EAAa,UAAW,WAC3C,mBAAoBA,EAAa,UAAW,YAC5C,eAAgBA,EAAa,UAAW,QAExC,aAAcA,EAAa,aAAc,YACzC,mBAAoBA,EAAa,mBAAoB,WAErDC,KAAMH"}

package/theme/types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import type { ValueOf } from "../util/utility-types";
 import type { Border, Breakpoint, ComponentToken, FontSpec, Motion, PrimitiveColours, Radius, SemanticColours, Shadow, Spacing } from "./tokens";
-export declare const THEME_TYPES: readonly ["a11y-playground", "bookingsg", "ccube", "imda", "lifesg", "mylegacy", "oneservice", "pa", "rbs", "sgw-digital-lobby", "spf", "supportgowhere"];
+export declare const THEME_TYPES: readonly ["a11y-playground", "bookingsg", "ccube", "imda", "lifesg", "mylegacy", "oneservice", "pa", "rbs", "sgw-digital-lobby", "spf", "supportgowhere", "smgs", "careercompass"];
 export type ThemeType = (typeof THEME_TYPES)[number];
 export type ThemeMode = "light" | "dark" | "auto";
 export type ResolvedThemeMode = "light" | "dark";

package/theme/types.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const e=["a11y-playground","bookingsg","ccube","imda","lifesg","mylegacy","oneservice","pa","rbs","sgw-digital-lobby","spf","supportgowhere"];export{e as THEME_TYPES};
+const s=["a11y-playground","bookingsg","ccube","imda","lifesg","mylegacy","oneservice","pa","rbs","sgw-digital-lobby","spf","supportgowhere","smgs","careercompass"];export{s as THEME_TYPES};
 //# sourceMappingURL=types.js.map

package/theme/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../src/theme/types.ts"],"sourcesContent":["import type { ValueOf } from \"../util/utility-types\";\nimport type {\n Border,\n Breakpoint,\n ComponentToken,\n FontSpec,\n Motion,\n PrimitiveColours,\n Radius,\n SemanticColours,\n Shadow,\n Spacing,\n} from \"./tokens\";\n\nexport const THEME_TYPES = [\n \"a11y-playground\",\n \"bookingsg\",\n \"ccube\",\n \"imda\",\n \"lifesg\",\n \"mylegacy\",\n \"oneservice\",\n \"pa\",\n \"rbs\",\n \"sgw-digital-lobby\",\n \"spf\",\n \"supportgowhere\",\n] as const;\n\nexport type ThemeType = (typeof THEME_TYPES)[number];\nexport type ThemeMode = \"light\" \| \"dark\" \| \"auto\";\n\nexport type ResolvedThemeMode = \"light\" \| \"dark\";\n\nexport type FontSize =\n \| \"heading-xxl\"\n \| \"heading-xl\"\n \| \"heading-lg\"\n \| \"heading-md\"\n \| \"heading-sm\"\n \| \"heading-xs\"\n \| \"body-baseline\"\n \| \"body-md\"\n \| \"body-sm\"\n \| \"body-xs\"\n \| \"form-label\"\n \| \"form-description\";\n\nexport type FontWeight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nexport type BreakpointCSSVariableString = ValueOf<typeof Breakpoint>;\nexport type BorderCSSVariableString = ValueOf<typeof Border>;\nexport type ComponentTokenCSSVariableString =\n \| ValueOf<typeof ComponentToken.Animation>\n \| ValueOf<typeof ComponentToken.Button>\n \| ValueOf<typeof ComponentToken.Footer>\n \| ValueOf<typeof ComponentToken.Navbar>;\nexport type FontSpecCSSVariableString = ValueOf<typeof FontSpec>;\nexport type MotionCSSVariableString = ValueOf<typeof Motion>;\nexport type PrimitiveColourCSSVariableString = ValueOf<typeof PrimitiveColours>;\nexport type RadiusCSSVariableString = ValueOf<typeof Radius>;\nexport type SemanticColourCSSVariableString = ValueOf<typeof SemanticColours>;\nexport type ColourCSSVariableString =\n \| PrimitiveColourCSSVariableString\n \| SemanticColourCSSVariableString;\nexport type ShadowCSSVariableString = ValueOf<typeof Shadow>;\nexport type SpacingCSSVariableString = ValueOf<typeof Spacing>;\n\nexport type CSSVariableString =\n \| BreakpointCSSVariableString\n \| BorderCSSVariableString\n \| ColourCSSVariableString\n \| ComponentTokenCSSVariableString\n \| FontSpecCSSVariableString\n \| MotionCSSVariableString\n \| RadiusCSSVariableString\n \| ShadowCSSVariableString\n \| SpacingCSSVariableString;\n\ntype ExtractCleanCSSVariableName<T extends string> =\n T extends `var(${infer Name})` ? Name : never;\nexport type CSSVariableKey = ExtractCleanCSSVariableName<CSSVariableString>;\n"],"names":["THEME_TYPES"],"mappings":"AAcO,MAAMA,EAAc,CACvB,kBACA,YACA,QACA,OACA,SACA,WACA,aACA,KACA,MACA,oBACA,MACA"}
1	+ {"version":3,"file":"types.js","sources":["../../src/theme/types.ts"],"sourcesContent":["import type { ValueOf } from \"../util/utility-types\";\nimport type {\n Border,\n Breakpoint,\n ComponentToken,\n FontSpec,\n Motion,\n PrimitiveColours,\n Radius,\n SemanticColours,\n Shadow,\n Spacing,\n} from \"./tokens\";\n\nexport const THEME_TYPES = [\n \"a11y-playground\",\n \"bookingsg\",\n \"ccube\",\n \"imda\",\n \"lifesg\",\n \"mylegacy\",\n \"oneservice\",\n \"pa\",\n \"rbs\",\n \"sgw-digital-lobby\",\n \"spf\",\n \"supportgowhere\",\n \"smgs\",\n \"careercompass\",\n] as const;\n\nexport type ThemeType = (typeof THEME_TYPES)[number];\nexport type ThemeMode = \"light\" \| \"dark\" \| \"auto\";\n\nexport type ResolvedThemeMode = \"light\" \| \"dark\";\n\nexport type FontSize =\n \| \"heading-xxl\"\n \| \"heading-xl\"\n \| \"heading-lg\"\n \| \"heading-md\"\n \| \"heading-sm\"\n \| \"heading-xs\"\n \| \"body-baseline\"\n \| \"body-md\"\n \| \"body-sm\"\n \| \"body-xs\"\n \| \"form-label\"\n \| \"form-description\";\n\nexport type FontWeight = \"light\" \| \"regular\" \| \"semibold\" \| \"bold\";\n\nexport type BreakpointCSSVariableString = ValueOf<typeof Breakpoint>;\nexport type BorderCSSVariableString = ValueOf<typeof Border>;\nexport type ComponentTokenCSSVariableString =\n \| ValueOf<typeof ComponentToken.Animation>\n \| ValueOf<typeof ComponentToken.Button>\n \| ValueOf<typeof ComponentToken.Footer>\n \| ValueOf<typeof ComponentToken.Navbar>;\nexport type FontSpecCSSVariableString = ValueOf<typeof FontSpec>;\nexport type MotionCSSVariableString = ValueOf<typeof Motion>;\nexport type PrimitiveColourCSSVariableString = ValueOf<typeof PrimitiveColours>;\nexport type RadiusCSSVariableString = ValueOf<typeof Radius>;\nexport type SemanticColourCSSVariableString = ValueOf<typeof SemanticColours>;\nexport type ColourCSSVariableString =\n \| PrimitiveColourCSSVariableString\n \| SemanticColourCSSVariableString;\nexport type ShadowCSSVariableString = ValueOf<typeof Shadow>;\nexport type SpacingCSSVariableString = ValueOf<typeof Spacing>;\n\nexport type CSSVariableString =\n \| BreakpointCSSVariableString\n \| BorderCSSVariableString\n \| ColourCSSVariableString\n \| ComponentTokenCSSVariableString\n \| FontSpecCSSVariableString\n \| MotionCSSVariableString\n \| RadiusCSSVariableString\n \| ShadowCSSVariableString\n \| SpacingCSSVariableString;\n\ntype ExtractCleanCSSVariableName<T extends string> =\n T extends `var(${infer Name})` ? Name : never;\nexport type CSSVariableKey = ExtractCleanCSSVariableName<CSSVariableString>;\n"],"names":["THEME_TYPES"],"mappings":"AAcO,MAAMA,EAAc,CACvB,kBACA,YACA,QACA,OACA,SACA,WACA,aACA,KACA,MACA,oBACA,MACA,iBACA,OACA"}

package/theme/utils/css-variable.d.ts CHANGED Viewed

@@ -1,5 +1,10 @@
 import type { CSSProperties } from "react";
 import type { CSSVariableString } from "../types";
+/**
+ * Extracts an fds CSS variable name from raw token input.
+ * Supports values like "var(--fds-breakpoint-sm-max)" and "--fds-breakpoint-sm-max".
+ */
+export declare const extractFdsCssVariableName: (value: string | undefined) => `--fds-${string}` | undefined;
 /**
  * Parse a CSS variable string and return its computed value.
  * @param cssVarString CSS variable string (e.g., "var(--fds-breakpoint-xxs-min)")
@@ -17,3 +22,7 @@ export declare function parsePxOrRemValue(cssValue: string): number;
  * Extracts inline token CSS custom properties from the theme element.
  */
 export declare const getInheritedInlineCssVariables: (themeElement: HTMLElement | null) => CSSProperties;
+/**
+ * Convert a numeric value to a CSS unit string (e.g., 12 → "12px"). Returns null for non-numeric values.
+ */
+export declare const formatUnitValue: (value: unknown, unit: string) => string | null;

package/theme/utils/css-variable.js CHANGED Viewed

@@ -1,2 +1,2 @@
-function e(e,t){var r;if(!e)return"";if(!globalThis.window||!t)return console.warn(`Cannot parse CSS variable value for "${e}" because window or sourceElement is not available.`),"";const n=null===(r=/--fds-[\w-]+/.exec(e))||void 0===r?void 0:r[0];return n?getComputedStyle(t).getPropertyValue(n).trim():(console.warn(`Invalid CSS variable string: ${e}. Expected format: var(--fds-token-name)`),"")}function t(e){const t=e.trim(),r=/^(-?\d*\.?\d+)(px|rem)$/i.exec(t);if(!r)return 0;const n=Number.parseFloat(r[1]);if(Number.isNaN(n))return 0;if("px"===r[2].toLowerCase())return n;const o=globalThis.window?Number.parseFloat(getComputedStyle(document.documentElement).fontSize):16;return n*(Number.isNaN(o)?16:o)}const r=e=>{if(!e||0===e.style.length)return{};const t={};return((e,t)=>{const{style:r}=e;for(let e=0;e<r.length;e++){const n=r.item(e);if(!(null==n?void 0:n.startsWith("--fds")))continue;const o=r.getPropertyValue(n).trim();o&&(t[n]=o)}})(e,t),t};export{r as getInheritedInlineCssVariables,e as parseCSSVariableValue,t as parsePxOrRemValue};
+const e=/^(-?\d*\.?\d+)(px|rem)$/i,t=e=>{var t;if(!e)return;const n=null===(t=/--fds-[\w-]+/.exec(e))||void 0===t?void 0:t[0];return n||void 0};function n(e,n){if(!e)return"";if(!globalThis.window||!n)return console.warn(`Cannot parse CSS variable value for "${e}" because window or sourceElement is not available.`),"";const r=t(e);return r?getComputedStyle(n).getPropertyValue(r).trim():(console.warn(`Invalid CSS variable string: ${e}. Expected format: var(--fds-token-name)`),"")}function r(t){const n=t.trim(),r=e.exec(n);if(!r)return 0;const o=Number.parseFloat(r[1]);if(Number.isNaN(o))return 0;if("px"===r[2].toLowerCase())return o;const i=globalThis.window?Number.parseFloat(getComputedStyle(document.documentElement).fontSize):16;return o*(Number.isNaN(i)?16:i)}const o=e=>{if(!e||0===e.style.length)return{};const t={};return((e,t)=>{const{style:n}=e;for(let e=0;e<n.length;e++){const r=n.item(e);if(!(null==r?void 0:r.startsWith("--fds")))continue;const o=n.getPropertyValue(r).trim();o&&(t[r]=o)}})(e,t),t},i=(e,t)=>"number"==typeof e?`${e}${t}`:null;export{t as extractFdsCssVariableName,i as formatUnitValue,o as getInheritedInlineCssVariables,n as parseCSSVariableValue,r as parsePxOrRemValue};
 //# sourceMappingURL=css-variable.js.map

package/theme/utils/css-variable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"css-variable.js","sources":["../../../src/theme/utils/css-variable.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nimport type { CSSVariableString } from \"../types\";\n\ntype InlineCssVariables = Record<`--${string}`, string>;\n\nconst DEFAULT_FONT_SIZE_PX = 16;\n\n/*\n Parse a CSS variable string and return its computed value.\n * @param cssVarString CSS variable string (e.g., \"var(--fds-breakpoint-xxs-min)\")\n * @param sourceElement Element to compute the CSS variable value from\n * @returns The CSS variable value, or an empty string if not found or invalid\n /\nexport function parseCSSVariableValue(\n cssVarString: CSSVariableString \| undefined,\n sourceElement: HTMLElement \| null\n): string {\n if (!cssVarString) return \"\";\n\n if (!globalThis.window \|\| !sourceElement) {\n console.warn(\n `Cannot parse CSS variable value for \"${cssVarString}\" because window or sourceElement is not available.`\n );\n return \"\";\n }\n\n const variableName = ~~/--fds-[\\w-]+/.exec~~(cssVarString ~~as string~~)~~?.[0]~~;\n if (!variableName) {\n console.warn(\n `Invalid CSS variable string: ${cssVarString}. Expected format: var(--fds-token-name)`\n );\n return \"\";\n }\n\n return getComputedStyle(sourceElement)\n .getPropertyValue(variableName)\n .trim();\n}\n\n/\n Parse a pixel or rem value and return its numeric value.\n * @param cssValue CSS unit value (e.g., \"12px\", \"1.5rem\")\n * @returns Parsed numeric value, or 0 if the value is not px/rem or invalid\n /\nexport function parsePxOrRemValue(cssValue: string): number {\n const value = cssValue.trim();\n const match = ~~/^(-?\\d\\.?\\d+)(px\|rem)$/i~~.exec(value);\n if (!match) return 0;\n\n const parsedValue = Number.parseFloat(match[1]);\n if (Number.isNaN(parsedValue)) return 0;\n\n const unit = match[2].toLowerCase();\n if (unit === \"px\") return parsedValue;\n\n const rootFontSize = globalThis.window\n ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize)\n : DEFAULT_FONT_SIZE_PX;\n\n const resolvedRootFontSize = Number.isNaN(rootFontSize)\n ? DEFAULT_FONT_SIZE_PX\n : rootFontSize;\n\n return parsedValue * resolvedRootFontSize;\n}\n\nconst mergeInlineCssVariables = (\n element: HTMLElement,\n target: InlineCssVariables\n) => {\n const { style } = element;\n\n for (let i = 0; i < style.length; i++) {\n const propertyName = style.item(i);\n if (!propertyName?.startsWith(\"--fds\")) continue;\n\n const value = style.getPropertyValue(propertyName).trim();\n if (!value) continue;\n\n target[propertyName as `--${string}`] = value;\n }\n};\n\n/*\n Extracts inline token CSS custom properties from the theme element.\n */\nexport const getInheritedInlineCssVariables = (\n themeElement: HTMLElement \| null\n): CSSProperties => {\n if (!themeElement \|\| themeElement.style.length === 0) return {};\n\n const variables: InlineCssVariables = {};\n mergeInlineCssVariables(themeElement, variables);\n\n return variables;\n};\n"],"names":["~~parseCSSVariableValue~~","~~cssVarString~~","~~sourceElement~~","~~globalThis~~","~~window~~","~~console~~","~~warn~~","~~variableName~~","_a","~~exec~~","getComputedStyle","getPropertyValue","trim","parsePxOrRemValue","cssValue","~~value","~~match","parsedValue","Number","parseFloat","isNaN","toLowerCase","rootFontSize","document","documentElement","fontSize","getInheritedInlineCssVariables","themeElement","style","length","variables","element","target","i","propertyName","item","startsWith","mergeInlineCssVariables"],"mappings":"~~AAcM~~,~~SAAUA~~,EACZC,EACAC,~~SAEA~~,IAAKD,EAAc,MAAO,GAE1B,IAAKE,WAAWC,SAAWF,EAIvB,OAHAG,QAAQC,KACJ,wCAAwCL,wDAErC,GAGX,~~MAAMM~~,~~EAA0D~~,~~QAA3CC~~,~~EAAA~~,~~eAAeC~~,~~KAAKR~~,~~UAAuB~~,~~IAAAO~~,~~OAAA~~,~~EAAAA~~,~~EAAG~~,~~GACnE,OAAKD,EAOEG,iBAAiBR,GACnBS,iBAAiBJ,GACjBK,QARDP,~~QAAQC,KACJ,gCAAgCL,6CAE7B,GAMf,CAOM,~~SAAUY~~,EAAkBC,GAC9B,~~MAAMC~~,~~EAAQD~~,EAASF,~~OACjBI~~,~~EAAQ~~,~~2BAA2BP~~,~~KAAKM~~,~~GAC9C~~,~~IAAKC~~,EAAO,OAAO,EAEnB,MAAMC,EAAcC,OAAOC,WAAWH,EAAM,IAC5C,GAAIE,OAAOE,MAAMH,GAAc,OAAO,EAGtC,GAAa,OADAD,EAAM,GAAGK,cACH,OAAOJ,EAE1B,MAAMK,~~EAAenB~~,WAAWC,~~OAC1Bc~~,OAAOC,~~WAAWT~~,~~iBAAiBa~~,SAASC,iBAAiBC,~~UAnD1C~~,~~GA0DzB~~,OAAOR,GAJsBC,OAAOE,MAAME,~~GAtDjB~~,~~GAwDnBA~~,EAGV,CAEA,MAoBaI,EACTC,IAEA,IAAKA,GAA8C,IAA9BA,EAAaC,MAAMC,OAAc,MAAO,CAAA,EAE7D,MAAMC,EAAgC,CAAA,EAGtC,MA5B4B,EAC5BC,EACAC,KAEA,MAAMJ,MAAEA,GAAUG,EAElB,IAAK,IAAIE,EAAI,EAAGA,EAAIL,EAAMC,OAAQI,IAAK,CACnC,MAAMC,EAAeN,EAAMO,KAAKF,GAChC,KAAKC,aAAY,EAAZA,EAAcE,WAAW,UAAU,SAExC,~~MAAMrB~~,~~EAAQa~~,~~EAAMjB~~,~~iBAAiBuB~~,~~GAActB~~,~~OAC9CG~~,~~IAELiB~~,EAAOE,~~GAAiCnB~~,EAC5C,~~GAYAsB~~,CAAwBV,EAAcG,GAE/BA,CAAS"}
1	+ {"version":3,"file":"css-variable.js","sources":["../../../src/theme/utils/css-variable.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\nimport type { CSSVariableString } from \"../types\";\n\ntype InlineCssVariables = Record<`--${string}`, string>;\n\nconst DEFAULT_FONT_SIZE_PX = 16;\nconst CSS_PX_OR_REM_CAPTURE_PATTERN = /^(-?\\d\\.?\\d+)(px\|rem)$/i;\n\n/\n Extracts an fds CSS variable name from raw token input.\n * Supports values like \"var(--fds-breakpoint-sm-max)\" and \"--fds-breakpoint-sm-max\".\n /\nexport const extractFdsCssVariableName = (\n value: string \| undefined\n): `--fds-${string}` \| undefined => {\n if (!value) return undefined;\n\n const variableName = /--fds-[\\w-]+/.exec(value)?.[0];\n\n if (!variableName) {\n return undefined;\n }\n\n return variableName as `--fds-${string}`;\n};\n\n/\n Parse a CSS variable string and return its computed value.\n * @param cssVarString CSS variable string (e.g., \"var(--fds-breakpoint-xxs-min)\")\n * @param sourceElement Element to compute the CSS variable value from\n * @returns The CSS variable value, or an empty string if not found or invalid\n /\nexport function parseCSSVariableValue(\n cssVarString: CSSVariableString \| undefined,\n sourceElement: HTMLElement \| null\n): string {\n if (!cssVarString) return \"\";\n\n if (!globalThis.window \|\| !sourceElement) {\n console.warn(\n `Cannot parse CSS variable value for \"${cssVarString}\" because window or sourceElement is not available.`\n );\n return \"\";\n }\n\n const variableName = extractFdsCssVariableName(cssVarString);\n if (!variableName) {\n console.warn(\n `Invalid CSS variable string: ${cssVarString}. Expected format: var(--fds-token-name)`\n );\n return \"\";\n }\n\n return getComputedStyle(sourceElement)\n .getPropertyValue(variableName)\n .trim();\n}\n\n/\n Parse a pixel or rem value and return its numeric value.\n * @param cssValue CSS unit value (e.g., \"12px\", \"1.5rem\")\n * @returns Parsed numeric value, or 0 if the value is not px/rem or invalid\n /\nexport function parsePxOrRemValue(cssValue: string): number {\n const value = cssValue.trim();\n const match = CSS_PX_OR_REM_CAPTURE_PATTERN.exec(value);\n if (!match) return 0;\n\n const parsedValue = Number.parseFloat(match[1]);\n if (Number.isNaN(parsedValue)) return 0;\n\n const unit = match[2].toLowerCase();\n if (unit === \"px\") return parsedValue;\n\n const rootFontSize = globalThis.window\n ? Number.parseFloat(getComputedStyle(document.documentElement).fontSize)\n : DEFAULT_FONT_SIZE_PX;\n\n const resolvedRootFontSize = Number.isNaN(rootFontSize)\n ? DEFAULT_FONT_SIZE_PX\n : rootFontSize;\n\n return parsedValue resolvedRootFontSize;\n}\n\nconst mergeInlineCssVariables = (\n element: HTMLElement,\n target: InlineCssVariables\n) => {\n const { style } = element;\n\n for (let i = 0; i < style.length; i++) {\n const propertyName = style.item(i);\n if (!propertyName?.startsWith(\"--fds\")) continue;\n\n const value = style.getPropertyValue(propertyName).trim();\n if (!value) continue;\n\n target[propertyName as `--${string}`] = value;\n }\n};\n\n/*\n Extracts inline token CSS custom properties from the theme element.\n /\nexport const getInheritedInlineCssVariables = (\n themeElement: HTMLElement \| null\n): CSSProperties => {\n if (!themeElement \|\| themeElement.style.length === 0) return {};\n\n const variables: InlineCssVariables = {};\n mergeInlineCssVariables(themeElement, variables);\n\n return variables;\n};\n\n/\n Convert a numeric value to a CSS unit string (e.g., 12 → \"12px\"). Returns null for non-numeric values.\n */\nexport const formatUnitValue = (\n value: unknown,\n unit: string\n): string \| null => {\n if (typeof value === \"number\") {\n return `${value}${unit}`;\n }\n return null;\n};\n"],"names":["CSS_PX_OR_REM_CAPTURE_PATTERN","extractFdsCssVariableName","value","variableName","_a","exec","parseCSSVariableValue","cssVarString","sourceElement","globalThis","window","console","warn","getComputedStyle","getPropertyValue","trim","parsePxOrRemValue","cssValue","match","parsedValue","Number","parseFloat","isNaN","toLowerCase","rootFontSize","document","documentElement","fontSize","getInheritedInlineCssVariables","themeElement","style","length","variables","element","target","i","propertyName","item","startsWith","mergeInlineCssVariables","formatUnitValue","unit"],"mappings":"AAMA,MACMA,EAAgC,2BAMzBC,EACTC,UAEA,IAAKA,EAAO,OAEZ,MAAMC,EAAyC,QAA1BC,EAAA,eAAeC,KAAKH,UAAM,IAAAE,OAAA,EAAAA,EAAG,GAElD,OAAKD,QAAL,CAIwC,EAStC,SAAUG,EACZC,EACAC,GAEA,IAAKD,EAAc,MAAO,GAE1B,IAAKE,WAAWC,SAAWF,EAIvB,OAHAG,QAAQC,KACJ,wCAAwCL,wDAErC,GAGX,MAAMJ,EAAeF,EAA0BM,GAC/C,OAAKJ,EAOEU,iBAAiBL,GACnBM,iBAAiBX,GACjBY,QARDJ,QAAQC,KACJ,gCAAgCL,6CAE7B,GAMf,CAOM,SAAUS,EAAkBC,GAC9B,MAAMf,EAAQe,EAASF,OACjBG,EAAQlB,EAA8BK,KAAKH,GACjD,IAAKgB,EAAO,OAAO,EAEnB,MAAMC,EAAcC,OAAOC,WAAWH,EAAM,IAC5C,GAAIE,OAAOE,MAAMH,GAAc,OAAO,EAGtC,GAAa,OADAD,EAAM,GAAGK,cACH,OAAOJ,EAE1B,MAAMK,EAAef,WAAWC,OAC1BU,OAAOC,WAAWR,iBAAiBY,SAASC,iBAAiBC,UAtE1C,GA6EzB,OAAOR,GAJsBC,OAAOE,MAAME,GAzEjB,GA2EnBA,EAGV,CAEA,MAoBaI,EACTC,IAEA,IAAKA,GAA8C,IAA9BA,EAAaC,MAAMC,OAAc,MAAO,CAAA,EAE7D,MAAMC,EAAgC,CAAA,EAGtC,MA5B4B,EAC5BC,EACAC,KAEA,MAAMJ,MAAEA,GAAUG,EAElB,IAAK,IAAIE,EAAI,EAAGA,EAAIL,EAAMC,OAAQI,IAAK,CACnC,MAAMC,EAAeN,EAAMO,KAAKF,GAChC,KAAKC,aAAY,EAAZA,EAAcE,WAAW,UAAU,SAExC,MAAMpC,EAAQ4B,EAAMhB,iBAAiBsB,GAAcrB,OAC9Cb,IAELgC,EAAOE,GAAiClC,EAC5C,GAYAqC,CAAwBV,EAAcG,GAE/BA,CAAS,EAMPQ,EAAkB,CAC3BtC,EACAuC,IAEqB,iBAAVvC,EACA,GAAGA,IAAQuC,IAEf"}

package/theme/utils/font.d.ts CHANGED Viewed

@@ -12,7 +12,7 @@ export interface FontDeclarationProperties {
  *
  * @example
  * generateFontProperties("heading-xxl", "light")
- * // => { "font-family": "var(--fds-font-family)", ... }
+ * // => { "font-family": "var(--fds-font-family-heading)", ... }
  */
 export declare const generateFontProperties: (size: FontSize, weight: FontWeight, options?: {
     noCommonLigatures?: boolean;
@@ -23,7 +23,7 @@ export declare const generateFontProperties: (size: FontSize, weight: FontWeight
  *
  * @example
  * generateFont("heading-xxl", "light")
- * // => "font-family: var(--fds-font-family); font-variant: var(--fds-font-variant); ..."
+ * // => "font-family: var(--fds-font-family-heading); font-variant: var(--fds-font-variant); ..."
  */
 export declare const generateFont: (size: FontSize, weight: FontWeight, options?: {
     noCommonLigatures?: boolean;

package/theme/utils/font.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const s={"heading-xxl":{size:"var(--fds-font-heading-size-xxl)",lh:"var(--fds-font-heading-lh-xxl)",ls:"var(--fds-font-heading-ls-xxl)"},"heading-xl":{size:"var(--fds-font-heading-size-xl)",lh:"var(--fds-font-heading-lh-xl)",ls:"var(--fds-font-heading-ls-xl)"},"heading-lg":{size:"var(--fds-font-heading-size-lg)",lh:"var(--fds-font-heading-lh-lg)",ls:"var(--fds-font-heading-ls-lg)"},"heading-md":{size:"var(--fds-font-heading-size-md)",lh:"var(--fds-font-heading-lh-md)",ls:"var(--fds-font-heading-ls-md)"},"heading-sm":{size:"var(--fds-font-heading-size-sm)",lh:"var(--fds-font-heading-lh-sm)",ls:"var(--fds-font-heading-ls-sm)"},"heading-xs":{size:"var(--fds-font-heading-size-xs)",lh:"var(--fds-font-heading-lh-xs)",ls:"var(--fds-font-heading-ls-xs)"},"body-baseline":{size:"var(--fds-font-body-size-baseline)",lh:"var(--fds-font-body-lh-baseline)",ls:"var(--fds-font-body-ls-baseline)"},"body-md":{size:"var(--fds-font-body-size-md)",lh:"var(--fds-font-body-lh-md)",ls:"var(--fds-font-body-ls-md)"},"body-sm":{size:"var(--fds-font-body-size-sm)",lh:"var(--fds-font-body-lh-sm)",ls:"var(--fds-font-body-ls-sm)"},"body-xs":{size:"var(--fds-font-body-size-xs)",lh:"var(--fds-font-body-lh-xs)",ls:"var(--fds-font-body-ls-xs)"},"form-label":{size:"var(--fds-font-form-label-size)",lh:"var(--fds-font-form-label-lh)",ls:"var(--fds-font-form-label-ls)"},"form-description":{size:"var(--fds-font-form-description-size)",lh:"var(--fds-font-form-description-lh)",ls:"var(--fds-font-form-description-ls)"}},d={light:"var(--fds-font-weight-light)",regular:"var(--fds-font-weight-regular)",semibold:"var(--fds-font-weight-semibold)",bold:"var(--fds-font-weight-bold)"},f=(f,n,o)=>{const{size:l,lh:a,ls:e}=s[f],i=d[n],t=[null==o?void 0:o.fontVariant,(null==o?void 0:o.noCommonLigatures)?"no-common-ligatures":""].filter(Boolean).join(" ");return{"font-family":"var(--fds-font-family)","font-variant":"var(--fds-font-variant)"+(t?` ${t}`:""),"font-size":l,"font-weight":i,"line-height":a,"letter-spacing":e}},n=(s,d,n)=>{const o=f(s,d,n);return Object.entries(o).map((([s,d])=>`${s}: ${d};`)).join(" ")};export{n as generateFont,f as generateFontProperties};
+const f={"heading-xxl":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xxl)",lh:"var(--fds-font-heading-lh-xxl)",ls:"var(--fds-font-heading-ls-xxl)"},"heading-xl":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xl)",lh:"var(--fds-font-heading-lh-xl)",ls:"var(--fds-font-heading-ls-xl)"},"heading-lg":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-lg)",lh:"var(--fds-font-heading-lh-lg)",ls:"var(--fds-font-heading-ls-lg)"},"heading-md":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-md)",lh:"var(--fds-font-heading-lh-md)",ls:"var(--fds-font-heading-ls-md)"},"heading-sm":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-sm)",lh:"var(--fds-font-heading-lh-sm)",ls:"var(--fds-font-heading-ls-sm)"},"heading-xs":{fontFamily:"var(--fds-font-family-heading)",size:"var(--fds-font-heading-size-xs)",lh:"var(--fds-font-heading-lh-xs)",ls:"var(--fds-font-heading-ls-xs)"},"body-baseline":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-baseline)",lh:"var(--fds-font-body-lh-baseline)",ls:"var(--fds-font-body-ls-baseline)"},"body-md":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-md)",lh:"var(--fds-font-body-lh-md)",ls:"var(--fds-font-body-ls-md)"},"body-sm":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-sm)",lh:"var(--fds-font-body-lh-sm)",ls:"var(--fds-font-body-ls-sm)"},"body-xs":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-body-size-xs)",lh:"var(--fds-font-body-lh-xs)",ls:"var(--fds-font-body-ls-xs)"},"form-label":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-form-label-size)",lh:"var(--fds-font-form-label-lh)",ls:"var(--fds-font-form-label-ls)"},"form-description":{fontFamily:"var(--fds-font-family-body)",size:"var(--fds-font-form-description-size)",lh:"var(--fds-font-form-description-lh)",ls:"var(--fds-font-form-description-ls)"}},s={light:"var(--fds-font-weight-light)",regular:"var(--fds-font-weight-regular)",semibold:"var(--fds-font-weight-semibold)",bold:"var(--fds-font-weight-bold)"},a=(a,d,n)=>{const{fontFamily:o,size:i,lh:l,ls:t}=f[a],e=s[d],r=[void 0,""].filter(Boolean).join(" ");return{"font-family":o,"font-variant":"var(--fds-font-variant)"+(r?` ${r}`:""),"font-size":i,"font-weight":e,"line-height":l,"letter-spacing":t}},d=(f,s,d)=>{const n=a(f,s);return Object.entries(n).map((([f,s])=>`${f}: ${s};`)).join(" ")};export{d as generateFont,a as generateFontProperties};
 //# sourceMappingURL=font.js.map

package/theme/utils/font.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"font.js","sources":["../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nexport interface FontDeclarationProperties {\n \"font-family\": string;\n \"font-variant\": string;\n \"font-size\": string;\n \"font-weight\": string;\n \"line-height\": string;\n \"letter-spacing\": string;\n}\n\nconst sizeVarMap: Record<FontSize, { size: string; lh: string; ls: string }> = {\n \"heading-xxl\": {\n size: \"var(--fds-font-heading-size-xxl)\",\n lh: \"var(--fds-font-heading-lh-xxl)\",\n ls: \"var(--fds-font-heading-ls-xxl)\",\n },\n \"heading-xl\": {\n size: \"var(--fds-font-heading-size-xl)\",\n lh: \"var(--fds-font-heading-lh-xl)\",\n ls: \"var(--fds-font-heading-ls-xl)\",\n },\n \"heading-lg\": {\n size: \"var(--fds-font-heading-size-lg)\",\n lh: \"var(--fds-font-heading-lh-lg)\",\n ls: \"var(--fds-font-heading-ls-lg)\",\n },\n \"heading-md\": {\n size: \"var(--fds-font-heading-size-md)\",\n lh: \"var(--fds-font-heading-lh-md)\",\n ls: \"var(--fds-font-heading-ls-md)\",\n },\n \"heading-sm\": {\n size: \"var(--fds-font-heading-size-sm)\",\n lh: \"var(--fds-font-heading-lh-sm)\",\n ls: \"var(--fds-font-heading-ls-sm)\",\n },\n \"heading-xs\": {\n size: \"var(--fds-font-heading-size-xs)\",\n lh: \"var(--fds-font-heading-lh-xs)\",\n ls: \"var(--fds-font-heading-ls-xs)\",\n },\n \"body-baseline\": {\n size: \"var(--fds-font-body-size-baseline)\",\n lh: \"var(--fds-font-body-lh-baseline)\",\n ls: \"var(--fds-font-body-ls-baseline)\",\n },\n \"body-md\": {\n size: \"var(--fds-font-body-size-md)\",\n lh: \"var(--fds-font-body-lh-md)\",\n ls: \"var(--fds-font-body-ls-md)\",\n },\n \"body-sm\": {\n size: \"var(--fds-font-body-size-sm)\",\n lh: \"var(--fds-font-body-lh-sm)\",\n ls: \"var(--fds-font-body-ls-sm)\",\n },\n \"body-xs\": {\n size: \"var(--fds-font-body-size-xs)\",\n lh: \"var(--fds-font-body-lh-xs)\",\n ls: \"var(--fds-font-body-ls-xs)\",\n },\n \"form-label\": {\n size: \"var(--fds-font-form-label-size)\",\n lh: \"var(--fds-font-form-label-lh)\",\n ls: \"var(--fds-font-form-label-ls)\",\n },\n \"form-description\": {\n size: \"var(--fds-font-form-description-size)\",\n lh: \"var(--fds-font-form-description-lh)\",\n ls: \"var(--fds-font-form-description-ls)\",\n },\n};\n\nconst weightVarMap: Record<FontWeight, string> = {\n light: \"var(--fds-font-weight-light)\",\n regular: \"var(--fds-font-weight-regular)\",\n semibold: \"var(--fds-font-weight-semibold)\",\n bold: \"var(--fds-font-weight-bold)\",\n};\n\n/*\n Generates a CSS font declaration map using FDS CSS variables.\n \n @example\n * generateFontProperties(\"heading-xxl\", \"light\")\n * // => { \"font-family\": \"var(--fds-font-family)\", ... }\n /\nexport const generateFontProperties = (\n size: FontSize,\n weight: FontWeight,\n options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n const { size: s, lh, ls } = sizeVarMap[size];\n const w = weightVarMap[weight];\n\n const extraVariant = [\n options?.fontVariant,\n options?.noCommonLigatures ? \"no-common-ligatures\" : \"\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const fontVariant = `var(--fds-font-variant)${\n extraVariant ? ` ${extraVariant}` : \"\"\n }`;\n\n return {\n \"font-family\": ~~\"var(--fds-font-family)\"~~,\n \"font-variant\": fontVariant,\n \"font-size\": s,\n \"font-weight\": w,\n \"line-height\": lh,\n \"letter-spacing\": ls,\n };\n};\n\n/\n Generates a CSS declaration string using FDS CSS variables.\n \n @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family); font-variant: var(--fds-font-variant); ...\"\n */\nexport const generateFont = (\n size: FontSize,\n weight: FontWeight,\n options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): string => {\n const declarations = generateFontProperties(size, weight, options);\n\n return Object.entries(declarations)\n .map(([key, value]) => `${key}: ${value};`)\n .join(\" \");\n};\n"],"names":["sizeVarMap","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","~~fontVariant","noCommonLigatures","~~filter","Boolean","join","generateFont","declarations","Object","entries","map","key","value"],"mappings":"AAWA,MAAMA,~~EAAyE~~,~~CAC3E~~,cAAe,CACXC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,~~CACbF~~,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,~~CACPF~~,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,~~CACPF~~,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,~~CACPF~~,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,~~CACVF~~,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,~~CAChBF~~,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,~~MAAQV~~,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,~~GAAOH~~,~~EAAWC~~,~~GACjCY~~,EAAIT,EAAaM,GAEjBI,EAAe,~~CACjBH~~,~~aAAO~~,~~EAAPA,EAASI,aACTJ,aAAO,EAAPA,EAASK,mBAAoB,sBAAwB,~~IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,~~cAAe~~,~~yBACf~~,eANgB,~~2BAChBL~~,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,~~EAUQiB~~,EAAe,~~CACxBnB~~,EACAS,EACAC,KAEA,~~MAAMU~~,~~EAAeZ~~,EAAuBR,EAAMS,~~EAAQC~~,~~GAE1D~~,~~OAAOW,~~OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCP,KAAK,IAAI"}
1	+ {"version":3,"file":"font.js","sources":["../../../src/theme/utils/font.ts"],"sourcesContent":["import type { FontSize, FontWeight } from \"../types\";\n\nexport interface FontDeclarationProperties {\n \"font-family\": string;\n \"font-variant\": string;\n \"font-size\": string;\n \"font-weight\": string;\n \"line-height\": string;\n \"letter-spacing\": string;\n}\n\nconst sizeVarMap: Record<\n FontSize,\n { fontFamily: string; size: string; lh: string; ls: string }\n> = {\n \"heading-xxl\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-xxl)\",\n lh: \"var(--fds-font-heading-lh-xxl)\",\n ls: \"var(--fds-font-heading-ls-xxl)\",\n },\n \"heading-xl\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-xl)\",\n lh: \"var(--fds-font-heading-lh-xl)\",\n ls: \"var(--fds-font-heading-ls-xl)\",\n },\n \"heading-lg\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-lg)\",\n lh: \"var(--fds-font-heading-lh-lg)\",\n ls: \"var(--fds-font-heading-ls-lg)\",\n },\n \"heading-md\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-md)\",\n lh: \"var(--fds-font-heading-lh-md)\",\n ls: \"var(--fds-font-heading-ls-md)\",\n },\n \"heading-sm\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-sm)\",\n lh: \"var(--fds-font-heading-lh-sm)\",\n ls: \"var(--fds-font-heading-ls-sm)\",\n },\n \"heading-xs\": {\n fontFamily: \"var(--fds-font-family-heading)\",\n size: \"var(--fds-font-heading-size-xs)\",\n lh: \"var(--fds-font-heading-lh-xs)\",\n ls: \"var(--fds-font-heading-ls-xs)\",\n },\n \"body-baseline\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-body-size-baseline)\",\n lh: \"var(--fds-font-body-lh-baseline)\",\n ls: \"var(--fds-font-body-ls-baseline)\",\n },\n \"body-md\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-body-size-md)\",\n lh: \"var(--fds-font-body-lh-md)\",\n ls: \"var(--fds-font-body-ls-md)\",\n },\n \"body-sm\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-body-size-sm)\",\n lh: \"var(--fds-font-body-lh-sm)\",\n ls: \"var(--fds-font-body-ls-sm)\",\n },\n \"body-xs\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-body-size-xs)\",\n lh: \"var(--fds-font-body-lh-xs)\",\n ls: \"var(--fds-font-body-ls-xs)\",\n },\n \"form-label\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-form-label-size)\",\n lh: \"var(--fds-font-form-label-lh)\",\n ls: \"var(--fds-font-form-label-ls)\",\n },\n \"form-description\": {\n fontFamily: \"var(--fds-font-family-body)\",\n size: \"var(--fds-font-form-description-size)\",\n lh: \"var(--fds-font-form-description-lh)\",\n ls: \"var(--fds-font-form-description-ls)\",\n },\n};\n\nconst weightVarMap: Record<FontWeight, string> = {\n light: \"var(--fds-font-weight-light)\",\n regular: \"var(--fds-font-weight-regular)\",\n semibold: \"var(--fds-font-weight-semibold)\",\n bold: \"var(--fds-font-weight-bold)\",\n};\n\n/*\n Generates a CSS font declaration map using FDS CSS variables.\n \n @example\n * generateFontProperties(\"heading-xxl\", \"light\")\n * // => { \"font-family\": \"var(--fds-font-family-heading)\", ... }\n /\nexport const generateFontProperties = (\n size: FontSize,\n weight: FontWeight,\n options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): FontDeclarationProperties => {\n const { fontFamily, size: s, lh, ls } = sizeVarMap[size];\n const w = weightVarMap[weight];\n\n const extraVariant = [\n options?.fontVariant,\n options?.noCommonLigatures ? \"no-common-ligatures\" : \"\",\n ]\n .filter(Boolean)\n .join(\" \");\n\n const fontVariant = `var(--fds-font-variant)${\n extraVariant ? ` ${extraVariant}` : \"\"\n }`;\n\n return {\n \"font-family\": fontFamily,\n \"font-variant\": fontVariant,\n \"font-size\": s,\n \"font-weight\": w,\n \"line-height\": lh,\n \"letter-spacing\": ls,\n };\n};\n\n/\n Generates a CSS declaration string using FDS CSS variables.\n \n @example\n * generateFont(\"heading-xxl\", \"light\")\n * // => \"font-family: var(--fds-font-family-heading); font-variant: var(--fds-font-variant); ...\"\n */\nexport const generateFont = (\n size: FontSize,\n weight: FontWeight,\n options?: { noCommonLigatures?: boolean; fontVariant?: string }\n): string => {\n const declarations = generateFontProperties(size, weight, options);\n\n return Object.entries(declarations)\n .map(([key, value]) => `${key}: ${value};`)\n .join(\" \");\n};\n"],"names":["sizeVarMap","fontFamily","size","lh","ls","weightVarMap","light","regular","semibold","bold","generateFontProperties","weight","options","s","w","extraVariant","filter","Boolean","join","generateFont","declarations","Object","entries","map","key","value"],"mappings":"AAWA,MAAMA,EAGF,CACA,cAAe,CACXC,WAAY,iCACZC,KAAM,mCACNC,GAAI,iCACJC,GAAI,kCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,aAAc,CACVH,WAAY,iCACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,gBAAiB,CACbH,WAAY,8BACZC,KAAM,qCACNC,GAAI,mCACJC,GAAI,oCAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,UAAW,CACPH,WAAY,8BACZC,KAAM,+BACNC,GAAI,6BACJC,GAAI,8BAER,aAAc,CACVH,WAAY,8BACZC,KAAM,kCACNC,GAAI,gCACJC,GAAI,iCAER,mBAAoB,CAChBH,WAAY,8BACZC,KAAM,wCACNC,GAAI,sCACJC,GAAI,wCAINC,EAA2C,CAC7CC,MAAO,+BACPC,QAAS,iCACTC,SAAU,kCACVC,KAAM,+BAUGC,EAAyB,CAClCR,EACAS,EACAC,KAEA,MAAMX,WAAEA,EAAYC,KAAMW,EAACV,GAAEA,EAAEC,GAAEA,GAAOJ,EAAWE,GAC7CY,EAAIT,EAAaM,GAEjBI,EAAe,MACV,EAC8C,IAEpDC,OAAOC,SACPC,KAAK,KAMV,MAAO,CACH,cAAejB,EACf,eANgB,2BAChBc,EAAe,IAAIA,IAAiB,IAMpC,YAAaF,EACb,cAAeC,EACf,cAAeX,EACf,iBAAkBC,EACrB,EAUQe,EAAe,CACxBjB,EACAS,EACAC,KAEA,MAAMQ,EAAeV,EAAuBR,EAAMS,GAElD,OAAOU,OAAOC,QAAQF,GACjBG,KAAI,EAAEC,EAAKC,KAAW,GAAGD,MAAQC,OACjCP,KAAK,IAAI"}

package/theme/utils/index.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export * from "./css-variable";
 export * from "./font";
-export * from "./media-query";
 export * from "./token-resolver";
 export * from "./use-apply-styles";
 export * from "./use-design-token";
+export * from "./use-media-query";

package/theme/utils/token-resolver.js CHANGED Viewed

@@ -1,2 +1,2 @@
-const t=(t,e)=>t&&t.trim().length>0?t:e,e=t=>"number"==typeof t?`${t}px`:String(t),r=(t,e)=>"string"==typeof t&&e.has(t),o=(t,e)=>"string"==typeof t&&t.startsWith(e),s=(t,e,r)=>e(t)?t:r,n=({value:e,resolvedValue:r,guard:o,normalizeCustom:s})=>o(e)?t(r,e):s(e);export{n as getEffectiveTokenOrCustom,t as getResolvedValue,s as getTokenOrDefault,r as isTokenFromSet,o as isTokenWithPrefix,e as toCssValue};
+const t=t=>"number"==typeof t?`${t}px`:String(t),r=(t,r)=>"string"==typeof t&&r.has(t),s=(t,r)=>"string"==typeof t&&t.startsWith(r);export{r as isTokenFromSet,s as isTokenWithPrefix,t as toCssValue};
 //# sourceMappingURL=token-resolver.js.map

package/theme/utils/token-resolver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"token-resolver.js","sources":["../../../src/theme/utils/token-resolver.ts"],"sourcesContent":["type TokenGuard<TToken extends string> = (value: unknown) => value is TToken;\n\n/*\n Prefers a resolved token value and falls back to the original token string\n * when the token has not been resolved yet.\n * @param resolved Resolved value from a token lookup.\n * @param fallback Original token string used as fallback.\n * @returns Resolved value when available, otherwise the fallback token string.\n /\nexport const getResolvedValue = (\n resolved: string \| undefined,\n fallback: string\n) => {\n return resolved && resolved.trim().length > 0 ? resolved : fallback;\n};\n\n/\n Converts numeric CSS values to px while preserving string inputs.\n * @param value CSS value as number or string.\n * @returns CSS value string.\n /\nexport const toCssValue = (value: string \| number) => {\n return typeof value === \"number\" ? `${value}px` : String(value);\n};\n\n/\n Checks whether a value is one of the known token literals.\n * @param value Unknown value to validate.\n * @param tokenSet Set of allowed token strings.\n * @returns True when value is a string token in the provided set.\n /\nexport const isTokenFromSet = <TToken extends string>(\n value: unknown,\n tokenSet: Set<string>\n): value is TToken => {\n return typeof value === \"string\" && tokenSet.has(value);\n};\n\n/\n Checks whether a value is a token by matching a token prefix.\n * @param value Unknown value to validate.\n * @param prefix Token prefix to match.\n * @returns True when value is a string starting with the given prefix.\n /\nexport const isTokenWithPrefix = <TToken extends string>(\n value: unknown,\n prefix: string\n): value is TToken => {\n return typeof value === \"string\" && value.startsWith(prefix);\n};\n\n/\n Uses a token value when valid, otherwise falls back to a default token.\n * @param value Candidate token value.\n * @param guard Type guard that validates the token.\n * @param fallback Default token to use when value is invalid.\n * @returns Valid token value or fallback token.\n /\nexport const getTokenOrDefault = <TToken extends string>(\n value: unknown,\n guard: TokenGuard<TToken>,\n fallback: TToken\n) => {\n return guard(value) ? value : fallback;\n};\n\n/\n Resolves token values through the resolved token string and normalizes\n * non-token values through a caller-provided normalizer.\n * @param args.value Token or custom value.\n * @param args.resolvedValue Resolved token value from lookup.\n * @param args.guard Type guard that checks whether the value is a token.\n * @param args.normalizeCustom Normalizer for custom (non-token) values.\n * @returns Effective CSS value string.\n */\nexport const getEffectiveTokenOrCustom = <TToken extends string, TCustom>({\n value,\n resolvedValue,\n guard,\n normalizeCustom,\n}: {\n value: TToken \| TCustom;\n resolvedValue: string \| undefined;\n guard: TokenGuard<TToken>;\n normalizeCustom: (value: TCustom) => string;\n}) => {\n return guard(value)\n ? getResolvedValue(resolvedValue, value)\n : normalizeCustom(value);\n};\n"],"names":["~~getResolvedValue","resolved","fallback","trim","length","~~toCssValue","value","String","isTokenFromSet","tokenSet","has","isTokenWithPrefix","prefix","startsWith"~~,"getTokenOrDefault","guard","getEffectiveTokenOrCustom","resolvedValue","normalizeCustom"~~],"mappings":"~~MASaA~~,~~EAAmB~~,~~CAC5BC,EACAC,IAEOD,GAAYA,EAASE,OAAOC,OAAS,EAAIH,EAAWC,EAQlDG,~~EAAcC,GACC,iBAAVA,EAAqB,GAAGA,MAAYC,OAAOD,GAShDE,EAAiB,CAC1BF,EACAG,IAEwB,iBAAVH,GAAsBG,EAASC,IAAIJ,GASxCK,EAAoB,CAC7BL,EACAM,IAEwB,iBAAVN,GAAsBA,EAAMO,WAAWD~~,GAU5CE,EAAoB,CAC7BR,EACAS,EACAb,IAEOa,EAAMT,GAASA,EAAQJ,EAYrBc,EAA4B,EACrCV,QACAW,gBACAF,QACAG,qBAOOH,EAAMT,GACPN,EAAiBiB,EAAeX,GAChCY,EAAgBZ~~"}
1	+ {"version":3,"file":"token-resolver.js","sources":["../../../src/theme/utils/token-resolver.ts"],"sourcesContent":["type TokenGuard<TToken extends string> = (value: unknown) => value is TToken;\n\n/*\n Prefers a resolved token value and falls back to the original token string\n * when the token has not been resolved yet.\n * @param resolved Resolved value from a token lookup.\n * @param fallback Original token string used as fallback.\n * @returns Resolved value when available, otherwise the fallback token string.\n /\nexport const getResolvedValue = (\n resolved: string \| undefined,\n fallback: string\n) => {\n return resolved && resolved.trim().length > 0 ? resolved : fallback;\n};\n\n/\n Converts numeric CSS values to px while preserving string inputs.\n * @param value CSS value as number or string.\n * @returns CSS value string.\n /\nexport const toCssValue = (value: string \| number) => {\n return typeof value === \"number\" ? `${value}px` : String(value);\n};\n\n/\n Checks whether a value is one of the known token literals.\n * @param value Unknown value to validate.\n * @param tokenSet Set of allowed token strings.\n * @returns True when value is a string token in the provided set.\n /\nexport const isTokenFromSet = <TToken extends string>(\n value: unknown,\n tokenSet: Set<string>\n): value is TToken => {\n return typeof value === \"string\" && tokenSet.has(value);\n};\n\n/\n Checks whether a value is a token by matching a token prefix.\n * @param value Unknown value to validate.\n * @param prefix Token prefix to match.\n * @returns True when value is a string starting with the given prefix.\n /\nexport const isTokenWithPrefix = <TToken extends string>(\n value: unknown,\n prefix: string\n): value is TToken => {\n return typeof value === \"string\" && value.startsWith(prefix);\n};\n\n/\n Uses a token value when valid, otherwise falls back to a default token.\n * @param value Candidate token value.\n * @param guard Type guard that validates the token.\n * @param fallback Default token to use when value is invalid.\n * @returns Valid token value or fallback token.\n /\nexport const getTokenOrDefault = <TToken extends string>(\n value: unknown,\n guard: TokenGuard<TToken>,\n fallback: TToken\n) => {\n return guard(value) ? value : fallback;\n};\n\n/\n Resolves token values through the resolved token string and normalizes\n * non-token values through a caller-provided normalizer.\n * @param args.value Token or custom value.\n * @param args.resolvedValue Resolved token value from lookup.\n * @param args.guard Type guard that checks whether the value is a token.\n * @param args.normalizeCustom Normalizer for custom (non-token) values.\n * @returns Effective CSS value string.\n */\nexport const getEffectiveTokenOrCustom = <TToken extends string, TCustom>({\n value,\n resolvedValue,\n guard,\n normalizeCustom,\n}: {\n value: TToken \| TCustom;\n resolvedValue: string \| undefined;\n guard: TokenGuard<TToken>;\n normalizeCustom: (value: TCustom) => string;\n}) => {\n return guard(value)\n ? getResolvedValue(resolvedValue, value)\n : normalizeCustom(value);\n};\n"],"names":["toCssValue","value","String","isTokenFromSet","tokenSet","has","isTokenWithPrefix","prefix","startsWith"],"mappings":"AAqBO,MAAMA,EAAcC,GACC,iBAAVA,EAAqB,GAAGA,MAAYC,OAAOD,GAShDE,EAAiB,CAC1BF,EACAG,IAEwB,iBAAVH,GAAsBG,EAASC,IAAIJ,GASxCK,EAAoB,CAC7BL,EACAM,IAEwB,iBAAVN,GAAsBA,EAAMO,WAAWD"}

package/theme/utils/use-design-token.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useState as o,useEffect as e}from"react";import{useTheme as r}from"../theme-provider/hooks.js";import{parseCSSVariableValue as t}from"./css-variable.js";import{getResolvedValue as m}from"./token-resolver.js";const s=m=>{const{theme:s,mode:i,themeElement:n}=r(),[l,a]=o(void 0);return e((()=>{n&&a(t(m,n))}),[s,i,n,m]),l},i=o=>{const{value:e,fallback:r,isToken:t,normalizeCustom:i}=o,n=(o=>null==o||""===o)(e)?r:e,l=t(n)?n:void 0,a=s(l);return l?m(a,l):i(n)};export{s as useDesignToken,i as useResolvedTokenValue};
+import{useState as o,useEffect as e}from"react";import{useTheme as r}from"../theme-provider/hooks.js";import{parseCSSVariableValue as t}from"./css-variable.js";const m=o=>null==o||""===o,i=m=>{const{theme:i,mode:s,themeElement:n}=r(),[l,a]=o(void 0);return e((()=>{n&&a(t(m,n))}),[i,s,n,m]),l},s=o=>{const{value:e,fallback:r,isToken:t,normalizeCustom:s}=o,n=t(e),l=i(n?e:void 0),a=t(r),c=i(a?r:void 0);return n&&!m(l)?l:n||m(e)?a&&!m(c)?c:s(r):s(e)};export{i as useDesignToken,s as useResolvedTokenValue};
 //# sourceMappingURL=use-design-token.js.map