@broxus/react-uikit 0.18.0 → 0.19.0

package/dist/esm/styles/position.scss

@@ -1,305 +0,0 @@
-// Name:            Position
-// Description:     Utilities to position content
-//
-// Component:       `uk-position-absolute`
-//                  `uk-position-relative`
-//                  `uk-position-z-index`
-//                  `uk-position-top`
-//                  `uk-position-bottom`
-//                  `uk-position-left`
-//                  `uk-position-right`
-//                  `uk-position-top-left`
-//                  `uk-position-top-center`
-//                  `uk-position-top-right`
-//                  `uk-position-bottom-left`
-//                  `uk-position-bottom-center`
-//                  `uk-position-bottom-right`
-//                  `uk-position-center`
-//                  `uk-position-center-left`
-//                  `uk-position-center-right`
-//                  `uk-position-cover`
-//
-// Modifiers:       `uk-position-small`
-//                  `uk-position-medium`
-//                  `uk-position-large`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Position
- ========================================================================== */
-
-
-/* Directions
- ========================================================================== */
-
-/*
- * 1. Prevent content overflow if `max-width: 100%` is used inside position container.
- */
-
-[class*='uk-position-top'],
-[class*='uk-position-bottom'],
-[class*='uk-position-left'],
-[class*='uk-position-right'],
-[class*='uk-position-center'] {
-    /* 1 */
-    max-width: 100%;
-    position: absolute !important;
-}
-
-
-/* Edges
- ========================================================================== */
-
-/* Don't use `width: 100%` because it is wrong if the parent has padding. */
-.uk-position-top {
-    left: 0;
-    right: 0;
-    top: 0;
-}
-
-.uk-position-bottom {
-    bottom: 0;
-    left: 0;
-    right: 0;
-}
-
-.uk-position-left {
-    bottom: 0;
-    left: 0;
-    top: 0;
-}
-
-.uk-position-right {
-    bottom: 0;
-    right: 0;
-    top: 0;
-}
-
-
-/* Corners
- ========================================================================== */
-
-.uk-position-top-left {
-    left: 0;
-    top: 0;
-}
-
-.uk-position-top-right {
-    right: 0;
-    top: 0;
-}
-
-.uk-position-bottom-left {
-    bottom: 0;
-    left: 0;
-}
-
-.uk-position-bottom-right {
-    bottom: 0;
-    right: 0;
-}
-
-/*
- * Center
- * 1. Fix text wrapping if content is larger than 50% of the container.
- */
-
-.uk-position-center {
-    box-sizing: border-box;
-    left: 50%;
-    max-width: 100%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-
-    /* 1 */
-    width: max-content;
-}
-
-/* Vertical */
-[class*='uk-position-center-left'],
-[class*='uk-position-center-right'] {
-    top: 50%;
-    transform: translateY(-50%);
-}
-
-.uk-position-center-left { left: 0; }
-
-.uk-position-center-right { right: 0; }
-
-.uk-position-center-left-out {
-    right: 100%;
-    width: max-content;
-}
-
-.uk-position-center-right-out {
-    left: 100%;
-    width: max-content;
-}
-
-/* Horizontal */
-.uk-position-top-center,
-.uk-position-bottom-center {
-    box-sizing: border-box;
-    left: 50%;
-    max-width: 100%;
-    transform: translateX(-50%);
-
-    /* 1 */
-    width: max-content;
-}
-
-.uk-position-top-center { top: 0; }
-
-.uk-position-bottom-center { bottom: 0; }
-
-
-/* Cover
- ========================================================================== */
-
-.uk-position-cover {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-}
-
-
-/* Utility
- ========================================================================== */
-
-.uk-position-relative { position: relative !important; }
-
-.uk-position-absolute { position: absolute !important; }
-
-.uk-position-fixed { position: fixed !important; }
-
-.uk-position-z-index { z-index: 1; }
-
-
-/* Margin modifier
- ========================================================================== */
-
-/*
- * Small
- */
-
-.uk-position-small {
-    margin: var(--position-small-margin);
-    max-width: calc(100% - var(--position-small-margin) * 2);
-}
-
-.uk-position-small.uk-position-center {
-    transform: translate(-50%, -50%)
-        translate(unquote('calc(var(--position-small-margin) * -1)')), unquote('calc(var(--position-small-margin) * -1)');
-}
-
-.uk-position-small[class*='uk-position-center-left'],
-.uk-position-small[class*='uk-position-center-right'] {
-    transform: translateY(-50%) translateY(unquote('calc(var(--position-small-margin) * -1)'));
-}
-
-.uk-position-small.uk-position-top-center,
-.uk-position-small.uk-position-bottom-center {
-    transform: translateX(-50%) translateX(unquote('calc(var(--position-small-margin) * -1)'));
-}
-
-/*
- * Medium
- */
-
-.uk-position-medium {
-    margin: var(--position-medium-margin);
-    max-width: calc(100% - var(--position-medium-margin) * 2);
-}
-
-.uk-position-medium.uk-position-center {
-    transform: translate(-50%, -50%)
-        translate(unquote('calc(var(--position-medium-margin) * -1)')), unquote('calc(var(--position-medium-margin) * -1)');
-}
-
-.uk-position-medium[class*='uk-position-center-left'],
-.uk-position-medium[class*='uk-position-center-right'] {
-    transform: translateY(-50%) translateY(unquote('calc(var(--position-medium-margin) * -1)'));
-}
-
-.uk-position-medium.uk-position-top-center,
-.uk-position-medium.uk-position-bottom-center {
-    transform: translateX(-50%) translateX(unquote('calc(var(--position-medium-margin) * -1)'));
-}
-
-/*
- * Large
- */
-
-.uk-position-large {
-    margin: var(--position-large-margin);
-    max-width: calc(100% - var(--position-large-margin) * 2);
-}
-
-.uk-position-large.uk-position-center {
-    transform: translate(-50%, -50%)
-        translate(unquote('calc(var(--position-large-margin) * -1)')), unquote('calc(var(--position-large-margin) * -1)');
-}
-
-.uk-position-large[class*='uk-position-center-left'],
-.uk-position-large[class*='uk-position-center-right'] {
-    transform: translateY(-50%) translateY(unquote('calc(var(--position-large-margin) * -1)'));
-}
-
-.uk-position-large.uk-position-top-center,
-.uk-position-large.uk-position-bottom-center {
-    transform: translateX(-50%) translateX(unquote('calc(var(--position-large-margin) * -1)'));
-}
-
-/* Desktop and bigger */
-@media (min-width: $breakpoint-large) {
-    .uk-position-large {
-        margin: var(--position-large-margin-l);
-        max-width: calc(100% - var(--position-large-margin-l) * 2);
-    }
-
-    .uk-position-large.uk-position-center {
-        transform: translate(-50%, -50%)
-            translate(unquote('calc(var(--position-large-margin-l) * -1)')), unquote('calc(var(--position-large-margin-l) * -1)');
-    }
-
-    .uk-position-large[class*='uk-position-center-left'],
-    .uk-position-large[class*='uk-position-center-right'] {
-        transform: translateY(-50%) translateY(unquote('calc(var(--position-large-margin-l) * -1)'));
-    }
-
-    .uk-position-large.uk-position-top-center,
-    .uk-position-large.uk-position-bottom-center {
-        transform: translateX(-50%) translateX(unquote('calc(var(--position-large-margin-l) * -1)'));
-    }
-}
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-position-misc) {
-    @include hook-position-misc;
-}
-
-// @mixin hook-position-misc() {}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --position-small-margin: var(--global-small-gutter);
-    --position-medium-margin: var(--global-gutter);
-    --position-large-margin: var(--global-gutter);
-    --position-large-margin-l: #{$position-large-margin-l};
-}

package/dist/esm/styles/print.scss

@@ -1,54 +0,0 @@
-// Name:            Print
-// Description:     Optimize page for printing
-//
-// Adapted from http://github.com/h5bp/html5-boilerplate
-//
-// Modifications:   Removed link `href` and `title` related rules
-//
-// ========================================================================
-
-
-/* ========================================================================
-   Component: Print
- ========================================================================== */
-
-@media print {
-    *, *::before, *::after {
-        background: transparent !important;
-        box-shadow: none !important;
-        color: black !important;
-        text-shadow: none !important;
-    }
-
-    a,
-    a:visited { text-decoration: underline; }
-
-    pre,
-    blockquote {
-        border: 1px solid #999;
-        page-break-inside: avoid;
-    }
-
-    thead { display: table-header-group; }
-
-    tr,
-    img { page-break-inside: avoid; }
-
-    img { max-width: 100% !important; }
-
-    @page { margin: 0.5cm; }
-
-    p,
-    h2,
-    h3 {
-        orphans: 3;
-        widows: 3;
-    }
-
-    h2,
-    h3 { page-break-after: avoid; }
-
-    @if mixin-exists(hook-print) {
-        @include hook-print;
-    }
-}

package/dist/esm/styles/progress.scss

@@ -1 +0,0 @@
-@import '../components/Progress/index.scss';