npm - @dialpad/dialtone - Versions diffs - 9.79.1 → 9.79.2-beta.2 - Mend

@dialpad/dialtone 9.79.1 → 9.79.2-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (85) hide show

package/dist/css/tokens/tokens-base-light.css CHANGED Viewed

@@ -29,310 +29,361 @@
   --dt-opacity-100: .05;
   --dt-opacity-0: 0;
   --dt-color-brand-gold-h: 35.80645161290322;
-  --dt-color-brand-gold-s: 91.17647058823533%;
+  --dt-color-brand-gold-s: 91.1764705882353%;
   --dt-color-brand-gold-l: 60%;
+  --dt-color-brand-gold-a: 100%;
   --dt-color-brand-gold-hsl: var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l);
-  --dt-color-brand-gold-hsla: hsla(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
+  --dt-color-brand-gold-hsla: hsl(var(--dt-color-brand-gold-h) var(--dt-color-brand-gold-s) var(--dt-color-brand-gold-l) / var(--alpha, 100%));
   --dt-color-brand-gold: #F6AB3C; /* Secondary brand color, typically used as an accent color. */
   --dt-color-brand-magenta-h: 325.7831325301205;
   --dt-color-brand-magenta-s: 100%;
   --dt-color-brand-magenta-l: 48.8235294117647%;
+  --dt-color-brand-magenta-a: 100%;
   --dt-color-brand-magenta-hsl: var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l);
-  --dt-color-brand-magenta-hsla: hsla(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
+  --dt-color-brand-magenta-hsla: hsl(var(--dt-color-brand-magenta-h) var(--dt-color-brand-magenta-s) var(--dt-color-brand-magenta-l) / var(--alpha, 100%));
   --dt-color-brand-magenta: #F9008E; /* Secondary brand color, typically used as an accent color. */
   --dt-color-brand-purple-h: 254.5664739884393;
   --dt-color-brand-purple-s: 100%;
   --dt-color-brand-purple-l: 66.07843137254902%;
+  --dt-color-brand-purple-a: 100%;
   --dt-color-brand-purple-hsl: var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l);
-  --dt-color-brand-purple-hsla: hsla(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
+  --dt-color-brand-purple-hsla: hsl(var(--dt-color-brand-purple-h) var(--dt-color-brand-purple-s) var(--dt-color-brand-purple-l) / var(--alpha, 100%));
   --dt-color-brand-purple: #7C52FF; /* Primary brand color. */
   --dt-color-tan-500-h: 0;
   --dt-color-tan-500-s: 0%;
   --dt-color-tan-500-l: 7.0588235294117645%;
+  --dt-color-tan-500-a: 100%;
   --dt-color-tan-500-hsl: var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l);
-  --dt-color-tan-500-hsla: hsla(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
+  --dt-color-tan-500-hsla: hsl(var(--dt-color-tan-500-h) var(--dt-color-tan-500-s) var(--dt-color-tan-500-l) / var(--alpha, 100%));
   --dt-color-tan-500: #121212;
   --dt-color-tan-400-h: 20.000000000000046;
   --dt-color-tan-400-s: 2.4390243902439055%;
   --dt-color-tan-400-l: 24.11764705882353%;
+  --dt-color-tan-400-a: 100%;
   --dt-color-tan-400-hsl: var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l);
-  --dt-color-tan-400-hsla: hsla(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
+  --dt-color-tan-400-hsla: hsl(var(--dt-color-tan-400-h) var(--dt-color-tan-400-s) var(--dt-color-tan-400-l) / var(--alpha, 100%));
   --dt-color-tan-400: #3F3D3C;
   --dt-color-tan-300-h: 24.999999999999982;
-  --dt-color-tan-300-s: 4.761904761904762%;
+  --dt-color-tan-300-s: 4.761904761904767%;
   --dt-color-tan-300-l: 50.588235294117645%;
+  --dt-color-tan-300-a: 100%;
   --dt-color-tan-300-hsl: var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l);
-  --dt-color-tan-300-hsla: hsla(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
+  --dt-color-tan-300-hsla: hsl(var(--dt-color-tan-300-h) var(--dt-color-tan-300-s) var(--dt-color-tan-300-l) / var(--alpha, 100%));
   --dt-color-tan-300: #87807B;
-  --dt-color-tan-200-h: 23.99999999999993;
-  --dt-color-tan-200-s: 9.259259259259254%;
+  --dt-color-tan-200-h: 23.999999999999932;
+  --dt-color-tan-200-s: 9.25925925925923%;
   --dt-color-tan-200-l: 78.82352941176471%;
+  --dt-color-tan-200-a: 100%;
   --dt-color-tan-200-hsl: var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l);
-  --dt-color-tan-200-hsla: hsla(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
+  --dt-color-tan-200-hsla: hsl(var(--dt-color-tan-200-h) var(--dt-color-tan-200-s) var(--dt-color-tan-200-l) / var(--alpha, 100%));
   --dt-color-tan-200: #CEC8C4;
   --dt-color-tan-100-h: 30;
   --dt-color-tan-100-s: 13.333333333333282%;
   --dt-color-tan-100-l: 94.11764705882352%;
+  --dt-color-tan-100-a: 100%;
   --dt-color-tan-100-hsl: var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l);
-  --dt-color-tan-100-hsla: hsla(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
+  --dt-color-tan-100-hsla: hsl(var(--dt-color-tan-100-h) var(--dt-color-tan-100-s) var(--dt-color-tan-100-l) / var(--alpha, 100%));
   --dt-color-tan-100: #F2F0EE;
   --dt-color-red-500-h: 0;
   --dt-color-red-500-s: 89.58333333333334%;
   --dt-color-red-500-l: 18.823529411764707%;
+  --dt-color-red-500-a: 100%;
   --dt-color-red-500-hsl: var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l);
-  --dt-color-red-500-hsla: hsla(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
+  --dt-color-red-500-hsla: hsl(var(--dt-color-red-500-h) var(--dt-color-red-500-s) var(--dt-color-red-500-l) / var(--alpha, 100%));
   --dt-color-red-500: #5B0505;
   --dt-color-red-400-h: 0;
   --dt-color-red-400-s: 88.659793814433%;
   --dt-color-red-400-l: 38.03921568627451%;
+  --dt-color-red-400-a: 100%;
   --dt-color-red-400-hsl: var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l);
-  --dt-color-red-400-hsla: hsla(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
+  --dt-color-red-400-hsla: hsl(var(--dt-color-red-400-h) var(--dt-color-red-400-s) var(--dt-color-red-400-l) / var(--alpha, 100%));
   --dt-color-red-400: #B70B0B;
   --dt-color-red-300-h: 0;
   --dt-color-red-300-s: 88.79999999999998%;
   --dt-color-red-300-l: 49.01960784313726%;
+  --dt-color-red-300-a: 100%;
   --dt-color-red-300-hsl: var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l);
-  --dt-color-red-300-hsla: hsla(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
+  --dt-color-red-300-hsla: hsl(var(--dt-color-red-300-h) var(--dt-color-red-300-s) var(--dt-color-red-300-l) / var(--alpha, 100%));
   --dt-color-red-300: #EC0E0E;
   --dt-color-red-200-h: 0;
   --dt-color-red-200-s: 100%;
   --dt-color-red-200-l: 76.07843137254902%;
+  --dt-color-red-200-a: 100%;
   --dt-color-red-200-hsl: var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l);
-  --dt-color-red-200-hsla: hsla(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
+  --dt-color-red-200-hsla: hsl(var(--dt-color-red-200-h) var(--dt-color-red-200-s) var(--dt-color-red-200-l) / var(--alpha, 100%));
   --dt-color-red-200: #FF8585;
   --dt-color-red-100-h: 357.6923076923077;
   --dt-color-red-100-s: 100%;
   --dt-color-red-100-l: 94.90196078431372%;
+  --dt-color-red-100-a: 100%;
   --dt-color-red-100-hsl: var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l);
-  --dt-color-red-100-hsla: hsla(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
+  --dt-color-red-100-hsla: hsl(var(--dt-color-red-100-h) var(--dt-color-red-100-s) var(--dt-color-red-100-l) / var(--alpha, 100%));
   --dt-color-red-100: #FFE5E6;
   --dt-color-green-500-h: 136.15384615384616;
-  --dt-color-green-500-s: 59.09090909090909%;
+  --dt-color-green-500-s: 59.09090909090911%;
   --dt-color-green-500-l: 17.254901960784313%;
+  --dt-color-green-500-a: 100%;
   --dt-color-green-500-hsl: var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l);
-  --dt-color-green-500-hsla: hsla(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
+  --dt-color-green-500-hsla: hsl(var(--dt-color-green-500-h) var(--dt-color-green-500-s) var(--dt-color-green-500-l) / var(--alpha, 100%));
   --dt-color-green-500: #124620;
   --dt-color-green-400-h: 136.64233576642334;
   --dt-color-green-400-s: 72.4867724867725%;
   --dt-color-green-400-l: 37.05882352941176%;
+  --dt-color-green-400-a: 100%;
   --dt-color-green-400-hsl: var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l);
-  --dt-color-green-400-hsla: hsla(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
+  --dt-color-green-400-hsla: hsl(var(--dt-color-green-400-h) var(--dt-color-green-400-s) var(--dt-color-green-400-l) / var(--alpha, 100%));
   --dt-color-green-400: #1AA340;
   --dt-color-green-300-h: 136.85393258426967;
   --dt-color-green-300-s: 91.75257731958763%;
   --dt-color-green-300-l: 61.96078431372549%;
+  --dt-color-green-300-a: 100%;
   --dt-color-green-300-hsl: var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l);
-  --dt-color-green-300-hsla: hsla(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
+  --dt-color-green-300-hsla: hsl(var(--dt-color-green-300-h) var(--dt-color-green-300-s) var(--dt-color-green-300-l) / var(--alpha, 100%));
   --dt-color-green-300: #45F777;
-  --dt-color-green-200-h: 111.52173913043478;
+  --dt-color-green-200-h: 111.52173913043477;
   --dt-color-green-200-s: 100%;
   --dt-color-green-200-l: 81.96078431372548%;
+  --dt-color-green-200-a: 100%;
   --dt-color-green-200-hsl: var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l);
-  --dt-color-green-200-hsla: hsla(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
+  --dt-color-green-200-hsla: hsl(var(--dt-color-green-200-h) var(--dt-color-green-200-s) var(--dt-color-green-200-l) / var(--alpha, 100%));
   --dt-color-green-200: #B0FFA3;
-  --dt-color-green-100-h: 111.42857142857133;
-  --dt-color-green-100-s: 53.84615384615389%;
+  --dt-color-green-100-h: 111.42857142857135;
+  --dt-color-green-100-s: 53.84615384615383%;
   --dt-color-green-100-l: 94.90196078431372%;
+  --dt-color-green-100-a: 100%;
   --dt-color-green-100-hsl: var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l);
-  --dt-color-green-100-hsla: hsla(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
+  --dt-color-green-100-hsla: hsl(var(--dt-color-green-100-h) var(--dt-color-green-100-s) var(--dt-color-green-100-l) / var(--alpha, 100%));
   --dt-color-green-100: #EDF9EB;
   --dt-color-gold-500-h: 35.70247933884298;
   --dt-color-gold-500-s: 88.32116788321169%;
   --dt-color-gold-500-l: 26.862745098039216%;
+  --dt-color-gold-500-a: 100%;
   --dt-color-gold-500-hsl: var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l);
-  --dt-color-gold-500-hsla: hsla(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
+  --dt-color-gold-500-hsla: hsl(var(--dt-color-gold-500-h) var(--dt-color-gold-500-s) var(--dt-color-gold-500-l) / var(--alpha, 100%));
   --dt-color-gold-500: #815008;
-  --dt-color-gold-400-h: 35.92814371257486;
+  --dt-color-gold-400-h: 35.92814371257485;
   --dt-color-gold-400-s: 66.00790513833991%;
   --dt-color-gold-400-l: 49.6078431372549%;
+  --dt-color-gold-400-a: 100%;
   --dt-color-gold-400-hsl: var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l);
-  --dt-color-gold-400-hsla: hsla(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
+  --dt-color-gold-400-hsla: hsl(var(--dt-color-gold-400-h) var(--dt-color-gold-400-s) var(--dt-color-gold-400-l) / var(--alpha, 100%));
   --dt-color-gold-400: #D28F2B;
   --dt-color-gold-300-h: 35.80645161290322;
-  --dt-color-gold-300-s: 91.17647058823533%;
+  --dt-color-gold-300-s: 91.1764705882353%;
   --dt-color-gold-300-l: 60%;
+  --dt-color-gold-300-a: 100%;
   --dt-color-gold-300-hsl: var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l);
-  --dt-color-gold-300-hsla: hsla(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
+  --dt-color-gold-300-hsla: hsl(var(--dt-color-gold-300-h) var(--dt-color-gold-300-s) var(--dt-color-gold-300-l) / var(--alpha, 100%));
   --dt-color-gold-300: #F6AB3C;
   --dt-color-gold-200-h: 42.99212598425196;
   --dt-color-gold-200-s: 100%;
   --dt-color-gold-200-l: 75.09803921568627%;
+  --dt-color-gold-200-a: 100%;
   --dt-color-gold-200-hsl: var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l);
-  --dt-color-gold-200-hsla: hsla(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
+  --dt-color-gold-200-hsla: hsl(var(--dt-color-gold-200-h) var(--dt-color-gold-200-s) var(--dt-color-gold-200-l) / var(--alpha, 100%));
   --dt-color-gold-200: #FFDB80;
   --dt-color-gold-100-h: 47.058823529411775;
   --dt-color-gold-100-s: 100%;
   --dt-color-gold-100-l: 90%;
+  --dt-color-gold-100-a: 100%;
   --dt-color-gold-100-hsl: var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l);
-  --dt-color-gold-100-hsla: hsla(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
+  --dt-color-gold-100-hsla: hsl(var(--dt-color-gold-100-h) var(--dt-color-gold-100-s) var(--dt-color-gold-100-l) / var(--alpha, 100%));
   --dt-color-gold-100: #FFF4CC;
   --dt-color-magenta-500-h: 325.86206896551727;
   --dt-color-magenta-500-s: 52.72727272727272%;
   --dt-color-magenta-500-l: 21.568627450980394%;
+  --dt-color-magenta-500-a: 100%;
   --dt-color-magenta-500-hsl: var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l);
-  --dt-color-magenta-500-hsla: hsla(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
+  --dt-color-magenta-500-hsla: hsl(var(--dt-color-magenta-500-h) var(--dt-color-magenta-500-s) var(--dt-color-magenta-500-l) / var(--alpha, 100%));
   --dt-color-magenta-500: #541A3B;
   --dt-color-magenta-400-h: 325.7142857142857;
   --dt-color-magenta-400-s: 81.81818181818181%;
   --dt-color-magenta-400-l: 30.196078431372552%;
+  --dt-color-magenta-400-a: 100%;
   --dt-color-magenta-400-hsl: var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l);
-  --dt-color-magenta-400-hsla: hsla(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
+  --dt-color-magenta-400-hsla: hsl(var(--dt-color-magenta-400-h) var(--dt-color-magenta-400-s) var(--dt-color-magenta-400-l) / var(--alpha, 100%));
   --dt-color-magenta-400: #8C0E56;
   --dt-color-magenta-300-h: 325.7831325301205;
   --dt-color-magenta-300-s: 100%;
   --dt-color-magenta-300-l: 48.8235294117647%;
+  --dt-color-magenta-300-a: 100%;
   --dt-color-magenta-300-hsl: var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l);
-  --dt-color-magenta-300-hsla: hsla(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
+  --dt-color-magenta-300-hsla: hsl(var(--dt-color-magenta-300-h) var(--dt-color-magenta-300-s) var(--dt-color-magenta-300-l) / var(--alpha, 100%));
   --dt-color-magenta-300: #F9008E;
   --dt-color-magenta-200-h: 325.86206896551727;
-  --dt-color-magenta-200-s: 90.62500000000001%;
+  --dt-color-magenta-200-s: 90.62499999999999%;
   --dt-color-magenta-200-l: 74.90196078431373%;
+  --dt-color-magenta-200-a: 100%;
   --dt-color-magenta-200-hsl: var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l);
-  --dt-color-magenta-200-hsla: hsla(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
+  --dt-color-magenta-200-hsla: hsl(var(--dt-color-magenta-200-h) var(--dt-color-magenta-200-s) var(--dt-color-magenta-200-l) / var(--alpha, 100%));
   --dt-color-magenta-200: #F985C7;
   --dt-color-magenta-100-h: 325.16129032258067;
   --dt-color-magenta-100-s: 100%;
   --dt-color-magenta-100-l: 93.92156862745098%;
+  --dt-color-magenta-100-a: 100%;
   --dt-color-magenta-100-hsl: var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l);
-  --dt-color-magenta-100-hsla: hsla(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
+  --dt-color-magenta-100-hsla: hsl(var(--dt-color-magenta-100-h) var(--dt-color-magenta-100-s) var(--dt-color-magenta-100-l) / var(--alpha, 100%));
   --dt-color-magenta-100: #FFE0F2;
   --dt-color-blue-500-h: 212.77777777777777;
   --dt-color-blue-500-s: 98.18181818181819%;
   --dt-color-blue-500-l: 21.56862745098039%;
+  --dt-color-blue-500-a: 100%;
   --dt-color-blue-500-hsl: var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l);
-  --dt-color-blue-500-hsla: hsla(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
+  --dt-color-blue-500-hsla: hsl(var(--dt-color-blue-500-h) var(--dt-color-blue-500-s) var(--dt-color-blue-500-l) / var(--alpha, 100%));
   --dt-color-blue-500: #01326D;
   --dt-color-blue-400-h: 212.22857142857146;
   --dt-color-blue-400-s: 79.18552036199095%;
   --dt-color-blue-400-l: 43.333333333333336%;
+  --dt-color-blue-400-a: 100%;
   --dt-color-blue-400-hsl: var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l);
-  --dt-color-blue-400-hsla: hsla(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
+  --dt-color-blue-400-hsla: hsl(var(--dt-color-blue-400-h) var(--dt-color-blue-400-s) var(--dt-color-blue-400-l) / var(--alpha, 100%));
   --dt-color-blue-400: #1768C6;
-  --dt-color-blue-300-h: 212.60115606936418;
+  --dt-color-blue-300-h: 212.60115606936415;
   --dt-color-blue-300-s: 98.85714285714286%;
   --dt-color-blue-300-l: 65.68627450980392%;
+  --dt-color-blue-300-a: 100%;
   --dt-color-blue-300-hsl: var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l);
-  --dt-color-blue-300-hsla: hsla(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
+  --dt-color-blue-300-hsla: hsl(var(--dt-color-blue-300-h) var(--dt-color-blue-300-s) var(--dt-color-blue-300-l) / var(--alpha, 100%));
   --dt-color-blue-300: #51A0FE;
   --dt-color-blue-200-h: 212.35294117647058;
   --dt-color-blue-200-s: 100%;
   --dt-color-blue-200-l: 80%;
+  --dt-color-blue-200-a: 100%;
   --dt-color-blue-200-hsl: var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l);
-  --dt-color-blue-200-hsla: hsla(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
+  --dt-color-blue-200-hsla: hsl(var(--dt-color-blue-200-h) var(--dt-color-blue-200-s) var(--dt-color-blue-200-l) / var(--alpha, 100%));
   --dt-color-blue-200: #99C8FF;
   --dt-color-blue-100-h: 210;
-  --dt-color-blue-100-s: 61.538461538461554%;
+  --dt-color-blue-100-s: 61.53846153846148%;
   --dt-color-blue-100-l: 94.90196078431372%;
+  --dt-color-blue-100-a: 100%;
   --dt-color-blue-100-hsl: var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l);
-  --dt-color-blue-100-hsla: hsla(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
+  --dt-color-blue-100-hsla: hsl(var(--dt-color-blue-100-h) var(--dt-color-blue-100-s) var(--dt-color-blue-100-l) / var(--alpha, 100%));
   --dt-color-blue-100: #EAF2FA;
   --dt-color-purple-600-h: 260;
   --dt-color-purple-600-s: 91.30434782608695%;
   --dt-color-purple-600-l: 9.019607843137255%;
+  --dt-color-purple-600-a: 100%;
   --dt-color-purple-600-hsl: var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l);
-  --dt-color-purple-600-hsla: hsla(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
+  --dt-color-purple-600-hsla: hsl(var(--dt-color-purple-600-h) var(--dt-color-purple-600-s) var(--dt-color-purple-600-l) / var(--alpha, 100%));
   --dt-color-purple-600: #10022C;
   --dt-color-purple-500-h: 254.49999999999997;
-  --dt-color-purple-500-s: 67.41573033707866%;
+  --dt-color-purple-500-s: 67.41573033707864%;
   --dt-color-purple-500-l: 34.90196078431373%;
+  --dt-color-purple-500-a: 100%;
   --dt-color-purple-500-hsl: var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l);
-  --dt-color-purple-500-hsla: hsla(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
+  --dt-color-purple-500-hsla: hsl(var(--dt-color-purple-500-h) var(--dt-color-purple-500-s) var(--dt-color-purple-500-l) / var(--alpha, 100%));
   --dt-color-purple-500: #3A1D95;
   --dt-color-purple-400-h: 254.5664739884393;
   --dt-color-purple-400-s: 100%;
   --dt-color-purple-400-l: 66.07843137254902%;
+  --dt-color-purple-400-a: 100%;
   --dt-color-purple-400-hsl: var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l);
-  --dt-color-purple-400-hsla: hsla(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
+  --dt-color-purple-400-hsla: hsl(var(--dt-color-purple-400-h) var(--dt-color-purple-400-s) var(--dt-color-purple-400-l) / var(--alpha, 100%));
   --dt-color-purple-400: #7C52FF;
   --dt-color-purple-300-h: 260.9302325581395;
   --dt-color-purple-300-s: 100%;
   --dt-color-purple-300-l: 74.70588235294117%;
+  --dt-color-purple-300-a: 100%;
   --dt-color-purple-300-hsl: var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l);
-  --dt-color-purple-300-hsla: hsla(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
+  --dt-color-purple-300-hsla: hsl(var(--dt-color-purple-300-h) var(--dt-color-purple-300-s) var(--dt-color-purple-300-l) / var(--alpha, 100%));
   --dt-color-purple-300: #AB7EFF;
-  --dt-color-purple-200-h: 260.35714285714283;
+  --dt-color-purple-200-h: 260.3571428571429;
   --dt-color-purple-200-s: 100%;
   --dt-color-purple-200-l: 89.01960784313725%;
+  --dt-color-purple-200-a: 100%;
   --dt-color-purple-200-hsl: var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l);
-  --dt-color-purple-200-hsla: hsla(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
+  --dt-color-purple-200-hsla: hsl(var(--dt-color-purple-200-h) var(--dt-color-purple-200-s) var(--dt-color-purple-200-l) / var(--alpha, 100%));
   --dt-color-purple-200: #DAC7FF;
   --dt-color-purple-100-h: 260.00000000000006;
   --dt-color-purple-100-s: 100%;
   --dt-color-purple-100-l: 97.05882352941177%;
+  --dt-color-purple-100-a: 100%;
   --dt-color-purple-100-hsl: var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l);
-  --dt-color-purple-100-hsla: hsla(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
+  --dt-color-purple-100-hsla: hsl(var(--dt-color-purple-100-h) var(--dt-color-purple-100-s) var(--dt-color-purple-100-l) / var(--alpha, 100%));
   --dt-color-purple-100: #F5F0FF;
   --dt-color-black-900-h: 0;
   --dt-color-black-900-s: 0%;
   --dt-color-black-900-l: 0%;
+  --dt-color-black-900-a: 100%;
   --dt-color-black-900-hsl: var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l);
-  --dt-color-black-900-hsla: hsla(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
+  --dt-color-black-900-hsla: hsl(var(--dt-color-black-900-h) var(--dt-color-black-900-s) var(--dt-color-black-900-l) / var(--alpha, 100%));
   --dt-color-black-900: #000000;
   --dt-color-black-800-h: 0;
   --dt-color-black-800-s: 0%;
   --dt-color-black-800-l: 13.333333333333334%;
+  --dt-color-black-800-a: 100%;
   --dt-color-black-800-hsl: var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l);
-  --dt-color-black-800-hsla: hsla(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
+  --dt-color-black-800-hsla: hsl(var(--dt-color-black-800-h) var(--dt-color-black-800-s) var(--dt-color-black-800-l) / var(--alpha, 100%));
   --dt-color-black-800: #222222;
   --dt-color-black-700-h: 0;
   --dt-color-black-700-s: 0%;
   --dt-color-black-700-l: 22.745098039215687%;
+  --dt-color-black-700-a: 100%;
   --dt-color-black-700-hsl: var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l);
-  --dt-color-black-700-hsla: hsla(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
+  --dt-color-black-700-hsla: hsl(var(--dt-color-black-700-h) var(--dt-color-black-700-s) var(--dt-color-black-700-l) / var(--alpha, 100%));
   --dt-color-black-700: #3A3A3A;
   --dt-color-black-600-h: 0;
   --dt-color-black-600-s: 0%;
   --dt-color-black-600-l: 33.33333333333333%;
+  --dt-color-black-600-a: 100%;
   --dt-color-black-600-hsl: var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l);
-  --dt-color-black-600-hsla: hsla(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
+  --dt-color-black-600-hsla: hsl(var(--dt-color-black-600-h) var(--dt-color-black-600-s) var(--dt-color-black-600-l) / var(--alpha, 100%));
   --dt-color-black-600: #555555;
   --dt-color-black-500-h: 0;
   --dt-color-black-500-s: 0%;
   --dt-color-black-500-l: 50.19607843137255%;
+  --dt-color-black-500-a: 100%;
   --dt-color-black-500-hsl: var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l);
-  --dt-color-black-500-hsla: hsla(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
+  --dt-color-black-500-hsla: hsl(var(--dt-color-black-500-h) var(--dt-color-black-500-s) var(--dt-color-black-500-l) / var(--alpha, 100%));
   --dt-color-black-500: #808080;
   --dt-color-black-400-h: 0;
   --dt-color-black-400-s: 0%;
   --dt-color-black-400-l: 66.66666666666666%;
+  --dt-color-black-400-a: 100%;
   --dt-color-black-400-hsl: var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l);
-  --dt-color-black-400-hsla: hsla(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
+  --dt-color-black-400-hsla: hsl(var(--dt-color-black-400-h) var(--dt-color-black-400-s) var(--dt-color-black-400-l) / var(--alpha, 100%));
   --dt-color-black-400: #AAAAAA;
   --dt-color-black-300-h: 0;
   --dt-color-black-300-s: 0%;
   --dt-color-black-300-l: 82.35294117647058%;
+  --dt-color-black-300-a: 100%;
   --dt-color-black-300-hsl: var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l);
-  --dt-color-black-300-hsla: hsla(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
+  --dt-color-black-300-hsla: hsl(var(--dt-color-black-300-h) var(--dt-color-black-300-s) var(--dt-color-black-300-l) / var(--alpha, 100%));
   --dt-color-black-300: #D2D2D2;
   --dt-color-black-200-h: 0;
   --dt-color-black-200-s: 0%;
   --dt-color-black-200-l: 91.37254901960785%;
+  --dt-color-black-200-a: 100%;
   --dt-color-black-200-hsl: var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l);
-  --dt-color-black-200-hsla: hsla(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
+  --dt-color-black-200-hsla: hsl(var(--dt-color-black-200-h) var(--dt-color-black-200-s) var(--dt-color-black-200-l) / var(--alpha, 100%));
   --dt-color-black-200: #E9E9E9;
   --dt-color-black-100-h: 0;
   --dt-color-black-100-s: 0%;
   --dt-color-black-100-l: 97.6470588235294%;
+  --dt-color-black-100-a: 100%;
   --dt-color-black-100-hsl: var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l);
-  --dt-color-black-100-hsla: hsla(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
+  --dt-color-black-100-hsla: hsl(var(--dt-color-black-100-h) var(--dt-color-black-100-s) var(--dt-color-black-100-l) / var(--alpha, 100%));
   --dt-color-black-100: #F9F9F9;
   --dt-color-neutral-transparent-h: 0;
   --dt-color-neutral-transparent-s: 0%;
   --dt-color-neutral-transparent-l: 0%;
+  --dt-color-neutral-transparent-a: 0%;
   --dt-color-neutral-transparent-hsl: var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l);
-  --dt-color-neutral-transparent-hsla: hsla(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 100%));
+  --dt-color-neutral-transparent-hsla: hsl(var(--dt-color-neutral-transparent-h) var(--dt-color-neutral-transparent-s) var(--dt-color-neutral-transparent-l) / var(--alpha, 0%));
   --dt-color-neutral-transparent: transparent; /* Transparent color independent of any theme. */
   --dt-color-neutral-black-h: 0;
   --dt-color-neutral-black-s: 0%;
   --dt-color-neutral-black-l: 0%;
+  --dt-color-neutral-black-a: 100%;
   --dt-color-neutral-black-hsl: var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l);
-  --dt-color-neutral-black-hsla: hsla(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
+  --dt-color-neutral-black-hsla: hsl(var(--dt-color-neutral-black-h) var(--dt-color-neutral-black-s) var(--dt-color-neutral-black-l) / var(--alpha, 100%));
   --dt-color-neutral-black: #000000; /* Black color independent of any theme. */
   --dt-color-neutral-white-h: 0;
   --dt-color-neutral-white-s: 0%;
   --dt-color-neutral-white-l: 100%;
+  --dt-color-neutral-white-a: 100%;
   --dt-color-neutral-white-hsl: var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l);
-  --dt-color-neutral-white-hsla: hsla(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
+  --dt-color-neutral-white-hsla: hsl(var(--dt-color-neutral-white-h) var(--dt-color-neutral-white-s) var(--dt-color-neutral-white-l) / var(--alpha, 100%));
   --dt-color-neutral-white: #ffffff; /* White color independent of any theme. */
   --dt-space-100-percent: 100%;
   --dt-space-95-percent: 95%;
@@ -570,21 +621,23 @@
   --dt-font-size-root: 10px;
   --dt-shadow-focus-inset-offset-y: var(--dt-size-0);
   --dt-shadow-focus-inset-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-inset-color-h: 212.60115606936418;
+  --dt-shadow-focus-inset-color-h: 212.60115606936415;
   --dt-shadow-focus-inset-color-s: 98.85714285714286%;
   --dt-shadow-focus-inset-color-l: 65.68627450980392%;
+  --dt-shadow-focus-inset-color-a: 100%;
   --dt-shadow-focus-inset-color-hsl: var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l);
-  --dt-shadow-focus-inset-color-hsla: hsla(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-inset-color-hsla: hsl(var(--dt-shadow-focus-inset-color-h) var(--dt-shadow-focus-inset-color-s) var(--dt-shadow-focus-inset-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-inset-color: #51A0FE;
   --dt-shadow-focus-inset-spread: var(--dt-size-200);
   --dt-shadow-focus-inset-blur: var(--dt-size-0);
   --dt-shadow-focus-2-offset-y: var(--dt-size-0);
   --dt-shadow-focus-2-offset-x: var(--dt-size-0);
-  --dt-shadow-focus-2-color-h: 212.60115606936418;
+  --dt-shadow-focus-2-color-h: 212.60115606936415;
   --dt-shadow-focus-2-color-s: 98.85714285714286%;
   --dt-shadow-focus-2-color-l: 65.68627450980392%;
+  --dt-shadow-focus-2-color-a: 100%;
   --dt-shadow-focus-2-color-hsl: var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l);
-  --dt-shadow-focus-2-color-hsla: hsla(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-2-color-hsla: hsl(var(--dt-shadow-focus-2-color-h) var(--dt-shadow-focus-2-color-s) var(--dt-shadow-focus-2-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-2-color: #51A0FE;
   --dt-shadow-focus-2-spread: calc(var(--dt-size-200) + var(--dt-size-100));
   --dt-shadow-focus-2-blur: var(--dt-size-0);
@@ -593,8 +646,9 @@
   --dt-shadow-focus-1-color-h: 0;
   --dt-shadow-focus-1-color-s: 0%;
   --dt-shadow-focus-1-color-l: 97.6470588235294%;
+  --dt-shadow-focus-1-color-a: 100%;
   --dt-shadow-focus-1-color-hsl: var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l);
-  --dt-shadow-focus-1-color-hsla: hsla(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-focus-1-color-hsla: hsl(var(--dt-shadow-focus-1-color-h) var(--dt-shadow-focus-1-color-s) var(--dt-shadow-focus-1-color-l) / var(--alpha, 100%));
   --dt-shadow-focus-1-color: #F9F9F9;
   --dt-shadow-focus-1-spread: var(--dt-size-100);
   --dt-shadow-focus-1-blur: var(--dt-size-0);
@@ -603,8 +657,9 @@
   --dt-shadow-card-3-color-h: 0;
   --dt-shadow-card-3-color-s: 0%;
   --dt-shadow-card-3-color-l: 0%;
+  --dt-shadow-card-3-color-a: 8%;
   --dt-shadow-card-3-color-hsl: var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l);
-  --dt-shadow-card-3-color-hsla: hsla(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-3-color-hsla: hsl(var(--dt-shadow-card-3-color-h) var(--dt-shadow-card-3-color-s) var(--dt-shadow-card-3-color-l) / var(--alpha, 8%));
   --dt-shadow-card-3-color: rgba(0, 0, 0, 0.08);
   --dt-shadow-card-3-spread: var(--dt-size-0);
   --dt-shadow-card-3-blur: var(--dt-size-500);
@@ -613,8 +668,9 @@
   --dt-shadow-card-2-color-h: 0;
   --dt-shadow-card-2-color-s: 0%;
   --dt-shadow-card-2-color-l: 0%;
+  --dt-shadow-card-2-color-a: 4%;
   --dt-shadow-card-2-color-hsl: var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l);
-  --dt-shadow-card-2-color-hsla: hsla(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-2-color-hsla: hsl(var(--dt-shadow-card-2-color-h) var(--dt-shadow-card-2-color-s) var(--dt-shadow-card-2-color-l) / var(--alpha, 4%));
   --dt-shadow-card-2-color: rgba(0, 0, 0, 0.04);
   --dt-shadow-card-2-spread: var(--dt-size-0);
   --dt-shadow-card-2-blur: var(--dt-size-300);
@@ -623,8 +679,9 @@
   --dt-shadow-card-1-color-h: 0;
   --dt-shadow-card-1-color-s: 0%;
   --dt-shadow-card-1-color-l: 0%;
+  --dt-shadow-card-1-color-a: 3%;
   --dt-shadow-card-1-color-hsl: var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l);
-  --dt-shadow-card-1-color-hsla: hsla(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 100%));
+  --dt-shadow-card-1-color-hsla: hsl(var(--dt-shadow-card-1-color-h) var(--dt-shadow-card-1-color-s) var(--dt-shadow-card-1-color-l) / var(--alpha, 3%));
   --dt-shadow-card-1-color: rgba(0, 0, 0, 0.03);
   --dt-shadow-card-1-spread: var(--dt-size-0);
   --dt-shadow-card-1-blur: var(--dt-size-200);
@@ -633,8 +690,9 @@
   --dt-shadow-extra-large-color-h: 0;
   --dt-shadow-extra-large-color-s: 0%;
   --dt-shadow-extra-large-color-l: 0%;
+  --dt-shadow-extra-large-color-a: 30%;
   --dt-shadow-extra-large-color-hsl: var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l);
-  --dt-shadow-extra-large-color-hsla: hsla(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 100%));
+  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
   --dt-shadow-extra-large-color: rgba(0, 0, 0, 0.3);
   --dt-shadow-extra-large-spread: var(--dt-size-0);
   --dt-shadow-extra-large-blur: var(--dt-size-600);
@@ -643,8 +701,9 @@
   --dt-shadow-large-color-h: 0;
   --dt-shadow-large-color-s: 0%;
   --dt-shadow-large-color-l: 0%;
+  --dt-shadow-large-color-a: 30%;
   --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
-  --dt-shadow-large-color-hsla: hsla(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 100%));
+  --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
   --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
   --dt-shadow-large-spread: var(--dt-size-0);
   --dt-shadow-large-blur: var(--dt-size-500);
@@ -653,8 +712,9 @@
   --dt-shadow-medium-color-h: 0;
   --dt-shadow-medium-color-s: 0%;
   --dt-shadow-medium-color-l: 0%;
+  --dt-shadow-medium-color-a: 25%;
   --dt-shadow-medium-color-hsl: var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l);
-  --dt-shadow-medium-color-hsla: hsla(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 100%));
+  --dt-shadow-medium-color-hsla: hsl(var(--dt-shadow-medium-color-h) var(--dt-shadow-medium-color-s) var(--dt-shadow-medium-color-l) / var(--alpha, 25%));
   --dt-shadow-medium-color: rgba(0, 0, 0, 0.25);
   --dt-shadow-medium-spread: var(--dt-size-0);
   --dt-shadow-medium-blur: var(--dt-size-400);
@@ -663,8 +723,9 @@
   --dt-shadow-small-color-h: 0;
   --dt-shadow-small-color-s: 0%;
   --dt-shadow-small-color-l: 0%;
+  --dt-shadow-small-color-a: 15%;
   --dt-shadow-small-color-hsl: var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l);
-  --dt-shadow-small-color-hsla: hsla(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 100%));
+  --dt-shadow-small-color-hsla: hsl(var(--dt-shadow-small-color-h) var(--dt-shadow-small-color-s) var(--dt-shadow-small-color-l) / var(--alpha, 15%));
   --dt-shadow-small-color: rgba(0, 0, 0, 0.15);
   --dt-shadow-small-spread: var(--dt-size-0);
   --dt-shadow-small-blur: var(--dt-size-300);