@marigold/system 4.2.0 → 4.2.2

package/dist/index.d.ts

@@ -5,22 +5,22 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import * as CSS from 'csstype';
 
-declare type ResponsiveStyleValue<T> = ResponsiveStyleValue$1<T>;
-declare type StyleObject = ThemeUIStyleObject;
-declare type CSSObject = Simplify<ThemeUICSSObject>;
-declare type CSSProperties = Simplify<ThemeUICSSProperties>;
+type ResponsiveStyleValue<T> = ResponsiveStyleValue$1<T>;
+type StyleObject = ThemeUIStyleObject;
+type CSSObject = Simplify<ThemeUICSSObject>;
+type CSSProperties = Simplify<ThemeUICSSProperties>;
 
 /**
  * Props that every component should accepts to change the styling
  */
-declare type ThemeComponentProps = {
+type ThemeComponentProps = {
     variant?: string;
     size?: string;
 };
 /**
  * Structure for component styles in a theme.
  */
-declare type ThemeExtension<ComponentName extends string> = {
+type ThemeExtension<ComponentName extends string> = {
     [P in ComponentName]?: {
         base?: CSSObject;
         variant?: {
@@ -34,7 +34,7 @@ declare type ThemeExtension<ComponentName extends string> = {
 /**
  * Structure for component styles in a theme that consists of multiple parts.
  */
-declare type ThemeExtensionsWithParts<ComponentName extends string, Parts extends string[]> = {
+type ThemeExtensionsWithParts<ComponentName extends string, Parts extends string[]> = {
     [P in ComponentName]?: {
         base?: {
             [Part in Parts[number]]?: CSSObject;
@@ -67,7 +67,7 @@ declare type ThemeExtensionsWithParts<ComponentName extends string, Parts extend
  * ```
  * `css{{ color: 'primary' }}` resolves to `color: #00f`.
  */
-declare type ScaleValue<T> = T | T[] | NestedScaleDict<T> | undefined;
+type ScaleValue<T> = T | T[] | NestedScaleDict<T> | undefined;
 /**
  * Scales are a set of named, pre-defined CSS values which are used
  * to create consitency in sizing across visual elements. They give
@@ -219,7 +219,7 @@ interface BoxProps extends PolymorphicPropsWithRef<BoxOwnProps, 'div'> {
 }
 declare const Box: PolymorphicComponentWithRef<BoxOwnProps, 'div'>;
 
-declare type GlobalProps = {
+type GlobalProps = {
     /**
      * CSS Selector to change the element that the styles will be applied to.
      */
@@ -241,7 +241,7 @@ interface ComponentStylesProps {
     variant?: string;
     size?: string;
 }
-declare type ComponentStyleParts<Parts extends string[]> = {
+type ComponentStyleParts<Parts extends string[]> = {
     [P in Parts[number]]: CSSObject;
 };
 declare function useComponentStyles(componentName: string, props?: ComponentStylesProps, options?: {
@@ -260,12 +260,12 @@ declare function useComponentStyles<Part extends string, Parts extends ReadonlyA
  */
 declare const useResponsiveValue: <T>(values: T[], defaultIndex?: number) => T;
 
-declare type ComponentState = 'hover' | 'focus' | 'focusVisible' | 'active' | 'visited' | 'disabled' | 'readOnly' | 'checked' | 'selected' | 'indeterminate' | 'expanded' | 'error';
-declare type StateAttrKeyProps = `data-${KebabCase<ComponentState>}`;
-declare type StateAttrProps = {
+type ComponentState = 'hover' | 'focus' | 'focusVisible' | 'active' | 'visited' | 'disabled' | 'readOnly' | 'checked' | 'selected' | 'indeterminate' | 'expanded' | 'error';
+type StateAttrKeyProps = `data-${KebabCase<ComponentState>}`;
+type StateAttrProps = {
     [key in StateAttrKeyProps]?: '';
 };
-declare type UseStateProps = {
+type UseStateProps = {
     [key in ComponentState]?: boolean;
 };
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/system",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Marigold System Library",
   "license": "MIT",
   "keywords": [
@@ -27,21 +27,21 @@
   },
   "dependencies": {
     "@emotion/react": "11.10.5",
-    "@marigold/types": "0.5.7",
     "@theme-ui/css": "0.15.4",
     "csstype": "3.1.1",
     "deepmerge": "^4.2.2",
-    "react-fast-compare": "^3.2.0"
+    "react-fast-compare": "^3.2.0",
+    "@marigold/types": "0.5.7"
   },
   "peerDependencies": {
     "react": "16.x || 17.x || 18.x",
     "react-dom": "16.x || 17.x || 18.x"
   },
   "devDependencies": {
-    "@babel/core": "7.20.5",
-    "@marigold/tsconfig": "0.3.1",
+    "@babel/core": "7.20.12",
     "react": "18.2.0",
-    "tsup": "6.4.0"
+    "tsup": "6.5.0",
+    "@marigold/tsconfig": "0.4.0"
   },
   "scripts": {
     "build": "tsup src/index.ts",