@gemeente-denhaag/button
Advanced tools
Comparing version 0.2.2 to 0.2.3-alpha.2
@@ -0,0 +0,0 @@ export declare const classes: { |
@@ -0,0 +0,0 @@ import React from 'react'; |
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
No bug tracker
MaintenancePackage does not have a linked bug tracker in package.json.
Found 1 instance in 1 package
3
124083
7
121
+ Added@gemeente-denhaag/baseprops@0.2.3-alpha.355(transitive)
- Removed@gemeente-denhaag/baseprops@0.2.2(transitive)
- Removed@gemeente-denhaag/design-tokens-common@0.2.2(transitive)
- Removed@gemeente-denhaag/design-tokens-components@0.2.2(transitive)