@24vlh/vds 0.3.4 → 0.3.6

package/dist/vds.css

@@ -26,7 +26,7 @@
     /* -----------------------------------------------------
        TYPOGRAPHY - Families, Scale, Line Heights, Weights
     ----------------------------------------------------- */
-    --font-family-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-family-sans: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     --font-family-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
     --text-xxxs: 0.65rem;
@@ -262,7 +262,7 @@ body {
     min-height: 100vh;
     background: var(--color-bg);
     color: var(--color-text);
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 1rem;
     font-size: var(--text-base);
@@ -3215,10 +3215,6 @@ a.button:hover {
 .chart__canvas svg {
     width: 100% !important;
     height: 100% !important;
-}
-
-.chart__canvas canvas,
-.chart__canvas svg {
     display: block;
 }
 
@@ -3998,7 +3994,7 @@ a.button:hover {
     box-shadow: 0 0 0 1px color-mix(in srgb, var(--command-item-border-active) 40%, transparent);
 }
 
-@supports (color: color-mix(in lch, red, blue)) and (top: var(--f)) {
+@supports (color: color-mix(in lch, red, blue)) {
 .command__item--active,
 .command__item[aria-selected="true"] {
     box-shadow: 0 0 0 var(--border-width, 1px) color-mix(in srgb, var(--command-item-border-active) 40%, transparent);
@@ -8407,6 +8403,9 @@ a.button:hover {
 
 .feedback-toast--static {
     position: relative !important;
+    width: -moz-max-content;
+    width: max-content;
+    max-width: 100%;
     transform: none !important;
     top: auto !important;
     right: auto !important;
@@ -8416,12 +8415,6 @@ a.button:hover {
     animation: none !important;
 }
 
-.feedback-toast--static {
-    width: -moz-max-content;
-    width: max-content;
-    max-width: 100%;
-}
-
 /************************************************************
  * VLAH DESIGN SYSTEM (VDS) - Flows & Timelines
  *
@@ -14773,6 +14766,46 @@ select.form-control:not([multiple]):not([size]) {
     mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3 V6 H2 V10 H6 V13 L11 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
+.icon--take-left-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 V6 H14 V10 H10 V13 L5 8 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 V6 H14 V10 H10 V13 L5 8 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-left-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 V6 H14 V10 H10 V13 L5 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3 V6 H14 V10 H10 V13 L5 8 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-up-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10 H6 V14 H10 V10 H13 L8 5 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10 H6 V14 H10 V10 H13 L8 5 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-up-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10 H6 V14 H10 V10 H13 L8 5 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 10 H6 V14 H10 V10 H13 L8 5 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-down-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-down-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--take-dow-fill {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='white'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='white'/%3E%3C/svg%3E");
+}
+
+.icon--take-dow-outline {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6 H6 V2 H10 V6 H13 L8 11 Z' fill='none' stroke='white' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
 .icon--open-fill {
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='6' width='12' height='8' fill='white'/%3E%3Cpath d='M4 6 L6 2 H14 V6 Z' fill='white'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='6' width='12' height='8' fill='white'/%3E%3Cpath d='M4 6 L6 2 H14 V6 Z' fill='white'/%3E%3C/svg%3E");
@@ -14883,6 +14916,26 @@ select.form-control:not([multiple]):not([size]) {
     mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9h4V5M19 9h-4V5M5 15h4v4M19 15h-4v4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 }
 
+.icon--panel-expand {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9,2.5 13.5,2.5 13.5,7' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7,13.5 2.5,13.5 2.5,9' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='4.2' y1='11.8' x2='11.8' y2='4.2' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='9.6,4.2 11.8,4.2 11.8,6.4' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9,2.5 13.5,2.5 13.5,7' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7,13.5 2.5,13.5 2.5,9' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='4.2' y1='11.8' x2='11.8' y2='4.2' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='9.6,4.2 11.8,4.2 11.8,6.4' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--panel-minimize {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9,2.5 13.5,2.5 13.5,7' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7,13.5 2.5,13.5 2.5,9' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='11.8' y1='4.2' x2='4.2' y2='11.8' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='4.2,9.6 4.2,11.8 6.4,11.8' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='9,2.5 13.5,2.5 13.5,7' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpolyline points='7,13.5 2.5,13.5 2.5,9' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='11.8' y1='4.2' x2='4.2' y2='11.8' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='4.2,9.6 4.2,11.8 6.4,11.8' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--expand-panel {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='1.8' fill='none' stroke='white' stroke-width='1.4'/%3E%3Cline x1='2.6' y1='5.6' x2='13.4' y2='5.6' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='8' y1='6.6' x2='8' y2='9.2' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='6.2,8.4 8,10.2 9.8,8.4' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='1.8' fill='none' stroke='white' stroke-width='1.4'/%3E%3Cline x1='2.6' y1='5.6' x2='13.4' y2='5.6' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='8' y1='6.6' x2='8' y2='9.2' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='6.2,8.4 8,10.2 9.8,8.4' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
+.icon--minimize-panel {
+    -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='1.8' fill='none' stroke='white' stroke-width='1.4'/%3E%3Cline x1='2.6' y1='5.6' x2='13.4' y2='5.6' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='8' y1='9.4' x2='8' y2='6.8' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='6.2,7.6 8,5.8 9.8,7.6' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+    mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2.5' y='2.5' width='11' height='11' rx='1.8' fill='none' stroke='white' stroke-width='1.4'/%3E%3Cline x1='2.6' y1='5.6' x2='13.4' y2='5.6' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cline x1='8' y1='9.4' x2='8' y2='6.8' stroke='white' stroke-width='1.4' stroke-linecap='round'/%3E%3Cpolyline points='6.2,7.6 8,5.8 9.8,7.6' fill='none' stroke='white' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
+}
+
 .icon--attach-outline {
     -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.5l6.8-6.8a3 3 0 114.2 4.2l-8.6 8.6a5 5 0 11-7.1-7.1l8.3-8.3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
     mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 12.5l6.8-6.8a3 3 0 114.2 4.2l-8.6 8.6a5 5 0 11-7.1-7.1l8.3-8.3' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
@@ -22636,7 +22689,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 .typography h4,
 .typography h5,
 .typography h6 {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-weight: 600;
     color: var(--color-text);
@@ -22747,9 +22800,6 @@ button.inbox-filter__chip[aria-disabled="true"] {
 .typography pre code {
     background: none !important;
     border: none !important;
-}
-
-.typography pre code {
     padding: 0;
     border-radius: 0;
 }
@@ -22962,9 +23012,6 @@ button.inbox-filter__chip[aria-disabled="true"] {
 
 .sr-only {
     position: absolute !important;
-}
-
-.sr-only {
     width: 1px;
     height: 1px;
     padding: 0;
@@ -22978,10 +23025,6 @@ button.inbox-filter__chip[aria-disabled="true"] {
 .sr-only-focusable:active,
 .sr-only-focusable:focus {
     position: static !important;
-}
-
-.sr-only-focusable:active,
-.sr-only-focusable:focus {
     width: auto;
     height: auto;
     margin: 0;
@@ -25422,7 +25465,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 1rem;
     font-size: var(--text-base);
@@ -25432,7 +25475,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-soft {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 1rem;
     font-size: var(--text-base);
@@ -25442,7 +25485,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-muted {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 1rem;
     font-size: var(--text-base);
@@ -25452,7 +25495,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-strong {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 1rem;
     font-size: var(--text-base);
@@ -25463,7 +25506,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-sm {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 0.875rem;
     font-size: var(--text-sm);
@@ -25473,7 +25516,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-sm-muted {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 0.875rem;
     font-size: var(--text-sm);
@@ -25483,7 +25526,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-sm-soft {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 0.875rem;
     font-size: var(--text-sm);
@@ -25493,7 +25536,7 @@ button.inbox-filter__chip[aria-disabled="true"] {
 }
 
 .text-body-sm-strong {
-    font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
+    font-family: system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, sans-serif;
     font-family: var(--font-family-sans), sans-serif;
     font-size: 0.875rem;
     font-size: var(--text-sm);