@porsche-design-system/components-vue 4.2.0-rc.4 → 4.2.0

package/tailwindcss/index.css

@@ -1,15 +1,11 @@
 @theme {
-  /* Reset */
   --breakpoint-*: initial;
   --color-*: initial;
   --radius-*: initial;
   --shadow-*: initial;
   --text-*: initial;
-
-  /* Color */
   --color-black: #000;
   --color-white: #fff;
-
   --color-focus: var(--_color-focus-dynamic, light-dark(#1a44ea, #1a44ea));
   --color-canvas: var(
     --_color-canvas-dynamic,
@@ -139,61 +135,47 @@
     --_color-info-frosted-soft-dynamic,
     light-dark(hsl(211 80% 95% / 0.55), hsl(210 59% 15% / 0.66))
   );
-
-  /* Typography */
-
-  /*
-    This variable might be prefixed by Tailwind (e.g., --tw-font-porsche-next).
-    By pointing it to our dynamic variable, we create a stable link.
-  */
+  /* This variable might be prefixed by Tailwind (e.g., --tw-font-porsche-next). By pointing it to our dynamic variable, we create a stable link. */
   --font-porsche-next: var(--_font-porsche-next-dynamic);
   --font-sans: --theme(--font-porsche-next);
-
   --font-weight-normal: 400;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
-
   --leading-normal: calc(6px + 2.125ex);
-
   --text-2xs: 0.75rem;
-  --text-2xs--line-height: calc(6px + 2.125ex);
   --text-xs: 0.875rem;
-  --text-xs--line-height: calc(6px + 2.125ex);
+  --text-sm: 1rem;
+  --text-md: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
+  --text-lg: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
+  --text-xl: clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem);
+  --text-2xl: clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem);
+  --text-3xl: clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem);
+  --text-4xl: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
+  --text-5xl: clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem);
   --text-base: 1rem;
   --text-base--line-height: calc(6px + 2.125ex);
-  --text-sm: 1rem;
+  --text-2xs--line-height: calc(6px + 2.125ex);
+  --text-xs--line-height: calc(6px + 2.125ex);
   --text-sm--line-height: calc(6px + 2.125ex);
-  --text-md: clamp(1.13rem, 0.21vw + 1.08rem, 1.33rem);
   --text-md--line-height: calc(6px + 2.125ex);
-  --text-lg: clamp(1.27rem, 0.51vw + 1.16rem, 1.78rem);
   --text-lg--line-height: calc(6px + 2.125ex);
-  --text-xl: clamp(1.42rem, 0.94vw + 1.23rem, 2.37rem);
   --text-xl--line-height: calc(6px + 2.125ex);
-  --text-2xl: clamp(1.6rem, 1.56vw + 1.29rem, 3.16rem);
   --text-2xl--line-height: calc(6px + 2.125ex);
-  --text-3xl: clamp(1.8rem, 2.41vw + 1.32rem, 4.21rem);
   --text-3xl--line-height: calc(6px + 2.125ex);
-  --text-4xl: clamp(2.03rem, 3.58vw + 1.31rem, 5.61rem);
   --text-4xl--line-height: calc(6px + 2.125ex);
-  --text-5xl: clamp(2.28rem, 5.2vw + 1.24rem, 7.48rem);
   --text-5xl--line-height: calc(6px + 2.125ex);
-
-  /* Breakpoint */
   --breakpoint-xs: 480px;
   --breakpoint-sm: 760px;
   --breakpoint-md: 1000px;
   --breakpoint-lg: 1300px;
   --breakpoint-xl: 1760px;
   --breakpoint-2xl: 1920px;
-
-  /* Spacing */
   --spacing-fluid-xs: clamp(4px, 0.25vw + 3px, 8px);
   --spacing-fluid-sm: clamp(8px, 0.5vw + 6px, 16px);
   --spacing-fluid-md: clamp(16px, 1.25vw + 12px, 36px);
   --spacing-fluid-lg: clamp(32px, 2.75vw + 23px, 76px);
   --spacing-fluid-xl: clamp(48px, 3vw + 38px, 96px);
   --spacing-fluid-2xl: clamp(80px, 7.5vw + 56px, 200px);
-
   --spacing-static-2xs: 1px;
   --spacing-static-xs: 4px;
   --spacing-static-sm: 8px;
@@ -201,8 +183,6 @@
   --spacing-static-lg: 32px;
   --spacing-static-xl: 48px;
   --spacing-static-2xl: 80px;
-
-  /* Border */
   --radius-xs: 2px;
   --radius-sm: 4px;
   --radius-md: 6px;
@@ -212,53 +192,41 @@
   --radius-3xl: 24px;
   --radius-4xl: 32px;
   --radius-full: calc(infinity * 1px);
-
   --default-border-width: 1px;
-  --border-width-regular: 2px; /* alias (deprecated) */
-  --border-width-thin: 1px; /* alias (deprecated) */
-
-  /* Blur */
+  /* alias (deprecated) */
+  --border-width-regular: 2px;
+  /* alias (deprecated) */
+  --border-width-thin: 1px;
   --blur-frosted: 32px;
-
-  /* Shadow */
   --shadow-sm: 0px 3px 8px rgba(0, 0, 0, 0.16);
-  --shadow-low: --theme(--shadow-sm); /* alias (deprecated) */
   --shadow-md: 0px 4px 16px rgba(0, 0, 0, 0.16);
-  --shadow-medium: --theme(--shadow-md); /* alias (deprecated) */
   --shadow-lg: 0px 8px 40px rgba(0, 0, 0, 0.16);
-  --shadow-high: --theme(--shadow-lg); /* alias (deprecated) */
-
-  /* Outline */
   --default-outline-width: 2px;
-
-  /* Motion */
-  --default-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
-  --ease-in-out: cubic-bezier(0.25, 0.1, 0.25, 1);
-  --ease-in: cubic-bezier(0, 0, 0.2, 1);
-  --ease-out: cubic-bezier(0.4, 0, 0.5, 1);
-
-  --default-transition-duration: 0.25s;
   --transition-duration-sm: 0.25s;
-  --transition-duration-short: --theme(
-    --transition-duration-sm
-  ); /* alias (deprecated) */
   --transition-duration-md: 0.4s;
-  --transition-duration-moderate: --theme(
-    --transition-duration-md
-  ); /* alias (deprecated) */
   --transition-duration-lg: 0.6s;
-  --transition-duration-long: --theme(
-    --transition-duration-lg
-  ); /* alias (deprecated) */
   --transition-duration-xl: 1.2s;
-  --transition-duration-very-long: --theme(
-    --transition-duration-xl
-  ); /* alias (deprecated) */
-
-  /* Animation */
+  --ease-in-out: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --ease-in: cubic-bezier(0, 0, 0.2, 1);
+  --ease-out: cubic-bezier(0.4, 0, 0.5, 1);
+  --default-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
+  --default-transition-duration: 0.25s;
+  /* alias (deprecated) */
+  --shadow-low: --theme(--shadow-sm);
+  /* alias (deprecated) */
+  --shadow-medium: --theme(--shadow-md);
+  /* alias (deprecated) */
+  --shadow-high: --theme(--shadow-lg);
+  /* alias (deprecated) */
+  --transition-duration-short: --theme(--transition-duration-sm);
+  /* alias (deprecated) */
+  --transition-duration-moderate: --theme(--transition-duration-md);
+  /* alias (deprecated) */
+  --transition-duration-long: --theme(--transition-duration-lg);
+  /* alias (deprecated) */
+  --transition-duration-very-long: --theme(--transition-duration-xl);
   --animate-skeleton: skeleton --theme(--transition-duration-xl)
     --theme(--ease-in-out) infinite;
-
   @keyframes skeleton {
     from {
       background-position-x: 100%;
@@ -271,17 +239,15 @@
 
 @layer base {
   /*
-     Tailwind v4 won't add a prefix to variables defined outside the @theme block.
-     We override the "Bridge Variable". Since the Tailwind theme variable
-     points here, the font will update even if the utility class is prefixed.
+    Tailwind v4 won't add a prefix to variables defined outside the @theme block.
+    We override the "Bridge Variable". Since the Tailwind theme variable
+    points here, the font will update even if the utility class is prefixed.
   */
-
   :root,
   :host {
     --_font-porsche-next-dynamic:
       "Porsche Next", "Arial Narrow", Arial, "Heiti SC", SimHei, sans-serif;
   }
-
   /* Simplified Chinese */
   :lang(zh-Hans),
   :lang(zh-CN),
@@ -290,7 +256,6 @@
       "Porsche Next", "PingFang SC", "Microsoft YaHei", "Noto Sans SC",
       "Arial Narrow", Arial, sans-serif;
   }
-
   /* Traditional Chinese */
   :lang(zh-Hant),
   :lang(zh-TW),
@@ -300,14 +265,12 @@
       "Porsche Next", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC",
       "Arial Narrow", Arial, sans-serif;
   }
-
   /* Japanese */
   :lang(ja) {
     --_font-porsche-next-dynamic:
       "Porsche Next", "Hiragino Sans", "Yu Gothic", "Noto Sans JP",
       "Arial Narrow", Arial, sans-serif;
   }
-
   /* Korean */
   :lang(ko) {
     --_font-porsche-next-dynamic:
@@ -324,7 +287,6 @@
     (instead of plain class selectors) ensures Tailwind applies its configured
     prefix (e.g. tw:scheme-dark).
   */
-
   @supports not (color: light-dark(white, black)) {
     :root,
     :host {
@@ -941,46 +903,55 @@
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-xs {
   font: --theme(--font-weight-normal) --theme(--text-xs) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-sm {
   font: --theme(--font-weight-normal) --theme(--text-sm) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-md {
   font: --theme(--font-weight-normal) --theme(--text-md) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-lg {
   font: --theme(--font-weight-normal) --theme(--text-lg) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-xl {
   font: --theme(--font-weight-normal) --theme(--text-xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-2xl {
   font: --theme(--font-weight-normal) --theme(--text-2xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-3xl {
   font: --theme(--font-weight-normal) --theme(--text-3xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-4xl {
   font: --theme(--font-weight-normal) --theme(--text-4xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-text-5xl {
   font: --theme(--font-weight-normal) --theme(--text-5xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
@@ -993,46 +964,55 @@
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-xs {
   font: --theme(--font-weight-semibold) --theme(--text-xs) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-sm {
   font: --theme(--font-weight-semibold) --theme(--text-sm) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-md {
   font: --theme(--font-weight-normal) --theme(--text-md) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-lg {
   font: --theme(--font-weight-normal) --theme(--text-lg) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-xl {
   font: --theme(--font-weight-normal) --theme(--text-xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-2xl {
   font: --theme(--font-weight-normal) --theme(--text-2xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-3xl {
   font: --theme(--font-weight-normal) --theme(--text-3xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-4xl {
   font: --theme(--font-weight-normal) --theme(--text-4xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-heading-5xl {
   font: --theme(--font-weight-normal) --theme(--text-5xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
@@ -1045,11 +1025,13 @@
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-display-md {
   font: --theme(--font-weight-normal) --theme(--text-4xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);
   color: --theme(--color-primary);
 }
+
 @utility prose-display-lg {
   font: --theme(--font-weight-normal) --theme(--text-5xl) /
     --theme(--leading-normal) --theme(--font-porsche-next);

package/vanilla-extract/cjs/font/fontHyphenationStyle.cjs

@@ -2,7 +2,7 @@
 
 const fontHyphenationStyle = {
     overflowWrap: 'break-word',
-    // @ts-ignore
+    // @ts-expect-error
     hyphens: 'var(--p-hyphens, auto)',
 };
 

package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs

@@ -3,247 +3,61 @@
 const palette = {
     light: {
         green: {
-            '50': 'hsl(115 29.7% 92.7%)',
-            '100': 'hsl(114 30.3% 87.1%)',
-            '200': 'hsl(116 29.2% 81.2%)',
-            '300': 'hsl(115 29.6% 75.5%)',
-            '400': 'hsl(116 29.9% 69.8%)',
-            '500': 'hsl(116 30.1% 64.1%)',
-            '600': 'hsl(115 30% 56.9%)',
-            '700': 'hsl(115 30.4% 49.6%)',
-            '800': 'hsl(115 40.7% 42.4%)',
-            '900': 'hsl(115 55.3% 35.1%)',
             '950': 'hsl(115 77.5% 27.8%)',
-            '50a': 'hsl(115 77.5% 27.8% / 0.1)',
             '100a': 'hsl(115 77.5% 27.8% / 0.18)',
-            '200a': 'hsl(115 77.5% 27.8% / 0.26)',
-            '300a': 'hsl(115 77.5% 27.8% / 0.34)',
-            '400a': 'hsl(115 77.5% 27.8% / 0.42)',
-            '500a': 'hsl(115 77.5% 27.8% / 0.5)',
-            '600a': 'hsl(115 77.5% 27.8% / 0.6)',
-            '700a': 'hsl(115 77.5% 27.8% / 0.7)',
-            '800a': 'hsl(115 77.5% 27.8% / 0.8)',
-            '900a': 'hsl(115 77.5% 27.8% / 0.9)',
-            '950a': 'hsl(115 77.5% 27.8%)',
-        },
+            '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
         red: {
-            '50': 'hsl(0 53.3% 94.1%)',
-            '100': 'hsl(358 55.6% 89.4%)',
-            '200': 'hsl(359 53.8% 84.7%)',
-            '300': 'hsl(358 54.9% 80%)',
-            '400': 'hsl(358 54% 75.3%)',
-            '500': 'hsl(357 54.7% 70.6%)',
-            '600': 'hsl(358 54.4% 64.7%)',
-            '700': 'hsl(357 54.3% 58.8%)',
-            '800': 'hsl(357 54.4% 52.7%)',
-            '900': 'hsl(357 61.5% 46.9%)',
             '950': 'hsl(357 78% 41%)',
-            '50a': 'hsl(357 78% 41% / 0.1)',
             '100a': 'hsl(357 78% 41% / 0.18)',
-            '200a': 'hsl(357 78% 41% / 0.26)',
-            '300a': 'hsl(357 78% 41% / 0.34)',
-            '400a': 'hsl(357 78% 41% / 0.42)',
-            '500a': 'hsl(357 78% 41% / 0.5)',
-            '600a': 'hsl(357 78% 41% / 0.6)',
-            '700a': 'hsl(357 78% 41% / 0.7)',
-            '800a': 'hsl(357 78% 41% / 0.8)',
-            '900a': 'hsl(357 78% 41% / 0.9)',
-            '950a': 'hsl(357 78% 41%)',
-        },
+            '600a': 'hsl(357 78% 41% / 0.6)'},
         yellow: {
-            '50': 'hsl(25 51.5% 93.5%)',
-            '100': 'hsl(27 50.8% 88%)',
-            '200': 'hsl(27 50% 82.7%)',
-            '300': 'hsl(27 50.9% 77.6%)',
-            '400': 'hsl(27 50.4% 72.4%)',
-            '500': 'hsl(28 50.9% 67.3%)',
-            '600': 'hsl(28 50.5% 60.4%)',
-            '700': 'hsl(28 50.6% 53.9%)',
-            '800': 'hsl(27 56.2% 47.5%)',
-            '900': 'hsl(28 73.9% 40.6%)',
             '950': 'hsl(28 97.7% 34.1%)',
-            '50a': 'hsl(28 97.7% 34.1% / 0.1)',
             '100a': 'hsl(28 97.7% 34.1% / 0.18)',
-            '200a': 'hsl(28 97.7% 34.1% / 0.26)',
-            '300a': 'hsl(28 97.7% 34.1% / 0.34)',
-            '400a': 'hsl(28 97.7% 34.1% / 0.42)',
-            '500a': 'hsl(28 97.7% 34.1% / 0.5)',
-            '600a': 'hsl(28 97.7% 34.1% / 0.6)',
-            '700a': 'hsl(28 97.7% 34.1% / 0.7)',
-            '800a': 'hsl(28 97.7% 34.1% / 0.8)',
-            '900a': 'hsl(28 97.7% 34.1% / 0.9)',
-            '950a': 'hsl(28 97.7% 34.1%)',
-        },
+            '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
         blue: {
-            '50': 'hsl(229 84% 95.1%)',
-            '100': 'hsl(229 82.2% 91.2%)',
-            '200': 'hsl(228 84.6% 87.3%)',
-            '300': 'hsl(228 83.5% 83.3%)',
-            '400': 'hsl(228 82.9% 79.4%)',
-            '500': 'hsl(228 83.9% 75.7%)',
-            '600': 'hsl(228 82.7% 70.6%)',
-            '700': 'hsl(228 82.9% 65.7%)',
-            '800': 'hsl(228 83% 60.8%)',
-            '900': 'hsl(228 83.1% 55.9%)',
             '950': 'hsl(228 83.2% 51%)',
-            '50a': 'hsl(228 83.2% 51% / 0.1)',
             '100a': 'hsl(228 83.2% 51% / 0.18)',
-            '200a': 'hsl(228 83.2% 51% / 0.26)',
-            '300a': 'hsl(228 83.2% 51% / 0.34)',
-            '400a': 'hsl(228 83.2% 51% / 0.42)',
-            '500a': 'hsl(228 83.2% 51% / 0.5)',
-            '600a': 'hsl(228 83.2% 51% / 0.6)',
-            '700a': 'hsl(228 83.2% 51% / 0.7)',
-            '800a': 'hsl(228 83.2% 51% / 0.8)',
-            '900a': 'hsl(228 83.2% 51% / 0.9)',
-            '950a': 'hsl(228 83.2% 51%)',
-        },
+            '600a': 'hsl(228 83.2% 51% / 0.6)'},
         grey: {
             '50': 'hsl(240 10% 95%)',
-            '100': 'hsl(240 8.1% 92.7%)',
-            '200': 'hsl(225 5.7% 86.3%)',
-            '300': 'hsl(240 2.7% 78.2%)',
-            '400': 'hsl(240 1.9% 68.8%)',
-            '500': 'hsl(240 0.9% 57.6%)',
-            '600': 'hsl(240 0.8% 47.8%)',
-            '700': 'hsl(240 1.6% 37.8%)',
-            '800': 'hsl(240 2.2% 27.3%)',
-            '900': 'hsl(240 4.8% 16.5%)',
             '950': 'hsl(225 66.7% 1.2%)',
             '50a': 'hsl(234 9.8% 60% / 0.06)',
             '100a': 'hsl(240 5% 70% / 0.148)',
             '200a': 'hsl(236 6.5% 42% / 0.236)',
             '300a': 'hsl(234 6% 32.9% / 0.324)',
-            '400a': 'hsl(233 6.6% 23.9% / 0.412)',
             '500a': 'hsl(240 5.3% 14.9% / 0.5)',
             '600a': 'hsl(240 6.1% 7% / 0.6)',
             '700a': 'hsl(240 7.1% 11% / 0.7)',
-            '800a': 'hsl(240 8.7% 9% / 0.8)',
-            '900a': 'hsl(240 11.1% 7.1% / 0.9)',
-            '950a': 'hsl(240 15.4% 5.1%)',
-        },
+            '800a': 'hsl(240 8.7% 9% / 0.8)'},
     },
     dark: {
         green: {
-            '50': 'hsl(157 33.3% 10.6%)',
-            '100': 'hsl(158 47.1% 13.3%)',
-            '200': 'hsl(157 58% 15.9%)',
-            '300': 'hsl(157 64.6% 18.8%)',
-            '400': 'hsl(157 69.1% 21.6%)',
-            '500': 'hsl(157 72.6% 24.3%)',
-            '600': 'hsl(157 76.1% 27.8%)',
-            '700': 'hsl(157 78.7% 31.4%)',
-            '800': 'hsl(157 81.8% 34.5%)',
-            '900': 'hsl(157 83.5% 38%)',
             '950': 'hsl(157 84.9% 41.6%)',
-            '50a': 'hsl(157 84.9% 41.6% / 0.1)',
             '100a': 'hsl(157 84.9% 41.6% / 0.18)',
-            '200a': 'hsl(157 84.9% 41.6% / 0.26)',
-            '300a': 'hsl(157 84.9% 41.6% / 0.34)',
-            '400a': 'hsl(157 84.9% 41.6% / 0.42)',
-            '500a': 'hsl(157 84.9% 41.6% / 0.5)',
-            '600a': 'hsl(157 84.9% 41.6% / 0.6)',
-            '700a': 'hsl(157 84.9% 41.6% / 0.7)',
-            '800a': 'hsl(157 84.9% 41.6% / 0.8)',
-            '900a': 'hsl(157 84.9% 41.6% / 0.9)',
-            '950a': 'hsl(157 84.9% 41.6%)',
-        },
+            '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
         red: {
-            '50': 'hsl(0 28.1% 12.5%)',
-            '100': 'hsl(0 39.5% 16.9%)',
-            '200': 'hsl(0 45% 21.4%)',
-            '300': 'hsl(0 48.5% 25.9%)',
-            '400': 'hsl(0 51.6% 30%)',
-            '500': 'hsl(0 53.4% 34.5%)',
-            '600': 'hsl(0 54.9% 40%)',
-            '700': 'hsl(0 56.9% 45.5%)',
-            '800': 'hsl(0 60% 51%)',
-            '900': 'hsl(0 76.6% 56.5%)',
             '950': 'hsl(0 96.9% 62%)',
-            '50a': 'hsl(0 96.9% 62% / 0.1)',
             '100a': 'hsl(0 96.9% 62% / 0.18)',
-            '200a': 'hsl(0 96.9% 62% / 0.26)',
-            '300a': 'hsl(0 96.9% 62% / 0.34)',
-            '400a': 'hsl(0 96.9% 62% / 0.42)',
-            '500a': 'hsl(0 96.9% 62% / 0.5)',
-            '600a': 'hsl(0 96.9% 62% / 0.6)',
-            '700a': 'hsl(0 96.9% 62% / 0.7)',
-            '800a': 'hsl(0 96.9% 62% / 0.8)',
-            '900a': 'hsl(0 96.9% 62% / 0.9)',
-            '950a': 'hsl(0 96.9% 62%)',
-        },
+            '600a': 'hsl(0 96.9% 62% / 0.6)'},
         yellow: {
-            '50': 'hsl(29 34.4% 12%)',
-            '100': 'hsl(28 45.7% 15.9%)',
-            '200': 'hsl(28 52.5% 19.8%)',
-            '300': 'hsl(28 57% 23.7%)',
-            '400': 'hsl(28 60.3% 27.6%)',
-            '500': 'hsl(28 62.7% 31.6%)',
-            '600': 'hsl(28 65.6% 36.5%)',
-            '700': 'hsl(28 66.8% 41.4%)',
-            '800': 'hsl(28 68.6% 46.3%)',
-            '900': 'hsl(28 72.7% 51.2%)',
             '950': 'hsl(28 90.2% 56.1%)',
-            '50a': 'hsl(28 90.2% 56.1% / 0.1)',
             '100a': 'hsl(28 90.2% 56.1% / 0.18)',
-            '200a': 'hsl(28 90.2% 56.1% / 0.26)',
-            '300a': 'hsl(28 90.2% 56.1% / 0.34)',
-            '400a': 'hsl(28 90.2% 56.1% / 0.42)',
-            '500a': 'hsl(28 90.2% 56.1% / 0.5)',
-            '600a': 'hsl(28 90.2% 56.1% / 0.6)',
-            '700a': 'hsl(28 90.2% 56.1% / 0.7)',
-            '800a': 'hsl(28 90.2% 56.1% / 0.8)',
-            '900a': 'hsl(28 90.2% 56.1% / 0.9)',
-            '950a': 'hsl(28 90.2% 56.1%)',
-        },
+            '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
         blue: {
-            '50': 'hsl(211 37.7% 12%)',
-            '100': 'hsl(210 52.5% 15.7%)',
-            '200': 'hsl(210 61.6% 19.4%)',
-            '300': 'hsl(210 66.4% 23.3%)',
-            '400': 'hsl(210 71% 27.1%)',
-            '500': 'hsl(210 73.4% 31%)',
-            '600': 'hsl(210 76.8% 35.5%)',
-            '700': 'hsl(210 78.6% 40.4%)',
-            '800': 'hsl(210 80.9% 45.1%)',
-            '900': 'hsl(210 81.9% 49.8%)',
             '950': 'hsl(210 100% 54.5%)',
-            '50a': 'hsl(210 100% 54.5% / 0.1)',
             '100a': 'hsl(210 100% 54.5% / 0.18)',
-            '200a': 'hsl(210 100% 54.5% / 0.26)',
-            '300a': 'hsl(210 100% 54.5% / 0.34)',
-            '400a': 'hsl(210 100% 54.5% / 0.42)',
-            '500a': 'hsl(210 100% 54.5% / 0.5)',
-            '600a': 'hsl(210 100% 54.5% / 0.6)',
-            '700a': 'hsl(210 100% 54.5% / 0.7)',
-            '800a': 'hsl(210 100% 54.5% / 0.8)',
-            '900a': 'hsl(210 100% 54.5% / 0.9)',
-            '950a': 'hsl(210 100% 54.5%)',
-        },
+            '600a': 'hsl(210 100% 54.5% / 0.6)'},
         grey: {
             '50': 'hsl(225 66.7% 1.2%)',
             '100': 'hsl(240 2% 10%)',
-            '200': 'hsl(240 1.3% 15.5%)',
-            '300': 'hsl(240 0.8% 23.7%)',
-            '400': 'hsl(240 0.6% 34.3%)',
-            '500': 'hsl(240 0.4% 47.6%)',
-            '600': 'hsl(240 0.5% 57.5%)',
-            '700': 'hsl(240 0.6% 67.3%)',
-            '800': 'hsl(240 0.9% 77.1%)',
-            '900': 'hsl(240 3% 87.1%)',
             '950': 'hsl(225 100% 99%)',
-            '50a': 'hsl(225 66.7% 1.2% / 0.08)',
             '100a': 'hsl(240 3.7% 26.5% / 0.154)',
             '200a': 'hsl(240 2% 43% / 0.228)',
             '300a': 'hsl(240 1.5% 61.8% / 0.302)',
-            '400a': 'hsl(240 2.9% 79.4% / 0.376)',
             '500a': 'hsl(240 12.5% 96.9% / 0.45)',
             '600a': 'hsl(240 12.5% 96.9% / 0.56)',
             '700a': 'hsl(240 12.5% 96.9% / 0.67)',
-            '800a': 'hsl(240 12.5% 96.9% / 0.78)',
-            '900a': 'hsl(240 12.5% 96.9% / 0.89)',
-            '950a': 'hsl(225 100% 99%)',
-        },
+            '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
     },
 };
 

package/vanilla-extract/esm/font/fontHyphenationStyle.mjs

@@ -1,6 +1,6 @@
 const fontHyphenationStyle = {
     overflowWrap: 'break-word',
-    // @ts-ignore
+    // @ts-expect-error
     hyphens: 'var(--p-hyphens, auto)',
 };
 

package/vanilla-extract/esm/grid/gridSharedOffset.mjs

@@ -1,4 +1,4 @@
-import { _gridSafeZoneS, _gridSafeZoneXXL, _gridWidthMax } from './gridShared.mjs';
+import { _gridSafeZoneS, _gridWidthMax, _gridSafeZoneXXL } from './gridShared.mjs';
 import { gridGap } from './gridGap.mjs';
 
 const columnMap = {

package/vanilla-extract/esm/grid/gridStyle.mjs

@@ -8,7 +8,7 @@ import { gridFullColumnStart } from './gridFullColumnStart.mjs';
 import { gridGap } from './gridGap.mjs';
 import { gridNarrowColumnEnd } from './gridNarrowColumnEnd.mjs';
 import { gridNarrowColumnStart } from './gridNarrowColumnStart.mjs';
-import { _cssVariableGridSafeZone, _gridSafeZoneBase, _cssVariableGridExtendedSpanOneHalf, _cssVariableGridBasicSpanOneHalf, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridWidthMin, _gridWidthMin, _cssVariableGridWidthMax, _gridWidthMax, _cssVariableGridMargin, _gridSafeZoneS, _gridSafeZoneXXL, _cssVariableGridOuterColumn } from './gridShared.mjs';
+import { _gridSafeZoneXXL, _gridSafeZoneS, _cssVariableGridMargin, _gridWidthMax, _cssVariableGridWidthMax, _cssVariableGridWidthMin, _gridWidthMin, _gridSafeZoneBase, _cssVariableGridSafeZone, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanOneHalf, _cssVariableGridExtendedSpanOneHalf, _cssVariableGridOuterColumn } from './gridShared.mjs';
 import { gridWideColumnEnd } from './gridWideColumnEnd.mjs';
 import { gridWideColumnStart } from './gridWideColumnStart.mjs';