@workday/canvas-kit-react/dist/commonjs/button/lib/DeleteButton.js

The parent module that contains all Workday Canvas Kit React components

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeleteButton = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const BaseButton_1 = require("./BaseButton");
const common_1 = require("@workday/canvas-kit-react/common");
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
const canvas_tokens_web_1 = require("@workday/canvas-tokens-web");
const Button_1 = require("./Button");
const icon_1 = require("@workday/canvas-kit-react/icon");
const deleteButtonStencil = (0, canvas_kit_styling_1.createStencil)({
    extends: BaseButton_1.buttonStencil,
    base: { name: "2gaer7", styles: "box-sizing:border-box;--background-button-85bf0e:var(--cnvs-brand-error-base);--borderRadius-button-85bf0e:var(--cnvs-sys-shape-round);--label-button-85bf0e:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--icon-a1b49d, var(--cnvs-brand-error-accent));&:focus-visible, &.focus{--background-button-85bf0e:var(--cnvs-brand-error-base);--label-button-85bf0e:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--icon-553b51, var(--cnvs-brand-error-accent));--boxShadowInner-button-85bf0e:var(--cnvs-sys-color-border-inverse);--boxShadowOuter-button-85bf0e:var(--cnvs-brand-common-focus-outline);}&:hover, &.hover{--background-button-85bf0e:var(--cnvs-brand-error-dark);--label-button-85bf0e:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--icon-846e8f, var(--cnvs-brand-error-accent));}&:active, &.active{--background-button-85bf0e:var(--cnvs-brand-error-darkest);--label-button-85bf0e:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--icon-3abb65, var(--cnvs-brand-error-accent));}&:disabled, &.disabled{--background-button-85bf0e:var(--cnvs-brand-error-base);--label-button-85bf0e:var(--cnvs-brand-error-accent);--color-system-icon-3a4847:var(--icon-74b26e, var(--cnvs-brand-error-accent));--opacity-button-85bf0e:var(--cnvs-sys-opacity-disabled);}" }
}, "delete-button-93ef97");
/**
 * Use sparingly for destructive actions that will result in data loss, can’t be undone, or will
 * have significant consequences. They commonly appear in confirmation dialogs as the final
 * confirmation before being deleted.
 */
exports.DeleteButton = (0, common_1.createComponent)('button')({
    displayName: 'DeleteButton',
    Component: ({ children, size, iconPosition, grow, cs, ...elemProps }, ref, Element) => {
        return ((0, jsx_runtime_1.jsx)(Button_1.Button, { as: Element, ref: ref, size: size, grow: grow, iconPosition: iconPosition, cs: [deleteButtonStencil({ size, iconPosition }), cs], ...elemProps, children: children }));
    },
});