asma-types 2.5.0 → 2.6.0

package/lib/interfaces/breakpoints.d.ts

@@ -19,23 +19,13 @@
  *
  * @see asma-ui-core/src/styles/_breakpoints.scss
  */
-/**
- * Numeric breakpoint values.
- *
- * @property mobileMax - Maximum width for mobile view.
- * @property tabletMin - Minimum width for tablet view.
- * @property tabletMax - Maximum width for tablet view.
- * @property tabletDesktopMin - Minimum width for tablet-desktop view.
- * @property tabletDesktopMax - Maximum width for tablet-desktop view.
- * @property desktopMin - Minimum width for desktop view.
- */
 export declare const breakpoints: {
-    readonly mobileMax: 743;
-    readonly tabletMin: 744;
-    readonly tabletMax: 1023;
-    readonly tabletDesktopMin: 1024;
-    readonly tabletDesktopMax: 1279;
-    readonly desktopMin: 1280;
+    readonly tablet: 744;
+    readonly tabletDesktop: 1024;
+    readonly desktop: 1280;
+    readonly mobileMax: number;
+    readonly tabletMax: number;
+    readonly tabletDesktopMax: number;
 };
 /**
  * Tailwind `screens` configuration.
@@ -48,13 +38,13 @@ export declare const twScreens: {
     readonly 'tablet-desktop': "1024px";
     readonly desktop: "1280px";
     readonly 'max-mobile': {
-        readonly max: "743px";
+        readonly max: `${number}px`;
     };
     readonly 'max-tablet': {
-        readonly max: "1023px";
+        readonly max: `${number}px`;
     };
     readonly 'max-tablet-desktop': {
-        readonly max: "1279px";
+        readonly max: `${number}px`;
     };
 };
 /**
@@ -64,9 +54,9 @@ export declare const twScreens: {
  * Passed directly into `useMediaQuery()` implementations.
  */
 export declare const mediaQueries: {
-    readonly mobile: "(max-width: 743px)";
-    readonly tablet: "(min-width: 744px) and (max-width: 1023px)";
-    readonly tabletDesktop: "(min-width: 1024px) and (max-width: 1279px)";
+    readonly mobile: `(max-width: ${number}px)`;
+    readonly tablet: `(min-width: 744px) and (max-width: ${number}px)`;
+    readonly tabletDesktop: `(min-width: 1024px) and (max-width: ${number}px)`;
     readonly desktop: "(min-width: 1280px)";
 };
 //# sourceMappingURL=breakpoints.d.ts.map

package/lib/interfaces/breakpoints.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASZ,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}
+{"version":3,"file":"breakpoints.d.ts","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAgBH,eAAO,MAAM,WAAW;;;;;;;CAOd,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,SAAS;;;;;;;;;;;;;CASZ,CAAA;AAEV;;;;;GAKG;AACH,eAAO,MAAM,YAAY;;;;;CAKf,CAAA"}

package/lib/interfaces/breakpoints.js

@@ -22,20 +22,23 @@
 /**
  * Numeric breakpoint values.
  *
+ * @property tablet - Minimum width for tablet view.
+ * @property tabletDesktop - Minimum width for tablet-desktop view.
+ * @property desktop - Minimum width for desktop view.
  * @property mobileMax - Maximum width for mobile view.
- * @property tabletMin - Minimum width for tablet view.
  * @property tabletMax - Maximum width for tablet view.
- * @property tabletDesktopMin - Minimum width for tablet-desktop view.
  * @property tabletDesktopMax - Maximum width for tablet-desktop view.
- * @property desktopMin - Minimum width for desktop view.
  */
+const tablet = 744;
+const tabletDesktop = 1024;
+const desktop = 1280;
 export const breakpoints = {
-    mobileMax: 743,
-    tabletMin: 744,
-    tabletMax: 1023,
-    tabletDesktopMin: 1024,
-    tabletDesktopMax: 1279,
-    desktopMin: 1280,
+    tablet,
+    tabletDesktop,
+    desktop,
+    mobileMax: tablet - 1,
+    tabletMax: tabletDesktop - 1,
+    tabletDesktopMax: desktop - 1,
 };
 /**
  * Tailwind `screens` configuration.
@@ -45,9 +48,9 @@ export const breakpoints = {
  */
 export const twScreens = {
     // min-width (mobile-first)
-    tablet: `${breakpoints.tabletMin}px`,
-    'tablet-desktop': `${breakpoints.tabletDesktopMin}px`,
-    desktop: `${breakpoints.desktopMin}px`,
+    tablet: `${breakpoints.tablet}px`,
+    'tablet-desktop': `${breakpoints.tabletDesktop}px`,
+    desktop: `${breakpoints.desktop}px`,
     // max-width (targeting mobile / compact)
     'max-mobile': { max: `${breakpoints.mobileMax}px` },
     'max-tablet': { max: `${breakpoints.tabletMax}px` },
@@ -61,8 +64,8 @@ export const twScreens = {
  */
 export const mediaQueries = {
     mobile: `(max-width: ${breakpoints.mobileMax}px)`,
-    tablet: `(min-width: ${breakpoints.tabletMin}px) and (max-width: ${breakpoints.tabletMax}px)`,
-    tabletDesktop: `(min-width: ${breakpoints.tabletDesktopMin}px) and (max-width: ${breakpoints.tabletDesktopMax}px)`,
-    desktop: `(min-width: ${breakpoints.desktopMin}px)`,
+    tablet: `(min-width: ${breakpoints.tablet}px) and (max-width: ${breakpoints.tabletMax}px)`,
+    tabletDesktop: `(min-width: ${breakpoints.tabletDesktop}px) and (max-width: ${breakpoints.tabletDesktopMax}px)`,
+    desktop: `(min-width: ${breakpoints.desktop}px)`,
 };
 //# sourceMappingURL=breakpoints.js.map

package/lib/interfaces/breakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,GAAG;IACd,SAAS,EAAE,IAAI;IACf,gBAAgB,EAAE,IAAI;IACtB,gBAAgB,EAAE,IAAI;IACtB,UAAU,EAAE,IAAI;CACV,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,2BAA2B;IAC3B,MAAM,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI;IACpC,gBAAgB,EAAE,GAAG,WAAW,CAAC,gBAAgB,IAAI;IACrD,OAAO,EAAE,GAAG,WAAW,CAAC,UAAU,IAAI;IACtC,yCAAyC;IACzC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,oBAAoB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,gBAAgB,IAAI,EAAE;CAC5D,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,eAAe,WAAW,CAAC,SAAS,KAAK;IACjD,MAAM,EAAE,eAAe,WAAW,CAAC,SAAS,uBAAuB,WAAW,CAAC,SAAS,KAAK;IAC7F,aAAa,EAAE,eAAe,WAAW,CAAC,gBAAgB,uBAAuB,WAAW,CAAC,gBAAgB,KAAK;IAClH,OAAO,EAAE,eAAe,WAAW,CAAC,UAAU,KAAK;CAC7C,CAAA"}
+{"version":3,"file":"breakpoints.js","sourceRoot":"","sources":["../../src/interfaces/breakpoints.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH;;;;;;;;;GASG;AACH,MAAM,MAAM,GAAG,GAAG,CAAA;AAClB,MAAM,aAAa,GAAG,IAAI,CAAA;AAC1B,MAAM,OAAO,GAAG,IAAI,CAAA;AAEpB,MAAM,CAAC,MAAM,WAAW,GAAG;IACvB,MAAM;IACN,aAAa;IACb,OAAO;IACP,SAAS,EAAE,MAAM,GAAG,CAAC;IACrB,SAAS,EAAE,aAAa,GAAG,CAAC;IAC5B,gBAAgB,EAAE,OAAO,GAAG,CAAC;CACvB,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACrB,2BAA2B;IAC3B,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,IAAI;IACjC,gBAAgB,EAAE,GAAG,WAAW,CAAC,aAAa,IAAI;IAClD,OAAO,EAAE,GAAG,WAAW,CAAC,OAAO,IAAI;IACnC,yCAAyC;IACzC,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,YAAY,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,SAAS,IAAI,EAAE;IACnD,oBAAoB,EAAE,EAAE,GAAG,EAAE,GAAG,WAAW,CAAC,gBAAgB,IAAI,EAAE;CAC5D,CAAA;AAEV;;;;;GAKG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,MAAM,EAAE,eAAe,WAAW,CAAC,SAAS,KAAK;IACjD,MAAM,EAAE,eAAe,WAAW,CAAC,MAAM,uBAAuB,WAAW,CAAC,SAAS,KAAK;IAC1F,aAAa,EAAE,eAAe,WAAW,CAAC,aAAa,uBAAuB,WAAW,CAAC,gBAAgB,KAAK;IAC/G,OAAO,EAAE,eAAe,WAAW,CAAC,OAAO,KAAK;CAC1C,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "asma-types",
-    "version": "2.5.0",
+    "version": "2.6.0",
     "description": "shared ts asma types",
     "main": "lib/index.js",
     "files": [