@utrecht/component-library-react 1.0.0-alpha.26 → 1.0.0-alpha.27

package/dist/cjs/Button.d.ts

@@ -1,5 +1,24 @@
 import { ButtonHTMLAttributes } from 'react';
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    appearance?: string;
     busy?: boolean;
 }
 export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PrimaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+    displayName: string;
+};
+export declare const SecondaryActionButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+    displayName: string;
+};
+export declare const SubtleButton: {
+    ({ ...args }: {
+        [x: string]: any;
+    }): import("react").ReactElement<any, string | ((props: any) => import("react").ReactElement<any, any> | null) | (new (props: any) => import("react").Component<any, any, any>)> | null;
+    displayName: string;
+};

package/dist/cjs/Button.js

@@ -14,12 +14,30 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
+exports.SubtleButton = exports.SecondaryActionButton = exports.PrimaryActionButton = exports.Button = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_1 = require("react");
 exports.Button = react_1.forwardRef((_a, ref) => {
-    var { busy, disabled, children, className, type } = _a, restProps = __rest(_a, ["busy", "disabled", "children", "className", "type"]);
-    return (jsx_runtime_1.jsx("button", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', className), "aria-busy": busy || undefined, disabled: disabled, type: type || 'button' }, { children: children }), void 0));
+    var { appearance, busy, disabled, children, className, type } = _a, restProps = __rest(_a, ["appearance", "busy", "disabled", "children", "className", "type"]);
+    return (jsx_runtime_1.jsx("button", Object.assign({}, restProps, { ref: ref, className: clsx_1.default('utrecht-button', busy && 'utrecht-button--busy', disabled && 'utrecht-button--disabled', type === 'submit' && 'utrecht-button--submit', appearance === 'primary-action-button' && 'utrecht-button--primary-action', appearance === 'secondary-action-button' && 'utrecht-button--secondary-action', appearance === 'subtle-button' && 'utrecht-button--subtle', className), "aria-busy": busy || undefined, disabled: disabled, type: type || 'button' }, { children: children }), void 0));
 });
 exports.Button.displayName = 'utrecht-button';
+const PrimaryActionButton = (_a) => {
+    var args = __rest(_a, []);
+    return exports.Button(Object.assign(Object.assign({}, args), { appearance: 'primary-action-button' }));
+};
+exports.PrimaryActionButton = PrimaryActionButton;
+exports.PrimaryActionButton.displayName = 'utrecht-primary-action-button';
+const SecondaryActionButton = (_a) => {
+    var args = __rest(_a, []);
+    return exports.Button(Object.assign(Object.assign({}, args), { appearance: 'secondary-action-button' }));
+};
+exports.SecondaryActionButton = SecondaryActionButton;
+exports.SecondaryActionButton.displayName = 'utrecht-secondary-action-button';
+const SubtleButton = (_a) => {
+    var args = __rest(_a, []);
+    return exports.Button(Object.assign(Object.assign({}, args), { appearance: 'subtle-button' }));
+};
+exports.SubtleButton = SubtleButton;
+exports.SubtleButton.displayName = 'utrecht-subtle-button';

package/dist/cjs/tsconfig.tsbuildinfo

@@ -187,8 +187,8 @@
         "affectsGlobalScope": false
       },
       "../../src/Button.tsx": {
-        "version": "a5165cb7dafc8f799500ce8b1ae9c5602cb045c33571f59917998d8becc813ed",
-        "signature": "b15639d90dff6cb5207f1a4fff8746882f0facf9737ee9c9be825825e856c167",
+        "version": "2b977b5ae5eb2f861fc4c59d7ed6d7389e351b869b83cf8771f123bd174d95d5",
+        "signature": "a8b8c6f71186c4c58756249de19a9d47177f405bffa87eb829c654522d6ba2df",
         "affectsGlobalScope": false
       },
       "../../src/ButtonLink.tsx": {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0-alpha.26",
+  "version": "1.0.0-alpha.27",
   "author": "Community for NL Design System",
   "description": "React component library bundle for the Municipality of Utrecht based on the NL Design System architecture",
   "license": "EUPL-1.2",
@@ -227,5 +227,5 @@
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
-  "gitHead": "bd089384485cb0158780cb7cef9267a1a4870237"
+  "gitHead": "567e7defa9a87fd3010e77ec49170bd39fa1ed81"
 }