@heliux-org/ui-style 1.0.43 → 1.0.45

package/src/config/tokens/core/_core-typography.scss

@@ -2,37 +2,37 @@
 // This partial Defines Global Typography tokens
 
 // Font family
-$font-family-english-heading: "Inter";
+$font-family-english-heading: "Alliance Neue";
 $font-family-english-text: "Inter";
-$font-family-other-languages: "Noto Sans Hebrew", "Noto Kufi Arabic", "Noto Sans JP", sans-serif;
+$font-family-other-languages: "Inter", "Noto Sans Hebrew", "Noto Kufi Arabic", "Noto Sans JP", sans-serif;
 $text-font-family: $font-family-english-text, $font-family-other-languages;
 $title-font-family: $font-family-english-heading, $font-family-other-languages;
 
 // Font definition shorthands per semantics atom definitions
-$font-h1-bold: 800 52px / 60px var(--title-font-family);
-$font-h1-normal: 500 52px / 60px var(--title-font-family);
-$font-h1-light: 300 52px / 60px var(--title-font-family);
+$font-h1-bold: 900 52px / 60px var(--title-font-family);
+$font-h1-normal: 800 52px / 60px var(--title-font-family);
+$font-h1-light: 700 52px / 60px var(--title-font-family);
 $font-h2-bold: 800 44px / 64px var(--title-font-family);
-$font-h2-normal: 500 44px / 64px var(--title-font-family);
+$font-h2-normal: 900 44px / 64px var(--title-font-family);
 $font-h2-light: 300 44px / 64px var(--title-font-family);
 $font-h3-bold: 800 32px / 44px var(--title-font-family);
-$font-h3-normal: 500 32px / 44px var(--title-font-family);
+$font-h3-normal: 900 32px / 44px var(--title-font-family);
 $font-h3-light: 300 32px / 44px var(--title-font-family);
-$font-h4-bold: 800 22px / 34px var(--title-font-family);
+$font-h4-bold: 900 22px / 34px var(--title-font-family);
 $font-h4-normal: 500 22px / 34px var(--title-font-family);
 $font-h4-light: 300 22px / 34px var(--title-font-family);
-$font-h5-bold: 700 18px / 24px var(--title-font-family);
+$font-h5-bold: 900 18px / 24px var(--title-font-family);
 $font-h5-normal: 500 18px / 24px var(--title-font-family);
 $font-h5-light: 300 18px / 24px var(--title-font-family);
-$font-h6-bold: 700 14px / 18px var(--title-font-family);
+$font-h6-bold: 900 14px / 18px var(--title-font-family);
 $font-h6-normal: 500 14px / 18px var(--title-font-family);
 $font-h6-light: 300 14px / 18px var(--title-font-family);
-$font-text1-bold: 700 14px / 24px var(--font-family);
-$font-text1-medium: 600 14px / 24px var(--font-family);
-$font-text1-normal: 400 14px / 24px var(--font-family);
-$font-text2-bold: 700 12px / 18px var(--font-family);
-$font-text2-medium: 600 12px / 18px var(--font-family);
-$font-text2-normal: 400 12px / 18px var(--font-family);
+$font-text1-bold: 600 14px / 24px var(--font-family);
+$font-text1-medium: 500 14px / 24px var(--font-family);
+$font-text1-normal: 500 14px / 24px var(--font-family);
+$font-text2-bold: 500 12px / 18px var(--font-family);
+$font-text2-medium: 500 12px / 18px var(--font-family);
+$font-text2-normal: 500 12px / 18px var(--font-family);
 
 // Letter spacing definition per semantics atom definitions
 $letter-spacing-h1-bold: -0.5px;

package/src/config/tokens/themes/hacker/keys/_hacker-theme-keys.scss

@@ -7,7 +7,6 @@
 //     - We add some annotation to their scope when found.
 // - When several key has the same value and have a connection
 // - We either use $theme-hacker token or var(--token) depending on connection logic and value type.
-
 @use "sass:color";
 
 // SHADOWS

package/src/fonts/fonts.scss

@@ -0,0 +1,270 @@
+@font-face {
+    font-family: 'Alliance Mono';
+    src: url('Alliance-Mono.woff2') format('woff2'),
+        url('Alliance-Mono.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueBlack.woff2') format('woff2'),
+        url('Alliance-NeueBlack.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueBlackItalic.woff2') format('woff2'),
+        url('Alliance-NeueBlackItalic.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueMedium.woff2') format('woff2'),
+        url('Alliance-NeueMedium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueRegularItalic.woff2') format('woff2'),
+        url('Alliance-NeueRegularItalic.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueRegular.woff2') format('woff2'),
+        url('Alliance-NeueRegular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueBold.woff2') format('woff2'),
+        url('Alliance-NeueBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueMediumItalic.woff2') format('woff2'),
+        url('Alliance-NeueMediumItalic.woff') format('woff');
+    font-weight: 500;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueLight.woff2') format('woff2'),
+        url('Alliance-NeueLight.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueLightItalic.woff2') format('woff2'),
+        url('Alliance-NeueLightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueExtraBold.woff2') format('woff2'),
+        url('Alliance-NeueExtraBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueBoldItalic.woff2') format('woff2'),
+        url('Alliance-NeueBoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue ExtraBold talic';
+    src: url('Alliance-NeueExtraBoldtalic.woff2') format('woff2'),
+        url('Alliance-NeueExtraBoldtalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueSemiBold.woff2') format('woff2'),
+        url('Alliance-NeueSemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattMedium.woff2') format('woff2'),
+        url('Alliance-PlattMedium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattRegular.woff2') format('woff2'),
+        url('Alliance-PlattRegular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattSemiBold.woff2') format('woff2'),
+        url('Alliance-PlattSemiBold.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattExtraBold.woff2') format('woff2'),
+        url('Alliance-PlattExtraBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattBold.woff2') format('woff2'),
+        url('Alliance-PlattBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Neue';
+    src: url('Alliance-NeueSemiBoldItalic.woff2') format('woff2'),
+        url('Alliance-NeueSemiBoldItalic.woff') format('woff');
+    font-weight: 600;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextBlack.woff2') format('woff2'),
+        url('Alliance-TextBlack.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattBlack.woff2') format('woff2'),
+        url('Alliance-PlattBlack.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Platt';
+    src: url('Alliance-PlattLight.woff2') format('woff2'),
+        url('Alliance-PlattLight.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextBoldItalic.woff2') format('woff2'),
+        url('Alliance-TextBoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextBlackItalic.woff2') format('woff2'),
+        url('Alliance-TextBlackItalic.woff') format('woff');
+    font-weight: 900;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextLight.woff2') format('woff2'),
+        url('Alliance-TextLight.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextBold.woff2') format('woff2'),
+        url('Alliance-TextBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextLightItalic.woff2') format('woff2'),
+        url('Alliance-TextLightItalic.woff') format('woff');
+    font-weight: 300;
+    font-style: italic;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextExtraBold.woff2') format('woff2'),
+        url('Alliance-TextExtraBold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: 'Alliance Text';
+    src: url('Alliance-TextExtraBoldItalic.woff2') format('woff2'),
+        url('Alliance-TextExtraBoldItalic.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+    font-display: swap;
+}
+