@dative-gpi/foundation-shared-components 1.1.29 → 1.1.30-timerange2

package/components/FSSpan.vue

@@ -26,7 +26,7 @@ export default defineComponent({
       default: null
     },
     font: {
-      type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline">,
+      type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-body" | "text-button" | "text-overline" | "text-formula">,
       required: false,
       default: "text-body"
     },

package/components/FSText.vue

@@ -27,7 +27,7 @@ export default defineComponent({
       default: null
     },
     font: {
-      type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline">,
+      type: String as PropType<"text-h1" | "text-h2" | "text-h3" | "text-h4" | "text-body" | "text-button" | "text-overline" | "text-formula">,
       required: false,
       default: "text-body"
     },

package/composables/useBreakpoints.ts

@@ -53,6 +53,9 @@ export const useBreakpoints = () => {
         "--fs-font-overline-font-size"     : isMobileSized.value ? "10px" : "12px",
         "--fs-font-overline-line-height"   : isMobileSized.value ? "16px" : "16px",
         "--fs-font-overline-letter-spacing": isMobileSized.value ? "0" : "0",
+        "--fs-font-formula-font-size"      : isMobileSized.value ? "14px" : "16px",
+        "--fs-font-formula-line-height"    : isMobileSized.value ? "20px" : "24px",
+        "--fs-font-formula-letter-spacing" : "0",
         ...bodyStyle.value
     }));
 

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://github.com/Dative-GPI/foundation-shared-ui.git"
   },
   "sideEffects": false,
-  "version": "1.1.29",
+  "version": "1.1.30-timerange2",
   "description": "",
   "publishConfig": {
     "access": "public"
@@ -13,12 +13,13 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@dative-gpi/foundation-shared-domain": "1.1.29",
-    "@dative-gpi/foundation-shared-services": "1.1.29"
+    "@dative-gpi/foundation-shared-domain": "1.1.30-timerange2",
+    "@dative-gpi/foundation-shared-services": "1.1.30-timerange2"
   },
   "peerDependencies": {
     "@dative-gpi/bones-ui": "^1.0.0",
     "@fontsource/montserrat": "^5.0.16",
+    "@fontsource/roboto-mono": "^5.0.0",
     "@lexical/clipboard": "0.12.5",
     "@lexical/history": "0.12.5",
     "@lexical/link": "0.12.5",
@@ -38,5 +39,5 @@
     "sass": "1.71.1",
     "sass-loader": "13.3.2"
   },
-  "gitHead": "9818edd929a8928ce8176cd3eb6c480af6a0d084"
+  "gitHead": "edf64fc77d32073ba98757c8b00c33958c24e4c4"
 }

package/styles/globals/text_fonts.scss

@@ -1,6 +1,7 @@
 @import "@fontsource/montserrat/500.css";
 @import "@fontsource/montserrat/600.css";
 @import "@fontsource/montserrat/700.css";
+@import "@fontsource/roboto-mono/500.css";
 
 .text-h1 {
     font-family: 'Montserrat', sans-serif !important;
@@ -63,4 +64,15 @@
     font-size: var(--fs-font-overline-font-size) !important;
     line-height: var(--fs-font-overline-line-height) !important;
     letter-spacing: var(--fs-font-overline-letter-spacing) !important;
+}
+
+.text-formula {
+    font-family: 'Roboto Mono', monospace !important;
+    font-style: medium !important;
+    font-weight: 500 !important;
+    text-transform: none !important;
+
+    font-size: var(--fs-font-formula-font-size) !important;
+    line-height: var(--fs-font-formula-line-height) !important;
+    letter-spacing: var(--fs-font-formula-letter-spacing) !important;
 }

package/tools/timeRangeTools.ts

@@ -100,7 +100,7 @@ export interface DateTimeRange {
   endDay: Days;
   endHour: number;
   endMinute: number;
-  variant: DateType;
+  variant?: DateType;
 }
 
 export const dayLabel = (day: Days | number): string => {