@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 CHANGED
@@ -1,5 +1,5 @@
1
1
  import { VerticallyExtendedElement as e, createTemplate as t, renderTemplate as n } from "@proximus/lavender-common";
2
- // src/device-card.css?inline
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 };
@@ -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-beta.1",
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": [],
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-device-card",
3
- "version": "1.4.18-beta.1",
3
+ "version": "1.4.18",
4
4
  "description": "",
5
5
  "main": "dist/index.es.js",
6
6
  "types": "dist/index.d.ts",