New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@axa-ch/button-link

Package Overview
Dependencies
Maintainers
62
Versions
103
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@axa-ch/button-link - npm Package Compare versions

Comparing version 5.0.17 to 5.0.18

54

lib/index.js

@@ -175,3 +175,3 @@ import { html, LitElement, css, unsafeCSS } from 'lit-element';

var DEFAULT_VALUE_OF_TYPE = new Map();
[[String, ''], [Boolean, false], [Object, {}], [Array, []], [Number, 0], [Function, () => {}]].forEach((_ref) => {
[[String, ''], [Boolean, false], [Object, {}], [Array, []], [Number, 0], [Function, () => {}]].forEach(_ref => {
var [key, value] = _ref;

@@ -364,41 +364,3 @@ DEFAULT_VALUE_OF_TYPE.set(key, value);

function _templateObject4() {
var data = _taggedTemplateLiteral(["\n <axa-icon\n class=\"a-button-link__arrow js-button-link__arrow\"\n icon=\"arrow-right\"\n ></axa-icon>\n "]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
var data = _taggedTemplateLiteral(["\n <axa-icon class=\"a-button-link__icon\" icon=\"", "\"></axa-icon>\n "]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
var data = _taggedTemplateLiteral(["\n <a\n class=\"", "\"\n href=\"", "\"\n target=\"", "\"\n rel=\"", "\"\n aria-disabled=\"", "\"\n @click=\"", "\"\n >\n <span class=\"a-button-link__flex-wrapper\">\n ", "\n <slot></slot>\n ", "\n </span>\n </a>\n "]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = _taggedTemplateLiteral(["\n ", "\n "]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
var ARROW_RIGHT = 'arrow-right';

@@ -412,3 +374,3 @@

static get styles() {
return css(_templateObject(), unsafeCSS(buttonLinkCSS));
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n "])), unsafeCSS(buttonLinkCSS));
} // Parent class InlineStyles needs a static method to retrive styles

@@ -459,4 +421,4 @@ // name of such method is passed when calling: this.inlineStyles('resetHeadingCss');

"axa-button-link": {
"axa-button-link": "5.0.17",
"axa-icon": "6.0.1"
"axa-button-link": "5.0.18",
"axa-icon": "6.0.2"
}

@@ -498,3 +460,3 @@ }, this);

};
return html(_templateObject2(), classMap(classes), href, external ? '_blank' : '_top', external ? 'noreferrer noopener' : '', disabled, this.onClick, this.showIcon ? versionedHtml(this)(_templateObject3(), icon) : '', this.showArrow ? versionedHtml(this)(_templateObject4()) : '');
return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <a\n class=\"", "\"\n href=\"", "\"\n target=\"", "\"\n rel=\"", "\"\n aria-disabled=\"", "\"\n @click=\"", "\"\n >\n <span class=\"a-button-link__flex-wrapper\">\n ", "\n <slot></slot>\n ", "\n </span>\n </a>\n "])), classMap(classes), href, external ? '_blank' : '_top', external ? 'noreferrer noopener' : '', disabled, this.onClick, this.showIcon ? versionedHtml(this)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n <axa-icon class=\"a-button-link__icon\" icon=\"", "\"></axa-icon>\n "])), icon) : '', this.showArrow ? versionedHtml(this)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n <axa-icon\n class=\"a-button-link__arrow js-button-link__arrow\"\n icon=\"arrow-right\"\n ></axa-icon>\n "]))) : '');
}

@@ -510,4 +472,4 @@

"axa-button-link": {
"axa-button-link": "5.0.17",
"axa-icon": "6.0.1"
"axa-button-link": "5.0.18",
"axa-icon": "6.0.2"
}

@@ -514,0 +476,0 @@ });

100

lib/index.react.js

@@ -6,17 +6,2 @@ import val from '@skatejs/val';

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;
}
function ownKeys(object, enumerableOnly) {

@@ -27,5 +12,9 @@ var keys = Object.keys(object);

var symbols = Object.getOwnPropertySymbols(object);
if (enumerableOnly) symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
if (enumerableOnly) {
symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
});
}
keys.push.apply(keys, symbols);

@@ -57,2 +46,17 @@ }

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;
}
function _objectWithoutPropertiesLoose(source, excluded) {

@@ -257,2 +261,4 @@ if (source == null) return {};

var _excluded = ["children"];
var isDefined = value => !(value === undefined || value === null);

@@ -266,3 +272,3 @@

var DEFAULT_VALUE_OF_TYPE = new Map();
[[String, ''], [Boolean, false], [Object, {}], [Array, []], [Number, 0], [Function, () => {}]].forEach((_ref) => {
[[String, ''], [Boolean, false], [Object, {}], [Array, []], [Number, 0], [Function, () => {}]].forEach(_ref => {
var [key, value] = _ref;

@@ -420,7 +426,7 @@ DEFAULT_VALUE_OF_TYPE.set(key, value);

var reactStatelessComponent = (_ref2) => {
var reactStatelessComponent = _ref2 => {
var {
children
} = _ref2,
properties = _objectWithoutProperties(_ref2, ["children"]);
properties = _objectWithoutProperties(_ref2, _excluded);

@@ -547,41 +553,3 @@ var {

function _templateObject4() {
var data = _taggedTemplateLiteral(["\n <axa-icon\n class=\"a-button-link__arrow js-button-link__arrow\"\n icon=\"arrow-right\"\n ></axa-icon>\n "]);
_templateObject4 = function _templateObject4() {
return data;
};
return data;
}
function _templateObject3() {
var data = _taggedTemplateLiteral(["\n <axa-icon class=\"a-button-link__icon\" icon=\"", "\"></axa-icon>\n "]);
_templateObject3 = function _templateObject3() {
return data;
};
return data;
}
function _templateObject2() {
var data = _taggedTemplateLiteral(["\n <a\n class=\"", "\"\n href=\"", "\"\n target=\"", "\"\n rel=\"", "\"\n aria-disabled=\"", "\"\n @click=\"", "\"\n >\n <span class=\"a-button-link__flex-wrapper\">\n ", "\n <slot></slot>\n ", "\n </span>\n </a>\n "]);
_templateObject2 = function _templateObject2() {
return data;
};
return data;
}
function _templateObject() {
var data = _taggedTemplateLiteral(["\n ", "\n "]);
_templateObject = function _templateObject() {
return data;
};
return data;
}
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
var ARROW_RIGHT = 'arrow-right';

@@ -595,3 +563,3 @@

static get styles() {
return css(_templateObject(), unsafeCSS(buttonLinkCSS));
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", "\n "])), unsafeCSS(buttonLinkCSS));
} // Parent class InlineStyles needs a static method to retrive styles

@@ -642,4 +610,4 @@ // name of such method is passed when calling: this.inlineStyles('resetHeadingCss');

"axa-button-link": {
"axa-button-link": "5.0.17",
"axa-icon": "6.0.1"
"axa-button-link": "5.0.18",
"axa-icon": "6.0.2"
}

@@ -681,3 +649,3 @@ }, this);

};
return html(_templateObject2(), classMap(classes), href, external ? '_blank' : '_top', external ? 'noreferrer noopener' : '', disabled, this.onClick, this.showIcon ? versionedHtml(this)(_templateObject3(), icon) : '', this.showArrow ? versionedHtml(this)(_templateObject4()) : '');
return html(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n <a\n class=\"", "\"\n href=\"", "\"\n target=\"", "\"\n rel=\"", "\"\n aria-disabled=\"", "\"\n @click=\"", "\"\n >\n <span class=\"a-button-link__flex-wrapper\">\n ", "\n <slot></slot>\n ", "\n </span>\n </a>\n "])), classMap(classes), href, external ? '_blank' : '_top', external ? 'noreferrer noopener' : '', disabled, this.onClick, this.showIcon ? versionedHtml(this)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n <axa-icon class=\"a-button-link__icon\" icon=\"", "\"></axa-icon>\n "])), icon) : '', this.showArrow ? versionedHtml(this)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n <axa-icon\n class=\"a-button-link__arrow js-button-link__arrow\"\n icon=\"arrow-right\"\n ></axa-icon>\n "]))) : '');
}

@@ -693,4 +661,4 @@

"axa-button-link": {
"axa-button-link": "5.0.17",
"axa-icon": "6.0.1"
"axa-button-link": "5.0.18",
"axa-icon": "6.0.2"
}

@@ -697,0 +665,0 @@ });

{
"name": "@axa-ch/button-link",
"version": "5.0.17",
"version": "5.0.18",
"description": "The button-link component for the AXA Pattern Library",
"author": "Pattern Warriors",
"homepage": "https://github.com/axa-ch/patterns-library/tree/develop/src/components/10-atoms/button#readme",
"homepage": "https://github.com/axa-ch-webhub-cloud/pattern-library/tree/develop/src/components/10-atoms/button#readme",
"license": "Copyright 2019 AXA Versicherungen AG",

@@ -27,9 +27,9 @@ "scripts": {

"type": "git",
"url": "git+https://github.com/axa-ch/patterns-library.git"
"url": "git+https://github.com/axa-ch-webhub-cloud/pattern-library.git"
},
"bugs": {
"url": "https://github.com/axa-ch/patterns-library/issues"
"url": "https://github.com/axa-ch-webhub-cloud/pattern-library/issues"
},
"dependencies": {
"@axa-ch/icon": "6.0.1",
"@axa-ch/icon": "6.0.2",
"@skatejs/val": "^0.4.0",

@@ -39,4 +39,4 @@ "lit-element": "^2.2.0",

},
"gitHead": "93f4439262a3f79a281d2c5f172c9cb29f13a33c",
"gitHead": "c3261b10354312759290151675309b45b5ea010e",
"main": "lib/index.js"
}
# AXA Button Link
Button links provide link functionality, but in the style of a button. They may display text, icons, or both. Button links can be styled via several properties to change their look-and-feel.
If you need a semantically correct button, use [axa-button](https://github.com/axa-ch/patterns-library/blob/develop/src/components/10-atoms/button/README.md) instead.
If you need a semantically correct button, use [axa-button](https://github.com/axa-ch-webhub-cloud/pattern-library/blob/develop/src/components/10-atoms/button/README.md) instead.

@@ -42,3 +42,3 @@ ## Properties

Using the attribute `icon`'s string value as icon name, an icon will be rendered. To see the full list of possible icons, see the [axa-icon](https://github.com/axa-ch/patterns-library/blob/develop/src/components/10-atoms/icon/README.md) README.
Using the attribute `icon`'s string value as icon name, an icon will be rendered. To see the full list of possible icons, see the [axa-icon](https://github.com/axa-ch-webhub-cloud/pattern-library/blob/develop/src/components/10-atoms/icon/README.md) README.

@@ -45,0 +45,0 @@ ### onClick

Sorry, the diff of this file is too big to display

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