@lifesg/react-design-system 4.0.0-alpha.3 → 4.0.0-alpha.5

package/theme/tokens/colour.js

@@ -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

@@ -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":"AAAO,MAAMA,EAAmB,CAC5B,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,YAAa,8BAEb,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,gBAAiB,kCAEjB,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,YAAa,8BAEb,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,WAAY,6BAEZC,MAAO,0BACPC,MAAO,0BACP,kBAAmB,qCAGVC,EAAkB,CAC3BC,KAAM,yBACN,cAAe,gCACf,eAAgB,iCAChB,gBAAiB,kCACjB,eAAgB,iCAChB,yBAA0B,2CAC1B,aAAc,+BACd,gBAAiB,kCACjB,sBAAuB,wCACvB,gBAAiB,kCACjB,uBAAwB,yCACxB,yBAA0B,2CAC1B,yBAA0B,2CAC1B,eAAgB,iCAChB,eAAgB,iCAChB,aAAc,+BACd,YAAa,8BACb,eAAgB,iCAEhBC,KAAM,yBACN,cAAe,gCACf,iBAAkB,mCAClB,eAAgB,iCAChB,sBAAuB,wCACvB,wBAAyB,0CACzB,aAAc,+BACd,gBAAiB,kCACjB,sBAAuB,wCACvB,gBAAiB,kCACjB,uBAAwB,yCACxB,yBAA0B,2CAC1B,eAAgB,iCAChB,eAAgB,iCAChB,aAAc,+BACd,oBAAqB,sCACrB,YAAa,8BACb,eAAgB,iCAChB,uBAAwB,yCAExBC,OAAQ,2BACR,gBAAiB,kCACjB,kBAAmB,oCACnB,iBAAkB,mCAClB,wBAAyB,0CACzB,eAAgB,iCAChB,sBAAuB,wCACvB,kBAAmB,oCACnB,yBAA0B,2CAC1B,2BAA4B,6CAC5B,wBAAyB,0CACzB,eAAgB,iCAChB,sBAAuB,wCACvB,kBAAmB,oCACnB,2BAA4B,6CAC5B,iBAAkB,mCAClB,iBAAkB,mCAClB,eAAgB,iCAChB,qBAAsB,uCACtB,4BAA6B,8CAC7B,sBAAuB,wCACvB,cAAe,gCAEfC,GAAI,uBACJ,YAAa,8BACb,cAAe,gCACf,eAAgB,iCAChB,WAAY,6BACZ,kBAAmB,oCACnB,kBAAmB,oCACnB,mBAAoB,qCACpB,0BAA2B,4CAC3B,cAAe,gCACf,oBAAqB,sCACrB,qBAAsB,uCACtB,uBAAwB,yCACxB,wBAAyB,0CACzB,8BACI,gDACJ,cAAe,gCACf,uBAAwB,yCACxB,gCACI,kDACJ,aAAc,+BACd,mBAAoB,qCACpB,oBAAqB,sCACrB,0BAA2B,4CAC3B,aAAc,+BACd,mBAAoB,qCACpB,oBAAqB,sCACrB,0BAA2B,4CAC3B,UAAW,4BACX,gBAAiB,kCACjB,iBAAkB,mCAClB,uBAAwB,yCACxB,WAAY,6BACZ,iBAAkB,mCAClB,kBAAmB,oCACnB,wBAAyB,0CACzB,aAAc,+BACd,oBAAqB,sCACrB,qBAAsB,uCACtB,sBAAuB,wCACvB,mBAAoB,qCACpB,aAAc,+BACd,oBAAqB,sCACrB,qBAAsB,uCACtB,sBAAuB,wCACvB,eAAgB,iCAChB,mBAAoB,qCACpB,4BAA6B,8CAC7B,+BACI,iDACJ,iBAAkB,mCAClB,iBAAkB,mCAClBC,UAAW,8BACX,kBAAmB,oCACnB,oBAAqB,sCACrB,oBAAqB,sCACrB,aAAc,+BACd,qBAAsB,wCAGbC,EAASC,OAAAC,OAAA,CAClBC,UAAWZ,GACRG"}
+{"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":"AAAO,MAAMA,EAAmB,CAC5B,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,YAAa,8BAEb,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,eAAgB,iCAChB,gBAAiB,kCAEjB,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,aAAc,+BACd,cAAe,gCAEf,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,WAAY,6BACZ,YAAa,8BAEb,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,UAAW,4BACX,WAAY,6BAEZC,MAAO,0BACPC,MAAO,0BACP,kBAAmB,qCAGVC,EAAkB,CAC3BC,KAAM,yBACN,cAAe,gCACf,eAAgB,iCAChB,gBAAiB,kCACjB,eAAgB,iCAChB,sBAAuB,wCACvB,yBAA0B,2CAC1B,aAAc,+BACd,iBAAkB,mCAClB,wBAAyB,0CACzB,aAAc,+BACd,gBAAiB,kCACjB,sBAAuB,wCACvB,gBAAiB,kCACjB,uBAAwB,yCACxB,yBAA0B,2CAC1B,yBAA0B,2CAC1B,eAAgB,iCAChB,eAAgB,iCAChB,aAAc,+BACd,YAAa,8BACb,eAAgB,iCAEhBC,KAAM,yBACN,cAAe,gCACf,iBAAkB,mCAClB,eAAgB,iCAChB,sBAAuB,wCACvB,wBAAyB,0CACzB,aAAc,+BACd,iBAAkB,mCAClB,wBAAyB,0CACzB,aAAc,+BACd,gBAAiB,kCACjB,sBAAuB,wCACvB,gBAAiB,kCACjB,uBAAwB,yCACxB,yBAA0B,2CAC1B,eAAgB,iCAChB,eAAgB,iCAChB,aAAc,+BACd,oBAAqB,sCACrB,YAAa,8BACb,eAAgB,iCAChB,uBAAwB,yCAExBC,OAAQ,2BACR,gBAAiB,kCACjB,kBAAmB,oCACnB,iBAAkB,mCAClB,wBAAyB,0CACzB,wBAAyB,0CACzB,eAAgB,iCAChB,sBAAuB,wCACvB,kBAAmB,oCACnB,yBAA0B,2CAC1B,2BAA4B,6CAC5B,wBAAyB,0CACzB,eAAgB,iCAChB,sBAAuB,wCACvB,kBAAmB,oCACnB,2BAA4B,6CAC5B,iBAAkB,mCAClB,iBAAkB,mCAClB,eAAgB,iCAChB,qBAAsB,uCACtB,4BAA6B,8CAC7B,sBAAuB,wCACvB,cAAe,gCAEfC,GAAI,uBACJ,YAAa,8BACb,cAAe,gCACf,eAAgB,iCAChB,WAAY,6BACZ,kBAAmB,oCACnB,kBAAmB,oCACnB,mBAAoB,qCACpB,0BAA2B,4CAC3B,cAAe,gCACf,oBAAqB,sCACrB,qBAAsB,uCACtB,uBAAwB,yCACxB,wBAAyB,0CACzB,8BACI,gDACJ,cAAe,gCACf,uBAAwB,yCACxB,gCACI,kDACJ,aAAc,+BACd,mBAAoB,qCACpB,oBAAqB,sCACrB,0BAA2B,4CAC3B,aAAc,+BACd,mBAAoB,qCACpB,oBAAqB,sCACrB,0BAA2B,4CAC3B,UAAW,4BACX,gBAAiB,kCACjB,iBAAkB,mCAClB,uBAAwB,yCACxB,WAAY,6BACZ,iBAAkB,mCAClB,kBAAmB,oCACnB,wBAAyB,0CACzB,aAAc,+BACd,oBAAqB,sCACrB,qBAAsB,uCACtB,sBAAuB,wCACvB,mBAAoB,qCACpB,aAAc,+BACd,oBAAqB,sCACrB,oBAAqB,sCACrB,qBAAsB,uCACtB,sBAAuB,wCACvB,eAAgB,iCAChB,sBAAuB,wCACvB,uBAAwB,yCACxB,wBAAyB,0CACzB,eAAgB,iCAChB,mBAAoB,qCACpB,0BAA2B,4CAC3B,4BAA6B,8CAC7B,+BACI,iDAEJ,iBAAkB,mCAClB,iBAAkB,mCAElBC,UAAW,8BACX,kBAAmB,oCACnB,oBAAqB,sCACrB,oBAAqB,sCAErB,aAAc,+BACd,qBAAsB,wCAGbC,EAASC,OAAAC,OAAA,CAClBC,UAAWZ,GACRG"}

package/theme/tokens/font.d.ts

@@ -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

@@ -1,2 +1,2 @@
-import{generateFont as d}from"../utils/font.js";const l={"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)"},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};
+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

@@ -1 +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\": \"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":"gDAEO,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"}
+{"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

@@ -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", "careercompass", "ccube", "imda", "lifesg", "mylegacy", "oneservice", "pa", "rbs", "sgw-digital-lobby", "smgs", "spf", "supportgowhere"];
 export type ThemeType = (typeof THEME_TYPES)[number];
 export type ThemeMode = "light" | "dark" | "auto";
 export type ResolvedThemeMode = "light" | "dark";

package/theme/types.js

@@ -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","careercompass","ccube","imda","lifesg","mylegacy","oneservice","pa","rbs","sgw-digital-lobby","smgs","spf","supportgowhere"];export{s as THEME_TYPES};
 //# sourceMappingURL=types.js.map

package/theme/types.js.map

@@ -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"}
+{"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    \"careercompass\",\n    \"ccube\",\n    \"imda\",\n    \"lifesg\",\n    \"mylegacy\",\n    \"oneservice\",\n    \"pa\",\n    \"rbs\",\n    \"sgw-digital-lobby\",\n    \"smgs\",\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,gBACA,QACA,OACA,SACA,WACA,aACA,KACA,MACA,oBACA,OACA,MACA"}

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

@@ -18,11 +18,6 @@ export declare function parseCSSVariableValue(cssVarString: CSSVariableString |
  * @returns Parsed numeric value, or 0 if the value is not px/rem or invalid
  */
 export declare function parsePxOrRemValue(cssValue: string): number;
-/**
- * Normalizes a CSS length value and accepts px/rem or unitless zero.
- * Returns undefined for invalid inputs.
- */
-export declare const normalizeCssLengthValue: (value: string | undefined) => string | undefined;
 /**
  * Extracts inline token CSS custom properties from the theme element.
  */

package/theme/utils/css-variable.js

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

@@ -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;\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\n/**\n * Normalizes a CSS length value and accepts px/rem or unitless zero.\n * Returns undefined for invalid inputs.\n */\nexport const normalizeCssLengthValue = (\n    value: string | undefined\n): string | undefined => {\n    if (!value) return undefined;\n\n    const trimmedValue = value.trim();\n\n    // CSS allows unitless zero in width-like properties.\n    if (trimmedValue === \"0\") {\n        return trimmedValue;\n    }\n\n    if (!CSS_PX_OR_REM_CAPTURE_PATTERN.test(trimmedValue)) {\n        return undefined;\n    }\n\n    return trimmedValue;\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","normalizeCssLengthValue","trimmedValue","test","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,CAMO,MAAMI,EACT1B,IAEA,IAAKA,EAAO,OAEZ,MAAM2B,EAAe3B,EAAMa,OAG3B,MAAqB,MAAjBc,GAIC7B,EAA8B8B,KAAKD,GAH7BA,OAGX,CAImB,EAuBVE,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,MAAMvC,EAAQ+B,EAAMnB,iBAAiByB,GAAcxB,OAC9Cb,IAELmC,EAAOE,GAAiCrC,EAC5C,GAYAwC,CAAwBV,EAAcG,GAE/BA,CAAS,EAMPQ,EAAkB,CAC3BzC,EACA0C,IAEqB,iBAAV1C,EACA,GAAGA,IAAQ0C,IAEf"}
+{"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

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -3,4 +3,5 @@ export * from "./font";
 export * from "./token-resolver";
 export * from "./use-apply-styles";
 export * from "./use-design-token";
+export * from "./use-design-token-override";
 export * from "./use-media-query";

package/theme/utils/token-resolver.js

@@ -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

@@ -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"}
+{"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-override.d.ts

@@ -0,0 +1,11 @@
+import type { CSSVariableString, ResolvedThemeMode } from "../types";
+interface UseDesignTokenOverrideOptions {
+    token: CSSVariableString;
+    mode?: ResolvedThemeMode;
+}
+/**
+ * Resolves a design token's value in a specific theme mode,
+ * defaulting to light mode regardless of the current theme mode.
+ */
+export declare const useDesignTokenOverride: ({ token, mode, }: UseDesignTokenOverrideOptions) => string | undefined;
+export {};

package/theme/utils/use-design-token-override.js

@@ -0,0 +1,2 @@
+import{useState as e,useEffect as t}from"react";import{useTheme as o}from"../theme-provider/hooks.js";import{parseCSSVariableValue as r}from"./css-variable.js";const m=({token:m,mode:s="light"})=>{const{theme:d,themeElement:n}=o(),[i,a]=e();return t((()=>{if(!n)return;const e=document.createElement("div");e.dataset.fdsTheme=d,e.dataset.fdsThemeMode=s,e.style.display="none",n.appendChild(e);const t=r(m,e);a(t||void 0),e.remove()}),[d,n,m,s]),i};export{m as useDesignTokenOverride};
+//# sourceMappingURL=use-design-token-override.js.map

package/theme/utils/use-design-token-override.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-design-token-override.js","sources":["../../../src/theme/utils/use-design-token-override.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString, ResolvedThemeMode } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\n\ninterface UseDesignTokenOverrideOptions {\n    token: CSSVariableString;\n    mode?: ResolvedThemeMode;\n}\n\n/**\n * Resolves a design token's value in a specific theme mode,\n * defaulting to light mode regardless of the current theme mode.\n */\nexport const useDesignTokenOverride = ({\n    token,\n    mode = \"light\",\n}: UseDesignTokenOverrideOptions): string | undefined => {\n    const { theme, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>();\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        const tempEl = document.createElement(\"div\");\n        tempEl.dataset.fdsTheme = theme;\n        tempEl.dataset.fdsThemeMode = mode;\n        tempEl.style.display = \"none\";\n        themeElement.appendChild(tempEl);\n\n        const resolved = parseCSSVariableValue(token, tempEl);\n        setValue(resolved || undefined);\n\n        tempEl.remove();\n    }, [theme, themeElement, token, mode]);\n\n    return value;\n};\n"],"names":["useDesignTokenOverride","token","mode","theme","themeElement","useTheme","value","setValue","useState","useEffect","tempEl","document","createElement","dataset","fdsTheme","fdsThemeMode","style","display","appendChild","resolved","parseCSSVariableValue","undefined","remove"],"mappings":"gKAeO,MAAMA,EAAyB,EAClCC,QACAC,OAAO,YAEP,MAAMC,MAAEA,EAAKC,aAAEA,GAAiBC,KACzBC,EAAOC,GAAYC,IAiB1B,OAfAC,GAAU,KACN,IAAKL,EAAc,OAEnB,MAAMM,EAASC,SAASC,cAAc,OACtCF,EAAOG,QAAQC,SAAWX,EAC1BO,EAAOG,QAAQE,aAAeb,EAC9BQ,EAAOM,MAAMC,QAAU,OACvBb,EAAac,YAAYR,GAEzB,MAAMS,EAAWC,EAAsBnB,EAAOS,GAC9CH,EAASY,QAAYE,GAErBX,EAAOY,QAAQ,GAChB,CAACnB,EAAOC,EAAcH,EAAOC,IAEzBI,CAAK"}

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

@@ -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

package/theme/utils/use-design-token.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-design-token.js","sources":["../../../src/theme/utils/use-design-token.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\nimport { getResolvedValue } from \"./token-resolver\";\n\nconst isEmptyValue = (value: unknown) => {\n    return value == null || value === \"\";\n};\n\nexport const useDesignToken = (\n    tokenName: CSSVariableString | undefined\n): string | undefined => {\n    const { theme, mode, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        setValue(parseCSSVariableValue(tokenName, themeElement));\n    }, [theme, mode, themeElement, tokenName]);\n\n    return value;\n};\n\nexport interface UseResolvedTokenValueOptions<\n    TToken extends CSSVariableString,\n    TCustom\n> {\n    /** Value used when `value` is empty. */\n    fallback: TToken | TCustom;\n    /** Type guard to identify token values. */\n    isToken: (value: unknown) => value is TToken;\n    /** Normalizer for non-token values. */\n    normalizeCustom: (value: TCustom) => string;\n    /** Candidate token or custom value. */\n    value: TToken | TCustom | null | undefined;\n}\n\n/**\n * Resolves token-aware values with consistent fallback behavior.\n * - Empty values (`null`, `undefined`, `\"\"`) use `fallback`.\n * - Token values are resolved through `useDesignToken`.\n * - Non-token values are returned via `normalizeCustom`.\n * @param options Resolution options for token/custom values.\n * @returns Resolved token value or normalized custom/fallback value.\n */\nexport const useResolvedTokenValue = <\n    TToken extends CSSVariableString,\n    TCustom\n>(\n    options: UseResolvedTokenValueOptions<TToken, TCustom>\n) => {\n    const { value, fallback, isToken, normalizeCustom } = options;\n    const effectiveValue = isEmptyValue(value) ? fallback : value;\n    const tokenString = isToken(effectiveValue) ? effectiveValue : undefined;\n    const resolvedTokenValue = useDesignToken(tokenString);\n\n    if (tokenString) {\n        return getResolvedValue(resolvedTokenValue, tokenString);\n    }\n\n    return normalizeCustom(effectiveValue as TCustom);\n};\n"],"names":["useDesignToken","tokenName","theme","mode","themeElement","useTheme","value","setValue","useState","undefined","useEffect","parseCSSVariableValue","useResolvedTokenValue","options","fallback","isToken","normalizeCustom","effectiveValue","isEmptyValue","tokenString","resolvedTokenValue","getResolvedValue"],"mappings":"uNAOA,MAIaA,EACTC,IAEA,MAAMC,MAAEA,EAAKC,KAAEA,EAAIC,aAAEA,GAAiBC,KAC/BC,EAAOC,GAAYC,OAA6BC,GAQvD,OANAC,GAAU,KACDN,GAELG,EAASI,EAAsBV,EAAWG,GAAc,GACzD,CAACF,EAAOC,EAAMC,EAAcH,IAExBK,CAAK,EAyBHM,EAITC,IAEA,MAAMP,MAAEA,EAAKQ,SAAEA,EAAQC,QAAEA,EAAOC,gBAAEA,GAAoBH,EAChDI,EAhDW,CAACX,GACF,MAATA,GAA2B,KAAVA,EA+CDY,CAAaZ,GAASQ,EAAWR,EAClDa,EAAcJ,EAAQE,GAAkBA,OAAiBR,EACzDW,EAAqBpB,EAAemB,GAE1C,OAAIA,EACOE,EAAiBD,EAAoBD,GAGzCH,EAAgBC,EAA0B"}
+{"version":3,"file":"use-design-token.js","sources":["../../../src/theme/utils/use-design-token.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useTheme } from \"../theme-provider/hooks\";\nimport type { CSSVariableString } from \"../types\";\nimport { parseCSSVariableValue } from \"./css-variable\";\n\nconst isEmptyValue = (value: unknown) => {\n    return value == null || value === \"\";\n};\n\nexport const useDesignToken = (\n    tokenName: CSSVariableString | undefined\n): string | undefined => {\n    const { theme, mode, themeElement } = useTheme();\n    const [value, setValue] = useState<string | undefined>(undefined);\n\n    useEffect(() => {\n        if (!themeElement) return;\n\n        setValue(parseCSSVariableValue(tokenName, themeElement));\n    }, [theme, mode, themeElement, tokenName]);\n\n    return value;\n};\n\nexport interface UseResolvedTokenValueOptions<\n    TToken extends CSSVariableString,\n    TCustom\n> {\n    /** Value used when `value` is empty. */\n    fallback: TToken | TCustom;\n    /** Type guard to identify token values. */\n    isToken: (value: unknown) => value is TToken;\n    /** Normalizer for non-token values. */\n    normalizeCustom: (value: TCustom) => string;\n    /** Candidate token or custom value. */\n    value: TToken | TCustom | null | undefined;\n}\n\n/**\n * Resolves token-aware values with consistent fallback behavior.\n * - Empty values (`null`, `undefined`, `\"\"`) use `fallback`.\n * - Token values are resolved through `useDesignToken`.\n * - Non-token values are returned via `normalizeCustom`.\n * @param options Resolution options for token/custom values.\n * @returns Resolved token value or normalized custom/fallback value.\n */\nexport const useResolvedTokenValue = <\n    TToken extends CSSVariableString,\n    TCustom\n>(\n    options: UseResolvedTokenValueOptions<TToken, TCustom>\n) => {\n    const { value, fallback, isToken: checkToken, normalizeCustom } = options;\n    const isToken = checkToken(value);\n    const tokenName = isToken ? value : undefined;\n    const resolvedToken = useDesignToken(tokenName);\n    const isFallbackToken = checkToken(fallback);\n    const fallbackTokenName = isFallbackToken ? fallback : undefined;\n    const resolvedFallback = useDesignToken(fallbackTokenName);\n\n    if (isToken && !isEmptyValue(resolvedToken)) {\n        return resolvedToken;\n    }\n\n    if (!isToken && !isEmptyValue(value)) {\n        return normalizeCustom(value);\n    }\n\n    if (isFallbackToken && !isEmptyValue(resolvedFallback)) {\n        return resolvedFallback;\n    }\n\n    return normalizeCustom(fallback as TCustom);\n};\n"],"names":["isEmptyValue","value","useDesignToken","tokenName","theme","mode","themeElement","useTheme","setValue","useState","undefined","useEffect","parseCSSVariableValue","useResolvedTokenValue","options","fallback","isToken","checkToken","normalizeCustom","resolvedToken","isFallbackToken","resolvedFallback"],"mappings":"gKAMA,MAAMA,EAAgBC,GACF,MAATA,GAA2B,KAAVA,EAGfC,EACTC,IAEA,MAAMC,MAAEA,EAAKC,KAAEA,EAAIC,aAAEA,GAAiBC,KAC/BN,EAAOO,GAAYC,OAA6BC,GAQvD,OANAC,GAAU,KACDL,GAELE,EAASI,EAAsBT,EAAWG,GAAc,GACzD,CAACF,EAAOC,EAAMC,EAAcH,IAExBF,CAAK,EAyBHY,EAITC,IAEA,MAAMb,MAAEA,EAAKc,SAAEA,EAAUC,QAASC,EAAUC,gBAAEA,GAAoBJ,EAC5DE,EAAUC,EAAWhB,GAErBkB,EAAgBjB,EADJc,EAAUf,OAAQS,GAE9BU,EAAkBH,EAAWF,GAE7BM,EAAmBnB,EADCkB,EAAkBL,OAAWL,GAGvD,OAAIM,IAAYhB,EAAamB,GAClBA,EAGNH,GAAYhB,EAAaC,GAI1BmB,IAAoBpB,EAAaqB,GAC1BA,EAGJH,EAAgBH,GAPZG,EAAgBjB,EAOgB"}

package/theme/utils/use-media-query.d.ts

@@ -16,9 +16,8 @@ export interface MediaQueryOptions {
     maxWidth?: WidthBreakpointCSSVariableString;
     clauses?: MediaQueryClause[];
 }
-export declare const DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT = "480px";
 export declare const useMinWidthMediaQuery: (breakpoint: BreakpointName) => boolean;
 export declare const useMaxWidthMediaQuery: (breakpoint: MaxWidthBreakpointName) => boolean;
-export declare const useResolvedBreakpointToken: (breakpointToken: WidthBreakpointCSSVariableString | undefined, fallbackLength?: string) => string | undefined;
+export declare const useResolvedBreakpointToken: (breakpointToken: WidthBreakpointCSSVariableString | undefined) => string;
 export declare const useMediaQuery: (options: MediaQueryOptions) => boolean;
 export {};

package/theme/utils/use-media-query.js

@@ -1,2 +1,2 @@
-import{useState as i,useEffect as e}from"react";import{Breakpoint as n}from"../tokens/breakpoint.js";import{normalizeCssLengthValue as t}from"./css-variable.js";import{isTokenFromSet as r}from"./token-resolver.js";import{useResolvedTokenValue as a}from"./use-design-token.js";const m="480px",o=new Set([n["xxs-min"],n["xs-min"],n["sm-min"],n["md-min"],n["lg-min"],n["xl-min"],n["xxl-min"],n["xxs-max"],n["xs-max"],n["sm-max"],n["md-max"],n["lg-max"],n["xl-max"]]),l=i=>r(i,o),s=i=>n[`${i}-min`],d=i=>n[`${i}-max`],u=i=>w({minWidth:s(i)}),v=i=>w({maxWidth:d(i)}),x=(i,e)=>{if(e)return`(${i}: ${e})`},c=i=>{if(void 0===(null==i?void 0:i.value))return;if(!0===i.value)return`(${i.feature})`;if(!1===i.value)return;const e=`${i.value}`.trim();return e?`(${i.feature}: ${e})`:void 0},h=(i,e)=>{var n,r;const m=a({value:i,fallback:null!==(n=null!=e?e:i)&&void 0!==n?n:"",isToken:l,normalizeCustom:i=>i});return null!==(r=t(m))&&void 0!==r?r:t(e)},f=(n,t)=>{const[r,a]=i((()=>((i,e)=>{var n;return i&&(null===(n=globalThis.window)||void 0===n?void 0:n.matchMedia)?globalThis.window.matchMedia(i).matches:e})(n,t)));return e((()=>{var i;if(!n||!(null===(i=globalThis.window)||void 0===i?void 0:i.matchMedia))return void a(t);const e=globalThis.window.matchMedia(n),r=i=>{a(i.matches)};return a(e.matches),e.addEventListener("change",r),()=>{e.removeEventListener("change",r)}}),[t,n]),r},w=i=>{const{minWidth:e,maxWidth:n,clauses:t=[]}=i,r=h(e),a=h(n),m=[...[x("min-width",r),x("max-width",a)].filter((i=>!!i)),...t.map(c).filter((i=>!!i))].join(" and "),o=((i,e)=>!e&&!!i)(!!r,!!a);return f(m,o)};export{m as DEFAULT_MOBILE_MAX_WIDTH_BREAKPOINT,v as useMaxWidthMediaQuery,w as useMediaQuery,u as useMinWidthMediaQuery,h as useResolvedBreakpointToken};
+import{useState as i,useEffect as m}from"react";import{Breakpoint as n}from"../tokens/breakpoint.js";import{isTokenFromSet as e}from"./token-resolver.js";import{useResolvedTokenValue as a}from"./use-design-token.js";const t={[n["xxs-min"]]:"0",[n["xs-min"]]:"321px",[n["sm-min"]]:"376px",[n["md-min"]]:"481px",[n["lg-min"]]:"769px",[n["xl-min"]]:"1201px",[n["xxl-min"]]:"1441px",[n["xxs-max"]]:"320px",[n["xs-max"]]:"375px",[n["sm-max"]]:"480px",[n["md-max"]]:"768px",[n["lg-max"]]:"1200px",[n["xl-max"]]:"1440px"},x=new Set([n["xxs-min"],n["xs-min"],n["sm-min"],n["md-min"],n["lg-min"],n["xl-min"],n["xxl-min"],n["xxs-max"],n["xs-max"],n["sm-max"],n["md-max"],n["lg-max"],n["xl-max"]]),r=i=>e(i,x),o=i=>n[`${i}-min`],s=i=>n[`${i}-max`],l=i=>c({minWidth:o(i)}),d=i=>c({maxWidth:s(i)}),u=(i,m)=>{if(m)return`(${i}: ${m})`},h=i=>{if(void 0===(null==i?void 0:i.value))return;if(!0===i.value)return`(${i.feature})`;if(!1===i.value)return;const m=`${i.value}`.trim();return m?`(${i.feature}: ${m})`:void 0},p=i=>{const m=r(i)&&t[i]?t[i]:"";return a({value:i,fallback:m,isToken:r,normalizeCustom:i=>i})},v=(n,e)=>{const[a,t]=i((()=>((i,m)=>{var n;return i&&(null===(n=globalThis.window)||void 0===n?void 0:n.matchMedia)?globalThis.window.matchMedia(i).matches:m})(n,e)));return m((()=>{var i;if(!n||!(null===(i=globalThis.window)||void 0===i?void 0:i.matchMedia))return void t(e);const m=globalThis.window.matchMedia(n),a=i=>{t(i.matches)};return t(m.matches),m.addEventListener("change",a),()=>{m.removeEventListener("change",a)}}),[e,n]),a},c=i=>{const{minWidth:m,maxWidth:n,clauses:e=[]}=i,a=p(m),t=p(n),x=[...[u("min-width",a),u("max-width",t)].filter((i=>!!i)),...e.map(h).filter((i=>!!i))].join(" and "),r=((i,m)=>!m&&!!i)(!!a,!!t);return v(x,r)};export{d as useMaxWidthMediaQuery,c as useMediaQuery,l as useMinWidthMediaQuery,p as useResolvedBreakpointToken};
 //# sourceMappingURL=use-media-query.js.map