@itcase/tokens-am 1.1.0 → 1.1.2

package/dist/css/styles/main.css

@@ -164,73 +164,113 @@
   --min-max: 360px 1440px;
   --min: 360px;
   --max: 1440px;
+  --font-primary: 'Wix Madefor Display', sans-serif,  system-ui;
+  --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+}
+:root {
   --typography-min-viewport: 360px;
   --typography-max-viewport: 1920px;
 
+  --typography-hero1-max: 128px;
+  --typography-hero1-min: 72px;
+  --typography-hero1-max-line-height: 156px;
+  --typography-hero1-min-line-height: 88px;
+  --typography-hero1-font: var(--font-primary);
+
+  --typography-hero2-max: 96px;
+  --typography-hero2-min: 56px;
+  --typography-hero2-max-line-height: 112px;
+  --typography-hero2-min-line-height: 72px;
+  --typography-hero2-font: var(--font-primary);
+
+  --typography-hero3-max: 72px;
+  --typography-hero3-min: 48px;
+  --typography-hero3-max-line-height: 88px;
+  --typography-hero3-min-line-height: 56px;
+  --typography-hero3-font: var(--font-primary);
+
+  --typography-hero4-max: 56px;
+  --typography-hero4-min: 40px;
+  --typography-hero4-max-line-height: 72px;
+  --typography-hero4-min-line-height: 48px;
+  --typography-hero4-font: var(--font-primary);
+
+  --typography-hero5-max: 40px;
+  --typography-hero5-min: 32px;
+  --typography-hero5-max-line-height: 48px;
+  --typography-hero5-min-line-height: 40px;
+  --typography-hero5-font: var(--font-primary);
+
+  --typography-hero6-max: 32px;
+  --typography-hero6-min: 28px;
+  --typography-hero6-max-line-height: 40px;
+  --typography-hero6-min-line-height: 32px;
+  --typography-hero6-font: var(--font-primary);
+
   --typography-h1-max: 64px;
-  --typography-h1-min: 32px;
-  --typography-h1-max-line-height: 64px;
-  --typography-h1-min-line-height: 40px;
+  --typography-h1-min: 56px;
+  --typography-h1-max-line-height: 80px;
+  --typography-h1-min-line-height: 60px;
   --typography-h1-font: var(--font-primary);
 
   --typography-h2-max: 48px;
-  --typography-h2-min: 28px;
-  --typography-h2-max-line-height: 48px;
-  --typography-h2-min-line-height: 32px;
+  --typography-h2-min: 40px;
+  --typography-h2-max-line-height: 56px;
+  --typography-h2-min-line-height: 48px;
   --typography-h2-font: var(--font-primary);
 
   --typography-h3-max: 32px;
-  --typography-h3-min: 18px;
-  --typography-h3-max-line-height: 32px;
-  --typography-h3-min-line-height: 24px;
+  --typography-h3-min: 28px;
+  --typography-h3-max-line-height: 40px;
+  --typography-h3-min-line-height: 32px;
   --typography-h3-font: var(--font-primary);
 
   --typography-h4-max: 24px;
-  --typography-h4-min: 16px;
-  --typography-h4-max-line-height: 24px;
-  --typography-h4-min-line-height: 18px;
+  --typography-h4-min: 24px;
+  --typography-h4-max-line-height: 32px;
+  --typography-h4-min-line-height: 32px;
   --typography-h4-font: var(--font-primary);
 
   --typography-h5-max: 18px;
-  --typography-h5-min: 14px;
+  --typography-h5-min: 18px;
   --typography-h5-max-line-height: 18px;
   --typography-h5-min-line-height: 16px;
   --typography-h5-font: var(--font-primary);
 
   --typography-h6-max: 16px;
-  --typography-h6-min: 12px;
-  --typography-h6-max-line-height: 16px;
-  --typography-h6-min-line-height: 14px;
+  --typography-h6-min: 16px;
+  --typography-h6-max-line-height: 24px;
+  --typography-h6-min-line-height: 24px;
   --typography-h6-font: var(--font-primary);
 
-  --typography-p-max: 16px;
-  --typography-p-min: 14px;
-  --typography-p-max-line-height: 20px;
-  --typography-p-min-line-height: 18px;
+  --typography-p-max: 24px;
+  --typography-p-min: 20px;
+  --typography-p-max-line-height: 24px;
+  --typography-p-min-line-height: 28px;
   --typography-p-font: var(--font-primary);
 
-  --typography-text-xxl-min: 20px;
   --typography-text-xxl-max: 24px;
-  --typography-text-xxl-min-line-height: 24px;
+  --typography-text-xxl-min: 20px;
   --typography-text-xxl-max-line-height: 28px;
+  --typography-text-xxl-min-line-height: 24px;
   --typography-text-xxl-font: var(--font-primary);
 
-  --typography-text-xl-min: 18px;
   --typography-text-xl-max: 20px;
-  --typography-text-xl-min-line-height: 22px;
-  --typography-text-xl-max-line-height: 24px;
+  --typography-text-xl-min: 18px;
+  --typography-text-xl-min-line-height: 24px;
+  --typography-text-xl-max-line-height: 20px;
   --typography-text-xl-font: var(--font-primary);
 
-  --typography-text-l-min: 16px;
   --typography-text-l-max: 18px;
-  --typography-text-l-min-line-height: 20px;
-  --typography-text-l-max-line-height: 22px;
+  --typography-text-l-min: 16px;
+  --typography-text-l-max-line-height: 20px;
+  --typography-text-l-min-line-height: 18px;
   --typography-text-l-font: var(--font-primary);
 
-  --typography-text-m-min: 14px;
   --typography-text-m-max: 16px;
-  --typography-text-m-min-line-height: 18px;
-  --typography-text-m-max-line-height: 20px;
+  --typography-text-m-min: 14px;
+  --typography-text-m-max-line-height: 18px;
+  --typography-text-m-min-line-height: 16px;
   --typography-text-m-font: var(--font-primary);
 
   --typography-text-s-min: 14px;
@@ -239,16 +279,16 @@
   --typography-text-s-max-line-height: 18px;
   --typography-text-s-font: var(--font-primary);
 
-  --typography-text-xs-min: 12px;
   --typography-text-xs-max: 12px;
+  --typography-text-xs-min: 10px;
+  --typography-text-xs-max-line-height: 12px;
   --typography-text-xs-min-line-height: 12px;
-  --typography-text-xs-max-line-height: 16px;
   --typography-text-xs-font: var(--font-primary);
 
-  --typography-text-xxs-min: 10px;
   --typography-text-xxs-max: 10px;
-  --typography-text-xxs-min-line-height: 12px;
-  --typography-text-xxs-max-line-height: 12px;
+  --typography-text-xxs-min: 8px;
+  --typography-text-xxs-max-line-height: 10px;
+  --typography-text-xxs-min-line-height: 10px;
   --typography-text-xxs-font: var(--font-primary);
 
   --typography-email-h1: 32px;
@@ -292,23 +332,21 @@
 
   --typography-email-text-xxs: 10px;
   --typography-email-text-xxs-line-height: 14px;
-  --font-primary: 'Wix Madefor Display', sans-serif,  system-ui;
-  --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
 }
 /* stylelint-disable prettier/prettier */
 /* stylelint-disable at-rule-descriptor-no-unknown */
 /* stylelint-disable value-keyword-case */
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
+  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
   src:
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
       format('embedded-opentype'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
       format('woff2'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
       format('woff'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
       format('truetype');
   font-weight: 700;
   font-style: normal;
@@ -316,15 +354,15 @@
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
+  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
   src:
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
       format('embedded-opentype'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
       format('woff2'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
       format('woff'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
       format('truetype');
   font-weight: 600;
   font-style: normal;
@@ -332,15 +370,15 @@
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
+  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
   src:
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
       format('embedded-opentype'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
       format('woff2'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
       format('woff'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
       format('truetype');
   font-weight: 500;
   font-style: normal;
@@ -348,15 +386,15 @@
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
+  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
   src:
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
       format('embedded-opentype'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
       format('woff2'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
       format('woff'),
-    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
+    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
       format('truetype');
   font-weight: 400;
   font-style: normal;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itcase/tokens-am",
   "description": "",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "keywords": [],
   "license": "MIT",
   "private": false,
@@ -25,5 +25,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "da3e790bf979d37e08e66e89436d50f403eec6f3"
+  "gitHead": "ea8beb27b73568a6697e3be417b1f04e8eb731a3"
 }