@axa-ch/button-link
Advanced tools
Comparing version 5.0.17 to 5.0.18
@@ -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 @@ }); |
@@ -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
126646
1216
+ Added@axa-ch/icon@6.0.2(transitive)
+ Added@axa-ch/materials@14.3.0(transitive)
- Removed@axa-ch/icon@6.0.1(transitive)
- Removed@axa-ch/materials@14.2.0(transitive)
Updated@axa-ch/icon@6.0.2