@fremtind/jkl-button-react
Advanced tools
Comparing version 15.2.19 to 15.2.20
"use strict"; | ||
var __create = Object.create; | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDesc = Object.getOwnPropertyDescriptor; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropNames = Object.getOwnPropertyNames; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __getProtoOf = Object.getPrototypeOf; | ||
var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
var __spreadValues = (a, b) => { | ||
for (var prop in b || (b = {})) | ||
if (__hasOwnProp.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
if (__getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(b)) { | ||
if (__propIsEnum.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
} | ||
return a; | ||
}; | ||
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
var __objRest = (source, exclude) => { | ||
var target = {}; | ||
for (var prop in source) | ||
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) | ||
target[prop] = source[prop]; | ||
if (source != null && __getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(source)) { | ||
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) | ||
target[prop] = source[prop]; | ||
} | ||
return target; | ||
}; | ||
var __export = (target, all) => { | ||
@@ -43,3 +72,3 @@ for (var name in all) | ||
const Button = import_react.default.forwardRef(function Button2(props, ref) { | ||
const { | ||
const _a = props, { | ||
as = "button", | ||
@@ -55,5 +84,16 @@ children, | ||
iconRight, | ||
variant = "secondary", | ||
...rest | ||
} = props; | ||
variant = "secondary" | ||
} = _a, rest = __objRest(_a, [ | ||
"as", | ||
"children", | ||
"className", | ||
"density", | ||
"onTouchStart", | ||
"loader", | ||
"icon", | ||
"iconPosition", | ||
"iconLeft", | ||
"iconRight", | ||
"variant" | ||
]); | ||
const Component = as; | ||
@@ -94,4 +134,3 @@ if (import_react.default.Children.count(children) === 0 && !props["aria-label"] && !props["aria-labelledby"] && !props.title) { | ||
Component, | ||
{ | ||
...ariaLive, | ||
__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, ariaLive), { | ||
"data-loading": showLoader, | ||
@@ -101,6 +140,6 @@ "data-density": density, | ||
disabled: as === "button" ? loader == null ? void 0 : loader.showLoader : void 0, | ||
onTouchStart: handleTouch, | ||
...rest, | ||
onTouchStart: handleTouch | ||
}), rest), { | ||
ref | ||
}, | ||
}), | ||
/* @__PURE__ */ import_react.default.createElement("div", { className: "jkl-button__label" }, iconLeft && iconLeft, icon && iconPosition === "left" && icon, children && /* @__PURE__ */ import_react.default.createElement("span", { className: "jkl-button__text" }, children), iconRight && iconRight, icon && iconPosition === "right" && icon), | ||
@@ -119,29 +158,25 @@ children && /* @__PURE__ */ import_react.default.createElement( | ||
function PrimaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "primary" | ||
}; | ||
return /* @__PURE__ */ import_react.default.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ import_react.default.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function SecondaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "secondary" | ||
}; | ||
return /* @__PURE__ */ import_react.default.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ import_react.default.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function TertiaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "tertiary" | ||
}; | ||
return /* @__PURE__ */ import_react.default.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ import_react.default.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function GhostButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "ghost" | ||
}; | ||
return /* @__PURE__ */ import_react.default.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ import_react.default.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
//# sourceMappingURL=Button.js.map |
@@ -0,1 +1,32 @@ | ||
var __defProp = Object.defineProperty; | ||
var __defProps = Object.defineProperties; | ||
var __getOwnPropDescs = Object.getOwnPropertyDescriptors; | ||
var __getOwnPropSymbols = Object.getOwnPropertySymbols; | ||
var __hasOwnProp = Object.prototype.hasOwnProperty; | ||
var __propIsEnum = Object.prototype.propertyIsEnumerable; | ||
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value; | ||
var __spreadValues = (a, b) => { | ||
for (var prop in b || (b = {})) | ||
if (__hasOwnProp.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
if (__getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(b)) { | ||
if (__propIsEnum.call(b, prop)) | ||
__defNormalProp(a, prop, b[prop]); | ||
} | ||
return a; | ||
}; | ||
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b)); | ||
var __objRest = (source, exclude) => { | ||
var target = {}; | ||
for (var prop in source) | ||
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) | ||
target[prop] = source[prop]; | ||
if (source != null && __getOwnPropSymbols) | ||
for (var prop of __getOwnPropSymbols(source)) { | ||
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) | ||
target[prop] = source[prop]; | ||
} | ||
return target; | ||
}; | ||
import { Loader } from "@fremtind/jkl-loader-react"; | ||
@@ -8,3 +39,3 @@ import { useAriaLiveRegion } from "@fremtind/jkl-react-hooks"; | ||
const Button = React.forwardRef(function Button2(props, ref) { | ||
const { | ||
const _a = props, { | ||
as = "button", | ||
@@ -20,5 +51,16 @@ children, | ||
iconRight, | ||
variant = "secondary", | ||
...rest | ||
} = props; | ||
variant = "secondary" | ||
} = _a, rest = __objRest(_a, [ | ||
"as", | ||
"children", | ||
"className", | ||
"density", | ||
"onTouchStart", | ||
"loader", | ||
"icon", | ||
"iconPosition", | ||
"iconLeft", | ||
"iconRight", | ||
"variant" | ||
]); | ||
const Component = as; | ||
@@ -59,4 +101,3 @@ if (React.Children.count(children) === 0 && !props["aria-label"] && !props["aria-labelledby"] && !props.title) { | ||
Component, | ||
{ | ||
...ariaLive, | ||
__spreadProps(__spreadValues(__spreadProps(__spreadValues({}, ariaLive), { | ||
"data-loading": showLoader, | ||
@@ -66,6 +107,6 @@ "data-density": density, | ||
disabled: as === "button" ? loader == null ? void 0 : loader.showLoader : void 0, | ||
onTouchStart: handleTouch, | ||
...rest, | ||
onTouchStart: handleTouch | ||
}), rest), { | ||
ref | ||
}, | ||
}), | ||
/* @__PURE__ */ React.createElement("div", { className: "jkl-button__label" }, iconLeft && iconLeft, icon && iconPosition === "left" && icon, children && /* @__PURE__ */ React.createElement("span", { className: "jkl-button__text" }, children), iconRight && iconRight, icon && iconPosition === "right" && icon), | ||
@@ -84,28 +125,24 @@ children && /* @__PURE__ */ React.createElement( | ||
function PrimaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "primary" | ||
}; | ||
return /* @__PURE__ */ React.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ React.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function SecondaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "secondary" | ||
}; | ||
return /* @__PURE__ */ React.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ React.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function TertiaryButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "tertiary" | ||
}; | ||
return /* @__PURE__ */ React.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ React.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
function GhostButton(props) { | ||
const buttonProps = { | ||
...props, | ||
const buttonProps = __spreadProps(__spreadValues({}, props), { | ||
variant: "ghost" | ||
}; | ||
return /* @__PURE__ */ React.createElement(Button, { ...buttonProps }); | ||
}); | ||
return /* @__PURE__ */ React.createElement(Button, __spreadValues({}, buttonProps)); | ||
} | ||
@@ -112,0 +149,0 @@ export { |
@@ -1,2 +0,1 @@ | ||
/// <reference types="react" /> | ||
import { Density, PolymorphicPropsWithRef } from "@fremtind/jkl-core"; | ||
@@ -3,0 +2,0 @@ export declare const buttonVariants: readonly ["primary", "secondary", "tertiary", "ghost"]; |
{ | ||
"name": "@fremtind/jkl-button-react", | ||
"version": "15.2.19", | ||
"version": "15.2.20", | ||
"publishConfig": { | ||
@@ -43,11 +43,11 @@ "access": "public" | ||
"dependencies": { | ||
"@fremtind/jkl-button": "^12.2.13", | ||
"@fremtind/jkl-core": "^14.8.8", | ||
"@fremtind/jkl-icons-react": "^9.1.21", | ||
"@fremtind/jkl-loader-react": "^12.0.31", | ||
"@fremtind/jkl-react-hooks": "^12.2.12", | ||
"classnames": "^2.3.2" | ||
"@fremtind/jkl-button": "^12.2.14", | ||
"@fremtind/jkl-core": "^14.8.9", | ||
"@fremtind/jkl-icons-react": "^9.1.22", | ||
"@fremtind/jkl-loader-react": "^12.0.32", | ||
"@fremtind/jkl-react-hooks": "^12.2.13", | ||
"classnames": "^2.5.1" | ||
}, | ||
"devDependencies": { | ||
"@fremtind/jkl-toggle-switch-react": "^13.1.42" | ||
"@fremtind/jkl-toggle-switch-react": "^13.1.43" | ||
}, | ||
@@ -67,3 +67,3 @@ "peerDependencies": { | ||
}, | ||
"gitHead": "6ccee5218b9cdfd6ccc542d6b9dd9f630422b2ff" | ||
"gitHead": "76fbf2eee70a9b2c2eaa952a65398a70a25688c9" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
43639
503