@useblu/ocean-components - npm Package Compare versions

Comparing version 0.1.0-beta.6 to 0.1.0-beta.7

dist/Button/Button.d.ts

@@ -15,3 +15,3 @@ import React from 'react';
      */
-    variant?: 'primary' | 'secondary' | 'ghost' | 'inverse';
+    variant?: 'primary' | 'secondary' | 'text' | 'inverse';
     /**
@@ -23,9 +23,9 @@ * The size of the button.
     /**
-     * If true, the button will take up the full width of its container.
+     * Spans the full width of the Button parent.
      * @default false
      */
-    fullWidth?: boolean;
+    blocked?: boolean;
 }>;
-declare function ButtonBase<T extends React.ElementType = 'button'>({ children, className, size, variant, fullWidth, component, ...rest }: ButtonProps<T>, ref: React.Ref<HTMLButtonElement>): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
+declare function ButtonBase<T extends React.ElementType = 'button'>({ children, className, size, variant, blocked, component, ...rest }: ButtonProps<T>, ref: React.Ref<HTMLButtonElement>): React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)>;
 declare const Button: typeof ButtonBase;
 export default Button;

dist/index.es.js

@@ -180,4 +180,4 @@ import React from 'react';
 function ButtonBase(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, component = _a.component, rest = __rest(_a, ["children", "className", "size", "variant", "fullWidth", "component"]);
-    return React.createElement(component || 'button', __assign({ ref: ref, className: classnames('ods-btn', "ods-btn--" + size, "ods-btn--" + variant, fullWidth && 'ods-btn--full-width', className) }, rest), children);
+    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.blocked, blocked = _d === void 0 ? false : _d, component = _a.component, rest = __rest(_a, ["children", "className", "size", "variant", "blocked", "component"]);
+    return React.createElement(component || 'button', __assign({ ref: ref, className: classnames('ods-btn', "ods-btn--" + size, "ods-btn--" + variant, blocked && 'ods-btn--blocked', className) }, rest), children);
 }
@@ -184,0 +184,0 @@ var Button = React.forwardRef(ButtonBase);

dist/index.js

@@ -186,4 +186,4 @@ 'use strict';
 function ButtonBase(_a, ref) {
-    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.fullWidth, fullWidth = _d === void 0 ? false : _d, component = _a.component, rest = __rest(_a, ["children", "className", "size", "variant", "fullWidth", "component"]);
-    return React.createElement(component || 'button', __assign({ ref: ref, className: classnames('ods-btn', "ods-btn--" + size, "ods-btn--" + variant, fullWidth && 'ods-btn--full-width', className) }, rest), children);
+    var children = _a.children, className = _a.className, _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.variant, variant = _c === void 0 ? 'primary' : _c, _d = _a.blocked, blocked = _d === void 0 ? false : _d, component = _a.component, rest = __rest(_a, ["children", "className", "size", "variant", "blocked", "component"]);
+    return React.createElement(component || 'button', __assign({ ref: ref, className: classnames('ods-btn', "ods-btn--" + size, "ods-btn--" + variant, blocked && 'ods-btn--blocked', className) }, rest), children);
 }
@@ -190,0 +190,0 @@ var Button = React.forwardRef(ButtonBase);

package.json

 {
   "name": "@useblu/ocean-components",
-  "version": "0.1.0-beta.6",
+  "version": "0.1.0-beta.7",
   "description": "React components that implement Ocean's Design System.",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Worsened metrics

Total package byte prevSize

163972

decreased by-0.08%

No dependency changes