@alfalab/core-components 47.12.1-beta.0 → 47.13.0

package/underlay/moderncssm/index.module.css

@@ -1,686 +0,0 @@
-/* */
-
-:root {
-    --underline-border-color-accent: var(--color-light-accent-primary);
-    --underline-border-color-key: var(--color-light-neutral-translucent-1300);
-    --underline-border-color-key-inverted: var(--color-light-neutral-translucent-1300-inverted);
-    --underline-border-color-link: var(--color-light-status-info);
-    --underline-border-color-primary: var(--color-light-neutral-400);
-    --underline-border-color-primary-inverted: var(--color-light-neutral-400-inverted);
-    --underline-border-color-secondary: var(--color-light-neutral-300);
-    --underline-border-color-secondary-inverted: var(--color-light-neutral-300-inverted);
-    --underline-border-color-tertiary: var(--color-light-neutral-200);
-    --underline-border-color-tertiary-inverted: var(--color-light-neutral-200-inverted);
-    --underline-border-color-underline: var(--color-light-neutral-500);
-    --underline-border-color-underline-inverted: var(--color-light-neutral-500-inverted);
-    --underline-border-color-graphic-attention: var(--color-light-status-attention);
-    --underline-border-color-graphic-link: var(--color-light-status-info);
-    --underline-border-color-graphic-negative: var(--color-light-status-negative);
-    --underline-border-color-graphic-positive: var(--color-light-status-positive);
-    --underline-border-color-specialbg-secondary-transparent: var(
-        --color-light-neutral-translucent-200
-    );
-    --underline-border-color-specialbg-secondary-transparent-inverted: var(
-        --color-light-neutral-translucent-200-inverted
-    );
-    --underline-border-color-specialbg-tertiary-transparent: var(
-        --color-light-neutral-translucent-300
-    );
-    --underline-border-color-specialbg-tertiary-transparent-inverted: var(
-        --color-light-neutral-translucent-300-inverted
-    );
-}
-
-.component {
-    display: flex;
-    box-sizing: border-box;
-}
-
-.content {
-    display: flex;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-}
-
-.overflowHide {
-    overflow: hidden;
-}
-
-.background-accent {
-            background-color: var(--color-light-bg-accent);
-        }
-
-.background-info {
-            background-color: var(--color-light-bg-info);
-        }
-
-.background-attention-muted {
-            background-color: var(--color-light-bg-attention-muted);
-        }
-
-.background-positive-muted {
-            background-color: var(--color-light-bg-positive-muted);
-        }
-
-.background-negative-muted {
-            background-color: var(--color-light-bg-negative-muted);
-        }
-
-.background-primary {
-            background-color: var(--color-light-bg-primary);
-        }
-
-.background-primary-inverted {
-            background-color: var(--color-light-bg-primary-inverted);
-        }
-
-.background-secondary {
-            background-color: var(--color-light-bg-secondary);
-        }
-
-.background-secondary-inverted {
-            background-color: var(--color-light-bg-secondary-inverted);
-        }
-
-.background-tertiary {
-            background-color: var(--color-light-bg-tertiary);
-        }
-
-.background-tertiary-inverted {
-            background-color: var(--color-light-bg-tertiary-inverted);
-        }
-
-.background-quaternary {
-            background-color: var(--color-light-bg-quaternary);
-        }
-
-.background-quaternary-inverted {
-            background-color: var(--color-light-bg-quaternary-inverted);
-        }
-
-.background-specialbg-component {
-            background-color: var(--color-light-specialbg-component);
-        }
-
-.background-specialbg-component-inverted {
-            background-color: var(--color-light-specialbg-component-inverted);
-        }
-
-.background-specialbg-primary-grouped {
-            background-color: var(--color-light-specialbg-primary-grouped);
-        }
-
-.background-specialbg-secondary-grouped {
-            background-color: var(--color-light-specialbg-secondary-grouped);
-        }
-
-.background-specialbg-tertiary-grouped {
-            background-color: var(--color-light-specialbg-tertiary-grouped);
-        }
-
-.background-specialbg-secondary-transparent {
-            background-color: var(--color-light-specialbg-secondary-transparent);
-        }
-
-.background-specialbg-secondary-transparent-inverted {
-            background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        }
-
-.background-specialbg-tertiary-transparent {
-            background-color: var(--color-light-specialbg-tertiary-transparent);
-        }
-
-.background-specialbg-tertiary-transparent-inverted {
-            background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
-        }
-
-.padding-top-3xs {
-        padding-top: var(--gap-3xs);
-    }
-
-.padding-right-3xs {
-        padding-right: var(--gap-3xs);
-    }
-
-.padding-bottom-3xs {
-        padding-bottom: var(--gap-3xs);
-    }
-
-.padding-left-3xs {
-        padding-left: var(--gap-3xs);
-    }
-
-.padding-top-2xs {
-        padding-top: var(--gap-2xs);
-    }
-
-.padding-right-2xs {
-        padding-right: var(--gap-2xs);
-    }
-
-.padding-bottom-2xs {
-        padding-bottom: var(--gap-2xs);
-    }
-
-.padding-left-2xs {
-        padding-left: var(--gap-2xs);
-    }
-
-.padding-top-xs {
-        padding-top: var(--gap-xs);
-    }
-
-.padding-right-xs {
-        padding-right: var(--gap-xs);
-    }
-
-.padding-bottom-xs {
-        padding-bottom: var(--gap-xs);
-    }
-
-.padding-left-xs {
-        padding-left: var(--gap-xs);
-    }
-
-.padding-top-s {
-        padding-top: var(--gap-s);
-    }
-
-.padding-right-s {
-        padding-right: var(--gap-s);
-    }
-
-.padding-bottom-s {
-        padding-bottom: var(--gap-s);
-    }
-
-.padding-left-s {
-        padding-left: var(--gap-s);
-    }
-
-.padding-top-m {
-        padding-top: var(--gap-m);
-    }
-
-.padding-right-m {
-        padding-right: var(--gap-m);
-    }
-
-.padding-bottom-m {
-        padding-bottom: var(--gap-m);
-    }
-
-.padding-left-m {
-        padding-left: var(--gap-m);
-    }
-
-.padding-top-l {
-        padding-top: var(--gap-l);
-    }
-
-.padding-right-l {
-        padding-right: var(--gap-l);
-    }
-
-.padding-bottom-l {
-        padding-bottom: var(--gap-l);
-    }
-
-.padding-left-l {
-        padding-left: var(--gap-l);
-    }
-
-.padding-top-xl {
-        padding-top: var(--gap-xl);
-    }
-
-.padding-right-xl {
-        padding-right: var(--gap-xl);
-    }
-
-.padding-bottom-xl {
-        padding-bottom: var(--gap-xl);
-    }
-
-.padding-left-xl {
-        padding-left: var(--gap-xl);
-    }
-
-.padding-top-2xl {
-        padding-top: var(--gap-2xl);
-    }
-
-.padding-right-2xl {
-        padding-right: var(--gap-2xl);
-    }
-
-.padding-bottom-2xl {
-        padding-bottom: var(--gap-2xl);
-    }
-
-.padding-left-2xl {
-        padding-left: var(--gap-2xl);
-    }
-
-.padding-top-3xl {
-        padding-top: var(--gap-3xl);
-    }
-
-.padding-right-3xl {
-        padding-right: var(--gap-3xl);
-    }
-
-.padding-bottom-3xl {
-        padding-bottom: var(--gap-3xl);
-    }
-
-.padding-left-3xl {
-        padding-left: var(--gap-3xl);
-    }
-
-.padding-top-4xl {
-        padding-top: var(--gap-4xl);
-    }
-
-.padding-right-4xl {
-        padding-right: var(--gap-4xl);
-    }
-
-.padding-bottom-4xl {
-        padding-bottom: var(--gap-4xl);
-    }
-
-.padding-left-4xl {
-        padding-left: var(--gap-4xl);
-    }
-
-.padding-top-5xl {
-        padding-top: var(--gap-5xl);
-    }
-
-.padding-right-5xl {
-        padding-right: var(--gap-5xl);
-    }
-
-.padding-bottom-5xl {
-        padding-bottom: var(--gap-5xl);
-    }
-
-.padding-left-5xl {
-        padding-left: var(--gap-5xl);
-    }
-
-.padding-top-6xl {
-        padding-top: var(--gap-6xl);
-    }
-
-.padding-right-6xl {
-        padding-right: var(--gap-6xl);
-    }
-
-.padding-bottom-6xl {
-        padding-bottom: var(--gap-6xl);
-    }
-
-.padding-left-6xl {
-        padding-left: var(--gap-6xl);
-    }
-
-.border-bottom-left-xs {
-        border-bottom-left-radius: var(--border-radius-xs);
-    }
-
-.border-bottom-right-xs {
-        border-bottom-right-radius: var(--border-radius-xs);
-    }
-
-.border-top-left-xs {
-        border-top-left-radius: var(--border-radius-xs);
-    }
-
-.border-top-right-xs {
-        border-top-right-radius: var(--border-radius-xs);
-    }
-
-.border-bottom-left-s {
-        border-bottom-left-radius: var(--border-radius-s);
-    }
-
-.border-bottom-right-s {
-        border-bottom-right-radius: var(--border-radius-s);
-    }
-
-.border-top-left-s {
-        border-top-left-radius: var(--border-radius-s);
-    }
-
-.border-top-right-s {
-        border-top-right-radius: var(--border-radius-s);
-    }
-
-.border-bottom-left-m {
-        border-bottom-left-radius: var(--border-radius-m);
-    }
-
-.border-bottom-right-m {
-        border-bottom-right-radius: var(--border-radius-m);
-    }
-
-.border-top-left-m {
-        border-top-left-radius: var(--border-radius-m);
-    }
-
-.border-top-right-m {
-        border-top-right-radius: var(--border-radius-m);
-    }
-
-.border-bottom-left-l {
-        border-bottom-left-radius: var(--border-radius-l);
-    }
-
-.border-bottom-right-l {
-        border-bottom-right-radius: var(--border-radius-l);
-    }
-
-.border-top-left-l {
-        border-top-left-radius: var(--border-radius-l);
-    }
-
-.border-top-right-l {
-        border-top-right-radius: var(--border-radius-l);
-    }
-
-.border-bottom-left-xl {
-        border-bottom-left-radius: var(--border-radius-xl);
-    }
-
-.border-bottom-right-xl {
-        border-bottom-right-radius: var(--border-radius-xl);
-    }
-
-.border-top-left-xl {
-        border-top-left-radius: var(--border-radius-xl);
-    }
-
-.border-top-right-xl {
-        border-top-right-radius: var(--border-radius-xl);
-    }
-
-.border-bottom-left-xxl {
-        border-bottom-left-radius: var(--border-radius-xxl);
-    }
-
-.border-bottom-right-xxl {
-        border-bottom-right-radius: var(--border-radius-xxl);
-    }
-
-.border-top-left-xxl {
-        border-top-left-radius: var(--border-radius-xxl);
-    }
-
-.border-top-right-xxl {
-        border-top-right-radius: var(--border-radius-xxl);
-    }
-
-.border-bottom-left-3xl {
-        border-bottom-left-radius: var(--border-radius-3xl);
-    }
-
-.border-bottom-right-3xl {
-        border-bottom-right-radius: var(--border-radius-3xl);
-    }
-
-.border-top-left-3xl {
-        border-top-left-radius: var(--border-radius-3xl);
-    }
-
-.border-top-right-3xl {
-        border-top-right-radius: var(--border-radius-3xl);
-    }
-
-.shadow-xs {
-        box-shadow: var(--shadow-xs);
-    }
-
-.shadow-s {
-        box-shadow: var(--shadow-s);
-    }
-
-.shadow-m {
-        box-shadow: var(--shadow-m);
-    }
-
-.shadow-l {
-        box-shadow: var(--shadow-l);
-    }
-
-.shadow-xl {
-        box-shadow: var(--shadow-xl);
-    }
-
-.shadow-xs-hard {
-        box-shadow: var(--shadow-xs-hard);
-    }
-
-.shadow-s-hard {
-        box-shadow: var(--shadow-s-hard);
-    }
-
-.shadow-m-hard {
-        box-shadow: var(--shadow-m-hard);
-    }
-
-.shadow-l-hard {
-        box-shadow: var(--shadow-l-hard);
-    }
-
-.shadow-xl-hard {
-        box-shadow: var(--shadow-xl-hard);
-    }
-
-.shadow-xs-up {
-        box-shadow: var(--shadow-xs-up);
-    }
-
-.shadow-s-up {
-        box-shadow: var(--shadow-s-up);
-    }
-
-.shadow-m-up {
-        box-shadow: var(--shadow-m-up);
-    }
-
-.shadow-l-up {
-        box-shadow: var(--shadow-l-up);
-    }
-
-.shadow-xl-up {
-        box-shadow: var(--shadow-xl-up);
-    }
-
-.shadow-xs-hard-up {
-        box-shadow: var(--shadow-xs-hard-up);
-    }
-
-.shadow-s-hard-up {
-        box-shadow: var(--shadow-s-hard-up);
-    }
-
-.shadow-m-hard-up {
-        box-shadow: var(--shadow-m-hard-up);
-    }
-
-.shadow-l-hard-up {
-        box-shadow: var(--shadow-l-hard-up);
-    }
-
-.shadow-xl-hard-up {
-        box-shadow: var(--shadow-xl-hard-up);
-    }
-
-.border-color-accent {
-        border-color: var(--underline-border-color-accent);
-    }
-
-.border-color-key {
-        border-color: var(--underline-border-color-key);
-    }
-
-.border-color-key-inverted {
-        border-color: var(--underline-border-color-key-inverted);
-    }
-
-.border-color-link {
-        border-color: var(--underline-border-color-link);
-    }
-
-.border-color-primary {
-        border-color: var(--underline-border-color-primary);
-    }
-
-.border-color-primary-inverted {
-        border-color: var(--underline-border-color-primary-inverted);
-    }
-
-.border-color-secondary {
-        border-color: var(--underline-border-color-secondary);
-    }
-
-.border-color-secondary-inverted {
-        border-color: var(--underline-border-color-secondary-inverted);
-    }
-
-.border-color-tertiary {
-        border-color: var(--underline-border-color-tertiary);
-    }
-
-.border-color-tertiary-inverted {
-        border-color: var(--underline-border-color-tertiary-inverted);
-    }
-
-.border-color-underline {
-        border-color: var(--underline-border-color-underline);
-    }
-
-.border-color-underline-inverted {
-        border-color: var(--underline-border-color-underline-inverted);
-    }
-
-.border-color-graphic-attention {
-        border-color: var(--underline-border-color-graphic-attention);
-    }
-
-.border-color-graphic-link {
-        border-color: var(--underline-border-color-graphic-link);
-    }
-
-.border-color-graphic-negative {
-        border-color: var(--underline-border-color-graphic-negative);
-    }
-
-.border-color-graphic-positive {
-        border-color: var(--underline-border-color-graphic-positive);
-    }
-
-.border-color-specialbg-secondary-transparent {
-        border-color: var(--underline-border-color-specialbg-secondary-transparent);
-    }
-
-.border-color-specialbg-secondary-transparent-inverted {
-        border-color: var(--underline-border-color-specialbg-secondary-transparent-inverted);
-    }
-
-.border-color-specialbg-tertiary-transparent {
-        border-color: var(--underline-border-color-specialbg-tertiary-transparent);
-    }
-
-.border-color-specialbg-tertiary-transparent-inverted {
-        border-color: var(--underline-border-color-specialbg-tertiary-transparent-inverted);
-    }
-
-.border-radius-xs {
-        border-radius: var(--border-radius-xs);
-    }
-
-.border-radius-s {
-        border-radius: var(--border-radius-s);
-    }
-
-.border-radius-m {
-        border-radius: var(--border-radius-m);
-    }
-
-.border-radius-l {
-        border-radius: var(--border-radius-l);
-    }
-
-.border-radius-xl {
-        border-radius: var(--border-radius-xl);
-    }
-
-.border-radius-xxl {
-        border-radius: var(--border-radius-xxl);
-    }
-
-.border-radius-3xl {
-        border-radius: var(--border-radius-3xl);
-    }
-
-/* prettier-ignore */
-
-.border-width-1 {
-        border-width: 1px;
-        border-style: solid;
-    }
-
-.border-width-2 {
-        border-width: 2px;
-        border-style: solid;
-    }
-
-.border-width-4 {
-        border-width: 4px;
-        border-style: solid;
-    }
-
-.direction-vertical {
-    flex-direction: column;
-}
-
-.direction-horizontal {
-    flex-direction: row;
-}
-
-.align-start {
-    align-items: flex-start;
-}
-
-.align-center {
-    align-items: center;
-}
-
-.align-end {
-    align-items: flex-end;
-}
-
-.align-fill {
-    align-items: stretch;
-}
-
-.justify-start {
-    justify-content: flex-start;
-}
-
-.justify-center {
-    justify-content: center;
-}
-
-.justify-end {
-    justify-content: flex-end;
-}
-
-.backgroundImage {
-    background-size: cover;
-    background-repeat: no-repeat;
-}