@lukso/web-components 1.22.2 → 1.23.0

package/dist/components/lukso-card/index.cjs

@@ -54,7 +54,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
-        class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
       [this.defaultStyles]: !this.customClass,
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
@@ -75,7 +75,7 @@ exports.LuksoCard = class LuksoCard extends shared_tailwindElement_index.Tailwin
     return shared_tailwindElement_index.x`
       <div
         data-testid="card"
-        class="bg-neutral-98 grid grid-rows-[auto,1fr] ${index.customClassMap({
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${index.customClassMap({
       [this.defaultStyles]: !this.customClass,
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,

package/dist/components/lukso-card/index.js

@@ -50,7 +50,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return x`
       <div
         data-testid="card"
-        class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
       [this.defaultStyles]: !this.customClass,
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,
@@ -71,7 +71,7 @@ let LuksoCard = class extends TailwindStyledElement(style) {
     return x`
       <div
         data-testid="card"
-        class="bg-neutral-98 grid grid-rows-[auto,1fr] ${customClassMap({
+        class="bg-neutral-100 grid grid-rows-[auto,1fr] ${customClassMap({
       [this.defaultStyles]: !this.customClass,
       [this.customClass]: !!this.customClass,
       ["w-[362px]"]: this.isFixedWidth,

package/dist/components/lukso-icon/icons/switched.d.ts

@@ -0,0 +1,3 @@
+import { IconOptions } from '../../../components/lukso-icon/index.js';
+export declare const switched: (options: IconOptions) => import("lit-html").TemplateResult<1>;
+//# sourceMappingURL=switched.d.ts.map

package/dist/components/lukso-icon/icons/switched.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switched.d.ts","sourceRoot":"","sources":["../../../../../../src/components/lukso-icon/icons/switched.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAE9D,eAAO,MAAM,QAAQ,YAAa,WAAW,yCAyC5C,CAAA"}

package/dist/components/lukso-icon/index.cjs

@@ -4424,6 +4424,49 @@ const desktopSharp = (options) => {
   </svg> `;
 };
 
+const switched = (options) => {
+  return shared_tailwindElement_index.x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${styleMap.o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M7.82847 15.1716C6.53981 16.4603 5 18 5 18L7.82843 20.8284"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.1715 8.82838C17.4602 7.53972 19 6 19 6L16.1716 3.17157"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.1176 12H16C17.6569 12 19 13.3431 19 15V15C19 16.6569 17.6569 18 16 18H6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18 6H9C7.34315 6 6 7.34315 6 9V9C6 10.6569 7.34315 12 9 12H13"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -4552,7 +4595,8 @@ const iconMap = {
   "pulse-dot": pulseDot,
   "progress-complete": progressComplete,
   "complete-filled-fade-in": completeFilledFadeIn,
-  "desktop-sharp": desktopSharp
+  "desktop-sharp": desktopSharp,
+  switched
 };
 exports.LuksoIcon = class LuksoIcon extends shared_tailwindElement_index.TailwindStyledElement(style) {
   constructor() {

package/dist/components/lukso-icon/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AA2HA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAgI5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/lukso-icon/index.ts"],"names":[],"mappings":"AA4HA,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAA;;AAiI5E,qBACa,SAAU,SAAQ,cAA4B;IAEzD,IAAI,SAAK;IAGT,IAAI,SAAW;IAGf,KAAK,SAAe;IAGpB,cAAc,SAAK;IAEnB,OAAO,CAAC,KAAK,CA0BZ;IAED,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAA;KACxB;CACF"}

package/dist/components/lukso-icon/index.js

@@ -4420,6 +4420,49 @@ const desktopSharp = (options) => {
   </svg> `;
 };
 
+const switched = (options) => {
+  return x`<svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    style=${o({
+    width: `${options.width}px`,
+    height: `${options.height}px`
+  })}
+  >
+    <path
+      d="M7.82847 15.1716C6.53981 16.4603 5 18 5 18L7.82843 20.8284"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16.1715 8.82838C17.4602 7.53972 19 6 19 6L16.1716 3.17157"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.1176 12H16C17.6569 12 19 13.3431 19 15V15C19 16.6569 17.6569 18 16 18H6"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18 6H9C7.34315 6 6 7.34315 6 9V9C6 10.6569 7.34315 12 9 12H13"
+      stroke="var(--${options.color})"
+      stroke-width="${options.strokeWidth}"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg> `;
+};
+
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -4548,7 +4591,8 @@ const iconMap = {
   "pulse-dot": pulseDot,
   "progress-complete": progressComplete,
   "complete-filled-fade-in": completeFilledFadeIn,
-  "desktop-sharp": desktopSharp
+  "desktop-sharp": desktopSharp,
+  switched
 };
 let LuksoIcon = class extends TailwindStyledElement(style) {
   constructor() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukso/web-components",
-  "version": "1.22.2",
+  "version": "1.23.0",
   "type": "module",
   "files": [
     "dist",