@chromatic-com/tetra - npm Package Compare versions

Comparing version 2.0.0 to 2.0.1--canary.ec07647.0

dist/index.d.ts

@@ -1,5 +0,5 @@
-import * as _emotion_react from '@emotion/react';
+import * as _storybook_theming_dist_create_77ee2cf0 from '@storybook/theming/dist/create-77ee2cf0';
 import * as React from 'react';
 import React__default, { FC, ReactNode, ElementType, FunctionComponent } from 'react';
-import * as _emotion_styled from '@emotion/styled';
+import * as _storybook_theming from '@storybook/theming';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
@@ -170,26 +170,26 @@
 declare const typography: {
-    heading56: _emotion_react.SerializedStyles;
-    heading48: _emotion_react.SerializedStyles;
-    heading40: _emotion_react.SerializedStyles;
-    heading36: _emotion_react.SerializedStyles;
-    heading30: _emotion_react.SerializedStyles;
-    heading24: _emotion_react.SerializedStyles;
-    heading20: _emotion_react.SerializedStyles;
-    heading18: _emotion_react.SerializedStyles;
-    heading16: _emotion_react.SerializedStyles;
-    body20: _emotion_react.SerializedStyles;
-    body18: _emotion_react.SerializedStyles;
-    body16: _emotion_react.SerializedStyles;
-    body14: _emotion_react.SerializedStyles;
-    subheading: _emotion_react.SerializedStyles;
-    subheadingLarge: _emotion_react.SerializedStyles;
+    heading56: _storybook_theming_dist_create_77ee2cf0.S;
+    heading48: _storybook_theming_dist_create_77ee2cf0.S;
+    heading40: _storybook_theming_dist_create_77ee2cf0.S;
+    heading36: _storybook_theming_dist_create_77ee2cf0.S;
+    heading30: _storybook_theming_dist_create_77ee2cf0.S;
+    heading24: _storybook_theming_dist_create_77ee2cf0.S;
+    heading20: _storybook_theming_dist_create_77ee2cf0.S;
+    heading18: _storybook_theming_dist_create_77ee2cf0.S;
+    heading16: _storybook_theming_dist_create_77ee2cf0.S;
+    body20: _storybook_theming_dist_create_77ee2cf0.S;
+    body18: _storybook_theming_dist_create_77ee2cf0.S;
+    body16: _storybook_theming_dist_create_77ee2cf0.S;
+    body14: _storybook_theming_dist_create_77ee2cf0.S;
+    subheading: _storybook_theming_dist_create_77ee2cf0.S;
+    subheadingLarge: _storybook_theming_dist_create_77ee2cf0.S;
 };
 
 declare const animations: {
-    rotate360: _emotion_react.Keyframes;
-    glow: _emotion_react.Keyframes;
-    float: _emotion_react.Keyframes;
-    jiggle: _emotion_react.Keyframes;
-    shake: _emotion_react.Keyframes;
-    inlineGlow: (inverse?: boolean) => _emotion_react.SerializedStyles;
+    rotate360: _storybook_theming_dist_create_77ee2cf0.K;
+    glow: _storybook_theming_dist_create_77ee2cf0.K;
+    float: _storybook_theming_dist_create_77ee2cf0.K;
+    jiggle: _storybook_theming_dist_create_77ee2cf0.K;
+    shake: _storybook_theming_dist_create_77ee2cf0.K;
+    inlineGlow: (inverse?: boolean) => _storybook_theming_dist_create_77ee2cf0.S;
 };
@@ -502,7 +502,7 @@
 
-declare const Container: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const Container: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React__default.ElementType<any> | undefined;
 } & BlockWithOptionsForContainerProps & React__default.ClassAttributes<HTMLDivElement> & React__default.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+    theme?: _storybook_theming.Theme | undefined;
 }, {}, {}>;
@@ -541,7 +541,7 @@ declare const FullWidthContainer: ({ children, ...props }: BlockWithOptionsForContainerProps & {
 }
-declare const Divider: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const Divider: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+    theme?: _storybook_theming.Theme | undefined;
 } & StackProps$1, {}, {}>;
@@ -557,4 +557,4 @@
 declare const DropdownMenuCheckboxItem: ({ children, ...props }: RadixDropdownMenu.MenuCheckboxItemProps) => JSX.Element;
-declare const DropdownMenuItem: _emotion_styled.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+declare const DropdownMenuItem: _storybook_theming.StyledComponent<RadixDropdownMenu.DropdownMenuItemProps & React__default.RefAttributes<HTMLDivElement> & {
+    theme?: _storybook_theming.Theme | undefined;
 }, {}, {}>;
@@ -732,4 +732,4 @@
  */
-declare const NormalizeArea: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const NormalizeArea: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React.ElementType<any> | undefined;
@@ -759,7 +759,7 @@ } & NormalizeAreaProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 }
-declare const Stack: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const Stack: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+    theme?: _storybook_theming.Theme | undefined;
 } & {
@@ -771,7 +771,7 @@ gap?: StackProps['gap'];
 }, {}, {}>;
-declare const HStack: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const HStack: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+    theme?: _storybook_theming.Theme | undefined;
 } & {
@@ -782,7 +782,7 @@ gap?: StackProps['gap'];
 }, {}, {}>;
-declare const VStack: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
+declare const VStack: _storybook_theming.StyledComponent<{
+    theme?: _storybook_theming.Theme | undefined;
     as?: React.ElementType<any> | undefined;
 } & BlockWithOptionsProps & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
-    theme?: _emotion_react.Theme | undefined;
+    theme?: _storybook_theming.Theme | undefined;
 } & {
@@ -789,0 +789,0 @@ gap?: StackProps['gap'];

package.json

 {
   "name": "@chromatic-com/tetra",
-  "version": "2.0.0",
+  "version": "2.0.1--canary.ec07647.0",
   "description": "Style Guide + UI library for Chromatic and Storybook marketing sites and docs",
@@ -51,14 +51,12 @@ "author": {
   "devDependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
-    "@storybook/addon-a11y": "^8.3.3",
-    "@storybook/addon-essentials": "^8.3.3",
-    "@storybook/addon-interactions": "^8.3.3",
-    "@storybook/addon-mdx-gfm": "^8.3.3",
-    "@storybook/blocks": "^8.3.3",
-    "@storybook/eslint-config-storybook": "^4.0.0",
-    "@storybook/react": "^8.3.3",
-    "@storybook/react-vite": "^8.3.3",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.3.3",
+    "@storybook/addon-a11y": "^7.6.12",
+    "@storybook/addon-essentials": "^7.6.12",
+    "@storybook/addon-interactions": "^7.6.12",
+    "@storybook/addon-mdx-gfm": "^7.6.12",
+    "@storybook/blocks": "^7.6.12",
+    "@storybook/eslint-config-storybook": "3.1.2",
+    "@storybook/react": "^7.6.12",
+    "@storybook/react-vite": "^7.6.12",
+    "@storybook/testing-library": "^0.1.0",
+    "@storybook/theming": "^7.6.12",
     "@types/node": "18.15.3",
@@ -75,10 +73,10 @@ "@types/react": "18.0.28",
     "eslint-plugin-jest": "27.2.1",
-    "eslint-plugin-storybook": "^0.9.0",
+    "eslint-plugin-storybook": "0.6.12",
     "framer-motion": "11.0.3",
     "husky": "^8.0.0",
     "lint-staged": "13.2.2",
-    "prettier": "3.3.3",
+    "prettier": "2.8.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "storybook": "^8.3.3",
+    "storybook": "^7.6.12",
     "tsup": "7.2.0",
@@ -89,4 +87,3 @@ "typescript": "5.0.2",
   "peerDependencies": {
-    "@emotion/react": "^11.13.3",
-    "@emotion/styled": "^11.13.0",
+    "@storybook/theming": "^7.6.6 || ^8.2.9",
     "framer-motion": "^11.0.3",
@@ -93,0 +90,0 @@ "react": ">=17",

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

Total package byte prevSize

3817160

increased by0.01%

Dependency count

9

decreased by-10%

Dev dependency count

32

decreased by-5.88%

Worsened metrics

Lines of code

6086

decreased by-0.73%

Number of low quality alerts

2

increased by100%

No dependency changes