@xstyled/styled-components - npm Package Compare versions

Comparing version 4.0.0 to 4.0.1-test.0

dist/index.d.ts

 import * as styled_components from 'styled-components';
 import { createGlobalStyle as createGlobalStyle$1, css as css$1, Styled, StyledInstance, FastOmit, SupportedHTMLElements, IStyledComponent } from 'styled-components';
-export { ServerStyleSheet, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, isStyledComponent, keyframes, useTheme, withTheme } from 'styled-components';
+export { ServerStyleSheet, StyleSheetManager, ThemeConsumer, ThemeContext, ThemeProvider, isStyledComponent, keyframes, withTheme } from 'styled-components';
 import * as _xstyled_system from '@xstyled/system';
-import { Screens, StyleGenerator, StyleGeneratorProps } from '@xstyled/system';
+import { Theme, Screens, StyleGenerator, StyleGeneratorProps } from '@xstyled/system';
 export * from '@xstyled/system';
@@ -15,29 +15,33 @@ import * as styled_components_dist_constructors_css from 'styled-components/dist/constructors/css';
 
+/**
+ * Passthrough to styled-components `useTheme`, but returning the xstyled `Theme` type.
+ */
+declare function useTheme(): Theme;
 declare const useTh: (value: any, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 declare const useAngle: (value: _xstyled_system.Angle, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useAnimation: (value: _xstyled_system.ThemeAnimation<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useBorder: (value: _xstyled_system.ThemeBorder<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useAnimation: (value: _xstyled_system.ThemeAnimation<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useBorder: (value: _xstyled_system.ThemeBorder<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 declare const useBorderColor: (value: string, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useBorderStyle: (value: _xstyled_system.ThemeBorderStyle<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useBorderWidth: (value: _xstyled_system.ThemeBorderWidth<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useBorderStyle: (value: _xstyled_system.ThemeBorderStyle<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useBorderWidth: (value: _xstyled_system.ThemeBorderWidth<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 declare const useColor: (value: string, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useDuration: (value: _xstyled_system.Duration<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useFont: (value: _xstyled_system.ThemeFont<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useFontSize: (value: _xstyled_system.ThemeFontSize<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useFontWeight: (value: _xstyled_system.ThemeFontWeight<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useInset: (value: _xstyled_system.ThemeInset<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useLetterSpacing: (value: _xstyled_system.ThemeLetterSpacing<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useLineHeight: (value: _xstyled_system.ThemeLineHeight<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useDuration: (value: _xstyled_system.Duration<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useFont: (value: _xstyled_system.ThemeFont<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useFontSize: (value: _xstyled_system.ThemeFontSize<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useFontWeight: (value: _xstyled_system.ThemeFontWeight<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useInset: (value: _xstyled_system.ThemeInset<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useLetterSpacing: (value: _xstyled_system.ThemeLetterSpacing<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useLineHeight: (value: _xstyled_system.ThemeLineHeight<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 declare const usePercent: (value: _xstyled_system.Percent, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 declare const usePx: (value: _xstyled_system.Pixel, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useRadius: (value: _xstyled_system.ThemeRadius<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useRingWidth: (value: _xstyled_system.ThemeRingWidth<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useShadow: (value: _xstyled_system.ThemeShadow<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useSize: (value: _xstyled_system.ThemeSize<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useSpace: (value: _xstyled_system.ThemeSpace<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useTimingFunction: (value: _xstyled_system.ThemeTimingFunction<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useTransform: (value: _xstyled_system.ThemeTransform<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useTransition: (value: _xstyled_system.ThemeTransition<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useTransitionProperty: (value: _xstyled_system.ThemeTransitionProperty<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
-declare const useZIndex: (value: _xstyled_system.ThemeZIndex<_xstyled_system.Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useRadius: (value: _xstyled_system.ThemeRadius<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useRingWidth: (value: _xstyled_system.ThemeRingWidth<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useShadow: (value: _xstyled_system.ThemeShadow<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useSize: (value: _xstyled_system.ThemeSize<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useSpace: (value: _xstyled_system.ThemeSpace<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useTimingFunction: (value: _xstyled_system.ThemeTimingFunction<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useTransform: (value: _xstyled_system.ThemeTransform<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useTransition: (value: _xstyled_system.ThemeTransition<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useTransitionProperty: (value: _xstyled_system.ThemeTransitionProperty<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
+declare const useZIndex: (value: _xstyled_system.ThemeZIndex<Theme>, defaultValue?: _xstyled_system.CSSScalar) => _xstyled_system.CSSScalar;
 
@@ -78,2 +82,2 @@ declare const useScreens: () => Screens;
 
-export { ColorModeProvider, Preflight, X, XStyled, XStyledSet, createCss, createGlobalStyle, css, styled as default, styled, useAngle, useAnimation, useBorder, useBorderColor, useBorderStyle, useBorderWidth, useBreakpoint, useColor, useDown, useDuration, useFont, useFontSize, useFontWeight, useInset, useLetterSpacing, useLineHeight, usePercent, usePx, useRadius, useRingWidth, useScreens, useShadow, useSize, useSpace, useTh, useTimingFunction, useTransform, useTransition, useTransitionProperty, useUp, useZIndex, x };
+export { ColorModeProvider, Preflight, X, XStyled, XStyledSet, createCss, createGlobalStyle, css, styled as default, styled, useAngle, useAnimation, useBorder, useBorderColor, useBorderStyle, useBorderWidth, useBreakpoint, useColor, useDown, useDuration, useFont, useFontSize, useFontWeight, useInset, useLetterSpacing, useLineHeight, usePercent, usePx, useRadius, useRingWidth, useScreens, useShadow, useSize, useSpace, useTh, useTheme, useTimingFunction, useTransform, useTransition, useTransitionProperty, useUp, useZIndex, x };

package.json

 {
   "name": "@xstyled/styled-components",
   "description": "A utility-first CSS-in-JS framework built for React (styled-components bindings).",
-  "version": "4.0.0",
+  "version": "4.0.1-test.0",
   "keywords": [
@@ -48,4 +48,3 @@ "styled-components",
     "@xstyled/util": "^3.7.0"
-  },
-  "gitHead": "4e3b218c31e1fcacbb9c40bb470d921eb8b46907"
+  }
 }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Lines of code

445

increased by1.6%

Worsened metrics

Total package byte prevSize

61184

decreased by-0.03%

Number of low quality alerts

1

increased byInfinity%

No dependency changes