@broxus/react-uikit 0.23.3 → 0.24.0

package/dist/assets/utility.css

@@ -489,6 +489,4 @@
   --logo-color: var(--global-color);
   --logo-hover-color: var(--global-color);
   --dragover-box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
-  --inverse-logo-color: var(--inverse-global-color);
-  --inverse-logo-hover-color: var(--inverse-global-color);
-}
+}

package/dist/assets/vars.css

@@ -1,6 +1,4 @@
-:root,
-::after,
-::before {
+:root {
   --breakpoint-2xsmall: 320px;
   --breakpoint-xsmall: 480px;
   --breakpoint-small: 640px;
@@ -86,4 +84,74 @@
   --global-control-large-height: 60px;
   --global-control-xlarge-height: 70px;
   --global-z-index: 1000;
-}
+  --base-body-background: var(--global-background);
+  --base-body-font-family: var(--global-font-family);
+  --base-body-font-weight: normal;
+  --base-body-font-size: var(--global-font-size);
+  --base-body-line-height: var(--global-line-height);
+  --base-body-color: var(--global-color);
+  --base-link-color: var(--global-link-color);
+  --base-link-text-decoration: none;
+  --base-link-hover-color: var(--global-link-hover-color);
+  --base-link-hover-text-decoration: underline;
+  --base-strong-font-weight: bolder;
+  --base-code-font-size: var(--global-small-font-size);
+  --base-code-font-family: Consolas, monaco, monospace;
+  --base-code-color: var(--global-danger-background);
+  --base-code-padding-horizontal: 6px;
+  --base-code-padding-vertical: 2px;
+  --base-em-color: var(--global-danger-background);
+  --base-ins-background: #ffd;
+  --base-ins-color: var(--global-color);
+  --base-mark-background: #ffd;
+  --base-mark-color: var(--global-color);
+  --base-quote-font-style: italic;
+  --base-small-font-size: 80%;
+  --base-margin-vertical: var(--global-margin);
+  --base-heading-font-family: var(--global-font-family);
+  --base-heading-font-weight: normal;
+  --base-heading-color: var(--global-emphasis-color);
+  --base-heading-text-transform: none;
+  --base-heading-margin-top: var(--global-medium-margin);
+  --base-h1-font-size-m: var(--global-2xlarge-font-size);
+  --base-h1-font-size: calc(var(--base-h1-font-size-m) * 0.85);
+  --base-h1-line-height: 1.2;
+  --base-h2-font-size-m: var(--global-xlarge-font-size);
+  --base-h2-font-size: calc(var(--base-h2-font-size-m) * 0.85);
+  --base-h2-line-height: 1.3;
+  --base-h3-font-size: var(--global-large-font-size);
+  --base-h3-line-height: 1.4;
+  --base-h4-font-size: var(--global-medium-font-size);
+  --base-h4-line-height: 1.4;
+  --base-h5-font-size: var(--global-font-size);
+  --base-h5-line-height: 1.4;
+  --base-h6-font-size: var(--global-small-font-size);
+  --base-h6-line-height: 1.4;
+  --base-list-padding-left: 30px;
+  --base-hr-margin-vertical: var(--global-margin);
+  --base-hr-border-width: var(--global-border-width);
+  --base-hr-border: var(--global-border);
+  --base-blockquote-font-size: var(--global-medium-font-size);
+  --base-blockquote-line-height: 1.5;
+  --base-blockquote-font-style: italic;
+  --base-blockquote-margin-vertical: var(--global-margin);
+  --base-blockquote-color: var(--global-emphasis-color);
+  --base-blockquote-footer-color: var(--global-color);
+  --base-blockquote-footer-margin-top: var(--global-small-margin);
+  --base-blockquote-footer-font-size: var(--global-small-font-size);
+  --base-blockquote-footer-line-height: 1.5;
+  --base-pre-font-size: var(--global-small-font-size);
+  --base-pre-line-height: 1.5;
+  --base-pre-font-family: var(--base-code-font-family);
+  --base-pre-color: var(--global-color);
+  --base-focus-outline-width: 2px;
+  --base-focus-outline-style: dotted;
+  --base-focus-outline: var(--global-emphasis-color);
+  --base-focus-outline-offset: -2px;
+  --base-selection-background: #39f;
+  --base-selection-color: var(--global-inverse-color);
+  --uk-breakpoint-s: var(--breakpoint-small);
+  --uk-breakpoint-m: var(--breakpoint-medium);
+  --uk-breakpoint-l: var(--breakpoint-large);
+  --uk-breakpoint-xl: var(--breakpoint-xlarge);
+}

package/dist/assets/visibility.css

@@ -11,25 +11,25 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-hidden\@s {
     display: none !important;
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-hidden\@m {
     display: none !important;
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-hidden\@l {
     display: none !important;
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-hidden\@xl {
     display: none !important;
   }
@@ -38,25 +38,25 @@
  * Visible
  */
 /* Phone portrait and smaller */
-@media (max-width: 639px) {
+@media (--media-breakpoint-xsmall-max) {
   .uk-visible\@s {
     display: none !important;
   }
 }
 /* Phone landscape and smaller */
-@media (max-width: 959px) {
+@media (--media-breakpoint-small-max) {
   .uk-visible\@m {
     display: none !important;
   }
 }
 /* Tablet landscape and smaller */
-@media (max-width: 1199px) {
+@media (--media-breakpoint-medium-max) {
   .uk-visible\@l {
     display: none !important;
   }
 }
 /* Desktop and smaller */
-@media (max-width: 1599px) {
+@media (--media-breakpoint-large-max) {
   .uk-visible\@xl {
     display: none !important;
   }
@@ -137,4 +137,4 @@
   .uk-hidden-notouch {
     display: block !important;
   }
-}
+}

package/dist/assets/width.css

@@ -45,7 +45,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   .uk-child-width-1-1\@s > * {
     width: 100%;
   }
@@ -73,7 +73,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   .uk-child-width-1-1\@m > * {
     width: 100%;
   }
@@ -101,7 +101,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   .uk-child-width-1-1\@l > * {
     width: 100%;
   }
@@ -129,7 +129,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   .uk-child-width-1-1\@xl > * {
     width: 100%;
   }
@@ -250,7 +250,7 @@
 }
 
 /* Phone landscape and bigger */
-@media (min-width: 640px) {
+@media (--media-breakpoint-small) {
   /* Whole */
   .uk-width-1-1\@s {
     width: 100%;
@@ -320,7 +320,7 @@
   }
 }
 /* Tablet landscape and bigger */
-@media (min-width: 960px) {
+@media (--media-breakpoint-medium) {
   /* Whole */
   .uk-width-1-1\@m {
     width: 100%;
@@ -390,7 +390,7 @@
   }
 }
 /* Desktop and bigger */
-@media (min-width: 1200px) {
+@media (--media-breakpoint-large) {
   /* Whole */
   .uk-width-1-1\@l {
     width: 100%;
@@ -460,7 +460,7 @@
   }
 }
 /* Large screen and bigger */
-@media (min-width: 1600px) {
+@media (--media-breakpoint-xlarge) {
   /* Whole */
   .uk-width-1-1\@xl {
     width: 100%;
@@ -535,4 +535,4 @@
   --width-large-width: 450px;
   --width-xlarge-width: 600px;
   --width-2xlarge-width: 750px;
-}
+}

package/dist/esm/components/Navbar/Nav.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type NavProps } from '../../components/Nav';
-export declare function Nav({ className, ...props }: NavProps): React.JSX.Element;
+export declare function Nav({ className, ...props }: NavProps): React.ReactElement;
 export declare namespace Nav {
     var displayName: string;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@broxus/react-uikit",
-    "version": "0.23.3",
+    "version": "0.24.0",
     "description": "React-based UIkit library",
     "license": "MIT",
     "keywords": [
@@ -15,6 +15,12 @@
             "url": "https://github.com/JeremiahGeronimo"
         }
     ],
+    "contributors": [
+        {
+            "name": "Denis Klimov",
+            "url": "https://github.com/JeremiahGeronimo"
+        }
+    ],
     "publishConfig": {
         "access": "public"
     },
@@ -26,32 +32,329 @@
             "import": "./dist/esm/index.js"
         },
         "./assets/*": "./dist/assets/*",
-        "./styles/*": "./styles/*",
+        "./styles/accordion": {
+            "sass": "./styles/accordion/_index.scss",
+            "default": "./styles/accordion/_index.scss"
+        },
+        "./styles/alert": {
+            "sass": "./styles/alert/_index.scss",
+            "default": "./styles/alert/_index.scss"
+        },
+        "./styles/align": {
+            "sass": "./styles/align/_index.scss",
+            "default": "./styles/align/_index.scss"
+        },
+        "./styles/animation": {
+            "sass": "./styles/animation/_index.scss",
+            "default": "./styles/animation/_index.scss"
+        },
+        "./styles/article": {
+            "sass": "./styles/article/_index.scss",
+            "default": "./styles/article/_index.scss"
+        },
+        "./styles/background": {
+            "sass": "./styles/background/_index.scss",
+            "default": "./styles/background/_index.scss"
+        },
+        "./styles/badge": {
+            "sass": "./styles/badge/_index.scss",
+            "default": "./styles/badge/_index.scss"
+        },
+        "./styles/base": {
+            "sass": "./styles/base/_index.scss",
+            "default": "./styles/base/_index.scss"
+        },
+        "./styles/breadcrumb": {
+            "sass": "./styles/breadcrumb/_index.scss",
+            "default": "./styles/breadcrumb/_index.scss"
+        },
+        "./styles/button": {
+            "sass": "./styles/button/_index.scss",
+            "default": "./styles/button/_index.scss"
+        },
+        "./styles/card": {
+            "sass": "./styles/card/_index.scss",
+            "default": "./styles/card/_index.scss"
+        },
+        "./styles/checkbox": {
+            "sass": "./styles/checkbox/_index.scss",
+            "default": "./styles/checkbox/_index.scss"
+        },
+        "./styles/close": {
+            "sass": "./styles/close/_index.scss",
+            "default": "./styles/close/_index.scss"
+        },
+        "./styles/column": {
+            "sass": "./styles/column/_index.scss",
+            "default": "./styles/column/_index.scss"
+        },
+        "./styles/comment": {
+            "sass": "./styles/comment/_index.scss",
+            "default": "./styles/comment/_index.scss"
+        },
+        "./styles/container": {
+            "sass": "./styles/container/_index.scss",
+            "default": "./styles/container/_index.scss"
+        },
+        "./styles/control": {
+            "sass": "./styles/control/_index.scss",
+            "default": "./styles/control/_index.scss"
+        },
+        "./styles/cover": {
+            "sass": "./styles/cover/_index.scss",
+            "default": "./styles/cover/_index.scss"
+        },
+        "./styles/datepicker": {
+            "sass": "./styles/datepicker/_index.scss",
+            "default": "./styles/datepicker/_index.scss"
+        },
+        "./styles/description-list": {
+            "sass": "./styles/description-list/_index.scss",
+            "default": "./styles/description-list/_index.scss"
+        },
+        "./styles/divider": {
+            "sass": "./styles/divider/_index.scss",
+            "default": "./styles/divider/_index.scss"
+        },
+        "./styles/dotnav": {
+            "sass": "./styles/dotnav/_index.scss",
+            "default": "./styles/dotnav/_index.scss"
+        },
+        "./styles/drawer": {
+            "sass": "./styles/drawer/_index.scss",
+            "default": "./styles/drawer/_index.scss"
+        },
+        "./styles/drop": {
+            "sass": "./styles/drop/_index.scss",
+            "default": "./styles/drop/_index.scss"
+        },
+        "./styles/dropdown": {
+            "sass": "./styles/dropdown/_index.scss",
+            "default": "./styles/dropdown/_index.scss"
+        },
+        "./styles/flex": {
+            "sass": "./styles/flex/_index.scss",
+            "default": "./styles/flex/_index.scss"
+        },
+        "./styles/form": {
+            "sass": "./styles/form/_index.scss",
+            "default": "./styles/form/_index.scss"
+        },
+        "./styles/grid": {
+            "sass": "./styles/grid/_index.scss",
+            "default": "./styles/grid/_index.scss"
+        },
+        "./styles/heading": {
+            "sass": "./styles/heading/_index.scss",
+            "default": "./styles/heading/_index.scss"
+        },
+        "./styles/height": {
+            "sass": "./styles/height/_index.scss",
+            "default": "./styles/height/_index.scss"
+        },
+        "./styles/icon": {
+            "sass": "./styles/icon/_index.scss",
+            "default": "./styles/icon/_index.scss"
+        },
+        "./styles/iconnav": {
+            "sass": "./styles/iconnav/_index.scss",
+            "default": "./styles/iconnav/_index.scss"
+        },
+        "./styles/input-number": {
+            "sass": "./styles/input-number/_index.scss",
+            "default": "./styles/input-number/_index.scss"
+        },
+        "./styles/input-password": {
+            "sass": "./styles/input-password/_index.scss",
+            "default": "./styles/input-password/_index.scss"
+        },
+        "./styles/inverse": {
+            "sass": "./styles/inverse/_index.scss",
+            "default": "./styles/inverse/_index.scss"
+        },
+        "./styles/label": {
+            "sass": "./styles/label/_index.scss",
+            "default": "./styles/label/_index.scss"
+        },
+        "./styles/leader": {
+            "sass": "./styles/leader/_index.scss",
+            "default": "./styles/leader/_index.scss"
+        },
+        "./styles/link": {
+            "sass": "./styles/link/_index.scss",
+            "default": "./styles/link/_index.scss"
+        },
+        "./styles/list": {
+            "sass": "./styles/list/_index.scss",
+            "default": "./styles/list/_index.scss"
+        },
+        "./styles/margin": {
+            "sass": "./styles/margin/_index.scss",
+            "default": "./styles/margin/_index.scss"
+        },
+        "./styles/marker": {
+            "sass": "./styles/marker/_index.scss",
+            "default": "./styles/marker/_index.scss"
+        },
+        "./styles/modal": {
+            "sass": "./styles/modal/_index.scss",
+            "default": "./styles/modal/_index.scss"
+        },
+        "./styles/motion": {
+            "sass": "./styles/motion/_index.scss",
+            "default": "./styles/motion/_index.scss"
+        },
+        "./styles/nav": {
+            "sass": "./styles/nav/_index.scss",
+            "default": "./styles/nav/_index.scss"
+        },
+        "./styles/navbar": {
+            "sass": "./styles/navbar/_index.scss",
+            "default": "./styles/navbar/_index.scss"
+        },
+        "./styles/overlay": {
+            "sass": "./styles/overlay/_index.scss",
+            "default": "./styles/overlay/_index.scss"
+        },
+        "./styles/padding": {
+            "sass": "./styles/padding/_index.scss",
+            "default": "./styles/padding/_index.scss"
+        },
+        "./styles/pagination": {
+            "sass": "./styles/pagination/_index.scss",
+            "default": "./styles/pagination/_index.scss"
+        },
+        "./styles/placeholder": {
+            "sass": "./styles/placeholder/_index.scss",
+            "default": "./styles/placeholder/_index.scss"
+        },
+        "./styles/position": {
+            "sass": "./styles/position/_index.scss",
+            "default": "./styles/position/_index.scss"
+        },
+        "./styles/progress": {
+            "sass": "./styles/progress/_index.scss",
+            "default": "./styles/progress/_index.scss"
+        },
+        "./styles/radio": {
+            "sass": "./styles/radio/_index.scss",
+            "default": "./styles/radio/_index.scss"
+        },
+        "./styles/search": {
+            "sass": "./styles/search/_index.scss",
+            "default": "./styles/search/_index.scss"
+        },
+        "./styles/section": {
+            "sass": "./styles/section/_index.scss",
+            "default": "./styles/section/_index.scss"
+        },
+        "./styles/segmented": {
+            "sass": "./styles/segmented/_index.scss",
+            "default": "./styles/segmented/_index.scss"
+        },
+        "./styles/select": {
+            "sass": "./styles/select/_index.scss",
+            "default": "./styles/select/_index.scss"
+        },
+        "./styles/slider": {
+            "sass": "./styles/slider/_index.scss",
+            "default": "./styles/slider/_index.scss"
+        },
+        "./styles/spinner": {
+            "sass": "./styles/spinner/_index.scss",
+            "default": "./styles/spinner/_index.scss"
+        },
+        "./styles/sticky": {
+            "sass": "./styles/sticky/_index.scss",
+            "default": "./styles/sticky/_index.scss"
+        },
+        "./styles/subnav": {
+            "sass": "./styles/subnav/_index.scss",
+            "default": "./styles/subnav/_index.scss"
+        },
+        "./styles/svg": {
+            "sass": "./styles/svg/_index.scss",
+            "default": "./styles/svg/_index.scss"
+        },
+        "./styles/switch": {
+            "sass": "./styles/switch/_index.scss",
+            "default": "./styles/switch/_index.scss"
+        },
+        "./styles/table": {
+            "sass": "./styles/table/_index.scss",
+            "default": "./styles/table/_index.scss"
+        },
+        "./styles/tabs": {
+            "sass": "./styles/tabs/_index.scss",
+            "default": "./styles/tabs/_index.scss"
+        },
+        "./styles/text": {
+            "sass": "./styles/text/_index.scss",
+            "default": "./styles/text/_index.scss"
+        },
+        "./styles/textarea": {
+            "sass": "./styles/textarea/_index.scss",
+            "default": "./styles/textarea/_index.scss"
+        },
+        "./styles/thumbnav": {
+            "sass": "./styles/thumbnav/_index.scss",
+            "default": "./styles/thumbnav/_index.scss"
+        },
+        "./styles/tile": {
+            "sass": "./styles/tile/_index.scss",
+            "default": "./styles/tile/_index.scss"
+        },
+        "./styles/tooltip": {
+            "sass": "./styles/tooltip/_index.scss",
+            "default": "./styles/tooltip/_index.scss"
+        },
+        "./styles/totop": {
+            "sass": "./styles/totop/_index.scss",
+            "default": "./styles/totop/_index.scss"
+        },
+        "./styles/transition": {
+            "sass": "./styles/transition/_index.scss",
+            "default": "./styles/transition/_index.scss"
+        },
+        "./styles/utility": {
+            "sass": "./styles/utility/_index.scss",
+            "default": "./styles/utility/_index.scss"
+        },
+        "./styles/visibility": {
+            "sass": "./styles/visibility/_index.scss",
+            "default": "./styles/visibility/_index.scss"
+        },
+        "./styles/width": {
+            "sass": "./styles/width/_index.scss",
+            "default": "./styles/width/_index.scss"
+        },
+        "./styles/*": {
+            "sass": "./styles/*.scss",
+            "default": "./styles/*"
+        },
         "./package.json": "./package.json"
     },
+    "main": "./dist/cjs/index.js",
+    "module": "./dist/esm/index.js",
+    "types": "./dist/esm/index.d.ts",
     "files": [
         "dist",
         "styles"
     ],
-    "main": "./dist/cjs/index.js",
-    "module": "./dist/esm/index.js",
-    "types": "./dist/esm/index.d.ts",
     "sideEffects": [
-        "*.css",
-        "*.scss"
+        "**/*.css",
+        "**/*.scss"
     ],
     "engines": {
         "node": ">=16",
         "npm": ">=8"
     },
     "scripts": {
-        "build": "npx yarn build:js & npx yarn build:css",
+        "build": "npx yarn build:js && npx yarn build:css",
         "build:js": "npx yarn build:cjs & npx yarn build:esm",
         "build:cjs": "tsc -p tsconfig.cjs.json && tsc-alias -p tsconfig.cjs.json",
         "build:esm": "tsc -p tsconfig.esm.json && tsc-alias -p tsconfig.esm.json",
-        "build:css": "npx yarn build:css:base & npx yarn build:css:uikit",
-        "build:css:base": "npx sass styles:dist/assets --no-source-map",
-        "build:css:uikit": "npx sass styles/_import.scss dist/assets/uikit.min.css --no-source-map --style compressed",
+        "build:css": "node scripts/build-css.js && node scripts/build-css.js styles/_import.scss dist/assets/uikit.min.css --compressed",
         "dev": "npx yarn watch:js",
         "watch:js": "npx chokidar \"src/**/*.{ts,tsx}\" -c \"npx yarn build:esm -- --incremental\"",
         "lint": "npx eslint src --ext .ts,.tsx",
@@ -60,32 +363,32 @@
         "prepare": "npx yarn cleanup && npx yarn build"
     },
     "dependencies": {
-        "@broxus/js-utils": "^1.5.2",
+        "@broxus/js-utils": "^1.6.0",
         "@rc-component/collapse": "~1.2.0",
-        "@rc-component/dialog": "~1.8.0",
+        "@rc-component/dialog": "~1.8.4",
         "@rc-component/drawer": "~1.1.0",
         "@rc-component/dropdown": "~1.0.2",
         "@rc-component/input": "~1.1.2",
         "@rc-component/input-number": "~1.6.2",
-        "@rc-component/motion": "~1.2.0",
+        "@rc-component/motion": "~1.3.1",
         "@rc-component/overflow": "^1.0.0",
         "@rc-component/picker": "~1.9.0",
         "@rc-component/resize-observer": "~1.1.1",
         "@rc-component/segmented": "~1.3.0",
-        "@rc-component/select": "~1.5.1",
+        "@rc-component/select": "~1.6.5",
         "@rc-component/slider": "~1.0.1",
         "@rc-component/switch": "~1.0.3",
         "@rc-component/tabs": "~1.7.0",
         "@rc-component/textarea": "~1.1.2",
         "@rc-component/trigger": "~3.9.0",
-        "@rc-component/util": "~1.7.0",
+        "@rc-component/util": "~1.9.0",
         "classnames": "^2.5.1",
-        "uikit": "^3.25.5"
+        "uikit": "^3.25.10"
     },
     "peerDependencies": {
         "luxon": "3.x",
         "react": "^16.8.0 || 17.x || 18.x || 19.x",
         "react-dom": "^16.8.0 || 17.x || 18.x || 19.x"
     },
-    "gitHead": "5723c3b2a96aed0f20281e05263d2078395e36f0"
+    "gitHead": "369b6c1179b0b5bc344d46685bf05d0ecf090148"
 }