@broxus/react-uikit 0.3.1 → 0.4.0

package/dist/cjs/components/Tabs/hooks/useAnimateConfig.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAnimateConfig = void 0;
+const utils_1 = require("../../../utils");
+const motion = {
+    motionAppear: false,
+    motionEnter: true,
+    motionLeave: true,
+};
+const useAnimateConfig = (prefixCls, animated = {
+    inkBar: true,
+    tabPane: false,
+}) => {
+    let mergedAnimated;
+    if (animated === false) {
+        mergedAnimated = {
+            inkBar: false,
+            tabPane: false,
+        };
+    }
+    else if (animated === true) {
+        mergedAnimated = {
+            inkBar: true,
+            tabPane: true,
+        };
+    }
+    else {
+        mergedAnimated = {
+            inkBar: true,
+            ...(typeof animated === 'object' ? animated : {}),
+        };
+    }
+    if (mergedAnimated.tabPane) {
+        mergedAnimated.tabPaneMotion = {
+            ...motion,
+            motionName: (0, utils_1.getMotionName)(prefixCls, 'switch'),
+        };
+    }
+    return mergedAnimated;
+};
+exports.useAnimateConfig = useAnimateConfig;

package/dist/cjs/components/Tabs/hooks/useLegacyItems.d.ts

@@ -0,0 +1,4 @@
+import { type Tab } from 'rc-tabs/lib/interface';
+import * as React from 'react';
+import { type TabsProps } from '../../../components/Tabs';
+export default function useLegacyItems(items?: TabsProps['items'], children?: React.ReactNode): Tab[];

package/dist/cjs/components/Tabs/hooks/useLegacyItems.js

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const js_utils_1 = require("@broxus/js-utils");
+const toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+const React = __importStar(require("react"));
+function filter(items) {
+    return items.filter(item => item);
+}
+function useLegacyItems(items, children) {
+    if (items) {
+        return items;
+    }
+    (0, js_utils_1.warn)(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
+    const childrenItems = (0, toArray_1.default)(children).map((node) => {
+        if (React.isValidElement(node)) {
+            const { key, props } = node;
+            const { tab, ...restProps } = props || {};
+            const item = {
+                key: String(key),
+                ...restProps,
+                label: tab,
+            };
+            return item;
+        }
+        return null;
+    });
+    return filter(childrenItems);
+}
+exports.default = useLegacyItems;

package/dist/cjs/components/Tabs/index.d.ts

@@ -1,6 +1,6 @@
-import * as React from 'react';
 import { type TabsProps as RcTabsProps } from 'rc-tabs';
 import { type Tab, type TabPosition as TabsPosition } from 'rc-tabs/lib/interface';
+import * as React from 'react';
 import './index.scss';
 export { type Tab };
 export type TabType = 'line' | 'card' | 'editable-card';
@@ -8,9 +8,10 @@ export { type TabsPosition };
 export interface TabsProps extends Exclude<RcTabsProps, 'editable'> {
     addIcon?: React.ReactNode;
     centered?: boolean;
+    children?: React.ReactNode;
     hideAdd?: boolean;
-    size?: string;
+    size?: 'medium' | 'large';
     type?: TabType;
-    onEdit?: (e: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
+    onEdit?: (event: React.MouseEvent | React.KeyboardEvent | string, action: 'add' | 'remove') => void;
 }
-export declare const Tabs: React.MemoExoticComponent<(props: TabsProps) => JSX.Element>;
+export declare const Tabs: React.MemoExoticComponent<(props: TabsProps) => React.JSX.Element>;

package/dist/cjs/components/Tabs/index.js

@@ -27,16 +27,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tabs = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const rc_tabs_1 = __importDefault(require("rc-tabs"));
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const React = __importStar(require("react"));
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const Icon_1 = require("../../components/Icon");
+const hooks_1 = require("../../components/Tabs/hooks");
 const utils_1 = require("../../utils");
 require("./index.scss");
+const useLegacyItems_1 = __importDefault(require("../../components/Tabs/hooks/useLegacyItems"));
 exports.Tabs = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
-    const { addIcon, centered, className, direction, hideAdd, moreIcon = React.createElement(Icon_1.Icon, { icon: "more_horizontal" }), prefixCls = config.prefixCls, size, type, onEdit, ...restProps } = props;
+    const config = (0, ConfigProvider_1.useConfig)();
+    const { addIcon, animated, centered, children, className, direction, hideAdd, items, moreIcon = React.createElement(Icon_1.Icon, { icon: "more_horizontal" }), prefixCls = config.prefixCls, size, type, onEdit, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tabs'), [config, prefixCls]);
     const editable = React.useMemo(() => (type === 'editable-card'
         ? {
@@ -50,7 +52,7 @@ exports.Tabs = React.memo((props) => {
             },
         }
         : undefined), [addIcon, hideAdd, onEdit, type]);
-    return (React.createElement(rc_tabs_1.default, { direction: direction, moreTransitionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'), ...restProps, className: (0, classnames_1.default)({
+    return (React.createElement(rc_tabs_1.default, { animated: (0, hooks_1.useAnimateConfig)(rootCls, animated), direction: direction, items: (0, useLegacyItems_1.default)(items, children), moreTransitionName: (0, utils_1.getMotionName)(prefixCls || config.prefixCls, 'slide-bottom-small'), ...restProps, className: (0, classnames_1.default)({
             [`${rootCls}-${size}`]: size,
             [`${rootCls}-card`]: ['card', 'editable-card'].includes(type),
             [`${rootCls}-editable-card`]: type === 'editable-card',

package/dist/cjs/components/Tabs/index.scss

@@ -116,6 +116,7 @@
 .uk-tabs-nav-add {
     background: var(--tabs-card-tab-background);
     border: var(--tabs-card-tab-border-width) var(--tabs-card-tab-border-style) var(--tabs-card-tab-border);
+    color: var(--tabs-tab-color);
     cursor: pointer;
     min-width: var(--tabs-card-height);
     outline: 0 none;
@@ -152,6 +153,7 @@
     cursor: pointer;
     display: inline-flex;
     font-size: var(--tabs-tab-font-size);
+    justify-content: space-between;
     outline: none;
     padding: var(--tabs-tab-padding-vertical) var(--tabs-tab-padding-horizontal);
     position: relative;
@@ -211,7 +213,8 @@
     font-size: var(--tabs-tab-remove-font-size);
     margin-left: var(--tabs-card-gutter);
     margin-right: calc(var(--tabs-card-gutter) * -1);
-    outline: none;
+    outline: 0 none;
+    padding: 0;
     transition: all var(--transition-duration);
 }
 
@@ -225,14 +228,6 @@
 }
 
 
-/* Tabpane
- ========================================================================== */
-
-.uk-tabs-tabpane-hidden {
-    display: none;
-}
-
-
 /* Card modifier
  ========================================================================== */
 
@@ -254,6 +249,24 @@
 }
 
 
+/* Content
+ ========================================================================== */
+
+.uk-tabs-content {
+    box-sizing: border-box;
+    position: relative;
+    width: 100%;
+}
+
+
+/* Tabpane
+ ========================================================================== */
+
+.uk-tabs-tabpane-hidden {
+    display: none;
+}
+
+
 /* Position modifier
  ========================================================================== */
 
@@ -669,6 +682,37 @@
 }
 
 
+// Motion
+// ========================================================================
+
+.uk-tabs-motion-switch {
+    &-appear,
+    &-enter {
+        transition: none;
+
+        &-start { opacity: 0; }
+
+        &-active {
+            opacity: 1;
+            transition: opacity var(--transition-duration);
+        }
+    }
+
+    &-leave {
+        inset: 0;
+        position: absolute;
+        transition: none;
+
+        &-start { opacity: 1; }
+
+        &-active {
+            opacity: 0;
+            transition: opacity var(--transition-duration);
+        }
+    }
+}
+
+
 // Hooks
 // ========================================================================
 

package/dist/cjs/components/Text/index.d.ts

@@ -18,4 +18,4 @@ export type TextOwnProps = {
     wrap?: 'truncate' | 'break' | 'nowrap';
 };
 export type TextProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TextOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TextOwnProps>;
-export declare const Text: React.MemoExoticComponent<(<E extends React.ElementType<any> = "p">(props: TextProps<E>) => JSX.Element)>;
+export declare const Text: React.MemoExoticComponent<(<E extends React.ElementType<any> = "p">(props: TextProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Text/index.js

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../utils");
 const defaultElement = 'p';
 exports.Text = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { align, className, color, column, decoration, dropcap, italic, prefixCls = config.prefixCls, size, transform, verticalAlign, weight, wrap, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'text'), [config, prefixCls]);
     const alignClassName = React.useMemo(() => (typeof align === 'string'

package/dist/cjs/components/Tile/index.d.ts

@@ -8,4 +8,4 @@ export type TileOwnProps = {
     type?: 'default' | 'muted' | 'primary' | 'secondary' | 'tertiary';
 };
 export type TileProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<TileOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, TileOwnProps>;
-export declare const Tile: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: TileProps<E>) => JSX.Element)>;
+export declare const Tile: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: TileProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Tile/index.js

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Tile = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 require("./index.scss");
 const defaultElement = 'div';
 exports.Tile = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, preserveColor, size, type, ...restProps } = props;
     const rootCls = React.useMemo(() => config.getRootPrefixCls(prefixCls || config.prefixCls, 'tile'), [config, prefixCls]);
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(rootCls, {

package/dist/cjs/components/Tile/index.scss

@@ -21,6 +21,7 @@
 
 @import '../../styles/variables.scss';
 
+
 /* ========================================================================
    Component: Tile
  ========================================================================== */
@@ -58,6 +59,7 @@
     margin-bottom: 0;
 }
 
+
 /* Size modifiers
  ========================================================================== */
 
@@ -113,6 +115,7 @@
     }
 }
 
+
 /* Style modifiers
  ========================================================================== */
 
@@ -240,6 +243,7 @@
     }
 }
 
+
 // Hooks
 // ========================================================================
 
@@ -247,6 +251,7 @@
     @include hook-tile-misc;
 }
 
+
 // Vars
 // ========================================================================
 

package/dist/cjs/components/Width/Width.d.ts

@@ -6,4 +6,4 @@ export interface WidthOwnProps extends WidthBreakpointsConfig {
     size?: WidthSize;
 }
 export type WidthProps<E extends React.ElementType = React.ElementType> = React.PropsWithChildren<WidthOwnProps & PolymorphicProps<E>> & PolymorphicProps<E, WidthOwnProps>;
-export declare const Width: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: WidthProps<E>) => JSX.Element)>;
+export declare const Width: React.MemoExoticComponent<(<E extends React.ElementType<any> = "div">(props: WidthProps<E>) => React.JSX.Element)>;

package/dist/cjs/components/Width/Width.js

@@ -27,14 +27,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Width = void 0;
-const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
+const React = __importStar(require("react"));
 const Component_1 = require("../../components/Component");
-const ConfrigProvider_1 = require("../../components/ConfrigProvider");
+const ConfigProvider_1 = require("../../components/ConfigProvider");
 const utils_1 = require("../../components/Width/utils");
 const defaultElement = 'div';
 exports.Width = React.memo((props) => {
-    const config = (0, ConfrigProvider_1.useConfig)();
+    const config = (0, ConfigProvider_1.useConfig)();
     const { className, prefixCls = config.prefixCls, size, s, m, l, xl, ...restProps } = props;
     return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)((0, utils_1.getWidthClassname)(size, prefixCls || config.prefixCls), (0, utils_1.getWidthClassname)({
             l,

package/dist/cjs/components/Width/types.d.ts

@@ -1,6 +1,5 @@
 import { type BreakpointsConfig } from '../../types';
 export type WidthSize = 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | 'auto' | 'expand' | '1-1' | '1-2' | '1-3' | '1-4' | '1-5' | '1-6' | '2-3' | '2-5' | '3-4' | '3-5' | '4-5' | '5-6';
-export type BreakpointsWidthSize = Exclude<WidthSize, 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge'>;
-export type WidthBreakpointsConfig = BreakpointsConfig<BreakpointsWidthSize>;
+export type WidthBreakpointsConfig = BreakpointsConfig<WidthSize>;
 export type ChildWidthSize = 1 | 2 | 3 | 4 | 5 | 6 | 'auto' | 'expand';
 export type ChildWidthBreakpointsConfig = BreakpointsConfig<ChildWidthSize>;

package/dist/cjs/components/Width/utils.d.ts

@@ -1,5 +1,3 @@
-import { type ChildWidthBreakpointsConfig, type ChildWidthSize, type WidthBreakpointsConfig, type WidthSize } from '../../components/Width/types';
-export declare function getWidthClassname(value: WidthSize, prefixCls?: string): string;
-export declare function getWidthClassname(config: WidthBreakpointsConfig, prefixCl?: string): string;
-export declare function getChildWidthClassname(value: ChildWidthSize, prefixCls?: string): string;
-export declare function getChildWidthClassname(config: ChildWidthBreakpointsConfig, prefixCls?: string): string[];
+import { type ChildWidthBreakpointsConfig, type ChildWidthSize, type WidthBreakpointsConfig, type WidthSize } from '../../components/Width';
+export declare function getWidthClassname(valueOrConfig: WidthSize | WidthBreakpointsConfig, prefixCls?: string): string | undefined;
+export declare function getChildWidthClassname(valueOrConfig: ChildWidthSize | ChildWidthBreakpointsConfig | undefined, prefixCls?: string): string | undefined;

package/dist/cjs/components/Width/utils.js

@@ -20,7 +20,9 @@ function getChildWidthClassname(valueOrConfig, prefixCls = 'uk') {
         return `${prefixCls}-child-width-1-${valueOrConfig}`;
     }
     if (typeof valueOrConfig === 'object' && !Array.isArray(valueOrConfig)) {
-        return Object.entries(valueOrConfig).map(([key, value]) => `${getChildWidthClassname(value)}${key !== 'default' ? `@${key}` : ''}`);
+        return Object.entries(valueOrConfig)
+            .map(([key, value]) => `${getChildWidthClassname(value)}${key !== 'default' ? `@${key}` : ''}`)
+            .join(' ');
     }
     return undefined;
 }

package/dist/cjs/index.d.ts

@@ -8,6 +8,7 @@ export * from './components/Form';
 export * from './components/Control';
 export * from './components/Button';
 export * from './components/Progress';
+export * from './components/Switch';
 export * from './components/Close';
 export * from './components/Spinner';
 export * from './components/Alert';
@@ -32,7 +33,7 @@ export * from './components/Modal';
 export * from './components/Drawer';
 export * from './components/Component';
 export * from './components/ComponentProvider';
-export * from './components/ConfrigProvider';
+export * from './components/ConfigProvider';
 export * from './components/Width';
 export * from './components/Text';
 export * from './components/Cover';

package/dist/cjs/index.js

@@ -24,6 +24,7 @@ __exportStar(require("./components/Form"), exports);
 __exportStar(require("./components/Control"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/Progress"), exports);
+__exportStar(require("./components/Switch"), exports);
 __exportStar(require("./components/Close"), exports);
 __exportStar(require("./components/Spinner"), exports);
 __exportStar(require("./components/Alert"), exports);
@@ -48,7 +49,7 @@ __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/ConfigProvider"), exports);
 __exportStar(require("./components/Width"), exports);
 __exportStar(require("./components/Text"), exports);
 __exportStar(require("./components/Cover"), exports);

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

@@ -4,56 +4,61 @@
 @import 'base.scss';
 
 // Elements
-@import '../components/Link/index.scss';
-@import '../components/Heading/index.scss';
-@import '../components/Divider/index.scss';
-@import '../components/List/index.scss';
-@import '../components/DescriptionList/index.scss';
+@import 'link.scss';
+@import 'heading.scss';
+@import 'divider.scss';
+@import 'list.scss';
+@import 'description-list.scss';
 
 // @import '../components/Table/index.scss';
-@import '../components/Icon/index.scss';
-@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 'icon.scss';
+@import 'form.scss'; // After: Icon
+@import 'control.scss'; // After: Icon
+@import 'button.scss';
+@import 'progress.scss';
+@import 'switch.scss';
 
 // Layout
-@import '../components/Section/index.scss';
-@import '../components/Container/index.scss';
-@import '../components/Grid/index.scss';
-@import '../components/Tile/index.scss';
-@import '../components/Card/index.scss';
+@import 'section.scss';
+@import 'container.scss';
+@import 'grid.scss';
+@import 'tile.scss';
+@import 'card.scss';
 
 // Common
-@import '../components/Close/index.scss'; // After: Icon
-@import '../components/Spinner/index.scss'; // After: Icon
+@import 'close.scss'; // After: Icon
+@import 'spinner.scss'; // After: Icon
 // @import 'totop.scss'; // After: Icon
-@import '../components/Alert/index.scss'; // After: Close
-@import '../components/Badge/index.scss';
-@import '../components/Label/index.scss';
+// @import 'marker.scss'; // After: Icon
+@import 'alert.scss'; // After: Close
+// @import 'placeholder.scss';
+@import 'badge.scss';
+@import 'label.scss';
 
-// @import './components/Overlay/index.scss'; // After: Icon
-@import '../components/Article/index.scss'; // After: Subnav
-// @import 'comment.scss'; // After: Subnav
+// @import 'overlay.scss'; // After: Icon
+@import 'article.scss'; // After: Subnav
+// @import 'comment.scss';
 // @import 'search.scss'; // After: Icon
 
 // Navs
-@import '../components/Nav/index.scss';
-@import '../components/Navbar/index.scss'; // After: Card, Grid, Nav, Icon, Search
-// @import '../components/Subnav/index.scss';
-@import '../components/Breadcrumb/index.scss';
+@import 'nav.scss';
+@import 'navbar.scss'; // After: Card, Grid, Nav, Icon, Search
+// @import 'subnav.scss';
+@import 'breadcrumb.scss';
 
 // @import 'pagination.scss';
-// @import 'tab.scss';
-// @import 'slidenav.scss'; // After: Icon
-@import '../components/Dotnav/index.scss';
+@import 'tabs';
+@import 'dotnav.scss';
 
-// @import '../components/Thumbnav/index.scss';
+// @import 'thumbnav.scss';
+// @import 'iconnav.scss';
 
 // JavaScript
-@import '../components/Accordion/index.scss'; // After: Card
-@import '../components/Drop/index.scss'; // After: Card
-@import '../components/Dropdown/index.scss'; // After: Card
-@import '../components/Modal/index.scss'; // After: Close
+@import 'accordion.scss'; // After: Card
+@import 'drop.scss'; // After: Card
+@import 'dropdown.scss'; // After: Card
+@import 'modal.scss'; // After: Close
+@import 'drawer.scss';
+
 // @import 'sticky.scss';
 // @import '../components/Switcher/index.scss';

package/dist/cjs/styles/_import.scss

@@ -16,6 +16,7 @@
 @import 'control.scss';
 @import 'button.scss';
 @import 'progress.scss';
+@import 'switch.scss';
 
 // Layout
 @import 'section.scss';
@@ -62,7 +63,7 @@
 @import 'breadcrumb.scss';
 
 // @import 'pagination.scss';
-@import 'tab.scss';
+@import 'tabs';
 @import 'dotnav.scss';
 
 // @import 'thumbnav.scss';

package/dist/cjs/styles/animation.scss

@@ -441,6 +441,22 @@
     100% { stroke-dashoffset: 0; }
 }
 
+/*
+ * Wave
+ */
+
+@keyframes uk-wave-effect {
+    0% {
+        opacity: 0.5;
+        transform: scale(1);
+    }
+
+    100% {
+        opacity: 0;
+        transform: scale(1.6);
+    }
+}
+
 
 // Hooks
 // ========================================================================

package/dist/cjs/styles/leader.scss

@@ -63,23 +63,6 @@
     @include hook-leader-misc;
 }
 
-// @mixin hook-leader() {}
-// @mixin hook-leader-misc() {}
-
-
-// Inverse
-// ========================================================================
-
-@mixin hook-inverse() {
-    .uk-leader-fill::after {
-        @if  mixin-exists(hook-inverse-leader) {
-            @include hook-inverse-leader;
-        }
-    }
-}
-
-// @mixin hook-inverse-leader() {}
-
 
 // Vars
 // ========================================================================