@usecapsule/react-components - npm Package Compare versions

Comparing version 2.0.9 to 3.0.0

dist/components/stencil-generated/index.js

 import { createReactComponent } from './react-component-lib';
 export const CpslAlert = createReactComponent('cpsl-alert');
 export const CpslAnimation = createReactComponent('cpsl-animation');
+export const CpslAppBar = createReactComponent('cpsl-app-bar');
+export const CpslAvatar = createReactComponent('cpsl-avatar');
 export const CpslButton = createReactComponent('cpsl-button');
+export const CpslButtonGroup = createReactComponent('cpsl-button-group');
+export const CpslCard = createReactComponent('cpsl-card');
+export const CpslCheckbox = createReactComponent('cpsl-checkbox');
 export const CpslCodeInput = createReactComponent('cpsl-code-input');
 export const CpslCol = createReactComponent('cpsl-col');
 export const CpslDivider = createReactComponent('cpsl-divider');
+export const CpslDrawer = createReactComponent('cpsl-drawer');
 export const CpslDropdown = createReactComponent('cpsl-dropdown');
@@ -14,10 +20,15 @@ export const CpslGrid = createReactComponent('cpsl-grid');
 export const CpslModal = createReactComponent('cpsl-modal');
+export const CpslNavButtonGroup = createReactComponent('cpsl-nav-button-group');
 export const CpslOverlay = createReactComponent('cpsl-overlay');
+export const CpslPagination = createReactComponent('cpsl-pagination');
 export const CpslPill = createReactComponent('cpsl-pill');
 export const CpslProgressIndicator = createReactComponent('cpsl-progress-indicator');
 export const CpslQrCode = createReactComponent('cpsl-qr-code');
+export const CpslRadio = createReactComponent('cpsl-radio');
 export const CpslRow = createReactComponent('cpsl-row');
 export const CpslSlideButton = createReactComponent('cpsl-slide-button');
 export const CpslSpinner = createReactComponent('cpsl-spinner');
+export const CpslSwitch = createReactComponent('cpsl-switch');
 export const CpslTab = createReactComponent('cpsl-tab');
+export const CpslTable = createReactComponent('cpsl-table');
 export const CpslTabs = createReactComponent('cpsl-tabs');
@@ -24,0 +35,0 @@ export const CpslText = createReactComponent('cpsl-text');

dist/types/components/stencil-generated/index.d.ts

@@ -5,6 +5,12 @@ /// <reference types="react" />
 export declare const CpslAnimation: import("react").ForwardRefExoticComponent<JSX.CpslAnimation & Omit<import("react").HTMLAttributes<HTMLCpslAnimationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslAnimationElement>>;
+export declare const CpslAppBar: import("react").ForwardRefExoticComponent<JSX.CpslAppBar & Omit<import("react").HTMLAttributes<HTMLCpslAppBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslAppBarElement>>;
+export declare const CpslAvatar: import("react").ForwardRefExoticComponent<JSX.CpslAvatar & Omit<import("react").HTMLAttributes<HTMLCpslAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslAvatarElement>>;
 export declare const CpslButton: import("react").ForwardRefExoticComponent<JSX.CpslButton & Omit<import("react").HTMLAttributes<HTMLCpslButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslButtonElement>>;
+export declare const CpslButtonGroup: import("react").ForwardRefExoticComponent<JSX.CpslButtonGroup & Omit<import("react").HTMLAttributes<HTMLCpslButtonGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslButtonGroupElement>>;
+export declare const CpslCard: import("react").ForwardRefExoticComponent<JSX.CpslCard & Omit<import("react").HTMLAttributes<HTMLCpslCardElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslCardElement>>;
+export declare const CpslCheckbox: import("react").ForwardRefExoticComponent<JSX.CpslCheckbox & Omit<import("react").HTMLAttributes<HTMLCpslCheckboxElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslCheckboxElement>>;
 export declare const CpslCodeInput: import("react").ForwardRefExoticComponent<JSX.CpslCodeInput & Omit<import("react").HTMLAttributes<HTMLCpslCodeInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslCodeInputElement>>;
 export declare const CpslCol: import("react").ForwardRefExoticComponent<JSX.CpslCol & Omit<import("react").HTMLAttributes<HTMLCpslColElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslColElement>>;
 export declare const CpslDivider: import("react").ForwardRefExoticComponent<JSX.CpslDivider & Omit<import("react").HTMLAttributes<HTMLCpslDividerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslDividerElement>>;
+export declare const CpslDrawer: import("react").ForwardRefExoticComponent<JSX.CpslDrawer & Omit<import("react").HTMLAttributes<HTMLCpslDrawerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslDrawerElement>>;
 export declare const CpslDropdown: import("react").ForwardRefExoticComponent<JSX.CpslDropdown & Omit<import("react").HTMLAttributes<HTMLCpslDropdownElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslDropdownElement>>;
@@ -16,12 +22,17 @@ export declare const CpslGrid: import("react").ForwardRefExoticComponent<JSX.CpslGrid & Omit<import("react").HTMLAttributes<HTMLCpslGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslGridElement>>;
 export declare const CpslModal: import("react").ForwardRefExoticComponent<JSX.CpslModal & Omit<import("react").HTMLAttributes<HTMLCpslModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslModalElement>>;
+export declare const CpslNavButtonGroup: import("react").ForwardRefExoticComponent<JSX.CpslNavButtonGroup & Omit<import("react").HTMLAttributes<HTMLCpslNavButtonGroupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslNavButtonGroupElement>>;
 export declare const CpslOverlay: import("react").ForwardRefExoticComponent<JSX.CpslOverlay & Omit<import("react").HTMLAttributes<HTMLCpslOverlayElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslOverlayElement>>;
+export declare const CpslPagination: import("react").ForwardRefExoticComponent<JSX.CpslPagination & Omit<import("react").HTMLAttributes<HTMLCpslPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslPaginationElement>>;
 export declare const CpslPill: import("react").ForwardRefExoticComponent<JSX.CpslPill & Omit<import("react").HTMLAttributes<HTMLCpslPillElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslPillElement>>;
 export declare const CpslProgressIndicator: import("react").ForwardRefExoticComponent<JSX.CpslProgressIndicator & Omit<import("react").HTMLAttributes<HTMLCpslProgressIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslProgressIndicatorElement>>;
 export declare const CpslQrCode: import("react").ForwardRefExoticComponent<JSX.CpslQrCode & Omit<import("react").HTMLAttributes<HTMLCpslQrCodeElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslQrCodeElement>>;
+export declare const CpslRadio: import("react").ForwardRefExoticComponent<JSX.CpslRadio & Omit<import("react").HTMLAttributes<HTMLCpslRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslRadioElement>>;
 export declare const CpslRow: import("react").ForwardRefExoticComponent<JSX.CpslRow & Omit<import("react").HTMLAttributes<HTMLCpslRowElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslRowElement>>;
 export declare const CpslSlideButton: import("react").ForwardRefExoticComponent<JSX.CpslSlideButton & Omit<import("react").HTMLAttributes<HTMLCpslSlideButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslSlideButtonElement>>;
 export declare const CpslSpinner: import("react").ForwardRefExoticComponent<JSX.CpslSpinner & Omit<import("react").HTMLAttributes<HTMLCpslSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslSpinnerElement>>;
+export declare const CpslSwitch: import("react").ForwardRefExoticComponent<JSX.CpslSwitch & Omit<import("react").HTMLAttributes<HTMLCpslSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslSwitchElement>>;
 export declare const CpslTab: import("react").ForwardRefExoticComponent<JSX.CpslTab & Omit<import("react").HTMLAttributes<HTMLCpslTabElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslTabElement>>;
+export declare const CpslTable: import("react").ForwardRefExoticComponent<JSX.CpslTable & Omit<import("react").HTMLAttributes<HTMLCpslTableElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslTableElement>>;
 export declare const CpslTabs: import("react").ForwardRefExoticComponent<JSX.CpslTabs & Omit<import("react").HTMLAttributes<HTMLCpslTabsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslTabsElement>>;
 export declare const CpslText: import("react").ForwardRefExoticComponent<JSX.CpslText & Omit<import("react").HTMLAttributes<HTMLCpslTextElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslTextElement>>;
 export declare const CpslTileButton: import("react").ForwardRefExoticComponent<JSX.CpslTileButton & Omit<import("react").HTMLAttributes<HTMLCpslTileButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLCpslTileButtonElement>>;

package.json

 {
   "name": "@usecapsule/react-components",
-  "version": "2.0.9",
+  "version": "3.0.0",
   "description": "Capsule Core React Components",
@@ -25,3 +25,3 @@ "homepage": "https://github.com/capsule-org/component-library#readme",
   "dependencies": {
-    "@usecapsule/core-components": "^2.0.9"
+    "@usecapsule/core-components": "^3.0.0"
   },
@@ -37,3 +37,3 @@ "devDependencies": {
   },
-  "gitHead": "ae522c6b11da093f50879aabe98f429baf9f7cc3"
+  "gitHead": "bedd55452c8b4f262ffadc9dfd091a8a0146ddca"
 }

No alert changes

Improved metrics

Total package byte prevSize

80488

increased by9.29%

Lines of code

734

increased by10.21%

Dependency changes

• + Added@usecapsule/core-components@3.25.0(transitive)

• + Addedansi-regex@5.0.1(transitive)

• + Addedansi-styles@4.3.0(transitive)

• + Addedcamelcase@5.3.1(transitive)

• + Addedcliui@6.0.0(transitive)

• + Addedcolor-blend@4.0.0(transitive)

• + Addedcolor-convert@2.0.1(transitive)

• + Addedcolor-name@1.1.4(transitive)

• + Addeddecamelize@1.2.0(transitive)

• + Addeddijkstrajs@1.0.3(transitive)

• + Addedemoji-regex@8.0.0(transitive)

• + Addedfind-up@4.1.0(transitive)

• + Addedget-caller-file@2.0.5(transitive)

• + Addedinputmask@5.0.9(transitive)

• + Addedis-fullwidth-code-point@3.0.0(transitive)

• + Addedlocate-path@5.0.0(transitive)

• + Addedp-limit@2.3.0(transitive)

• + Addedp-locate@4.1.0(transitive)

• + Addedp-try@2.2.0(transitive)

• + Addedpath-exists@4.0.0(transitive)

• + Addedpngjs@5.0.0(transitive)

• + Addedqrcode@1.5.4(transitive)

• + Addedqrcode-with-logos@1.1.1(transitive)

• + Addedrequire-directory@2.1.1(transitive)

• + Addedrequire-main-filename@2.0.0(transitive)

• + Addedset-blocking@2.0.0(transitive)

• + Addedstring-width@4.2.3(transitive)

• + Addedstrip-ansi@6.0.1(transitive)

• + Addedwhich-module@2.0.1(transitive)

• + Addedwrap-ansi@6.2.0(transitive)

• + Addedy18n@4.0.3(transitive)

• + Addedyargs@15.4.1(transitive)

• + Addedyargs-parser@18.1.3(transitive)

• - Removed@usecapsule/core-components@2.0.10(transitive)

• - Removedlottie-web@5.12.2(transitive)

• - Removedqr-code-styling@1.9.1(transitive)

• - Removedqrcode-generator@1.4.4(transitive)

• Updated@usecapsule/core-components@^3.0.0