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

@forter/button

Package Overview
Dependencies
Maintainers
3
Versions
147
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@forter/button - npm Package Compare versions

Comparing version 3.0.0 to 3.1.0

fc-icon-button.md

11

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log

# [3.1.0](https://github.com/forter/web-components/compare/@forter/button@3.0.0...@forter/button@3.1.0) (2019-09-03)
### Features
* **button:** add fc-icon-button ([1203b9c](https://github.com/forter/web-components/commit/1203b9c))
# [3.0.0](https://github.com/forter/web-components/compare/@forter/button@2.0.5...@forter/button@3.0.0) (2019-09-02)

@@ -8,0 +19,0 @@

35

FcButton.js

@@ -8,3 +8,2 @@ import { decorate as _decorate, get as _get, getPrototypeOf as _getPrototypeOf } from './_virtual/_rollupPluginBabelHelpers.js';

import { DelegatesFocusMixin } from '@forter/mixins/delegates-focus-mixin';
import '@polymer/paper-tooltip/paper-tooltip';
import '@forter/icon/fc-icon';

@@ -118,25 +117,2 @@ import theme from '@forter/styles/forter-theme.css.js';

decorators: [property({
type: String,
attribute: 'tooltip-position'
})],
key: "tooltipPosition",
value() {
return 'top';
}
}, {
kind: "field",
decorators: [property({
type: String
})],
key: "tooltip",
value() {
return '';
}
}, {
kind: "field",
decorators: [property({
type: Boolean,

@@ -193,4 +169,2 @@ reflect: true

secondaryIcon,
tooltip,
tooltipPosition,
width

@@ -200,11 +174,2 @@ } = this;

return html`
<!-- Tooltip -->
${!tooltip ? '' : html`
<paper-tooltip for="content"
animation-delay="35"
position="${tooltipPosition}">
${tooltip}
</paper-tooltip>
`}
<button id="content"

@@ -211,0 +176,0 @@ class="${classMap({

4

package.json
{
"name": "@forter/button",
"version": "3.0.0",
"version": "3.1.0",
"description": "Button from Forter Components",

@@ -58,3 +58,3 @@ "main": "index.js",

},
"gitHead": "b2e02bb45adf8f84dda34e8be754bf1a8fb413c4"
"gitHead": "e0cbc13dacc2f3203e3ee07098cbe47f93d5bc91"
}

@@ -8,3 +8,2 @@ import { LitElement, html, property } from 'lit-element';

import '@polymer/paper-tooltip/paper-tooltip';
import '@forter/icon/fc-icon';

@@ -42,6 +41,2 @@

@property({ type: String, attribute: 'tooltip-position' }) tooltipPosition = 'top';
@property({ type: String }) tooltip = '';
@property({ type: Boolean, reflect: true }) loading = false;

@@ -73,4 +68,2 @@

secondaryIcon,
tooltip,
tooltipPosition,
width,

@@ -82,11 +75,2 @@ } = this;

return html`
<!-- Tooltip -->
${!tooltip ? '' : html`
<paper-tooltip for="content"
animation-delay="35"
position="${tooltipPosition}">
${tooltip}
</paper-tooltip>
`}
<button id="content"

@@ -93,0 +77,0 @@ class="${classMap({ active })}"

@@ -25,9 +25,2 @@ import { capitalize } from '../../../lib/functions/src/capitalize';

const TOOLTIP_POSITION_OPTIONS = [
'top',
'bottom',
'left',
'right',
];
function elementProperties() {

@@ -68,4 +61,2 @@ return html`

secondary-icon="${ifDefined(text('secondary-icon', undefined, 'Attributes'))}"
tooltip="${ifDefined(text('tooltip', undefined, 'Attributes'))}"
tooltip-position="${select('tooltip-position', TOOLTIP_POSITION_OPTIONS, 'top', 'Attributes')}"
>${text('text content', 'Button')}</fc-button>

@@ -72,0 +63,0 @@ `;

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