@uplynk/lynk-design 1.12.1 → 1.14.0

package/cdn/themes/light.styles.js

@@ -4,7 +4,6 @@ export default css`
   :host,
   .lynk-theme-light {
     color-scheme: light;
-
     --lynk-color-gray-950: hsl(240 4% 13%);
     --lynk-color-gray-900: hsl(240 4% 17%);
     --lynk-color-gray-800: hsl(240 4% 22%);
@@ -17,12 +16,10 @@ export default css`
     --lynk-color-gray-100: hsl(240 8% 90%);
     --lynk-color-gray-50: hsl(240 8% 95%);
     --lynk-color-gray-25: hsl(240 8% 98%);
-
     --lynk-color-red-a10: hsla(0 84.2% 60.2% / 0.1);
     --lynk-color-red-a25: hsla(0 84.2% 60.2% / 0.25);
     --lynk-color-red-a50: hsla(0 84.2% 60.2% / 0.5);
     --lynk-color-red-a75: hsla(0 84.2% 60.2% / 0.75);
-
     --lynk-color-red-50: hsl(0 85.7% 97.3%);
     --lynk-color-red-100: hsl(0 93.3% 94.1%);
     --lynk-color-red-200: hsl(0 96.3% 89.4%);
@@ -34,7 +31,6 @@ export default css`
     --lynk-color-red-800: hsl(0 70% 35.3%);
     --lynk-color-red-900: hsl(0 62.8% 30.6%);
     --lynk-color-red-950: hsl(0 60% 19.6%);
-
     --lynk-color-orange-50: hsl(33.3 100% 96.5%);
     --lynk-color-orange-100: hsl(34.3 100% 91.8%);
     --lynk-color-orange-200: hsl(32.1 97.7% 83.1%);
@@ -46,12 +42,10 @@ export default css`
     --lynk-color-orange-800: hsl(15 79.1% 33.7%);
     --lynk-color-orange-900: hsl(15.3 74.6% 27.8%);
     --lynk-color-orange-950: hsl(15.2 69.1% 19%);
-
     --lynk-color-amber-a10: hsla(37.7 92.1% 50.2% / 0.1);
     --lynk-color-amber-a25: hsla(37.7 92.1% 50.2% / 0.25);
     --lynk-color-amber-a50: hsla(37.7 92.1% 50.2% / 0.5);
     --lynk-color-amber-a75: hsla(37.7 92.1% 50.2% / 0.75);
-
     --lynk-color-amber-50: hsl(48 100% 96.1%);
     --lynk-color-amber-100: hsl(48 96.5% 88.8%);
     --lynk-color-amber-200: hsl(48 96.6% 76.7%);
@@ -63,12 +57,10 @@ export default css`
     --lynk-color-amber-800: hsl(22.7 82.5% 31.4%);
     --lynk-color-amber-900: hsl(21.7 77.8% 26.5%);
     --lynk-color-amber-950: hsl(22.9 74.1% 16.7%);
-
     --lynk-color-amber-a10: hsla(45.4 93.4% 47.5% / 0.1);
     --lynk-color-amber-a25: hsla(45.4 93.4% 47.5% / 0.25);
     --lynk-color-amber-a50: hsla(45.4 93.4% 47.5% / 0.5);
     --lynk-color-amber-a75: hsla(45.4 93.4% 47.5% / 0.75);
-
     --lynk-color-yellow-50: hsl(54.5 91.7% 95.3%);
     --lynk-color-yellow-100: hsl(54.9 96.7% 88%);
     --lynk-color-yellow-200: hsl(52.8 98.3% 76.9%);
@@ -80,7 +72,6 @@ export default css`
     --lynk-color-yellow-800: hsl(31.8 81% 28.8%);
     --lynk-color-yellow-900: hsl(28.4 72.5% 25.7%);
     --lynk-color-yellow-950: hsl(33.1 69% 13.9%);
-
     --lynk-color-lime-50: hsl(78.3 92% 95.1%);
     --lynk-color-lime-100: hsl(79.6 89.1% 89.2%);
     --lynk-color-lime-200: hsl(80.9 88.5% 79.6%);
@@ -92,12 +83,10 @@ export default css`
     --lynk-color-lime-800: hsl(86.3 69% 22.7%);
     --lynk-color-lime-900: hsl(87.6 61.2% 20.2%);
     --lynk-color-lime-950: hsl(86.5 60.6% 13.9%);
-
     --lynk-color-green-a10: hsl(142.1 70.6% 45.3% / 0.1);
     --lynk-color-green-a25: hsl(142.1 70.6% 45.3% / 0.25);
     --lynk-color-green-a50: hsl(142.1 70.6% 45.3% / 0.5);
     --lynk-color-green-a75: hsl(142.1 70.6% 45.3% / 0.75);
-
     --lynk-color-green-50: hsl(138.5 76.5% 96.7%);
     --lynk-color-green-100: hsl(140.6 84.2% 92.5%);
     --lynk-color-green-200: hsl(141 78.9% 85.1%);
@@ -109,12 +98,10 @@ export default css`
     --lynk-color-green-800: hsl(142.8 64.2% 24.1%);
     --lynk-color-green-900: hsl(143.8 61.2% 20.2%);
     --lynk-color-green-950: hsl(144.3 60.7% 12%);
-
     --lynk-color-emerald-a10: hsl(160.1 84.1% 39.4% / 0.1);
     --lynk-color-emerald-a25: hsl(160.1 84.1% 39.4% / 0.25);
     --lynk-color-emerald-a50: hsl(160.1 84.1% 39.4% / 0.5);
     --lynk-color-emerald-a75: hsl(160.1 84.1% 39.4% / 0.75);
-
     --lynk-color-emerald-50: hsl(151.8 81% 95.9%);
     --lynk-color-emerald-100: hsl(149.3 80.4% 90%);
     --lynk-color-emerald-200: hsl(152.4 76% 80.4%);
@@ -126,7 +113,6 @@ export default css`
     --lynk-color-emerald-800: hsl(163.1 88.1% 19.8%);
     --lynk-color-emerald-900: hsl(164.2 85.7% 16.5%);
     --lynk-color-emerald-950: hsl(164.3 87.5% 9.4%);
-
     --lynk-color-teal-50: hsl(166.2 76.5% 96.7%);
     --lynk-color-teal-100: hsl(167.2 85.5% 89.2%);
     --lynk-color-teal-200: hsl(168.4 83.8% 78.2%);
@@ -138,7 +124,6 @@ export default css`
     --lynk-color-teal-800: hsl(176.1 69.4% 21.8%);
     --lynk-color-teal-900: hsl(175.9 60.8% 19%);
     --lynk-color-teal-950: hsl(176.5 58.6% 11.4%);
-
     --lynk-color-cyan-50: hsl(183.2 100% 96.3%);
     --lynk-color-cyan-100: hsl(185.1 95.9% 90.4%);
     --lynk-color-cyan-200: hsl(186.2 93.5% 81.8%);
@@ -150,12 +135,10 @@ export default css`
     --lynk-color-cyan-800: hsl(194.4 69.6% 27.1%);
     --lynk-color-cyan-900: hsl(196.4 63.6% 23.7%);
     --lynk-color-cyan-950: hsl(196.8 61% 16.1%);
-
     --lynk-color-sky-a10: hsl(198.6 88.7% 48.4% / 0.1);
     --lynk-color-sky-a25: hsl(198.6 88.7% 48.4% / 0.25);
     --lynk-color-sky-a50: hsl(198.6 88.7% 48.4% / 0.5);
     --lynk-color-sky-a75: hsl(198.6 88.7% 48.4% / 0.75);
-
     --lynk-color-sky-50: hsl(204 100% 97.1%);
     --lynk-color-sky-100: hsl(204 93.8% 93.7%);
     --lynk-color-sky-200: hsl(200.6 94.4% 86.1%);
@@ -167,7 +150,6 @@ export default css`
     --lynk-color-sky-800: hsl(201 90% 27.5%);
     --lynk-color-sky-900: hsl(202 80.3% 23.9%);
     --lynk-color-sky-950: hsl(202.3 73.8% 16.5%);
-
     --lynk-color-blue-50: hsl(213.8 100% 96.9%);
     --lynk-color-blue-100: hsl(214.3 94.6% 92.7%);
     --lynk-color-blue-200: hsl(213.3 96.9% 87.3%);
@@ -179,7 +161,6 @@ export default css`
     --lynk-color-blue-800: hsl(225.9 70.7% 40.2%);
     --lynk-color-blue-900: hsl(224.4 64.3% 32.9%);
     --lynk-color-blue-950: hsl(226.2 55.3% 18.4%);
-
     --lynk-color-indigo-50: hsl(225.9 100% 96.7%);
     --lynk-color-indigo-100: hsl(226.5 100% 93.9%);
     --lynk-color-indigo-200: hsl(228 96.5% 88.8%);
@@ -191,12 +172,10 @@ export default css`
     --lynk-color-indigo-800: hsl(243.7 54.5% 41.4%);
     --lynk-color-indigo-900: hsl(242.2 47.4% 34.3%);
     --lynk-color-indigo-950: hsl(243.5 43.6% 22.9%);
-
     --lynk-color-violet-a10: hsl(258.3 89.5% 66.3% / 0.1);
     --lynk-color-violet-a25: hsl(258.3 89.5% 66.3% / 0.25);
     --lynk-color-violet-a50: hsl(258.3 89.5% 66.3% / 0.5);
     --lynk-color-violet-a75: hsl(258.3 89.5% 66.3% / 0.75);
-
     --lynk-color-violet-50: hsl(250 100% 97.6%);
     --lynk-color-violet-100: hsl(251.4 91.3% 95.5%);
     --lynk-color-violet-200: hsl(250.5 95.2% 91.8%);
@@ -208,12 +187,10 @@ export default css`
     --lynk-color-violet-800: hsl(263.4 69.3% 42.2%);
     --lynk-color-violet-900: hsl(263.5 67.4% 34.9%);
     --lynk-color-violet-950: hsl(265.1 61.5% 21.4%);
-
     --lynk-color-purple-a10: hsl(270.7 91% 65.1% / 0.1);
     --lynk-color-purple-a25: hsl(270.7 91% 65.1% / 0.25);
     --lynk-color-purple-a50: hsl(270.7 91% 65.1% / 0.5);
     --lynk-color-purple-a75: hsl(270.7 91% 65.1% / 0.75);
-
     --lynk-color-purple-50: hsl(270 100% 98%);
     --lynk-color-purple-100: hsl(268.7 100% 95.5%);
     --lynk-color-purple-200: hsl(268.6 100% 91.8%);
@@ -225,7 +202,6 @@ export default css`
     --lynk-color-purple-800: hsl(272.9 67.2% 39.4%);
     --lynk-color-purple-900: hsl(273.6 65.6% 32%);
     --lynk-color-purple-950: hsl(276 59.5% 16.5%);
-
     --lynk-color-fuchsia-50: hsl(289.1 100% 97.8%);
     --lynk-color-fuchsia-100: hsl(287 100% 95.5%);
     --lynk-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
@@ -237,12 +213,10 @@ export default css`
     --lynk-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
     --lynk-color-fuchsia-900: hsl(296.7 63.6% 28%);
     --lynk-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
-
     --lynk-color-pink-a10: hsla(323.2 94.8% 54.5% / 0.1);
     --lynk-color-pink-a25: hsla(323.2 94.8% 54.5% / 0.25);
     --lynk-color-pink-a50: hsla(323.2 94.8% 54.5% / 0.5);
     --lynk-color-pink-a75: hsla(323.2 94.8% 54.5% / 0.75);
-
     --lynk-color-pink-950: hsl(328.6 47.8% 18%);
     --lynk-color-pink-900: hsl(327.9 54.2% 25.7%);
     --lynk-color-pink-800: hsl(326.2 60.9% 33.1%);
@@ -254,12 +228,10 @@ export default css`
     --lynk-color-pink-200: hsl(330 100% 79.2%);
     --lynk-color-pink-100: hsl(330.8 100% 84.7%);
     --lynk-color-pink-50: hsl(330 100% 94.9%);
-
     --lynk-color-rose-a10: hsla(349.7 89.2% 60.2% / 0.1);
     --lynk-color-rose-a25: hsla(349.7 89.2% 60.2% / 0.25);
     --lynk-color-rose-a50: hsla(349.7 89.2% 60.2% / 0.5);
     --lynk-color-rose-a75: hsla(349.7 89.2% 60.2% / 0.75);
-
     --lynk-color-rose-50: hsl(355.7 100% 97.3%);
     --lynk-color-rose-100: hsl(355.6 100% 94.7%);
     --lynk-color-rose-200: hsl(352.7 96.1% 90%);
@@ -271,12 +243,10 @@ export default css`
     --lynk-color-rose-800: hsl(343.4 79.7% 34.7%);
     --lynk-color-rose-900: hsl(341.5 75.5% 30.4%);
     --lynk-color-rose-950: hsl(341.3 70.1% 17.1%);
-
     --lynk-color-primary-a10: var(--lynk-color-pink-a10);
     --lynk-color-primary-a25: var(--lynk-color-pink-a25);
     --lynk-color-primary-a50: var(--lynk-color-pink-a50);
     --lynk-color-primary-a75: var(--lynk-color-pink-a75);
-
     --lynk-color-primary-50: var(--lynk-color-pink-50);
     --lynk-color-primary-100: var(--lynk-color-pink-100);
     --lynk-color-primary-200: var(--lynk-color-pink-200);
@@ -288,9 +258,7 @@ export default css`
     --lynk-color-primary-800: var(--lynk-color-pink-800);
     --lynk-color-primary-900: var(--lynk-color-pink-900);
     --lynk-color-primary-950: var(--lynk-color-pink-950);
-
     --lynk-color-primary: var(--lynk-color-primary-600);
-
     --lynk-color-primary-fill-quiet: var(--lynk-color-primary-50);
     --lynk-color-primary-fill-normal: var(--lynk-color-primary-100);
     --lynk-color-primary-fill-loud: var(--lynk-color-primary-500);
@@ -300,12 +268,10 @@ export default css`
     --lynk-color-primary-on-quiet: var(--lynk-color-primary-500);
     --lynk-color-primary-on-normal: var(--lynk-color-primary-800);
     --lynk-color-primary-on-loud: var(--lynk-color-white);
-
     --lynk-color-accent-a10: var(--lynk-color-purple-a10);
     --lynk-color-accent-a25: var(--lynk-color-purple-a25);
     --lynk-color-accent-a50: var(--lynk-color-purple-a50);
     --lynk-color-accent-a75: var(--lynk-color-purple-a75);
-
     --lynk-color-accent-50: var(--lynk-color-purple-50);
     --lynk-color-accent-100: var(--lynk-color-purple-100);
     --lynk-color-accent-200: var(--lynk-color-purple-200);
@@ -317,9 +283,7 @@ export default css`
     --lynk-color-accent-800: var(--lynk-color-purple-800);
     --lynk-color-accent-900: var(--lynk-color-purple-900);
     --lynk-color-accent-950: var(--lynk-color-purple-950);
-
     --lynk-color-accent: var(--lynk-color-accent-500);
-
     --lynk-color-accent-fill-quiet: var(--lynk-color-accent-50);
     --lynk-color-accent-fill-normal: var(--lynk-color-accent-100);
     --lynk-color-accent-fill-loud: var(--lynk-color-accent-500);
@@ -329,12 +293,10 @@ export default css`
     --lynk-color-accent-on-quiet: var(--lynk-color-accent-500);
     --lynk-color-accent-on-normal: var(--lynk-color-accent-800);
     --lynk-color-accent-on-loud: var(--lynk-color-white);
-
     --lynk-color-success-a10: var(--lynk-color-green-a10);
     --lynk-color-success-a25: var(--lynk-color-green-a25);
     --lynk-color-success-a50: var(--lynk-color-green-a50);
     --lynk-color-success-a75: var(--lynk-color-green-a75);
-
     --lynk-color-success-50: var(--lynk-color-green-50);
     --lynk-color-success-100: var(--lynk-color-green-100);
     --lynk-color-success-200: var(--lynk-color-green-200);
@@ -346,9 +308,7 @@ export default css`
     --lynk-color-success-800: var(--lynk-color-green-800);
     --lynk-color-success-900: var(--lynk-color-green-900);
     --lynk-color-success-950: var(--lynk-color-green-950);
-
     --lynk-color-success: var(--lynk-color-success-600);
-
     --lynk-color-success-fill-quiet: var(--lynk-color-success-50);
     --lynk-color-success-fill-normal: var(--lynk-color-success-100);
     --lynk-color-success-fill-loud: var(--lynk-color-success-500);
@@ -358,12 +318,10 @@ export default css`
     --lynk-color-success-on-quiet: var(--lynk-color-success-500);
     --lynk-color-success-on-normal: var(--lynk-color-success-800);
     --lynk-color-success-on-loud: var(--lynk-color-white);
-
     --lynk-color-warning-a10: var(--lynk-color-yellow-a10);
     --lynk-color-warning-a25: var(--lynk-color-yellow-a25);
     --lynk-color-warning-a50: var(--lynk-color-yellow-a50);
     --lynk-color-warning-a75: var(--lynk-color-yellow-a75);
-
     --lynk-color-warning-50: var(--lynk-color-yellow-50);
     --lynk-color-warning-100: var(--lynk-color-yellow-100);
     --lynk-color-warning-200: var(--lynk-color-yellow-200);
@@ -375,9 +333,7 @@ export default css`
     --lynk-color-warning-800: var(--lynk-color-yellow-800);
     --lynk-color-warning-900: var(--lynk-color-yellow-900);
     --lynk-color-warning-950: var(--lynk-color-yellow-950);
-
     --lynk-color-warning: var(--lynk-color-warning-600);
-
     --lynk-color-warning-fill-quiet: var(--lynk-color-warning-50);
     --lynk-color-warning-fill-normal: var(--lynk-color-warning-100);
     --lynk-color-warning-fill-loud: var(--lynk-color-warning-500);
@@ -387,12 +343,10 @@ export default css`
     --lynk-color-warning-on-quiet: var(--lynk-color-warning-500);
     --lynk-color-warning-on-normal: var(--lynk-color-warning-800);
     --lynk-color-warning-on-loud: var(--lynk-color-white);
-
     --lynk-color-danger-a10: var(--lynk-color-red-a10);
     --lynk-color-danger-a25: var(--lynk-color-red-a25);
     --lynk-color-danger-a50: var(--lynk-color-red-a50);
     --lynk-color-danger-a75: var(--lynk-color-red-a75);
-
     --lynk-color-danger-50: var(--lynk-color-red-50);
     --lynk-color-danger-100: var(--lynk-color-red-100);
     --lynk-color-danger-200: var(--lynk-color-red-200);
@@ -404,9 +358,7 @@ export default css`
     --lynk-color-danger-800: var(--lynk-color-red-800);
     --lynk-color-danger-900: var(--lynk-color-red-900);
     --lynk-color-danger-950: var(--lynk-color-red-950);
-
     --lynk-color-danger: var(--lynk-color-danger-600);
-
     --lynk-color-danger-fill-quiet: var(--lynk-color-danger-50);
     --lynk-color-danger-fill-normal: var(--lynk-color-danger-100);
     --lynk-color-danger-fill-loud: var(--lynk-color-danger-500);
@@ -416,12 +368,10 @@ export default css`
     --lynk-color-danger-on-quiet: var(--lynk-color-danger-500);
     --lynk-color-danger-on-normal: var(--lynk-color-danger-800);
     --lynk-color-danger-on-loud: var(--lynk-color-white);
-
     --lynk-color-info-a10: var(--lynk-color-sky-a10);
     --lynk-color-info-a25: var(--lynk-color-sky-a25);
     --lynk-color-info-a50: var(--lynk-color-sky-a50);
     --lynk-color-info-a75: var(--lynk-color-sky-a75);
-
     --lynk-color-info-50: var(--lynk-color-sky-50);
     --lynk-color-info-100: var(--lynk-color-sky-100);
     --lynk-color-info-200: var(--lynk-color-sky-200);
@@ -433,9 +383,7 @@ export default css`
     --lynk-color-info-800: var(--lynk-color-sky-800);
     --lynk-color-info-900: var(--lynk-color-sky-900);
     --lynk-color-info-950: var(--lynk-color-sky-950);
-
     --lynk-color-info: var(--lynk-color-info-500);
-
     --lynk-color-info-fill-quiet: var(--lynk-color-info-50);
     --lynk-color-info-fill-normal: var(--lynk-color-info-100);
     --lynk-color-info-fill-loud: var(--lynk-color-info-500);
@@ -445,7 +393,6 @@ export default css`
     --lynk-color-info-on-quiet: var(--lynk-color-info-500);
     --lynk-color-info-on-normal: var(--lynk-color-info-800);
     --lynk-color-info-on-loud: var(--lynk-color-white);
-
     --lynk-color-neutral-25: var(--lynk-color-gray-25);
     --lynk-color-neutral-50: var(--lynk-color-gray-50);
     --lynk-color-neutral-100: var(--lynk-color-gray-100);
@@ -458,9 +405,7 @@ export default css`
     --lynk-color-neutral-800: var(--lynk-color-gray-800);
     --lynk-color-neutral-900: var(--lynk-color-gray-900);
     --lynk-color-neutral-950: var(--lynk-color-gray-950);
-
     --lynk-color-neutral: var(--lynk-color-neutral-600);
-
     --lynk-color-neutral-fill-quiet: var(--lynk-color-neutral-100);
     --lynk-color-neutral-fill-normal: var(--lynk-color-neutral-200);
     --lynk-color-neutral-fill-loud: var(--lynk-color-neutral-600);
@@ -470,55 +415,45 @@ export default css`
     --lynk-color-neutral-on-quiet: var(--lynk-color-neutral-500);
     --lynk-color-neutral-on-normal: var(--lynk-color-neutral-700);
     --lynk-color-neutral-on-loud: var(--lynk-color-white);
-
     --lynk-color-neutral-0: hsl(0, 0%, 100%);
     --lynk-color-neutral-1000: hsl(240 4% 7%);
-
     --lynk-color-black: hsl(240 4% 7%);
     --lynk-color-black-a10: hsla(240 4% 7% / 0.1);
     --lynk-color-black-a25: hsla(240 4% 7% / 0.25);
     --lynk-color-black-a50: hsla(240 4% 7% / 0.5);
     --lynk-color-black-a75: hsla(240 4% 7% / 0.75);
-
     --lynk-color-gray-200-a05: hsla(240 7% 80% / 0.05);
     --lynk-color-gray-200-a10: hsla(240 7% 80% / 0.1);
     --lynk-color-gray-200-a15: hsla(240 7% 80% / 0.15);
     --lynk-color-gray-200-a25: hsla(240 7% 80% / 0.25);
     --lynk-color-gray-200-a50: hsla(240 7% 80% / 0.5);
     --lynk-color-gray-200-a75: hsla(240 7% 80% / 0.75);
-
     --lynk-color-gray-a05: hsla(240 4% 50% / 0.05);
     --lynk-color-gray-a10: hsla(240 4% 50% / 0.1);
     --lynk-color-gray-a15: hsla(240 4% 50% / 0.15);
     --lynk-color-gray-a25: hsla(240 4% 50% / 0.25);
     --lynk-color-gray-a50: hsla(240 4% 50% / 0.5);
     --lynk-color-gray-a75: hsla(240 4% 50% / 0.75);
-
     --lynk-color-white: hsl(0 0% 95%);
     --lynk-color-white-a10: hsla(0 0% 95% / 0.1);
     --lynk-color-white-a25: hsla(0 0% 95% / 0.25);
     --lynk-color-white-a50: hsla(0 0% 95% / 0.5);
     --lynk-color-white-a75: hsla(0 0% 95% / 0.75);
-
     --lynk-color-mix-hover: white 10%;
     --lynk-color-mix-active: white 20%;
     --lynk-color-mix-loud-hover: white 60%;
     --lynk-color-mix-loud-active: white 50%;
-
     --lynk-border-radius-small: 0.1875rem;
     --lynk-border-radius-medium: 0.25rem;
     --lynk-border-radius-large: 0.5rem;
     --lynk-border-radius-x-large: 1rem;
-
     --lynk-border-radius-circle: 50%;
     --lynk-border-radius-pill: 9999px;
-
     --lynk-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
     --lynk-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
     --lynk-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
     --lynk-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
     --lynk-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
-
     --lynk-spacing-tiny: 0.125rem;
     --lynk-spacing-2x-small: 0.25rem;
     --lynk-spacing-x-small: 0.5rem;
@@ -531,20 +466,17 @@ export default css`
     --lynk-spacing-3x-large: 3rem;
     --lynk-spacing-4x-large: 4.5rem;
     --lynk-spacing-huge: 6rem;
-
-    --lynk-transition-x-slow: 1000ms;
-    --lynk-transition-slow: 500ms;
-    --lynk-transition-medium: 250ms;
-    --lynk-transition-fast: 150ms;
+    --lynk-transition-x-slow: 1s;
+    --lynk-transition-slow: 0.5s;
+    --lynk-transition-medium: 0.25s;
+    --lynk-transition-fast: 0.15s;
     --lynk-transition-x-fast: 50ms;
-
     --lynk-font-mono:
       SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
     --lynk-font-sans:
       -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
       sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     --lynk-font-serif: Georgia, "Times New Roman", serif;
-
     --lynk-font-size-x-small: 0.625rem;
     --lynk-font-size-small: 0.75rem;
     --lynk-font-size-medium: 0.875rem;
@@ -554,36 +486,30 @@ export default css`
     --lynk-font-size-2x-large: 2.25rem;
     --lynk-font-size-3x-large: 3rem;
     --lynk-font-size-4x-large: 4.5rem;
-
     --lynk-font-weight-light: 300;
     --lynk-font-weight-normal: 400;
     --lynk-font-weight-semibold: 500;
     --lynk-font-weight-bold: 700;
-
     --lynk-letter-spacing-denser: -0.03em;
     --lynk-letter-spacing-dense: -0.015em;
     --lynk-letter-spacing-normal: normal;
     --lynk-letter-spacing-loose: 0.075em;
     --lynk-letter-spacing-looser: 0.15em;
-
     --lynk-line-height-denser: 1;
     --lynk-line-height-dense: 1.4;
     --lynk-line-height-normal: 1.8;
     --lynk-line-height-loose: 2.2;
     --lynk-line-height-looser: 2.6;
-
     --lynk-focus-ring-color: var(--lynk-color-primary-600);
     --lynk-focus-ring-style: solid;
     --lynk-focus-ring-width: 3px;
     --lynk-focus-ring: var(--lynk-focus-ring-style) var(--lynk-focus-ring-width)
       var(--lynk-focus-ring-color);
     --lynk-focus-ring-offset: 1px;
-
     --lynk-button-border-width: 1px;
     --lynk-button-border-radius-small: var(--lynk-border-radius-medium);
     --lynk-button-border-radius-medium: var(--lynk-border-radius-medium);
     --lynk-button-border-radius-large: var(--lynk-border-radius-medium);
-
     --lynk-button-font-family: var(--lynk-font-sans);
     --lynk-button-font-size-small: var(--lynk-font-size-small);
     --lynk-button-font-size-medium: var(--lynk-font-size-medium);
@@ -592,11 +518,9 @@ export default css`
     --lynk-button-height-small: 1.875rem;
     --lynk-button-height-medium: 2.5rem;
     --lynk-button-height-large: 3.125rem;
-
     --lynk-input-height-small: 1.875rem;
     --lynk-input-height-medium: 2.5rem;
     --lynk-input-height-large: 3.125rem;
-
     --lynk-input-background-color: var(--lynk-color-neutral-0);
     --lynk-input-background-color-hover: var(--lynk-input-background-color);
     --lynk-input-background-color-focus: var(--lynk-input-background-color);
@@ -609,18 +533,15 @@ export default css`
     --lynk-input-required-content: "*";
     --lynk-input-required-content-offset: -2px;
     --lynk-input-required-content-color: var(--lynk-input-label-color);
-
     --lynk-input-border-radius-small: var(--lynk-border-radius-medium);
     --lynk-input-border-radius-medium: var(--lynk-border-radius-medium);
     --lynk-input-border-radius-large: var(--lynk-border-radius-medium);
-
     --lynk-input-font-family: var(--lynk-font-sans);
     --lynk-input-font-weight: var(--lynk-font-weight-normal);
     --lynk-input-font-size-small: var(--lynk-font-size-medium);
     --lynk-input-font-size-medium: var(--lynk-font-size-base);
     --lynk-input-font-size-large: var(--lynk-font-size-large);
     --lynk-input-letter-spacing: var(--lynk-letter-spacing-normal);
-
     --lynk-input-color: var(--lynk-color-neutral-700);
     --lynk-input-color-hover: var(--lynk-color-neutral-700);
     --lynk-input-color-focus: var(--lynk-color-neutral-700);
@@ -633,7 +554,6 @@ export default css`
     --lynk-input-spacing-small: var(--lynk-spacing-small);
     --lynk-input-spacing-medium: var(--lynk-spacing-medium);
     --lynk-input-spacing-large: var(--lynk-spacing-large);
-
     --lynk-input-filled-background-color: var(--lynk-color-neutral-100);
     --lynk-input-filled-background-color-hover: var(--lynk-color-neutral-100);
     --lynk-input-filled-background-color-focus: var(--lynk-color-neutral-100);
@@ -644,48 +564,35 @@ export default css`
     --lynk-input-filled-color-hover: var(--lynk-color-neutral-800);
     --lynk-input-filled-color-focus: var(--lynk-color-neutral-700);
     --lynk-input-filled-color-disabled: var(--lynk-color-neutral-800);
-
     --lynk-input-focus-ring-color: var(--lynk-color-primary-a50);
     --lynk-input-focus-ring-offset: 0;
-
     --lynk-input-label-font-size: var(--lynk-font-size-medium);
     --lynk-input-label-font-weight: var(--lynk-font-weight-normal);
     --lynk-input-label-color: inherit;
-
     --lynk-input-help-text-font-size: var(--lynk-font-size-medium);
     --lynk-input-help-text-color: var(--lynk-color-neutral-600);
-
     --lynk-toggle-size-small: 0.875rem;
     --lynk-toggle-size-medium: 1.125rem;
     --lynk-toggle-size-large: 1.375rem;
-
     --lynk-page-margin: var(--lynk-spacing-large);
-
     @media (min-width: 1024px) {
       --lynk-page-margin: var(--lynk-spacing-x-large);
     }
-
     @media (min-width: 1400px) {
       --lynk-page-margin: var(--lynk-spacing-2x-large);
     }
-
     --lynk-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
-
     --lynk-nav-item-color: var(--lynk-color-neutral-900);
-
     --lynk-panel-background-color: var(--lynk-color-neutral-50);
     --lynk-panel-border-color: var(--lynk-color-neutral-300);
     --lynk-panel-border-width: 1px;
-
     --lynk-divider-color: var(--lynk-color-neutral-300);
-
     --lynk-table-header-background-color: var(--lynk-color-white);
     --lynk-table-header-color: var(--lynk-color-neutral-600);
     --lynk-table-border-color: var(--lynk-color-neutral-100);
     --lynk-table-border-radius: var(--lynk-border-radius-medium);
     --lynk-table-cell-background-color: var(--lynk-color-gray-a05);
     --lynk-table-striped-cell-background-color: var(--lynk-color-gray-a15);
-
     --lynk-tooltip-border-radius: var(--lynk-border-radius-medium);
     --lynk-tooltip-background-color: var(--lynk-color-neutral-800);
     --lynk-tooltip-color: var(--lynk-color-neutral-0);
@@ -696,7 +603,6 @@ export default css`
     --lynk-tooltip-padding: var(--lynk-spacing-2x-small)
       var(--lynk-spacing-x-small);
     --lynk-tooltip-arrow-size: 4px;
-
     --lynk-z-index-sticky: 100;
     --lynk-z-index-header: 200;
     --lynk-z-index-footer: 600;
@@ -706,28 +612,23 @@ export default css`
     --lynk-z-index-toast: 950;
     --lynk-z-index-tooltip: 1000;
   }
-
   @supports (scrollbar-gutter: stable) {
     .lynk-scroll-lock {
       scrollbar-gutter: var(--lynk-scroll-lock-gutter) !important;
     }
-
     .lynk-scroll-lock body {
       overflow: hidden !important;
     }
   }
-
   @supports not (scrollbar-gutter: stable) {
     .lynk-scroll-lock body {
       padding-right: var(--lynk-scroll-lock-size) !important;
       overflow: hidden !important;
     }
   }
-
   .lynk-scroll-lock {
     overflow: hidden !important;
   }
-
   .lynk-toast-stack {
     position: fixed;
     display: flex;
@@ -742,7 +643,6 @@ export default css`
     max-height: 100%;
     overflow: auto;
   }
-
   .lynk-toast-stack lynk-alert {
     --box-shadow: var(--lynk-shadow-large);
   }

package/cdn/translations/da.js

@@ -1,44 +1 @@
-import "../chunks/chunk.VS2OBD6I.js";
-import {
-  registerTranslation
-} from "../chunks/chunk.FYVOT65L.js";
-import "../chunks/chunk.QIOX6AG5.js";
-
-// src/translations/da.ts
-var translation = {
-  $code: "da",
-  $name: "Dansk",
-  $dir: "ltr",
-  carousel: "Karrusel",
-  clearEntry: "Ryd indtastning",
-  close: "Luk",
-  copied: "Kopieret",
-  copy: "Kopier",
-  currentValue: "Nuv\xE6rende v\xE6rdi",
-  error: "Fejl",
-  goToSlide: (slide, count) => `G\xE5 til dias ${slide} af ${count}`,
-  hidePassword: "Skjul adgangskode",
-  loading: "Indl\xE6ser",
-  nextSlide: "N\xE6ste slide",
-  numOptionsSelected: (num) => {
-    if (num === 0) return "Ingen valgt";
-    if (num === 1) return "1 valgt";
-    return `${num} valgt`;
-  },
-  previousSlide: "Forrige dias",
-  progress: "Status",
-  remove: "Fjern",
-  resize: "Tilpas st\xF8rrelse",
-  scrollableRegion: "Rullebar region",
-  scrollToEnd: "Scroll til slut",
-  scrollToStart: "Scroll til start",
-  selectAColorFromTheScreen: "V\xE6lg en farve fra sk\xE6rmen",
-  showPassword: "Vis adgangskode",
-  slideNum: (slide) => `Slide ${slide}`,
-  toggleColorFormat: "Skift farveformat"
-};
-registerTranslation(translation);
-var da_default = translation;
-export {
-  da_default as default
-};
+import"../chunks/chunk.Q3J7P2MZ.js";import{a as r}from"../chunks/chunk.B3TDJ4MN.js";import"../chunks/chunk.FI4IKBIW.js";var l={$code:"da",$name:"Dansk",$dir:"ltr",carousel:"Karrusel",clearEntry:"Ryd indtastning",close:"Luk",copied:"Kopieret",copy:"Kopier",currentValue:"Nuv\xE6rende v\xE6rdi",error:"Fejl",goToSlide:(e,o)=>`G\xE5 til dias ${e} af ${o}`,hidePassword:"Skjul adgangskode",loading:"Indl\xE6ser",nextSlide:"N\xE6ste slide",numOptionsSelected:e=>e===0?"Ingen valgt":e===1?"1 valgt":`${e} valgt`,previousSlide:"Forrige dias",progress:"Status",remove:"Fjern",resize:"Tilpas st\xF8rrelse",scrollableRegion:"Rullebar region",scrollToEnd:"Scroll til slut",scrollToStart:"Scroll til start",selectAColorFromTheScreen:"V\xE6lg en farve fra sk\xE6rmen",showPassword:"Vis adgangskode",slideNum:e=>`Slide ${e}`,toggleColorFormat:"Skift farveformat"};r(l);var s=l;export{s as default};

package/cdn/translations/de-ch.js

@@ -1,24 +1 @@
-import {
-  de_default
-} from "../chunks/chunk.VOZZTXPZ.js";
-import "../chunks/chunk.VS2OBD6I.js";
-import {
-  registerTranslation
-} from "../chunks/chunk.FYVOT65L.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "../chunks/chunk.QIOX6AG5.js";
-
-// src/translations/de-ch.ts
-var translation = __spreadProps(__spreadValues({}, de_default), {
-  $code: "de-CH",
-  $name: "Deutsch (Schweiz)",
-  close: "Schliessen",
-  resize: "Gr\xF6sse \xE4ndern"
-});
-registerTranslation(translation);
-var de_ch_default = translation;
-export {
-  de_ch_default as default
-};
+import{a as t}from"../chunks/chunk.BF7WOY2A.js";import"../chunks/chunk.Q3J7P2MZ.js";import{a as s}from"../chunks/chunk.B3TDJ4MN.js";import{a as e,b as r}from"../chunks/chunk.FI4IKBIW.js";var i=r(e({},t),{$code:"de-CH",$name:"Deutsch (Schweiz)",close:"Schliessen",resize:"Gr\xF6sse \xE4ndern"});s(i);var a=i;export{a as default};

package/cdn/translations/de.js

@@ -1,9 +1 @@
-import {
-  de_default
-} from "../chunks/chunk.VOZZTXPZ.js";
-import "../chunks/chunk.VS2OBD6I.js";
-import "../chunks/chunk.FYVOT65L.js";
-import "../chunks/chunk.QIOX6AG5.js";
-export {
-  de_default as default
-};
+import{a}from"../chunks/chunk.BF7WOY2A.js";import"../chunks/chunk.Q3J7P2MZ.js";import"../chunks/chunk.B3TDJ4MN.js";import"../chunks/chunk.FI4IKBIW.js";export{a as default};