@interlay/theme - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/index.d.ts

@@ -201,2 +201,3 @@ type BreakPoints = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
             lineHeight: string;
+            height: string;
         };
@@ -207,2 +208,3 @@ small: {
             lineHeight: string;
+            height: string;
         };
@@ -213,2 +215,3 @@ medium: {
             lineHeight: string;
+            height: string;
         };
@@ -219,2 +222,3 @@ large: {
             lineHeight: string;
+            height: string;
         };
@@ -343,24 +347,26 @@ };
     spinner: {
-        determinate: {
+        primary: {
             color: string;
             bg: string;
         };
-        indeterminate: {
-            primary: {
-                color: string;
-                bg: string;
-            };
-            secondary: {
-                color: string;
-                bg: string;
-            };
-            outlined: {
-                color: string;
-                bg: string;
-            };
-            text: {
-                color: string;
-                bg: string;
-            };
+        secondary: {
+            color: string;
+            bg: string;
         };
+        outlined: {
+            color: string;
+            bg: string;
+        };
+        text: {
+            color: string;
+            bg: string;
+        };
+        sizes: {
+            xs: string;
+            s: string;
+            md: string;
+            lg: string;
+            xl: string;
+            xl2: string;
+        };
     };
@@ -679,2 +685,2 @@ progress: {
 
-export { AlignItems, AlignSelf, BorderRadius, BreakPoints, CTASizes, CTAVariants, CardVariants, Colors, ComponentLibraryTheme, Direction, DividerVariants, FontSize, FontWeight, IconSize, JustifyContent, LabelPosition, ListVariants, MarginProps, MeterVariants, NormalAlignments, Orientation, Overflow, Placement, ProgressBarColors, ResponsiveProp, Sizes, Spacing, Status, Variants, Wrap, alignItems, alignSelf, breakpoints, colors, ctaVariant, direction, justifyContent, normalAlignments, resolveColor, resolveHeight, sizes, status, base as theme, tuple, variant, wrap };
+export { type AlignItems, type AlignSelf, type BorderRadius, type BreakPoints, type CTASizes, type CTAVariants, type CardVariants, type Colors, type ComponentLibraryTheme, type Direction, type DividerVariants, type FontSize, type FontWeight, type IconSize, type JustifyContent, type LabelPosition, type ListVariants, type MarginProps, type MeterVariants, type NormalAlignments, type Orientation, type Overflow, type Placement, type ProgressBarColors, type ResponsiveProp, type Sizes, type Spacing, type Status, type Variants, type Wrap, alignItems, alignSelf, breakpoints, colors, ctaVariant, direction, justifyContent, normalAlignments, resolveColor, resolveHeight, sizes, status, base as theme, tuple, variant, wrap };

dist/index.js

@@ -240,3 +240,4 @@ "use client";
       // TODO: revist on redesign
-      lineHeight: "1"
+      lineHeight: "1",
+      height: "var(--spacing-5)"
     },
@@ -246,13 +247,16 @@ small: {
       text: "var(--text-xs)",
-      lineHeight: "var(--line-height-s)"
+      lineHeight: "var(--line-height-s)",
+      height: "var(--spacing-8)"
     },
     medium: {
-      padding: "var(--spacing-3) var(--spacing-10)",
+      padding: "var(--spacing-6)",
       text: "var(--text-base)",
-      lineHeight: "var(--line-height-base)"
+      lineHeight: "var(--line-height-base)",
+      height: "var(--spacing-12)"
     },
     large: {
-      padding: "var(--spacing-4) var(--spacing-12)",
+      padding: "var(--spacing-8)",
       text: "var(--text-lg)",
-      lineHeight: "var(--line-height-lg)"
+      lineHeight: "var(--line-height-lg)",
+      height: "var(--spacing-14)"
     }
@@ -384,23 +388,25 @@ },
   spinner: {
-    determinate: {
-      color: "var(--colors-cta-primary)",
-      bg: "var(--colors-cta-secondary)"
+    primary: {
+      color: "var(--colors-indeterminate-primary-color)",
+      bg: "var(--colors-indeterminate-primary-bg)"
     },
-    indeterminate: {
-      primary: {
-        color: "var(--colors-indeterminate-primary-color)",
-        bg: "var(--colors-indeterminate-primary-bg)"
-      },
-      secondary: {
-        color: "var(--colors-indeterminate-secondary-color)",
-        bg: "var(--colors-indeterminate-secondary-bg)"
-      },
-      outlined: {
-        color: "var(--colors-indeterminate-outlined-color)",
-        bg: "var(--colors-indeterminate-outlined-bg)"
-      },
-      text: {
-        color: "var(--colors-indeterminate-outlined-color)",
-        bg: "var(--colors-indeterminate-outlined-bg)"
-      }
+    secondary: {
+      color: "var(--colors-indeterminate-secondary-color)",
+      bg: "var(--colors-indeterminate-secondary-bg)"
+    },
+    outlined: {
+      color: "var(--colors-indeterminate-outlined-color)",
+      bg: "var(--colors-indeterminate-outlined-bg)"
+    },
+    text: {
+      color: "var(--colors-indeterminate-outlined-color)",
+      bg: "var(--colors-indeterminate-outlined-bg)"
+    },
+    sizes: {
+      xs: "var(--spacing-4)",
+      s: "var(--spacing-6)",
+      md: "var(--spacing-8)",
+      lg: "var(--spacing-10)",
+      xl: "var(--spacing-12)",
+      xl2: "var(--spacing-14)"
     }
@@ -407,0 +413,0 @@ },

package.json

 {
   "name": "@interlay/theme",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "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

91202

increased by0.85%

Lines of code

2546

increased by0.71%

No dependency changes