@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/esm/styles/search.scss

@@ -1,374 +0,0 @@
-// Name:            Search
-// Description:     Component to create the search
-//
-// Component:       `uk-search`
-//
-// Sub-objects:     `uk-search-input`
-//                  `uk-search-toggle`
-//
-// Adopted:         `uk-search-icon`
-//
-// Modifier:        `uk-search-default`
-//                  `uk-search-navbar`
-//                  `uk-search-large`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Search
- ========================================================================== */
-
-/*
- * 1. Container fits its content
- * 2. Create position context
- * 3. Prevent content overflow
- * 4. Reset `form`
- */
-
-.uk-search {
-    /* 1 */
-    display: inline-block;
-
-    /* 4 */
-    margin: 0;
-
-    /* 3 */
-    max-width: 100%;
-
-    /* 2 */
-    position: relative;
-}
-
-
-/* Input
- ========================================================================== */
-
-/*
- * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
- */
-
-.uk-search-input::-webkit-search-cancel-button,
-.uk-search-input::-webkit-search-decoration {
-    -webkit-appearance: none;
-}
-
-/*
- * Removes placeholder transparency in Firefox.
- */
-
-.uk-search-input::-moz-placeholder {
-    opacity: 1;
-}
-
-/*
- * 1. Define consistent box sizing.
- * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
- * 3. Remove `border-radius` in iOS.
- * 4. Change font properties to `inherit` in all browsers
- * 5. Show the overflow in Edge.
- * 6. Remove default style in iOS.
- * 7. Vertical alignment
- * 8. Take the full container width
- * 9. Style
- */
-
-.uk-search-input {
-    /* 6 */
-    -webkit-appearance: none;
-
-    /* 9 */
-    border: none;
-
-    /* 3 */
-    border-radius: 0;
-
-    /* 1 */
-    box-sizing: border-box;
-    color: var(--search-color);
-
-    /* 4 */
-    font: inherit;
-
-    /* 2 */
-    margin: 0;
-
-    /* 5 */
-    overflow: visible;
-
-    /* 7 */
-    vertical-align: middle;
-
-    /* 8 */
-    width: 100%;
-    @if mixin-exists(hook-search-input) {
-        @include hook-search-input;
-    }
-}
-
-.uk-search-input:focus {
-    outline: none;
-}
-
-/* Placeholder */
-.uk-search-input:-ms-input-placeholder {
-    color: var(--search-placeholder-color) !important;
-}
-
-.uk-search-input::placeholder {
-    color: var(--search-placeholder-color);
-}
-
-
-/* Icon (Adopts `uk-icon`)
- ========================================================================== */
-
-/*
- * Remove default focus style
- */
-
-.uk-search-icon:focus {
-    outline: none;
-}
-
-/*
- * Position above input
- * 1. Set position
- * 2. Center icon vertically and horizontally
- * 3. Style
- */
-
-.uk-search .uk-search-icon {
-    align-items: center;
-    bottom: 0;
-
-    /* 3 */
-    color: var(--search-icon-color);
-
-    /* 2 */
-    display: inline-flex;
-    justify-content: center;
-    left: 0;
-
-    /* 1 */
-    position: absolute;
-    top: 0;
-}
-
-/*
- * Required for `a`.
- */
-
-.uk-search .uk-search-icon:hover {
-    color: var(--search-icon-color);
-}
-
-/*
- * Make `input` element clickable through icon, e.g. if it's a `span`
- */
-
-.uk-search .uk-search-icon:not(a, button, input) {
-    pointer-events: none;
-}
-
-/*
- * Position modifier
- */
-
-.uk-search .uk-search-icon-flip {
-    left: auto;
-    right: 0;
-}
-
-
-/* Default modifier
- ========================================================================== */
-
-.uk-search-default {
-    width: var(--search-default-width);
-}
-
-/*
- * Input
- */
-
-.uk-search-default .uk-search-input {
-    background: var(--search-default-background);
-    height: var(--search-default-height);
-    padding-left: var(--search-default-padding-horizontal);
-    padding-right: var(--search-default-padding-horizontal);
-    @if mixin-exists(hook-search-default-input) {
-        @include hook-search-default-input;
-    }
-}
-
-/* Focus */
-.uk-search-default .uk-search-input:focus {
-    background-color: var(--search-default-focus-background);
-    @if mixin-exists(hook-search-default-input-focus) {
-        @include hook-search-default-input-focus;
-    }
-}
-
-/*
- * Icon
- */
-
-.uk-search-default .uk-search-icon {
-    width: var(--search-default-icon-width);
-}
-
-.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
-    padding-left: var(--search-default-icon-width);
-}
-
-.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
-    padding-right: var(--search-default-icon-width);
-}
-
-
-/* Navbar modifier
- ========================================================================== */
-
-.uk-search-navbar {
-    width: var(--search-navbar-width);
-}
-
-/*
- * Input
- */
-
-.uk-search-navbar .uk-search-input {
-    background: var(--search-navbar-background);
-    font-size: var(--search-navbar-font-size);
-    height: var(--search-navbar-height);
-    @if mixin-exists(hook-search-navbar-input) {
-        @include hook-search-navbar-input;
-    }
-}
-
-/*
- * Icon
- */
-
-.uk-search-navbar .uk-search-icon {
-    width: var(--search-navbar-icon-width);
-}
-
-.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
-    padding-left: var(--search-navbar-icon-width);
-}
-
-.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
-    padding-right: var(--search-navbar-icon-width);
-}
-
-
-/* Large modifier
- ========================================================================== */
-
-.uk-search-large {
-    width: var(--search-large-width);
-}
-
-/*
- * Input
- */
-
-.uk-search-large .uk-search-input {
-    background: var(--search-large-background);
-    font-size: var(--search-large-font-size);
-    height: var(--search-large-height);
-    @if mixin-exists(hook-search-large-input) {
-        @include hook-search-large-input;
-    }
-}
-
-/*
- * Icon
- */
-
-.uk-search-large .uk-search-icon {
-    width: var(--search-large-icon-width);
-}
-
-.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
-    padding-left: var(--search-large-icon-width);
-}
-
-.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
-    padding-right: var(--search-large-icon-width);
-}
-
-
-/* Toggle
- ========================================================================== */
-
-.uk-search-toggle {
-    color: var(--search-toggle-color);
-    @if mixin-exists(hook-search-toggle) {
-        @include hook-search-toggle;
-    }
-}
-
-/* Hover + Focus */
-.uk-search-toggle:hover,
-.uk-search-toggle:focus {
-    color: var(--search-toggle-hover-color);
-    @if mixin-exists(hook-search-toggle-hover) {
-        @include hook-search-toggle-hover;
-    }
-}
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-search-misc) {
-    @include hook-search-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --search-color: var(--global-color);
-    --search-placeholder-color: var(--global-muted-color);
-    --search-icon-color: var(--global-muted-color);
-    --search-default-width: var(--search-default-width);
-    --search-default-height: var(--global-control-height);
-    --search-default-padding-horizontal: var(--search-default-padding-horizontal);
-    --search-default-background: var(--global-muted-background);
-    --search-default-focus-background: var(--search-default-background);
-    --search-default-icon-width: var(--global-control-height);
-    --search-navbar-width: var(--search-navbar-width);
-    --search-navbar-height: var(--search-navbar-height);
-    --search-navbar-background: var(--search-navbar-background);
-    --search-navbar-font-size: var(--global-large-font-size);
-    --search-navbar-icon-width: var(--search-navbar-icon-width);
-    --search-large-width: var(--search-large-width);
-    --search-large-height: var(--search-large-height);
-    --search-large-background: var(--search-large-background);
-    --search-large-font-size: var(--global-2xlarge-font-size);
-    --search-large-icon-width: var(--search-large-icon-width);
-    --search-toggle-color: var(--global-muted-color);
-    --search-toggle-hover-color: var(--global-color);
-
-    // Inverse
-    --inverse-search-color: var(--inverse-global-color);
-    --inverse-search-placeholder-color: var(--inverse-global-muted-color);
-    --inverse-search-icon-color: var(--inverse-global-muted-color);
-    --inverse-search-default-background: var(--inverse-global-muted-background);
-    --inverse-search-default-focus-background: var(--inverse-search-default-background);
-    --inverse-search-navbar-background: var(--inverse-search-navbar-background);
-    --inverse-search-large-background: var(--inverse-search-large-background);
-    --inverse-search-toggle-color: var(--inverse-global-muted-color);
-    --inverse-search-toggle-hover-color: var(--inverse-global-color);
-}

package/dist/esm/styles/section.scss

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

package/dist/esm/styles/spinner.scss

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

package/dist/esm/styles/subnav.scss

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

package/dist/esm/styles/switch.scss

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

package/dist/esm/styles/table.scss

@@ -1,326 +0,0 @@
-// Name:            Table
-// Description:     Styles for tables
-//
-// Component:       `uk-table`
-//
-// Modifiers:       `uk-table-middle`
-//                  `uk-table-divider`
-//                  `uk-table-striped`
-//                  `uk-table-hover`
-//                  `uk-table-small`
-//                  `uk-table-justify`
-//                  `uk-table-shrink`
-//                  `uk-table-expand`
-//                  `uk-table-link`
-//                  `uk-table-responsive`
-//
-// States:          `uk-active`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-/* ========================================================================
-   Component: Table
- ========================================================================== */
-
-/*
- * 1. Remove most spacing between table cells.
- * 2. Behave like a block element
- * 3. Style
- */
-
-.uk-table {
-    /* 1 */
-    border-collapse: collapse;
-    border-spacing: 0;
-
-    /* 3 */
-    margin-bottom: var(--table-margin-vertical);
-
-    /* 2 */
-    width: 100%;
-    @if mixin-exists(hook-table) {
-        @include hook-table;
-    }
-}
-
-/* Add margin if adjacent element */
-* + .uk-table {
-    margin-top: var(--table-margin-vertical);
-}
-
-/* Header cell
- ========================================================================== */
-
-/*
- * 1. Style
- */
-
-.uk-table th {
-    color: var(--table-header-cell-color);
-
-    /* 1 */
-    font-size: var(--table-header-cell-font-size);
-    font-weight: var(--table-header-cell-font-weight);
-    padding: var(--table-cell-padding-vertical);
-    text-align: left;
-    vertical-align: bottom;
-    @if mixin-exists(hook-table) {
-        @include hook-table-header-cell;
-    }
-}
-
-/* Cell
- ========================================================================== */
-
-.uk-table td {
-    padding: var(--table-cell-padding-vertical);
-    vertical-align: top;
-    @if mixin-exists(hook-table-cell) {
-        @include hook-table-cell;
-    }
-}
-
-/*
- * Remove margin from the last-child
- */
-
-.uk-table td > :last-child {
-    margin-bottom: 0;
-}
-
-/* Footer
- ========================================================================== */
-
-.uk-table tfoot {
-    font-size: var(--table-footer-font-size);
-    @if mixin-exists(hook-table-footer) {
-        @include hook-table-footer;
-    }
-}
-
-/* Caption
- ========================================================================== */
-
-.uk-table caption {
-    color: var(--table-caption-color);
-    font-size: var(--table-caption-font-size);
-    text-align: left;
-    @if mixin-exists(hook-table-caption) {
-        @include hook-table-caption;
-    }
-}
-
-/* Alignment modifier
- ========================================================================== */
-
-.uk-table-middle,
-.uk-table-middle td {
-    vertical-align: middle !important;
-}
-
-/* Style modifiers
- ========================================================================== */
-
-/*
- * Divider
- */
-
-.uk-table-divider > tr:not(:first-child),
-.uk-table-divider > :not(:first-child) > tr,
-.uk-table-divider > :first-child > tr:not(:first-child) {
-    border-top: var(--table-divider-border-width);
-    @if mixin-exists(hook-table-divider) {
-        @include hook-table-divider;
-    }
-}
-
-/*
- * Striped
- */
-
-.uk-table-striped > tr:nth-of-type(odd),
-.uk-table-striped tbody tr:nth-of-type(odd) {
-    background: var(--table-striped-row-background);
-    @if mixin-exists(hook-table-striped) {
-        @include hook-table-striped;
-    }
-}
-
-/*
- * Hover
- */
-
-.uk-table-hover > tr:hover,
-.uk-table-hover tbody tr:hover {
-    background: var(--table-hover-row-background);
-    @if mixin-exists(hook-table-hover) {
-        @include hook-table-hover;
-    }
-}
-
-/* Active state
- ========================================================================== */
-
-.uk-table > tr.uk-active,
-.uk-table tbody tr.uk-active {
-    background: var(--table-row-active-background);
-    @if mixin-exists(hook-table-row-active) {
-        @include hook-table-row-active;
-    }
-}
-
-/* Size modifier
- ========================================================================== */
-
-.uk-table-small th,
-.uk-table-small td {
-    padding: var(--table-small-cell-padding-vertical);
-    @if mixin-exists(hook-table-small) {
-        @include hook-table-small;
-    }
-}
-
-.uk-table-large th,
-.uk-table-large td {
-    padding: var(--table-large-cell-padding-vertical);
-    @if mixin-exists(hook-table-large) {
-        @include hook-table-large;
-    }
-}
-
-/* Justify modifier
- ========================================================================== */
-
-.uk-table-justify th:first-child,
-.uk-table-justify td:first-child {
-    padding-left: 0;
-}
-
-.uk-table-justify th:last-child,
-.uk-table-justify td:last-child {
-    padding-right: 0;
-}
-
-/* Cell size modifier
- ========================================================================== */
-
-.uk-table-shrink {
-    width: 1px;
-}
-
-.uk-table-expand {
-    min-width: var(--table-expand-min-width);
-}
-
-/* Cell link modifier
- ========================================================================== */
-
-/*
- * Does not work with `uk-table-justify` at the moment
- */
-
-.uk-table-link {
-    padding: 0 !important;
-}
-
-.uk-table-link > a {
-    display: block;
-    padding: var(--table-cell-padding-vertical);
-}
-
-.uk-table-small .uk-table-link > a {
-    padding: var(--table-small-cell-padding-vertical);
-}
-
-/* Responsive table
- ========================================================================== */
-
-
-/* Phone landscape and smaller */
-@media (max-width: $breakpoint-small-max) {
-    .uk-table-responsive,
-    .uk-table-responsive tbody,
-    .uk-table-responsive th,
-    .uk-table-responsive td,
-    .uk-table-responsive tr {
-        display: block;
-    }
-
-    .uk-table-responsive thead {
-        display: none;
-    }
-
-    .uk-table-responsive th,
-    .uk-table-responsive td {
-        max-width: none !important;
-        min-width: 0 !important;
-        overflow: visible !important;
-        white-space: normal !important;
-        width: auto !important;
-    }
-
-    .uk-table-responsive th:not(:first-child, .uk-table-link),
-    .uk-table-responsive td:not(:first-child, .uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:first-child) > a {
-        padding-top: round($table-cell-padding-vertical / 3) !important;
-    }
-
-    .uk-table-responsive th:not(:last-child, .uk-table-link),
-    .uk-table-responsive td:not(:last-child, .uk-table-link),
-    .uk-table-responsive .uk-table-link:not(:last-child) > a {
-        padding-bottom: round($table-cell-padding-vertical / 3) !important;
-    }
-
-    .uk-table-justify.uk-table-responsive th,
-    .uk-table-justify.uk-table-responsive td {
-        padding-left: 0;
-        padding-right: 0;
-    }
-}
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-table-misc) {
-    @include hook-table-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --table-margin-vertical: var(--global-margin);
-    --table-cell-padding-vertical: #{$table-cell-padding-vertical};
-    --table-cell-padding-horizontal: #{$table-cell-padding-horizontal};
-    --table-header-cell-font-size: var(--global-font-size);
-    --table-header-cell-font-weight: #{$table-header-cell-font-weight};
-    --table-header-cell-color: var(--global-color);
-    --table-footer-font-size: var(--global-small-font-size);
-    --table-caption-font-size: var(--global-small-font-size);
-    --table-caption-color: var(--global-muted-color);
-    --table-row-active-background: #{$table-row-active-background};
-    --table-divider-border-width: var(--global-border-width);
-    --table-divider-border: var(--global-border);
-    --table-striped-row-background: var(--global-muted-background);
-    --table-hover-row-background: var(--table-row-active-background);
-    --table-small-cell-padding-vertical: #{$table-small-cell-padding-vertical};
-    --table-small-cell-padding-horizontal: #{$table-small-cell-padding-horizontal};
-    --table-large-cell-padding-vertical: #{$table-large-cell-padding-vertical};
-    --table-large-cell-padding-horizontal: #{$table-large-cell-padding-horizontal};
-    --table-expand-min-width: #{$table-expand-min-width};
-
-    // Inverse
-    --inverse-table-header-cell-color: var(--inverse-global-color);
-    --inverse-table-caption-color: var(--inverse-global-muted-color);
-    --inverse-table-row-active-background: #{$inverse-table-row-active-background};
-    --inverse-table-divider-border: var(--inverse-global-border);
-    --inverse-table-striped-row-background: var(--inverse-global-muted-background);
-    --inverse-table-hover-row-background: var(--inverse-table-row-active-background);
-}

package/dist/esm/styles/tabs.scss

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

package/dist/esm/styles/text.scss

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