@itcase/tokens-am 1.0.27 → 1.0.30

package/dist/css/styles/main.css

@@ -1,4 +1,4 @@
-:root {
+html:is(.am):root {
   --color-accent-primary: hsla(92, 49%, 47%, 1);
   --color-accent-primary-hover: hsla(92, 70%, 47%, 1);
   --color-accent-secondary: hsla(92, 29%, 62%, 1);
@@ -142,6 +142,11 @@
   --color-danger-primary: hsla(349, 96%, 44%, 1);
   --color-danger-text-primary: hsla(0, 0%, 100%, 1);
 
+  --color-disabled-primary: hsla(0, 0%, 93%, 1);
+  --color-disabled-text-primary: hsla(0, 0%, 47%, 1);
+  --color-disabled-item-primary: hsla(0, 0%, 47%, 1);
+  --color-disabled-border-primary: hsla(0, 0%, 47%, 1);
+
   --color-gradient-primary: linear-gradient(
     to right,
     hsla(0, 100%, 44%, 1) 0%,
@@ -162,46 +167,46 @@
   --typography-min-viewport: 360px;
   --typography-max-viewport: 1920px;
 
-  --typography-h1-min: 32px;
   --typography-h1-max: 64px;
-  --typography-h1-min-line-height: 64px;
-  --typography-h1-max-line-height: 80px;
+  --typography-h1-min: 32px;
+  --typography-h1-max-line-height: 64px;
+  --typography-h1-min-line-height: 40px;
   --typography-h1-font: var(--font-primary);
 
-  --typography-h2-min: 26px;
-  --typography-h2-max: 46px;
-  --typography-h2-min-line-height: 46px;
-  --typography-h2-max-line-height: 58px;
+  --typography-h2-max: 48px;
+  --typography-h2-min: 28px;
+  --typography-h2-max-line-height: 48px;
+  --typography-h2-min-line-height: 32px;
   --typography-h2-font: var(--font-primary);
 
-  --typography-h3-min: 18px;
   --typography-h3-max: 32px;
-  --typography-h3-min-line-height: 32px;
-  --typography-h3-max-line-height: 40px;
+  --typography-h3-min: 18px;
+  --typography-h3-max-line-height: 32px;
+  --typography-h3-min-line-height: 24px;
   --typography-h3-font: var(--font-primary);
 
-  --typography-h4-min: 16px;
   --typography-h4-max: 24px;
-  --typography-h4-min-line-height: 24px;
-  --typography-h4-max-line-height: 30px;
+  --typography-h4-min: 16px;
+  --typography-h4-max-line-height: 24px;
+  --typography-h4-min-line-height: 18px;
   --typography-h4-font: var(--font-primary);
 
-  --typography-h5-min: 14px;
   --typography-h5-max: 18px;
-  --typography-h5-min-line-height: 18px;
-  --typography-h5-max-line-height: 26px;
+  --typography-h5-min: 14px;
+  --typography-h5-max-line-height: 18px;
+  --typography-h5-min-line-height: 16px;
   --typography-h5-font: var(--font-primary);
 
-  --typography-h6-min: 12px;
   --typography-h6-max: 16px;
-  --typography-h6-min-line-height: 16px;
-  --typography-h6-max-line-height: 24px;
+  --typography-h6-min: 12px;
+  --typography-h6-max-line-height: 16px;
+  --typography-h6-min-line-height: 14px;
   --typography-h6-font: var(--font-primary);
 
-  --typography-p-min: 14px;
   --typography-p-max: 16px;
-  --typography-p-min-line-height: 18px;
+  --typography-p-min: 14px;
   --typography-p-max-line-height: 20px;
+  --typography-p-min-line-height: 18px;
   --typography-p-font: var(--font-primary);
 
   --typography-text-xxl-min: 20px;
@@ -218,32 +223,32 @@
 
   --typography-text-l-min: 16px;
   --typography-text-l-max: 18px;
-  --typography-text-l-min-line-height: 18px;
-  --typography-text-l-max-line-height: 20px;
+  --typography-text-l-min-line-height: 20px;
+  --typography-text-l-max-line-height: 22px;
   --typography-text-l-font: var(--font-primary);
 
   --typography-text-m-min: 14px;
   --typography-text-m-max: 16px;
-  --typography-text-m-min-line-height: 16px;
-  --typography-text-m-max-line-height: 18px;
+  --typography-text-m-min-line-height: 18px;
+  --typography-text-m-max-line-height: 20px;
   --typography-text-m-font: var(--font-primary);
 
-  --typography-text-s-min: 12px;
+  --typography-text-s-min: 14px;
   --typography-text-s-max: 14px;
-  --typography-text-s-min-line-height: 12px;
-  --typography-text-s-max-line-height: 14px;
+  --typography-text-s-min-line-height: 16px;
+  --typography-text-s-max-line-height: 18px;
   --typography-text-s-font: var(--font-primary);
 
-  --typography-text-xs-min: 10px;
+  --typography-text-xs-min: 12px;
   --typography-text-xs-max: 12px;
-  --typography-text-xs-min-line-height: 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: 8px;
+  --typography-text-xxs-min: 10px;
   --typography-text-xxs-max: 10px;
-  --typography-text-xxs-min-line-height: 8px;
-  --typography-text-xxs-max-line-height: 10px;
+  --typography-text-xxs-min-line-height: 12px;
+  --typography-text-xxs-max-line-height: 12px;
   --typography-text-xxs-font: var(--font-primary);
 
   --typography-email-h1: 32px;
@@ -287,67 +292,83 @@
 
   --typography-email-text-xxs: 10px;
   --typography-email-text-xxs-line-height: 14px;
+}
+/* stylelint-disable at-rule-descriptor-no-unknown */
+/* stylelint-disable value-keyword-case */
+:root {
   --font-primary: 'Wix Madefor Display', sans-serif;
-  --font-email: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+  --font-email:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
     Cantarell, 'Helvetica Neue', sans-serif;
 }
-/* stylelint-disable custom-property-empty-line-before, value-keyword-case */
-/* stylelint-disable custom-property-empty-line-before, value-keyword-case */
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
   src:
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
       format('embedded-opentype'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2') format('woff2'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff') format('woff'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf') format('truetype');
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
+      format('truetype');
   font-weight: 700;
   font-style: normal;
   font-optical-sizing: auto;
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
   src:
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
       format('embedded-opentype'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2') format('woff2'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff') format('woff'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf') format('truetype');
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
+      format('truetype');
   font-weight: 600;
   font-style: normal;
   font-optical-sizing: auto;
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
   src:
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
       format('embedded-opentype'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2') format('woff2'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff') format('woff'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf') format('truetype');
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
+      format('truetype');
   font-weight: 500;
   font-style: normal;
   font-optical-sizing: auto;
 }
 @font-face {
   font-family: 'Wix Madefor Display';
-  src: url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
   src:
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
       format('embedded-opentype'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2') format('woff2'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff') format('woff'),
-    url('./../../fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf') format('truetype');
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
+      format('truetype');
   font-weight: 400;
   font-style: normal;
   font-optical-sizing: auto;
 }
 @media (--desktop) {
-  :root {
+  html:is(.am):root {
     --wrapper-margin: 40px;
+
     /* Warning first column 1fr by default */
     --grid-system-columns: 23;
     --grid-system-gutter: 12px;
@@ -355,8 +376,9 @@
   }
 }
 @media (--mobile) {
-  :root {
+  html:is(.am):root {
     --wrapper-margin: 12px;
+
     /* Warning first column 1fr by default */
     --grid-system-columns: 11;
     --grid-system-gutter: 12px;
@@ -364,12 +386,12 @@
   }
 }
 @media (--tablet) {
-  :root {
+  html:is(.am):root {
     --wrapper-margin: 24px;
+
     /* Warning first column 1fr by default */
     --grid-system-columns: 15;
     --grid-system-gutter: 12px;
     --grid-system-margin: 24px;
   }
-}
-
+}

package/dist/fonts/fonts.css

@@ -0,0 +1,77 @@
+/* stylelint-disable at-rule-descriptor-no-unknown */
+/* stylelint-disable value-keyword-case */
+
+:root {
+  --font-primary: 'Wix Madefor Display', sans-serif;
+  --font-email:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu,
+    Cantarell, 'Helvetica Neue', sans-serif;
+}
+
+@font-face {
+  font-family: 'Wix Madefor Display';
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot');
+  src:
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.eot?#iefix')
+      format('embedded-opentype'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Bold.ttf')
+      format('truetype');
+  font-weight: 700;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+
+@font-face {
+  font-family: 'Wix Madefor Display';
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot');
+  src:
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.eot?#iefix')
+      format('embedded-opentype'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-SemiBold.ttf')
+      format('truetype');
+  font-weight: 600;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+
+@font-face {
+  font-family: 'Wix Madefor Display';
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot');
+  src:
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.eot?#iefix')
+      format('embedded-opentype'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Medium.ttf')
+      format('truetype');
+  font-weight: 500;
+  font-style: normal;
+  font-optical-sizing: auto;
+}
+
+@font-face {
+  font-family: 'Wix Madefor Display';
+  src: url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot');
+  src:
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.eot?#iefix')
+      format('embedded-opentype'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff2')
+      format('woff2'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.woff')
+      format('woff'),
+    url('@itcase/tokens-am/dist/fonts/WixMadeforDisplay/WixMadeforDisplay-Regular.ttf')
+      format('truetype');
+  font-weight: 400;
+  font-style: normal;
+  font-optical-sizing: auto;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@itcase/tokens-am",
   "description": "",
-  "version": "1.0.27",
+  "version": "1.0.30",
   "keywords": [],
   "license": "MIT",
   "private": false,
@@ -25,5 +25,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "281851ad5bd75fa42a6d9bce1cbec59737acfe8b"
+  "gitHead": "3efa012e7219443262ce76c5ba5073308e9e92fe"
 }