fontdue-js 3.0.4 → 3.0.6

package/CHANGELOG.md

@@ -1,3 +1,12 @@
+## 3.0.6
+
+- `TypeTesters` now honours a per-tester text `alignment` (`left`, `center`, or `right`) set in the admin dashboard, overriding the config's `initialAlignment` default. Testers with no explicit alignment keep the previous behaviour — the `initialAlignment` config, or `right` for right-to-left testers. Requires a Fontdue backend that exposes the `alignment` field on type testers.
+
+## 3.0.5
+
+- Fixed `StoreModal` showing a missing-glyph box or an oversized gap between the `Aa` previews of variable-font instances and bundle styles. The previews were separated by a thin space (U+2009) rendered in the foundry’s own font — fonts with no glyph for that character showed a `.notdef` box between every preview, and monospaced fonts rendered it at a full advance width. The previews are now spaced in CSS.
+- The `Consent Granted` event that `ConsentBanner` posts on “Accept all” now carries the entry page’s attribution — its URL, path, referrer, title, and any `utm_*`, `fbclid` or `gclid` parameters, plus a `context` object — captured when the page first loaded rather than at the moment consent was granted. Campaign attribution now survives a visitor navigating around the site before they accept.
+
 ## 3.0.4
 
 - Fixed the `CharacterViewer` breaking its grid layout when a character set contains glyphs that need an OpenType feature. Each character set is wrapped in its own element so it can carry its own `font-feature-settings`; those wrappers are now `display: contents` so their cells flow through the block's single grid, rather than each wrapper being its own grid and forcing a row break at every feature boundary — an inserted `ss01`/`salt` alternate no longer lands alone on the next row.

package/dist/__generated__/TypeTestersIDQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<815340c80adbf3bc8af6c59ba197d147>>
+ * @generated SignedSource<<88dc34765b9026741617ac2fa4e2f1f2>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<815340c80adbf3bc8af6c59ba197d147>>
+ * @generated SignedSource<<88dc34765b9026741617ac2fa4e2f1f2>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -259,6 +259,12 @@ const node = function () {
                   "kind": "ScalarField",
                   "name": "direction",
                   "storageKey": null
+                }, {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "alignment",
+                  "storageKey": null
                 }, {
                   "alias": null,
                   "args": null,
@@ -535,12 +541,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "f6b0d425b91df861af9f486526b12d4c",
+      "cacheID": "02ec4cd5a630f5057090c61c7083876f",
       "id": null,
       "metadata": {},
       "name": "TypeTestersIDQuery",
       "operationKind": "query",
-      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_4Goyz5\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTestersRefetchQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f83e94ff9d88fd3beed82d281882eeab>>
+ * @generated SignedSource<<62f548d9e0d84264ff2209638fedead7>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersRefetchQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<f83e94ff9d88fd3beed82d281882eeab>>
+ * @generated SignedSource<<62f548d9e0d84264ff2209638fedead7>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -270,6 +270,12 @@ const node = function () {
                   "kind": "ScalarField",
                   "name": "direction",
                   "storageKey": null
+                }, {
+                  "alias": null,
+                  "args": null,
+                  "kind": "ScalarField",
+                  "name": "alignment",
+                  "storageKey": null
                 }, {
                   "alias": null,
                   "args": null,
@@ -546,14 +552,14 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "004aa7704a62b6138f2a2fde0326aa98",
+      "cacheID": "59e028e888bc3fea5f795b8b4844c543",
       "id": null,
       "metadata": {},
       "name": "TypeTestersRefetchQuery",
       "operationKind": "query",
-      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query TypeTestersRefetchQuery(\n  $excludeTags: [String!] = null\n  $licenseOptions: [LicenseOptionsSpec] = []\n  $orderVariables: [OrderVariableSelectionInput!] = []\n  $tags: [String!] = null\n  $id: ID!\n) {\n  node(id: $id) {\n    __typename\n    ...TypeTesters_collection_32it0Z\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_4sncub on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_4sncub\n    id\n    priceWithLicenseOptions: price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: $licenseOptions) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_4sncub on FontCollection {\n  ...PriceBarSection_node_4sncub\n  parent {\n    ...PriceBarSection_node_4sncub\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_4sncub on Sku {\n  id\n  price(licenseOptions: $licenseOptions, orderVariables: $orderVariables) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_4sncub on Sku {\n  id\n  ...SKUPrice_sku_4sncub\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_4sncub on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_4sncub\n    ...SKUPrice_sku_4sncub\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_32it0Z on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_4sncub\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_4sncub\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_4sncub\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();
-node.hash = "0f8422550dd500368594bfedc5f58bf4";
+node.hash = "b247a9b03142716823d36ec52dd965ff";
 export default node;

package/dist/__generated__/TypeTestersSlugQuery.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<a94d6158d79c64567c40e76f81d7008d>>
+ * @generated SignedSource<<5fedd7461fe752fd8dd8746cf2a872c9>>
  * @lightSyntaxTransform
  * @nogrep
  */

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<a94d6158d79c64567c40e76f81d7008d>>
+ * @generated SignedSource<<5fedd7461fe752fd8dd8746cf2a872c9>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -283,6 +283,12 @@ const node = function () {
                     "kind": "ScalarField",
                     "name": "direction",
                     "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "kind": "ScalarField",
+                    "name": "alignment",
+                    "storageKey": null
                   }, {
                     "alias": null,
                     "args": null,
@@ -560,12 +566,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "1e8ea8e801f6c97ced8499dc87a6afad",
+      "cacheID": "eb0a798a6667c9083085bd38105fb643",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_4Goyz5\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment FontStyle_fontStyle on FontStyle {\n  ...useFontStyle_fontStyle\n}\n\nfragment PriceBarSection_node_3BtHDv on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_3BtHDv\n    id\n    priceWithLicenseOptions: price(licenseOptions: [], orderVariables: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node_3BtHDv on FontCollection {\n  ...PriceBarSection_node_3BtHDv\n  parent {\n    ...PriceBarSection_node_3BtHDv\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_3BtHDv on Sku {\n  id\n  price(licenseOptions: [], orderVariables: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_3BtHDv on Sku {\n  id\n  ...SKUPrice_sku_3BtHDv\n}\n\nfragment TypeTesterFeaturesButton_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  ...useFeaturesData_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterToolbar_fontStyle\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesterStyleSelectData_fontStyle on FontStyle {\n  id\n  name\n  supportedLanguages\n  cssWeight\n  cssStyle\n  cssStretch\n  variableInstances {\n    name\n    coordinates {\n      axis\n      value\n    }\n  }\n  family {\n    id\n    name\n  }\n}\n\nfragment TypeTesterToolbar_fontStyle on FontStyle {\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterFeaturesButton_fontStyle\n}\n\nfragment TypeTesterVariableAxes_fontStyle on FontStyle {\n  variableAxes {\n    axis\n    name\n    minValue\n    maxValue\n  }\n}\n\nfragment TypeTester_fontStyle_3BtHDv on FontStyle {\n  id\n  ...TypeTesterFeatures_fontStyle\n  ...TypeTesterStyleSelectData_fontStyle\n  ...FontStyle_fontStyle\n  ...TypeTesterVariableAxes_fontStyle\n  ...TypeTesterToolbar_fontStyle\n  sku {\n    ...SelectButton_sku_3BtHDv\n    ...SKUPrice_sku_3BtHDv\n    id\n    basePrice: price {\n      amount\n    }\n  }\n}\n\nfragment TypeTesters_collection_4Goyz5 on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        letterSpacing\n        autofit\n        direction\n        alignment\n        fontStyle {\n          ...TypeTester_fontStyle_3BtHDv\n          id\n          family {\n            id\n          }\n        }\n        variableSettings {\n          axis\n          value\n        }\n        featureSettings {\n          feature\n          value\n        }\n        tags\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  typeTesterAxes\n  id\n  ...PriceBar_node_3BtHDv\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node_3BtHDv\n  }\n  parent {\n    id\n  }\n}\n\nfragment useFeaturesData_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment useFontStyle_fontStyle on FontStyle {\n  cssFamily\n  name\n  webfontSources {\n    url\n    format\n    tech\n  }\n  verticalMetrics {\n    unitsPerEm\n    ascender\n    descender\n    lineGap\n    avgCharWidth\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTesters_collection.graphql.d.ts

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<75efdd64f4cf6c5d2378da307264aa2c>>
+ * @generated SignedSource<<db8e340a34a78571fc6801ac096bd540>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -19,6 +19,7 @@ export type TypeTesters_collection$data = {
     readonly typeTesters: {
         readonly edges: ReadonlyArray<{
             readonly node: {
+                readonly alignment: string | null;
                 readonly autofit: boolean | null;
                 readonly content: string | null;
                 readonly direction: string | null;

package/dist/__generated__/TypeTesters_collection.graphql.js

@@ -1,5 +1,5 @@
 /**
- * @generated SignedSource<<75efdd64f4cf6c5d2378da307264aa2c>>
+ * @generated SignedSource<<db8e340a34a78571fc6801ac096bd540>>
  * @lightSyntaxTransform
  * @nogrep
  */
@@ -139,6 +139,12 @@ const node = function () {
             "kind": "ScalarField",
             "name": "direction",
             "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "alignment",
+            "storageKey": null
           }, {
             "alias": null,
             "args": null,
@@ -246,5 +252,5 @@ const node = function () {
     "abstractKey": null
   };
 }();
-node.hash = "0f8422550dd500368594bfedc5f58bf4";
+node.hash = "b247a9b03142716823d36ec52dd965ff";
 export default node;

package/dist/components/ConsentBanner/consent.d.ts

@@ -1,5 +1,20 @@
 export declare function setClientAnonymousId(id: string): void;
 export declare function getClientAnonymousId(): string | undefined;
+/**
+ * The tracker captures the entry page view once on mount and stores its
+ * attribution here (url, referrer, fbclid, utm campaign). The consent banner
+ * reads it when the visitor grants consent so the `Consent Granted` event can
+ * carry the arrival attribution — preserving it even if the visitor has since
+ * navigated away from the landing URL. The server forwards that event; each
+ * destination decides how to represent it (Meta reads it as the entry
+ * PageView). Undefined until the tracker has mounted.
+ */
+export type EntryAttribution = {
+    properties: Record<string, unknown>;
+    context: Record<string, unknown>;
+};
+export declare function setEntryAttribution(body: EntryAttribution): void;
+export declare function getEntryAttribution(): EntryAttribution | undefined;
 /** Parse the _fontdue_cc cookie and check if it contains the given category. */
 export declare function hasConsent(category: string): boolean;
 /** Set the _fontdue_cc cookie with the given categories. */

package/dist/components/ConsentBanner/consent.js

@@ -11,6 +11,24 @@ export function getClientAnonymousId() {
   return clientAnonymousId;
 }
 
+/**
+ * The tracker captures the entry page view once on mount and stores its
+ * attribution here (url, referrer, fbclid, utm campaign). The consent banner
+ * reads it when the visitor grants consent so the `Consent Granted` event can
+ * carry the arrival attribution — preserving it even if the visitor has since
+ * navigated away from the landing URL. The server forwards that event; each
+ * destination decides how to represent it (Meta reads it as the entry
+ * PageView). Undefined until the tracker has mounted.
+ */
+
+let entryAttribution;
+export function setEntryAttribution(body) {
+  entryAttribution = body;
+}
+export function getEntryAttribution() {
+  return entryAttribution;
+}
+
 /** Parse the _fontdue_cc cookie and check if it contains the given category. */
 export function hasConsent(category) {
   const match = document.cookie.match(new RegExp('(?:^|;\\s*)' + CONSENT_COOKIE + '=([^;]*)'));

package/dist/components/ConsentBanner/index.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useState } from 'react';
 import ConfigContext from '../ConfigContext.js';
 import { useFontdueUrl } from '../UrlContext.js';
-import { setConsent, activateScripts, getClientAnonymousId } from './consent.js';
+import { setConsent, activateScripts, getClientAnonymousId, getEntryAttribution } from './consent.js';
 const DEFAULT_MESSAGE = 'We use cookies to analyze site usage and improve your\u00A0experience.';
 const ConsentBanner = () => {
   const config = useContext(ConfigContext);
@@ -19,15 +19,21 @@ const ConsentBanner = () => {
   if (dismissed) return null;
   const message = config.tracking.consentMessage || DEFAULT_MESSAGE;
   const sendConsentEvent = categories => {
-    // Fire a tracking event so the server sets the _fontdue_state cookie
-    // on this response (rather than waiting for the next page load).
-    // Include the client anonymous_id so it gets synced to the cookie.
+    // Fire a normal tracking event on the existing pipeline. Because the consent
+    // cookie was just written, the server is now permitted to forward, sets the
+    // durable _fontdue_state cookie on this response (rather than waiting for the
+    // next page load), and syncs the client anonymous_id into it. Carry the
+    // captured entry-page attribution so destinations that read the grant as a
+    // page view (Meta) attribute it to the visitor's arrival (referrer, fbclid).
+    const entry = getEntryAttribution();
     const body = {
       event: 'Consent Granted',
       properties: {
+        ...((entry === null || entry === void 0 ? void 0 : entry.properties) ?? {}),
         categories: categories.join(',')
       }
     };
+    if (entry !== null && entry !== void 0 && entry.context) body.context = entry.context;
     const anonId = getClientAnonymousId();
     if (anonId) body.anonymous_id = anonId;
     fetch(`${url}/api/track`, {
@@ -40,6 +46,8 @@ const ConsentBanner = () => {
     }).catch(() => {});
   };
   const handleAcceptAll = () => {
+    // Write the consent cookie first, so the tracking request carries it and the
+    // server is permitted to forward.
     setConsent(['necessary', 'analytics']);
     activateScripts('analytics');
     if (config.tracking.enabled) {

package/dist/components/StoreModal/StoreModalBundleButton.js

@@ -8,7 +8,6 @@ import { PriceFormat } from '../Price/index.js';
 import FontStyle from '../FontStyle/index.js';
 import { isSelected } from '../../reducer.js';
 import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
-const THIN_SPACE = '\u2009';
 export default function StoreModalBundleButton(_ref) {
   var _bundle$sku;
   let {
@@ -27,11 +26,11 @@ export default function StoreModalBundleButton(_ref) {
     onClick: handleSelect,
     selected: selected
   }), {
-    featureGlyphs: bundle.fontStyles.map((fontStyle, i) => /*#__PURE__*/React.createElement(FontStyle, {
+    featureGlyphs: bundle.fontStyles.map(fontStyle => /*#__PURE__*/React.createElement(FontStyle, {
       key: fontStyle.id,
       fontStyle: fontStyle,
       Component: "span"
-    }, i !== 0 && THIN_SPACE, "Aa")),
+    }, "Aa")),
     name: bundle.name,
     price: /*#__PURE__*/React.createElement(SKUPrice, {
       sku: bundle.sku,

package/dist/components/StoreModal/StoreModalStyleButton.js

@@ -9,7 +9,6 @@ import FontStyle from '../FontStyle/index.js';
 import { isSelected } from '../../reducer.js';
 import StoreModalStyleButtonElement from '../elements/StoreModalStyleButton/index.js';
 import { getFeatureGlyphs, variableInstanceCSS } from '../../utils.js';
-const THIN_SPACE = '\u2009';
 export default function StoreModalStyleButton(_ref) {
   var _fontStyle$variableIn, _fontStyle$variableIn2;
   let {
@@ -32,10 +31,10 @@ export default function StoreModalStyleButton(_ref) {
     featureGlyphs: hasFeatureGlyphs ? /*#__PURE__*/React.createElement(FontStyle, {
       fontStyle: fontStyle,
       Component: "span"
-    }, isVariableFont ? (_fontStyle$variableIn2 = fontStyle.variableInstances) === null || _fontStyle$variableIn2 === void 0 ? void 0 : _fontStyle$variableIn2.map((instance, i) => /*#__PURE__*/React.createElement("span", {
+    }, isVariableFont ? (_fontStyle$variableIn2 = fontStyle.variableInstances) === null || _fontStyle$variableIn2 === void 0 ? void 0 : _fontStyle$variableIn2.map(instance => /*#__PURE__*/React.createElement("span", {
       key: instance.name,
       style: variableInstanceCSS(instance)
-    }, i !== 0 && THIN_SPACE, getFeatureGlyphs(fontStyle.supportedLanguages))) : getFeatureGlyphs(fontStyle.supportedLanguages)) : null,
+    }, getFeatureGlyphs(fontStyle.supportedLanguages))) : getFeatureGlyphs(fontStyle.supportedLanguages)) : null,
     // for variable fonts, only show the name of the style if there are
     // multiple styles
     name: isVariableFont ? fontStyle.sku ? fontStyle.name : undefined : fontStyle.name,

package/dist/components/Tracking/index.js

@@ -3,7 +3,7 @@
 import { useContext, useEffect } from 'react';
 import ConfigContext from '../ConfigContext.js';
 import { useFontdueUrl } from '../UrlContext.js';
-import { hasConsent, onConsent, setClientAnonymousId } from '../ConsentBanner/consent.js';
+import { hasConsent, onConsent, setClientAnonymousId, setEntryAttribution } from '../ConsentBanner/consent.js';
 function getCampaignDataFromUrl() {
   const urlParams = new URLSearchParams(window.location.search);
   const campaign = {};
@@ -37,32 +37,41 @@ function getCampaignDataFromUrl() {
     properties: hasProperties ? properties : null
   };
 }
-async function sendPageView(baseUrl, anonymousId) {
+// Build the page-view payload from the current document. Captured once for the
+// entry page view so its attribution (referrer, fbclid, utm) can travel with the
+// consent grant, preserving arrival attribution even if the visitor has since
+// navigated.
+function buildPageViewBody() {
+  const {
+    campaign,
+    properties: clickIdProperties
+  } = getCampaignDataFromUrl();
+  const properties = {
+    url: window.location.href,
+    path: window.location.pathname,
+    referrer: document.referrer,
+    title: document.title,
+    search: window.location.search,
+    ...clickIdProperties
+  };
+  const context = {
+    userAgent: navigator.userAgent
+  };
+  if (campaign) {
+    context.campaign = campaign;
+  }
+  return {
+    properties,
+    context
+  };
+}
+async function postPageView(baseUrl, body, anonymousId) {
   try {
-    const {
-      campaign,
-      properties: clickIdProperties
-    } = getCampaignDataFromUrl();
-    const properties = {
-      url: window.location.href,
-      path: window.location.pathname,
-      referrer: document.referrer,
-      title: document.title,
-      search: window.location.search,
-      ...clickIdProperties
-    };
-    const context = {
-      userAgent: navigator.userAgent
-    };
-    if (campaign) {
-      context.campaign = campaign;
-    }
-    const body = {
-      properties,
-      context
+    const payload = {
+      ...body
     };
     if (anonymousId) {
-      body.anonymous_id = anonymousId;
+      payload.anonymous_id = anonymousId;
     }
     const response = await fetch(`${baseUrl}/api/track/page`, {
       method: 'POST',
@@ -70,7 +79,7 @@ async function sendPageView(baseUrl, anonymousId) {
         'Content-Type': 'application/json'
       },
       credentials: 'include',
-      body: JSON.stringify(body)
+      body: JSON.stringify(payload)
     });
     const data = await response.json();
     return data.anonymous_id || null;
@@ -79,6 +88,9 @@ async function sendPageView(baseUrl, anonymousId) {
     return null;
   }
 }
+async function sendPageView(baseUrl, anonymousId) {
+  return postPageView(baseUrl, buildPageViewBody(), anonymousId);
+}
 const Tracking = () => {
   const config = useContext(ConfigContext);
   const url = useFontdueUrl();
@@ -96,8 +108,20 @@ const Tracking = () => {
     const analyticsConsent = hasConsent('analytics');
     const effectiveAnonymousId = clientAnonymousId && config.tracking.consentRequired && !analyticsConsent ? clientAnonymousId : undefined;
 
-    // Send initial page view
-    const pageViewPromise = sendPageView(url, effectiveAnonymousId);
+    // Capture the entry page view once, then send it. Before consent the server
+    // records but does not forward it.
+    const entryBody = buildPageViewBody();
+    const pageViewPromise = postPageView(url, entryBody, effectiveAnonymousId);
+
+    // Publish this captured entry attribution so the consent banner can attach
+    // it to the `Consent Granted` event when the visitor grants consent. That
+    // event is a normal tracking event on the existing pipeline; the server
+    // forwards it and each destination decides how to represent it (Meta reads
+    // it as the attributed entry page view). Capturing once preserves the
+    // arrival attribution even if the visitor has since navigated.
+    if (config.tracking.consentRequired) {
+      setEntryAttribution(entryBody);
+    }
 
     // Segment SDK for device-mode integrations (e.g. Google Tag Manager)
     // The analytics factory is provided by the entry point — it calls AnalyticsBrowser.load()

package/dist/components/TypeTesters/index.js

@@ -75,7 +75,7 @@ function TypeTestersComponent(_ref) {
     licenseOptionsSpecs,
     orderVariableSelections
   } = useLicenseAndOrderVariables();
-  const [collection, refetch] = useRefetchableFragment((_TypeTesters_collection.hash && _TypeTesters_collection.hash !== "0f8422550dd500368594bfedc5f58bf4" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
+  const [collection, refetch] = useRefetchableFragment((_TypeTesters_collection.hash && _TypeTesters_collection.hash !== "b247a9b03142716823d36ec52dd965ff" && console.error("The definition of 'TypeTesters_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _TypeTesters_collection), collectionKey);
   const handleStyleSelect = useCallback((testerId, fontStyleId) => {
     const newChangedStyles = {
       ...changedStyles,
@@ -119,6 +119,10 @@ function TypeTestersComponent(_ref) {
     const direction = node.direction === 'rtl' ? 'rtl' : 'ltr';
     let alignment = config.initialAlignment;
     if (direction === 'rtl') alignment = 'right';
+    // An explicit per-card alignment from the dashboard wins over both.
+    if (node.alignment === 'left' || node.alignment === 'center' || node.alignment === 'right') {
+      alignment = node.alignment;
+    }
     acc[node.id] = {
       content: node.content,
       size: node.size ? parseFloat(node.size) : 72,

package/dist/fontdue.css

@@ -2354,6 +2354,12 @@ input:checked + .checkbox__icon {
   margin-right: 10px;
   word-break: break-word;
 }
+.store-modal__style-button__feature-glyphs span {
+  display: inline-block;
+}
+.store-modal__style-button__feature-glyphs span:not(:last-child) {
+  margin-right: 0.2em;
+}
 
 .store-modal__style-button__price,
 .store-modal__style-button__checked {

package/dist/relay/environment.js

@@ -7,7 +7,7 @@ import { PREVIEW_HEADER, hasPreviewMarkerCookie } from '../preview/constants.js'
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
 // Exported so UI (the admin toolbar) can surface it without re-reading the
 // build-time global in a 'use client' module.
-export const version = "3.0.4";
+export const version = "3.0.6";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Opt server fetches into Next's data cache only in production; dev stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.0.4",
+  "version": "3.0.6",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",