@proximus/lavender-device-card 1.4.18-beta.1 → 1.4.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.es.js +2 -1
- package/dist/web-types.json +2 -2
- package/package.json +1 -1
package/dist/index.es.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { VerticallyExtendedElement as e, createTemplate as t, renderTemplate as n } from "@proximus/lavender-common";
|
|
2
|
-
|
|
2
|
+
//#region src/device-card.css?inline
|
|
3
3
|
var r = ":host{display:block}:host *{box-sizing:border-box}.device-card{gap:var(--px-spacing-default-mobile);height:100%;font-family:var(--px-font-family);font-size:var(--px-font-size-base);color:var(--px-color-text-neutral-default);--btn-transition:all .2s ease-in-out 0s;transition:var(--btn-transition);border-radius:var(--px-radius-main);outline-color:var(--px-color-border-focus-outline-default);outline-width:var(--px-focus-outline-mobile);border:var(--px-size-border-m) solid transparent;background-color:var(--px-color-background-surface-light);padding:var(--px-padding-m-mobile);flex-direction:column;text-decoration:none;display:flex}.device-card ::slotted([slot=brand]){font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-dimmed-default)}.device-card ::slotted([slot=model]){font-size:var(--px-text-size-heading-l-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);color:var(--px-color-text-neutral-default);flex-grow:1}.device-card ::slotted([slot=energy-rating]),.device-card ::slotted([slot=model-visual]){flex-shrink:0}.device-card ::slotted([slot=color-options]),.device-card ::slotted([slot=storage-options]){gap:var(--px-spacing-xs-mobile);flex-wrap:wrap;display:flex}.device-card ::slotted([slot=as-from-label]){font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-dimmed-default);text-align:right}.device-card ::slotted([slot=with-subscription-label]){font-size:var(--px-text-size-body-l-mobile);line-height:var(--px-line-height-ratio-l);font-weight:var(--px-font-weight-title);color:var(--px-color-text-neutral-default)}.device-card ::slotted([slot=without-subscription-label]),.device-card ::slotted([slot=without-subscription-price]){font-size:var(--px-text-size-body-m-mobile);line-height:var(--px-line-height-ratio-l);color:var(--px-color-text-neutral-default)}.device-card ::slotted([slot=without-subscription-price]){text-align:right}.device-card:focus-visible{outline-offset:var(--px-focus-offset-mobile);outline-style:solid}.device-card:hover{border-color:var(--px-color-border-state-hover-default);background-color:var(--px-color-background-state-hover-bordered-default)}@media screen and (width>=48rem){.device-card{gap:var(--px-spacing-default-tablet);outline-width:var(--px-focus-outline-tablet);padding:var(--px-padding-m-tablet)}.device-card ::slotted([slot=brand]){font-size:var(--px-text-size-body-m-tablet)}.device-card ::slotted([slot=model]){font-size:var(--px-text-size-heading-l-tablet)}.device-card ::slotted([slot=color-options]),.device-card ::slotted([slot=storage-options]){gap:var(--px-spacing-xs-tablet)}.device-card ::slotted([slot=as-from-label]){font-size:var(--px-text-size-body-m-tablet)}.device-card ::slotted([slot=with-subscription-label]){font-size:var(--px-text-size-body-l-tablet)}.device-card ::slotted([slot=without-subscription-label]),.device-card ::slotted([slot=without-subscription-price]){font-size:var(--px-text-size-body-m-tablet)}.device-card:focus-visible{outline-offset:var(--px-focus-offset-tablet)}}@media screen and (width>=64.0625rem){.device-card{gap:var(--px-spacing-default-laptop);outline-width:var(--px-focus-outline-laptop);padding:var(--px-padding-m-laptop)}.device-card ::slotted([slot=brand]){font-size:var(--px-text-size-body-m-laptop)}.device-card ::slotted([slot=model]){font-size:var(--px-text-size-heading-l-laptop)}.device-card ::slotted([slot=color-options]),.device-card ::slotted([slot=storage-options]){gap:var(--px-spacing-xs-laptop)}.device-card ::slotted([slot=as-from-label]){font-size:var(--px-text-size-body-m-laptop)}.device-card ::slotted([slot=with-subscription-label]){font-size:var(--px-text-size-body-l-laptop)}.device-card ::slotted([slot=without-subscription-label]),.device-card ::slotted([slot=without-subscription-price]){font-size:var(--px-text-size-body-m-laptop)}.device-card:focus-visible{outline-offset:var(--px-focus-offset-laptop)}}@media screen and (width>=90.0625rem){.device-card{gap:var(--px-spacing-default-desktop);outline-width:var(--px-focus-outline-desktop);padding:var(--px-padding-m-desktop)}.device-card ::slotted([slot=brand]){font-size:var(--px-text-size-body-m-desktop)}.device-card ::slotted([slot=model]){font-size:var(--px-text-size-heading-l-desktop)}.device-card ::slotted([slot=color-options]),.device-card ::slotted([slot=storage-options]){gap:var(--px-spacing-xs-desktop)}.device-card ::slotted([slot=as-from-label]){font-size:var(--px-text-size-body-m-desktop)}.device-card ::slotted([slot=with-subscription-label]){font-size:var(--px-text-size-body-l-desktop)}.device-card ::slotted([slot=without-subscription-label]),.device-card ::slotted([slot=without-subscription-price]){font-size:var(--px-text-size-body-m-desktop)}.device-card:focus-visible{outline-offset:var(--px-focus-offset-desktop)}}", i = new CSSStyleSheet();
|
|
4
4
|
i.replaceSync(r);
|
|
5
5
|
var a = class r extends e {
|
|
@@ -22,4 +22,5 @@ var a = class r extends e {
|
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
customElements.get("px-device-card") || customElements.define("px-device-card", a);
|
|
25
|
+
//#endregion
|
|
25
26
|
export { a as DeviceCard };
|
package/dist/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
|
|
3
3
|
"name": "@proximus/lavender-device-card",
|
|
4
|
-
"version": "1.4.18
|
|
4
|
+
"version": "1.4.18",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "px-device-card",
|
|
11
|
-
"description": "\n---\n",
|
|
11
|
+
"description": "\n\n---\n",
|
|
12
12
|
"doc-url": "",
|
|
13
13
|
"attributes": [],
|
|
14
14
|
"events": [],
|