Socket
Socket
Sign inDemoInstall

@gemeente-denhaag/button

Package Overview
Dependencies
Maintainers
3
Versions
406
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@gemeente-denhaag/button - npm Package Compare versions

Comparing version 0.2.2 to 0.2.3-alpha.2

0

dist/bem-mapping.d.ts

@@ -0,0 +0,0 @@ export declare const classes: {

@@ -0,0 +0,0 @@ import React from 'react';

9

dist/index.js

@@ -1,2 +0,2 @@

import React from'react';import {StylesProvider,Button as Button$1}from'@material-ui/core';var classes = {
import React from'react';import {Button as Button$1}from'@material-ui/core';var classes = {
root: 'denhaag-button',

@@ -36,4 +36,4 @@ label: 'denhaag-button__label',

}
}var css_248z$1 = ".denhaag-button{box-shadow:none;transition:none;text-transform:none;letter-spacing:0;line-height:1.75;cursor:pointer;display:inline-flex;outline:0;position:relative;align-items:center;vertical-align:middle;justify-content:center;text-decoration:none;border:0}.denhaag-button>span{width:100%;display:inherit;align-items:inherit;justify-content:inherit}.denhaag-button--focus,.denhaag-button--hover,.denhaag-button:focus,.denhaag-button:hover{box-shadow:none}";
styleInject(css_248z$1);var css_248z = ".denhaag-button{font-family:var(--denhaag-button-font-family);border-radius:var(--denhaag-button-border-radius)}.denhaag-button--focus:after,.denhaag-button:focus:after{content:\"\";display:block;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius)}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{top:-3px;bottom:-3px;left:-3px;right:-3px}.denhaag-button--primary-action{background-color:var(--denhaag-button-primary-action-background-color);color:var(--denhaag-button-primary-action-color)}.denhaag-button--primary-action.denhaag-button--hover,.denhaag-button--primary-action:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button--primary-action.denhaag-button--disabled,.denhaag-button--primary-action.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);color:var(--denhaag-button-secondary-action-color);border:var(--denhaag-button-border-width) solid var(--denhaag-button-secondary-action-border-color)}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);color:var(--denhaag-button-secondary-action-hover-color);border-color:var(--denhaag-button-secondary-action-hover-border-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);color:var(--denhaag-button-secondary-action-disabled-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color)}.denhaag-button--medium{padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));font-size:var(--denhaag-font-size-base)}.denhaag-button--medium.denhaag-button--secondary-action{padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width))}.denhaag-button--large{padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));font-size:var(--denhaag-font-size-lg)}.denhaag-button--large.denhaag-button--secondary-action{padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width))}.denhaag-button__icon-size-medium>:first-child{font-size:var(--denhaag-font-size-lg)}.denhaag-button__icon-size-large>:first-child{font-size:var(--denhaag-font-size-xl)}";
}var css_248z$1 = ".denhaag-button{box-shadow:none;transition:none;text-transform:none;letter-spacing:0;line-height:1.75;cursor:pointer;display:inline-flex;outline:0;position:relative;align-items:center;vertical-align:middle;justify-content:center;text-decoration:none;border:0}.denhaag-button>span{width:100%;display:inherit;align-items:inherit;justify-content:inherit}.denhaag-button--active,.denhaag-button--focus,.denhaag-button--hover,.denhaag-button:active,.denhaag-button:focus,.denhaag-button:hover{box-shadow:none}";
styleInject(css_248z$1);var css_248z = ".denhaag-button{font-family:var(--denhaag-button-font-family);border-radius:var(--denhaag-button-border-radius)}.denhaag-button--focus:after,.denhaag-button:focus:after{content:\"\";display:block;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px;border:var(--denhaag-focus-border);border-radius:var(--denhaag-border-radius)}.denhaag-button--secondary-action.denhaag-button--focus:after,.denhaag-button--secondary-action:focus:after{top:-3px;bottom:-3px;left:-3px;right:-3px}.denhaag-button--primary-action{background-color:var(--denhaag-button-primary-action-background-color);color:var(--denhaag-button-primary-action-color)}.denhaag-button--primary-action.denhaag-button--hover,.denhaag-button--primary-action:hover{background-color:var(--denhaag-button-primary-action-hover-background-color);color:var(--denhaag-button-primary-action-hover-color)}.denhaag-button--primary-action.denhaag-button--disabled,.denhaag-button--primary-action.denhaag-button:disabled{background-color:var(--denhaag-button-primary-action-disabled-background-color);color:var(--denhaag-button-primary-action-disabled-color)}.denhaag-button--secondary-action{background-color:var(--denhaag-button-secondary-action-background-color);color:var(--denhaag-button-secondary-action-color);border:var(--denhaag-button-border-width) solid var(--denhaag-button-secondary-action-border-color)}.denhaag-button--secondary-action.denhaag-button--hover,.denhaag-button--secondary-action:hover{background-color:var(--denhaag-button-secondary-action-hover-background-color);color:var(--denhaag-button-secondary-action-hover-color);border-color:var(--denhaag-button-secondary-action-hover-border-color)}.denhaag-button--secondary-action.denhaag-button--disabled,.denhaag-button--secondary-action.denhaag-button:disabled{background-color:var(--denhaag-button-secondary-action-disabled-background-color);color:var(--denhaag-button-secondary-action-disabled-color);border-color:var(--denhaag-button-secondary-action-disabled-border-color)}.denhaag-button--medium{padding-inline-start:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-end:var(--denhaag-button-medium-size-padding-inline,var(--denhaag-button-padding-inline));padding-block-start:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));padding-block-end:var(--denhaag-button-medium-size-padding-block,var(--denhaag-button-padding-block));font-size:var(--denhaag-typography-scale-base-font-size)}.denhaag-button--medium.denhaag-button--secondary-action{padding-inline-start:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-medium-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-end:calc(var(--denhaag-button-medium-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width))}.denhaag-button--large{padding-inline-start:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-inline-end:var(--denhaag-button-large-size-padding-inline,var(--denhaag-button-padding-inline));padding-block-start:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));padding-block-end:var(--denhaag-button-large-size-padding-block,var(--denhaag-button-padding-block));font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button--large.denhaag-button--secondary-action{padding-inline-start:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-inline-end:calc(var(--denhaag-button-large-size-padding-inline, var(--denhaag-button-padding-inline)) - var(--denhaag-button-border-width));padding-block-start:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width));padding-block-end:calc(var(--denhaag-button-large-size-padding-block, var(--denhaag-button-padding-block)) - var(--denhaag-button-border-width))}.denhaag-button__icon-size-medium>:first-child{font-size:var(--denhaag-typography-scale-lg-font-size)}.denhaag-button__icon-size-large>:first-child{font-size:var(--denhaag-typography-scale-xl-font-size)}";
styleInject(css_248z);/**

@@ -54,4 +54,3 @@ * Primary UI component for user interaction

}
return (React.createElement(StylesProvider, { injectFirst: true },
React.createElement(Button$1, { classes: classes, className: sizeClass, variant: muiVariant, onClick: props.onClick, disabled: props.disabled, type: props.type, startIcon: props.startIcon, endIcon: props.endIcon, disableRipple: true }, props.children)));
return (React.createElement(Button$1, { classes: classes, className: sizeClass, variant: muiVariant, onClick: props.onClick, disabled: props.disabled, type: props.type, startIcon: props.startIcon, endIcon: props.endIcon, disableRipple: true }, props.children));
};export default Button;export{Button};

@@ -6,3 +6,3 @@ {

"license": "EUPL-1.2",
"version": "0.2.2",
"version": "0.2.3-alpha.2",
"main": "dist/index.js",

@@ -21,14 +21,12 @@ "module": "dist/index.js",

"type": "git",
"url": "https://github.com/Gemeente-DenHaag/denhaag-component-library.git",
"url": "https://github.com/nl-design-system/denhaag.git",
"directory": "src/components/Button"
},
"bugs": "https://github.com/Gemeente-DenHaag/denhaag-component-library/issues",
"bugs": "https://github.com/nl-design-system/denhaag/issues",
"dependencies": {
"@gemeente-denhaag/baseprops": "^0.2.2",
"@gemeente-denhaag/design-tokens-common": "^0.2.2",
"@gemeente-denhaag/design-tokens-components": "^0.2.2",
"@gemeente-denhaag/baseprops": "^0.2.3-alpha.2",
"@material-ui/core": "^4.11.0"
},
"devDependencies": {
"@gemeente-denhaag/icons": "^0.2.2"
"@gemeente-denhaag/icons": "^0.2.3-alpha.2"
},

@@ -38,3 +36,3 @@ "peerDependencies": {

},
"gitHead": "b567e431e23f75cb6f8a919bfbd130cf1397b66d"
"gitHead": "a2fea50f8884768a68e7056699fc0424f3bddf78"
}
# Button
![npm (scoped)](https://img.shields.io/npm/v/@gemeente-denhaag/button?logo=npm&style=flat-square)
![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/Gemeente-Denhaag/denhaag-component-library/Build%20and%20deploy%20Storybook%20to%20Azure%20Web%20App/master?logo=github&style=flat-square)
![GitHub Workflow Status (branch)](https://img.shields.io/github/workflow/status/nl-design-system/denhaag/Build%20and%20deploy%20Storybook%20to%20Azure%20Web%20App/master?logo=github&style=flat-square)

@@ -6,0 +6,0 @@ Buttons are used for actions such as "Add", "Close", "Cancel" or "Save".

Sorry, the diff of this file is not supported yet

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