@via-profit/ui-kit 0.5.0 → 0.7.0

package/Surface/index.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : 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 __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -43,9 +53,8 @@ const SurfaceHeader_1 = __importDefault(require("./SurfaceHeader"));
 const SurfaceSubheader_1 = __importDefault(require("./SurfaceSubheader"));
 const SurfaceContent_1 = __importDefault(require("./SurfaceContent"));
 const SurfaceFooter_1 = __importDefault(require("./SurfaceFooter"));
-const useThemeProps_1 = __importDefault(require("../ThemeProvider/useThemeProps"));
 const Surface = (props, ref) => {
-    const _a = (0, useThemeProps_1.default)('Surface', props), { children, header, subheader, footer, inline, noPadding, rounded, overrides } = _a, nativeProps = __rest(_a, ["children", "header", "subheader", "footer", "inline", "noPadding", "rounded", "overrides"]);
+    const { children, header, subheader, footer, inline, noPadding, rounded, overrides } = props, nativeProps = __rest(props, ["children", "header", "subheader", "footer", "inline", "noPadding", "rounded", "overrides"]);
     const hasFooter = typeof footer !== 'undefined' && footer !== null;
     const hasHeader = typeof header !== 'undefined' && header !== null;
     const hasSubheader = typeof subheader !== 'undefined' && subheader !== null;

package/Swiper/Swiper.d.ts

@@ -20,6 +20,8 @@ export interface SwiperOverrides {
     readonly Wrapper?: React.ComponentType<SwiperWrapperProps & React.RefAttributes<HTMLDivElement>>;
     readonly Track?: React.ComponentType<SwiperTrackProps & React.RefAttributes<HTMLDivElement>>;
 }
+export type SwiperDirection = 'horizontal' | 'vertical';
+export type SwiperEffect = 'slide' | 'fade';
 export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {
     readonly dragThreshold?: number;
     readonly snap?: boolean;
@@ -32,7 +34,40 @@ export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
     readonly pauseOnHover?: boolean;
     readonly threshold?: number;
     readonly resistance?: boolean;
+    /**
+     * How many slides are visible at once. A fractional value shows a part of the next slide,
+     * for example `1.2`\
+     * **Default:** `1`
+     */
     readonly slidesPerView?: number;
+    /**
+     * The current slide is in the middle of the view, the neighbours are partially visible on both sides.
+     * Makes sense with a fractional `slidesPerView`\
+     * **Default:** `false`
+     */
+    readonly centered?: boolean;
+    /**
+     * The direction of the scroll. The vertical swiper needs a height: set it on the swiper\
+     * **Default:** `'horizontal'`
+     */
+    readonly direction?: SwiperDirection;
+    /**
+     * `slide` moves the track, `fade` cross-fades the slides lying on top of each other.
+     * With `fade` the slides are always one per view\
+     * **Default:** `'slide'`
+     */
+    readonly effect?: SwiperEffect;
+    /**
+     * The duration of the slide change in milliseconds\
+     * **Default:** `300`
+     */
+    readonly speed?: number;
+    /**
+     * Continuous scroll (ticker) in pixels per second, for example the logos of the clients.
+     * The track moves without stops in the infinite loop, the drag and the keyboard are off.
+     * The scroll pauses with `pauseOnHover`, by the API and when the user asked the system to reduce motion
+     */
+    readonly autoScroll?: number;
     /**
      * Arrow keys switch the slides when the swiper is focused\
      * **Default:** `true`
@@ -50,32 +85,65 @@ export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
     readonly overrides?: SwiperOverrides;
 };
 export declare const Swiper: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & {
-    readonly dragThreshold?: number | undefined;
-    readonly snap?: boolean | undefined;
-    readonly draggable?: boolean | undefined;
-    readonly initialIndex?: number | undefined;
-    readonly infinite?: boolean | undefined;
-    readonly onSlideChange?: ((realIndex: number) => void) | undefined;
-    readonly autoplay?: boolean | undefined;
-    readonly autoplayInterval?: number | undefined;
-    readonly pauseOnHover?: boolean | undefined;
-    readonly threshold?: number | undefined;
-    readonly resistance?: boolean | undefined;
-    readonly slidesPerView?: number | undefined;
+    readonly dragThreshold?: number;
+    readonly snap?: boolean;
+    readonly draggable?: boolean;
+    readonly initialIndex?: number;
+    readonly infinite?: boolean;
+    readonly onSlideChange?: (realIndex: number) => void;
+    readonly autoplay?: boolean;
+    readonly autoplayInterval?: number;
+    readonly pauseOnHover?: boolean;
+    readonly threshold?: number;
+    readonly resistance?: boolean;
+    /**
+     * How many slides are visible at once. A fractional value shows a part of the next slide,
+     * for example `1.2`\
+     * **Default:** `1`
+     */
+    readonly slidesPerView?: number;
+    /**
+     * The current slide is in the middle of the view, the neighbours are partially visible on both sides.
+     * Makes sense with a fractional `slidesPerView`\
+     * **Default:** `false`
+     */
+    readonly centered?: boolean;
+    /**
+     * The direction of the scroll. The vertical swiper needs a height: set it on the swiper\
+     * **Default:** `'horizontal'`
+     */
+    readonly direction?: SwiperDirection;
+    /**
+     * `slide` moves the track, `fade` cross-fades the slides lying on top of each other.
+     * With `fade` the slides are always one per view\
+     * **Default:** `'slide'`
+     */
+    readonly effect?: SwiperEffect;
+    /**
+     * The duration of the slide change in milliseconds\
+     * **Default:** `300`
+     */
+    readonly speed?: number;
+    /**
+     * Continuous scroll (ticker) in pixels per second, for example the logos of the clients.
+     * The track moves without stops in the infinite loop, the drag and the keyboard are off.
+     * The scroll pauses with `pauseOnHover`, by the API and when the user asked the system to reduce motion
+     */
+    readonly autoScroll?: number;
     /**
      * Arrow keys switch the slides when the swiper is focused\
      * **Default:** `true`
      */
-    readonly keyboardControl?: boolean | undefined;
+    readonly keyboardControl?: boolean;
     /**
      * The label of the slide for screen readers\
      * **Default:** `(index, total) => \`${index + 1} / ${total}\``
      */
-    readonly slideLabel?: ((index: number, total: number) => string) | undefined;
+    readonly slideLabel?: (index: number, total: number) => string;
     /**
      * The slides: `<SwiperSlide>` elements. `null`, `false` and other non-elements are skipped
      */
     readonly children?: React.ReactNode;
-    readonly overrides?: SwiperOverrides | undefined;
+    readonly overrides?: SwiperOverrides;
 } & React.RefAttributes<SwiperRef>>;
 export default Swiper;