@linzjs/lui 21.44.5-1 → 21.45.0

package/dist/scss/Elements/Forms/FormComponents/RadiosCheckboxes.scss

@@ -1,9 +1,9 @@
-@use '../../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../../Foundation/Variables/FormVars.scss' as forms;
-@use '../../../Foundation/Utilities/' as *;
+@use "../../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../../Foundation/Variables/FormVars.scss" as forms;
+@use "../../../Foundation/Utilities/" as *;
 
 // All this is now legacy, deprecated styling.
 // In order to access these styles, use a wrapping div with the class LuiDeprecatedForms as close to the desired form/elements as possible
@@ -36,6 +36,7 @@
     }
 
     label {
+      @include fonts.font-light();
       font-size: fonts.$base-font-size;
     }
   }

package/dist/scss/Elements/Tables/tables.scss

@@ -1,9 +1,9 @@
-@use 'sass:math';
+@use "sass:math";
 
-@use '../../Foundation/Variables/MiscVars.scss' as misc;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
+@use "../../Foundation/Variables/MiscVars.scss" as misc;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
 
 $icon-col-width: math.div(24, 16) * 1rem; // 24px
 
@@ -96,6 +96,7 @@ table {
 
 .lui-table-column-headers {
   th {
+    @include fonts.font-regular;
   }
 }
 

package/dist/scss/Elements/Tooltips/tippy.scss

@@ -1,7 +1,7 @@
 @use '../../../scss/Core' as lui;
-@use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/FontVars.scss' as fonts;
-@use '../../Foundation/Utilities' as *;
+@use "../../Foundation/Variables/ColorVars.scss" as colors;
+@use "../../Foundation/Variables/FontVars.scss" as fonts;
+@use "../../Foundation/Utilities" as *;
 
 .tippy-box {
   @include drop-shadow(sm);

package/dist/scss/Foundation/Utilities/Placeholder.scss

@@ -3,12 +3,12 @@
 // .Input {
 //   input {
 //     // long way
-//   @include placeholder {
+//     @include placeholder {
 //       color: transparent;
 //       // whatever else you want here
 //     }
 //     // Shorthand for just colour
-//   @include placeholder(transparent);
+//     @include placeholder(transparent);
 //   }
 // }
 

package/dist/scss/Global/GenericElements/Link.scss

@@ -8,6 +8,7 @@
 
 a {
   color: colors.$txt-link;
+  @include fonts.font-regular;
   display: inline-block; // By setting them in inline block they stay together and fixes an issue with REACT adding display block and the borders dropping off.
   position: relative;
   transition: all 0.3s ease(expo-in-out);

package/dist/scss/Global/GenericElements/Typography.scss

@@ -1,7 +1,7 @@
 @use '../../Foundation/Variables/FontVars.scss' as fonts;
 @use '../../Foundation/Variables/ColorVars.scss' as colors;
-@use '../../Foundation/Variables/SpacingVars.scss' as spacing;
-@use '../../Foundation/Variables/BreakpointVars.scss' as *;
+@use "../../Foundation/Variables/SpacingVars.scss" as spacing;
+@use "../../Foundation/Variables/BreakpointVars.scss" as *;
 @use '../../Foundation/Utilities/' as *;
 
 ////////////////////////////////////////
@@ -15,6 +15,7 @@
 ////////////////////////////////////////////
 
 html {
+  @include fonts.font-light();
   font-size: fonts.$base-font-size;
   line-height: fonts.$base-line-height;
   color: colors.$base-type-color;
@@ -113,6 +114,7 @@ h6,
 
 h1,
 .h1 {
+  @include fonts.font-light();
   font-size: toRem(44px);
 
   & + p {
@@ -122,6 +124,7 @@ h1,
 
 h2,
 .h2 {
+  @include fonts.font-light();
   font-size: toRem(32px);
   margin-top: spacing.$unit-xl; // 96px
 
@@ -132,6 +135,7 @@ h2,
 
 h3,
 .h3 {
+  @include fonts.font-regular();
   font-size: toRem(26px);
   margin-top: spacing.$unit-lg; // 64px
 
@@ -142,6 +146,7 @@ h3,
 
 h4,
 .h4 {
+  @include fonts.font-regular();
   font-size: toRem(22px);
   margin-top: spacing.$unit-lg; // 64px
 
@@ -168,11 +173,13 @@ h6,
 
 p,
 .p {
+  @include fonts.font-light();
   font-size: toRem(16px);
   margin-top: spacing.$unit-lg; //64px
 }
 
 p.lui-small {
+  @include fonts.font-light();
   font-size: toRem(13px);
   line-height: toRem(20px);
   margin-top: spacing.$unit-lg; //64px
@@ -187,6 +194,7 @@ p.lui-small {
 .LuiBeta-fonts220222 {
   h1,
   .h1 {
+    @include fonts.font-light();
     @include fluidType--size(34px, 44px, $breakpoint-sm, $breakpoint-xl);
     @include fluidType--lineHeight(44px, 52px, $breakpoint-sm, $breakpoint-xl);
 
@@ -197,6 +205,7 @@ p.lui-small {
 
   h2,
   .h2 {
+    @include fonts.font-light();
     @include fluidType--size(28px, 32px, $breakpoint-sm, $breakpoint-xl);
     @include fluidType--lineHeight(36px, 40px, $breakpoint-sm, $breakpoint-xl);
     margin-top: spacing.$unit-xl; // 96px
@@ -208,6 +217,7 @@ p.lui-small {
 
   h3,
   .h3 {
+    @include fonts.font-regular();
     @include fluidType--size(24px, 24px, $breakpoint-sm, $breakpoint-xl);
     @include fluidType--lineHeight(32px, 32px, $breakpoint-sm, $breakpoint-xl);
     letter-spacing: 0.2px;
@@ -220,6 +230,7 @@ p.lui-small {
 
   h4,
   .h4 {
+    @include fonts.font-regular();
     @include fluidType--size(20px, 20px, $breakpoint-sm, $breakpoint-xl);
     @include fluidType--lineHeight(24px, 24px, $breakpoint-sm, $breakpoint-xl);
     letter-spacing: 0.2px;
@@ -251,11 +262,13 @@ p.lui-small {
 
   p,
   .p {
+    @include fonts.font-light();
     font-size: toRem(16px);
     margin-top: spacing.$unit-lg; //64px
   }
 
   p.lui-small {
+    @include fonts.font-light();
     font-size: toRem(13px);
     line-height: toRem(20px);
     margin-top: spacing.$unit-lg; //64px

package/dist/scss/Global/helpers.scss

@@ -164,27 +164,27 @@ $lui-width-xl: 620px;
 //   @include lui-row-divider;
 //   &-xs {
 //     @media only screen and (max-width: $screen-xs) {
-//     @include lui-row-divider;
+//       @include lui-row-divider;
 //     }
 //   }
 //   &-sm {
 //     @media only screen and (min-width: $screen-xs) and (max-width: $screen-sm) {
-//     @include lui-row-divider;
+//       @include lui-row-divider;
 //     }
 //   }
 //   &-md {
 //     @media only screen and (min-width: $screen-sm) and (max-width: $screen-md) {
-//     @include lui-row-divider;
+//       @include lui-row-divider;
 //     }
 //   }
 //   &-lg {
 //     @media only screen and (min-width: $screen-md) and (max-width: $screen-lg) {
-//     @include lui-row-divider;
+//       @include lui-row-divider;
 //     }
 //   }
 //   &-xl {
 //     @media only screen and (min-width: $screen-lg) and (max-width: $screen-xl) {
-//     @include lui-row-divider;
+//       @include lui-row-divider;
 //     }
 //   }
 // }

package/dist/scss/Vendor/print.scss

@@ -1,5 +1,5 @@
-@use '../Foundation/Variables/ColorVars.scss' as colors;
-@use '../Foundation/Variables/FontVars.scss' as fonts;
+@use "../Foundation/Variables/ColorVars.scss" as colors;
+@use "../Foundation/Variables/FontVars.scss" as fonts;
 
 @media only screen {
   // Ensure the lui print only is hidden on the screen

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "21.44.5-1",
+  "version": "21.45.0",
   "license": "MIT",
   "repository": {
     "type": "git",