@aurodesignsystem-dev/auro-background 0.0.0-pr60.0 → 0.0.0-pr60.1

package/dist/index.d.ts

@@ -1,71 +1,10 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { css, LitElement, html } from 'lit';
+import { styleMap } from 'lit/directives/style-map.js';
 
-declare class g extends LitElement {
-    static get properties(): {
-        bg: {
-            type: StringConstructor;
-        };
-        bgSm: {
-            type: StringConstructor;
-        };
-        bgMd: {
-            type: StringConstructor;
-        };
-        bgLg: {
-            type: StringConstructor;
-        };
-        height: {
-            type: StringConstructor;
-        };
-        heightSm: {
-            type: StringConstructor;
-        };
-        heightMd: {
-            type: StringConstructor;
-        };
-        heightLg: {
-            type: StringConstructor;
-        };
-        width: {
-            type: StringConstructor;
-        };
-        widthSm: {
-            type: StringConstructor;
-        };
-        widthMd: {
-            type: StringConstructor;
-        };
-        widthLg: {
-            type: StringConstructor;
-        };
-        inset: {
-            type: StringConstructor;
-        };
-        insetSm: {
-            type: StringConstructor;
-        };
-        insetMd: {
-            type: StringConstructor;
-        };
-        insetLg: {
-            type: StringConstructor;
-        };
-    };
-    static get styles(): lit.CSSResult[];
-    static register(t?: string): void;
-    runtimeUtils: n;
-    firstUpdated(): void;
-    getInsetValues(t: any): any;
-    render(): lit_html.TemplateResult<1>;
-}
-
-declare class n {
-    registerComponent(t: any, e: any): void;
-    closestElement(t: any, e?: this, i?: (e: any, r?: any) => any): any;
-    handleComponentTagRename(t: any, e: any): void;
-    elementMatch(t: any, e: any): any;
-}
+class n{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,i=(e,r=e&&e.closest(t))=>e&&e!==document&&e!==window?r||i(e.getRootNode().host):null){return i(e)}handleComponentTagRename(t,e){const i=e.toLowerCase();t.tagName.toLowerCase()!==i&&t.setAttribute(i,true);}elementMatch(t,e){const i=e.toLowerCase();return t.tagName.toLowerCase()===i||t.hasAttribute(i)}}var s=css`:focus:not(:focus-visible){outline:3px solid transparent}.background{width:auto;width:var(--width);height:inherit;height:var(--height);padding:var(--inset);background:var(--background)}@media screen and (min-width: 576px){.background{width:var(--widthSm);height:var(--heightSm);padding:var(--insetSm);background:var(--backgroundSm)}}@media screen and (min-width: 768px){.background{width:var(--widthMd);height:var(--heightMd);padding:var(--insetMd);background:var(--backgroundMd)}}@media screen and (min-width: 1024px){.background{width:var(--widthLg);height:var(--heightLg);padding:var(--insetMd);background:var(--backgroundLg)}}
+`,a=css`:host{--ds-auro-background-container-color: transparent}
+`;class g extends LitElement{constructor(){super(),this.runtimeUtils=new n;}static get properties(){return {bg:{type:String},bgSm:{type:String},bgMd:{type:String},bgLg:{type:String},height:{type:String},heightSm:{type:String},heightMd:{type:String},heightLg:{type:String},width:{type:String},widthSm:{type:String},widthMd:{type:String},widthLg:{type:String},inset:{type:String},insetSm:{type:String},insetMd:{type:String},insetLg:{type:String}}}static get styles(){return [s,a]}static register(t="auro-background"){n.prototype.registerComponent(t,g);}firstUpdated(){this.runtimeUtils.handleComponentTagRename(this,"auro-background");}getInsetValues(t){const e={none:"0",xxxs:"25",xxs:"50",xs:"100",sm:"150",md:"200",lg:"300",xl:"400",xxl:"600",xxxl:"800"};return e[t]?`var(--ds-size-${e[t]})`:t}render(){const t={"--background":this.bg||"var(--ds-auro-background-container-color)","--backgroundSm":this.bgSm||"var(--background)","--backgroundMd":this.bgMd||"var(--backgroundSm)","--backgroundLg":this.bgLg||"var(--backgroundMd)","--width":this.width||"auto","--widthSm":this.widthSm||"var(--width)","--widthMd":this.widthMd||"var(--widthSm)","--widthLg":this.widthLg||"var(--widthMd)","--height":this.height||"auto","--heightSm":this.heightSm||"var(--height)","--heightMd":this.heightMd||"var(--heightSm)","--heightLg":this.heightLg||"var(--heightMd)","--inset":this.getInsetValues(this.inset)||"0","--insetSm":this.getInsetValues(this.insetSm)||"var(--inset)","--insetMd":this.getInsetValues(this.insetMd)||"var(--insetSm)","--insetLg":this.getInsetValues(this.insetLg)||"var(--insetMd)"};return html`
+      <div class="background" style=${styleMap(t)}><slot></slot></div>
+    `}}
 
 export { g as AuroBackground };

package/package.json

@@ -7,7 +7,7 @@
     "================================================================================"
   ],
   "name": "@aurodesignsystem-dev/auro-background",
-  "version": "0.0.0-pr60.0",
+  "version": "0.0.0-pr60.1",
   "description": "auro-background HTML custom element",
   "repository": {
     "type": "git",
@@ -24,59 +24,12 @@
     "lit": "^3.3.0"
   },
   "devDependencies": {
-    "@aurodesignsystem/auro-cli": "^3.0.1",
-    "@aurodesignsystem/auro-config": "^1.2.0",
+    "@aurodesignsystem/auro-cli": "^3.0.2",
+    "@aurodesignsystem/auro-config": "^1.3.0",
     "@aurodesignsystem/auro-library": "^5.5.3",
     "@aurodesignsystem/design-tokens": "^8.4.3",
-    "@aurodesignsystem/eslint-config": "^1.3.5",
     "@aurodesignsystem/webcorestylesheets": "^10.0.4",
-    "@biomejs/biome": "^1.9.4",
-    "@commitlint/cli": "^19.8.0",
-    "@commitlint/config-conventional": "^19.8.0",
-    "@open-wc/testing": "^4.0.0",
-    "@rollup/plugin-node-resolve": "^16.0.1",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/npm": "^12.0.1",
-    "@web/dev-server": "^0.4.6",
-    "@web/test-runner": "^0.20.1",
-    "autoprefixer": "^10.4.21",
-    "compression": "^1.8.0",
-    "concat": "^1.0.3",
-    "concurrently": "^9.1.2",
-    "copyfiles": "^2.4.1",
-    "core-js": "^3.41.0",
-    "eslint": "^9.24.0",
-    "eslint-plugin-jsdoc": "^50.6.9",
-    "husky": "^9.1.7",
-    "lint-staged": "^16.2.0",
-    "lodash": "^4.17.21",
-    "markdown-magic": "^3.4.2",
-    "nodemon": "^3.1.9",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.5.3",
-    "postcss-discard-comments": "^7.0.3",
-    "postcss-selector-replace": "^1.0.2",
-    "rollup": "^4.40.0",
-    "rollup-plugin-serve": "^3.0.0",
-    "sass": "^1.86.3",
-    "semantic-release": "^24.2.3",
-    "stylelint": "^16.18.0",
-    "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-config-standard": "^38.0.0",
-    "stylelint-config-standard-scss": "^14.0.0",
-    "stylelint-order": "^6.0.4",
-    "stylelint-scss": "^6.11.1",
-    "typescript": "^5.8.3",
-    "wc-sass-render": "^1.4.0",
-    "web-component-analyzer": "^2.0.0",
-    "whatwg-fetch": "^3.6.20",
-    "yaml-lint": "^1.7.0"
-  },
-  "overrides": {
-    "wc-sass-render": {
-      "sass": "$sass"
-    }
+    "husky": "^9.1.7"
   },
   "browserslist": [
     "last 2 Chrome versions",
@@ -104,14 +57,6 @@
     "test:watch": "auro test --watch",
     "prepare": "husky"
   },
-  "lint-staged": {
-    "*": [
-      "biome check --fix --no-errors-on-unmatched"
-    ],
-    "*.{scss,css}": [
-      "stylelint --fix"
-    ]
-  },
   "exports": {
     "./package.json": "./package.json",
     "./readme.md": "./README.md",