@planningcenter/doxy-web - npm Package Compare versions

Comparing version 2.1.1-rc.0 to 2.1.1

dist/components/Alert/Alert.d.ts

@@ -0,1 +1,2 @@
+import React from "react";
 export interface AlertProps {
@@ -7,2 +8,2 @@ size?: "md" | "sm";
 }
-export declare const Alert: ({ size, text, theme, variant, }: AlertProps) => JSX.Element;
+export declare const Alert: ({ size, text, theme, variant, }: AlertProps) => React.JSX.Element;

dist/components/Badge/Badge.d.ts

@@ -0,1 +1,2 @@
+import React from "react";
 export interface BadgeProps {
@@ -6,2 +7,2 @@ size?: "md" | "sm";
 }
-export declare const Badge: ({ size, text, theme, }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ size, text, theme, }: BadgeProps) => React.JSX.Element;

dist/components/Button/Button.d.ts

@@ -12,2 +12,2 @@ import React from "react";
 }
-export declare const Button: ({ disabled, isLoading, onClick, size, text, theme, type, variant, }: ButtonProps) => JSX.Element;
+export declare const Button: ({ disabled, isLoading, onClick, size, text, theme, type, variant, }: ButtonProps) => React.JSX.Element;

dist/components/Checkbox/Checkbox.d.ts

@@ -10,2 +10,2 @@ import React from "react";
 }
-export declare const Checkbox: ({ checked, disabled, id, onChange, size, label, }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: ({ checked, disabled, id, onChange, size, label, }: CheckboxProps) => React.JSX.Element;

dist/components/Grid/Grid.d.ts

@@ -9,2 +9,2 @@ import React from "react";
 }
-export declare const Grid: ({ as, children, columns, gap }: GridProps) => JSX.Element;
+export declare const Grid: ({ as, children, columns, gap }: GridProps) => React.JSX.Element;

dist/components/Grid/types.d.ts

 import { Breakpoint } from "../../types/Breakpoint";
 export declare const ColumnNumbers: readonly [1, 2, 3, 4, 5, 6];
-export declare type ColumnNumber = typeof ColumnNumbers[number];
-export declare type ColumnsMapped = Partial<{
+export type ColumnNumber = typeof ColumnNumbers[number];
+export type ColumnsMapped = Partial<{
     [key in Breakpoint]: ColumnNumber;
 }>;
-export declare type Columns = ColumnNumber | [ColumnNumber, ColumnsMapped];
+export type Columns = ColumnNumber | [ColumnNumber, ColumnsMapped];
 export declare const GapNumbers: readonly [0.25, 0.5, 1, 2, 3, 4, 5, 6, 7, 8];
-export declare type GapNumber = typeof GapNumbers[number];
-export declare type GapMapped = Partial<{
+export type GapNumber = typeof GapNumbers[number];
+export type GapMapped = Partial<{
     [key in Breakpoint]: GapNumber;
 }>;
-export declare type Gap = GapNumber | [GapNumber, GapMapped];
+export type Gap = GapNumber | [GapNumber, GapMapped];

dist/components/Heading/Heading.d.ts

@@ -1,2 +0,3 @@
-declare type TextColor = "brand" | "tint0" | "tint1" | "tint2" | "tint3" | "tint4" | "tint5" | "tint6" | "tint7" | "tint8" | "tint9" | "tint10";
+import React from "react";
+type TextColor = "brand" | "tint0" | "tint1" | "tint2" | "tint3" | "tint4" | "tint5" | "tint6" | "tint7" | "tint8" | "tint9" | "tint10";
 export interface HeadingProps {
@@ -8,3 +9,3 @@ color?: TextColor;
 }
-export declare const Heading: ({ color, level, size, text, }: HeadingProps) => JSX.Element;
+export declare const Heading: ({ color, level, size, text, }: HeadingProps) => React.JSX.Element;
 export {};

dist/components/Image/Image.d.ts

@@ -0,1 +1,2 @@
+import React from "react";
 import { Rounded } from "./types";
@@ -7,2 +8,2 @@ export interface ImageProps {
 }
-export declare const Image: ({ alt, rounded, src }: ImageProps) => JSX.Element;
+export declare const Image: ({ alt, rounded, src }: ImageProps) => React.JSX.Element;

dist/components/Image/types.d.ts

 import { Breakpoint } from "../../types/Breakpoint";
-export declare type RoundedSizeMapped = Partial<{
+export type RoundedSizeMapped = Partial<{
     [key in Breakpoint]: boolean;
 }>;
-export declare type Rounded = boolean | [boolean, RoundedSizeMapped];
+export type Rounded = boolean | [boolean, RoundedSizeMapped];

dist/components/Select/Select.d.ts

@@ -15,2 +15,2 @@ import React from "react";
 }
-export declare const Select: ({ disabled, id, label, onChange, options, size, value, }: SelectProps) => JSX.Element;
+export declare const Select: ({ disabled, id, label, onChange, options, size, value, }: SelectProps) => React.JSX.Element;

dist/components/Subheading/Subheading.d.ts

@@ -1,2 +0,3 @@
-declare type TextColor = "brand" | "tint0" | "tint1" | "tint2" | "tint3" | "tint4" | "tint5" | "tint6" | "tint7" | "tint8" | "tint9" | "tint10";
+import React from "react";
+type TextColor = "brand" | "tint0" | "tint1" | "tint2" | "tint3" | "tint4" | "tint5" | "tint6" | "tint7" | "tint8" | "tint9" | "tint10";
 export interface SubheadingProps {
@@ -7,3 +8,3 @@ color?: TextColor;
 }
-export declare const Subheading: ({ color, level, text, }: SubheadingProps) => JSX.Element;
+export declare const Subheading: ({ color, level, text, }: SubheadingProps) => React.JSX.Element;
 export {};

dist/components/Textarea/Textarea.d.ts

@@ -12,2 +12,2 @@ import React from "react";
 }
-export declare const Textarea: ({ disabled, id, label, name, onChange, placeholder, rows, value, }: TextareaProps) => JSX.Element;
+export declare const Textarea: ({ disabled, id, label, name, onChange, placeholder, rows, value, }: TextareaProps) => React.JSX.Element;

dist/types/Breakpoint.d.ts

@@ -1,1 +0,1 @@
-export declare type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";
+export type Breakpoint = "xs" | "sm" | "md" | "lg" | "xl";

package.json

 {
   "name": "@planningcenter/doxy-web",
-  "version": "2.1.1-rc.0",
+  "version": "2.1.1",
   "description": "Doxy for Church Center Web",
@@ -25,4 +25,4 @@ "main": "dist/index.js",
     "sandbox": "npm-run-all --parallel --print-label develop:yalc sandbox:update sandbox:start",
-    "start": "start-storybook -p 3000 --no-open",
-    "storybook:build": "build-storybook",
+    "start": "storybook dev -p 3000 --no-open",
+    "storybook:build": "storybook build",
     "storybook:deploy": "gh-pages -d storybook-static",
@@ -41,5 +41,5 @@ "develop": "rollup -c -w",
     "@babel/core": "^7.18.13",
-    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-env": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
+    "@babel/preset-typescript": "^7.21.4",
     "@churchcenter/preformatted-content": "^0.0.11",
@@ -52,13 +52,15 @@ "@planningcenter/font-size": "^0.0.1-2",
     "@rollup/plugin-typescript": "^9.0.2",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
+    "@storybook/addon-actions": "^7.0.11",
+    "@storybook/addon-docs": "^7.0.11",
+    "@storybook/addon-essentials": "^7.0.11",
+    "@storybook/addon-interactions": "^7.0.11",
+    "@storybook/addon-links": "^7.0.11",
+    "@storybook/addon-mdx-gfm": "^7.0.11",
     "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/addons": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/client-api": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@storybook/testing-library": "^0.0.13",
+    "@storybook/addon-styling": "^1.0.8",
+    "@storybook/addons": "^7.0.11",
+    "@storybook/client-api": "^7.0.11",
+    "@storybook/react": "^7.0.11",
+    "@storybook/react-webpack5": "^7.0.11",
+    "@storybook/testing-library": "^0.1.0",
     "@testing-library/dom": "^8.19.0",
@@ -70,7 +72,4 @@ "@testing-library/jest-dom": "^5.16.5",
     "@types/react": "^18.0.17",
-    "anysort": "^2.0.0",
     "autoprefixer": "^10.4.8",
-    "babel-loader": "^8.2.5",
     "chokidar-cli": "^2.1.0",
-    "css-loader": "^6.7.3",
     "eslint": "^7.12.1",
@@ -83,3 +82,3 @@ "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-promise": "^5.0.0",
-    "eslint-plugin-storybook": "^0.6.10",
+    "eslint-plugin-storybook": "^0.6.12",
     "gh-pages": "^4.0.0",
@@ -91,14 +90,17 @@ "identity-obj-proxy": "^3.0.0",
     "postcss": "^8.4.21",
-    "postcss-loader": "^7.0.2",
+    "postcss-loader": "^7.2.4",
     "postcss-nested-import": "^0.2.0",
     "prettier": "^2.7.1",
     "react": "^18.2.0",
+    "react-colorful": "^5.6.1",
     "react-dom": "^18.2.0",
+    "remark-gfm": "^3.0.1",
+    "resolve-url-loader": "^5.0.0",
     "rollup": "^2.78.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
-    "sass": "^1.54.5",
-    "sass-loader": "^13.2.0",
-    "storybook-dark-mode": "^2.0.6",
-    "style-loader": "^3.3.1",
+    "sass": "^1.62.1",
+    "sass-loader": "^13.2.2",
+    "storybook": "^7.0.11",
+    "storybook-dark-mode": "^3.0.0",
     "tailwindcss": "^3.2.4",
@@ -115,4 +117,3 @@ "ts-jest": "^29.0.3",
     "@reach/menu-button": "^0.17.0",
-    "classnames": "^2.3.2",
-    "react-colorful": "^5.6.1"
+    "classnames": "^2.3.2"
   },
@@ -119,0 +120,0 @@ "browserslist": [

Fixed alerts

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

Improved metrics

Total package byte prevSize

570752

increased by0.1%

Dependency count

4

decreased by-20%

Lines of code

11495

increased by0.12%

Number of low quality alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

65

increased by3.17%

Dependency changes

• - Removedreact-colorful@^5.6.1

• - Removedreact-colorful@5.6.1(transitive)