@epam/uui 5.0.0-alpha.3 → 5.0.0

package/assets/styles/font-faces.scss

@@ -1,52 +0,0 @@
-@font-face {
-    font-family: 'Sans Regular';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Regular.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Regular.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Regular.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Regular.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Semibold';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-Semibold.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-Semibold.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-Semibold.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Sans Italic';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff2/ttf/SourceSansPro-It.ttf.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/woff/otf/SourceSansPro-It.otf.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/otf/SourceSansPro-It.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/source-sans-pro/ttf/SourceSansPro-It.ttf') format('truetype');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'Redacted';
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.eot');
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff2') format('woff2'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.woff') format('woff'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.otf') format('opentype'),
-        url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/redacted/redacted-regular.svg#filename') format('svg');
-}
-
-@font-face {
-    font-family: 'Roboto Mono';
-    font-style: normal;
-    font-weight: normal;
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoMono-Regular.ttf') format('truetype');
-}
-
-@font-face {
-    font-family: 'Roboto Slab';
-    font-style: normal;
-    font-weight: normal;
-    src: url('https://static.cdn.epam.com/uploads/690afa39a93c88c4dd13758fe1d869d5/EPM-UUI/fonts/RobotoSlab-Regular.ttf') format('truetype');
-}

package/assets/styles/layout-mixins.scss

@@ -1,9 +0,0 @@
-@mixin padding($size) {
-    padding-left: $size + px;
-    padding-right: $size + px;
-}
-
-@mixin vPadding($size) {
-    padding-top: $size + px;
-    padding-bottom: $size + px;
-}

package/assets/styles/prettifyScrollBar.scss

@@ -1,53 +0,0 @@
-@mixin prettifyCustomScroll() {
-    :global(.uui-shadow-top)::before {
-        background: var(--scroll-bars-shadow);
-    }
-
-    :global(.uui-shadow-bottom)::after {
-        background: var(--scroll-bars-shadow);
-    }
-
-    :global(.uui-thumb-vertical), :global(.uui-thumb-horizontal) {
-        background: var(--uui-scroll-bars-bg);
-        border-radius: 1.5px;
-
-        &:hover {
-            border-radius: 3px;
-        }
-
-        &:active {
-            border-radius: 3px;
-            background: var(--uui-scroll-bars-bg-active);
-        }
-    }
-
-    :global(.uui-thumb-vertical) {
-        width: 3px;
-        margin-left: 3px;
-
-        &:hover {
-            width: 6px;
-            margin-left: 0;
-        }
-
-        &:active {
-            width: 6px;
-            margin-left: 0;
-        }
-    }
-
-    :global(.uui-thumb-horizontal) {
-        height: 3px;
-        margin-top: 3px;
-
-        &:hover {
-            height: 6px;
-            margin-top: 0;
-        }
-
-        &:active {
-            height: 6px;
-            margin-top: 0;
-        }
-    }
-}

package/assets/styles/text-layout.scss

@@ -1,81 +0,0 @@
-.line-height-12 { line-height: 12px; }
-.line-height-18 { line-height: 18px; }
-.line-height-24 { line-height: 24px; }
-.line-height-30 { line-height: 30px; }
-
-.font-size-10 { font-size: 10px; }
-.font-size-12 { font-size: 12px; }
-.font-size-14 { font-size: 14px; }
-.font-size-16 { font-size: 16px; }
-.font-size-18 { font-size: 18px; }
-.font-size-24 { font-size: 24px; }
-
-.v-padding-2 {
-    padding-top: 2px;
-    padding-bottom: 2px;
-}
-
-.v-padding-3 {
-    padding-top: 3px;
-    padding-bottom: 3px;
-}
-
-.v-padding-5 {
-    padding-top: 5px;
-    padding-bottom: 5px;
-}
-
-.v-padding-6 {
-    padding-top: 6px;
-    padding-bottom: 6px;
-}
-
-.v-padding-8 {
-    padding-top: 8px;
-    padding-bottom: 8px;
-}
-
-.v-padding-9 {
-    padding-top: 9px;
-    padding-bottom: 9px;
-}
-
-.v-padding-11 {
-    padding-top: 11px;
-    padding-bottom: 11px;
-}
-
-.v-padding-12 {
-    padding-top: 12px;
-    padding-bottom: 12px;
-}
-
-.v-padding-14 {
-    padding-top: 14px;
-    padding-bottom: 14px;
-}
-
-.v-padding-15 {
-    padding-top: 15px;
-    padding-bottom: 15px;
-}
-
-.v-padding-17 {
-    padding-top: 17px;
-    padding-bottom: 17px;
-}
-
-.v-padding-18 {
-    padding-top: 18px;
-    padding-bottom: 18px;
-}
-
-.v-padding-23 {
-    padding-top: 23px;
-    padding-bottom: 23px;
-}
-
-.v-padding-24 {
-    padding-top: 24px;
-    padding-bottom: 24px;
-}

package/assets/styles/typography-mixins.scss

@@ -1,159 +0,0 @@
-@mixin overflow-ellipsis() {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-@mixin typography-header() {
-    :global(.hero-header), h1, h2, h3, h4, h5, h6 {
-        margin: 0;
-    }
-
-    :global(.hero-header) {
-        font-family: var(--font-promo);
-        margin: 30px 0;
-        font-size: 66px;
-        line-height: 72px;
-    }
-
-    :global(.hero-header), :global(.promo-header) {
-        color: var(--uui-text-brand);
-        text-align: center;
-    }
-
-    :global(.promo-header), h1, h2, h3 {
-        font-family: var(--font-primary);
-    }
-
-    :global(.promo-header) {
-        text-transform: uppercase;
-    }
-
-    h4, h5, h6 {
-        font-family: var(--font-semibold);
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-        margin-bottom: 0.5em;
-        margin-top: 1.2em;
-        line-height: 1.35em;
-    }
-
-    h1 {
-        font-size: 36px;
-    }
-
-    h2 {
-        font-size: 30px;
-        letter-spacing: 0.1px;
-
-        &:global(.promo-header) {
-            letter-spacing: 2px;
-        }
-    }
-
-    h3 {
-        font-size: 24px;
-    }
-
-    h4 {
-        font-size: 18px;
-        letter-spacing: 0.1px;
-    }
-
-    h5 {
-        font-size: 16px;
-    }
-
-    h6 {
-        font-size: 14px;
-    }
-}
-
-@mixin typography-inline() {
-    b, strong {
-        font-family: var(--font-semibold);
-    }
-
-    i, em {
-        font-family: var(--font-italic);
-    }
-
-    a {
-        display: inline-flex;
-        align-items: center;
-        color: var(--uui-primary);
-        text-decoration: underline;
-
-        &:visited {
-            color: #5214CC;
-
-            &:hover {
-                color: #3F0F9E;
-            }
-        }
-
-        &:hover {
-            color: var(--uui-primary-dark);
-        }
-    }
-
-    code {
-        padding: 0.125em 0.25em;
-        color: var(--uui-text-primary);
-        background-color: var(--uui-secondary-light);
-        font-family: var(--font-mono);
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-}
-
-@mixin typography-block() {
-    ol, ul {
-        padding: 0;
-    }
-
-    li {
-        margin-left: 1.25em;
-        line-height: 1.5;
-    }
-
-    pre {
-        padding: 1.25em;
-        color: var(--gray10);
-        background-color: var(--uui-secondary-darkest);
-        font-family: monospace;
-        white-space: pre-wrap;
-        word-wrap: normal;
-    }
-
-    img {
-        max-width: 100%;
-    }
-
-    figure {
-        margin: 0;
-
-        figcaption {
-            font-size: 0.9em;
-            opacity: 0.9;
-            text-align: center;
-        }
-    }
-
-    p {
-        margin: 0.5em 0;
-        line-height: 1.5;
-    }
-}
-
-@mixin typography-12() {
-    font-size: 12px;
-}
-
-@mixin typography-14() {
-    font-size: 14px;
-}
-
-@mixin typography-16() {
-    font-size: 16px;
-}

package/assets/styles/variables/widgets/badge.scss

@@ -1,51 +0,0 @@
-:global(.badge-info) {
-    --uui-badge-bg: var(--uui-info);
-    --uui-badge-bg-hover: var(--uui-info-active);
-    //--bg-color-semitransparent: #{lighten(#008ACE, 50%)};
-    //--border-color-semitransparent: #{lighten($blue, 40%)};
-    --uui-badge-caption-solid: white;
-    //--uui-caption-semitransparent: #{darken($blue, 10%)};
-    //--uui-caption-semitransparent-hover: #{darken($blue, 20%)};
-    //--uui-caption-transparent: #{$gray80};
-    --uui-badge-count-bg: white;
-    --uui-badge-count: var(--uui-text-secondary);
-}
-
-:global(.badge-success) {
-    --uui-badge-bg: var(--uui-success);
-    --uui-badge-bg-hover: var(--uui-success-active);
-    //--bg-color-semitransparent: #{$cyan-lightest};
-    //--border-color-semitransparent: #{$cyan-light};
-    --uui-badge-caption-solid: white;
-    //--uui-caption-semitransparent: #{$cyan-dark};
-    //--uui-caption-semitransparent-hover: #{$cyan-darkest};
-    //--uui-caption-transparent: #{$gray80};
-    --uui-badge-count-bg: white;
-    --uui-badge-count: var(--uui-text-secondary);
-}
-
-:global(.badge-warning) {
-    --uui-badge-bg: var(--uui-warning);
-    --uui-badge-bg-hover: var(--uui-warning-active);
-    //--bg-color-semitransparent: #{lighten($green, 50%)};
-    //--border-color-semitransparent: #{lighten($green, 40%)};
-    --uui-badge-caption-solid: white;
-    //--uui-caption-semitransparent: #{darken($green, 10%)};
-    //--uui-caption-semitransparent-hover: #{darken($green, 20%)};
-    //--uui-caption-transparent: #{$gray80};
-    --uui-badge-count-bg: white;
-    --uui-badge-count: var(--uui-text-secondary);
-}
-
-:global(.badge-error) {
-    --uui-badge-bg: var(--uui-error);
-    --uui-badge-bg-hover: var(--uui-error-active);
-    //--bg-color-semitransparent: #{lighten($amber, 40%)};
-    //--border-color-semitransparent: #{lighten($amber, 30%)};
-    --uui-badge-caption-solid: var(--uui-text-primary);
-    //--uui-caption-semitransparent: #995A00;
-    //--uui-caption-semitransparent-hover: #804000;
-    //--uui-caption-transparent: #{$gray80};
-    --uui-badge-count-bg: white;
-    --uui-badge-count: var(--uui-text-secondary);
-}