@webority/tokens 0.90.0 → 0.92.0

package/dist/canvas/webority-phone.json

@@ -2,7 +2,7 @@
     "format": "webority-theme-tokens/2",
     "source": {
         "package": "@webority/tokens",
-        "version": "0.90.0",
+        "version": "0.92.0",
         "brand": null,
         "platform": "phone",
         "width": null
@@ -203,52 +203,40 @@
     },
     "text": {
         "xs": {
-            "size": 11,
-            "lineHeight": 1.5
+            "size": 11
         },
         "sm": {
-            "size": 13,
-            "lineHeight": 1.5
+            "size": 13
         },
         "base": {
-            "size": 15,
-            "lineHeight": 1.5
+            "size": 15
         },
         "lg": {
-            "size": 17,
-            "lineHeight": 1.4
+            "size": 17
         },
         "xl": {
-            "size": 20,
-            "lineHeight": 1.3
+            "size": 20
         },
         "2xl": {
-            "size": 24,
-            "lineHeight": 1.25
+            "size": 24
         },
         "3xl": {
-            "size": 30,
-            "lineHeight": 1.2
+            "size": 30
         },
         "4xl": {
-            "size": 36,
-            "lineHeight": 1.1
+            "size": 36
         },
         "5xl": {
-            "size": 45,
-            "lineHeight": 1.05
+            "size": 45
         },
         "6xl": {
-            "size": 57,
-            "lineHeight": 1
+            "size": 57
         },
         "7xl": {
-            "size": 64,
-            "lineHeight": 1
+            "size": 64
         },
         "8xl": {
-            "size": 72,
-            "lineHeight": 1
+            "size": 72
         }
     },
     "typography": {
@@ -259,9 +247,9 @@
             "bold": 700
         },
         "leading": {
-            "tight": 1.2,
-            "normal": 1.4,
-            "relaxed": 1.6
+            "heading": 1.2,
+            "body": 1.4,
+            "display": 1.2
         }
     },
     "fonts": {

package/dist/canvas/webority-web-390.json

@@ -2,7 +2,7 @@
     "format": "webority-theme-tokens/2",
     "source": {
         "package": "@webority/tokens",
-        "version": "0.90.0",
+        "version": "0.92.0",
         "brand": null,
         "platform": "web",
         "width": 390
@@ -245,52 +245,40 @@
     },
     "text": {
         "xs": {
-            "size": 12.07,
-            "lineHeight": 1.5
+            "size": 12.07
         },
         "sm": {
-            "size": 13.11,
-            "lineHeight": 1.5
+            "size": 13.11
         },
         "base": {
-            "size": 15.38,
-            "lineHeight": 1.5
+            "size": 15.38
         },
         "lg": {
-            "size": 17.04,
-            "lineHeight": 1.4
+            "size": 17.04
         },
         "xl": {
-            "size": 20.35,
-            "lineHeight": 1.3
+            "size": 20.35
         },
         "2xl": {
-            "size": 24.7,
-            "lineHeight": 1.25
+            "size": 24.7
         },
         "3xl": {
-            "size": 30.83,
-            "lineHeight": 1.2
+            "size": 30.83
         },
         "4xl": {
-            "size": 36.95,
-            "lineHeight": 1.1
+            "size": 36.95
         },
         "5xl": {
-            "size": 45.03,
-            "lineHeight": 1.05
+            "size": 45.03
         },
         "6xl": {
-            "size": 56.65,
-            "lineHeight": 1
+            "size": 56.65
         },
         "7xl": {
-            "size": 64,
-            "lineHeight": 1
+            "size": 64
         },
         "8xl": {
-            "size": 72.03,
-            "lineHeight": 1
+            "size": 72.03
         }
     },
     "typography": {
@@ -301,7 +289,9 @@
             "bold": 700
         },
         "leading": {
-            "tight": 1.2
+            "heading": 1.2,
+            "body": 1.55,
+            "display": 1.05
         }
     },
     "fonts": {

package/dist/canvas/webority-web.json

@@ -2,7 +2,7 @@
     "format": "webority-theme-tokens/2",
     "source": {
         "package": "@webority/tokens",
-        "version": "0.90.0",
+        "version": "0.92.0",
         "brand": null,
         "platform": "web",
         "width": 1440
@@ -245,52 +245,40 @@
     },
     "text": {
         "xs": {
-            "size": 13,
-            "lineHeight": 1.5
+            "size": 13
         },
         "sm": {
-            "size": 14,
-            "lineHeight": 1.5
+            "size": 14
         },
         "base": {
-            "size": 16.8,
-            "lineHeight": 1.5
+            "size": 16.8
         },
         "lg": {
-            "size": 20,
-            "lineHeight": 1.4
+            "size": 20
         },
         "xl": {
-            "size": 24,
-            "lineHeight": 1.3
+            "size": 24
         },
         "2xl": {
-            "size": 32,
-            "lineHeight": 1.25
+            "size": 32
         },
         "3xl": {
-            "size": 44,
-            "lineHeight": 1.2
+            "size": 44
         },
         "4xl": {
-            "size": 56,
-            "lineHeight": 1.1
+            "size": 56
         },
         "5xl": {
-            "size": 72,
-            "lineHeight": 1.05
+            "size": 72
         },
         "6xl": {
-            "size": 96,
-            "lineHeight": 1
+            "size": 96
         },
         "7xl": {
-            "size": 119.95,
-            "lineHeight": 1
+            "size": 119.95
         },
         "8xl": {
-            "size": 144,
-            "lineHeight": 1
+            "size": 144
         }
     },
     "typography": {
@@ -301,7 +289,9 @@
             "bold": 700
         },
         "leading": {
-            "tight": 1.2
+            "heading": 1.2,
+            "body": 1.55,
+            "display": 1.05
         }
     },
     "fonts": {

package/dist/emit/canvas.js

@@ -1 +1 @@
-function e(e){return{web:t(e,`web`,1440),web390:t(e,`web`,390),phone:t(e,`phone`,null)}}function t(e,t,a){let o=n(e,`light`,t,a),s=n(e,`dark`,t,a),c={format:`webority-theme-tokens/2`,source:{package:e.source.package,version:e.source.version,brand:e.source.brand,platform:t,width:a},modes:[`light`,`dark`],colors:{light:{},dark:{}},space:{},radius:{},text:{},typography:{fontWeight:{},leading:{}},fonts:{},shadow:{},components:{}};for(let t of e.tokens.values())t.group===`color`?i(c,e,t,o,s):e.existsIn(t.path,o)&&r(c,e,t,o);return c}function n(e,t,n,r){let i=e.contexts.find(e=>e.mode===t&&e.platform===n&&e.width===r);if(!i){let e=r===null?``:` ${r}`;throw Error(`emitCanvas: the model has no ${t} ${n}${e} context`)}return i}function r(e,t,n,r){let{path:i,name:o}=n;switch(n.group){case`space`:e.space[o]=s(t,i,r);break;case`radius`:e.radius[o]=s(t,i,r);break;case`text`:e.text[o]={size:s(t,i,r),lineHeight:c(t,i,r)};break;case`weight`:e.typography.fontWeight[o]=l(t,i,r);break;case`leading`:e.typography.leading[o]=l(t,i,r);break;case`font`:e.fonts[o]=u(t,i,r);break;case`shadow`:e.shadow[o]=d(t,i,r);break;case`component`:a(e,t,i,r);break}}function i(e,t,n,r,i){let a=t.existsIn(n.path,r);if(a!==t.existsIn(n.path,i))throw Error(`emitCanvas: ${n.path} is present in one mode only`);a&&(e.colors.light[n.name]=o(t,n.path,r),e.colors.dark[n.name]=o(t,n.path,i))}function a(e,t,n,r){let i=n.split(`.`);if(i.length!==3&&i.length!==4)throw Error(`emitCanvas: ${n} must be component.<name>.<prop> or component.<name>.<size>.<prop>`);let a=i[1],o=i[i.length-1];e.components[a]??={base:{},sizes:{}};let s=i.length===3?e.components[a].base:e.components[a].sizes[i[2]]??={};s[o]=p(t,n,r)}function o(e,t,n){let r=e.resolvedIn(t,n);if(typeof r!=`string`)throw Error(`emitCanvas: ${t} is not a colour string`);return r}function s(e,t,n){let r=e.resolvedIn(t,n);if(typeof r==`number`)return r;if(typeof r==`object`&&r&&r.unit===`px`&&typeof r.value==`number`)return r.value;throw Error(`emitCanvas: ${t} is not a px length`)}function c(e,t,n){let r=e.valueIn(t,n),i=typeof r==`object`&&r?r.lineHeight:void 0;if(!Number.isFinite(i))throw Error(`emitCanvas: ${t} has no lineHeight`);return i}function l(e,t,n){let r=e.resolvedIn(t,n);if(typeof r!=`number`)throw Error(`emitCanvas: ${t} is not a number`);return r}function u(e,t,n){let r=e.resolvedIn(t,n);if(!Array.isArray(r)||r.length===0)throw Error(`emitCanvas: ${t} is not a font family list`);return{family:r[0],fallback:r.slice(1).join(`, `)}}function d(e,t,n){let r=e.resolvedIn(t,n);if(r===`none`)return null;if(typeof r!=`object`||!r||typeof r.color!=`string`)throw Error(`emitCanvas: ${t} is not a shadow`);let[i,a,o,s]=[`offsetX`,`offsetY`,`blur`,`spread`].map(e=>f(t,r[e])),c={x:i,y:a,blur:o,spread:s,color:r.color},l=e.tokens.get(t)?.extensions?.elevation;return Number.isFinite(l)&&(c.elevation=l),c}function f(e,t){let n=typeof t==`number`?t:t?.value;if(typeof n!=`number`)throw Error(`emitCanvas: ${e} has a shadow length that is not a number`);return n}function p(e,t,n){let r=e.resolvedIn(t,n);if(typeof r==`string`||typeof r==`number`)return String(r);if(typeof r==`object`&&r&&typeof r.unit==`string`)return`${r.value}${r.unit}`;throw Error(`emitCanvas: ${t} is not a component value`)}export{e as emitCanvas};
+function e(e){return{web:t(e,`web`,1440),web390:t(e,`web`,390),phone:t(e,`phone`,null)}}function t(e,t,a){let o=n(e,`light`,t,a),s=n(e,`dark`,t,a),c={format:`webority-theme-tokens/2`,source:{package:e.source.package,version:e.source.version,brand:e.source.brand,platform:t,width:a},modes:[`light`,`dark`],colors:{light:{},dark:{}},space:{},radius:{},text:{},typography:{fontWeight:{},leading:{}},fonts:{},shadow:{},components:{}};for(let t of e.tokens.values())t.group===`color`?i(c,e,t,o,s):e.existsIn(t.path,o)&&r(c,e,t,o);return c}function n(e,t,n,r){let i=e.contexts.find(e=>e.mode===t&&e.platform===n&&e.width===r);if(!i){let e=r===null?``:` ${r}`;throw Error(`emitCanvas: the model has no ${t} ${n}${e} context`)}return i}function r(e,t,n,r){let{path:i,name:o}=n;switch(n.group){case`space`:e.space[o]=s(t,i,r);break;case`radius`:e.radius[o]=s(t,i,r);break;case`text`:e.text[o]={size:s(t,i,r)};break;case`weight`:e.typography.fontWeight[o]=c(t,i,r);break;case`leading`:e.typography.leading[o]=c(t,i,r);break;case`font`:e.fonts[o]=l(t,i,r);break;case`shadow`:e.shadow[o]=u(t,i,r);break;case`component`:a(e,t,i,r);break}}function i(e,t,n,r,i){let a=t.existsIn(n.path,r);if(a!==t.existsIn(n.path,i))throw Error(`emitCanvas: ${n.path} is present in one mode only`);if(a&&(e.colors.light[n.name]=o(t,n.path,r),e.colors.dark[n.name]=o(t,n.path,i),n.brandOwn)){if(typeof n.description!=`string`||n.description===``)throw Error(`emitCanvas: ${n.path} is a brand colour and needs a description`);e.colorMeanings??={},e.colorMeanings[n.name]=n.description}}function a(e,t,n,r){let i=n.split(`.`);if(i.length!==3&&i.length!==4)throw Error(`emitCanvas: ${n} must be component.<name>.<prop> or component.<name>.<size>.<prop>`);let a=i[1],o=i[i.length-1];e.components[a]??={base:{},sizes:{}};let s=i.length===3?e.components[a].base:e.components[a].sizes[i[2]]??={};s[o]=f(t,n,r)}function o(e,t,n){let r=e.resolvedIn(t,n);if(typeof r!=`string`)throw Error(`emitCanvas: ${t} is not a colour string`);return r}function s(e,t,n){let r=e.resolvedIn(t,n);if(typeof r==`number`)return r;if(typeof r==`object`&&r&&r.unit===`px`&&typeof r.value==`number`)return r.value;throw Error(`emitCanvas: ${t} is not a px length`)}function c(e,t,n){let r=e.resolvedIn(t,n);if(typeof r!=`number`)throw Error(`emitCanvas: ${t} is not a number`);return r}function l(e,t,n){let r=e.resolvedIn(t,n);if(!Array.isArray(r)||r.length===0)throw Error(`emitCanvas: ${t} is not a font family list`);return{family:r[0],fallback:r.slice(1).join(`, `)}}function u(e,t,n){let r=e.resolvedIn(t,n);if(r===`none`)return null;if(typeof r!=`object`||!r||typeof r.color!=`string`)throw Error(`emitCanvas: ${t} is not a shadow`);let[i,a,o,s]=[`offsetX`,`offsetY`,`blur`,`spread`].map(e=>d(t,r[e])),c={x:i,y:a,blur:o,spread:s,color:r.color},l=e.tokens.get(t)?.extensions?.elevation;return Number.isFinite(l)&&(c.elevation=l),c}function d(e,t){let n=typeof t==`number`?t:t?.value;if(typeof n!=`number`)throw Error(`emitCanvas: ${e} has a shadow length that is not a number`);return n}function f(e,t,n){let r=e.resolvedIn(t,n);if(typeof r==`string`||typeof r==`number`)return String(r);if(typeof r==`object`&&r&&typeof r.unit==`string`)return`${r.value}${r.unit}`;throw Error(`emitCanvas: ${t} is not a component value`)}export{e as emitCanvas};

package/dist/emit/email.js

@@ -1,2 +1,2 @@
-var e=[`light`,`dark`],t=new Set([`serif`,`sans-serif`,`monospace`,`cursive`,`fantasy`,`system-ui`,`ui-serif`,`ui-sans-serif`,`ui-monospace`]),n=[[`body`,`ui`],[`display`,`display`],[`mono`,`mono`]],r=Object.freeze({page:`bg`,canvas:`bg`,card:`surface`,panel:`bg-subtle`,"panel-alt":`bg-muted`,surface:`surface`,line:`border`,"line-strong":`border-strong`,"accent-tint-line":`primary-wash-strong`,heading:`text`,strong:`text`,text:`text-body`,secondary:`text-muted`,muted:`text-subtle`,accent:`primary`,"on-accent":`on-primary`,link:`link`,success:`success-text`,warning:`warning-text`,danger:`danger-text`,"accent-tint":`primary-wash`,"success-tint":`success-soft`,"warning-tint":`warning-soft`,"danger-tint":`danger-soft`,"figure-panel":`primary-wash`}),i=Object.freeze({eyebrow:`xs`,h1:`2xl`,lede:`lg`,body:`base`,"body-large":`lg`,title:`2xl`,item:`base`,label:`sm`,note:`sm`,"note-small":`xs`,figure:`3xl`,"figure-hero":`4xl`,"figure-sub":`sm`,range:`sm`,sign:`base`,foot:`xs`,num:`base`,"code-otp":`2xl`,"code-id":`base`,button:`base`}),a=Object.freeze({section:`2xl`,"section-phone":`xl`,tight:`md`,item:`sm`,"heading-after":`xl`,"eyebrow-after":`xxs`,"title-after":`md`,"callout-lead-after":`xs`,"paragraph-gap":`sm`,"sign-gap":`2xl`,"sign-gap-phone":`lg`,"signature-gap":`md`,"step-gap":`lg`,"step-gutter":`3xl`,"step-gutter-phone":`2xl`,"step-number-space":`md`,"step-number-space-phone":`sm`,"column-top":`lg`,"column-gap":`lg`,"row-padding":`sm`,"panel-padding":`lg`,"panel-padding-wide":`lg`,"details-padding":`lg`,"details-padding-wide":`lg`,"hero-padding":`xl lg`,"hero-padding-wide":`2xl lg`,"columns-padding":`none lg lg lg`,"columns-padding-wide":`xs lg lg lg`}),o=new Set([`panel-padding`,`panel-padding-wide`,`details-padding`,`details-padding-wide`,`hero-padding`,`hero-padding-wide`,`columns-padding`,`columns-padding-wide`]),s=Object.freeze({"panel-radius":`md`,"tint-radius":`md`,"code-radius":`md`,"details-radius":`md`}),c=Object.freeze({radius:`md`,padding:`md sm`});function l(e){return Math.floor(e+.5)}function u(e){if(typeof e!=`string`)return null;let t=/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(e);if(t===null)return null;let n=t[1];n.length===3&&(n=[...n].map(e=>e+e).join(``));let r=e=>Number.parseInt(n.slice(e,e+2),16);return{r:r(0),g:r(2),b:r(4),a:n.length===8?r(6)/255:1}}function d(e,t,n){return`#${[e,t,n].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`.toUpperCase()}function f(e,t){if(e.a===1)return d(e.r,e.g,e.b);if(t===null)return null;let n=(t,n)=>l(t*e.a+n*(1-e.a));return d(n(e.r,t.r),n(e.g,t.g),n(e.b,t.b))}function p(t,n){let i={},a={light:{},dark:{}};for(let o of e){let e=t.colors?.[o]?.surface;e===void 0&&n(`email role card needs meaning surface in ${o}`);let s=u(e);s!==null&&s.a<1&&n(`email card colour (meaning surface, ${o}) must be opaque`),i[o]=s;for(let[e,s]of Object.entries(r)){let r=t.colors?.[o]?.[s];if(r===void 0){n(`email role ${e} needs meaning ${s} in ${o}`);continue}let c=u(r);if(c===null){n(`email role ${e} (meaning ${s}, ${o}): cannot read colour ${r}`);continue}a[o][e]=f(c,i[o])}}return Object.fromEntries(Object.keys(r).map(e=>[e,{light:a.light[e],dark:a.dark[e]}]))}function m(e,t,n){let r={};for(let[a,o]of Object.entries(i)){let i=e.text?.[o],s=t.text?.[o];i===void 0&&n(`email type role ${a} needs text step ${o}`),s===void 0&&n(`email type role ${a} needs text step ${o} in the 390 theme`),!(i===void 0||s===void 0)&&(r[a]={size:l(i.size),lineHeight:l(i.size*i.lineHeight),phoneSize:l(s.size),phoneLineHeight:l(s.size*s.lineHeight)})}return r}function h(e,t,n,r){let i=[],a=!0;for(let o of t.split(/\s+/))typeof e.space?.[o]==`number`?i.push(e.space[o]):(r(n(o)),a=!1);return a?i.map(e=>`${e}px`).join(` `):null}function g(e,t,n,r){return/\s/.test(n)?(r(`email space role ${t} is a gap and takes one space step, not ${n}`),null):typeof e.space?.[n]==`number`?e.space[n]:(r(`email space role ${t} needs space step ${n}`),null)}function _(e,t){let n={};for(let[r,i]of Object.entries(a)){let a=o.has(r)?h(e,i,e=>`email space role ${r} needs space step ${e}`,t):g(e,r,i,t);a!==null&&(n[r]=a)}return n}function v(e,t){let n={};for(let[r,i]of Object.entries(s)){let a=e.radius?.[i];typeof a==`number`?n[r]=a:t(`email shape role ${r} needs radius step ${i}`)}return n}function y(e,t){let n=e.radius?.[c.radius];return typeof n!=`number`&&t(`email button needs radius step ${c.radius}`),{radius:n,padding:h(e,c.padding,e=>`email button needs space step ${e}`,t)}}function b(e){let t=e.trim();return t.length>=2&&t[0]===t.at(-1)&&(t[0]===`"`||t[0]===`'`)?t.slice(1,-1).trim():t}function x(e){return t.has(e.toLowerCase())||e.startsWith(`-`)?e:e.includes(` `)?`'${e}'`:e}function S(e,t,n){let r=[t.family,...t.fallback.split(`,`)].map(b).filter(e=>e.length>0),i=r.find(e=>/["';<>]/.test(e));return i===void 0?r.map(x).join(`, `):(n(`email font ${e} holds an unsafe character: ${i}`),null)}function C(e,t){let r={};for(let[i,a]of n){let n=e.fonts?.[a];if(typeof n?.family!=`string`||typeof n?.fallback!=`string`){t(`email fonts need font ${a}`);continue}r[i]=S(a,n,t)}return r}function w(e,t){if(e?.format!==`webority-theme-tokens/2`||e.source?.platform!==`web`)throw Error(`emitEmail: web must be the web theme tokens at width 1440`);if(e.source.width!==1440)throw Error(`emitEmail: web must be the 1440 theme`);if(t?.format!==`webority-theme-tokens/2`||t.source?.platform!==`web`||t.source?.width!==390)throw Error(`emitEmail: web390 must be the web theme tokens at width 390`);let n=[],r=e=>n.push(`emitEmail: ${e}`),i=p(e,r),a=m(e,t,r),o=_(e,r),s=v(e,r),c=y(e,r),l=C(e,r);if(n.length>0)throw Error(n.join(`
+var e=[`light`,`dark`],t=new Set([`serif`,`sans-serif`,`monospace`,`cursive`,`fantasy`,`system-ui`,`ui-serif`,`ui-sans-serif`,`ui-monospace`]),n=[[`body`,`ui`],[`display`,`display`],[`mono`,`mono`]],r=Object.freeze({page:`bg`,canvas:`bg`,card:`surface`,panel:`bg-subtle`,"panel-alt":`bg-muted`,surface:`surface`,line:`border`,"line-strong":`border-strong`,"accent-tint-line":`primary-wash-strong`,heading:`text`,strong:`text`,text:`text-body`,secondary:`text-muted`,muted:`text-subtle`,accent:`primary`,"on-accent":`on-primary`,link:`link`,success:`success-text`,warning:`warning-text`,danger:`danger-text`,"accent-tint":`primary-wash`,"success-tint":`success-soft`,"warning-tint":`warning-soft`,"danger-tint":`danger-soft`,"figure-panel":`primary-wash`}),i=Object.freeze({eyebrow:{step:`xs`,leading:`body`},h1:{step:`2xl`,leading:`heading`},lede:{step:`lg`,leading:`body`},body:{step:`base`,leading:`body`},"body-large":{step:`lg`,leading:`body`},title:{step:`2xl`,leading:`heading`},item:{step:`base`,leading:`body`},label:{step:`sm`,leading:`body`},note:{step:`sm`,leading:`body`},"note-small":{step:`xs`,leading:`body`},figure:{step:`3xl`,leading:`display`},"figure-hero":{step:`4xl`,leading:`display`},"figure-sub":{step:`sm`,leading:`body`},range:{step:`sm`,leading:`body`},sign:{step:`base`,leading:`body`},foot:{step:`xs`,leading:`body`},num:{step:`base`,leading:`body`},"code-otp":{step:`2xl`,leading:`heading`},"code-id":{step:`base`,leading:`body`},button:{step:`base`,leading:`body`}}),a=Object.freeze({section:`2xl`,"section-phone":`xl`,tight:`md`,item:`sm`,"heading-after":`xl`,"eyebrow-after":`xxs`,"title-after":`md`,"callout-lead-after":`xs`,"paragraph-gap":`sm`,"sign-gap":`2xl`,"sign-gap-phone":`lg`,"signature-gap":`md`,"step-gap":`lg`,"step-gutter":`3xl`,"step-gutter-phone":`2xl`,"step-number-space":`md`,"step-number-space-phone":`sm`,"column-top":`lg`,"column-gap":`lg`,"row-padding":`sm`,"panel-padding":`lg`,"panel-padding-wide":`lg`,"details-padding":`lg`,"details-padding-wide":`lg`,"hero-padding":`xl lg`,"hero-padding-wide":`2xl lg`,"columns-padding":`none lg lg lg`,"columns-padding-wide":`xs lg lg lg`}),o=new Set([`panel-padding`,`panel-padding-wide`,`details-padding`,`details-padding-wide`,`hero-padding`,`hero-padding-wide`,`columns-padding`,`columns-padding-wide`]),s=Object.freeze({"panel-radius":`md`,"tint-radius":`md`,"code-radius":`md`,"details-radius":`md`}),c=Object.freeze({radius:`md`,padding:`md sm`});function l(e){return Math.floor(e+.5)}function u(e){if(typeof e!=`string`)return null;let t=/^#([0-9a-f]{3}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(e);if(t===null)return null;let n=t[1];n.length===3&&(n=[...n].map(e=>e+e).join(``));let r=e=>Number.parseInt(n.slice(e,e+2),16);return{r:r(0),g:r(2),b:r(4),a:n.length===8?r(6)/255:1}}function d(e,t,n){return`#${[e,t,n].map(e=>e.toString(16).padStart(2,`0`)).join(``)}`.toUpperCase()}function f(e,t){if(e.a===1)return d(e.r,e.g,e.b);if(t===null)return null;let n=(t,n)=>l(t*e.a+n*(1-e.a));return d(n(e.r,t.r),n(e.g,t.g),n(e.b,t.b))}function p(t,n){let i={},a={light:{},dark:{}};for(let o of e){let e=t.colors?.[o]?.surface;e===void 0&&n(`email role card needs meaning surface in ${o}`);let s=u(e);s!==null&&s.a<1&&n(`email card colour (meaning surface, ${o}) must be opaque`),i[o]=s;for(let[e,s]of Object.entries(r)){let r=t.colors?.[o]?.[s];if(r===void 0){n(`email role ${e} needs meaning ${s} in ${o}`);continue}let c=u(r);if(c===null){n(`email role ${e} (meaning ${s}, ${o}): cannot read colour ${r}`);continue}a[o][e]=f(c,i[o])}}return Object.fromEntries(Object.keys(r).map(e=>[e,{light:a.light[e],dark:a.dark[e]}]))}function m(e,t,n){let r={};for(let[a,{step:o,leading:s}]of Object.entries(i)){let i=e.text?.[o],c=t.text?.[o],u=e.typography?.leading?.[s],d=t.typography?.leading?.[s];i===void 0&&n(`email type role ${a} needs text step ${o}`),c===void 0&&n(`email type role ${a} needs text step ${o} in the 390 theme`),u===void 0&&n(`email type role ${a} needs leading ${s}`),d===void 0&&n(`email type role ${a} needs leading ${s} in the 390 theme`),!(i===void 0||c===void 0||u===void 0||d===void 0)&&(r[a]={size:l(i.size),lineHeight:l(i.size*u),phoneSize:l(c.size),phoneLineHeight:l(c.size*d)})}return r}function h(e,t,n,r){let i=[],a=!0;for(let o of t.split(/\s+/))typeof e.space?.[o]==`number`?i.push(e.space[o]):(r(n(o)),a=!1);return a?i.map(e=>`${e}px`).join(` `):null}function g(e,t,n,r){return/\s/.test(n)?(r(`email space role ${t} is a gap and takes one space step, not ${n}`),null):typeof e.space?.[n]==`number`?e.space[n]:(r(`email space role ${t} needs space step ${n}`),null)}function _(e,t){let n={};for(let[r,i]of Object.entries(a)){let a=o.has(r)?h(e,i,e=>`email space role ${r} needs space step ${e}`,t):g(e,r,i,t);a!==null&&(n[r]=a)}return n}function v(e,t){let n={};for(let[r,i]of Object.entries(s)){let a=e.radius?.[i];typeof a==`number`?n[r]=a:t(`email shape role ${r} needs radius step ${i}`)}return n}function y(e,t){let n=e.radius?.[c.radius];return typeof n!=`number`&&t(`email button needs radius step ${c.radius}`),{radius:n,padding:h(e,c.padding,e=>`email button needs space step ${e}`,t)}}function b(e){let t=e.trim();return t.length>=2&&t[0]===t.at(-1)&&(t[0]===`"`||t[0]===`'`)?t.slice(1,-1).trim():t}function x(e){return t.has(e.toLowerCase())||e.startsWith(`-`)?e:e.includes(` `)?`'${e}'`:e}function S(e,t,n){let r=[t.family,...t.fallback.split(`,`)].map(b).filter(e=>e.length>0),i=r.find(e=>/["';<>]/.test(e));return i===void 0?r.map(x).join(`, `):(n(`email font ${e} holds an unsafe character: ${i}`),null)}function C(e,t){let r={};for(let[i,a]of n){let n=e.fonts?.[a];if(typeof n?.family!=`string`||typeof n?.fallback!=`string`){t(`email fonts need font ${a}`);continue}r[i]=S(a,n,t)}return r}function w(e,t){if(e?.format!==`webority-theme-tokens/2`||e.source?.platform!==`web`)throw Error(`emitEmail: web must be the web theme tokens at width 1440`);if(e.source.width!==1440)throw Error(`emitEmail: web must be the 1440 theme`);if(t?.format!==`webority-theme-tokens/2`||t.source?.platform!==`web`||t.source?.width!==390)throw Error(`emitEmail: web390 must be the web theme tokens at width 390`);let n=[],r=e=>n.push(`emitEmail: ${e}`),i=p(e,r),a=m(e,t,r),o=_(e,r),s=v(e,r),c=y(e,r),l=C(e,r);if(n.length>0)throw Error(n.join(`
 `));return{format:`webority-email-theme/1`,source:{package:e.source.package,version:e.source.version,brand:e.source.brand},colors:i,fonts:l,type:a,space:o,shape:s,button:c}}export{c as EMAIL_BUTTON,r as EMAIL_COLOR_ROLES,s as EMAIL_SHAPE,a as EMAIL_SPACE,i as EMAIL_TYPE_ROLES,w as emitEmail};

package/dist/emit/phone.js

@@ -1,3 +1,3 @@
-var e=/^[A-Za-z_$][A-Za-z0-9_$]*$/,t=/^#([0-9a-fA-F]{6})([0-9a-fA-F]{2})?$/,n=/^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.]+)\s*\)$/,r=[`xs`,`sm`,`md`,`lg`,`xl`],i=`must be component.<name>.<prop> or component.<name>.<size>.<prop>`,a=[`light`,`dark`],o={color:`colors`,space:`space`,radius:`radius`,text:`text`,weight:`weight`,leading:`leading`,"letter-spacing":`letter-spacing`,font:`font`,shadow:`shadow`,size:`size`,component:`components`},s=[{key:`colors`,constName:`COLOR_NAMES`,typeName:`ColorName`},{key:`space`,constName:`SPACE_NAMES`,typeName:`SpaceName`},{key:`radius`,constName:`RADIUS_NAMES`,typeName:`RadiusName`},{key:`text`,constName:`TEXT_NAMES`,typeName:`TextName`},{key:`weight`,constName:`WEIGHT_NAMES`,typeName:`WeightName`},{key:`leading`,constName:`LEADING_NAMES`,typeName:`LeadingName`},{key:`letter-spacing`,constName:`LETTER_SPACING_NAMES`,typeName:`LetterSpacingName`},{key:`font`,constName:`FONT_NAMES`,typeName:`FontName`},{key:`shadow`,constName:`SHADOW_NAMES`,typeName:`ShadowName`},{key:`motion.duration`,constName:`DURATION_NAMES`,typeName:`DurationName`},{key:`motion.ease`,constName:`EASE_NAMES`,typeName:`EaseName`},{key:`size`,constName:`SIZE_NAMES`,typeName:`SizeName`}],c={space:`SpaceName`,text:`TextName`,radius:`RadiusName`,px:`number`,number:`number`,ms:`number`},l=[`export type FontWeightValue = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";`,`/** Face name per weight; an empty object means the platform system font. */`,`export type FontFaces = Partial<Record<WeightName, string>>;`,`export interface PhoneShadow {`,`    shadowColor: string;`,`    shadowOffset: { width: number; height: number };`,`    shadowOpacity: number;`,`    shadowRadius: number;`,`    elevation: number;`,`}`,`export type ComponentKind = "space" | "text" | "radius" | "px" | "number" | "ms";`,`type Sized<S extends string, T> = Record<S, T>;`,`type L3 = "sm" | "md" | "lg";`],u=[`export interface TokenSet {`,`    mode: "light" | "dark";`,`    colors: Record<ColorName, string>;`,`    space: Record<SpaceName, number>;`,`    radius: Record<RadiusName, number>;`,`    text: Record<TextName, { size: number; lineHeight: number }>;`,`    weight: Record<WeightName, FontWeightValue>;`,`    leading: Record<LeadingName, number>;`,`    "letter-spacing": Record<LetterSpacingName, number>;`,`    font: Record<FontName, FontFaces>;`,`    shadow: Record<ShadowName, PhoneShadow>;`,`    motion: { duration: Record<DurationName, number>; ease: Record<EaseName, readonly [number, number, number, number]> };`,`    size: Record<SizeName, number>;`,`    components: ComponentTokens;`,`}`];function d(e,t){let n=e.contexts.find(e=>e.platform===`phone`&&e.mode===t);if(!n)throw Error(`phoneSets: the model has no ${t} phone context`);let r=[];for(let t of e.tokens.values()){if(!e.existsIn(t.path,n))continue;let i=e.resolvedIn(t.path,n);r.push({path:t.path.split(`.`),type:t.type,value:t.group===`text`?m(t.path,e,n,i):i,reference:e.referenceIn(t.path,n)??null,platforms:t.platforms,extensions:Object.keys(t.extensions).length>0?t.extensions:null})}return r}function f(e){let t=y(e.light),n=y(e.dark);D(t,n);let r=["// Generated by `webority brand --library` from packages/tokens/src/source. Do not edit: run `corepack pnpm --filter @webority/mobile-ui tokens`."];for(let e of s)r.push(...j(e,t.lists.get(e.key)));return r.push(...l),r.push(...I(t.components)),r.push(...L(t.components)),r.push(...u),r.push(...B(`lightTokens`,`light`,t)),r.push(...B(`darkTokens`,`dark`,n)),{name:`tokens.generated.ts`,contents:`${r.join(`
+var e=/^[A-Za-z_$][A-Za-z0-9_$]*$/,t=/^#([0-9a-fA-F]{6})([0-9a-fA-F]{2})?$/,n=/^rgba\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*([\d.]+)\s*\)$/,r=[`xs`,`sm`,`md`,`lg`,`xl`],i=`must be component.<name>.<prop> or component.<name>.<size>.<prop>`,a=[`light`,`dark`],o={color:`colors`,space:`space`,radius:`radius`,text:`text`,weight:`weight`,leading:`leading`,"letter-spacing":`letter-spacing`,font:`font`,shadow:`shadow`,size:`size`,component:`components`},s=[{key:`colors`,constName:`COLOR_NAMES`,typeName:`ColorName`},{key:`space`,constName:`SPACE_NAMES`,typeName:`SpaceName`},{key:`radius`,constName:`RADIUS_NAMES`,typeName:`RadiusName`},{key:`text`,constName:`TEXT_NAMES`,typeName:`TextName`},{key:`weight`,constName:`WEIGHT_NAMES`,typeName:`WeightName`},{key:`leading`,constName:`LEADING_NAMES`,typeName:`LeadingName`},{key:`letter-spacing`,constName:`LETTER_SPACING_NAMES`,typeName:`LetterSpacingName`},{key:`font`,constName:`FONT_NAMES`,typeName:`FontName`},{key:`shadow`,constName:`SHADOW_NAMES`,typeName:`ShadowName`},{key:`motion.duration`,constName:`DURATION_NAMES`,typeName:`DurationName`},{key:`motion.ease`,constName:`EASE_NAMES`,typeName:`EaseName`},{key:`size`,constName:`SIZE_NAMES`,typeName:`SizeName`}],c={space:`SpaceName`,text:`TextName`,radius:`RadiusName`,px:`number`,number:`number`,ms:`number`},l=[`export type FontWeightValue = "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";`,`/** Face name per weight; an empty object means the platform system font. */`,`export type FontFaces = Partial<Record<WeightName, string>>;`,`export interface PhoneShadow {`,`    shadowColor: string;`,`    shadowOffset: { width: number; height: number };`,`    shadowOpacity: number;`,`    shadowRadius: number;`,`    elevation: number;`,`}`,`export type ComponentKind = "space" | "text" | "radius" | "px" | "number" | "ms";`,`type Sized<S extends string, T> = Record<S, T>;`,`type L3 = "sm" | "md" | "lg";`],u=[`export interface TokenSet {`,`    mode: "light" | "dark";`,`    colors: Record<ColorName, string>;`,`    space: Record<SpaceName, number>;`,`    radius: Record<RadiusName, number>;`,`    text: Record<TextName, { size: number }>;`,`    weight: Record<WeightName, FontWeightValue>;`,`    leading: Record<LeadingName, number>;`,`    "letter-spacing": Record<LetterSpacingName, number>;`,`    font: Record<FontName, FontFaces>;`,`    shadow: Record<ShadowName, PhoneShadow>;`,`    motion: { duration: Record<DurationName, number>; ease: Record<EaseName, readonly [number, number, number, number]> };`,`    size: Record<SizeName, number>;`,`    components: ComponentTokens;`,`}`];function d(e,t){let n=e.contexts.find(e=>e.platform===`phone`&&e.mode===t);if(!n)throw Error(`phoneSets: the model has no ${t} phone context`);let r=[];for(let t of e.tokens.values()){if(!e.existsIn(t.path,n))continue;let i=e.resolvedIn(t.path,n);r.push({path:t.path.split(`.`),type:t.type,value:t.group===`text`?m(t.path,i):i,reference:e.referenceIn(t.path,n)??null,platforms:t.platforms,extensions:Object.keys(t.extensions).length>0?t.extensions:null})}return r}function f(e){let t=y(e.light),n=y(e.dark);D(t,n);let r=["// Generated by `webority brand --library` from packages/tokens/src/source. Do not edit: run `corepack pnpm --filter @webority/mobile-ui tokens`."];for(let e of s)r.push(...j(e,t.lists.get(e.key)));return r.push(...l),r.push(...I(t.components)),r.push(...L(t.components)),r.push(...u),r.push(...B(`lightTokens`,`light`,t)),r.push(...B(`darkTokens`,`dark`,n)),{name:`tokens.generated.ts`,contents:`${r.join(`
 `)}\n`}}function p(e,t,n){let r={colors:{light:{},dark:{}},radius:{},font:{}};for(let n of a){let i=y(e[n]).values,a=y(t[n]).values;for(let e of new Set([...i.keys(),...a.keys()])){let t=i.get(e),o=a.get(e);if(!t||!o)throw Error(k(e));if(JSON.stringify(t.value)===JSON.stringify(o.value))continue;let s=e.lastIndexOf(`.`),c=e.slice(0,s),l=e.slice(s+1);if(c===`radius`&&(l===`none`||l===`pill`))throw Error(`A brand cannot change radius none or pill`);if(c===`colors`)r.colors[n][l]=o.value;else if(c===`radius`)O(r.radius,l,o.value,e);else if(c===`font`)O(r.font,l,o.value,e);else throw Error(k(e))}}let i=Object.fromEntries(a.filter(e=>Object.keys(r.colors[e]).length>0).map(e=>[e,r.colors[e]])),o={};Object.keys(i).length>0&&(o.colors=i),Object.keys(r.radius).length>0&&(o.radius=r.radius),Object.keys(r.font).length>0&&(o.font=r.font);let s=[`// Generated by \`webority brand\` for ${n.brand} from ${n.package} ${n.version}. Do not edit.`,``,`/** @type {import("@webority/mobile-ui").BrandOverrides} */`];return Object.keys(o).length===0?s.push(`export const brand = {};`):s.push(`export const brand = {`,...Object.entries(o).flatMap(([e,t])=>H(e,t,`    `)),`};`),{name:`brand.phone.js`,contents:`${s.join(`
-`)}\n`}}function m(e,t,n,r){let i=t.valueIn(e,n)?.lineHeight;if(!Number.isFinite(i))throw Error(`phoneSets: ${e} has no lineHeight`);return{size:v(r,e),lineHeight:i}}function h(e){return e.extensions?.internal===!0?!1:e.platforms===null||e.platforms.includes(`phone`)}function g(e,t){return Error(`Token group ${e} has no phone mapping; mark it web or add one to emit/phone.js (first: ${t})`)}function _(e){let[t,n]=e.path;if(t===`motion`){if(n===`duration`||n===`ease`)return`motion.${n}`;throw g(t,e.path.join(`.`))}if(!Object.hasOwn(o,t))throw g(t,e.path.join(`.`));return o[t]}function v(e,t){let n=typeof e==`object`&&e?e.value:e;if(!Number.isFinite(n))throw Error(`Token ${t} has no numeric value`);return n}function y(e){let t=new Map(s.map(e=>[e.key,[]])),n=new Map,r=new Map;for(let i of e){if(!h(i))continue;let e=i.path.join(`.`),a=_(i);if(i.value===void 0||i.value===null)throw Error(`Token ${e} has no phone value`);if(a===`components`){T(i,e,n,r);continue}let o=i.path.slice(a.startsWith(`motion.`)?2:1).join(`-`);n.set(`${a}.${o}`,{path:e,value:b(a,o,i,e)}),t.get(a).push(o)}return{lists:t,values:n,components:r}}function b(e,t,n,r){let{value:i}=n;switch(e){case`colors`:return i;case`space`:case`radius`:case`letter-spacing`:case`size`:case`leading`:case`motion.duration`:return v(i,r);case`text`:{let e=v(i.size,r);if(!Number.isFinite(i.lineHeight))throw Error(`Token ${r} has no phone value`);return{size:e,lineHeight:Math.round(e*i.lineHeight)}}case`weight`:return String(v(i,r));case`font`:return x(n,t);case`shadow`:return S(n,t,r);case`motion.ease`:return w(i,r)}}function x(e,t){if(Array.isArray(e.value)&&e.value.length===1&&e.value[0]===`System`)return{};if(!e.extensions?.faces)throw Error(`Font ${t} is not the system font and has no faces`);return e.extensions.faces}function S(e,t,n){let{color:r,offsetX:i,offsetY:a,blur:o}=e.value,{hex:s,opacity:c}=C(r,n),l=e.extensions?.elevation;if(!Number.isFinite(l))throw Error(`Shadow ${t} has no elevation`);return{shadowColor:s,shadowOffset:{width:v(i,n),height:v(a,n)},shadowOpacity:c,shadowRadius:v(o,n),elevation:l}}function C(e,r){let i=t.exec(e);if(i){let e=i[2]===void 0?1:Math.round(parseInt(i[2],16)/255*1e3)/1e3;return{hex:`#${i[1].toLowerCase()}`,opacity:e}}let a=n.exec(e);if(a)return{hex:`#${a.slice(1,4).map(e=>Number(e).toString(16).padStart(2,`0`)).join(``)}`,opacity:Number(a[4])};throw Error(`Shadow ${r} colour is not #RRGGBB, #RRGGBBAA or rgba(): ${e}`)}function w(e,t){if(!Array.isArray(e)||e.length!==4||!e.every(e=>Number.isFinite(e)))throw Error(`Token ${t} has no phone value`);return[...e]}function T(e,t,n,a){let o=e.path,s=o.length===4;if(o.length!==3&&!s||s&&!r.includes(o[2]))throw Error(`Component token ${t} ${i}`);let c=o[1],l=o[o.length-1],{kind:u,value:d}=E(e,t);a.has(c)||a.set(c,{props:new Map,sizes:new Map,free:new Map});let f=a.get(c);if(f.props.has(l)&&f.props.get(l)!==u)throw Error(`Component ${c} prop ${l} has two kinds`);if(f.props.set(l,u),s){let e=o[2];f.sizes.has(e)||f.sizes.set(e,new Map),f.sizes.get(e).set(l,d),n.set(`components.${c}.${e}.${l}`,{path:t,value:d})}else f.free.set(l,d),n.set(`components.${c}.${l}`,{path:t,value:d})}function E(e,t){let{reference:n}=e;for(let[e,t]of[[`space.`,`space`],[`text.`,`text`],[`radius.`,`radius`]])if(n?.startsWith(e))return{kind:t,value:n.slice(e.length)};if(!n){if(e.type===`dimension`)return{kind:`px`,value:v(e.value,t)};if(e.type===`number`)return{kind:`number`,value:v(e.value,t)};if(e.type===`duration`)return{kind:`ms`,value:v(e.value,t)}}throw Error(`Component token ${t} has an unsupported value`)}function D(e,t){for(let[n,{path:r}]of e.values)if(!t.values.has(n))throw Error(`Token ${r} exists in one mode only`);for(let[n,{path:r}]of t.values)if(!e.values.has(n))throw Error(`Token ${r} exists in one mode only`)}function O(e,t,n,r){if(Object.hasOwn(e,t)&&JSON.stringify(e[t])!==JSON.stringify(n))throw Error(`A brand sets ${r} differently in light and dark`);e[t]=n}function k(e){return`A brand overrides colours, radius and fonts only; ${e} differs`}function A(t){return e.test(t)?t:JSON.stringify(t)}function j(e,t){let n=`export type ${e.typeName} = (typeof ${e.constName})[number];`;return t.length<=12?[`export const ${e.constName} = [${t.map(e=>JSON.stringify(e)).join(`, `)}] as const;`,n]:[`export const ${e.constName} = [`,...t.map(e=>`    ${JSON.stringify(e)},`),`] as const;`,n]}var M=140;function N(e,t){return t.map(t=>`${A(t)}: ${c[e.props.get(t)]}`)}function P(e){return e.split(/[^A-Za-z0-9]+/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}function F(e,t){return[`export interface ${e} {`,...t.map(e=>`    ${e};`),`}`]}function I(e){let t=[],n=[];for(let[i,a]of e){let e=N(a,[...a.free.keys()]),o=N(a,[...new Set([...a.sizes.values()].flatMap(e=>[...e.keys()]))]),s=r.filter(e=>a.sizes.has(e)),c=s.join()===`sm,md,lg`?`L3`:s.map(e=>JSON.stringify(e)).join(` | `),l=e=>`{ ${e.join(`; `)} }`,u=(t,n)=>o.length===0?n:`Sized<${c}, ${t}>${e.length>0?` & ${n}`:``}`,d=`    ${A(i)}: ${u(l(o),l(e))};`;if(d.length<=M){n.push(d);continue}let f=P(i);o.length>0&&t.push(...F(`${f}SizeTokens`,o)),e.length>0&&t.push(...F(`${f}Tokens`,e)),n.push(`    ${A(i)}: ${u(`${f}SizeTokens`,`${f}Tokens`)};`)}let i=[...t,`export interface ComponentTokens {`,...n];return i.push(`}`,`export type ComponentName = keyof ComponentTokens;`,`type SizeKeysOf<C extends ComponentName> = Extract<keyof ComponentTokens[C], "xs" | "sm" | "md" | "lg" | "xl">;`,`export type ComponentSizeTokens<C extends ComponentName> = ComponentTokens[C][SizeKeysOf<C>];`),i}function L(e){let t=[`export const COMPONENT_KINDS = {`];for(let[n,r]of e){let e=[...r.props].map(([e,t])=>`${A(e)}: ${JSON.stringify(t)}`),i=`    ${A(n)}: { ${e.join(`, `)} },`;i.length<=M?t.push(i):t.push(`    ${A(n)}: {`,...e.map(e=>`        ${e},`),`    },`)}return t.push(`} as const satisfies { readonly [C in ComponentName]: Readonly<Record<string, ComponentKind>> };`),t}function R(e){let t={};for(let[n,i]of e){let e={};for(let t of r)i.sizes.has(t)&&(e[t]=Object.fromEntries(i.sizes.get(t)));for(let[t,n]of i.free)e[t]=n;t[n]=e}return t}function z(e,t){let{lists:n}=t,r=(e,n)=>Object.fromEntries(n.map(n=>[n,t.values.get(`${e}.${n}`).value]));return{mode:e,colors:r(`colors`,n.get(`colors`)),space:r(`space`,n.get(`space`)),radius:r(`radius`,n.get(`radius`)),text:r(`text`,n.get(`text`)),weight:r(`weight`,n.get(`weight`)),leading:r(`leading`,n.get(`leading`)),"letter-spacing":r(`letter-spacing`,n.get(`letter-spacing`)),font:r(`font`,n.get(`font`)),shadow:r(`shadow`,n.get(`shadow`)),motion:{duration:r(`motion.duration`,n.get(`motion.duration`)),ease:r(`motion.ease`,n.get(`motion.ease`))},size:r(`size`,n.get(`size`)),components:R(t.components)}}function B(e,t,n){let r=z(t,n);return[`export const ${e}: TokenSet = {`,...Object.entries(r).flatMap(([e,t])=>H(e,t,`    `)),`};`]}function V(e){return Array.isArray(e)?`[${e.map(e=>V(e)).join(`, `)}]`:JSON.stringify(e)}function H(e,t,n){let r=`${n}${A(e)}`;if(typeof t==`object`&&t&&!Array.isArray(t)){let e=Object.entries(t);return e.length===0?[`${r}: {},`]:[`${r}: {`,...e.flatMap(([e,t])=>H(e,t,`${n}    `)),`${n}},`]}return[`${r}: ${V(t)},`]}export{p as emitPhoneBrand,f as emitPhoneTheme,d as phoneSets};
+`)}\n`}}function m(e,t){return{size:v(t,e)}}function h(e){return e.extensions?.internal===!0?!1:e.platforms===null||e.platforms.includes(`phone`)}function g(e,t){return Error(`Token group ${e} has no phone mapping; mark it web or add one to emit/phone.js (first: ${t})`)}function _(e){let[t,n]=e.path;if(t===`motion`){if(n===`duration`||n===`ease`)return`motion.${n}`;throw g(t,e.path.join(`.`))}if(!Object.hasOwn(o,t))throw g(t,e.path.join(`.`));return o[t]}function v(e,t){let n=typeof e==`object`&&e?e.value:e;if(!Number.isFinite(n))throw Error(`Token ${t} has no numeric value`);return n}function y(e){let t=new Map(s.map(e=>[e.key,[]])),n=new Map,r=new Map;for(let i of e){if(!h(i))continue;let e=i.path.join(`.`),a=_(i);if(i.value===void 0||i.value===null)throw Error(`Token ${e} has no phone value`);if(a===`components`){T(i,e,n,r);continue}let o=i.path.slice(a.startsWith(`motion.`)?2:1).join(`-`);n.set(`${a}.${o}`,{path:e,value:b(a,o,i,e)}),t.get(a).push(o)}return{lists:t,values:n,components:r}}function b(e,t,n,r){let{value:i}=n;switch(e){case`colors`:return i;case`space`:case`radius`:case`letter-spacing`:case`size`:case`leading`:case`motion.duration`:return v(i,r);case`text`:return{size:v(i.size,r)};case`weight`:return String(v(i,r));case`font`:return x(n,t);case`shadow`:return S(n,t,r);case`motion.ease`:return w(i,r)}}function x(e,t){if(Array.isArray(e.value)&&e.value.length===1&&e.value[0]===`System`)return{};if(!e.extensions?.faces)throw Error(`Font ${t} is not the system font and has no faces`);return e.extensions.faces}function S(e,t,n){let{color:r,offsetX:i,offsetY:a,blur:o}=e.value,{hex:s,opacity:c}=C(r,n),l=e.extensions?.elevation;if(!Number.isFinite(l))throw Error(`Shadow ${t} has no elevation`);return{shadowColor:s,shadowOffset:{width:v(i,n),height:v(a,n)},shadowOpacity:c,shadowRadius:v(o,n),elevation:l}}function C(e,r){let i=t.exec(e);if(i){let e=i[2]===void 0?1:Math.round(parseInt(i[2],16)/255*1e3)/1e3;return{hex:`#${i[1].toLowerCase()}`,opacity:e}}let a=n.exec(e);if(a)return{hex:`#${a.slice(1,4).map(e=>Number(e).toString(16).padStart(2,`0`)).join(``)}`,opacity:Number(a[4])};throw Error(`Shadow ${r} colour is not #RRGGBB, #RRGGBBAA or rgba(): ${e}`)}function w(e,t){if(!Array.isArray(e)||e.length!==4||!e.every(e=>Number.isFinite(e)))throw Error(`Token ${t} has no phone value`);return[...e]}function T(e,t,n,a){let o=e.path,s=o.length===4;if(o.length!==3&&!s||s&&!r.includes(o[2]))throw Error(`Component token ${t} ${i}`);let c=o[1],l=o[o.length-1],{kind:u,value:d}=E(e,t);a.has(c)||a.set(c,{props:new Map,sizes:new Map,free:new Map});let f=a.get(c);if(f.props.has(l)&&f.props.get(l)!==u)throw Error(`Component ${c} prop ${l} has two kinds`);if(f.props.set(l,u),s){let e=o[2];f.sizes.has(e)||f.sizes.set(e,new Map),f.sizes.get(e).set(l,d),n.set(`components.${c}.${e}.${l}`,{path:t,value:d})}else f.free.set(l,d),n.set(`components.${c}.${l}`,{path:t,value:d})}function E(e,t){let{reference:n}=e;for(let[e,t]of[[`space.`,`space`],[`text.`,`text`],[`radius.`,`radius`]])if(n?.startsWith(e))return{kind:t,value:n.slice(e.length)};if(!n){if(e.type===`dimension`)return{kind:`px`,value:v(e.value,t)};if(e.type===`number`)return{kind:`number`,value:v(e.value,t)};if(e.type===`duration`)return{kind:`ms`,value:v(e.value,t)}}throw Error(`Component token ${t} has an unsupported value`)}function D(e,t){for(let[n,{path:r}]of e.values)if(!t.values.has(n))throw Error(`Token ${r} exists in one mode only`);for(let[n,{path:r}]of t.values)if(!e.values.has(n))throw Error(`Token ${r} exists in one mode only`)}function O(e,t,n,r){if(Object.hasOwn(e,t)&&JSON.stringify(e[t])!==JSON.stringify(n))throw Error(`A brand sets ${r} differently in light and dark`);e[t]=n}function k(e){return`A brand overrides colours, radius and fonts only; ${e} differs`}function A(t){return e.test(t)?t:JSON.stringify(t)}function j(e,t){let n=`export type ${e.typeName} = (typeof ${e.constName})[number];`;return t.length<=12?[`export const ${e.constName} = [${t.map(e=>JSON.stringify(e)).join(`, `)}] as const;`,n]:[`export const ${e.constName} = [`,...t.map(e=>`    ${JSON.stringify(e)},`),`] as const;`,n]}var M=140;function N(e,t){return t.map(t=>`${A(t)}: ${c[e.props.get(t)]}`)}function P(e){return e.split(/[^A-Za-z0-9]+/).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(``)}function F(e,t){return[`export interface ${e} {`,...t.map(e=>`    ${e};`),`}`]}function I(e){let t=[],n=[];for(let[i,a]of e){let e=N(a,[...a.free.keys()]),o=N(a,[...new Set([...a.sizes.values()].flatMap(e=>[...e.keys()]))]),s=r.filter(e=>a.sizes.has(e)),c=s.join()===`sm,md,lg`?`L3`:s.map(e=>JSON.stringify(e)).join(` | `),l=e=>`{ ${e.join(`; `)} }`,u=(t,n)=>o.length===0?n:`Sized<${c}, ${t}>${e.length>0?` & ${n}`:``}`,d=`    ${A(i)}: ${u(l(o),l(e))};`;if(d.length<=M){n.push(d);continue}let f=P(i);o.length>0&&t.push(...F(`${f}SizeTokens`,o)),e.length>0&&t.push(...F(`${f}Tokens`,e)),n.push(`    ${A(i)}: ${u(`${f}SizeTokens`,`${f}Tokens`)};`)}let i=[...t,`export interface ComponentTokens {`,...n];return i.push(`}`,`export type ComponentName = keyof ComponentTokens;`,`type SizeKeysOf<C extends ComponentName> = Extract<keyof ComponentTokens[C], "xs" | "sm" | "md" | "lg" | "xl">;`,`export type ComponentSizeTokens<C extends ComponentName> = ComponentTokens[C][SizeKeysOf<C>];`),i}function L(e){let t=[`export const COMPONENT_KINDS = {`];for(let[n,r]of e){let e=[...r.props].map(([e,t])=>`${A(e)}: ${JSON.stringify(t)}`),i=`    ${A(n)}: { ${e.join(`, `)} },`;i.length<=M?t.push(i):t.push(`    ${A(n)}: {`,...e.map(e=>`        ${e},`),`    },`)}return t.push(`} as const satisfies { readonly [C in ComponentName]: Readonly<Record<string, ComponentKind>> };`),t}function R(e){let t={};for(let[n,i]of e){let e={};for(let t of r)i.sizes.has(t)&&(e[t]=Object.fromEntries(i.sizes.get(t)));for(let[t,n]of i.free)e[t]=n;t[n]=e}return t}function z(e,t){let{lists:n}=t,r=(e,n)=>Object.fromEntries(n.map(n=>[n,t.values.get(`${e}.${n}`).value]));return{mode:e,colors:r(`colors`,n.get(`colors`)),space:r(`space`,n.get(`space`)),radius:r(`radius`,n.get(`radius`)),text:r(`text`,n.get(`text`)),weight:r(`weight`,n.get(`weight`)),leading:r(`leading`,n.get(`leading`)),"letter-spacing":r(`letter-spacing`,n.get(`letter-spacing`)),font:r(`font`,n.get(`font`)),shadow:r(`shadow`,n.get(`shadow`)),motion:{duration:r(`motion.duration`,n.get(`motion.duration`)),ease:r(`motion.ease`,n.get(`motion.ease`))},size:r(`size`,n.get(`size`)),components:R(t.components)}}function B(e,t,n){let r=z(t,n);return[`export const ${e}: TokenSet = {`,...Object.entries(r).flatMap(([e,t])=>H(e,t,`    `)),`};`]}function V(e){return Array.isArray(e)?`[${e.map(e=>V(e)).join(`, `)}]`:JSON.stringify(e)}function H(e,t,n){let r=`${n}${A(e)}`;if(typeof t==`object`&&t&&!Array.isArray(t)){let e=Object.entries(t);return e.length===0?[`${r}: {},`]:[`${r}: {`,...e.flatMap(([e,t])=>H(e,t,`${n}    `)),`${n}},`]}return[`${r}: ${V(t)},`]}export{p as emitPhoneBrand,f as emitPhoneTheme,d as phoneSets};

package/dist/emit/web.js

@@ -1,4 +1,4 @@
-import{BREAKPOINT_PX as e,breakpointRules as t,fluidLength as n}from"../model/length.js";import{cssVarOfPath as r}from"../names.js";var i={mode:`light`,platform:`web`,width:1440},a={mode:`dark`,platform:`web`,width:1440},o={mode:`light`,platform:`web`,width:390},s=/\{([a-z0-9-]+(?:\.[a-z0-9-]+)+)\}/g,c=/^\{([a-z0-9-]+(?:\.[a-z0-9-]+)+)\}$/,l=/^#[0-9a-f]{6}$/i,u=[[`--bs-body-color`,`text`],[`--bs-emphasis-color`,`text`],[`--bs-secondary-color`,`text-muted`],[`--bs-tertiary-color`,`text-subtle`],[`--bs-body-bg`,`bg`],[`--bs-border-color`,`border`],[`--bs-secondary-bg`,`surface`],[`--bs-tertiary-bg`,`bg-muted`]],d=[[`--bs-body-bg-rgb`,`bg`],[`--bs-body-color-rgb`,`text`],[`--bs-emphasis-color-rgb`,`text`],[`--bs-secondary-color-rgb`,`text-muted`],[`--bs-tertiary-color-rgb`,`text-subtle`],[`--bs-secondary-bg-rgb`,`surface`],[`--bs-tertiary-bg-rgb`,`bg-muted`],[`--bs-border-color-rgb`,`border`]],f=[[`$body-color`,`color.text-body`],[`$body-secondary-color`,`color.text-muted`],[`$body-tertiary-color`,`color.text-subtle`],[`$body-secondary-bg`,`color.bg-subtle`],[`$body-tertiary-bg`,`color.bg-muted`],[`$border-color`,`color.border`],[`$border-color-translucent`,`color.border`],[`$border-radius`,`radius.md`],[`$border-radius-sm`,`radius.sm`],[`$border-radius-lg`,`radius.lg`],[`$border-radius-pill`,`radius.pill`],[`$wui-shadow-overlay`,`shadow.popover`],[`$wui-shadow-overlay-lg`,`shadow.modal`],[`$link-color`,`color.link`]],p=`:root[data-theme="dark"],
+import{BREAKPOINT_PX as e,breakpointRules as t,fluidLength as n}from"../model/length.js";import{cssVarOfPath as r}from"../names.js";var i={mode:`light`,platform:`web`,width:1440},a={mode:`dark`,platform:`web`,width:1440},o={mode:`light`,platform:`web`,width:390},s=/\{([a-z0-9-]+(?:\.[a-z0-9-]+)+)\}/g,c=/^\{([a-z0-9-]+(?:\.[a-z0-9-]+)+)\}$/,l=/^#[0-9a-f]{6}$/i,u=[[`--bs-body-color`,`text`],[`--bs-emphasis-color`,`text`],[`--bs-secondary-color`,`text-muted`],[`--bs-tertiary-color`,`text-subtle`],[`--bs-body-bg`,`bg`],[`--bs-border-color`,`border`],[`--bs-secondary-bg`,`surface`],[`--bs-tertiary-bg`,`bg-muted`]],d=[[`--bs-body-bg-rgb`,`bg`],[`--bs-body-color-rgb`,`text`],[`--bs-emphasis-color-rgb`,`text`],[`--bs-secondary-color-rgb`,`text-muted`],[`--bs-tertiary-color-rgb`,`text-subtle`],[`--bs-secondary-bg-rgb`,`surface`],[`--bs-tertiary-bg-rgb`,`bg-muted`],[`--bs-border-color-rgb`,`border`]],f=[[`$body-color`,`color.text-body`],[`$body-secondary-color`,`color.text-muted`],[`$body-tertiary-color`,`color.text-subtle`],[`$body-secondary-bg`,`color.bg-subtle`],[`$body-tertiary-bg`,`color.bg-muted`],[`$border-color`,`color.border`],[`$border-color-translucent`,`color.border`],[`$border-radius`,`radius.md`],[`$border-radius-sm`,`radius.sm`],[`$border-radius-lg`,`radius.lg`],[`$border-radius-pill`,`radius.pill`],[`$wui-shadow-overlay`,`shadow.popover`],[`$wui-shadow-overlay-lg`,`shadow.modal`],[`$link-color`,`color.link`],[`$line-height-base`,`leading.body`],[`$headings-line-height`,`leading.heading`],[`$display-line-height`,`leading.display`]],p=`:root[data-theme="dark"],
 :root[data-bs-theme="dark"]`,m=`[data-theme="dark"]:not(:root),
 [data-bs-theme="dark"]:not(:root)`,h=`:root[data-theme="auto"]`,g=`[data-theme="dark"]:not(:root) [data-theme="light"],
 [data-theme="dark"]:not(:root) [data-bs-theme="light"],

package/dist/meanings.json

@@ -2,7 +2,7 @@
     "format": "webority-meanings/1",
     "source": {
         "package": "@webority/tokens",
-        "version": "0.90.0"
+        "version": "0.92.0"
     },
     "color": {
         "bg": {

package/dist/model/load.js

@@ -1 +1 @@
-import{__toESM as e}from"../_virtual/_rolldown/runtime.js";import{require__2020 as t}from"../node_modules/.pnpm/ajv@8.20.0/node_modules/ajv/dist/2020.js";import{STEPS as n,cssVarOfPath as r}from"../names.js";import{readFile as i}from"node:fs/promises";import{basename as a,dirname as o,resolve as s}from"node:path";var c=e(t(),1),l=new URL(`../../package.json`,import.meta.url),u=new URL(`../../schema/webority-tokens.schema.json`,import.meta.url),d=`Declare each token in one source file.`;function f(e,t,n,r){return`${e}: ${t}: ${n}. ${r}`}function p(e,t){e.includes(t)||e.push(t)}function m(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function h(e){return m(e)&&typeof e.$ref==`string`}function g(e){let t=[],n=(e,r,i)=>{for(let[a,o]of Object.entries(e)){if(a.startsWith(`$`)||!m(o))continue;let e=[...r,a];`$value`in o?t.push({path:e.join(`.`),token:o,type:o.$type??i.type,extensions:{...i.extensions,...o.$extensions?.[`com.webority`]??{}}}):n(o,e,{type:o.$type??i.type,extensions:{...i.extensions,...o.$extensions?.[`com.webority`]??{}}})}};return n(e,[],{type:void 0,extensions:{}}),t}function _(e){let[t,...n]=e.path.split(`.`),r=e.extensions;return{path:e.path,group:t,name:n.join(`-`),type:e.type??``,description:e.token.$description??null,platforms:r.platforms??null,internal:r.internal===!0,extensions:r}}function v(e,t,i,a){let{path:o,group:s,name:c,type:l}=e;l===``&&p(i,f(t,o,`has no $type`,`Add $type to the token or to its group.`));let u;try{u=r(o)}catch{p(i,f(t,o,`its group ${s} has no CSS prefix`,`Add the group to PREFIX in names.js.`))}let d=n[s];if(d&&!d.includes(c)&&p(i,f(t,o,`"${c}" is not a step of ${s}`,`Use one of: ${d.join(`, `)}.`)),u!==void 0){let e=a.get(u);e===void 0?a.set(u,o):e!==o&&p(i,f(t,o,`its CSS name ${u} is also the name of ${e}`,`Rename one of the two tokens.`))}}function y(e,t,n,r){let i={...e.extensions};return(i.platforms!==void 0||i.internal!==void 0)&&(p(r,f(t,e.path,`changes the platforms or internal mark`,`Set marks in the base set only.`)),delete i.platforms,delete i.internal),Object.assign(n.extensions,i),{value:e.token.$value,file:t}}function b(e,t,n){p(e,f(t,n,`overrides a token the base set does not declare`,`Declare ${n} in the base set first.`))}function x(e,t,n){let r=new Map;for(let{ref:i,data:a}of e)if(a)for(let e of g(a)){let a=t.get(e.path);if(!a){b(n,i,e.path);continue}r.set(e.path,y(e,i,a,n))}return r}async function S(e,t){let n=a(e),r=[],S=o(e),C;try{C=JSON.parse(await i(e,`utf8`))}catch(e){throw Error(f(n,`(file)`,`cannot be read as JSON (${e.message})`,`Restore the file or correct its path.`))}if(!Array.isArray(C.sets)||C.sets.length===0||!C.sets.every(e=>Array.isArray(e?.sources)&&e.sources.every(h)))throw Error(f(n,`sets`,`must be a non-empty array of { sources: [{ "$ref": string }] }`,`Match the resolver of the library source.`));if(!Array.isArray(C.modifiers))throw Error(f(n,`modifiers`,`must be an array`,`Match the resolver of the library source.`));let w=[[`mode`,[`light`,`dark`]],[`platform`,[`web`,`phone`]],[`width`,[`1440`,`390`]]];if(C.modifiers.length!==w.length)throw Error(f(n,`modifiers`,`must hold the mode, platform and width modifiers, in that order`,`Match the resolver of the library source.`));w.forEach(([e,t],r)=>{let i=C.modifiers[r],a=m(i?.contexts)?Object.keys(i.contexts).sort().join(`,`):``;if(!(i?.name===e&&a===[...t].sort().join(`,`)&&t.every(e=>Array.isArray(i.contexts[e])&&i.contexts[e].every(h))&&i.contexts[t[0]].length===0))throw Error(f(n,`modifiers.${e}`,`is not the ${e} modifier with the contexts ${t.join(`, `)} and an empty list for ${t[0]}`,`Match the resolver of the library source, whose default context lists no file.`))});let T=(e,t)=>C.modifiers.find(t=>t.name===e).contexts[t],E=C.sets.flatMap(e=>e.sources.map(e=>e.$ref)),D=T(`mode`,`dark`).map(e=>e.$ref),O=T(`platform`,`phone`).map(e=>e.$ref),k=T(`width`,`390`).map(e=>e.$ref),A=JSON.parse(await i(u,`utf8`)),j=new c.default({allErrors:!0,strict:!1});j.addSchema(A);let M=j.compile(A),N=j.getSchema(`${A.$id}#/$defs/sourceMeaning`),P=new Map,F=async e=>{let t=s(S,e);if(P.has(t))return P.get(t);let n=null;try{n=JSON.parse(await i(t,`utf8`))}catch(n){return p(r,f(e,`(file)`,`cannot be read as JSON (${n.message})`,`Restore the file or correct its $ref in the resolver.`)),P.set(t,null),null}let o=[];M(n)||o.push(...M.errors),a(t)===`meaning.tokens.json`&&!N(n)&&o.push(...N.errors);for(let t of o){if(t.keyword===`if`)continue;let n=t.instancePath.slice(1).split(`/`).filter(e=>e!==``),i=n.length===0?`(file)`:n.map(e=>e.replace(/~1/g,`/`).replace(/~0/g,`~`)).join(`.`),a=t.params?.additionalProperty??t.params?.propertyName,o=a===void 0?t.message:`${t.message} "${a}"`;p(r,f(e,i,o,`Correct it against schema/webority-tokens.schema.json.`))}return P.set(t,n),n},I=async e=>Promise.all(e.map(async e=>({ref:e,data:await F(e)}))),L=await I(E),R=await I(D),z=await I(O),B=await I(k),V=new Map,H=new Map,U=new Map;for(let{ref:e,data:t}of L)if(t)for(let n of g(t)){if(V.has(n.path)){p(r,f(e,n.path,`is already declared in ${U.get(n.path).file}`,d));continue}let t=_(n);v(t,e,r,H),V.set(n.path,t),U.set(n.path,{value:n.token.$value,file:e})}let W=x(R,V,r),G=x(z,V,r),K=x(B,V,r),q=new Map,J=new Map;if(t){let e=`brand ${t.name}`;for(let n of g(t.base)){let t=V.get(n.path);if(t){q.set(n.path,y(n,e,t,r));continue}let i=_(n);v(i,e,r,H),V.set(n.path,i),q.set(n.path,{value:n.token.$value,file:e})}for(let n of g(t.dark)){let t=V.get(n.path);if(!t){b(r,e,n.path);continue}J.set(n.path,y(n,e,t,r))}}let Y=JSON.parse(await i(l,`utf8`)),X={package:Y.name,version:Y.version,brand:t?.name??null};return{tokens:V,layers:{base:U,dark:W,phone:G,width390:K,brandBase:q,brandDark:J},cssNames:H,source:X,refusals:r}}export{f as line,S as readSources};
+import{__toESM as e}from"../_virtual/_rolldown/runtime.js";import{require__2020 as t}from"../node_modules/.pnpm/ajv@8.20.0/node_modules/ajv/dist/2020.js";import{STEPS as n,cssVarOfPath as r}from"../names.js";import{readFile as i}from"node:fs/promises";import{basename as a,dirname as o,resolve as s}from"node:path";var c=e(t(),1),l=new URL(`../../package.json`,import.meta.url),u=new URL(`../../schema/webority-tokens.schema.json`,import.meta.url),d=`Declare each token in one source file.`;function f(e,t,n,r){return`${e}: ${t}: ${n}. ${r}`}function p(e,t){e.includes(t)||e.push(t)}function m(e){return typeof e==`object`&&!!e&&!Array.isArray(e)}function h(e){return m(e)&&typeof e.$ref==`string`}function g(e){let t=[],n=(e,r,i)=>{for(let[a,o]of Object.entries(e)){if(a.startsWith(`$`)||!m(o))continue;let e=[...r,a];`$value`in o?t.push({path:e.join(`.`),token:o,type:o.$type??i.type,extensions:{...i.extensions,...o.$extensions?.[`com.webority`]??{}}}):n(o,e,{type:o.$type??i.type,extensions:{...i.extensions,...o.$extensions?.[`com.webority`]??{}}})}};return n(e,[],{type:void 0,extensions:{}}),t}function _(e){let[t,...n]=e.path.split(`.`),r=e.extensions;return{path:e.path,group:t,name:n.join(`-`),type:e.type??``,description:e.token.$description??null,platforms:r.platforms??null,internal:r.internal===!0,brandOwn:!1,extensions:r}}function v(e,t,i,a){let{path:o,group:s,name:c,type:l}=e;l===``&&p(i,f(t,o,`has no $type`,`Add $type to the token or to its group.`));let u;try{u=r(o)}catch{p(i,f(t,o,`its group ${s} has no CSS prefix`,`Add the group to PREFIX in names.js.`))}let d=n[s];if(d&&!d.includes(c)&&p(i,f(t,o,`"${c}" is not a step of ${s}`,`Use one of: ${d.join(`, `)}.`)),u!==void 0){let e=a.get(u);e===void 0?a.set(u,o):e!==o&&p(i,f(t,o,`its CSS name ${u} is also the name of ${e}`,`Rename one of the two tokens.`))}}function y(e,t,n,r){let i={...e.extensions};return(i.platforms!==void 0||i.internal!==void 0)&&(p(r,f(t,e.path,`changes the platforms or internal mark`,`Set marks in the base set only.`)),delete i.platforms,delete i.internal),Object.assign(n.extensions,i),{value:e.token.$value,file:t}}function b(e,t,n){p(e,f(t,n,`overrides a token the base set does not declare`,`Declare ${n} in the base set first.`))}function x(e,t,n){let r=new Map;for(let{ref:i,data:a}of e)if(a)for(let e of g(a)){let a=t.get(e.path);if(!a){b(n,i,e.path);continue}r.set(e.path,y(e,i,a,n))}return r}async function S(e,t){let n=a(e),r=[],S=o(e),C;try{C=JSON.parse(await i(e,`utf8`))}catch(e){throw Error(f(n,`(file)`,`cannot be read as JSON (${e.message})`,`Restore the file or correct its path.`))}if(!Array.isArray(C.sets)||C.sets.length===0||!C.sets.every(e=>Array.isArray(e?.sources)&&e.sources.every(h)))throw Error(f(n,`sets`,`must be a non-empty array of { sources: [{ "$ref": string }] }`,`Match the resolver of the library source.`));if(!Array.isArray(C.modifiers))throw Error(f(n,`modifiers`,`must be an array`,`Match the resolver of the library source.`));let w=[[`mode`,[`light`,`dark`]],[`platform`,[`web`,`phone`]],[`width`,[`1440`,`390`]]];if(C.modifiers.length!==w.length)throw Error(f(n,`modifiers`,`must hold the mode, platform and width modifiers, in that order`,`Match the resolver of the library source.`));w.forEach(([e,t],r)=>{let i=C.modifiers[r],a=m(i?.contexts)?Object.keys(i.contexts).sort().join(`,`):``;if(!(i?.name===e&&a===[...t].sort().join(`,`)&&t.every(e=>Array.isArray(i.contexts[e])&&i.contexts[e].every(h))&&i.contexts[t[0]].length===0))throw Error(f(n,`modifiers.${e}`,`is not the ${e} modifier with the contexts ${t.join(`, `)} and an empty list for ${t[0]}`,`Match the resolver of the library source, whose default context lists no file.`))});let T=(e,t)=>C.modifiers.find(t=>t.name===e).contexts[t],E=C.sets.flatMap(e=>e.sources.map(e=>e.$ref)),D=T(`mode`,`dark`).map(e=>e.$ref),O=T(`platform`,`phone`).map(e=>e.$ref),k=T(`width`,`390`).map(e=>e.$ref),A=JSON.parse(await i(u,`utf8`)),j=new c.default({allErrors:!0,strict:!1});j.addSchema(A);let M=j.compile(A),N=j.getSchema(`${A.$id}#/$defs/sourceMeaning`),P=new Map,F=async e=>{let t=s(S,e);if(P.has(t))return P.get(t);let n=null;try{n=JSON.parse(await i(t,`utf8`))}catch(n){return p(r,f(e,`(file)`,`cannot be read as JSON (${n.message})`,`Restore the file or correct its $ref in the resolver.`)),P.set(t,null),null}let o=[];M(n)||o.push(...M.errors),a(t)===`meaning.tokens.json`&&!N(n)&&o.push(...N.errors);for(let t of o){if(t.keyword===`if`)continue;let n=t.instancePath.slice(1).split(`/`).filter(e=>e!==``),i=n.length===0?`(file)`:n.map(e=>e.replace(/~1/g,`/`).replace(/~0/g,`~`)).join(`.`),a=t.params?.additionalProperty??t.params?.propertyName,o=a===void 0?t.message:`${t.message} "${a}"`;p(r,f(e,i,o,`Correct it against schema/webority-tokens.schema.json.`))}return P.set(t,n),n},I=async e=>Promise.all(e.map(async e=>({ref:e,data:await F(e)}))),L=await I(E),R=await I(D),z=await I(O),B=await I(k),V=new Map,H=new Map,U=new Map;for(let{ref:e,data:t}of L)if(t)for(let n of g(t)){if(V.has(n.path)){p(r,f(e,n.path,`is already declared in ${U.get(n.path).file}`,d));continue}let t=_(n);v(t,e,r,H),V.set(n.path,t),U.set(n.path,{value:n.token.$value,file:e})}let W=x(R,V,r),G=x(z,V,r),K=x(B,V,r),q=new Map,J=new Map;if(t){let e=`brand ${t.name}`;for(let n of g(t.base)){let t=V.get(n.path);if(t){q.set(n.path,y(n,e,t,r));continue}let i=_(n);v(i,e,r,H),i.brandOwn=!0,V.set(n.path,i),q.set(n.path,{value:n.token.$value,file:e})}for(let n of g(t.dark)){let t=V.get(n.path);if(!t){b(r,e,n.path);continue}J.set(n.path,y(n,e,t,r))}}let Y=JSON.parse(await i(l,`utf8`)),X={package:Y.name,version:Y.version,brand:t?.name??null};return{tokens:V,layers:{base:U,dark:W,phone:G,width390:K,brandBase:q,brandDark:J},cssNames:H,source:X,refusals:r}}export{f as line,S as readSources};

package/dist/names.js

@@ -1 +1 @@
-var e={palette:`--wui-`,color:`--color-`,effect:`--wui-`,space:`--wui-space-`,radius:`--wui-radius-`,text:`--wui-fs-`,weight:`--wui-fw-`,leading:`--wui-lh-`,"letter-spacing":`--wui-letter-spacing-`,font:`--wui-font-`,shadow:`--wui-shadow-`,motion:`--wui-`,section:`--wui-section-`,size:`--wui-`,z:`--wui-z-`,component:`--wui-`},t={space:[`none`,`xxs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`],radius:[`none`,`sm`,`md`,`lg`,`xl`,`pill`],text:[`xs`,`sm`,`base`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`],weight:[`normal`,`medium`,`semibold`,`bold`],"letter-spacing":[`tight`,`normal`,`wide`],leading:[`tight`,`normal`,`relaxed`]};function n(t,n){let r=e[t];if(r===void 0)throw Error(`webority-tokens: ${t} is not a token group; add it to PREFIX in names.js.`);return`${r}${n}`}function r(e){let[t,...r]=e.split(`.`);return n(t,r.join(`-`))}export{t as STEPS,n as cssVar,r as cssVarOfPath};
+var e={palette:`--wui-`,color:`--color-`,effect:`--wui-`,space:`--wui-space-`,radius:`--wui-radius-`,text:`--wui-fs-`,weight:`--wui-fw-`,leading:`--wui-lh-`,"letter-spacing":`--wui-letter-spacing-`,font:`--wui-font-`,shadow:`--wui-shadow-`,motion:`--wui-`,section:`--wui-section-`,size:`--wui-`,z:`--wui-z-`,component:`--wui-`},t={space:[`none`,`xxs`,`xs`,`sm`,`md`,`lg`,`xl`,`2xl`,`3xl`,`4xl`],radius:[`none`,`sm`,`md`,`lg`,`xl`,`pill`],text:[`xs`,`sm`,`base`,`lg`,`xl`,`2xl`,`3xl`,`4xl`,`5xl`,`6xl`,`7xl`,`8xl`],weight:[`normal`,`medium`,`semibold`,`bold`],"letter-spacing":[`tight`,`normal`,`wide`],leading:[`heading`,`body`,`display`]};function n(t,n){let r=e[t];if(r===void 0)throw Error(`webority-tokens: ${t} is not a token group; add it to PREFIX in names.js.`);return`${r}${n}`}function r(e){let[t,...r]=e.split(`.`);return n(t,r.join(`-`))}export{t as STEPS,n as cssVar,r as cssVarOfPath};

package/dist/outputs.d.ts

@@ -8,8 +8,11 @@ export interface ThemeTokensV2 {
     colors: Record<Mode, Record<string, string>>;
     space: Record<string, number>;
     radius: Record<string, number>;
-    text: Record<string, { size: number; lineHeight: number }>;
+    text: Record<string, { size: number }>;
+    /** `leading` holds the line height of each text role (heading, body, display), unitless. */
     typography: { fontWeight: Record<string, number>; leading: Record<string, number> };
+    /** The description of each colour a brand adds, by name; absent when the brand adds none. */
+    colorMeanings?: Record<string, string>;
     fonts: Record<string, { family: string; fallback: string }>;
     /** A role the theme declares as no shadow is null; a role the platform lacks is absent. */
     shadow: Record<string, CanvasShadow | null>;

package/dist/source/meaning.tokens.json

@@ -1021,5 +1021,20 @@
                 "platforms": ["web"]
             }
         }
+    },
+    "leading": {
+        "$type": "number",
+        "heading": {
+            "$value": 1.2,
+            "$description": "Line height of headings."
+        },
+        "body": {
+            "$value": 1.55,
+            "$description": "Line height of running text and of any text that is not a heading or display text."
+        },
+        "display": {
+            "$value": 1.05,
+            "$description": "Line height of display-size text such as hero titles."
+        }
     }
 }

package/dist/source/platform.phone.tokens.json

@@ -1,4 +1,8 @@
 {
+    "leading": {
+        "body": { "$value": 1.4 },
+        "display": { "$value": 1.2 }
+    },
     "color": {
         "bg": {
             "$value": "{palette.phone-bg}"
@@ -248,85 +252,73 @@
         "xs": {
             "$value": {
                 "value": 11,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "sm": {
             "$value": {
                 "value": 13,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "base": {
             "$value": {
                 "value": 15,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "lg": {
             "$value": {
                 "value": 17,
-                "unit": "px",
-                "lineHeight": 1.4
+                "unit": "px"
             }
         },
         "xl": {
             "$value": {
                 "value": 20,
-                "unit": "px",
-                "lineHeight": 1.3
+                "unit": "px"
             }
         },
         "2xl": {
             "$value": {
                 "value": 24,
-                "unit": "px",
-                "lineHeight": 1.25
+                "unit": "px"
             }
         },
         "3xl": {
             "$value": {
                 "value": 30,
-                "unit": "px",
-                "lineHeight": 1.2
+                "unit": "px"
             }
         },
         "4xl": {
             "$value": {
                 "value": 36,
-                "unit": "px",
-                "lineHeight": 1.1
+                "unit": "px"
             }
         },
         "5xl": {
             "$value": {
                 "value": 45,
-                "unit": "px",
-                "lineHeight": 1.05
+                "unit": "px"
             }
         },
         "6xl": {
             "$value": {
                 "value": 57,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         },
         "7xl": {
             "$value": {
                 "value": 64,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         },
         "8xl": {
             "$value": {
                 "value": 72,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         }
     },

package/dist/source/scale.tokens.json

@@ -136,8 +136,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 13,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             },
             "$description": "Extra-small step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -150,8 +149,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 14,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             },
             "$description": "Small step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -164,8 +162,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 16.8,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             },
             "$description": "Body-size step of the fluid type scale, close to Bootstrap's 1rem.",
             "$extensions": {
@@ -178,8 +175,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 20,
-                "unit": "px",
-                "lineHeight": 1.4
+                "unit": "px"
             },
             "$description": "Large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -192,8 +188,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 24,
-                "unit": "px",
-                "lineHeight": 1.3
+                "unit": "px"
             },
             "$description": "Extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -206,8 +201,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 32,
-                "unit": "px",
-                "lineHeight": 1.25
+                "unit": "px"
             },
             "$description": "Double extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -220,8 +214,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 44,
-                "unit": "px",
-                "lineHeight": 1.2
+                "unit": "px"
             },
             "$description": "Triple extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -234,8 +227,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 56,
-                "unit": "px",
-                "lineHeight": 1.1
+                "unit": "px"
             },
             "$description": "Fourth extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -248,8 +240,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 72,
-                "unit": "px",
-                "lineHeight": 1.05
+                "unit": "px"
             },
             "$description": "Fifth extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -262,8 +253,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 96,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             },
             "$description": "Sixth extra-large step of the fluid type scale; a product opts in per element.",
             "$extensions": {
@@ -276,8 +266,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 119.95,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             },
             "$description": "First display step above the fluid type scale, 64px on a phone to 120px on a desktop.",
             "$extensions": {
@@ -290,8 +279,7 @@
             "$type": "dimension",
             "$value": {
                 "value": 144,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             },
             "$description": "Largest display step of the fluid type scale, 72px on a phone to 144px on a desktop.",
             "$extensions": {
@@ -323,33 +311,6 @@
             "$description": "Bold text weight."
         }
     },
-    "leading": {
-        "tight": {
-            "$type": "number",
-            "$value": 1.2,
-            "$description": "Tight line height, for headings and single-line labels."
-        },
-        "normal": {
-            "$type": "number",
-            "$value": 1.4,
-            "$description": "Default line height for running text on a phone.",
-            "$extensions": {
-                "com.webority": {
-                    "platforms": ["phone"]
-                }
-            }
-        },
-        "relaxed": {
-            "$type": "number",
-            "$value": 1.6,
-            "$description": "Loose line height for long reading on a phone.",
-            "$extensions": {
-                "com.webority": {
-                    "platforms": ["phone"]
-                }
-            }
-        }
-    },
     "letter-spacing": {
         "tight": {
             "$type": "dimension",

package/dist/source/width.390.tokens.json

@@ -3,85 +3,73 @@
         "xs": {
             "$value": {
                 "value": 12.07,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "sm": {
             "$value": {
                 "value": 13.11,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "base": {
             "$value": {
                 "value": 15.38,
-                "unit": "px",
-                "lineHeight": 1.5
+                "unit": "px"
             }
         },
         "lg": {
             "$value": {
                 "value": 17.04,
-                "unit": "px",
-                "lineHeight": 1.4
+                "unit": "px"
             }
         },
         "xl": {
             "$value": {
                 "value": 20.35,
-                "unit": "px",
-                "lineHeight": 1.3
+                "unit": "px"
             }
         },
         "2xl": {
             "$value": {
                 "value": 24.7,
-                "unit": "px",
-                "lineHeight": 1.25
+                "unit": "px"
             }
         },
         "3xl": {
             "$value": {
                 "value": 30.83,
-                "unit": "px",
-                "lineHeight": 1.2
+                "unit": "px"
             }
         },
         "4xl": {
             "$value": {
                 "value": 36.95,
-                "unit": "px",
-                "lineHeight": 1.1
+                "unit": "px"
             }
         },
         "5xl": {
             "$value": {
                 "value": 45.03,
-                "unit": "px",
-                "lineHeight": 1.05
+                "unit": "px"
             }
         },
         "6xl": {
             "$value": {
                 "value": 56.65,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         },
         "7xl": {
             "$value": {
                 "value": 64,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         },
         "8xl": {
             "$value": {
                 "value": 72.03,
-                "unit": "px",
-                "lineHeight": 1
+                "unit": "px"
             }
         }
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/tokens",
-  "version": "0.90.0",
+  "version": "0.92.0",
   "description": "The Webority design tokens in one W3C Design Tokens source (palette, scale, meaning and component tiers, with light and dark, web and phone, and 390 and 1440 widths), and the webority command that brands a product, upgrades it between releases and checks it against the token source.",
   "license": "SEE LICENSE IN LICENSE",
   "type": "module",

package/renames/0.91.0.json

@@ -0,0 +1,90 @@
+{
+    "version": "0.91.0",
+    "css": {
+        "rename": [["--wui-lh-tight", "--wui-lh-heading"]],
+        "reads": [],
+        "choose": {},
+        "checkRole": []
+    },
+    "themeReads": [
+        {
+            "kind": "path",
+            "from": "leading.tight",
+            "to": "leading.heading"
+        },
+        {
+            "kind": "path",
+            "from": "leading.normal",
+            "to": "leading.body"
+        },
+        {
+            "kind": "gone",
+            "from": "leading.relaxed",
+            "hint": "read leading.body, or leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.xs.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.sm.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.base.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.lg.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.2xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.3xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.4xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.5xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.6xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.7xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        },
+        {
+            "kind": "gone",
+            "from": "text.8xl.lineHeight",
+            "hint": "multiply the step size by leading.body, or by leading.heading for a heading"
+        }
+    ],
+    "props": [],
+    "propValues": [],
+    "propSplits": [],
+    "razorAttributes": []
+}

package/schema/webority-tokens.schema.json

@@ -180,6 +180,10 @@
                 "color": {
                     "type": "object",
                     "additionalProperties": { "required": ["$value", "$description"] }
+                },
+                "leading": {
+                    "type": "object",
+                    "additionalProperties": { "required": ["$value", "$description"] }
                 }
             }
         },