Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@dhis2-ui/button

Package Overview
Dependencies
Maintainers
2
Versions
321
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@dhis2-ui/button - npm Package Compare versions

Comparing version 6.19.0-alpha.1 to 6.19.0

4

build/cjs/button/button.styles.js

@@ -10,5 +10,5 @@ "use strict";

const _defaultExport = [`button.jsx-4026241391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${_uiConstants.colors.grey900};height:36px;padding:0 ${_uiConstants.spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${_uiConstants.colors.grey500};background-color:#f9fafb;}`, "button.jsx-4026241391:disabled{cursor:not-allowed;}", "button.jsx-4026241391:focus{outline:none;}", "button.jsx-4026241391::after{content:' ';pointer-events:none;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;border:2px solid transparent;border-radius:inherit;-webkit-transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);}", "button.jsx-4026241391:active.jsx-4026241391:focus.jsx-4026241391::after,button.jsx-4026241391:disabled.jsx-4026241391:focus.jsx-4026241391::after{border-color:transparent;}", `button.jsx-4026241391:hover{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};}`, `button.jsx-4026241391:active,button.jsx-4026241391:active.jsx-4026241391:focus{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-4026241391:focus{background-color:#f9fafb;}", `button.jsx-4026241391:focus.jsx-4026241391::after{border-color:${_uiConstants.theme.primary600};}`, `button.jsx-4026241391:disabled{border-color:${_uiConstants.colors.grey400};background-color:#f9fafb;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, ".small.jsx-4026241391{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-4026241391{height:43px;padding:0 ${_uiConstants.spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-4026241391{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, `.primary.jsx-4026241391:hover{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, `.primary.jsx-4026241391:active,.primary.jsx-4026241391:active.jsx-4026241391:focus{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}`, ".primary.jsx-4026241391:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-4026241391:focus.jsx-4026241391::after{border-color:${_uiConstants.colors.yellow300};}`, `.primary.jsx-4026241391:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, `.secondary.jsx-4026241391{border-color:${_uiConstants.colors.grey400};background-color:transparent;}`, `.secondary.jsx-4026241391:hover{border-color:${_uiConstants.colors.grey400};background-color:rgba(160,173,186,0.08);}`, `.secondary.jsx-4026241391:active,.secondary.jsx-4026241391:active.jsx-4026241391:focus{border-color:${_uiConstants.colors.grey400};background-color:rgba(160,173,186,0.2);box-shadow:none;}`, ".secondary.jsx-4026241391:focus{background-color:transparent;}", `.secondary.jsx-4026241391:focus.jsx-4026241391::after{border-color:${_uiConstants.theme.primary600};}`, `.secondary.jsx-4026241391:disabled{border-color:${_uiConstants.colors.grey400};background-color:transparent;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, `.destructive.jsx-4026241391{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, ".destructive.jsx-4026241391:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-4026241391:active,.destructive.jsx-4026241391:active.jsx-4026241391:focus{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-4026241391:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", ".destructive.jsx-4026241391:focus.jsx-4026241391:after{border-color:#5e0303;}", `.destructive.jsx-4026241391:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".icon-only.jsx-4026241391{padding:0 0 0 5px;}", ".button-icon.jsx-4026241391{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:5px;}", ".small.icon-only.jsx-4026241391{padding:0 0 0 1px;}", ".small.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:2px;}", ".small.icon-only.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:1px;}", `.toggled.jsx-4026241391{background:${_uiConstants.colors.grey700};border:1px solid ${_uiConstants.colors.grey900};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, `.toggled.jsx-4026241391:focus{background:${_uiConstants.colors.grey800};border:1px solid ${_uiConstants.colors.yellow300};}`, `.toggled.jsx-4026241391:hover{background:${_uiConstants.colors.grey800};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-4026241391:focus.jsx-4026241391::after{border-color:${_uiConstants.colors.yellow300};}`, `.toggled.jsx-4026241391:active,.toggled.jsx-4026241391:active.jsx-4026241391:focus{background:${_uiConstants.colors.grey900};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-4026241391:disabled{background:${_uiConstants.colors.grey500};border-color:${_uiConstants.colors.grey600};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, ".loader.jsx-4026241391{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-4026241391+.button-icon.jsx-4026241391{display:none;}", ".icon-only.jsx-4026241391 .loader.jsx-4026241391{margin:0 8px 0 4px;}", ".small.icon-only.jsx-4026241391 .loader.jsx-4026241391{margin:0 4px;}"];
_defaultExport.__hash = "4026241391";
const _defaultExport = [`button.jsx-3597138218{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${_uiConstants.colors.grey900};height:36px;padding:0 ${_uiConstants.spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${_uiConstants.colors.grey500};background-color:#f9fafb;}`, "button.jsx-3597138218:disabled{cursor:not-allowed;}", "button.jsx-3597138218:focus{outline:none;}", "button.jsx-3597138218::after{content:' ';pointer-events:none;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid transparent;border-radius:inherit;-webkit-transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);}", "button.jsx-3597138218:active.jsx-3597138218:focus.jsx-3597138218::after,button.jsx-3597138218:disabled.jsx-3597138218:focus.jsx-3597138218::after{border-color:transparent;}", `button.jsx-3597138218:hover{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};}`, `button.jsx-3597138218:active,button.jsx-3597138218:active.jsx-3597138218:focus{border-color:${_uiConstants.colors.grey500};background-color:${_uiConstants.colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-3597138218:focus{background-color:#f9fafb;}", `button.jsx-3597138218:focus.jsx-3597138218::after{border-color:${_uiConstants.theme.primary600};}`, `button.jsx-3597138218:disabled{border-color:${_uiConstants.colors.grey400};background-color:#f9fafb;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, ".small.jsx-3597138218{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-3597138218{height:43px;padding:0 ${_uiConstants.spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-3597138218{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, `.primary.jsx-3597138218:hover{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, `.primary.jsx-3597138218:active,.primary.jsx-3597138218:active.jsx-3597138218:focus{border-color:${_uiConstants.theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}`, ".primary.jsx-3597138218:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-3597138218:focus.jsx-3597138218::after{border-color:${_uiConstants.colors.yellow300};}`, `.primary.jsx-3597138218:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, `.secondary.jsx-3597138218{border-color:${_uiConstants.colors.grey400};background-color:transparent;}`, `.secondary.jsx-3597138218:hover{border-color:${_uiConstants.colors.grey400};background-color:rgba(160,173,186,0.08);}`, `.secondary.jsx-3597138218:active,.secondary.jsx-3597138218:active.jsx-3597138218:focus{border-color:${_uiConstants.colors.grey400};background-color:rgba(160,173,186,0.2);box-shadow:none;}`, ".secondary.jsx-3597138218:focus{background-color:transparent;}", `.secondary.jsx-3597138218:focus.jsx-3597138218::after{border-color:${_uiConstants.theme.primary600};}`, `.secondary.jsx-3597138218:disabled{border-color:${_uiConstants.colors.grey400};background-color:transparent;box-shadow:none;color:${_uiConstants.theme.disabled};fill:${_uiConstants.theme.disabled};}`, `.destructive.jsx-3597138218{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};font-weight:500;}`, ".destructive.jsx-3597138218:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-3597138218:active,.destructive.jsx-3597138218:active.jsx-3597138218:focus{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-3597138218:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", ".destructive.jsx-3597138218:focus.jsx-3597138218:after{border-color:#5e0303;}", `.destructive.jsx-3597138218:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${_uiConstants.colors.white};fill:${_uiConstants.colors.white};}`, ".icon-only.jsx-3597138218{padding:0 0 0 5px;}", ".button-icon.jsx-3597138218{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:5px;}", ".small.icon-only.jsx-3597138218{padding:0 0 0 1px;}", ".small.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:2px;}", ".small.icon-only.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:1px;}", `.toggled.jsx-3597138218{background:${_uiConstants.colors.grey700};border:1px solid ${_uiConstants.colors.grey900};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, `.toggled.jsx-3597138218:focus{background:${_uiConstants.colors.grey800};border:1px solid ${_uiConstants.colors.yellow300};}`, `.toggled.jsx-3597138218:hover{background:${_uiConstants.colors.grey800};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-3597138218:focus.jsx-3597138218::after{border-color:${_uiConstants.colors.yellow300};}`, `.toggled.jsx-3597138218:active,.toggled.jsx-3597138218:active.jsx-3597138218:focus{background:${_uiConstants.colors.grey900};border-color:${_uiConstants.colors.grey900};}`, `.toggled.jsx-3597138218:disabled{background:${_uiConstants.colors.grey500};border-color:${_uiConstants.colors.grey600};color:${_uiConstants.colors.grey050};fill:${_uiConstants.colors.grey050};}`, ".loader.jsx-3597138218{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-3597138218+.button-icon.jsx-3597138218{display:none;}", ".icon-only.jsx-3597138218 .loader.jsx-3597138218{margin:0 8px 0 4px;}", ".small.icon-only.jsx-3597138218 .loader.jsx-3597138218{margin:0 4px;}"];
_defaultExport.__hash = "3597138218";
var _default = _defaultExport;
exports.default = _default;

@@ -92,3 +92,3 @@ "use strict";

"data-test": dataTest,
className: "jsx-4260486793"
className: "jsx-3954082408"
}, /*#__PURE__*/_react.default.createElement(_index.Button, {

@@ -132,4 +132,4 @@ name: name,

}, component)), rightButton.styles, /*#__PURE__*/_react.default.createElement(_style.default, {
id: "4260486793"
}, ["div.jsx-4260486793{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;color:inherit;white-space:nowrap;}", "div.jsx-4260486793>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-4260486793>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}"]));
id: "3954082408"
}, ["div.jsx-3954082408{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-3954082408>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-3954082408>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}", "div.jsx-3954082408>button:focus::after{z-index:1;}"]));
}

@@ -136,0 +136,0 @@

import { colors, theme, spacers } from '@dhis2/ui-constants';
const _defaultExport = [`button.jsx-4026241391{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${colors.grey900};height:36px;padding:0 ${spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${colors.grey500};background-color:#f9fafb;}`, "button.jsx-4026241391:disabled{cursor:not-allowed;}", "button.jsx-4026241391:focus{outline:none;}", "button.jsx-4026241391::after{content:' ';pointer-events:none;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:1;border:2px solid transparent;border-radius:inherit;-webkit-transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);}", "button.jsx-4026241391:active.jsx-4026241391:focus.jsx-4026241391::after,button.jsx-4026241391:disabled.jsx-4026241391:focus.jsx-4026241391::after{border-color:transparent;}", `button.jsx-4026241391:hover{border-color:${colors.grey500};background-color:${colors.grey200};}`, `button.jsx-4026241391:active,button.jsx-4026241391:active.jsx-4026241391:focus{border-color:${colors.grey500};background-color:${colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-4026241391:focus{background-color:#f9fafb;}", `button.jsx-4026241391:focus.jsx-4026241391::after{border-color:${theme.primary600};}`, `button.jsx-4026241391:disabled{border-color:${colors.grey400};background-color:#f9fafb;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, ".small.jsx-4026241391{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-4026241391{height:43px;padding:0 ${spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-4026241391{border-color:${theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${colors.white};fill:${colors.white};font-weight:500;}`, `.primary.jsx-4026241391:hover{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, `.primary.jsx-4026241391:active,.primary.jsx-4026241391:active.jsx-4026241391:focus{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}`, ".primary.jsx-4026241391:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-4026241391:focus.jsx-4026241391::after{border-color:${colors.yellow300};}`, `.primary.jsx-4026241391:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${colors.white};fill:${colors.white};}`, `.secondary.jsx-4026241391{border-color:${colors.grey400};background-color:transparent;}`, `.secondary.jsx-4026241391:hover{border-color:${colors.grey400};background-color:rgba(160,173,186,0.08);}`, `.secondary.jsx-4026241391:active,.secondary.jsx-4026241391:active.jsx-4026241391:focus{border-color:${colors.grey400};background-color:rgba(160,173,186,0.2);box-shadow:none;}`, ".secondary.jsx-4026241391:focus{background-color:transparent;}", `.secondary.jsx-4026241391:focus.jsx-4026241391::after{border-color:${theme.primary600};}`, `.secondary.jsx-4026241391:disabled{border-color:${colors.grey400};background-color:transparent;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, `.destructive.jsx-4026241391{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${colors.white};fill:${colors.white};font-weight:500;}`, ".destructive.jsx-4026241391:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-4026241391:active,.destructive.jsx-4026241391:active.jsx-4026241391:focus{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-4026241391:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", ".destructive.jsx-4026241391:focus.jsx-4026241391:after{border-color:#5e0303;}", `.destructive.jsx-4026241391:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".icon-only.jsx-4026241391{padding:0 0 0 5px;}", ".button-icon.jsx-4026241391{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:5px;}", ".small.icon-only.jsx-4026241391{padding:0 0 0 1px;}", ".small.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:2px;}", ".small.icon-only.jsx-4026241391 .button-icon.jsx-4026241391{margin-right:1px;}", `.toggled.jsx-4026241391{background:${colors.grey700};border:1px solid ${colors.grey900};color:${colors.grey050};fill:${colors.grey050};}`, `.toggled.jsx-4026241391:focus{background:${colors.grey800};border:1px solid ${colors.yellow300};}`, `.toggled.jsx-4026241391:hover{background:${colors.grey800};border-color:${colors.grey900};}`, `.toggled.jsx-4026241391:focus.jsx-4026241391::after{border-color:${colors.yellow300};}`, `.toggled.jsx-4026241391:active,.toggled.jsx-4026241391:active.jsx-4026241391:focus{background:${colors.grey900};border-color:${colors.grey900};}`, `.toggled.jsx-4026241391:disabled{background:${colors.grey500};border-color:${colors.grey600};color:${colors.grey050};fill:${colors.grey050};}`, ".loader.jsx-4026241391{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-4026241391+.button-icon.jsx-4026241391{display:none;}", ".icon-only.jsx-4026241391 .loader.jsx-4026241391{margin:0 8px 0 4px;}", ".small.icon-only.jsx-4026241391 .loader.jsx-4026241391{margin:0 4px;}"];
_defaultExport.__hash = "4026241391";
const _defaultExport = [`button.jsx-3597138218{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:4px;font-weight:400;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;-webkit-text-decoration:none;text-decoration:none;cursor:pointer;-webkit-transition:all 0.15s cubic-bezier(0.4,0,0.6,1);transition:all 0.15s cubic-bezier(0.4,0,0.6,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:${colors.grey900};height:36px;padding:0 ${spacers.dp12};font-size:14px;line-height:16px;border:1px solid ${colors.grey500};background-color:#f9fafb;}`, "button.jsx-3597138218:disabled{cursor:not-allowed;}", "button.jsx-3597138218:focus{outline:none;}", "button.jsx-3597138218::after{content:' ';pointer-events:none;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid transparent;border-radius:inherit;-webkit-transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);transition:border-color 0.15s cubic-bezier(0.4,0,0.6,1);}", "button.jsx-3597138218:active.jsx-3597138218:focus.jsx-3597138218::after,button.jsx-3597138218:disabled.jsx-3597138218:focus.jsx-3597138218::after{border-color:transparent;}", `button.jsx-3597138218:hover{border-color:${colors.grey500};background-color:${colors.grey200};}`, `button.jsx-3597138218:active,button.jsx-3597138218:active.jsx-3597138218:focus{border-color:${colors.grey500};background-color:${colors.grey200};box-shadow:0 0 0 1px rgb(0,0,0,0.1) inset;}`, "button.jsx-3597138218:focus{background-color:#f9fafb;}", `button.jsx-3597138218:focus.jsx-3597138218::after{border-color:${theme.primary600};}`, `button.jsx-3597138218:disabled{border-color:${colors.grey400};background-color:#f9fafb;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, ".small.jsx-3597138218{height:28px;padding:0 8px;font-size:14px;line-height:16px;}", `.large.jsx-3597138218{height:43px;padding:0 ${spacers.dp24};font-size:16px;-webkit-letter-spacing:0.57px;-moz-letter-spacing:0.57px;-ms-letter-spacing:0.57px;letter-spacing:0.57px;line-height:19px;}`, `.primary.jsx-3597138218{border-color:${theme.primary800};background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#2b61b3;color:${colors.white};fill:${colors.white};font-weight:500;}`, `.primary.jsx-3597138218:hover{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#21539f;}`, `.primary.jsx-3597138218:active,.primary.jsx-3597138218:active.jsx-3597138218:focus{border-color:${theme.primary800};background:linear-gradient(180deg,#054fa3 0%,#034793 100%);background-color:#1c4a90;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}`, ".primary.jsx-3597138218:focus{background:linear-gradient(180deg,#1565c0 0%,#0650a3 100%);background-color:#285dac;}", `.primary.jsx-3597138218:focus.jsx-3597138218::after{border-color:${colors.yellow300};}`, `.primary.jsx-3597138218:disabled{border-color:#93a6bd;background:#b3c6de;box-shadow:none;color:${colors.white};fill:${colors.white};}`, `.secondary.jsx-3597138218{border-color:${colors.grey400};background-color:transparent;}`, `.secondary.jsx-3597138218:hover{border-color:${colors.grey400};background-color:rgba(160,173,186,0.08);}`, `.secondary.jsx-3597138218:active,.secondary.jsx-3597138218:active.jsx-3597138218:focus{border-color:${colors.grey400};background-color:rgba(160,173,186,0.2);box-shadow:none;}`, ".secondary.jsx-3597138218:focus{background-color:transparent;}", `.secondary.jsx-3597138218:focus.jsx-3597138218::after{border-color:${theme.primary600};}`, `.secondary.jsx-3597138218:disabled{border-color:${colors.grey400};background-color:transparent;box-shadow:none;color:${theme.disabled};fill:${theme.disabled};}`, `.destructive.jsx-3597138218{border-color:#a10b0b;background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b9242b;color:${colors.white};fill:${colors.white};font-weight:500;}`, ".destructive.jsx-3597138218:hover{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac0f1a;}", ".destructive.jsx-3597138218:active,.destructive.jsx-3597138218:active.jsx-3597138218:focus{border-color:#a10b0b;background:linear-gradient(180deg,#b81c1c 0%,#b80c0b 100%);background-color:#ac101b;box-shadow:0 0 0 1px rgba(0,0,0,0.18) inset;}", ".destructive.jsx-3597138218:focus{background:linear-gradient(180deg,#d32f2f 0%,#b71c1c 100%);background-color:#b72229;}", ".destructive.jsx-3597138218:focus.jsx-3597138218:after{border-color:#5e0303;}", `.destructive.jsx-3597138218:disabled{border-color:#c59898;background:#d6a8a8;box-shadow:none;color:${colors.white};fill:${colors.white};}`, ".icon-only.jsx-3597138218{padding:0 0 0 5px;}", ".button-icon.jsx-3597138218{margin-right:6px;color:inherit;fill:inherit;font-size:26px;vertical-align:middle;pointer-events:none;}", ".icon-only.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:5px;}", ".small.icon-only.jsx-3597138218{padding:0 0 0 1px;}", ".small.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:2px;}", ".small.icon-only.jsx-3597138218 .button-icon.jsx-3597138218{margin-right:1px;}", `.toggled.jsx-3597138218{background:${colors.grey700};border:1px solid ${colors.grey900};color:${colors.grey050};fill:${colors.grey050};}`, `.toggled.jsx-3597138218:focus{background:${colors.grey800};border:1px solid ${colors.yellow300};}`, `.toggled.jsx-3597138218:hover{background:${colors.grey800};border-color:${colors.grey900};}`, `.toggled.jsx-3597138218:focus.jsx-3597138218::after{border-color:${colors.yellow300};}`, `.toggled.jsx-3597138218:active,.toggled.jsx-3597138218:active.jsx-3597138218:focus{background:${colors.grey900};border-color:${colors.grey900};}`, `.toggled.jsx-3597138218:disabled{background:${colors.grey500};border-color:${colors.grey600};color:${colors.grey050};fill:${colors.grey050};}`, ".loader.jsx-3597138218{width:16px;height:16px;margin-right:8px;}", ".loader.jsx-3597138218+.button-icon.jsx-3597138218{display:none;}", ".icon-only.jsx-3597138218 .loader.jsx-3597138218{margin:0 8px 0 4px;}", ".small.icon-only.jsx-3597138218 .loader.jsx-3597138218{margin:0 4px;}"];
_defaultExport.__hash = "3597138218";
export default _defaultExport;

@@ -70,3 +70,3 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

"data-test": dataTest,
className: "jsx-4260486793"
className: "jsx-3954082408"
}, /*#__PURE__*/React.createElement(Button, {

@@ -110,4 +110,4 @@ name: name,

}, component)), rightButton.styles, /*#__PURE__*/React.createElement(_JSXStyle, {
id: "4260486793"
}, ["div.jsx-4260486793{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;color:inherit;white-space:nowrap;}", "div.jsx-4260486793>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-4260486793>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}"]));
id: "3954082408"
}, ["div.jsx-3954082408{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:inherit;white-space:nowrap;position:relative;z-index:0;}", "div.jsx-3954082408>button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0;}", "div.jsx-3954082408>button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;}", "div.jsx-3954082408>button:focus::after{z-index:1;}"]));
}

@@ -114,0 +114,0 @@

{
"name": "@dhis2-ui/button",
"version": "6.19.0-alpha.1",
"version": "6.19.0",
"description": "UI Button",

@@ -34,8 +34,8 @@ "repository": {

"dependencies": {
"@dhis2-ui/layer": "6.19.0-alpha.1",
"@dhis2-ui/popper": "6.19.0-alpha.1",
"@dhis2-ui/loader": "6.19.0-alpha.1",
"@dhis2-ui/layer": "6.19.0",
"@dhis2-ui/popper": "6.19.0",
"@dhis2-ui/loader": "6.19.0",
"@dhis2/prop-types": "^1.6.4",
"@dhis2/ui-constants": "6.19.0-alpha.1",
"@dhis2/ui-icons": "6.19.0-alpha.1",
"@dhis2/ui-constants": "6.19.0",
"@dhis2/ui-icons": "6.19.0",
"classnames": "^2.3.1",

@@ -42,0 +42,0 @@ "prop-types": "^15.7.2"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc