@alfalab/core-components 44.7.0-beta.1 → 45.0.0

package/themes/dist/intranet.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var styles = require('!!css-loader!@alfalab/core-components/themes/intranet.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-// eslint-disable-next-line import/no-webpack-loader-syntax
-var intranet = styles__default.default.toString();
-
-module.exports = intranet;

package/themes/dist/link/click.css

@@ -1,25 +0,0 @@
-:root {
-    /* primary */
-    --link-primary-hover-color: var(--color-light-text-primary-tint-20);
-    --link-primary-active-color: var(--color-light-text-primary-tint-30);
-
-    /* inverted primary */
-    --link-inverted-primary-hover-color: var(--color-light-text-primary-inverted-tint-20);
-    --link-inverted-primary-active-color: var(--color-light-text-primary-inverted-tint-30);
-
-    /* secondary */
-    --link-secondary-hover-color: var(--color-light-text-secondary-tint-20);
-    --link-secondary-active-color: var(--color-light-text-secondary-tint-30);
-
-    /* inverted secondary */
-    --link-inverted-secondary-hover-color: var(--color-light-text-secondary-inverted-tint-20);
-    --link-inverted-secondary-active-color: var(--color-light-text-secondary-inverted-tint-30);
-
-    /* default */
-    --link-default-hover-color: var(--color-light-text-link-tint-30);
-    --link-default-active-color: var(--color-light-text-link-tint-50);
-
-    /* inverted default */
-    --link-inverted-default-hover-color: var(--color-light-text-link-tint-30);
-    --link-inverted-default-active-color: var(--color-light-text-link-tint-50);
-}

package/themes/dist/list/click.css

@@ -1,4 +0,0 @@
-:root {
-    /* theme */
-    --list-item-margin: var(--gap-m);
-}

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

@@ -1,4 +0,0 @@
-@define-mixin amount-click {
-    --amount-major-part-font-weight: bold;
-    --amount-minor-part-font-weight: bold;
-}

package/themes/dist/mixins/bottom-sheet/click.css

@@ -1,8 +0,0 @@
-@define-mixin bottom-sheet-click {
-    --bottom-sheet-footer-border-top: none;
-    --bottom-sheet-footer-background-color: var(--color-light-bg-secondary);
-    --bottom-sheet-title-font-size: 20px;
-    --bottom-sheet-title-font-weight: 500;
-    --bottom-sheet-title-line-height: 28px;
-    --bottom-sheet-title-font-family: var(--font-family-styrene);
-}

package/themes/dist/mixins/bottom-sheet/intranet.css

@@ -1,3 +0,0 @@
-@define-mixin bottom-sheet-intranet {
-    --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
-}

package/themes/dist/mixins/bottom-sheet/mobile.css

@@ -1,4 +0,0 @@
-@define-mixin bottom-sheet-mobile {
-    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-primary);
-    --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
-}

package/themes/dist/mixins/bottom-sheet/site.css

@@ -1,3 +0,0 @@
-@define-mixin bottom-sheet-site {
-    --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
-}

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

@@ -1,37 +0,0 @@
-@define-mixin button-corp {
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-accent-primary);
-    --button-primary-hover-bg-color: var(--color-light-accent-primary-hover);
-    --button-primary-active-bg-color: var(--color-light-accent-primary-press);
-    --button-primary-disabled-bg-color: var(--color-light-neutral-translucent-100);
-    --button-primary-color: var(--color-static-text-primary-inverted);
-
-    /* primary-inverted */
-    --button-inverted-primary-base-bg-color: var(--color-light-accent-primary-inverted);
-    --button-inverted-primary-hover-bg-color: var(--color-light-accent-primary-inverted-hover);
-    --button-inverted-primary-active-bg-color: var(--color-light-accent-primary-inverted-press);
-    --button-inverted-primary-disabled-bg-color: var(
-        --color-light-neutral-translucent-100-inverted
-    );
-    --button-inverted-primary-color: var(--color-static-text-primary-inverted);
-
-    /* accent */
-    --button-accent-base-bg-color: var(--color-light-accent-secondary);
-    --button-accent-hover-bg-color: var(--color-light-accent-secondary-hover);
-    --button-accent-active-bg-color: var(--color-light-accent-secondary-press);
-    --button-accent-disabled-bg-color: var(--color-light-neutral-translucent-100);
-    --button-accent-color: var(--color-light-text-primary-inverted);
-
-    /* accent-inverted */
-    --button-inverted-accent-base-bg-color: var(--color-light-accent-secondary-inverted);
-    --button-inverted-accent-hover-bg-color: var(--color-light-accent-secondary-inverted-hover);
-    --button-inverted-accent-active-bg-color: var(--color-light-accent-secondary-inverted-press);
-    --button-inverted-accent-disabled-bg-color: var(--color-light-neutral-translucent-100-inverted);
-    --button-inverted-accent-color: var(--color-light-text-primary);
-
-    /* spinner */
-    --button-spinner-static-color: var(--color-light-neutral-1500-inverted);
-    --button-spinner-inverted-static-color: var(--color-light-neutral-1500);
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
-}

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

@@ -1,41 +0,0 @@
-@define-mixin button-site {
-    /* primary */
-    --button-primary-base-bg-color: var(--color-light-accent-primary);
-    --button-primary-hover-bg-color: var(--color-light-accent-primary-hover);
-    --button-primary-active-bg-color: var(--color-light-accent-primary-press);
-    --button-primary-color: var(--color-static-text-primary-inverted);
-    --button-primary-disabled-bg-color: var(--color-light-neutral-translucent-100);
-
-    /* primary-inverted */
-    --button-inverted-primary-base-bg-color: var(--color-light-accent-primary-inverted);
-    --button-inverted-primary-hover-bg-color: var(--color-light-accent-primary-inverted-hover);
-    --button-inverted-primary-active-bg-color: var(--color-light-accent-primary-inverted-press);
-    --button-inverted-primary-color: var(--color-static-text-primary-inverted);
-    --button-inverted-primary-disabled-bg-color: var(
-        --color-light-neutral-translucent-100-inverted
-    );
-
-    /* primary mobile */
-    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
-    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
-    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
-    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
-
-    /* primary inverted mobile */
-    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
-    --button-inverted-primary-mobile-hover-bg-color: var(
-        --color-light-accent-primary-inverted-hover
-    );
-    --button-inverted-primary-mobile-active-bg-color: var(
-        --color-light-accent-primary-inverted-press
-    );
-    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
-
-    /* spinner */
-    --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
-
-    /* spinner mobile */
-    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
-    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
-}

package/themes/dist/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/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/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/mixins/checkbox/site.css

@@ -1,10 +0,0 @@
-@define-mixin checkbox-site {
-    /* checked */
-    --checkbox-checked-bg-color: var(--color-light-accent-primary);
-    --checkbox-checked-hover-bg-color: var(--color-light-accent-primary-hover);
-    --checkbox-checked-active-bg-color: var(--color-light-accent-primary-press);
-
-    /* icon */
-    --checkbox-icon-color: var(--color-static-neutral-1500-inverted);
-    --checkbox-icon-indeterminate-color: var(--color-static-neutral-1500-inverted);
-}

package/themes/dist/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/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/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/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/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/mixins/click.css

@@ -1,50 +0,0 @@
-@import './navigation-bar/click.css';
-@import './amount/click.css';
-@import './checkbox-group/click.css';
-@import './tabs/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';
-
-@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 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;
-}

package/themes/dist/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/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/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/mixins/corp.css

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