@interlay/theme - npm Package Compare versions

Comparing version 1.0.0-next.6 to 1.0.0-next.7

dist/index.d.ts

@@ -187,3 +187,3 @@ import { StyledObject } from 'styled-components/dist/types';
 
-type IconsSizes = 'xs' | 's' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
+type IconsSizes = 'xxs' | 'xs' | 's' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';
 
@@ -247,3 +247,27 @@ type MaxWidth = 'xs' | 's' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl';
 
-type RadioTheme = StyledObject$1<object>;
+type RadioSize = 's' | 'md' | 'lg';
+type RadioTheme = {
+    button: {
+        base: StyledObject$1<object>;
+        inside: StyledObject$1<object>;
+    };
+    selected: {
+        button: {
+            base: StyledObject$1<object>;
+            inside: StyledObject$1<object>;
+        };
+    };
+    size: Record<RadioSize, {
+        button: {
+            base: StyledObject$1<object>;
+            inside?: StyledObject$1<object>;
+        };
+        label: Typography;
+        selected: {
+            button: {
+                inside: StyledObject$1<object>;
+            };
+        };
+    }>;
+};
 
@@ -1113,2 +1137,2 @@ type SwitchSize = 's' | 'md' | 'lg';
 
-export { type AccordionVariants, type AlertStatus, type AlignItems, type AlignSelf, type BreakPoints$1 as BreakPoints, type ButtonColors, type ButtonSizes, type ButtonVariants, type CTASizes, type CTAVariants, type Color, type ComponentLibraryTheme, type DialogSize, type Direction, type DividerSizes, type FontSize, type FontWeight, type IconsSizes, type InputSizes, type JustifyContent, type LabelPosition, type LineHeight, type MarginProps, type MaxWidth, type MeterVariants, type NormalAlignments, type Orientation, type Overflow, type PaddingProps, type Placement, type ProgressBarSize, type ResponsiveProp, type Rounded, type Spacing, type SpinnerColors, type SpinnerSizes, type Status, type SwitchSize, type TabsSize, type Theme, type TokenInputSize, type TransitionDuration, type TransitionProperty, type TransitionTimingFunction, type Typography, type Variants, type Wrap, bobTheme, breakpoints, hexToRgba, rem, style, base as theme };
+export { type AccordionVariants, type AlertStatus, type AlignItems, type AlignSelf, type BreakPoints$1 as BreakPoints, type ButtonColors, type ButtonSizes, type ButtonVariants, type CTASizes, type CTAVariants, type Color, type ComponentLibraryTheme, type DialogSize, type Direction, type DividerSizes, type FontSize, type FontWeight, type IconsSizes, type InputSizes, type JustifyContent, type LabelPosition, type LineHeight, type MarginProps, type MaxWidth, type MeterVariants, type NormalAlignments, type Orientation, type Overflow, type PaddingProps, type Placement, type ProgressBarSize, type RadioSize, type ResponsiveProp, type Rounded, type Spacing, type SpinnerColors, type SpinnerSizes, type Status, type SwitchSize, type TabsSize, type Theme, type TokenInputSize, type TransitionDuration, type TransitionProperty, type TransitionTimingFunction, type Typography, type Variants, type Wrap, bobTheme, breakpoints, hexToRgba, rem, style, base as theme };

dist/index.js

@@ -261,2 +261,6 @@ "use client";
 var iconSizeBase = {
+  xxs: {
+    height: spacing("lg"),
+    width: spacing("lg")
+  },
   xs: {
@@ -808,4 +812,79 @@ height: spacing("xl"),
 var radio = {
+  button: {
+    base: {
+      marginTop: spacing("xs"),
+      marginBottom: spacing("xs"),
+      borderWidth: "2px",
+      borderStyle: "solid",
+      borderColor: color2("grey-300"),
+      ...transition("common", "fast")
+    },
+    inside: {
+      width: "0rem",
+      height: "0rem",
+      ...transition("dimensions", "fast")
+    }
+  },
+  selected: {
+    button: {
+      base: {
+        borderColor: color2("primary-500")
+      },
+      inside: {
+        backgroundColor: color2("primary-500")
+      }
+    }
+  },
   size: {
-    xs: {}
+    s: {
+      button: {
+        base: {
+          width: spacing("2xl"),
+          height: spacing("2xl")
+        }
+      },
+      selected: {
+        button: {
+          inside: {
+            width: spacing("md"),
+            height: spacing("md")
+          }
+        }
+      },
+      label: "s"
+    },
+    md: {
+      button: {
+        base: {
+          width: spacing("3xl"),
+          height: spacing("3xl")
+        }
+      },
+      selected: {
+        button: {
+          inside: {
+            width: spacing("lg"),
+            height: spacing("lg")
+          }
+        }
+      },
+      label: "md"
+    },
+    lg: {
+      button: {
+        base: {
+          width: spacing("4xl"),
+          height: spacing("4xl")
+        }
+      },
+      selected: {
+        button: {
+          inside: {
+            width: spacing("xl"),
+            height: spacing("xl")
+          }
+        }
+      },
+      label: "lg"
+    }
   }
@@ -812,0 +891,0 @@ };

package.json

 {
   "name": "@interlay/theme",
-  "version": "1.0.0-next.6",
+  "version": "1.0.0-next.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

175599

increased by2.41%

Lines of code

5337

increased by3.53%

No dependency changes