@varlet/ui 3.3.6 → 3.3.7-alpha.1721326819975

package/es/styles/common.css

@@ -1 +1 @@
-.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--relative { position: relative;}.var--absolute { position: absolute;}.var--hidden { overflow: hidden;}.var--lock { overflow: hidden !important;}.var--block { display: block;}.var--ellipsis { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --color-body: #fff; --color-text: #333; --color-primary: #3a7afe; --color-info: #00afef; --color-success: #00c48f; --color-warning: #ff9f00; --color-danger: #f44336; --color-disabled: #e0e0e0; --color-text-disabled: #aaa; --color-on-primary: #fff; --color-on-info: #fff; --color-on-success: #fff; --color-on-warning: #fff; --color-on-danger: #fff; --color-primary-container: #3a7afe; --color-info-container: #00afef; --color-success-container: #00c48f; --color-warning-container: #ff9f00; --color-danger-container: #f44336; --color-on-primary-container: #fff; --color-on-info-container: #fff; --color-on-success-container: #fff; --color-on-warning-container: #fff; --color-on-danger-container: #fff; --color-surface-container: #fff; --color-surface-container-low: #fff; --color-surface-container-high: #fff; --color-surface-container-highest: #fff; --color-inverse-surface: #333; --color-outline: rgba(0, 0, 0, 0.12); --color-on-surface-variant: #888; --opacity-disabled: 0.6; --opacity-hover: 0.15; --opacity-focus: 0.2; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}
+.var--box { box-sizing: border-box;}.var--box * { box-sizing: border-box;}.var--lock { overflow: hidden !important;}.var--ellipsis { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}.var--inline-block { display: inline-block;}.var--flex { display: flex;}.var--inline-flex { display: inline-flex;}:root { --font-size-xs: 10px; --font-size-sm: 12px; --font-size-md: 14px; --font-size-lg: 16px; --icon-size-xs: 16px; --icon-size-sm: 18px; --icon-size-md: 20px; --icon-size-lg: 22px; --hsl-body: 0, 0%, 100%; --color-body: hsla(var(--hsl-body), 1); --hsl-text: 0, 0%, 20%; --color-text: hsla(var(--hsl-text), 1); --hsl-primary: 220, 99%, 61%; --color-primary: hsla(var(--hsl-primary), 1); --hsl-info: 196, 100%, 47%; --color-info: hsla(var(--hsl-info), 1); --hsl-success: 164, 100%, 38%; --color-success: hsla(var(--hsl-success), 1); --hsl-warning: 37, 100%, 50%; --color-warning: hsla(var(--hsl-warning), 1); --hsl-danger: 4, 90%, 58%; --color-danger: hsla(var(--hsl-danger), 1); --hsl-disabled: 0, 0%, 88%; --color-disabled: hsla(var(--hsl-disabled), 1); --hsl-text-disabled: 0, 0%, 67%; --color-text-disabled: hsla(var(--hsl-text-disabled), 1); --hsl-on-primary: 0, 0%, 100%; --color-on-primary: hsla(var(--hsl-on-primary), 1); --hsl-on-info: 0, 0%, 100%; --color-on-info: hsla(var(--hsl-on-info), 1); --hsl-on-success: 0, 0%, 100%; --color-on-success: hsla(var(--hsl-on-success), 1); --hsl-on-warning: 0, 0%, 100%; --color-on-warning: hsla(var(--hsl-on-warning), 1); --hsl-on-danger: 0, 0%, 100%; --color-on-danger: hsla(var(--hsl-on-danger), 1); --hsl-primary-container: 220, 99%, 61%; --color-primary-container: hsla(var(--hsl-primary-container), 1); --hsl-info-container: 196, 100%, 47%; --color-info-container: hsla(var(--hsl-info-container), 1); --hsl-success-container: 164, 100%, 38%; --color-success-container: hsla(var(--hsl-success-container), 1); --hsl-warning-container: 37, 100%, 50%; --color-warning-container: hsla(var(--hsl-warning-container), 1); --hsl-danger-container: 4, 90%, 58%; --color-danger-container: hsla(var(--hsl-danger-container), 1); --hsl-on-primary-container: 0, 0%, 100%; --color-on-primary-container: hsla(var(--hsl-on-primary-container), 1); --hsl-on-info-container: 0, 0%, 100%; --color-on-info-container: hsla(var(--hsl-on-info-container), 1); --hsl-on-success-container: 0, 0%, 100%; --color-on-success-container: hsla(var(--hsl-on-success-container), 1); --hsl-on-warning-container: 0, 0%, 100%; --color-on-warning-container: hsla(var(--hsl-on-warning-container), 1); --hsl-on-danger-container: 0, 0%, 100%; --color-on-danger-container: hsla(var(--hsl-on-danger-container), 1); --hsl-surface-container: 0, 0%, 100%; --color-surface-container: hsla(var(--hsl-surface-container), 1); --hsl-surface-container-low: 0, 0%, 100%; --color-surface-container-low: hsla(var(--hsl-surface-container-low), 1); --hsl-surface-container-high: 0, 0%, 100%; --color-surface-container-high: hsla(var(--hsl-surface-container-high), 1); --hsl-surface-container-highest: 0, 0%, 100%; --color-surface-container-highest: hsla(var(--hsl-surface-container-highest), 1); --hsl-inverse-surface: 0, 0%, 20%; --color-inverse-surface: hsla(var(--hsl-inverse-surface), 1); --hsl-outline: 0, 0%, 0%; --color-outline: hsla(var(--hsl-outline), 0.12); --hsl-on-surface-variant: 0, 0%, 53%; --color-on-surface-variant: hsla(var(--hsl-on-surface-variant), 1); --opacity-disabled: 0.6; --opacity-hover: 0.15; --opacity-focus: 0.2; --cubic-bezier: cubic-bezier(0.25, 0.8, 0.5, 1); --shadow-key-umbra-opacity: rgba(0, 0, 0, 0.2); --shadow-key-penumbra-opacity: rgba(0, 0, 0, 0.14); --shadow-key-ambient-opacity: rgba(0, 0, 0, 0.12);}

package/es/themes/dark/card.mjs

@@ -14,6 +14,11 @@ var stdin_default = {
   "--card-title-padding": "0 12px",
   "--card-title-margin": "15px 0 0 0",
   "--card-title-row-margin": "12px 0",
+  "--card-content-padding": "0 16px",
+  "--card-content-margin": "16px 0 0 0",
+  "--card-content-color": "var(--color-on-surface-variant)",
+  "--card-content-font-size": "14px",
+  "--card-content-row-margin": "16px 0 0 0",
   "--card-subtitle-font-size": "14px",
   "--card-subtitle-padding": "0 12px",
   "--card-subtitle-margin": "10px 0 0 0",

package/es/themes/dark/index.mjs

@@ -86,37 +86,68 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--icon-size-sm": "18px",
   "--icon-size-md": "20px",
   "--icon-size-lg": "22px",
-  "--color-body": "#1e1e1e",
-  "--color-text": "#fff",
-  "--color-primary": "#4a7afe",
-  "--color-info": "#10afef",
-  "--color-success": "#10c48f",
-  "--color-warning": "#ff8800",
-  "--color-danger": "#ef5350",
-  "--color-on-primary": "#fff",
-  "--color-on-info": "#fff",
-  "--color-on-success": "#fff",
-  "--color-on-warning": "#fff",
-  "--color-on-danger": "#fff",
-  "--color-primary-container": "#4a7afe",
-  "--color-info-container": "#10afef",
-  "--color-success-container": "#10c48f",
-  "--color-warning-container": "#ff8800",
-  "--color-danger-container": "#ef5350",
-  "--color-on-primary-container": "#fff",
-  "--color-on-info-container": "#fff",
-  "--color-on-success-container": "#fff",
-  "--color-on-warning-container": "#fff",
-  "--color-on-danger-container": "#fff",
-  "--color-disabled": "#404040",
-  "--color-text-disabled": "#757575",
-  "--color-surface-container": "#1e1e1e",
-  "--color-surface-container-low": "#1e1e1e",
-  "--color-surface-container-high": "#272727",
-  "--color-surface-container-highest": "#303030",
-  "--color-inverse-surface": "#fff",
-  "--color-outline": "rgba(255, 255, 255, 0.2)",
-  "--color-on-surface-variant": "#fff",
+  "--hsl-body": "0, 0%, 12%",
+  "--color-body": "hsla(var(--hsl-body), 1)",
+  "--hsl-text": "0, 0%, 100%",
+  "--color-text": "hsla(var(--hsl-text), 1)",
+  "--hsl-primary": "224, 99%, 64%",
+  "--color-primary": "hsla(var(--hsl-primary), 1)",
+  "--hsl-info": "197, 87%, 50%",
+  "--color-info": "hsla(var(--hsl-info), 1)",
+  "--hsl-success": "162, 85%, 42%",
+  "--color-success": "hsla(var(--hsl-success), 1)",
+  "--hsl-warning": "32, 100%, 50%",
+  "--color-warning": "hsla(var(--hsl-warning), 1)",
+  "--hsl-danger": "1, 83%, 63%",
+  "--color-danger": "hsla(var(--hsl-danger), 1)",
+  "--hsl-on-primary": "0, 0%, 100%",
+  "--color-on-primary": "hsla(var(--hsl-on-primary), 1)",
+  "--hsl-on-info": "0, 0%, 100%",
+  "--color-on-info": "hsla(var(--hsl-on-info), 1)",
+  "--hsl-on-success": "0, 0%, 100%",
+  "--color-on-success": "hsla(var(--hsl-on-success), 1)",
+  "--hsl-on-warning": "0, 0%, 100%",
+  "--color-on-warning": "hsla(var(--hsl-on-warning), 1)",
+  "--hsl-on-danger": "0, 0%, 100%",
+  "--color-on-danger": "hsla(var(--hsl-on-danger), 1)",
+  "--hsl-primary-container": "224, 99%, 64%",
+  "--color-primary-container": "hsla(var(--hsl-primary-container), 1)",
+  "--hsl-info-container": "197, 87%, 50%",
+  "--color-info-container": "hsla(var(--hsl-info-container), 1)",
+  "--hsl-success-container": "162, 85%, 42%",
+  "--color-success-container": "hsla(var(--hsl-success-container), 1)",
+  "--hsl-warning-container": "32, 100%, 50%",
+  "--color-warning-container": "hsla(var(--hsl-warning-container), 1)",
+  "--hsl-danger-container": "1, 83%, 63%",
+  "--color-danger-container": "hsla(var(--hsl-danger-container), 1)",
+  "--hsl-on-primary-container": "0, 0%, 100%",
+  "--color-on-primary-container": "hsla(var(--hsl-on-primary-container), 1)",
+  "--hsl-on-info-container": "0, 0%, 100%",
+  "--color-on-info-container": "hsla(var(--hsl-on-info-container), 1)",
+  "--hsl-on-success-container": "0, 0%, 100%",
+  "--color-on-success-container": "hsla(var(--hsl-on-success-container), 1)",
+  "--hsl-on-warning-container": "0, 0%, 100%",
+  "--color-on-warning-container": "hsla(var(--hsl-on-warning-container), 1)",
+  "--hsl-on-danger-container": "0, 0%, 100%",
+  "--color-on-danger-container": "hsla(var(--hsl-on-danger-container), 1)",
+  "--hsl-disabled": "0, 0%, 25%",
+  "--color-disabled": "hsla(var(--hsl-disabled), 1)",
+  "--hsl-text-disabled": "0, 0%, 46%",
+  "--color-text-disabled": "hsla(var(--hsl-text-disabled), 1)",
+  "--hsl-surface-container": "0, 0%, 12%",
+  "--color-surface-container": "hsla(var(--hsl-surface-container), 1)",
+  "--hsl-surface-container-low": "0, 0%, 12%",
+  "--color-surface-container-low": "hsla(var(--hsl-surface-container-low), 1)",
+  "--hsl-surface-container-high": "0, 0%, 15%",
+  "--color-surface-container-high": "hsla(var(--hsl-surface-container-high), 1)",
+  "--hsl-surface-container-highest": "0, 0%, 19%",
+  "--color-surface-container-highest": "hsla(var(--hsl-surface-container-highest), 1)",
+  "--hsl-inverse-surface": "0, 0%, 100%",
+  "--color-inverse-surface": "hsla(var(--hsl-inverse-surface), 1)",
+  "--hsl-outline": "0, 0%, 100%",
+  "--color-outline": "hsla(var(--hsl-outline), 0.2)",
+  "--hsl-on-surface-variant": "0, 0%, 100%",
+  "--color-on-surface-variant": "hsla(var(--hsl-on-surface-variant), 1)",
   "--opacity-disabled": "0.6",
   "--opacity-hover": "0.15",
   "--opacity-focus": "0.2",

package/es/themes/md3-dark/card.mjs

@@ -6,6 +6,11 @@ var stdin_default = {
   "--card-title-font-size": "16px",
   "--card-title-padding": "0 16px",
   "--card-title-margin": "16px 0 0 0",
+  "--card-content-padding": "0 16px",
+  "--card-content-margin": "16px 0 0 0",
+  "--card-content-color": "var(--color-on-surface-variant)",
+  "--card-content-font-size": "14px",
+  "--card-content-row-margin": "16px 0 0 0",
   "--card-subtitle-color": "var(--color-on-surface-variant)",
   "--card-subtitle-padding": "0 16px",
   "--card-subtitle-margin": "4px 0 0 0",

package/es/themes/md3-dark/index.mjs

@@ -86,37 +86,68 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--icon-size-sm": "18px",
   "--icon-size-md": "20px",
   "--icon-size-lg": "22px",
-  "--color-body": "#141218",
-  "--color-text": "#fff",
-  "--color-primary": "#D0BCFF",
-  "--color-info": "#CCC2DC",
-  "--color-success": "#BACF83",
-  "--color-warning": "#EFB8C8",
-  "--color-danger": "#F2B8B5",
-  "--color-on-primary": "#381E72",
-  "--color-on-info": "#332D41",
-  "--color-on-success": "#273500",
-  "--color-on-warning": "#492532",
-  "--color-on-danger": "#601410",
-  "--color-primary-container": "#5B4494",
-  "--color-info-container": "#575065",
-  "--color-success-container": "#485A19",
-  "--color-warning-container": "#6F4854",
-  "--color-danger-container": "#9D3A37",
-  "--color-on-primary-container": "#EADDFF",
-  "--color-on-info-container": "#E8DEF8",
-  "--color-on-success-container": "#D5EC9C",
-  "--color-on-warning-container": "#FFD8E4",
-  "--color-on-danger-container": "#F9DEDC",
-  "--color-disabled": "#404040",
-  "--color-text-disabled": "#757575",
-  "--color-surface-container": "#211F26",
-  "--color-surface-container-low": "#1D1B20",
-  "--color-surface-container-high": "#2B2930",
-  "--color-surface-container-highest": "#36343B",
-  "--color-inverse-surface": "#e6e0e9",
-  "--color-outline": "#49454F",
-  "--color-on-surface-variant": "#CAC4D0",
+  "--hsl-body": "260, 14%, 8%",
+  "--color-body": "hsla(var(--hsl-body), 1)",
+  "--hsl-text": "0, 0%, 100%",
+  "--color-text": "hsla(var(--hsl-text), 1)",
+  "--hsl-primary": "258, 100%, 87%",
+  "--color-primary": "hsla(var(--hsl-primary), 1)",
+  "--hsl-info": "263, 27%, 81%",
+  "--color-info": "hsla(var(--hsl-info), 1)",
+  "--hsl-success": "77, 44%, 66%",
+  "--color-success": "hsla(var(--hsl-success), 1)",
+  "--hsl-warning": "343, 63%, 83%",
+  "--color-warning": "hsla(var(--hsl-warning), 1)",
+  "--hsl-danger": "3, 70%, 83%",
+  "--color-danger": "hsla(var(--hsl-danger), 1)",
+  "--hsl-on-primary": "259, 58%, 28%",
+  "--color-on-primary": "hsla(var(--hsl-on-primary), 1)",
+  "--hsl-on-info": "258, 18%, 22%",
+  "--color-on-info": "hsla(var(--hsl-on-info), 1)",
+  "--hsl-on-success": "76, 100%, 10%",
+  "--color-on-success": "hsla(var(--hsl-on-success), 1)",
+  "--hsl-on-warning": "338, 33%, 22%",
+  "--color-on-warning": "hsla(var(--hsl-on-warning), 1)",
+  "--hsl-on-danger": "3, 71%, 22%",
+  "--color-on-danger": "hsla(var(--hsl-on-danger), 1)",
+  "--hsl-primary-container": "257, 37%, 42%",
+  "--color-primary-container": "hsla(var(--hsl-primary-container), 1)",
+  "--hsl-info-container": "260, 12%, 35%",
+  "--color-info-container": "hsla(var(--hsl-info-container), 1)",
+  "--hsl-success-container": "77, 57%, 23%",
+  "--color-success-container": "hsla(var(--hsl-success-container), 1)",
+  "--hsl-warning-container": "342, 21%, 36%",
+  "--color-warning-container": "hsla(var(--hsl-warning-container), 1)",
+  "--hsl-danger-container": "2, 48%, 42%",
+  "--color-danger-container": "hsla(var(--hsl-danger-container), 1)",
+  "--hsl-on-primary-container": "263, 100%, 93%",
+  "--color-on-primary-container": "hsla(var(--hsl-on-primary-container), 1)",
+  "--hsl-on-info-container": "263, 65%, 92%",
+  "--color-on-info-container": "hsla(var(--hsl-on-info-container), 1)",
+  "--hsl-on-success-container": "77, 68%, 77%",
+  "--color-on-success-container": "hsla(var(--hsl-on-success-container), 1)",
+  "--hsl-on-warning-container": "342, 100%, 92%",
+  "--color-on-warning-container": "hsla(var(--hsl-on-warning-container), 1)",
+  "--hsl-on-danger-container": "4, 71%, 92%",
+  "--color-on-danger-container": "hsla(var(--hsl-on-danger-container), 1)",
+  "--hsl-disabled": "0, 0%, 25%",
+  "--color-disabled": "hsla(var(--hsl-disabled), 1)",
+  "--hsl-text-disabled": "0, 0%, 46%",
+  "--color-text-disabled": "hsla(var(--hsl-text-disabled), 1)",
+  "--hsl-surface-container": "257, 10%, 14%",
+  "--color-surface-container": "hsla(var(--hsl-surface-container), 1)",
+  "--hsl-surface-container-low": "264, 8%, 12%",
+  "--color-surface-container-low": "hsla(var(--hsl-surface-container-low), 1)",
+  "--hsl-surface-container-high": "257, 8%, 17%",
+  "--color-surface-container-high": "hsla(var(--hsl-surface-container-high), 1)",
+  "--hsl-surface-container-highest": "257, 6%, 22%",
+  "--color-surface-container-highest": "hsla(var(--hsl-surface-container-highest), 1)",
+  "--hsl-inverse-surface": "280, 17%, 90%",
+  "--color-inverse-surface": "hsla(var(--hsl-inverse-surface), 1)",
+  "--hsl-outline": "264, 7%, 29%",
+  "--color-outline": "hsla(var(--hsl-outline), 1)",
+  "--hsl-on-surface-variant": "270, 11%, 79%",
+  "--color-on-surface-variant": "hsla(var(--hsl-on-surface-variant), 1)",
   "--opacity-disabled": "0.6",
   "--opacity-hover": "0.12",
   "--opacity-focus": "0.2",

package/es/themes/md3-light/card.mjs

@@ -6,6 +6,11 @@ var stdin_default = {
   "--card-title-font-size": "16px",
   "--card-title-padding": "0 16px",
   "--card-title-margin": "16px 0 0 0",
+  "--card-content-padding": "0 16px",
+  "--card-content-margin": "16px 0 0 0",
+  "--card-content-color": "var(--color-on-surface-variant)",
+  "--card-content-font-size": "14px",
+  "--card-content-row-margin": "16px 0 0 0",
   "--card-subtitle-color": "var(--color-on-surface-variant)",
   "--card-subtitle-padding": "0 16px",
   "--card-subtitle-margin": "4px 0 0 0",

package/es/themes/md3-light/index.mjs

@@ -86,37 +86,68 @@ var stdin_default = __spreadValues(__spreadValues(__spreadValues(__spreadValues(
   "--icon-size-sm": "18px",
   "--icon-size-md": "20px",
   "--icon-size-lg": "22px",
-  "--color-body": "#fef7ff",
-  "--color-text": "#000",
-  "--color-primary": "#6750A4",
-  "--color-info": "#625B71",
-  "--color-success": "#536525",
-  "--color-warning": "#7D5260",
-  "--color-danger": "#B3261E",
-  "--color-on-primary": "#fff",
-  "--color-on-info": "#fff",
-  "--color-on-success": "#fff",
-  "--color-on-warning": "#fff",
-  "--color-on-danger": "#fff",
-  "--color-primary-container": "#EADDFF",
-  "--color-info-container": "#E8DEF8",
-  "--color-success-container": "#D5EC9C",
-  "--color-warning-container": "#FFD8E4",
-  "--color-danger-container": "#F9DEDC",
-  "--color-on-primary-container": "#21005D",
-  "--color-on-info-container": "#1D192B",
-  "--color-on-success-container": "#151F00",
-  "--color-on-warning-container": "#31111D",
-  "--color-on-danger-container": "#410E0B",
-  "--color-disabled": "#e0e0e0",
-  "--color-text-disabled": "#aaa",
-  "--color-surface-container": "#F3EDF7",
-  "--color-surface-container-low": "#F7F2FA",
-  "--color-surface-container-high": "#ECE6F0",
-  "--color-surface-container-highest": "#E6E0E9",
-  "--color-inverse-surface": "#322F35",
-  "--color-outline": "#CAC4D0",
-  "--color-on-surface-variant": "#49454F",
+  "--hsl-body": "293, 100%, 98%",
+  "--color-body": "hsla(var(--hsl-body), 1)",
+  "--hsl-text": "0, 0%, 0%",
+  "--color-text": "hsla(var(--hsl-text), 1)",
+  "--hsl-primary": "256, 34%, 48%",
+  "--color-primary": "hsla(var(--hsl-primary), 1)",
+  "--hsl-info": "259, 11%, 40%",
+  "--color-info": "hsla(var(--hsl-info), 1)",
+  "--hsl-success": "77, 46%, 27%",
+  "--color-success": "hsla(var(--hsl-success), 1)",
+  "--hsl-warning": "340, 21%, 41%",
+  "--color-warning": "hsla(var(--hsl-warning), 1)",
+  "--hsl-danger": "3, 71%, 41%",
+  "--color-danger": "hsla(var(--hsl-danger), 1)",
+  "--hsl-on-primary": "0, 0%, 100%",
+  "--color-on-primary": "hsla(var(--hsl-on-primary), 1)",
+  "--hsl-on-info": "0, 0%, 100%",
+  "--color-on-info": "hsla(var(--hsl-on-info), 1)",
+  "--hsl-on-success": "0, 0%, 100%",
+  "--color-on-success": "hsla(var(--hsl-on-success), 1)",
+  "--hsl-on-warning": "0, 0%, 100%",
+  "--color-on-warning": "hsla(var(--hsl-on-warning), 1)",
+  "--hsl-on-danger": "0, 0%, 100%",
+  "--color-on-danger": "hsla(var(--hsl-on-danger), 1)",
+  "--hsl-primary-container": "263, 100%, 93%",
+  "--color-primary-container": "hsla(var(--hsl-primary-container), 1)",
+  "--hsl-info-container": "263, 65%, 92%",
+  "--color-info-container": "hsla(var(--hsl-info-container), 1)",
+  "--hsl-success-container": "77, 68%, 77%",
+  "--color-success-container": "hsla(var(--hsl-success-container), 1)",
+  "--hsl-warning-container": "342, 100%, 92%",
+  "--color-warning-container": "hsla(var(--hsl-warning-container), 1)",
+  "--hsl-danger-container": "4, 71%, 92%",
+  "--color-danger-container": "hsla(var(--hsl-danger-container), 1)",
+  "--hsl-on-primary-container": "261, 100%, 18%",
+  "--color-on-primary-container": "hsla(var(--hsl-on-primary-container), 1)",
+  "--hsl-on-info-container": "253, 26%, 13%",
+  "--color-on-info-container": "hsla(var(--hsl-on-info-container), 1)",
+  "--hsl-on-success-container": "79, 100%, 6%",
+  "--color-on-success-container": "hsla(var(--hsl-on-success-container), 1)",
+  "--hsl-on-warning-container": "338, 48%, 13%",
+  "--color-on-warning-container": "hsla(var(--hsl-on-warning-container), 1)",
+  "--hsl-on-danger-container": "3, 71%, 15%",
+  "--color-on-danger-container": "hsla(var(--hsl-on-danger-container), 1)",
+  "--hsl-disabled": "0, 0%, 88%",
+  "--color-disabled": "hsla(var(--hsl-disabled), 1)",
+  "--hsl-text-disabled": "0, 0%, 67%",
+  "--color-text-disabled": "hsla(var(--hsl-text-disabled), 1)",
+  "--hsl-surface-container": "276, 38%, 95%",
+  "--color-surface-container": "hsla(var(--hsl-surface-container), 1)",
+  "--hsl-surface-container-low": "278, 44%, 96%",
+  "--color-surface-container-low": "hsla(var(--hsl-surface-container-low), 1)",
+  "--hsl-surface-container-high": "276, 25%, 92%",
+  "--color-surface-container-high": "hsla(var(--hsl-surface-container-high), 1)",
+  "--hsl-surface-container-highest": "280, 17%, 90%",
+  "--color-surface-container-highest": "hsla(var(--hsl-surface-container-highest), 1)",
+  "--hsl-inverse-surface": "270, 6%, 20%",
+  "--color-inverse-surface": "hsla(var(--hsl-inverse-surface), 1)",
+  "--hsl-outline": "270, 11%, 79%",
+  "--color-outline": "hsla(var(--hsl-outline), 1)",
+  "--hsl-on-surface-variant": "264, 7%, 29%",
+  "--color-on-surface-variant": "hsla(var(--hsl-on-surface-variant), 1)",
   "--opacity-disabled": "0.6",
   "--opacity-hover": "0.12",
   "--opacity-focus": "0.2",

package/es/utils/components.mjs

@@ -93,7 +93,9 @@ function mount(component) {
     instance: app.mount(host),
     unmount() {
       app.unmount();
-      document.body.removeChild(host);
+      if (host.parentNode) {
+        document.body.removeChild(host);
+      }
     }
   };
 }