@broxus/react-uikit 0.17.4 → 0.19.0

package/dist/esm/components/DescriptionList/index.scss

@@ -1,87 +0,0 @@
-// Name:            Description list
-// Description:     Styles for description lists
-//
-// Component:       `uk-description-list`
-//
-// Modifiers:       `uk-description-list-divider`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import '../../styles/variables.scss';
-
-
-/* ========================================================================
-   Component: Description list
- ========================================================================== */
-
-/*
- * Term
- */
-
-.uk-description-list > dt {
-    color: var(--description-list-term-color);
-    @if mixin-exists(hook-description-list-term) {
-        @include hook-description-list-term;
-    }
-}
-
-.uk-description-list > dt:nth-child(n+2) {
-    margin-top: var(--description-list-term-margin-top);
-}
-
-/*
- * Description
- */
-
-.uk-description-list > dd {
-    @if mixin-exists(hook-description-list-description) {
-        @include hook-description-list-description;
-    }
-}
-
-
-/* Style modifier
- ========================================================================== */
-
-/*
- * Line
- */
-
-.uk-description-list-divider > dt:nth-child(n+2) {
-    border-top: var(--description-list-divider-term-border-width) solid var(--description-list-divider-term-border);
-    margin-top: var(--description-list-divider-term-margin-top);
-    padding-top: var(--description-list-divider-term-margin-top);
-    @if mixin-exists(hook-description-list-divider-term) {
-        @include hook-description-list-divider-term;
-    }
-}
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-description-list-misc) {
-    @include hook-description-list-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --description-list-term-color: var(--global-emphasis-color);
-    --description-list-term-margin-top: var(--global-margin);
-    --description-list-term-font-size: var(--global-small-font-size);
-    --description-list-term-font-weight: #{$description-list-term-font-weight};
-    --description-list-term-text-transform: #{$description-list-term-text-transform};
-    --description-list-divider-term-margin-top: var(--global-margin);
-    --description-list-divider-term-border-width: var(--global-border-width);
-    --description-list-divider-term-border: var(--global-border);
-
-    // Inverse
-    --inverse-description-list-term-color: var(--inverse-global-emphasis-color);
-}

package/dist/esm/components/Dotnav/index.scss

@@ -1,162 +0,0 @@
-// Name:            Dotnav
-// Description:     Component to create dot navigations
-//
-// Component:       `uk-dotnav`
-//
-// Modifier:        `uk-dotnav-vertical`
-//
-// States:          `uk-active`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import '../../styles/variables.scss';
-
-
-/* ========================================================================
-   Component: Dotnav
- ========================================================================== */
-
-/*
- * 1. Allow items to wrap into the next line
- * 2. Reset list
- * 3. Gutter
- */
-
-.uk-dotnav {
-    display: flex;
-
-    /* 1 */
-    flex-wrap: wrap;
-    list-style: none;
-
-    /* 2 */
-    margin: 0 0 0 /* 3 */ calc(var(--dotnav-margin-horizontal) * -1);
-    padding: 0;
-    @if mixin-exists(hook-dotnav) {
-        @include hook-dotnav;
-    }
-}
-
-/*
- * 1. Space is allocated solely based on content dimensions: 0 0 auto
- * 2. Gutter
- */
-
-.uk-dotnav > * {
-    /* 1 */
-    flex: none;
-
-    /* 2 */
-    padding-left: var(--dotnav-margin-horizontal);
-}
-
-
-/* Items
- ========================================================================== */
-
-/*
- * Items
- * 1. Hide text if present
- */
-
-.uk-dotnav > * > * {
-    background: var(--dotnav-item-background);
-    border-radius: var(--dotnav-item-border-radius);
-    box-sizing: border-box;
-    display: block;
-    height: var(--dotnav-item-height);
-    overflow: hidden;
-
-    /* 1 */
-    text-indent: 100%;
-    white-space: nowrap;
-    width: var(--dotnav-item-width);
-    @if mixin-exists(hook-dotnav-item) {
-        @include hook-dotnav-item;
-    }
-}
-
-/* Hover + Focus */
-.uk-dotnav > * > :hover,
-.uk-dotnav > * > :focus {
-    background-color: var(--dotnav-item-hover-background);
-    outline: none;
-    @if mixin-exists(hook-dotnav-item-hover) {
-        @include hook-dotnav-item-hover;
-    }
-}
-
-/* OnClick */
-.uk-dotnav > * > :active {
-    background-color: var(--dotnav-item-onclick-background);
-    @if mixin-exists(hook-dotnav-item-onclick) {
-        @include hook-dotnav-item-onclick;
-    }
-}
-
-/* Active */
-.uk-dotnav > .uk-active > * {
-    background-color: var(--dotnav-item-active-background);
-    @if mixin-exists(hook-dotnav-item-active) {
-        @include hook-dotnav-item-active;
-    }
-}
-
-
-/* Modifier: 'uk-dotnav-vertical'
- ========================================================================== */
-
-/*
- * 1. Change direction
- * 2. Gutter
- */
-
-.uk-dotnav-vertical {
-    /* 1 */
-    flex-direction: column;
-
-    /* 2 */
-    margin-left: 0;
-    margin-top: calc(var(--dotnav-margin-vertical) * -1);
-}
-
-/* 2 */
-// noinspection Stylelint
-.uk-dotnav-vertical > * {
-    padding-left: 0;
-    padding-top: var(--dotnav-margin-vertical);
-}
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-dotnav-misc) {
-    @include hook-dotnav-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --dotnav-margin-horizontal: #{$dotnav-margin-horizontal};
-    --dotnav-margin-vertical: var(--dotnav-margin-horizontal);
-    --dotnav-item-width: #{$dotnav-item-width};
-    --dotnav-item-height: #{$dotnav-item-width};
-    --dotnav-item-border-radius: #{$dotnav-item-border-radius};
-    --dotnav-item-background: #{$dotnav-item-background};
-    --dotnav-item-hover-background: #{$dotnav-item-hover-background};
-    --dotnav-item-onclick-background: #{$dotnav-item-onclick-background};
-    --dotnav-item-active-background: #{$dotnav-item-active-background};
-
-    // Inverse
-    --inverse-dotnav-item-background: #{$inverse-dotnav-item-background};
-    --inverse-dotnav-item-hover-background: #{$inverse-dotnav-item-hover-background};
-    --inverse-dotnav-item-onclick-background: #{$inverse-dotnav-item-onclick-background};
-    --inverse-dotnav-item-active-background: #{$inverse-dotnav-item-active-background};
-}