@rovula/ui 0.0.66 → 0.0.68

package/dist/theme/tokens/components/button.css

@@ -1,512 +0,0 @@
-:root {
-  /* ------------------------------------------------------------------ */
-  /* Button Component Tokens                                            */
-  /* ------------------------------------------------------------------ */
-  /* Naming Convention: --[component]-[theme]-[mode]-[state]-[property] */
-  /* States: [default, hover, active, disabled]                         */
-  /* ------------------------------------------------------------------ */
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Primary Theme                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-primary-solid-default-bg: var(--state-color-primary-default);
-  --button-primary-solid-default-border: var(--state-color-primary-default);
-  --button-primary-solid-default-text: var(--state-color-primary-text-solid);
-
-  /* Hover State */
-  --button-primary-solid-hover-bg: var(--state-color-primary-hover);
-  --button-primary-solid-hover-border: var(--state-color-primary-hover);
-  --button-primary-solid-hover-text: var(--state-color-primary-text-solid);
-
-  /* Active State */
-  --button-primary-solid-active-bg: var(--state-color-primary-pressed);
-  --button-primary-solid-active-border: var(--state-color-primary-pressed);
-  --button-primary-solid-active-text: var(--state-color-primary-text-solid);
-
-  /* Disabled State */
-  --button-primary-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-primary-solid-disabled-border: var(--state-color-disable-solid);
-  --button-primary-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Primary Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-primary-outline-default-bg: transparent;
-  --button-primary-outline-default-border: var(--state-color-primary-stroke);
-  --button-primary-outline-default-text: var(--state-color-primary-text-outline);
-
-  /* Hover State */
-  --button-primary-outline-hover-bg: var(--state-color-primary-hover-bg);
-  --button-primary-outline-hover-border: var(--state-color-primary-hover);
-  --button-primary-outline-hover-text: var(--state-color-primary-text-hover);
-
-  /* Active State */
-  --button-primary-outline-active-bg: var(--state-color-primary-hover-bg);
-  --button-primary-outline-active-border: var(--state-color-primary-pressed);
-  --button-primary-outline-active-text: var(--state-color-primary-text-pressed);
-
-  /* Disabled State */
-  --button-primary-outline-disabled-bg: transparent;
-  --button-primary-outline-disabled-border: var(--state-color-disable-outline);
-  --button-primary-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Primary Theme                                   */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-primary-flat-default-bg: transparent;
-  --button-primary-flat-default-border: transparent;
-  --button-primary-flat-default-text: var(--state-color-primary-text-outline);
-
-  /* Hover State */
-  --button-primary-flat-hover-bg: var(--state-color-primary-hover-bg);
-  --button-primary-flat-hover-border: transparent;
-  --button-primary-flat-hover-text: var(--state-color-primary-text-hover);
-
-  /* Active State */
-  --button-primary-flat-active-bg: transparent;
-  --button-primary-flat-active-border: transparent;
-  --button-primary-flat-active-text: var(--state-color-primary-text-pressed);
-
-  /* Disabled State */
-  --button-primary-flat-disabled-bg: transparent;
-  --button-primary-flat-disabled-border: transparent;
-  --button-primary-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Secondary Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-secondary-solid-default-bg: var(--state-color-secondary-default);
-  --button-secondary-solid-default-border: var(--state-color-secondary-default);
-  --button-secondary-solid-default-text: var(--state-color-secondary-text-solid);
-
-  /* Hover State */
-  --button-secondary-solid-hover-bg: var(--state-color-secondary-hover);
-  --button-secondary-solid-hover-border: var(--state-color-secondary-hover);
-  --button-secondary-solid-hover-text: var(--state-color-secondary-text-solid);
-
-  /* Active State */
-  --button-secondary-solid-active-bg: var(--state-color-secondary-pressed);
-  --button-secondary-solid-active-border: var(--state-color-secondary-pressed);
-  --button-secondary-solid-active-text: var(--state-color-secondary-text-solid);
-
-  /* Disabled State */
-  --button-secondary-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-secondary-solid-disabled-border: var(--state-color-disable-solid);
-  --button-secondary-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - secondary Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-secondary-outline-default-bg: transparent;
-  --button-secondary-outline-default-border: var(--state-color-secondary-stroke);
-  --button-secondary-outline-default-text: var(--state-color-secondary-text-outline);
-
-  /* Hover State */
-  --button-secondary-outline-hover-bg: var(--state-color-secondary-hover-bg);
-  --button-secondary-outline-hover-border: var(--state-color-secondary-hover);
-  --button-secondary-outline-hover-text: var(--state-color-secondary-text-hover);
-
-  /* Active State */
-  --button-secondary-outline-active-bg: var(--state-color-secondary-hover-bg);
-  --button-secondary-outline-active-border: var(--state-color-secondary-pressed);
-  --button-secondary-outline-active-text: var(--state-color-secondary-text-pressed);
-
-  /* Disabled State */
-  --button-secondary-outline-disabled-bg: transparent;
-  --button-secondary-outline-disabled-border: var(--state-color-disable-outline);
-  --button-secondary-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Secondary Theme                                 */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-secondary-flat-default-bg: transparent;
-  --button-secondary-flat-default-border: transparent;
-  --button-secondary-flat-default-text: var(--state-color-secondary-text-outline);
-
-  /* Hover State */
-  --button-secondary-flat-hover-bg: var(--state-color-secondary-hover-bg);
-  --button-secondary-flat-hover-border: transparent;
-  --button-secondary-flat-hover-text: var(--state-color-secondary-text-hover);
-
-  /* Active State */
-  --button-secondary-flat-active-bg: transparent;
-  --button-secondary-flat-active-border: transparent;
-  --button-secondary-flat-active-text: var(--state-color-secondary-text-pressed);
-
-  /* Disabled State */
-  --button-secondary-flat-disabled-bg: transparent;
-  --button-secondary-flat-disabled-border: transparent;
-  --button-secondary-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Tertiary Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-tertiary-solid-default-bg: var(--state-color-tertiary-default);
-  --button-tertiary-solid-default-border: var(--state-color-tertiary-default);
-  --button-tertiary-solid-default-text: var(--state-color-tertiary-text-solid);
-
-  /* Hover State */
-  --button-tertiary-solid-hover-bg: var(--state-color-tertiary-hover);
-  --button-tertiary-solid-hover-border: var(--state-color-tertiary-hover);
-  --button-tertiary-solid-hover-text: var(--state-color-tertiary-text-solid);
-
-  /* Active State */
-  --button-tertiary-solid-active-bg: var(--state-color-tertiary-pressed);
-  --button-tertiary-solid-active-border: var(--state-color-tertiary-pressed);
-  --button-tertiary-solid-active-text: var(--state-color-tertiary-text-solid);
-
-  /* Disabled State */
-  --button-tertiary-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-tertiary-solid-disabled-border: var(--state-color-disable-solid);
-  --button-tertiary-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Tertiary Theme                               */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-tertiary-outline-default-bg: transparent;
-  --button-tertiary-outline-default-border: var(--state-color-tertiary-stroke);
-  --button-tertiary-outline-default-text: var(--state-color-tertiary-text-outline);
-
-  /* Hover State */
-  --button-tertiary-outline-hover-bg: var(--state-color-tertiary-hover-bg);
-  --button-tertiary-outline-hover-border: var(--state-color-tertiary-hover);
-  --button-tertiary-outline-hover-text: var(--state-color-tertiary-text-hover);
-
-  /* Active State */
-  --button-tertiary-outline-active-bg: var(--state-color-tertiary-hover-bg);
-  --button-tertiary-outline-active-border: var(--state-color-tertiary-pressed);
-  --button-tertiary-outline-active-text: var(--state-color-tertiary-text-pressed);
-
-  /* Disabled State */
-  --button-tertiary-outline-disabled-bg: transparent;
-  --button-tertiary-outline-disabled-border: var(--state-color-disable-outline);
-  --button-tertiary-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Tertiary Theme                                 */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-tertiary-flat-default-bg: transparent;
-  --button-tertiary-flat-default-border: transparent;
-  --button-tertiary-flat-default-text: var(--state-color-tertiary-text-outline);
-
-  /* Hover State */
-  --button-tertiary-flat-hover-bg: var(--state-color-tertiary-hover-bg);
-  --button-tertiary-flat-hover-border: transparent;
-  --button-tertiary-flat-hover-text: var(--state-color-tertiary-text-hover);
-
-  /* Active State */
-  --button-tertiary-flat-active-bg: transparent;
-  --button-tertiary-flat-active-border: transparent;
-  --button-tertiary-flat-active-text: var(--state-color-tertiary-text-pressed);
-
-  /* Disabled State */
-  --button-tertiary-flat-disabled-bg: transparent;
-  --button-tertiary-flat-disabled-border: transparent;
-  --button-tertiary-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Info Theme                                     */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-info-solid-default-bg: var(--state-color-info-default);
-  --button-info-solid-default-border: var(--state-color-info-default);
-  --button-info-solid-default-text: var(--state-color-info-text-solid);
-
-  /* Hover State */
-  --button-info-solid-hover-bg: var(--state-color-info-hover);
-  --button-info-solid-hover-border: var(--state-color-info-hover);
-  --button-info-solid-hover-text: var(--state-color-info-text-solid);
-
-  /* Active State */
-  --button-info-solid-active-bg: var(--state-color-info-pressed);
-  --button-info-solid-active-border: var(--state-color-info-pressed);
-  --button-info-solid-active-text: var(--state-color-info-text-solid);
-
-  /* Disabled State */
-  --button-info-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-info-solid-disabled-border: var(--state-color-disable-solid);
-  --button-info-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Info Theme                                   */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-info-outline-default-bg: transparent;
-  --button-info-outline-default-border: var(--state-color-info-stroke);
-  --button-info-outline-default-text: var(--state-color-info-text-outline);
-
-  /* Hover State */
-  --button-info-outline-hover-bg: var(--state-color-info-hover-bg);
-  --button-info-outline-hover-border: var(--state-color-info-hover);
-  --button-info-outline-hover-text: var(--state-color-info-text-hover);
-
-  /* Active State */
-  --button-info-outline-active-bg: var(--state-color-info-hover-bg);
-  --button-info-outline-active-border: var(--state-color-info-pressed);
-  --button-info-outline-active-text: var(--state-color-info-text-pressed);
-
-  /* Disabled State */
-  --button-info-outline-disabled-bg: transparent;
-  --button-info-outline-disabled-border: var(--state-color-disable-outline);
-  --button-info-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Info Theme                                      */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-info-flat-default-bg: transparent;
-  --button-info-flat-default-border: transparent;
-  --button-info-flat-default-text: var(--state-color-info-text-outline);
-
-  /* Hover State */
-  --button-info-flat-hover-bg: var(--state-color-info-hover-bg);
-  --button-info-flat-hover-border: transparent;
-  --button-info-flat-hover-text: var(--state-color-info-text-hover);
-
-  /* Active State */
-  --button-info-flat-active-bg: transparent;
-  --button-info-flat-active-border: transparent;
-  --button-info-flat-active-text: var(--state-color-info-text-pressed);
-
-  /* Disabled State */
-  --button-info-flat-disabled-bg: transparent;
-  --button-info-flat-disabled-border: transparent;
-  --button-info-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Success Theme                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-success-solid-default-bg: var(--state-color-success-default);
-  --button-success-solid-default-border: var(--state-color-success-default);
-  --button-success-solid-default-text: var(--state-color-success-text-solid);
-
-  /* Hover State */
-  --button-success-solid-hover-bg: var(--state-color-success-hover);
-  --button-success-solid-hover-border: var(--state-color-success-hover);
-  --button-success-solid-hover-text: var(--state-color-success-text-solid);
-
-  /* Active State */
-  --button-success-solid-active-bg: var(--state-color-success-pressed);
-  --button-success-solid-active-border: var(--state-color-success-pressed);
-  --button-success-solid-active-text: var(--state-color-success-text-solid);
-
-  /* Disabled State */
-  --button-success-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-success-solid-disabled-border: var(--state-color-disable-solid);
-  --button-success-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Success Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-success-outline-default-bg: transparent;
-  --button-success-outline-default-border: var(--state-color-success-stroke);
-  --button-success-outline-default-text: var(--state-color-success-text-outline);
-
-  /* Hover State */
-  --button-success-outline-hover-bg: var(--state-color-success-hover-bg);
-  --button-success-outline-hover-border: var(--state-color-success-hover);
-  --button-success-outline-hover-text: var(--state-color-success-text-hover);
-
-  /* Active State */
-  --button-success-outline-active-bg: var(--state-color-success-hover-bg);
-  --button-success-outline-active-border: var(--state-color-success-pressed);
-  --button-success-outline-active-text: var(--state-color-success-text-pressed);
-
-  /* Disabled State */
-  --button-success-outline-disabled-bg: transparent;
-  --button-success-outline-disabled-border: var(--state-color-disable-outline);
-  --button-success-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Success Theme                                   */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-success-flat-default-bg: transparent;
-  --button-success-flat-default-border: transparent;
-  --button-success-flat-default-text: var(--state-color-success-text-outline);
-
-  /* Hover State */
-  --button-success-flat-hover-bg: var(--state-color-success-hover-bg);
-  --button-success-flat-hover-border: transparent;
-  --button-success-flat-hover-text: var(--state-color-success-text-hover);
-
-  /* Active State */
-  --button-success-flat-active-bg: transparent;
-  --button-success-flat-active-border: transparent;
-  --button-success-flat-active-text: var(--state-color-success-text-pressed);
-
-  /* Disabled State */
-  --button-success-flat-disabled-bg: transparent;
-  --button-success-flat-disabled-border: transparent;
-  --button-success-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Warning Theme                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-warning-solid-default-bg: var(--state-color-warning-default);
-  --button-warning-solid-default-border: var(--state-color-warning-default);
-  --button-warning-solid-default-text: var(--state-color-warning-text-solid);
-
-  /* Hover State */
-  --button-warning-solid-hover-bg: var(--state-color-warning-hover);
-  --button-warning-solid-hover-border: var(--state-color-warning-hover);
-  --button-warning-solid-hover-text: var(--state-color-warning-text-solid);
-
-  /* Active State */
-  --button-warning-solid-active-bg: var(--state-color-warning-pressed);
-  --button-warning-solid-active-border: var(--state-color-warning-pressed);
-  --button-warning-solid-active-text: var(--state-color-warning-text-solid);
-
-  /* Disabled State */
-  --button-warning-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-warning-solid-disabled-border: var(--state-color-disable-solid);
-  --button-warning-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Warning Theme                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-warning-outline-default-bg: transparent;
-  --button-warning-outline-default-border: var(--state-color-warning-stroke);
-  --button-warning-outline-default-text: var(--state-color-warning-text-outline);
-
-  /* Hover State */
-  --button-warning-outline-hover-bg: var(--state-color-warning-hover-bg);
-  --button-warning-outline-hover-border: var(--state-color-warning-hover);
-  --button-warning-outline-hover-text: var(--state-color-warning-text-hover);
-
-  /* Active State */
-  --button-warning-outline-active-bg: var(--state-color-warning-hover-bg);
-  --button-warning-outline-active-border: var(--state-color-warning-pressed);
-  --button-warning-outline-active-text: var(--state-color-warning-text-pressed);
-
-  /* Disabled State */
-  --button-warning-outline-disabled-bg: transparent;
-  --button-warning-outline-disabled-border: var(--state-color-disable-outline);
-  --button-warning-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Warning Theme                                   */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-warning-flat-default-bg: transparent;
-  --button-warning-flat-default-border: transparent;
-  --button-warning-flat-default-text: var(--state-color-warning-text-outline);
-
-  /* Hover State */
-  --button-warning-flat-hover-bg: var(--state-color-warning-hover-bg);
-  --button-warning-flat-hover-border: transparent;
-  --button-warning-flat-hover-text: var(--state-color-warning-text-hover);
-
-  /* Active State */
-  --button-warning-flat-active-bg: transparent;
-  --button-warning-flat-active-border: transparent;
-  --button-warning-flat-active-text: var(--state-color-warning-text-pressed);
-
-  /* Disabled State */
-  --button-warning-flat-disabled-bg: transparent;
-  --button-warning-flat-disabled-border: transparent;
-  --button-warning-flat-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens - Error Theme                                    */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-error-solid-default-bg: var(--state-color-error-default);
-  --button-error-solid-default-border: var(--state-color-error-default);
-  --button-error-solid-default-text: var(--state-color-error-text-solid);
-
-  /* Hover State */
-  --button-error-solid-hover-bg: var(--state-color-error-hover);
-  --button-error-solid-hover-border: var(--state-color-error-hover);
-  --button-error-solid-hover-text: var(--state-color-error-text-solid);
-
-  /* Active State */
-  --button-error-solid-active-bg: var(--state-color-error-pressed);
-  --button-error-solid-active-border: var(--state-color-error-pressed);
-  --button-error-solid-active-text: var(--state-color-error-text-solid);
-
-  /* Disabled State */
-  --button-error-solid-disabled-bg: var(--state-color-disable-solid);
-  --button-error-solid-disabled-border: var(--state-color-disable-solid);
-  --button-error-solid-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens - Error Theme                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-error-outline-default-bg: transparent;
-  --button-error-outline-default-border: var(--state-color-error-stroke);
-  --button-error-outline-default-text: var(--state-color-error-text-outline);
-
-  /* Hover State */
-  --button-error-outline-hover-bg: var(--state-color-error-hover-bg);
-  --button-error-outline-hover-border: var(--state-color-error-hover);
-  --button-error-outline-hover-text: var(--state-color-error-text-hover);
-
-  /* Active State */
-  --button-error-outline-active-bg: var(--state-color-error-hover-bg);
-  --button-error-outline-active-border: var(--state-color-error-pressed);
-  --button-error-outline-active-text: var(--state-color-error-text-pressed);
-
-  /* Disabled State */
-  --button-error-outline-disabled-bg: transparent;
-  --button-error-outline-disabled-border: var(--state-color-disable-outline);
-  --button-error-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Flat Mode Tokens - Error Theme                                     */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --button-error-flat-default-bg: transparent;
-  --button-error-flat-default-border: transparent;
-  --button-error-flat-default-text: var(--state-color-error-text-outline);
-
-  /* Hover State */
-  --button-error-flat-hover-bg: var(--state-color-error-hover-bg);
-  --button-error-flat-hover-border: transparent;
-  --button-error-flat-hover-text: var(--state-color-error-text-hover);
-
-  /* Active State */
-  --button-error-flat-active-bg: transparent;
-  --button-error-flat-active-border: transparent;
-  --button-error-flat-active-text: var(--state-color-error-text-pressed);
-
-  /* Disabled State */
-  --button-error-flat-disabled-bg: transparent;
-  --button-error-flat-disabled-border: transparent;
-  --button-error-flat-disabled-text: var(--state-color-disable-outline);
-}

package/dist/theme/tokens/components/dropdown-menu.css

@@ -1,27 +0,0 @@
-:root {
-  /* ------------------------------------------------------------------ */
-  /* DropdownMenu Component Tokens                                      */
-  /* ------------------------------------------------------------------ */
-  /* Naming Convention: --[component]-[state]-[property]                */
-  /* Element: [default, hover, selected, disabled]                      */
-  /* ------------------------------------------------------------------ */
-  
-  --dropdown-menu-seperator-bg: var(--base-color-workspace-stroke);
-  --dropdown-menu-shadow: 0px 2px 24px 0px rgba(145, 158, 171, 0.24);
-
-  /* Default State */
-  --dropdown-menu-default-bg: transparent;
-  --dropdown-menu-default-text: inherit;
-
-  /* Hover State */
-  --dropdown-menu-hover-bg: var(--state-color-primary-hover-bg);
-  --dropdown-menu-hover-text: inherit;
-
-  /* Selected State */
-  --dropdown-menu-selected-bg: transparent;
-  --dropdown-menu-selected-text: inherit;
-
-  /* Disabled State */
-  --dropdown-menu-disabled-bg: transparent;
-  --dropdown-menu-disabled-text: var(--state-color-disable-outline);
-}

package/dist/theme/tokens/components/loading.css

@@ -1,11 +0,0 @@
-:root {
-  /* ------------------------------------------------------------------ */
-  /* Loading Component Tokens                                           */
-  /* ------------------------------------------------------------------ */
-  /* Naming Convention: --[component]-[element]-[property]              */
-  /* Element: [progress, track]                                         */
-  /* ------------------------------------------------------------------ */
-
-  --loading-process-color: var(--secondary);
-  --loading-track-color: #9E9E9E7A;
-}

package/dist/theme/tokens/components/navbar.css

@@ -1,8 +0,0 @@
-:root {
-    /* Navbar */
-  --navbar-height: 58px;
-  --navbar-bg-color: var(--primary-default);
-  --navbar-text-color: var(--primary-foreground);
-  --navbar-border-color: var(--primary-foreground);
-  --navbar-gap: 16px;
-}

package/dist/theme/tokens/components/progress-bar.css

@@ -1,8 +0,0 @@
-:root {
-    /* Navbar */
-  --navbar-height: 58px;
-  --navbar-bg-color: var(--primary-default);
-  --navbar-text-color: var(--primary-foreground);
-  --navbar-border-color: var(--primary-foreground);
-  --navbar-gap: 16px;
-}

package/dist/theme/tokens/components/switch.css

@@ -1,30 +0,0 @@
-:root {
-  /* ------------------------------------------------------------------ */
-  /* Switch Component Tokens                                           */
-  /* ------------------------------------------------------------------ */
-  /* Naming Convention: --[component]-[element]-[state]-[property]              */
-  /* Element: [progress, track]                                         */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --switch-default-color: rgb(from var(--state-color-tertiary-active) r g b / 0.32);
-  --switch-thumb-default-color: var(--state-color-tertiary-active);
-
-  /* Hover State */
-  --switch-hover-color: rgb(from var(--state-color-tertiary-active) r g b / 0.48);
-  --switch-thumb-hover-color: var(--switch-thumb-default-color);
-  --switch-thumb-hover-ring: var(--state-color-tertiary-hover-bg);
-
-  /* Active State */
-  --switch-active-color: rgb(from var(--state-color-secondary-active) r g b / 0.32);
-  --switch-thumb-active-color: var(--state-color-secondary-active);
-
-  /* Active Hover State */
-  --switch-active-hover-color: rgb(from var(--state-color-secondary-active) r g b / 0.48);
-  --switch-thumb-active-hover-color: var(--switch-thumb-active-color);
-  --switch-thumb-active-hover-ring: var(--state-color-secondary-hover-bg);
-
-  /* Disabled State */
-  --switch-disabled-color: rgb(from var(--state-color-disable-solid) r g b / 0.32);
-  --switch-thumb-disabled-color: var(--state-color-disable-solid)
-}