@marigold/system 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @marigold/system
 
+## 0.5.1
+
+### Patch Changes
+
+- [#1795](https://github.com/marigold-ui/marigold/pull/1795) [`a178eafe`](https://github.com/marigold-ui/marigold/commit/a178eafe8c8380ee23b4587d953ee52b231414ff) Thanks [@ti10le](https://github.com/ti10le)! - refa: use interface instead of type
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -13,8 +13,9 @@ declare type StyleObject = ThemeUIStyleObject;
 declare type CSSObject = ThemeUICSSObject;
 declare type CSSProperties = ThemeUICSSProperties;
 
-declare type StyleProps = Pick<CSSObject, 'display' | 'height' | 'width' | 'minWidth' | 'maxWidth' | 'position' | 'top' | 'bottom' | 'right' | 'left' | 'zIndex' | 'p' | 'px' | 'py' | 'pt' | 'pb' | 'pl' | 'pr' | 'm' | 'mx' | 'my' | 'mt' | 'mb' | 'ml' | 'mr' | 'flexDirection' | 'flexWrap' | 'flexShrink' | 'flexGrow' | 'alignItems' | 'justifyContent' | 'bg' | 'border' | 'borderRadius' | 'boxShadow' | 'opacity' | 'overflow' | 'transition'>;
-declare type BoxOwnProps = {
+interface StyleProps extends Pick<CSSObject, 'display' | 'height' | 'width' | 'minWidth' | 'maxWidth' | 'position' | 'top' | 'bottom' | 'right' | 'left' | 'zIndex' | 'p' | 'px' | 'py' | 'pt' | 'pb' | 'pl' | 'pr' | 'm' | 'mx' | 'my' | 'mt' | 'mb' | 'ml' | 'mr' | 'flexDirection' | 'flexWrap' | 'flexShrink' | 'flexGrow' | 'alignItems' | 'justifyContent' | 'bg' | 'border' | 'borderRadius' | 'boxShadow' | 'opacity' | 'overflow' | 'transition'> {
+}
+interface BoxOwnProps extends StyleProps {
     css?: CSSObject;
     variant?: string | string[];
     /**
@@ -22,8 +23,9 @@ declare type BoxOwnProps = {
      * @internal Used to set default styles for Marigold components
      */
     __baseCSS?: CSSObject;
-} & StyleProps;
-declare type BoxProps = PolymorphicPropsWithRef<BoxOwnProps, 'div'>;
+}
+interface BoxProps extends PolymorphicPropsWithRef<BoxOwnProps, 'div'> {
+}
 declare const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'>;
 
 declare const Global: () => JSX.Element;
@@ -177,9 +179,9 @@ declare const getNormalizedStyles: (val?: ElementType<any> | undefined) => {
     readonly minWidth: 0;
 };
 
-declare type SVGProps = {
+interface SVGProps extends ComponentProps<'svg'> {
     size?: number;
-} & ComponentProps<'svg'>;
+}
 declare const SVG: React.FC<SVGProps>;
 
 /**
@@ -332,10 +334,10 @@ declare const useTheme: () => {
     theme: Theme;
     css: (style: StyleObject) => _theme_ui_css.CSSObject;
 };
-declare type ThemeProviderProps<T extends Theme> = {
+interface ThemeProviderProps<T extends Theme> {
     theme: T;
     children: ReactNode;
-};
+}
 declare function ThemeProvider<T extends Theme>({ theme, children, }: ThemeProviderProps<T>): JSX.Element;
 
 /**
@@ -351,13 +353,13 @@ declare const ensureVariantDefault: (val: string) => string;
  * Ensures that the `variant` is an array and supports the `__default` key.
  */
 declare const ensureArrayVariant: <T extends string>(variant?: T | T[] | undefined) => string[];
-declare type State = {
+interface State {
     checked?: boolean;
     focus?: boolean;
     hover?: boolean;
     disabled?: boolean;
     error?: boolean;
-};
+}
 /**
  * Appends given `state` to a `variant`.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/system",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Marigold System Library",
   "license": "MIT",
   "keywords": [