@avenirs-esr/avenirs-dsav 0.1.39 → 0.1.40

package/dist/utils/string/string.d.ts

@@ -19,3 +19,9 @@
  * @returns {string} A string of HTML with appropriate tags for styling and structure.
  */
 export declare function formatTextToHtml(text: string, color?: string): string;
+/**
+ *
+ * @param text the text to format to sentence case
+ * @returns the text formatted to sentence case
+ */
+export declare function toSentenceCase(text: string): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "main": "dist/avenirs-dsav.umd.js",
   "module": "dist/avenirs-dsav.es.js",
   "types": "dist/index.d.ts",

package/src/styles/breakpoints.scss

@@ -0,0 +1,32 @@
+@use "sass:map";
+
+$breakpoints: (
+  "sm": 36rem,  /* 576px */
+  "md": 48rem,  /* 768px */
+  "lg": 64rem,  /* 1024px */
+  "xl": 90rem   /* 1440px */
+);
+
+@mixin respond-to($breakpoint) {
+  $size: map.get($breakpoints, $breakpoint);
+
+  @if $size {
+    @media (min-width: $size) {
+      @content;
+    }
+  } @else {
+    @warn "Breakpoint `#{$breakpoint}` not found in \$breakpoints map.";
+  }
+}
+
+@mixin respond-below($breakpoint) {
+  $size: map.get($breakpoints, $breakpoint);
+
+  @if $size {
+    @media (max-width: ($size - 1)) {
+      @content;
+    }
+  } @else {
+    @warn "Breakpoint `#{$breakpoint}` not found in \$breakpoints map.";
+  }
+}

package/src/styles/main.scss

@@ -6,6 +6,7 @@
 @use './spacing.scss' as *;
 @use './radius.scss' as *;
 @use './dimensions.scss' as *;
+@use './breakpoints.scss' as *;
 
 html,
 body,