@interlay/theme - npm Package Compare versions

Comparing version 1.0.0-next.2 to 1.0.0-next.3

dist/index.d.ts

@@ -68,3 +68,3 @@ import { StyledObject } from 'styled-components/dist/types';
 
-type BreakPoints$1 = 'xs' | 's' | 'md' | 'lg' | 'xl';
+type BreakPoints$1 = 'base' | 's' | 'md' | 'lg' | 'xl';
 type ResponsiveProp<T extends number | string | boolean> = T | Partial<{
@@ -341,5 +341,5 @@ [K in BreakPoints$1]: T;
     fontWeight: (key: "normal" | "medium" | "semibold" | "bold") => number;
-    lineHeight: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl", unit?: "rem" | "px", base?: number) => string;
-    rounded: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "xxs" | "3xl" | "4xl" | "full") => string;
-    spacing: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "xxs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl", unit?: "rem" | "px", base?: number) => string;
+    lineHeight: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl", unit?: "rem" | "px", base?: number) => string;
+    rounded: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xxs" | "xs" | "3xl" | "4xl" | "full") => string;
+    spacing: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xxs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl", unit?: "rem" | "px", base?: number) => string;
     typography: (key: Typography) => styled_components.StyledObject<object>;
@@ -357,3 +357,3 @@ transition: (property: "common" | "colors" | "dimensions" | "position" | "background", duration: "normal" | "ultraFast" | "faster" | "fast" | "slow" | "slower" | "ultraSlow", timingFunction?: "easeIn" | "easeOut" | "easeInOut" | undefined) => {
         media: {
-            xs: (...args: any[]) => styled_components.RuleSet<object>;
+            base: (...args: any[]) => styled_components.RuleSet<object>;
             s: (...args: any[]) => styled_components.RuleSet<object>;
@@ -409,5 +409,5 @@ md: (...args: any[]) => styled_components.RuleSet<object>;
     fontWeight: (key: "normal" | "medium" | "semibold" | "bold") => number;
-    lineHeight: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl", unit?: "rem" | "px", base?: number) => string;
-    rounded: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "xxs" | "3xl" | "4xl" | "full") => string;
-    spacing: (key: "s" | "md" | "lg" | "xl" | "2xl" | "xs" | "none" | "xxs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl", unit?: "rem" | "px", base?: number) => string;
+    lineHeight: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl", unit?: "rem" | "px", base?: number) => string;
+    rounded: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xxs" | "xs" | "3xl" | "4xl" | "full") => string;
+    spacing: (key: "s" | "md" | "lg" | "xl" | "2xl" | "none" | "xxs" | "xs" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | "11xl", unit?: "rem" | "px", base?: number) => string;
     typography: (key: Typography) => styled_components.StyledObject<object>;
@@ -425,3 +425,3 @@ transition: (property: "common" | "colors" | "dimensions" | "position" | "background", duration: "normal" | "ultraFast" | "faster" | "fast" | "slow" | "slower" | "ultraSlow", timingFunction?: "easeIn" | "easeOut" | "easeInOut" | undefined) => {
         media: {
-            xs: (...args: any[]) => styled_components.RuleSet<object>;
+            base: (...args: any[]) => styled_components.RuleSet<object>;
             s: (...args: any[]) => styled_components.RuleSet<object>;
@@ -428,0 +428,0 @@ md: (...args: any[]) => styled_components.RuleSet<object>;

dist/index.js

@@ -107,3 +107,3 @@ "use client";
 var values = {
-  xs: 0,
+  base: 0,
   // phone
@@ -124,4 +124,4 @@ s: 600,
   media: {
-    xs: (...args) => import_styled_components.css`
-      @media (min-width: ${values.xs}px) {
+    base: (...args) => import_styled_components.css`
+      @media (min-width: ${values.base}px) {
         ${(0, import_styled_components.css)(...args)};
@@ -128,0 +128,0 @@ }

package.json

 {
   "name": "@interlay/theme",
-  "version": "1.0.0-next.2",
+  "version": "1.0.0-next.3",
   "description": "The default theme for Interlay UI components",
@@ -5,0 +5,0 @@ "homepage": "https://github.com/interlay/ui#readme",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

162585

increased by0.01%

No dependency changes