@carefirst/library 2.0.13 → 2.0.15

package/lib/interfaces/spacer.interface.d.ts

@@ -1,3 +1,3 @@
-export declare const spacerNumberArray: readonly [4, 8, 12, 16, 24, 32, 38, 48, 72];
+export declare const spacerNumberArray: readonly [4, 8, 12, 16, 24, 32, 38, 48, 72, 96];
 export type SpacerNumberT = (typeof spacerNumberArray)[number];
 export type SpacerStringT = `${SpacerNumberT}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carefirst/library",
-  "version": "2.0.13",
+  "version": "2.0.15",
   "author": "Jacques Francois Coetzee",
   "private": false,
   "peerDependencies": {

package/public/styles/app.scss

@@ -53,7 +53,7 @@ cf-btn ion-button {
   width: 100%;
   max-width: 358px;
 
-  @media (min-width: $desktop-breakpoint) {
+  @media (min-width: $cf-screen-breakpoint) {
     max-width: 420px;
   }
 }

package/public/styles/font.scss

@@ -140,7 +140,7 @@ h4 {
 
 /*================== Desktop ==================*/
 
-@media (min-width: $desktop-breakpoint) {
+@media (min-width: $cf-screen-breakpoint) {
   h1 {
     font-size: 6.4rem;
   }
@@ -218,7 +218,7 @@ p.body-extra-extra-small {
 
 /*================== Desktop ==================*/
 
-@media (min-width: $desktop-breakpoint) {
+@media (min-width: $cf-screen-breakpoint) {
   p.body-large {
     font-size: 2.4rem;
     line-height: 3.2rem;

package/public/styles/index.scss

@@ -6,12 +6,11 @@
  * @author        Jacques Coetzee
  * @since         2023 - 09 - 04
  * @usage         @import "../node_modules/@carefirst/library/styles/index.scss";
+                  Add to angular.json - "stylePreprocessorOptions": {"includePaths": ["node_modules/@carefirst/library/public/styles/stylePreprocessorOptions"]}
  */
 
-//--- Screen size breakpoint
-$desktop-breakpoint: 768px; //--- Same as ionic md breakpoint
-
 //--- SCSS Imports
+@import './stylePreprocessorOptions/cf-breakpoint.scss';
 @import './app.scss';
 @import './colors.scss';
 @import './font.scss';

package/public/styles/stylePreprocessorOptions/cf-breakpoint.scss

@@ -0,0 +1,2 @@
+//--- Screen size breakpoint
+$cf-screen-breakpoint: 768px; //--- Same as ionic md breakpoint