@broxus/react-uikit 0.18.0 → 0.19.1

package/dist/cjs/styles/comment.scss

@@ -1,189 +0,0 @@
-// Name:            Comment
-// Description:     Component to create nested comments
-//
-// Component:       `uk-comment`
-//
-// Sub-objects:     `uk-comment-body`
-//                  `uk-comment-header`
-//                  `uk-comment-title`
-//                  `uk-comment-meta`
-//                  `uk-comment-avatar`
-//                  `uk-comment-list`
-//
-// Modifier:        `uk-comment-primary`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Comment
- ========================================================================== */
-
-.uk-comment {
-    @if mixin-exists(hook-comment) {
-        @include hook-comment;
-    }
-}
-
-
-/* Sections
- ========================================================================== */
-
-.uk-comment-body {
-    display: flow-root;
-    overflow-wrap: break-word;
-    word-wrap: break-word;
-    @if mixin-exists(hook-comment-body) {
-        @include hook-comment-body;
-    }
-}
-
-.uk-comment-header {
-    display: flow-root;
-    margin-bottom: var(--comment-header-margin-bottom);
-    @if mixin-exists(hook-comment-header) {
-        @include hook-comment-header;
-    }
-}
-
-/*
- * Remove margin from the last-child
- */
-
-.uk-comment-body > :last-child,
-.uk-comment-header > :last-child {
-    margin-bottom: 0;
-}
-
-
-/* Title
- ========================================================================== */
-
-.uk-comment-title {
-    font-size: var(--comment-title-font-size);
-    line-height: var(--comment-title-line-height);
-    @if mixin-exists(hook-comment-title) {
-        @include hook-comment-title;
-    }
-}
-
-
-/* Meta
- ========================================================================== */
-
-.uk-comment-meta {
-    color: var(--comment-meta-color);
-    font-size: var(--comment-meta-font-size);
-    line-height: var(--comment-meta-line-height);
-    @if mixin-exists(hook-comment-meta) {
-        @include hook-comment-meta;
-    }
-}
-
-
-/* Avatar
- ========================================================================== */
-
-.uk-comment-avatar {
-    @if mixin-exists(hook-comment-avatar) {
-        @include hook-comment-avatar;
-    }
-}
-
-
-/* List
- ========================================================================== */
-
-.uk-comment-list {
-    list-style: none;
-    padding: 0;
-}
-
-/* Adjacent siblings */
-.uk-comment-list > :nth-child(n+2) {
-    margin-top: var(--comment-list-margin-top);
-    @if mixin-exists(hook-comment-list-adjacent) {
-        @include hook-comment-list-adjacent;
-    }
-}
-
-/*
- * Sublists
- * Note: General sibling selector allows reply block between comment and sublist
- */
-
-.uk-comment-list .uk-comment ~ ul {
-    list-style: none;
-    margin: var(--comment-list-margin-top) 0 0 0;
-    padding-left: var(--comment-list-padding-left);
-    @if mixin-exists(hook-comment-list-sub) {
-        @include hook-comment-list-sub;
-    }
-}
-
-/* Tablet and bigger */
-@media (min-width: $breakpoint-medium) {
-    .uk-comment-list .uk-comment ~ ul {
-        padding-left: var(--comment-list-padding-left-m);
-    }
-}
-
-/* Adjacent siblings */
-.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) {
-    margin-top: var(--comment-list-margin-top);
-    @if mixin-exists(hook-comment-list-sub-adjacent) {
-        @include hook-comment-list-sub-adjacent;
-    }
-}
-
-
-/* Style modifier
- ========================================================================== */
-
-.uk-comment-primary {
-    @if mixin-exists(hook-comment-primary) {
-        @include hook-comment-primary;
-    }
-}
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-comment-misc) {
-    @include hook-comment-misc;
-}
-
-// @mixin hook-comment() {}
-// @mixin hook-comment-body() {}
-// @mixin hook-comment-header() {}
-// @mixin hook-comment-title() {}
-// @mixin hook-comment-meta() {}
-// @mixin hook-comment-avatar() {}
-// @mixin hook-comment-list-adjacent() {}
-// @mixin hook-comment-list-sub() {}
-// @mixin hook-comment-list-sub-adjacent() {}
-// @mixin hook-comment-primary() {}
-// @mixin hook-comment-misc() {}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --comment-header-margin-bottom: var(--global-margin);
-    --comment-title-font-size: var(--global-medium-font-size);
-    --comment-title-line-height: #{$comment-title-line-height};
-    --comment-meta-font-size: var(--global-small-font-size);
-    --comment-meta-line-height: #{$comment-meta-line-height};
-    --comment-meta-color: var(--global-muted-color);
-    --comment-list-margin-top: var(--global-large-margin);
-    --comment-list-padding-left: #{$comment-list-padding-left};
-    --comment-list-padding-left-m: #{$comment-list-padding-left-m};
-}

package/dist/cjs/styles/container.scss

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

package/dist/cjs/styles/control.scss

@@ -1,5 +0,0 @@
-@import '../components/Control/index.scss';
-@import '../components/Control/Input/Number/index.scss';
-@import '../components/Control/Checkbox/index.scss';
-@import '../components/Control/Radio/index.scss';
-@import '../components/Control/Select/index.scss';

package/dist/cjs/styles/cover.scss

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

package/dist/cjs/styles/date-picker.scss

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

package/dist/cjs/styles/description-list.scss

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

package/dist/cjs/styles/divider.scss

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

package/dist/cjs/styles/dotnav.scss

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

package/dist/cjs/styles/drawer.scss

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

package/dist/cjs/styles/drop.scss

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

package/dist/cjs/styles/dropdown.scss

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

package/dist/cjs/styles/flex.scss

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

package/dist/cjs/styles/form.scss

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

package/dist/cjs/styles/grid.scss

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

package/dist/cjs/styles/heading.scss

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

package/dist/cjs/styles/height.scss

@@ -1,71 +0,0 @@
-// Name:            Height
-// Description:     Utilities for heights
-//
-// Component:       `uk-height-*`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Height
- ========================================================================== */
-
-[class*='uk-height'] { box-sizing: border-box; }
-
-/*
- * Only works if parent element has a height set
- */
-
-.uk-height-1-1 { height: 100%; }
-
-/*
- * Useful to create image teasers
- */
-
-.uk-height-viewport { min-height: 100vh; }
-
-/*
- * Pixel
- * Useful for `overflow: auto`
- */
-
-.uk-height-small { height: var(--height-small-height); }
-
-.uk-height-medium { height: var(--height-medium-height); }
-
-.uk-height-large { height: var(--height-large-height); }
-
-.uk-height-xlarge { height: var(--height-large-height); }
-
-.uk-height-max-small { max-height: var(--height-small-height); }
-
-.uk-height-max-medium { max-height: var(--height-medium-height); }
-
-.uk-height-max-large { max-height: var(--height-large-height); }
-
-.uk-height-max-xlarge { max-height: var(--height-xlarge-height); }
-
-
-// Hooks
-// ========================================================================
-
-@if mixin-exists(hook-height-misc) {
-    @include hook-height-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --height-small-height: #{$height-small-height};
-    --height-medium-height: #{$height-medium-height};
-    --height-large-height: #{$height-large-height};
-    --height-xlarge-height: #{$height-xlarge-height};
-}

package/dist/cjs/styles/icon.scss

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

package/dist/cjs/styles/iconnav.scss

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

package/dist/cjs/styles/inverse.scss

@@ -1,62 +0,0 @@
-// Name:            Inverse
-// Description:     Inverse component style for light or dark backgrounds
-//
-// Component:       `uk-light`
-//                  `uk-dark`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Inverse
- ========================================================================== */
-
-/*
- * Implemented class depends on the general theme color
- * `uk-light` is for light colors on dark backgrounds
- * `uk-dark` is for dark colors on light backgrounds
- */
-
-@if $inverse-global-color-mode == light {
-    .uk-light {
-        @if mixin-exists(hook-inverse) {
-            @include hook-inverse;
-        }
-    }
-}
-
-@if $inverse-global-color-mode == dark {
-    .uk-dark {
-        @if mixin-exists(hook-inverse) {
-            @include hook-inverse;
-        }
-    }
-}
-
-* { --uk-inverse: initial; }
-
-.uk-light { --uk-inverse: light; }
-.uk-dark { --uk-inverse: dark; }
-
-.uk-inverse-light { --uk-inverse: light !important; }
-.uk-inverse-dark { --uk-inverse: dark !important; }
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --inverse-global-color: #{$inverse-global-color};
-    --inverse-global-emphasis-color: #{$inverse-global-emphasis-color};
-    --inverse-global-muted-color: #{$inverse-global-muted-color};
-    --inverse-global-inverse-color: #{$inverse-global-inverse-color};
-    --inverse-global-primary-background: #{$inverse-global-primary-background};
-    --inverse-global-muted-background: #{$inverse-global-muted-background};
-    --inverse-global-border: #{$inverse-global-border};
-}

package/dist/cjs/styles/label.scss

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

package/dist/cjs/styles/leader.scss

@@ -1,74 +0,0 @@
-// Name:            Leader
-// Description:     Component to create dot leaders
-//
-// Component:       `uk-leader`
-//
-// ========================================================================
-
-
-// Variables
-// ========================================================================
-
-@import 'variables.scss';
-
-
-/* ========================================================================
-   Component: Leader
- ========================================================================== */
-
-.uk-leader { overflow: hidden; }
-
-/*
- * 1. Place element in text flow
- * 2. Never break into a new line
- * 3. Get a string back with as many repeating characters to fill the container
- * 4. Prevent wrapping. Overflowing characters will be clipped by the container
- */
-
-.uk-leader-fill::after {
-    /* 3 */
-    content: attr(data-fill);
-
-    /* 1 */
-    display: inline-block;
-    margin-left: var(--leader-fill-margin-left);
-
-    /* 4 */
-    white-space: nowrap;
-
-    /* 2 */
-    width: 0;
-    @if  mixin-exists(hook-leader) {
-        @include hook-leader;
-    }
-}
-
-/*
- * Hide if media does not match
- */
-
-.uk-leader-fill.uk-leader-hide::after { display: none; }
-
-/*
- * Pass fill character to JS
- */
-
-.uk-leader-fill-content::before { content: var(--leader-fill-content); }
-
-
-// Hooks
-// ========================================================================
-
-@if  mixin-exists(hook-leader-misc) {
-    @include hook-leader-misc;
-}
-
-
-// Vars
-// ========================================================================
-
-:root {
-    --leader-fill-content: #{$leader-fill-content};
-    --leader-fill-margin-left: var(--global-small-gutter);
-    --uk-leader-fill-content: var(--leader-fill-content);
-}

package/dist/cjs/styles/link.scss

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

package/dist/cjs/styles/list.scss

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