scu-web-components 0.0.46 → 0.0.48

package/dist/tokens/source/cssApi.scss.json

@@ -8396,158 +8396,158 @@
       "selector": "scw-text-01"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-10": {
+  "typography-text-bold-text-bold-10": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-10 { \n  font: var( --scw-type-text-bold-condensed-10-font ); \n}",
+      "output": "\n@mixin scw-text-bold-10 { \n  font: var( --scw-type-text-bold-10-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-10"
+      "selector": "scw-text-bold-10"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-09": {
+  "typography-text-bold-text-bold-09": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-09 { \n  font: var( --scw-type-text-bold-condensed-09-font ); \n}",
+      "output": "\n@mixin scw-text-bold-09 { \n  font: var( --scw-type-text-bold-09-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-09"
+      "selector": "scw-text-bold-09"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-08": {
+  "typography-text-bold-text-bold-08": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-08 { \n  font: var( --scw-type-text-bold-condensed-08-font ); \n}",
+      "output": "\n@mixin scw-text-bold-08 { \n  font: var( --scw-type-text-bold-08-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-08"
+      "selector": "scw-text-bold-08"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-07": {
+  "typography-text-bold-text-bold-07": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-07 { \n  font: var( --scw-type-text-bold-condensed-07-font ); \n}",
+      "output": "\n@mixin scw-text-bold-07 { \n  font: var( --scw-type-text-bold-07-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-07"
+      "selector": "scw-text-bold-07"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-06": {
+  "typography-text-bold-text-bold-06": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-06 { \n  font: var( --scw-type-text-bold-condensed-06-font ); \n}",
+      "output": "\n@mixin scw-text-bold-06 { \n  font: var( --scw-type-text-bold-06-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-06"
+      "selector": "scw-text-bold-06"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-05": {
+  "typography-text-bold-text-bold-05": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-05 { \n  font: var( --scw-type-text-bold-condensed-font ); \n}",
+      "output": "\n@mixin scw-text-bold-05 { \n  font: var( --scw-type-text-bold-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-05"
+      "selector": "scw-text-bold-05"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-": {
+  "typography-text-bold-text-bold-": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed { \n  font: var( --scw-type-text-bold-condensed-font ); \n}",
+      "output": "\n@mixin scw-text-bold { \n  font: var( --scw-type-text-bold-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed"
+      "selector": "scw-text-bold"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-04": {
+  "typography-text-bold-text-bold-04": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-04 { \n  font: var( --scw-type-text-bold-condensed-04-font ); \n}",
+      "output": "\n@mixin scw-text-bold-04 { \n  font: var( --scw-type-text-bold-04-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-04"
+      "selector": "scw-text-bold-04"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-03": {
+  "typography-text-bold-text-bold-03": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-03 { \n  font: var( --scw-type-text-bold-condensed-03-font ); \n}",
+      "output": "\n@mixin scw-text-bold-03 { \n  font: var( --scw-type-text-bold-03-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-03"
+      "selector": "scw-text-bold-03"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-02": {
+  "typography-text-bold-text-bold-02": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-02 { \n  font: var( --scw-type-text-bold-condensed-02-font ); \n}",
+      "output": "\n@mixin scw-text-bold-02 { \n  font: var( --scw-type-text-bold-02-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-02"
+      "selector": "scw-text-bold-02"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-01": {
+  "typography-text-bold-text-bold-01": {
     "font": {
-      "output": "\n@mixin scw-text-bold-condensed-01 { \n  font: var( --scw-type-text-bold-condensed-01-font ); \n}",
+      "output": "\n@mixin scw-text-bold-01 { \n  font: var( --scw-type-text-bold-01-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-condensed-01"
+      "selector": "scw-text-bold-01"
     }
   },
-  "typography-text-bold-text-bold-10": {
+  "typography-text-bold-condensed-text-bold-condensed-10": {
     "font": {
-      "output": "\n@mixin scw-text-bold-10 { \n  font: var( --scw-type-text-bold-10-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-10 { \n  font: var( --scw-type-text-bold-condensed-10-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-10"
+      "selector": "scw-text-bold-condensed-10"
     }
   },
-  "typography-text-bold-text-bold-09": {
+  "typography-text-bold-condensed-text-bold-condensed-09": {
     "font": {
-      "output": "\n@mixin scw-text-bold-09 { \n  font: var( --scw-type-text-bold-09-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-09 { \n  font: var( --scw-type-text-bold-condensed-09-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-09"
+      "selector": "scw-text-bold-condensed-09"
     }
   },
-  "typography-text-bold-text-bold-08": {
+  "typography-text-bold-condensed-text-bold-condensed-08": {
     "font": {
-      "output": "\n@mixin scw-text-bold-08 { \n  font: var( --scw-type-text-bold-08-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-08 { \n  font: var( --scw-type-text-bold-condensed-08-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-08"
+      "selector": "scw-text-bold-condensed-08"
     }
   },
-  "typography-text-bold-text-bold-07": {
+  "typography-text-bold-condensed-text-bold-condensed-07": {
     "font": {
-      "output": "\n@mixin scw-text-bold-07 { \n  font: var( --scw-type-text-bold-07-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-07 { \n  font: var( --scw-type-text-bold-condensed-07-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-07"
+      "selector": "scw-text-bold-condensed-07"
     }
   },
-  "typography-text-bold-text-bold-06": {
+  "typography-text-bold-condensed-text-bold-condensed-06": {
     "font": {
-      "output": "\n@mixin scw-text-bold-06 { \n  font: var( --scw-type-text-bold-06-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-06 { \n  font: var( --scw-type-text-bold-condensed-06-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-06"
+      "selector": "scw-text-bold-condensed-06"
     }
   },
-  "typography-text-bold-text-bold-05": {
+  "typography-text-bold-condensed-text-bold-condensed-05": {
     "font": {
-      "output": "\n@mixin scw-text-bold-05 { \n  font: var( --scw-type-text-bold-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-05 { \n  font: var( --scw-type-text-bold-condensed-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-05"
+      "selector": "scw-text-bold-condensed-05"
     }
   },
-  "typography-text-bold-text-bold-": {
+  "typography-text-bold-condensed-text-bold-condensed-": {
     "font": {
-      "output": "\n@mixin scw-text-bold { \n  font: var( --scw-type-text-bold-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed { \n  font: var( --scw-type-text-bold-condensed-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold"
+      "selector": "scw-text-bold-condensed"
     }
   },
-  "typography-text-bold-text-bold-04": {
+  "typography-text-bold-condensed-text-bold-condensed-04": {
     "font": {
-      "output": "\n@mixin scw-text-bold-04 { \n  font: var( --scw-type-text-bold-04-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-04 { \n  font: var( --scw-type-text-bold-condensed-04-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-04"
+      "selector": "scw-text-bold-condensed-04"
     }
   },
-  "typography-text-bold-text-bold-03": {
+  "typography-text-bold-condensed-text-bold-condensed-03": {
     "font": {
-      "output": "\n@mixin scw-text-bold-03 { \n  font: var( --scw-type-text-bold-03-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-03 { \n  font: var( --scw-type-text-bold-condensed-03-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-03"
+      "selector": "scw-text-bold-condensed-03"
     }
   },
-  "typography-text-bold-text-bold-02": {
+  "typography-text-bold-condensed-text-bold-condensed-02": {
     "font": {
-      "output": "\n@mixin scw-text-bold-02 { \n  font: var( --scw-type-text-bold-02-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-02 { \n  font: var( --scw-type-text-bold-condensed-02-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-02"
+      "selector": "scw-text-bold-condensed-02"
     }
   },
-  "typography-text-bold-text-bold-01": {
+  "typography-text-bold-condensed-text-bold-condensed-01": {
     "font": {
-      "output": "\n@mixin scw-text-bold-01 { \n  font: var( --scw-type-text-bold-01-font ); \n}",
+      "output": "\n@mixin scw-text-bold-condensed-01 { \n  font: var( --scw-type-text-bold-condensed-01-font ); \n}",
       "selectorTemplate": "scw-[name]-[size]",
-      "selector": "scw-text-bold-01"
+      "selector": "scw-text-bold-condensed-01"
     }
   },
   "effects-shadow-": {

package/dist/tokens/source/cssPropertiesApi.ts

@@ -696,17 +696,6 @@ export type SCWTypeValue =
   'type-text-03-font' |
   'type-text-02-font' |
   'type-text-01-font' |
-  'type-text-bold-condensed-10-font' |
-  'type-text-bold-condensed-09-font' |
-  'type-text-bold-condensed-08-font' |
-  'type-text-bold-condensed-07-font' |
-  'type-text-bold-condensed-06-font' |
-  'type-text-bold-condensed-05-font' |
-  'type-text-bold-condensed-font' |
-  'type-text-bold-condensed-04-font' |
-  'type-text-bold-condensed-03-font' |
-  'type-text-bold-condensed-02-font' |
-  'type-text-bold-condensed-01-font' |
   'type-text-bold-10-font' |
   'type-text-bold-09-font' |
   'type-text-bold-08-font' |
@@ -717,7 +706,18 @@ export type SCWTypeValue =
   'type-text-bold-04-font' |
   'type-text-bold-03-font' |
   'type-text-bold-02-font' |
-  'type-text-bold-01-font'
+  'type-text-bold-01-font' |
+  'type-text-bold-condensed-10-font' |
+  'type-text-bold-condensed-09-font' |
+  'type-text-bold-condensed-08-font' |
+  'type-text-bold-condensed-07-font' |
+  'type-text-bold-condensed-06-font' |
+  'type-text-bold-condensed-05-font' |
+  'type-text-bold-condensed-font' |
+  'type-text-bold-condensed-04-font' |
+  'type-text-bold-condensed-03-font' |
+  'type-text-bold-condensed-02-font' |
+  'type-text-bold-condensed-01-font'
 export type SCWEffectValue =
   'effect-shadow-shadow' |
   'effect-focus-shadow'

package/dist/tokens/source/cssPropertiesApiTypedStyles.ts

@@ -15,7 +15,8 @@ export default function style(
   otherStyles: CSS.Properties = {},
 ) : string {
 
-  const toKebab = (str) => str.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
+  const toKebab = (str: string) =>
+    str.replace(/[A-Z]/g, (m: string) => "-" + m.toLowerCase());
 
   return `style="${
     Object.entries(dsysStyles).map((entry) => {

package/dist/tokens/source/cssPropertiesApiTypedStylesCssType.ts

@@ -15,7 +15,8 @@ export function scw(
   otherStyles: CSS.Properties = {},
 ) : CSS.Properties {
 
-  const toKebab = (str) => str.replace(/[A-Z]/g, m => "-" + m.toLowerCase());
+  const toKebab = (str: string) =>
+    str.replace(/[A-Z]/g, (m: string) => "-" + m.toLowerCase());
 
   const dsysStylesObj: {[key:`--scw-${string}`]: string} = {};
   Object.entries(dsysStyles).map((entry) => {

package/dist/tokens/source/cssVariables.css

@@ -170,17 +170,6 @@
 --scw-type-text-03-font: 400 0.75rem/0.938rem 'Proxima Nova';
 --scw-type-text-02-font: 400 0.6875rem/0.859rem 'Proxima Nova';
 --scw-type-text-01-font: 400 0.5625rem/0.703rem 'Proxima Nova';
---scw-type-text-bold-condensed-10-font: 700 2.5rem/3.375rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-09-font: 700 1.875rem/2.531rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-08-font: 700 1.5rem/2.025rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-07-font: 700 1.25rem/1.688rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-06-font: 700 1.125rem/1.688rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-05-font: 700 1rem/1.5rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-font: 700 1rem/1.5rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-04-font: 700 0.875rem/1.313rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-03-font: 700 0.75rem/0.938rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-02-font: 700 0.6875rem/0.859rem 'Proxima Nova Condensed';
---scw-type-text-bold-condensed-01-font: 700 0.5625rem/0.703rem 'Proxima Nova Condensed';
 --scw-type-text-bold-10-font: 700 2.5rem/3.375rem 'Proxima Nova';
 --scw-type-text-bold-09-font: 700 1.875rem/2.531rem 'Proxima Nova';
 --scw-type-text-bold-08-font: 700 1.5rem/2.025rem 'Proxima Nova';
@@ -192,6 +181,17 @@
 --scw-type-text-bold-03-font: 700 0.75rem/0.938rem 'Proxima Nova';
 --scw-type-text-bold-02-font: 700 0.6875rem/0.859rem 'Proxima Nova';
 --scw-type-text-bold-01-font: 700 0.5625rem/0.703rem 'Proxima Nova';
+--scw-type-text-bold-condensed-10-font: 700 2.5rem/3.375rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-09-font: 700 1.875rem/2.531rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-08-font: 700 1.5rem/2.025rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-07-font: 700 1.25rem/1.688rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-06-font: 700 1.125rem/1.688rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-05-font: 700 1rem/1.5rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-font: 700 1rem/1.5rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-04-font: 700 0.875rem/1.313rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-03-font: 700 0.75rem/0.938rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-02-font: 700 0.6875rem/0.859rem 'Proxima Nova Condensed';
+--scw-type-text-bold-condensed-01-font: 700 0.5625rem/0.703rem 'Proxima Nova Condensed';
 --scw-effect-shadow-shadow: 0px 0px 8px 0px rgba(0,0,0,0.27);
 --scw-effect-focus-shadow: 0px 0px 0px 2px rgba(53,155,249,1);
 --scw-graphic-apple-app-store-width: 159px;

package/dist/tokens/source/cssVariables.json

@@ -1196,157 +1196,157 @@
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-10": {
+  "typography-text-bold-text-bold-10": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-10-font: 700 2.5rem/3.375rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-10-font",
+      "output": "--scw-type-text-bold-10-font: 700 2.5rem/3.375rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-10-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-09": {
+  "typography-text-bold-text-bold-09": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-09-font: 700 1.875rem/2.531rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-09-font",
+      "output": "--scw-type-text-bold-09-font: 700 1.875rem/2.531rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-09-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-08": {
+  "typography-text-bold-text-bold-08": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-08-font: 700 1.5rem/2.025rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-08-font",
+      "output": "--scw-type-text-bold-08-font: 700 1.5rem/2.025rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-08-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-07": {
+  "typography-text-bold-text-bold-07": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-07-font: 700 1.25rem/1.688rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-07-font",
+      "output": "--scw-type-text-bold-07-font: 700 1.25rem/1.688rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-07-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-06": {
+  "typography-text-bold-text-bold-06": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-06-font: 700 1.125rem/1.688rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-06-font",
+      "output": "--scw-type-text-bold-06-font: 700 1.125rem/1.688rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-06-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-05": {
+  "typography-text-bold-text-bold-05": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-05-font: 700 1rem/1.5rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-05-font",
+      "output": "--scw-type-text-bold-05-font: 700 1rem/1.5rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-05-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-": {
+  "typography-text-bold-text-bold-": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-font: 700 1rem/1.5rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-font",
+      "output": "--scw-type-text-bold-font: 700 1rem/1.5rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-04": {
+  "typography-text-bold-text-bold-04": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-04-font: 700 0.875rem/1.313rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-04-font",
+      "output": "--scw-type-text-bold-04-font: 700 0.875rem/1.313rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-04-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-03": {
+  "typography-text-bold-text-bold-03": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-03-font: 700 0.75rem/0.938rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-03-font",
+      "output": "--scw-type-text-bold-03-font: 700 0.75rem/0.938rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-03-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-02": {
+  "typography-text-bold-text-bold-02": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-02-font: 700 0.6875rem/0.859rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-02-font",
+      "output": "--scw-type-text-bold-02-font: 700 0.6875rem/0.859rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-02-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-condensed-text-bold-condensed-01": {
+  "typography-text-bold-text-bold-01": {
     "font": {
-      "output": "--scw-type-text-bold-condensed-01-font: 700 0.5625rem/0.703rem 'Proxima Nova Condensed';",
-      "property": "--scw-type-text-bold-condensed-01-font",
+      "output": "--scw-type-text-bold-01-font: 700 0.5625rem/0.703rem 'Proxima Nova';",
+      "property": "--scw-type-text-bold-01-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-10": {
+  "typography-text-bold-condensed-text-bold-condensed-10": {
     "font": {
-      "output": "--scw-type-text-bold-10-font: 700 2.5rem/3.375rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-10-font",
+      "output": "--scw-type-text-bold-condensed-10-font: 700 2.5rem/3.375rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-10-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-09": {
+  "typography-text-bold-condensed-text-bold-condensed-09": {
     "font": {
-      "output": "--scw-type-text-bold-09-font: 700 1.875rem/2.531rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-09-font",
+      "output": "--scw-type-text-bold-condensed-09-font: 700 1.875rem/2.531rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-09-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-08": {
+  "typography-text-bold-condensed-text-bold-condensed-08": {
     "font": {
-      "output": "--scw-type-text-bold-08-font: 700 1.5rem/2.025rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-08-font",
+      "output": "--scw-type-text-bold-condensed-08-font: 700 1.5rem/2.025rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-08-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-07": {
+  "typography-text-bold-condensed-text-bold-condensed-07": {
     "font": {
-      "output": "--scw-type-text-bold-07-font: 700 1.25rem/1.688rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-07-font",
+      "output": "--scw-type-text-bold-condensed-07-font: 700 1.25rem/1.688rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-07-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-06": {
+  "typography-text-bold-condensed-text-bold-condensed-06": {
     "font": {
-      "output": "--scw-type-text-bold-06-font: 700 1.125rem/1.688rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-06-font",
+      "output": "--scw-type-text-bold-condensed-06-font: 700 1.125rem/1.688rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-06-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-05": {
+  "typography-text-bold-condensed-text-bold-condensed-05": {
     "font": {
-      "output": "--scw-type-text-bold-05-font: 700 1rem/1.5rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-05-font",
+      "output": "--scw-type-text-bold-condensed-05-font: 700 1rem/1.5rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-05-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-": {
+  "typography-text-bold-condensed-text-bold-condensed-": {
     "font": {
-      "output": "--scw-type-text-bold-font: 700 1rem/1.5rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-font",
+      "output": "--scw-type-text-bold-condensed-font: 700 1rem/1.5rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-04": {
+  "typography-text-bold-condensed-text-bold-condensed-04": {
     "font": {
-      "output": "--scw-type-text-bold-04-font: 700 0.875rem/1.313rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-04-font",
+      "output": "--scw-type-text-bold-condensed-04-font: 700 0.875rem/1.313rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-04-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-03": {
+  "typography-text-bold-condensed-text-bold-condensed-03": {
     "font": {
-      "output": "--scw-type-text-bold-03-font: 700 0.75rem/0.938rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-03-font",
+      "output": "--scw-type-text-bold-condensed-03-font: 700 0.75rem/0.938rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-03-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-02": {
+  "typography-text-bold-condensed-text-bold-condensed-02": {
     "font": {
-      "output": "--scw-type-text-bold-02-font: 700 0.6875rem/0.859rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-02-font",
+      "output": "--scw-type-text-bold-condensed-02-font: 700 0.6875rem/0.859rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-02-font",
       "category": "Type"
     }
   },
-  "typography-text-bold-text-bold-01": {
+  "typography-text-bold-condensed-text-bold-condensed-01": {
     "font": {
-      "output": "--scw-type-text-bold-01-font: 700 0.5625rem/0.703rem 'Proxima Nova';",
-      "property": "--scw-type-text-bold-01-font",
+      "output": "--scw-type-text-bold-condensed-01-font: 700 0.5625rem/0.703rem 'Proxima Nova Condensed';",
+      "property": "--scw-type-text-bold-condensed-01-font",
       "category": "Type"
     }
   },

package/dist/tokens/source/htmlStubs/components-scw-stepper-default-scw-stepper-item-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include default-scw-stepper-item-circle-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-default-scw-stepper-item.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include default-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include default-scw-stepper-item-circle-mixins.box;\n    @include default-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-default.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"default\">\n  <div class=\"scw-stepper-item\">\n    <div class=\"circle\">\n    </div>\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-stepper/default-mixins\" as default-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-mixins\" as default-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/default-scw-stepper-item-circle-mixins\" as default-scw-stepper-item-circle-mixins;\n\n.default {\n  @include default-mixins.box;\n  @include default-mixins.figma-autolayout;\n\n  .scw-stepper-item {\n    @include default-scw-stepper-item-mixins.box;\n\n    .circle {\n      @include default-scw-stepper-item-circle-mixins.box;\n      @include default-scw-stepper-item-circle-mixins.absolute-layout;\n    }\n  }\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item-circle.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"circle\">\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n\n.circle {\n  @include focused-page-2-scw-stepper-item-circle-mixins.box;\n}",
+    "example": ""
+  }
+}

package/dist/tokens/source/htmlStubs/components-scw-stepper-focused-page-2-scw-stepper-item.json

@@ -0,0 +1,10 @@
+{
+  "html": {
+    "output": "<div class=\"scw-stepper-item\">\n  <div class=\"circle\">\n  </div>\n</div>",
+    "example": ""
+  },
+  "scss": {
+    "output": "@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-mixins\" as focused-page-2-scw-stepper-item-mixins;\n@use \"comp-scw-stepper/focused-page-2-scw-stepper-item-circle-mixins\" as focused-page-2-scw-stepper-item-circle-mixins;\n\n.scw-stepper-item {\n  @include focused-page-2-scw-stepper-item-mixins.box;\n\n  .circle {\n    @include focused-page-2-scw-stepper-item-circle-mixins.box;\n    @include focused-page-2-scw-stepper-item-circle-mixins.absolute-layout;\n  }\n}",
+    "example": ""
+  }
+}