@alfalab/core-components 42.15.0-beta.2 → 42.15.1

package/themes/dist/src/mixins/button/mobile.css

@@ -1,66 +0,0 @@
-@define-mixin button-mobile {
-    /* theme */
-    --button-active-transform: none;
-
-    /* border-radius */
-    --button-xxs-size-border-radius: var(--border-radius-m);
-    --button-xs-size-border-radius: var(--border-radius-l);
-    --button-s-size-border-radius: var(--border-radius-l);
-    --button-m-size-border-radius: var(--border-radius-xl);
-    --button-l-size-border-radius: var(--border-radius-xl);
-    --button-xl-size-border-radius: var(--border-radius-xl);
-
-    /* primary */
-    --button-primary-disabled-bg-color: var(--color-light-bg-secondary-inverted);
-    --button-primary-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* primary-inverted */
-    --button-inverted-primary-disabled-bg-color: var(--color-light-bg-secondary);
-    --button-inverted-primary-disabled-color: var(--color-light-text-tertiary);
-
-    /* secondary */
-    --button-secondary-base-bg-color: var(--color-light-specialbg-secondary-transparent);
-    --button-secondary-hover-bg-color: var(--color-light-specialbg-secondary-transparent-shade-7);
-    --button-secondary-active-bg-color: var(--color-light-specialbg-secondary-transparent-shade-15);
-    --button-secondary-disabled-bg-color: var(--color-light-bg-primary-inverted-alpha-5);
-    --button-secondary-disabled-color: var(--color-light-text-primary-alpha-30);
-    --button-inverted-secondary-base-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted
-    );
-    --button-inverted-secondary-hover-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted-tint-15
-    );
-    --button-inverted-secondary-active-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted-tint-20
-    );
-    --button-inverted-secondary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
-    --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
-
-    /* tertiary */
-    --button-tertiary-hover-border-color: var(--color-light-border-underline-inverted);
-    --button-tertiary-disabled-border-color: var(--color-light-border-underline-inverted-alpha-30);
-    --button-tertiary-disabled-color: var(--color-light-text-primary-alpha-30);
-    --button-inverted-tertiary-hover-border-color: var(--color-light-border-underline);
-    --button-inverted-tertiary-disabled-border-color: var(--color-light-border-underline-alpha-30);
-    --button-inverted-tertiary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
-
-    /* link */
-    --button-link-disabled-color: var(--color-light-text-primary-alpha-30);
-    --button-inverted-link-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
-
-    /* ghost */
-    --button-ghost-hover-color: var(--color-light-text-primary-tint-30);
-    --button-ghost-active-color: var(--color-light-text-primary-tint-50);
-    --button-ghost-disabled-color: var(--color-light-text-primary-alpha-30);
-    --button-inverted-ghost-hover-color: var(--color-light-text-primary-inverted-shade-30);
-    --button-inverted-ghost-active-color: var(--color-light-text-primary-inverted-shade-50);
-    --button-inverted-ghost-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
-
-    /* primary mobile */
-    --button-primary-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-    --button-primary-mobile-disabled-bg-color: var(--color-light-bg-secondary-inverted);
-
-    /* primary inverted mobile */
-    --button-inverted-primary-mobile-disabled-bg-color: var(--color-light-bg-secondary);
-    --button-inverted-primary-mobile-disabled-color: var(--color-light-text-tertiary);
-}

package/themes/dist/src/mixins/button/site.css

@@ -1,21 +0,0 @@
-@define-mixin button-site {
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-bg-accent);
-    --button-primary-hover-bg-color: var(--color-light-bg-accent-shade-7);
-    --button-primary-active-bg-color: var(--color-light-bg-accent-shade-15);
-    --button-primary-color: var(--color-static-text-primary-light);
-    --button-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
-    --button-primary-disabled-color: var(--color-static-text-primary-light);
-
-    /* primary-inverted */
-    --button-inverted-primary-base-bg-color: var(--color-light-bg-accent);
-    --button-inverted-primary-hover-bg-color: var(--color-light-bg-accent-tint-15);
-    --button-inverted-primary-active-bg-color: var(--color-light-bg-accent-tint-20);
-    --button-inverted-primary-color: var(--color-static-text-primary-light);
-    --button-inverted-primary-disabled-bg-color: var(--color-light-bg-accent-alpha-30);
-    --button-inverted-primary-disabled-color: var(--color-static-text-primary-light-alpha-30);
-
-    /* spinner */
-    --button-spinner-primary-color: var(--color-static-graphic-light);
-    --button-spinner-inverted-primary-color: var(--color-static-graphic-light);
-}

package/themes/dist/src/mixins/calendar/click.css

@@ -1,8 +0,0 @@
-@define-mixin calendar-click {
-    /* theme */
-    --calendar-range-background: var(--color-light-bg-secondary);
-    --calendar-select-button-today-border-color: transparent;
-    --calendar-month-only-header-font-family: var(--font-family-styrene);
-    --calendar-month-only-header-font-size: 20px;
-    --calendar-month-only-header-font-weight: 500;
-}

package/themes/dist/src/mixins/calendar/intranet.css

@@ -1,9 +0,0 @@
-@define-mixin calendar-intranet {
-    /* theme */
-    --calendar-today-color: var(--color-light-text-accent);
-    --calendar-range-background: var(--color-light-specialbg-component);
-    --calendar-range-complete-background: var(--color-light-bg-negative-muted);
-    --calendar-selected-background: var(--color-light-graphic-accent);
-    --calendar-selected-hover-background: var(--color-light-graphic-accent-tint-15);
-    --calendar-select-button-selected-background: var(--color-light-graphic-accent);
-}

package/themes/dist/src/mixins/calendar-input/intranet.css

@@ -1,3 +0,0 @@
-@define-mixin calendar-input-intranet {
-    --calendar-input-popover-border-radius: 10px;
-}

package/themes/dist/src/mixins/calendar-input/mobile.css

@@ -1,3 +0,0 @@
-@define-mixin calendar-input-mobile {
-    --calendar-input-popover-border-radius: 10px;
-}

package/themes/dist/src/mixins/calendar-input/site.css

@@ -1,3 +0,0 @@
-@define-mixin calendar-input-site {
-    --calendar-input-popover-border-radius: 0 0 var(--border-radius-m) var(--border-radius-m);
-}

package/themes/dist/src/mixins/checkbox/site.css

@@ -1,10 +0,0 @@
-@define-mixin checkbox-site {
-    /* checked */
-    --checkbox-checked-bg-color: var(--color-light-graphic-accent);
-    --checkbox-checked-hover-bg-color: var(--color-light-graphic-accent-shade-7);
-    --checkbox-checked-active-bg-color: var(--color-light-graphic-accent-shade-15);
-
-    /* icon */
-    --checkbox-icon-color: var(--color-static-graphic-light);
-    --checkbox-icon-indeterminate-color: var(--color-static-graphic-light);
-}

package/themes/dist/src/mixins/checkbox-group/click.css

@@ -1,9 +0,0 @@
-@define-mixin checkbox-group-click {
-    /* theme */
-    --checkbox-group-error-padding-left: 0;
-    --checkbox-group-error-border-left: none;
-
-    /* mobile */
-    --checkbox-group-mobile-sub-padding-left: 0;
-    --checkbox-group-mobile-list-padding-left: 0;
-}

package/themes/dist/src/mixins/checkbox-group/intranet.css

@@ -1,4 +0,0 @@
-@define-mixin checkbox-group-intranet {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
-}

package/themes/dist/src/mixins/checkbox-group/mobile.css

@@ -1,4 +0,0 @@
-@define-mixin checkbox-group-mobile {
-    --checkbox-group-sub-padding-left: var(--gap-2xs);
-    --checkbox-group-list-padding-left: var(--gap-3xs);
-}

package/themes/dist/src/mixins/checkbox-group/site.css

@@ -1,5 +0,0 @@
-@define-mixin checkbox-group-site {
-    /* mobile */
-    --checkbox-group-mobile-sub-padding-left: 0;
-    --checkbox-group-mobile-list-padding-left: 0;
-}

package/themes/dist/src/mixins/circular-progress-bar/click.css

@@ -1,5 +0,0 @@
-@define-mixin circular-progress-bar-click {
-    /* theme */
-    --circular-progress-bar-font-weight: 500;
-    --circular-progress-bar-font-family: var(--font-family-styrene);
-}

package/themes/dist/src/mixins/click.css

@@ -1,54 +0,0 @@
-@import './navigation-bar/click.css';
-@import './amount/click.css';
-@import './checkbox-group/click.css';
-@import './tabs/click.css';
-@import './tag/click.css';
-@import './link/click.css';
-@import './confirmation/click.css';
-@import './calendar/click.css';
-@import './modal/click.css';
-@import './toast-plate/click.css';
-@import './list/click.css';
-@import './skeleton/click.css';
-@import './dropzone/click.css';
-@import './bottom-sheet/click.css';
-@import './icon-button/click.css';
-@import './circular-progress-bar/click.css';
-@import './select/click.css';
-@import './progress-bar/click.css';
-@import './icon-view/click.css';
-@import './system-message/click.css';
-@import './side-panel/click.css';
-@import './radio-group/click.css';
-@import './form-control/click.css';
-@import './button/click.css';
-
-@define-mixin theme-click {
-    --disabled-cursor: not-allowed;
-    --arrow-transform: rotate(-180deg);
-
-    @mixin navigation-bar-click;
-    @mixin select-click;
-    @mixin progress-bar-click;
-    @mixin amount-click;
-    @mixin checkbox-group-click;
-    @mixin tabs-click;
-    @mixin tag-click;
-    @mixin link-click;
-    @mixin confirmation-click;
-    @mixin calendar-click;
-    @mixin modal-click;
-    @mixin toast-plate-click;
-    @mixin list-click;
-    @mixin skeleton-click;
-    @mixin dropzone-click;
-    @mixin bottom-sheet-click;
-    @mixin icon-button-click;
-    @mixin circular-progress-bar-click;
-    @mixin icon-view-click;
-    @mixin system-message-click;
-    @mixin side-panel-click;
-    @mixin radio-group-click;
-    @mixin form-control-click;
-    @mixin button-click;
-}

package/themes/dist/src/mixins/confirmation/click.css

@@ -1,12 +0,0 @@
-@define-mixin confirmation-click {
-    /* desktop */
-    --confirmation-header-desktop-font-size: 24px;
-    --confirmation-header-desktop-line-height: 32px;
-    --confirmation-header-desktop-font-weight: 500;
-    --confirmation-header-desktop-font-family: var(--font-family-styrene);
-    --confirmation-header-font-feature-settings: 'ss01';
-
-    /* mobile */
-    --confirmation-header-mobile-font-weight: 500;
-    --confirmation-header-mobile-font-family: var(--font-family-styrene);
-}

package/themes/dist/src/mixins/confirmation/intranet.css

@@ -1,8 +0,0 @@
-@define-mixin confirmation-intranet {
-    /* theme */
-    --confirmation-header-desktop-font-size: 18px;
-    --confirmation-header-desktop-line-height: 22px;
-    --confirmation-text-font-size: 14px;
-    --confirmation-text-line-height: 20px;
-    --confirmation-text-color: var(--color-light-text-secondary);
-}

package/themes/dist/src/mixins/confirmation/mobile.css

@@ -1,8 +0,0 @@
-@define-mixin confirmation-mobile {
-    /* theme */
-    --confirmation-header-desktop-font-size: 18px;
-    --confirmation-header-desktop-line-height: 22px;
-    --confirmation-text-font-size: 14px;
-    --confirmation-text-line-height: 20px;
-    --confirmation-text-color: var(--color-light-text-secondary);
-}

package/themes/dist/src/mixins/corp.css

@@ -1,11 +0,0 @@
-@import './button/corp.css';
-@import './tabs/corp.css';
-@import './bottom-sheet/corp.css';
-@import './modal/corp.css';
-
-@define-mixin theme-corp {
-    @mixin button-corp;
-    @mixin tabs-corp;
-    @mixin bottom-sheet-corp;
-    @mixin modal-corp;
-}

package/themes/dist/src/mixins/dark.css

@@ -1,313 +0,0 @@
-@define-mixin theme-dark {
-    --color-light-bg-accent: var(--color-dark-bg-accent);
-    --color-light-bg-attention-muted: var(--color-dark-bg-attention-muted);
-    --color-light-bg-info: var(--color-dark-bg-info);
-    --color-light-bg-negative-muted: var(--color-dark-bg-negative-muted);
-    --color-light-bg-opaque: var(--color-dark-bg-opaque);
-    --color-light-bg-overlay: var(--color-dark-bg-overlay);
-    --color-light-bg-positive-muted: var(--color-dark-bg-positive-muted);
-    --color-light-bg-primary: var(--color-dark-bg-primary);
-    --color-light-bg-primary-inverted: var(--color-dark-bg-primary-inverted);
-    --color-light-bg-quaternary: var(--color-dark-bg-quaternary);
-    --color-light-bg-quaternary-inverted: var(--color-dark-bg-quaternary-inverted);
-    --color-light-bg-secondary: var(--color-dark-bg-secondary);
-    --color-light-bg-secondary-inverted: var(--color-dark-bg-secondary-inverted);
-    --color-light-bg-tertiary: var(--color-dark-bg-tertiary);
-    --color-light-bg-tertiary-inverted: var(--color-dark-bg-tertiary-inverted);
-    --color-light-border-accent: var(--color-dark-border-accent);
-    --color-light-border-key: var(--color-dark-border-key);
-    --color-light-border-key-inverted: var(--color-dark-border-key-inverted);
-    --color-light-border-link: var(--color-dark-border-link);
-    --color-light-border-primary: var(--color-dark-border-primary);
-    --color-light-border-primary-inverted: var(--color-dark-border-primary-inverted);
-    --color-light-border-secondary: var(--color-dark-border-secondary);
-    --color-light-border-secondary-inverted: var(--color-dark-border-secondary-inverted);
-    --color-light-border-tertiary: var(--color-dark-border-tertiary);
-    --color-light-border-tertiary-inverted: var(--color-dark-border-tertiary-inverted);
-    --color-light-border-underline: var(--color-dark-border-underline);
-    --color-light-border-underline-inverted: var(--color-dark-border-underline-inverted);
-    --color-light-graphic-accent: var(--color-dark-graphic-accent);
-    --color-light-graphic-attention: var(--color-dark-graphic-attention);
-    --color-light-graphic-link: var(--color-dark-graphic-link);
-    --color-light-graphic-negative: var(--color-dark-graphic-negative);
-    --color-light-graphic-positive: var(--color-dark-graphic-positive);
-    --color-light-graphic-primary: var(--color-dark-graphic-primary);
-    --color-light-graphic-primary-inverted: var(--color-dark-graphic-primary-inverted);
-    --color-light-graphic-quaternary: var(--color-dark-graphic-quaternary);
-    --color-light-graphic-quaternary-inverted: var(--color-dark-graphic-quaternary-inverted);
-    --color-light-graphic-secondary: var(--color-dark-graphic-secondary);
-    --color-light-graphic-secondary-inverted: var(--color-dark-graphic-secondary-inverted);
-    --color-light-graphic-tertiary: var(--color-dark-graphic-tertiary);
-    --color-light-graphic-tertiary-inverted: var(--color-dark-graphic-tertiary-inverted);
-    --color-light-specialbg-component: var(--color-dark-specialbg-component);
-    --color-light-specialbg-component-inverted: var(--color-dark-specialbg-component-inverted);
-    --color-light-specialbg-nulled: var(--color-dark-specialbg-nulled);
-    --color-light-specialbg-overlay-fallback: var(--color-dark-specialbg-overlay-fallback);
-    --color-light-specialbg-primary-grouped: var(--color-dark-specialbg-primary-grouped);
-    --color-light-specialbg-secondary-grouped: var(--color-dark-specialbg-secondary-grouped);
-    --color-light-specialbg-secondary-transparent: var(
-        --color-dark-specialbg-secondary-transparent
-    );
-    --color-light-specialbg-secondary-transparent-inverted: var(
-        --color-dark-specialbg-secondary-transparent-inverted
-    );
-    --color-light-specialbg-tertiary-grouped: var(--color-dark-specialbg-tertiary-grouped);
-    --color-light-specialbg-tertiary-transparent: var(--color-dark-specialbg-tertiary-transparent);
-    --color-light-specialbg-tertiary-transparent-inverted: var(
-        --color-dark-specialbg-tertiary-transparent-inverted
-    );
-    --color-light-text-accent: var(--color-dark-text-accent);
-    --color-light-text-attention: var(--color-dark-text-attention);
-    --color-light-text-disabled: var(--color-dark-text-disabled);
-    --color-light-text-disabled-inverted: var(--color-dark-text-disabled-inverted);
-    --color-light-text-link: var(--color-dark-text-link);
-    --color-light-text-negative: var(--color-dark-text-negative);
-    --color-light-text-positive: var(--color-dark-text-positive);
-    --color-light-text-primary: var(--color-dark-text-primary);
-    --color-light-text-primary-inverted: var(--color-dark-text-primary-inverted);
-    --color-light-text-secondary: var(--color-dark-text-secondary);
-    --color-light-text-secondary-inverted: var(--color-dark-text-secondary-inverted);
-    --color-light-text-tertiary: var(--color-dark-text-tertiary);
-    --color-light-text-tertiary-inverted: var(--color-dark-text-tertiary-inverted);
-    --color-light-bg-component: var(--color-dark-bg-component);
-    --color-light-bg-component-inverted: var(--color-dark-bg-component-inverted);
-    --color-light-bg-link-muted: var(--color-dark-bg-link-muted);
-    --color-light-bg-neutral: var(--color-dark-bg-neutral);
-    --color-light-bg-nulled: var(--color-dark-bg-nulled);
-    --color-light-bg-primary-grouped: var(--color-dark-bg-primary-grouped);
-    --color-light-bg-secondary-grouped: var(--color-dark-bg-secondary-grouped);
-    --color-light-bg-tertiary-grouped: var(--color-dark-bg-tertiary-grouped);
-    --color-light-graphic-neutral: var(--color-dark-graphic-neutral);
-    --color-light-specialbg-overlay: var(--color-dark-specialbg-overlay);
-    --color-light-text-disabled-transparent: var(--color-dark-text-disabled-transparent);
-    --color-light-text-secondary-inverted-transparent: var(
-        --color-dark-text-secondary-inverted-transparent
-    );
-    --color-light-text-secondary-transparent: var(--color-dark-text-secondary-transparent);
-    --color-light-text-tertiary-inverted-transparent: var(
-        --color-dark-text-tertiary-inverted-transparent
-    );
-    --color-light-text-tertiary-transparent: var(--color-dark-text-tertiary-transparent);
-    --color-light-bg-accent-alpha-30: var(--color-dark-bg-accent-alpha-30);
-    --color-light-bg-accent-tint-15: var(--color-dark-bg-accent-shade-15);
-    --color-light-bg-accent-tint-20: var(--color-dark-bg-accent-shade-20);
-    --color-light-bg-accent-shade-7: var(--color-dark-bg-accent-tint-7);
-    --color-light-bg-accent-shade-10: var(--color-dark-bg-accent-tint-10);
-    --color-light-bg-accent-shade-15: var(--color-dark-bg-accent-tint-15);
-    --color-light-bg-accent-shade-30: var(--color-dark-bg-accent-tint-30);
-    --color-light-bg-primary-alpha-4: var(--color-dark-bg-primary-alpha-4);
-    --color-light-bg-primary-alpha-8: var(--color-dark-bg-primary-alpha-8);
-    --color-light-bg-primary-alpha-12: var(--color-dark-bg-primary-alpha-12);
-    --color-light-bg-primary-alpha-15: var(--color-dark-bg-primary-alpha-15);
-    --color-light-bg-primary-alpha-16: var(--color-dark-bg-primary-alpha-16);
-    --color-light-bg-primary-alpha-20: var(--color-dark-bg-primary-alpha-20);
-    --color-light-bg-primary-alpha-30: var(--color-dark-bg-primary-alpha-30);
-    --color-light-bg-primary-alpha-32: var(--color-dark-bg-primary-alpha-32);
-    --color-light-bg-primary-alpha-37: var(--color-dark-bg-primary-alpha-37);
-    --color-light-bg-primary-alpha-40: var(--color-dark-bg-primary-alpha-40);
-    --color-light-bg-primary-shade-7: var(--color-dark-bg-primary-tint-7);
-    --color-light-bg-primary-shade-15: var(--color-dark-bg-primary-tint-15);
-    --color-light-bg-primary-inverted-alpha-3: var(--color-dark-bg-primary-inverted-alpha-3);
-    --color-light-bg-primary-inverted-alpha-4: var(--color-dark-bg-primary-inverted-alpha-4);
-    --color-light-bg-primary-inverted-alpha-5: var(--color-dark-bg-primary-inverted-alpha-5);
-    --color-light-bg-primary-inverted-alpha-7: var(--color-dark-bg-primary-inverted-alpha-7);
-    --color-light-bg-primary-inverted-alpha-8: var(--color-dark-bg-primary-inverted-alpha-8);
-    --color-light-bg-primary-inverted-alpha-10: var(--color-dark-bg-primary-inverted-alpha-10);
-    --color-light-bg-primary-inverted-alpha-12: var(--color-dark-bg-primary-inverted-alpha-12);
-    --color-light-bg-primary-inverted-alpha-15: var(--color-dark-bg-primary-inverted-alpha-15);
-    --color-light-bg-primary-inverted-alpha-16: var(--color-dark-bg-primary-inverted-alpha-16);
-    --color-light-bg-primary-inverted-alpha-20: var(--color-dark-bg-primary-inverted-alpha-20);
-    --color-light-bg-primary-inverted-alpha-24: var(--color-dark-bg-primary-inverted-alpha-24);
-    --color-light-bg-primary-inverted-alpha-30: var(--color-dark-bg-primary-inverted-alpha-30);
-    --color-light-bg-primary-inverted-alpha-32: var(--color-dark-bg-primary-inverted-alpha-32);
-    --color-light-bg-primary-inverted-alpha-40: var(--color-dark-bg-primary-inverted-alpha-40);
-    --color-light-bg-primary-inverted-alpha-50: var(--color-dark-bg-primary-inverted-alpha-50);
-    --color-light-bg-primary-inverted-tint-7: var(--color-dark-bg-primary-inverted-shade-7);
-    --color-light-bg-primary-inverted-tint-15: var(--color-dark-bg-primary-inverted-shade-15);
-    --color-light-bg-primary-inverted-tint-20: var(--color-dark-bg-primary-inverted-shade-20);
-    --color-light-bg-quaternary-alpha-30: var(--color-dark-bg-quaternary-alpha-30);
-    --color-light-bg-quaternary-shade-7: var(--color-dark-bg-quaternary-tint-7);
-    --color-light-bg-quaternary-shade-10: var(--color-dark-bg-quaternary-tint-10);
-    --color-light-bg-quaternary-shade-15: var(--color-dark-bg-quaternary-tint-15);
-    --color-light-bg-quaternary-shade-30: var(--color-dark-bg-quaternary-tint-30);
-    --color-light-bg-quaternary-inverted-alpha-30: var(
-        --color-dark-bg-quaternary-inverted-alpha-30
-    );
-    --color-light-bg-quaternary-inverted-tint-15: var(--color-dark-bg-quaternary-inverted-shade-15);
-    --color-light-bg-quaternary-inverted-tint-20: var(--color-dark-bg-quaternary-inverted-shade-20);
-    --color-light-bg-secondary-alpha-30: var(--color-dark-bg-secondary-alpha-30);
-    --color-light-bg-secondary-tint-15: var(--color-dark-bg-secondary-shade-15);
-    --color-light-bg-secondary-tint-20: var(--color-dark-bg-secondary-shade-20);
-    --color-light-bg-secondary-shade-7: var(--color-dark-bg-secondary-tint-7);
-    --color-light-bg-secondary-shade-15: var(--color-dark-bg-secondary-tint-15);
-    --color-light-bg-secondary-inverted-alpha-30: var(--color-dark-bg-secondary-inverted-alpha-30);
-    --color-light-bg-secondary-inverted-tint-15: var(--color-dark-bg-secondary-inverted-shade-15);
-    --color-light-bg-secondary-inverted-tint-20: var(--color-dark-bg-secondary-inverted-shade-20);
-    --color-light-bg-secondary-inverted-shade-7: var(--color-dark-bg-secondary-inverted-tint-7);
-    --color-light-bg-secondary-inverted-shade-15: var(--color-dark-bg-secondary-inverted-tint-15);
-    --color-light-bg-tertiary-shade-7: var(--color-dark-bg-tertiary-tint-7);
-    --color-light-border-key-alpha-7: var(--color-dark-border-key-alpha-7);
-    --color-light-border-key-alpha-15: var(--color-dark-border-key-alpha-15);
-    --color-light-border-key-inverted-alpha-7: var(--color-dark-border-key-inverted-alpha-7);
-    --color-light-border-key-inverted-alpha-15: var(--color-dark-border-key-inverted-alpha-15);
-    --color-light-border-underline-alpha-30: var(--color-dark-border-underline-alpha-30);
-    --color-light-border-underline-inverted-alpha-30: var(
-        --color-dark-border-underline-inverted-alpha-30
-    );
-    --color-light-graphic-accent-alpha-30: var(--color-dark-graphic-accent-alpha-30);
-    --color-light-graphic-accent-tint-15: var(--color-dark-graphic-accent-shade-15);
-    --color-light-graphic-accent-shade-7: var(--color-dark-graphic-accent-tint-7);
-    --color-light-graphic-accent-shade-10: var(--color-dark-graphic-accent-tint-10);
-    --color-light-graphic-accent-shade-15: var(--color-dark-graphic-accent-tint-15);
-    --color-light-graphic-accent-shade-30: var(--color-dark-graphic-accent-tint-30);
-    --color-light-graphic-link-alpha-15: var(--color-dark-graphic-link-alpha-15);
-    --color-light-graphic-negative-alpha-10: var(--color-dark-graphic-negative-alpha-10);
-    --color-light-graphic-negative-alpha-30: var(--color-dark-graphic-negative-alpha-30);
-    --color-light-graphic-negative-alpha-40: var(--color-dark-graphic-negative-alpha-40);
-    --color-light-graphic-negative-tint-20: var(--color-dark-graphic-negative-shade-20);
-    --color-light-graphic-negative-tint-30: var(--color-dark-graphic-negative-shade-30);
-    --color-light-graphic-negative-shade-7: var(--color-dark-graphic-negative-tint-7);
-    --color-light-graphic-negative-shade-15: var(--color-dark-graphic-negative-tint-15);
-    --color-light-graphic-negative-shade-30: var(--color-dark-graphic-negative-tint-30);
-    --color-light-graphic-positive-alpha-10: var(--color-dark-graphic-positive-alpha-10);
-    --color-light-graphic-positive-shade-10: var(--color-dark-graphic-positive-tint-10);
-    --color-light-graphic-positive-shade-30: var(--color-dark-graphic-positive-tint-30);
-    --color-light-graphic-primary-alpha-30: var(--color-dark-graphic-primary-alpha-30);
-    --color-light-graphic-primary-alpha-40: var(--color-dark-graphic-primary-alpha-40);
-    --color-light-graphic-primary-alpha-50: var(--color-dark-graphic-primary-alpha-50);
-    --color-light-graphic-primary-alpha-60: var(--color-dark-graphic-primary-alpha-60);
-    --color-light-graphic-primary-tint-15: var(--color-dark-graphic-primary-shade-15);
-    --color-light-graphic-primary-tint-20: var(--color-dark-graphic-primary-shade-20);
-    --color-light-graphic-primary-tint-30: var(--color-dark-graphic-primary-shade-30);
-    --color-light-graphic-primary-shade-10: var(--color-dark-graphic-primary-tint-10);
-    --color-light-graphic-primary-shade-30: var(--color-dark-graphic-primary-tint-30);
-    --color-light-graphic-primary-inverted-alpha-30: var(
-        --color-dark-graphic-primary-inverted-alpha-30
-    );
-    --color-light-graphic-primary-inverted-alpha-40: var(
-        --color-dark-graphic-primary-inverted-alpha-40
-    );
-    --color-light-graphic-primary-inverted-alpha-50: var(
-        --color-dark-graphic-primary-inverted-alpha-50
-    );
-    --color-light-graphic-primary-inverted-alpha-60: var(
-        --color-dark-graphic-primary-inverted-alpha-60
-    );
-    --color-light-graphic-primary-inverted-shade-7: var(
-        --color-dark-graphic-primary-inverted-tint-7
-    );
-    --color-light-graphic-primary-inverted-shade-10: var(
-        --color-dark-graphic-primary-inverted-tint-10
-    );
-    --color-light-graphic-primary-inverted-shade-15: var(
-        --color-dark-graphic-primary-inverted-tint-15
-    );
-    --color-light-graphic-primary-inverted-shade-30: var(
-        --color-dark-graphic-primary-inverted-tint-30
-    );
-    --color-light-graphic-quaternary-shade-10: var(--color-dark-graphic-quaternary-tint-10);
-    --color-light-graphic-secondary-alpha-30: var(--color-dark-graphic-secondary-alpha-30);
-    --color-light-graphic-secondary-shade-30: var(--color-dark-graphic-secondary-tint-30);
-    --color-light-graphic-secondary-shade-50: var(--color-dark-graphic-secondary-tint-50);
-    --color-light-graphic-secondary-inverted-alpha-30: var(
-        --color-dark-graphic-secondary-inverted-alpha-30
-    );
-    --color-light-graphic-secondary-inverted-tint-15: var(
-        --color-dark-graphic-secondary-inverted-shade-15
-    );
-    --color-light-graphic-secondary-inverted-tint-20: var(
-        --color-dark-graphic-secondary-inverted-shade-20
-    );
-    --color-light-graphic-secondary-inverted-shade-10: var(
-        --color-dark-graphic-secondary-inverted-tint-10
-    );
-    --color-light-graphic-secondary-inverted-shade-30: var(
-        --color-dark-graphic-secondary-inverted-tint-30
-    );
-    --color-light-graphic-tertiary-alpha-30: var(--color-dark-graphic-tertiary-alpha-30);
-    --color-light-graphic-tertiary-tint-15: var(--color-dark-graphic-tertiary-shade-15);
-    --color-light-graphic-tertiary-tint-20: var(--color-dark-graphic-tertiary-shade-20);
-    --color-light-graphic-tertiary-shade-7: var(--color-dark-graphic-tertiary-tint-7);
-    --color-light-graphic-tertiary-shade-15: var(--color-dark-graphic-tertiary-tint-15);
-    --color-light-graphic-tertiary-inverted-alpha-30: var(
-        --color-dark-graphic-tertiary-inverted-alpha-30
-    );
-    --color-light-graphic-tertiary-inverted-tint-15: var(
-        --color-dark-graphic-tertiary-inverted-shade-15
-    );
-    --color-light-graphic-tertiary-inverted-tint-20: var(
-        --color-dark-graphic-tertiary-inverted-shade-20
-    );
-    --color-light-specialbg-component-shade-7: var(--color-dark-specialbg-component-tint-7);
-    --color-light-specialbg-component-shade-10: var(--color-dark-specialbg-component-tint-10);
-    --color-light-specialbg-component-shade-15: var(--color-dark-specialbg-component-tint-15);
-    --color-light-specialbg-component-shade-30: var(--color-dark-specialbg-component-tint-30);
-    --color-light-specialbg-component-alpha-2: var(--color-dark-specialbg-component-alpha-2);
-    --color-light-specialbg-component-alpha-14: var(--color-dark-specialbg-component-alpha-14);
-    --color-light-specialbg-component-alpha-23: var(--color-dark-specialbg-component-alpha-23);
-    --color-light-specialbg-component-alpha-30: var(--color-dark-specialbg-component-alpha-30);
-    --color-light-specialbg-component-inverted-alpha-30: var(
-        --color-dark-specialbg-component-inverted-alpha-30
-    );
-    --color-light-specialbg-component-inverted-tint-15: var(
-        --color-dark-specialbg-component-inverted-shade-15
-    );
-    --color-light-specialbg-component-inverted-tint-20: var(
-        --color-dark-specialbg-component-inverted-shade-20
-    );
-    --color-light-specialbg-secondary-transparent-shade-7: var(
-        --color-dark-specialbg-secondary-transparent-tint-7
-    );
-    --color-light-specialbg-secondary-transparent-shade-15: var(
-        --color-dark-specialbg-secondary-transparent-tint-15
-    );
-    --color-light-specialbg-secondary-transparent-inverted-tint-15: var(
-        --color-dark-specialbg-secondary-transparent-inverted-shade-15
-    );
-    --color-light-specialbg-secondary-transparent-inverted-tint-20: var(
-        --color-dark-specialbg-secondary-transparent-inverted-shade-20
-    );
-    --color-light-specialbg-tertiary-transparent-shade-7: var(
-        --color-dark-specialbg-tertiary-transparent-tint-7
-    );
-    --color-light-specialbg-tertiary-transparent-shade-15: var(
-        --color-dark-specialbg-tertiary-transparent-tint-15
-    );
-    --color-light-specialbg-tertiary-transparent-inverted-tint-15: var(
-        --color-dark-specialbg-tertiary-transparent-inverted-shade-15
-    );
-    --color-light-specialbg-tertiary-transparent-inverted-tint-20: var(
-        --color-dark-specialbg-tertiary-transparent-inverted-shade-20
-    );
-    --color-light-text-link-tint-30: var(--color-dark-text-link-shade-30);
-    --color-light-text-link-tint-50: var(--color-dark-text-link-shade-50);
-    --color-light-text-link-shade-20: var(--color-dark-text-link-tint-20);
-    --color-light-text-link-shade-40: var(--color-dark-text-link-tint-40);
-    --color-light-text-primary-alpha-30: var(--color-dark-text-primary-alpha-30);
-    --color-light-text-primary-tint-24: var(--color-dark-text-primary-shade-24);
-    --color-light-text-primary-tint-30: var(--color-dark-text-primary-shade-30);
-    --color-light-text-primary-tint-40: var(--color-dark-text-primary-shade-40);
-    --color-light-text-primary-tint-50: var(--color-dark-text-primary-shade-50);
-    --color-light-text-primary-shade-20: var(--color-dark-text-primary-tint-20);
-    --color-light-text-primary-shade-40: var(--color-dark-text-primary-tint-40);
-    --color-light-text-primary-inverted-alpha-30: var(--color-dark-text-primary-inverted-alpha-30);
-    --color-light-text-primary-inverted-alpha-40: var(--color-dark-text-primary-inverted-alpha-40);
-    --color-light-text-primary-inverted-tint-20: var(--color-dark-text-primary-inverted-shade-20);
-    --color-light-text-primary-inverted-tint-30: var(--color-dark-text-primary-inverted-shade-30);
-    --color-light-text-primary-inverted-shade-7: var(--color-dark-text-primary-inverted-tint-7);
-    --color-light-text-primary-inverted-shade-15: var(--color-dark-text-primary-inverted-tint-15);
-    --color-light-text-primary-inverted-shade-24: var(--color-dark-text-primary-inverted-tint-24);
-    --color-light-text-primary-inverted-shade-30: var(--color-dark-text-primary-inverted-tint-30);
-    --color-light-text-primary-inverted-shade-40: var(--color-dark-text-primary-inverted-tint-40);
-    --color-light-text-primary-inverted-shade-50: var(--color-dark-text-primary-inverted-tint-50);
-    --color-light-text-secondary-tint-20: var(--color-dark-text-secondary-shade-20);
-    --color-light-text-secondary-tint-30: var(--color-dark-text-secondary-shade-30);
-    --color-light-text-secondary-shade-20: var(--color-dark-text-secondary-tint-20);
-    --color-light-text-secondary-shade-40: var(--color-dark-text-secondary-tint-40);
-    --color-light-text-secondary-inverted-tint-20: var(
-        --color-dark-text-secondary-inverted-shade-20
-    );
-    --color-light-text-secondary-inverted-tint-30: var(
-        --color-dark-text-secondary-inverted-shade-30
-    );
-}

package/themes/dist/src/mixins/dropzone/click.css

@@ -1,3 +0,0 @@
-@define-mixin dropzone-click {
-    --dropzone-active-cursor: pointer;
-}

package/themes/dist/src/mixins/filter-tag/mobile.css

@@ -1,4 +0,0 @@
-@define-mixin filter-tag-mobile {
-    /* theme */
-    --filter-tag-separator-background-color-hover: var(--color-dark-border-underline);
-}

package/themes/dist/src/mixins/form-control/click.css

@@ -1,4 +0,0 @@
-@define-mixin form-control-click {
-    /* theme */
-    --form-control-mobile-sub-paddings: 0;
-}