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

package/vars/package.json

@@ -1,3 +1,12 @@
 {
-    "module": "./esm/index.js"
+    "name": "@alfalab/core-components-vars",
+    "version": "9.6.0",
+    "description": "",
+    "keywords": [],
+    "license": "MIT",
+    "style": "index.css",
+    "publishConfig": {
+        "access": "public",
+        "directory": "dist"
+    }
 }

package/themes/dist/amount/click.css

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

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

@@ -1,8 +0,0 @@
-:root {
-    --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/bottom-sheet/corp.css

@@ -1,4 +0,0 @@
-:root {
-    --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/bottom-sheet/intranet.css

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

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

@@ -1,4 +0,0 @@
-:root {
-    --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/bottom-sheet/site.css

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

package/themes/dist/button/click.css

@@ -1,63 +0,0 @@
-:root {
-    /* border-radius mobile */
-    --button-xxs-size-mobile-border-radius: 6px;
-    --button-xs-size-mobile-border-radius: var(--border-radius-m);
-    --button-s-size-mobile-border-radius: var(--border-radius-m);
-    --button-m-size-mobile-border-radius: var(--border-radius-l);
-    --button-l-size-mobile-border-radius: var(--border-radius-l);
-    --button-xl-size-mobile-border-radius: var(--border-radius-l);
-
-    /* primary mobile */
-    --button-primary-mobile-disabled-color: var(--color-light-text-tertiary);
-    --button-primary-mobile-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);
-
-    /* primary inverted mobile */
-    --button-inverted-primary-mobile-disabled-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted
-    );
-    --button-inverted-primary-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* secondary mobile */
-    --button-secondary-mobile-base-bg-color: var(--color-light-specialbg-tertiary-transparent);
-    --button-secondary-mobile-active-bg-color: var(
-        --color-light-specialbg-tertiary-transparent-shade-15
-    );
-    --button-secondary-mobile-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);
-    --button-secondary-mobile-disabled-color: var(--color-light-text-tertiary);
-
-    /* secondary inverted mobile */
-    --button-inverted-secondary-mobile-base-bg-color: var(
-        --color-light-specialbg-tertiary-transparent-inverted
-    );
-    --button-inverted-secondary-mobile-active-bg-color: var(
-        --color-light-specialbg-tertiary-transparent-inverted-tint-20
-    );
-    --button-inverted-secondary-mobile-disabled-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted
-    );
-    --button-inverted-secondary-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* tertiary mobile */
-    --button-tertiary-mobile-disabled-border-color: var(--color-light-graphic-tertiary);
-    --button-tertiary-mobile-disabled-color: var(--color-light-text-tertiary);
-
-    /* tertiary inverted mobile */
-    --button-inverted-tertiary-mobile-disabled-border-color: var(
-        --color-light-graphic-tertiary-inverted
-    );
-    --button-inverted-tertiary-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* link mobile */
-    --button-link-mobile-disabled-color: var(--color-light-text-tertiary);
-
-    /* link inverted mobile */
-    --button-inverted-link-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-
-    /* ghost mobile */
-    --button-ghost-mobile-active-color: var(--color-light-text-primary-tint-40);
-    --button-ghost-mobile-disabled-color: var(--color-light-text-tertiary);
-
-    /* ghost mobile inverted */
-    --button-inverted-ghost-mobile-active-color: var(--color-light-text-primary-inverted-shade-40);
-    --button-inverted-ghost-mobile-disabled-color: var(--color-light-text-tertiary-inverted);
-}

package/themes/dist/button/corp.css

@@ -1,68 +0,0 @@
-:root {
-    /* 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-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);
-    --button-primary-color: var(--color-static-text-primary-light);
-    --button-primary-disabled-color: var(--color-light-text-tertiary);
-
-    /* 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-disabled-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted
-    );
-    --button-inverted-primary-disabled-color: var(--color-light-text-tertiary-inverted);
-    --button-inverted-primary-color: var(--color-static-text-primary-light);
-
-    /* accent */
-    --button-accent-base-bg-color: var(--color-light-bg-secondary-inverted);
-    --button-accent-hover-bg-color: var(--color-light-bg-secondary-inverted-tint-15);
-    --button-accent-active-bg-color: var(--color-light-bg-secondary-inverted-tint-20);
-    --button-accent-disabled-bg-color: var(--color-light-specialbg-secondary-transparent);
-    --button-accent-color: var(--color-light-text-primary-inverted);
-    --button-accent-disabled-color: var(--color-light-text-tertiary);
-
-    /* accent-inverted */
-    --button-inverted-accent-base-bg-color: var(--color-light-bg-secondary);
-    --button-inverted-accent-hover-bg-color: var(--color-light-bg-secondary-shade-7);
-    --button-inverted-accent-active-bg-color: var(--color-light-bg-secondary-shade-15);
-    --button-inverted-accent-disabled-bg-color: var(
-        --color-light-specialbg-secondary-transparent-inverted
-    );
-    --button-inverted-accent-disabled-color: var(--color-light-text-tertiary-inverted);
-    --button-inverted-accent-color: var(--color-light-text-primary);
-
-    /* inverted-secondary */
-
-    /* TODO colod-mod */
-    --button-inverted-secondary-base-bg-color: transparent;
-    --button-inverted-secondary-hover-bg-color: var(--color-light-bg-primary-alpha-15);
-    --button-inverted-secondary-active-bg-color: var(--color-light-bg-primary-alpha-20);
-    --button-inverted-secondary-disabled-bg-color: transparent;
-    --button-inverted-secondary-base-border-color: var(--color-light-border-underline);
-    --button-inverted-secondary-disabled-border-color: var(--color-light-border-underline-alpha-30);
-    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
-    --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
-
-    /* inverted-tertiary */
-    --button-inverted-tertiary-base-bg-color: var(--color-light-specialbg-component-inverted);
-    --button-inverted-tertiary-hover-bg-color: var(
-        --color-light-specialbg-component-inverted-tint-15
-    );
-    --button-inverted-tertiary-active-bg-color: var(
-        --color-light-specialbg-component-inverted-tint-20
-    );
-    --button-inverted-tertiary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
-    --button-inverted-tertiary-base-border-color: transparent;
-    --button-inverted-tertiary-hover-border-color: transparent;
-    --button-inverted-tertiary-disabled-border-color: transparent;
-    --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
-    --button-inverted-tertiary-disabled-color: var(--color-light-text-primary-inverted-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/button/intranet.css

@@ -1,56 +0,0 @@
-:root {
-    /* 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-component);
-    --button-secondary-hover-bg-color: var(--color-light-specialbg-component-shade-7);
-    --button-secondary-active-bg-color: var(--color-light-specialbg-component-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-component-inverted);
-    --button-inverted-secondary-hover-bg-color: var(
-        --color-light-specialbg-component-inverted-tint-15
-    );
-    --button-inverted-secondary-active-bg-color: var(
-        --color-light-specialbg-component-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);
-}

package/themes/dist/button/mobile.css

@@ -1,66 +0,0 @@
-:root {
-    /* 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/button/site.css

@@ -1,21 +0,0 @@
-:root {
-    /* 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/calendar/click.css

@@ -1,8 +0,0 @@
-:root {
-    /* 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/calendar/intranet.css

@@ -1,9 +0,0 @@
-:root {
-    /* 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/calendar-input/intranet.css

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

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

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

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

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

package/themes/dist/checkbox/site.css

@@ -1,10 +0,0 @@
-:root {
-    /* 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/checkbox-group/click.css

@@ -1,9 +0,0 @@
-:root {
-    /* 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/checkbox-group/intranet.css

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

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

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

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

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

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

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