@24vlh/vds 0.3.3 → 0.3.5

package/dist/components/accordion.css

@@ -17,7 +17,6 @@
 /* ---------------------------------------------------------
    1. ACCORDION WRAPPER
 --------------------------------------------------------- */
-
 .accordion {
     display: flex;
     flex-direction: column;
@@ -27,7 +26,6 @@
 /* ---------------------------------------------------------
    2. ACCORDION ITEM  (<details>)
 --------------------------------------------------------- */
-
 .accordion-item {
     border: var(--border-width) solid var(--color-border-subtle);
     border-radius: var(--radius-md);
@@ -43,7 +41,6 @@
 /* ---------------------------------------------------------
    3. ACCORDION HEADER  (<summary>)
 --------------------------------------------------------- */
-
 .accordion-header {
     display: flex;
     align-items: center;
@@ -72,7 +69,6 @@
 /* ---------------------------------------------------------
    3A. ACCORDION TITLE
 --------------------------------------------------------- */
-
 .accordion-title {
     flex: 1;
     display: inline-flex;
@@ -95,7 +91,6 @@
 /* ---------------------------------------------------------
    4. ACCORDION ICON
 --------------------------------------------------------- */
-
 .accordion-icon {
     display: inline-block;
     width: var(--icon-sm);
@@ -113,7 +108,6 @@
 /* ---------------------------------------------------------
    5. ACCORDION BODY
 --------------------------------------------------------- */
-
 .accordion-body {
     padding: var(--space-1) var(--space-4) var(--space-4);
     color: var(--color-text);
@@ -122,7 +116,6 @@
 /* ---------------------------------------------------------
    6. OPEN STATE - ACCENT BORDER
 --------------------------------------------------------- */
-
 .accordion-item[open] {
     border-left: var(--border-width-strong) solid var(--color-accent);
     border-top-left-radius: var(--radius-md);
@@ -132,7 +125,6 @@
 /* ---------------------------------------------------------
    7. SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .accordion-item--info[open] {
     border-left-color: var(--color-info);
 }
@@ -152,7 +144,6 @@
 /* ---------------------------------------------------------
    8. DENSITY ADJUSTMENTS
 --------------------------------------------------------- */
-
 .density-a .accordion-header {
     padding: var(--space-2) var(--space-3);
 }

package/dist/components/action-bar.css

@@ -14,7 +14,6 @@
 /* ---------------------------------------------------------
    1. TOKENS
 --------------------------------------------------------- */
-
 [data-vds-action-bar],
 .vds-action-bar {
     --action-bar-bg: var(--color-surface);
@@ -29,7 +28,6 @@
 /* ---------------------------------------------------------
    2. BASE BAR
 --------------------------------------------------------- */
-
 .action-bar {
     display: flex;
     align-items: center;
@@ -77,7 +75,6 @@
 /* ---------------------------------------------------------
    3. VARIANTS
 --------------------------------------------------------- */
-
 .action-bar--compact {
     --action-bar-pad-y: var(--space-3);
     --action-bar-pad-x: var(--space-4);

package/dist/components/authoring.css

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. FOUNDATION / RESET
 --------------------------------------------------------- */
-
 [data-vds-authoring],
 .vds-authoring,
 .authoring,
@@ -52,7 +51,6 @@
 /* ---------------------------------------------------------
     2. ADMONITION SYSTEM (GitHub-style)
 --------------------------------------------------------- */
-
 .admonition {
     margin-top: var(--space-4);
     margin-bottom: var(--space-4);
@@ -156,7 +154,6 @@
 /* ---------------------------------------------------------
    2.1 ADMONITION VARIANTS
 --------------------------------------------------------- */
-
 :where(.admonition)[data-variant="info"],
 .admonition--note,
 .admonition--info {
@@ -234,7 +231,6 @@
 /* ---------------------------------------------------------
    3. MDX / MARKDOWN CALLOUTS
 --------------------------------------------------------- */
-
 .md-callout,
 .md-note,
 .md-info,
@@ -321,7 +317,6 @@
 /* ---------------------------------------------------------
    4. HEADING ANCHORS (Robust)
 --------------------------------------------------------- */
-
 .heading-anchor {
     margin-left: var(--space-1);
     font-size: 0.8em;
@@ -364,7 +359,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    5. FOOTNOTES
 --------------------------------------------------------- */
-
 .fn-ref {
     font-size: var(--footnote-size);
     vertical-align: super;
@@ -403,7 +397,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    6. INLINE MARKERS (Highlight, warning, etc.)
 --------------------------------------------------------- */
-
 .inline-marker {
     display: inline-block;
     padding: 0 var(--space-1_5);
@@ -468,7 +461,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    7. PROSE HELPERS (Authoring convenience)
 --------------------------------------------------------- */
-
 .prose-lead {
     font-size: var(--text-md);
     line-height: var(--line-height-relaxed);
@@ -533,7 +525,6 @@ h6:focus-within .heading-anchor {
 /* ---------------------------------------------------------
    8. AUTHORING / DOC-BLOCK INTEGRATION
 --------------------------------------------------------- */
-
 .doc-block__body .admonition {
     margin-top: var(--space-3);
     margin-bottom: var(--space-3);

package/dist/components/avatar.css

@@ -14,7 +14,6 @@
 /* ---------------------------------------------------------
    1. AVATAR TOKENS
 --------------------------------------------------------- */
-
 [data-vds-avatar],
 .vds-avatar {
     --avatar-size-xs: 1.5rem;
@@ -37,7 +36,6 @@
 /* ---------------------------------------------------------
    2. BASE AVATAR
 --------------------------------------------------------- */
-
 .avatar {
     position: relative;
     display: inline-flex;
@@ -94,7 +92,6 @@
 /* ---------------------------------------------------------
    3. SIZE MODIFIERS
 --------------------------------------------------------- */
-
 .avatar--xs {
     width: var(--avatar-size-xs);
     height: var(--avatar-size-xs);
@@ -122,7 +119,6 @@
 /* ---------------------------------------------------------
    4. STATUS INDICATORS
 --------------------------------------------------------- */
-
 .avatar__status {
     position: absolute;
     bottom: calc(-1 * var(--avatar-status-offset));
@@ -150,7 +146,6 @@
 /* ---------------------------------------------------------
    5. AVATAR GROUPS
 --------------------------------------------------------- */
-
 .avatar-group {
     display: flex;
     align-items: center;
@@ -180,7 +175,6 @@
 /* ---------------------------------------------------------
    6. COLOUR VARIANTS
 --------------------------------------------------------- */
-
 .avatar--accent {
     --avatar-bg: var(--color-accent-soft);
     --avatar-border: var(--color-accent);

package/dist/components/badge-tag.css

@@ -15,7 +15,6 @@
 /* ---------------------------------------------------------
    1. BADGE-TAG TOKENS
 --------------------------------------------------------- */
-
 [data-vds-badge-tag],
 .vds-badge-tag {
     --badge-tag-radius: var(--radius-pill);
@@ -41,7 +40,6 @@
 /* ---------------------------------------------------------
    2. BASE BADGE-TAG
 --------------------------------------------------------- */
-
 .badge-tag {
     display: inline-flex;
     align-items: center;
@@ -90,7 +88,6 @@
 /* ---------------------------------------------------------
    3. SIZE MODIFIERS
 --------------------------------------------------------- */
-
 .badge-tag--xs {
     --badge-tag-padding-y: var(--space-0_5);
     --badge-tag-padding-x: var(--space-2);
@@ -114,7 +111,6 @@
 /* ---------------------------------------------------------
    4. SHAPE & INTERACTION
 --------------------------------------------------------- */
-
 .badge-tag--square {
     --badge-tag-radius: var(--radius-sm);
 }
@@ -155,7 +151,6 @@
 /* ---------------------------------------------------------
    5. STYLE MODES
 --------------------------------------------------------- */
-
 .badge-tag--outline {
     background: transparent;
     border-color: currentColor;
@@ -170,7 +165,6 @@
 /* ---------------------------------------------------------
    6. SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .badge-tag--accent {
     --badge-tag-bg: var(--color-accent-soft);
     --badge-tag-border: var(--color-accent);

package/dist/components/buttons.css

@@ -20,7 +20,6 @@
 /* ---------------------------------------------------------
    1. BASE BUTTON
 --------------------------------------------------------- */
-
 .button {
     display: inline-flex;
     align-items: center;
@@ -87,7 +86,6 @@
 /* ---------------------------------------------------------
    2. SIZE SCALE
 --------------------------------------------------------- */
-
 .button--xs {
     padding-top: var(--space-1_5);
     padding-bottom: var(--space-1_5);
@@ -127,7 +125,6 @@
 /* ---------------------------------------------------------
    3. LAYOUT MODIFIERS
 --------------------------------------------------------- */
-
 .button--block {
     display: flex;
     width: 100%;
@@ -167,7 +164,6 @@
 /* ---------------------------------------------------------
    4. NEUTRAL / SEMANTIC VARIANTS
 --------------------------------------------------------- */
-
 .button--primary {
     background: var(--color-accent);
     border-color: var(--color-accent-strong);
@@ -281,7 +277,6 @@
 /* ---------------------------------------------------------
    5. STATUS VARIANTS (SOLID)
 --------------------------------------------------------- */
-
 .button--success {
     background: var(--color-success);
     border-color: var(--color-success-strong);
@@ -373,7 +368,6 @@
 /* ---------------------------------------------------------
    6. NEUTRAL (SOFT SURFACE)
 --------------------------------------------------------- */
-
 .button--neutral {
     background: var(--color-surface-subtle);
     border-color: var(--color-border-subtle);
@@ -398,7 +392,6 @@
 /* ---------------------------------------------------------
    7. OUTLINE VARIANTS
 --------------------------------------------------------- */
-
 .button--outline {
     background: transparent;
     border-color: var(--color-border-subtle);
@@ -528,7 +521,6 @@
 /* ---------------------------------------------------------
    8. LINK BUTTON
 --------------------------------------------------------- */
-
 .button--link {
     background: transparent;
     border: 0;
@@ -570,7 +562,6 @@
 /* ---------------------------------------------------------
    9. LOADING STATE
 --------------------------------------------------------- */
-
 .button--loading {
     position: relative;
     pointer-events: none;
@@ -610,7 +601,6 @@
 /* ---------------------------------------------------------
    10. REDUCED MOTION
 --------------------------------------------------------- */
-
 @media (prefers-reduced-motion: reduce) {
     .button {
         transition: none;
@@ -625,7 +615,6 @@
 /* ---------------------------------------------------------
    11. HELPERS
 --------------------------------------------------------- */
-
 .button--contrast-hover:hover:not(:disabled):not([aria-disabled="true"]) {
     background: rgba(0, 0, 0, 0.12);
     border-color: currentColor;
@@ -642,7 +631,6 @@
 /* ---------------------------------------------------------
    12. LINK RESETS
 --------------------------------------------------------- */
-
 a.button,
 a.button:hover,
 a.button:focus,

package/dist/components/charts.css

@@ -22,7 +22,6 @@
 /* ---------------------------------------------------------
    1. CHART TOKEN DEFINITIONS (extend root)
 --------------------------------------------------------- */
-
 [data-vds-chart],
 .vds-chart {
     --chart-min-height-sm: 10rem;
@@ -84,7 +83,6 @@
 /* ---------------------------------------------------------
    2. CHART CONTAINERS
 --------------------------------------------------------- */
-
 .chart {
     display: flex;
     flex-direction: column;
@@ -123,7 +121,6 @@
 /* ---------------------------------------------------------
    3. HEADER, META & ACTIONS
 --------------------------------------------------------- */
-
 .chart__header {
     display: flex;
     align-items: center;
@@ -174,7 +171,6 @@
 /* ---------------------------------------------------------
    4. BODY & CANVAS WRAPPER
 --------------------------------------------------------- */
-
 .chart__body {
     position: relative;
     flex: 1 1 auto;
@@ -203,7 +199,6 @@
 /* ---------------------------------------------------------
    5. LEGEND SYSTEM
 --------------------------------------------------------- */
-
 .chart__legend {
     display: flex;
     flex-wrap: wrap;
@@ -263,7 +258,6 @@
 /* ---------------------------------------------------------
    6. AXES & GRIDLINE HOOKS (SVG / Canvas wrappers)
 --------------------------------------------------------- */
-
 .chart-axis line,
 .chart-axis path {
     stroke: var(--chart-axis-color);
@@ -298,7 +292,6 @@
    7. SERIES HOOKS (lines, areas, bars)
    Apply to SVG elements created by chart libs or custom D3.
 --------------------------------------------------------- */
-
 .chart-series--1 {
     stroke: var(--chart-series-1-line);
     fill: none;
@@ -401,7 +394,6 @@
 /* ---------------------------------------------------------
    8. EMPTY / ERROR / LOADING STATES
 --------------------------------------------------------- */
-
 .chart--empty .chart__canvas,
 .chart--error .chart__canvas,
 .chart--loading .chart__canvas {
@@ -464,7 +456,6 @@
 /* ---------------------------------------------------------
    9. RESPONSIVE TUNING
 --------------------------------------------------------- */
-
 @media (max-width: 768px) {
     .chart {
         padding: var(--chart-padding-sm);
@@ -491,7 +482,6 @@
 /* ---------------------------------------------------------
    10. ANIMATIONS
 --------------------------------------------------------- */
-
 @keyframes chart-loading-shimmer {
     0% {
         background-position: -150% 0;

package/dist/components/command.css

@@ -26,7 +26,6 @@
    - Backdrop + centering
    - Open/closed states via class or data attribute
 --------------------------------------------------------- */
-
 [data-vds-commands],
 .vds-commands {
     --command-backdrop-bg: color-mix(in srgb, var(--color-bg) 60%, #000 55%);
@@ -140,7 +139,6 @@
    2. PANEL SHELL
    - Actual dialog surface
 --------------------------------------------------------- */
-
 .command__panel {
     position: relative;
     width: 100%;
@@ -182,7 +180,6 @@
 /* ---------------------------------------------------------
    3. HEADER & SEARCH ROW
 --------------------------------------------------------- */
-
 .command__header {
     display: grid;
     grid-template-columns: auto minmax(0, 1fr) auto;
@@ -290,7 +287,6 @@
 /* ---------------------------------------------------------
    4. BODY, SECTIONS & LIST
 --------------------------------------------------------- */
-
 .command__body {
     position: relative;
     display: flex;
@@ -460,7 +456,6 @@
 /* ---------------------------------------------------------
    5. EMPTY STATE
 --------------------------------------------------------- */
-
 .command__empty {
     padding: var(--space-6) var(--space-4) var(--space-5);
     text-align: center;
@@ -475,7 +470,6 @@
 /* ---------------------------------------------------------
    6. FOOTER (HELPER TEXT / STATUS)
 --------------------------------------------------------- */
-
 .command__footer {
     padding: var(--space-2_5) var(--space-4);
     border-top: 1px solid var(--command-panel-border);
@@ -508,7 +502,6 @@
 /* ---------------------------------------------------------
    7. SCROLLBARS & OVERRIDES
 --------------------------------------------------------- */
-
 .command__body,
 .command__scroll {
     scrollbar-width: thin;
@@ -534,7 +527,6 @@
 /* ---------------------------------------------------------
    8. COMMAND PAGE FOUNDATION (Landing / Hub)
 --------------------------------------------------------- */
-
 .command-page {
     display: flex;
     flex-direction: column;
@@ -617,7 +609,6 @@
 /* ---------------------------------------------------------
    9. COMMAND TOOLBAR
 --------------------------------------------------------- */
-
 .command-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -648,7 +639,6 @@
 /* ---------------------------------------------------------
    10. GRID + VARIANTS
 --------------------------------------------------------- */
-
 .command-grid {
     display: grid;
     grid-gap: var(--command-surface-gap);
@@ -758,7 +748,6 @@
 /* ---------------------------------------------------------
    11. CARD + SURFACE
 --------------------------------------------------------- */
-
 .command-card {
     --command-variant-rail: var(--command-accent);
     --command-variant-tint: var(--command-accent-soft);
@@ -819,7 +808,6 @@
 /* ---------------------------------------------------------
    12. PILLS / TAGS
 --------------------------------------------------------- */
-
 .command-pill {
     --command-variant-rail: var(--command-pill-border);
     --command-variant-tint: var(--command-pill-bg);
@@ -843,7 +831,6 @@
 /* ---------------------------------------------------------
    13. ACTIONS (Tiles + Rows)
 --------------------------------------------------------- */
-
 .command-action {
     --command-variant-rail: var(--command-accent);
     --command-variant-tint: var(--command-accent-soft);
@@ -947,7 +934,6 @@
 /* ---------------------------------------------------------
    14. NEXT STEPS
 --------------------------------------------------------- */
-
 .command-steps {
     list-style: none;
     margin: 0;
@@ -1028,7 +1014,6 @@
 /* ---------------------------------------------------------
    15. QUEUE + LANES
 --------------------------------------------------------- */
-
 .command-lanes {
     display: grid;
     grid-gap: var(--space-3);
@@ -1161,7 +1146,6 @@
 /* ---------------------------------------------------------
    16. GLANCE METRICS
 --------------------------------------------------------- */
-
 .command-glance-grid {
     display: grid;
     grid-gap: var(--space-3);
@@ -1212,7 +1196,6 @@
 /* ---------------------------------------------------------
    17. NUDGES
 --------------------------------------------------------- */
-
 .command-nudge {
     --command-variant-rail: var(--command-accent);
     --command-variant-tint: var(--command-accent-soft);
@@ -1273,7 +1256,6 @@
 /* ---------------------------------------------------------
    18. ACTIVITY STREAM
 --------------------------------------------------------- */
-
 .command-activity {
     list-style: none;
     margin: 0;
@@ -1319,7 +1301,6 @@
 /* ---------------------------------------------------------
    19. EMPTY STATE
 --------------------------------------------------------- */
-
 .command-empty {
     padding: var(--space-6);
     border-radius: var(--command-surface-radius);
@@ -1352,7 +1333,6 @@
 /* ---------------------------------------------------------
    20. REDUCED MOTION SAFETY (optional extra)
 --------------------------------------------------------- */
-
 @media (prefers-reduced-motion: reduce) {
     .command,
     .command::before,