@proximus/lavender-device-card 1.4.1 → 1.4.2
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/DeviceCard.d.ts +2 -2
- package/dist/index.es.js +1 -1
- package/package.json +1 -1
package/dist/DeviceCard.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { VerticallyExtendedElement } from '@proximus/lavender-common';
|
|
2
2
|
export declare const styleSheet: CSSStyleSheet;
|
|
3
|
-
export declare class DeviceCard extends
|
|
3
|
+
export declare class DeviceCard extends VerticallyExtendedElement<HTMLLinkElement> {
|
|
4
4
|
static nativeName: string;
|
|
5
5
|
template: () => string;
|
|
6
6
|
constructor();
|
package/dist/index.es.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { VerticallyExtendedElement as l } from "@proximus/lavender-common";
|
|
2
2
|
const r = ':host{display:block}:host *{box-sizing:border-box}.device-card{display:flex;flex-direction:column;gap:var(--px-spacing-default-mobile);height:100%;font-family:var(--px-font-family);font-size:var(--px-font-size-base);text-decoration:none;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)}.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"]){display:flex;gap:var(--px-spacing-xs-mobile);flex-wrap:wrap}.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 only screen and (min-width: 48em){.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 only screen and (min-width: 64.0625em){.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 only screen and (min-width: 90.0625em){.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)}}', a = new CSSStyleSheet();
|
|
3
3
|
a.replaceSync(r);
|
|
4
4
|
const e = class e extends l {
|