@broxus/react-uikit 0.1.3 → 0.2.1

package/dist/cjs/index.d.ts

@@ -1,40 +1,43 @@
-export * from './components/Accordion';
-export * from './components/Alert';
-export * from './components/Align';
-export * from './components/Article';
-export * from './components/Badge';
-export * from './components/Breadcrumb';
+export * from './components/Link';
+export * from './components/Heading';
+export * from './components/Divider';
+export * from './components/List';
+export * from './components/DescriptionList';
+export * from './components/Icon';
+export * from './components/Form';
+export * from './components/Control';
 export * from './components/Button';
-export * from './components/Card';
+export * from './components/Progress';
 export * from './components/Close';
-export * from './components/Component';
-export * from './components/ConfrigProvider';
+export * from './components/Spinner';
+export * from './components/Alert';
+export * from './components/Badge';
+export * from './components/Label';
+export * from './components/Article';
+export * from './components/Section';
 export * from './components/Container';
-export * from './components/Control';
-export * from './components/Cover';
-export * from './components/DescriptionList';
-export * from './components/Divider';
-export * from './components/Dotnav';
-export * from './components/Drawer';
-export * from './components/Drop';
-export * from './components/Dropdown';
-export * from './components/Flex';
-export * from './components/Form';
 export * from './components/Grid';
-export * from './components/Heading';
-export * from './components/Icon';
-export * from './components/Iconnav';
-export * from './components/Label';
-export * from './components/Link';
-export * from './components/List';
-export * from './components/Modal';
+export * from './components/Tile';
+export * from './components/Card';
 export * from './components/Nav';
 export * from './components/Navbar';
-export * from './components/Section';
-export * from './components/Spinner';
+export * from './components/Breadcrumb';
 export * from './components/Tabs';
-export * from './components/Text';
-export * from './components/Tile';
+export * from './components/Dotnav';
+export * from './components/Iconnav';
+export * from './components/Accordion';
+export * from './components/Drop';
+export * from './components/Dropdown';
+export * from './components/Modal';
+export * from './components/Drawer';
+export * from './components/Component';
+export * from './components/ComponentProvider';
+export * from './components/ConfrigProvider';
 export * from './components/Width';
+export * from './components/Text';
+export * from './components/Cover';
+export * from './components/Align';
+export * from './components/Flex';
+export * from './hooks';
 export * from './types';
 export * from './utils';

package/dist/cjs/index.js

@@ -14,43 +14,46 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./components/Accordion"), exports);
-__exportStar(require("./components/Alert"), exports);
-__exportStar(require("./components/Align"), exports);
-__exportStar(require("./components/Article"), exports);
-__exportStar(require("./components/Badge"), exports);
-__exportStar(require("./components/Breadcrumb"), exports);
+__exportStar(require("./components/Link"), exports);
+__exportStar(require("./components/Heading"), exports);
+__exportStar(require("./components/Divider"), exports);
+__exportStar(require("./components/List"), exports);
+__exportStar(require("./components/DescriptionList"), exports);
+__exportStar(require("./components/Icon"), exports);
+__exportStar(require("./components/Form"), exports);
+__exportStar(require("./components/Control"), exports);
 __exportStar(require("./components/Button"), exports);
-__exportStar(require("./components/Card"), exports);
+__exportStar(require("./components/Progress"), exports);
 __exportStar(require("./components/Close"), exports);
-__exportStar(require("./components/Component"), exports);
-__exportStar(require("./components/ConfrigProvider"), exports);
+__exportStar(require("./components/Spinner"), exports);
+__exportStar(require("./components/Alert"), exports);
+__exportStar(require("./components/Badge"), exports);
+__exportStar(require("./components/Label"), exports);
+__exportStar(require("./components/Article"), exports);
+__exportStar(require("./components/Section"), exports);
 __exportStar(require("./components/Container"), exports);
-__exportStar(require("./components/Control"), exports);
-__exportStar(require("./components/Cover"), exports);
-__exportStar(require("./components/DescriptionList"), exports);
-__exportStar(require("./components/Divider"), exports);
-__exportStar(require("./components/Dotnav"), exports);
-__exportStar(require("./components/Drawer"), exports);
-__exportStar(require("./components/Drop"), exports);
-__exportStar(require("./components/Dropdown"), exports);
-__exportStar(require("./components/Flex"), exports);
-__exportStar(require("./components/Form"), exports);
 __exportStar(require("./components/Grid"), exports);
-__exportStar(require("./components/Heading"), exports);
-__exportStar(require("./components/Icon"), exports);
-__exportStar(require("./components/Iconnav"), exports);
-__exportStar(require("./components/Label"), exports);
-__exportStar(require("./components/Link"), exports);
-__exportStar(require("./components/List"), exports);
-__exportStar(require("./components/Modal"), exports);
+__exportStar(require("./components/Tile"), exports);
+__exportStar(require("./components/Card"), exports);
 __exportStar(require("./components/Nav"), exports);
 __exportStar(require("./components/Navbar"), exports);
-__exportStar(require("./components/Section"), exports);
-__exportStar(require("./components/Spinner"), exports);
+__exportStar(require("./components/Breadcrumb"), exports);
 __exportStar(require("./components/Tabs"), exports);
-__exportStar(require("./components/Text"), exports);
-__exportStar(require("./components/Tile"), exports);
+__exportStar(require("./components/Dotnav"), exports);
+__exportStar(require("./components/Iconnav"), exports);
+__exportStar(require("./components/Accordion"), exports);
+__exportStar(require("./components/Drop"), exports);
+__exportStar(require("./components/Dropdown"), exports);
+__exportStar(require("./components/Modal"), exports);
+__exportStar(require("./components/Drawer"), exports);
+__exportStar(require("./components/Component"), exports);
+__exportStar(require("./components/ComponentProvider"), exports);
+__exportStar(require("./components/ConfrigProvider"), exports);
 __exportStar(require("./components/Width"), exports);
+__exportStar(require("./components/Text"), exports);
+__exportStar(require("./components/Cover"), exports);
+__exportStar(require("./components/Align"), exports);
+__exportStar(require("./components/Flex"), exports);
+__exportStar(require("./hooks"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./utils"), exports);

package/dist/cjs/styles/_import.components.scss

@@ -15,8 +15,7 @@
 @import '../components/Form/index.scss'; // After: Icon
 @import '../components/Control/index.scss'; // After: Icon
 @import '../components/Button/index.scss';
-
-// @import '../components/Progress/index.scss';
+@import '../components/Progress/index.scss';
 
 // Layout
 @import '../components/Section/index.scss';

package/dist/cjs/styles/_import.scss

@@ -15,8 +15,7 @@
 @import 'form.scss'; // After: Icon
 @import 'control.scss';
 @import 'button.scss';
-
-// @import 'progress.scss';
+@import 'progress.scss';
 
 // Layout
 @import 'section.scss';

package/dist/cjs/styles/animation.scss

@@ -35,8 +35,8 @@
 
 [class*='uk-animation-'] {
     animation-duration: var(--animation-duration);
-    animation-fill-mode: both;
     animation-timing-function: var(--ease-out);
+    animation-fill-mode: both;
 }
 
 
@@ -48,8 +48,8 @@
  */
 
 .uk-animation-fade {
-    animation-duration: var(--animation-fade-duration);
     animation-name: uk-fade;
+    animation-duration: var(--animation-fade-duration);
     animation-timing-function: linear;
 }
 
@@ -102,8 +102,8 @@
  */
 
 .uk-animation-kenburns {
-    animation-duration: var(--animation-kenburns-duration);
     animation-name: uk-scale-kenburns;
+    animation-duration: var(--animation-kenburns-duration);
 }
 
 /*
@@ -121,8 +121,8 @@
  */
 
 .uk-animation-stroke {
-    animation-duration: var(--animation-stroke-duration);
     animation-name: uk-stroke;
+    animation-duration: var(--animation-stroke-duration);
     stroke-dasharray: var(--uk-animation-stroke);
 }
 
@@ -131,8 +131,8 @@
  ========================================================================== */
 
 .uk-animation-reverse {
-    animation-direction: reverse;
     animation-timing-function: var(--ease-in);
+    animation-direction: reverse;
 }
 
 
@@ -151,7 +151,7 @@
  * The toggle is triggered on touch devices using `:focus` and tabindex
  */
 
-.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { animation-name: none; }
+.uk-animation-toggle:not(:hover, :focus) [class*='uk-animation-'] { animation-name: none; }
 
 /*
  * 1. Prevent tab highlighting on iOS.
@@ -187,13 +187,13 @@
 
 @keyframes uk-fade-top {
     0% {
-        opacity: 0;
         transform: translateY(-100%);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -203,13 +203,13 @@
 
 @keyframes uk-fade-bottom {
     0% {
-        opacity: 0;
         transform: translateY(100%);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -219,13 +219,13 @@
 
 @keyframes uk-fade-left {
     0% {
-        opacity: 0;
         transform: translateX(-100%);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -235,13 +235,13 @@
 
 @keyframes uk-fade-right {
     0% {
-        opacity: 0;
         transform: translateX(100%);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -251,13 +251,13 @@
 
 @keyframes uk-fade-top-small {
     0% {
-        opacity: 0;
         transform: translateY(unquote('calc(var(--animation-slide-small-translate) * -1)'));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -267,13 +267,13 @@
 
 @keyframes uk-fade-bottom-small {
     0% {
-        opacity: 0;
         transform: translateY(var(--animation-slide-small-translate));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -283,13 +283,13 @@
 
 @keyframes uk-fade-left-small {
     0% {
-        opacity: 0;
         transform: translateX(unquote('calc(var(--animation-slide-small-translate) * -1)'));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -299,13 +299,13 @@
 
 @keyframes uk-fade-right-small {
     0% {
-        opacity: 0;
         transform: translateX(var(--animation-slide-small-translate));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -315,13 +315,13 @@
 
 @keyframes uk-fade-top-medium {
     0% {
-        opacity: 0;
         transform: translateY(unquote('calc(var(--animation-slide-medium-translate) * -1)'));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -331,13 +331,13 @@
 
 @keyframes uk-fade-bottom-medium {
     0% {
-        opacity: 0;
         transform: translateY(var(--animation-slide-medium-translate));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateY(0);
+        opacity: 1;
     }
 }
 
@@ -347,13 +347,13 @@
 
 @keyframes uk-fade-left-medium {
     0% {
-        opacity: 0;
         transform: translateX(unquote('calc(var(--animation-slide-medium-translate) * -1)'));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -363,13 +363,13 @@
 
 @keyframes uk-fade-right-medium {
     0% {
-        opacity: 0;
         transform: translateX(var(--animation-slide-medium-translate));
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: translateX(0);
+        opacity: 1;
     }
 }
 
@@ -379,13 +379,13 @@
 
 @keyframes uk-fade-scale-02 {
     0% {
-        opacity: 0;
         transform: scale(0.2);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: scale(1);
+        opacity: 1;
     }
 }
 
@@ -395,13 +395,13 @@
 
 @keyframes uk-fade-scale-18 {
     0% {
-        opacity: 0;
         transform: scale(1.8);
+        opacity: 0;
     }
 
     100% {
-        opacity: 1;
         transform: scale(1);
+        opacity: 1;
     }
 }
 
@@ -446,7 +446,7 @@
 // ========================================================================
 
 @if mixin-exists(hook-animation-misc) {
-    @include hook-animation-misc();
+    @include hook-animation-misc;
 }
 
 

package/dist/cjs/styles/column.scss

@@ -109,7 +109,6 @@
 }
 
 /* Large screen and bigger */
-// noinspection Stylelint
 @media (min-width: $breakpoint-xlarge) {
     .uk-column-1-2\@xl { column-count: 2; }
 

package/dist/cjs/styles/mixins.scss

@@ -50,7 +50,29 @@
 @mixin hook-alert-success() {}
 @mixin hook-alert-warning() {}
 @mixin hook-alert-danger() {}
-@mixin hook-alert-misc() {}
+@mixin hook-alert-misc() {
+    /*
+     * Content
+     */
+
+    .uk-alert h1,
+    .uk-alert h2,
+    .uk-alert h3,
+    .uk-alert h4,
+    .uk-alert h5,
+    .uk-alert h6 { color: inherit; }
+
+    .uk-alert a:not([class]) {
+        color: inherit;
+        text-decoration: underline;
+    }
+
+    .uk-alert a:not([class]):hover {
+        color: inherit;
+        text-decoration: underline;
+    }
+
+}
 
 @mixin hook-align-misc() {}
 
@@ -937,6 +959,7 @@
     }
 }
 
+
 @mixin hook-control() {}
 @mixin hook-control-hover() {}
 @mixin hook-control-focus() {}
@@ -951,6 +974,8 @@
 @mixin hook-control-blank-focus() {}
 @mixin hook-control-input() {}
 @mixin hook-control-prefix() {}
+@mixin hook-control-suffix() {}
+
 @mixin hook-inverse-control() {}
 @mixin hook-inverse-control-hover() {}
 @mixin hook-inverse-control-focus() {}
@@ -1086,6 +1111,10 @@
 @mixin hook-select-clear() {}
 @mixin hook-select-dropdown() {}
 
+@mixin hook-control-textarea() {}
+@mixin hook-control-textarea-counter() {}
+@mixin hook-control-textarea-input() {}
+
 @mixin hook-grid-divider-horizontal() {}
 @mixin hook-grid-divider-vertical() {}
 @mixin hook-grid-misc() {}