newskit 4.2.0 → 5.1.0

package/cjs/video-player/styled.js

@@ -0,0 +1,13 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VideoPlayerWrapper = void 0;
+var style_1 = require("../utils/style");
+exports.VideoPlayerWrapper = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  //play button\n  .video-js .vjs-big-play-button {\n    ", "\n  }\n\n  //seekbar - container - collapsed\n  .video-js .vjs-progress-holder {\n    width: 100%;\n    ", ";\n    )}\n  }\n  \n  // seekbar - loading progress bar\n  .video-js .vjs-load-progress {\n    ", ";\n    div {\n      background: none;\n    }\n  }\n\n  // seekbar - play progress bar\n  .video-js .vjs-play-progress {\n    ", "\n    .vjs-time-tooltip {\n      ", "\n    }\n  }\n  //seekbar - currentDuration & seekPosition typographyPreset & spaceInset\n  .video-js .vjs-time-tooltip {\n    ", "\n    ", "\n  }\n\n  //seekbar - seekhandle\n  .video-js .vjs-progress-control .vjs-mouse-display {\n    ", "\n    ", "\n    .vjs-time-tooltip {\n      ", "\n    }\n  }\n  //control-bar\n  .video-js .vjs-control-bar {\n    ", ";\n    ", ";\n    ", "\n  }\n\n  //controlBar - timeDisplay - recorded\n  .video-js .vjs-time-control {\n    align-items: center;\n    ", "\n    ", "\n  }\n  //controlBar - timeDisplay - recorded - currentTime\n  .video-js .vjs-current-time {\n    ", "\n  }\n  //controlBar - timeDisplay - recorded - divider\n  .video-js .vjs-time-divider {\n    ", "\n  }\n\n  //control bar - volume container\n  .video-js .vjs-volume-panel-horizontal {\n    display: flex;\n    align-items: center;\n  }\n\n  //control bar - volume bar\n  .video-js .vjs-volume-bar {\n    ", "\n  }\n\n  //control bar - volume level\n  .video-js .vjs-volume-level {\n    ", "\n  }\n\n  //control bar - Icon toggles\n  .video-js .vjs-control {\n    ", "\n  }\n\n  // Dock text - text wrapper\n  .video-js .vjs-dock-text {\n    background: none;\n    ", ";\n    ", "\n  }\n\n  // Dock text - title\n  .video-js .vjs-dock-title {\n    ", ";\n    ", ";\n    ", "\n  }\n  // Dock text - description\n  .video-js .vjs-dock-description {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - container\n\n  .video-js .vjs-next-overlay-banner {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - countdown\n\n  .video-js .vjs-next-overlay-countdown {\n    ", ";\n    ", ";\n    ", "\n  }\n\n  //miniOverlayCard - name\n\n  .video-js .vjs-next-overlay-name {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - closeButton\n  .video-js .vjs-next-overlay {\n    .vjs-close-button {\n      ", "\n    }\n  }\n"], ["\n  //play button\n  .video-js .vjs-big-play-button {\n    ", "\n  }\n\n  //seekbar - container - collapsed\n  .video-js .vjs-progress-holder {\n    width: 100%;\n    ", ";\n    )}\n  }\n  \n  // seekbar - loading progress bar\n  .video-js .vjs-load-progress {\n    ", ";\n    div {\n      background: none;\n    }\n  }\n\n  // seekbar - play progress bar\n  .video-js .vjs-play-progress {\n    ", "\n    .vjs-time-tooltip {\n      ", "\n    }\n  }\n  //seekbar - currentDuration & seekPosition typographyPreset & spaceInset\n  .video-js .vjs-time-tooltip {\n    ", "\n    ", "\n  }\n\n  //seekbar - seekhandle\n  .video-js .vjs-progress-control .vjs-mouse-display {\n    ", "\n    ", "\n    .vjs-time-tooltip {\n      ", "\n    }\n  }\n  //control-bar\n  .video-js .vjs-control-bar {\n    ", ";\n    ", ";\n    ", "\n  }\n\n  //controlBar - timeDisplay - recorded\n  .video-js .vjs-time-control {\n    align-items: center;\n    ", "\n    ", "\n  }\n  //controlBar - timeDisplay - recorded - currentTime\n  .video-js .vjs-current-time {\n    ", "\n  }\n  //controlBar - timeDisplay - recorded - divider\n  .video-js .vjs-time-divider {\n    ", "\n  }\n\n  //control bar - volume container\n  .video-js .vjs-volume-panel-horizontal {\n    display: flex;\n    align-items: center;\n  }\n\n  //control bar - volume bar\n  .video-js .vjs-volume-bar {\n    ", "\n  }\n\n  //control bar - volume level\n  .video-js .vjs-volume-level {\n    ", "\n  }\n\n  //control bar - Icon toggles\n  .video-js .vjs-control {\n    ", "\n  }\n\n  // Dock text - text wrapper\n  .video-js .vjs-dock-text {\n    background: none;\n    ", ";\n    ", "\n  }\n\n  // Dock text - title\n  .video-js .vjs-dock-title {\n    ", ";\n    ", ";\n    ", "\n  }\n  // Dock text - description\n  .video-js .vjs-dock-description {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - container\n\n  .video-js .vjs-next-overlay-banner {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - countdown\n\n  .video-js .vjs-next-overlay-countdown {\n    ", ";\n    ", ";\n    ", "\n  }\n\n  //miniOverlayCard - name\n\n  .video-js .vjs-next-overlay-name {\n    ", ";\n    ", ";\n  }\n\n  //miniOverlayCard - closeButton\n  .video-js .vjs-next-overlay {\n    .vjs-close-button {\n      ", "\n    }\n  }\n"])), (0, style_1.getStylePreset)('videoPlayer.playButton', 'playButton'), (0, style_1.getStylePreset)('videoPlayer.seekBar', 'seekBar'), (0, style_1.getStylePreset)('videoPlayer.seekBar.loadingProgressBar', 'seekBar.loadingProgressBar'), (0, style_1.getStylePreset)('videoPlayer.seekBar.playProgressBar', 'seekBar.playProgressBar'), (0, style_1.getStylePreset)('videoPlayer.seekBar.currentDuration', 'seekBar.currentDuration'), (0, style_1.getTypographyPreset)('videoPlayer.seekBar.currentDuration', 'seekBar.currentDuration'), (0, style_1.getResponsiveSpace)('padding', 'videoPlayer.seekBar.currentDuration', 'seekBar.currentDuration', 'spaceInset'), (0, style_1.getStylePreset)('videoPlayer.seekBar.seekHandle', 'seekBar.seekHandle'), (0, style_1.getResponsiveBorder)(function (borderSize) { return ({
+    width: borderSize,
+}); }, 'videoPlayer.seekBar.seekHandle', 'seekBar.seekHandle', 'width'), (0, style_1.getStylePreset)('videoPlayer.seekBar.seekPosition', 'seekBar.seekPosition'), (0, style_1.getStylePreset)('videoPlayer.controlBar', 'controlBar'), (0, style_1.getTypographyPreset)('videoPlayer.controlBar', 'controlBar'), (0, style_1.getResponsiveSize)('maxHeight', 'videoPlayer.controlBar', 'controlBar', 'maxHeight'), (0, style_1.getStylePreset)('videoPlayer.controlBar.timeDisplay.stylePreset', 'controlBar.timeDisplay.stylePreset'), (0, style_1.getTypographyPreset)('videoPlayer.controlBar.timeDisplay.typographyPreset', 'controlBar.timeDisplay.typographyPreset'), (0, style_1.getResponsiveSpace)('marginRight', 'videoPlayer.controlBar.timeDisplay.currentTime', 'controlBar.timeDisplay.currentTime', 'spaceInline'), (0, style_1.getResponsiveSpace)('marginRight', 'videoPlayer.controlBar.timeDisplay.divider', 'controlBar.timeDisplay.divider', 'spaceInline'), (0, style_1.getStylePreset)('videoPlayer.controlBar.volumeControl.volumeBar', 'controlBar.volumeControl.volumeBar'), (0, style_1.getStylePreset)('videoPlayer.controlBar.volumeControl.volumeLevel', 'controlBar.volumeControl.volumeLevel'), (0, style_1.getStylePreset)('videoPlayer.controlBar.iconToggle', 'controlBar.iconToggle'), (0, style_1.getStylePreset)('videoPlayer.dockText', 'dockText'), (0, style_1.getResponsiveSpace)('padding', 'videoPlayer.dockText', 'dockText', 'spaceInset'), (0, style_1.getStylePreset)('videoPlayer.dockText.title', 'dockText.title'), (0, style_1.getTypographyPreset)('videoPlayer.dockText.title', 'dockText.title'), (0, style_1.getResponsiveSpace)('marginBottom', 'videoPlayer.dockText.title', 'dockText.title', 'spaceStack'), (0, style_1.getStylePreset)('videoPlayer.dockText.description', 'dockText.description'), (0, style_1.getTypographyPreset)('videoPlayer.dockText.description', 'dockText.description'), (0, style_1.getStylePreset)('videoPlayer.miniCardOverlay', 'miniCardOverlay'), (0, style_1.getResponsiveSpace)('padding', 'videoPlayer.miniCardOverlay', 'miniCardOverlay', 'spaceInset'), (0, style_1.getTypographyPreset)('videoPlayer.miniCardOverlay.countdown', 'miniCardOverlay.countdown'), (0, style_1.getStylePreset)('videoPlayer.miniCardOverlay.countdown', 'miniCardOverlay.countdown'), (0, style_1.getResponsiveSpace)('marginBottom', 'videoPlayer.miniCardOverlay.countdown', 'miniCardOverlay.countdown', 'spaceStack'), (0, style_1.getTypographyPreset)('videoPlayer.miniCardOverlay.name', 'miniCardOverlay.name'), (0, style_1.getStylePreset)('videoPlayer.miniCardOverlay.name', 'miniCardOverlay.name'), (0, style_1.getResponsiveSpace)('padding', 'videoPlayer.miniCardOverlay.closeButton', 'miniCardOverlay.closeButton', 'spaceInset'));
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/cjs/video-player/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/video-player/styled.tsx"],"names":[],"mappings":"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"}

package/cjs/video-player/types.d.ts

@@ -0,0 +1,106 @@
+import { MQ } from '../utils/style';
+declare global {
+    interface Window {
+        videojs?: any;
+    }
+}
+export interface BrightCoveBasicAttributes {
+    'data-account': string;
+    'data-player': string;
+    'data-video-id'?: string;
+    'data-playlist-id'?: string;
+    'data-embed': string;
+    controls?: boolean;
+}
+export declare type BrightCoveOtherAttributes = object;
+declare type VideoPlayerOverrides = {
+    playButton?: {
+        stylePreset?: MQ<string>;
+    };
+    seekBar?: {
+        stylePreset?: MQ<string>;
+        loadingProgressBar?: {
+            stylePreset?: MQ<string>;
+        };
+        playProgressBar?: {
+            stylePreset?: MQ<string>;
+        };
+        seekHandle?: {
+            stylePreset?: MQ<string>;
+            width?: MQ<string>;
+        };
+        currentDuration?: {
+            stylePreset?: MQ<string>;
+            spaceInset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        };
+        seekPosition?: {
+            stylePreset?: MQ<string>;
+            spaceInset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        };
+    };
+    controlBar?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        maxHeight?: MQ<string>;
+        timeDisplay?: {
+            recorded?: {
+                typographyPreset?: MQ<string>;
+                stylePreset?: MQ<string>;
+                currentTime?: {
+                    spaceInline?: MQ<string>;
+                };
+                divider?: {
+                    spaceInline?: MQ<string>;
+                };
+            };
+        };
+        volumeControl?: {
+            volumeBar?: {
+                stylePreset?: MQ<string>;
+            };
+            volumeLevel?: {
+                stylePreset?: MQ<string>;
+            };
+        };
+        iconToggle?: {
+            stylePreset?: MQ<string>;
+        };
+    };
+    dockText?: {
+        stylePreset?: MQ<string>;
+        spaceInset?: MQ<string>;
+        title?: {
+            stylePreset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+            spaceStack?: MQ<string>;
+        };
+        description?: {
+            stylePreset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        };
+    };
+    miniCardOverlay?: {
+        stylePreset?: MQ<string>;
+        spaceInset?: MQ<string>;
+        countdown?: {
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+            spaceStack?: MQ<string>;
+        };
+        name?: {
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        };
+        closeButton?: {
+            spaceInset?: MQ<string>;
+        };
+    };
+};
+export interface VideoPlayerProps {
+    config: BrightCoveBasicAttributes & BrightCoveOtherAttributes;
+    overrides?: VideoPlayerOverrides;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/cjs/video-player/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/video-player/types.ts"],"names":[],"mappings":"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"}

package/cjs/video-player/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/video-player/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/video-player/types.ts"],"names":[],"mappings":""}

package/cjs/video-player/video-player.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VideoPlayerProps } from './types';
+export declare const VideoPlayer: React.FC<VideoPlayerProps & React.RefAttributes<HTMLVideoElement>>;
+//# sourceMappingURL=video-player.d.ts.map

package/cjs/video-player/video-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.d.ts","sourceRoot":"","sources":["../../../src/video-player/video-player.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAwDzC,eAAO,MAAM,WAAW,oEAGtB,CAAC"}

package/cjs/video-player/video-player.js

@@ -0,0 +1,81 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+exports.VideoPlayer = void 0;
+var react_1 = __importStar(require("react"));
+var with_own_theme_1 = require("../utils/with-own-theme");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var styled_1 = require("./styled");
+var getBrightcoveUrl = function (accountID, playerID) {
+    return "https://players.brightcove.net/".concat(accountID, "/").concat(playerID, "_default/index.min.js");
+};
+var ThemelessVideoPlayer = react_1.default.forwardRef(function (_a, ref) {
+    var config = _a.config, overrides = _a.overrides;
+    var accountID = config["data-account"], playerID = config["data-player"], videoID = config["data-video-id"], playListID = config["data-playlist-id"];
+    var id = playListID !== undefined && videoID === undefined
+        ? "bc-video-".concat(playListID)
+        : "bc-video-".concat(videoID);
+    (0, react_1.useEffect)(function () {
+        var src = getBrightcoveUrl(accountID, playerID);
+        var script = document.createElement('script');
+        script.type = 'text/javascript';
+        script.src = src;
+        document.head.appendChild(script);
+        // To be ignored in coverage as jest does not execute the script tags or load scripts
+        /* istanbul ignore next */
+        script.onload = function () {
+            /* istanbul ignore else */
+            if (window.videojs) {
+                window.videojs.getPlayer(id).ready(function () {
+                    // @ts-ignore
+                    var player = this;
+                    /* istanbul ignore else */
+                    if (ref && 'current' in ref) {
+                        // eslint-disable-next-line no-param-reassign
+                        ref.current = player;
+                    }
+                });
+            }
+        };
+    }, [accountID, playerID, id, ref]);
+    return (react_1.default.createElement(styled_1.VideoPlayerWrapper, { overrides: overrides },
+        react_1.default.createElement("video", __assign({ id: id, className: "video-js vjs-fluid", "data-testid": "bc-video-player" }, config))));
+});
+exports.VideoPlayer = (0, with_own_theme_1.withOwnTheme)(ThemelessVideoPlayer)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
+//# sourceMappingURL=video-player.js.map

package/cjs/video-player/video-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"video-player.js","sourceRoot":"","sources":["../../../src/video-player/video-player.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,0DAAqD;AACrD,wDAAkC;AAClC,kEAA2C;AAC3C,mCAA4C;AAG5C,IAAM,gBAAgB,GAAG,UAAC,SAAiB,EAAE,QAAgB;IAC3D,OAAA,yCAAkC,SAAS,cAAI,QAAQ,0BAAuB;AAA9E,CAA8E,CAAC;AAEjF,IAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAG3C,UAAC,EAAmB,EAAE,GAAG;QAAvB,MAAM,YAAA,EAAE,SAAS,eAAA;IAEjB,IAAgB,SAAS,GAIvB,MAAM,gBAJiB,EACV,QAAQ,GAGrB,MAAM,eAHe,EACN,OAAO,GAEtB,MAAM,iBAFgB,EACJ,UAAU,GAC5B,MAAM,oBADsB,CACrB;IACX,IAAM,EAAE,GACN,UAAU,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS;QAC/C,CAAC,CAAC,mBAAY,UAAU,CAAE;QAC1B,CAAC,CAAC,mBAAY,OAAO,CAAE,CAAC;IAE5B,IAAA,iBAAS,EAAC;QACR,IAAM,GAAG,GAAG,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAClD,IAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,IAAI,GAAG,iBAAiB,CAAC;QAChC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,qFAAqF;QACrF,0BAA0B;QAC1B,MAAM,CAAC,MAAM,GAAG;YACd,0BAA0B;YAC1B,IAAI,MAAM,CAAC,OAAO,EAAE;gBAClB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;oBACjC,aAAa;oBACb,IAAM,MAAM,GAAG,IAAI,CAAC;oBACpB,0BAA0B;oBAC1B,IAAI,GAAG,IAAI,SAAS,IAAI,GAAG,EAAE;wBAC3B,6CAA6C;wBAC7C,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;qBACtB;gBACH,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,8BAAC,2BAAkB,IAAC,SAAS,EAAE,SAAS;QACtC,kDACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAC,oBAAoB,iBAClB,iBAAiB,IACzB,MAAM,EACV,CACiB,CACtB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEU,QAAA,WAAW,GAAG,IAAA,6BAAY,EAAC,oBAAoB,CAAC,CAAC;IAC5D,QAAQ,oBAAA;IACR,YAAY,yBAAA;CACb,CAAC,CAAC"}

package/cjs/volume-control/defaults.d.ts

@@ -0,0 +1,22 @@
+declare const _default: {
+    volumeControl: {
+        slider: {
+            track: {
+                stylePreset: string;
+            };
+            indicator: {
+                stylePreset: string;
+            };
+            thumb: {
+                stylePreset: string;
+            };
+        };
+        button: {
+            stylePreset: string;
+            iconSize: string;
+            size: string;
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=defaults.d.ts.map

package/cjs/volume-control/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../src/volume-control/defaults.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,wBAmBE"}

package/cjs/volume-control/defaults.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    volumeControl: {
+        slider: {
+            track: {
+                stylePreset: 'volumeControlTrack',
+            },
+            indicator: {
+                stylePreset: 'volumeControlIndicator',
+            },
+            thumb: {
+                stylePreset: 'volumeControlThumb',
+            },
+        },
+        button: {
+            stylePreset: 'iconButtonMinimalPrimary',
+            iconSize: 'iconSize020',
+            size: 'small',
+        },
+    },
+};
+//# sourceMappingURL=defaults.js.map

package/cjs/volume-control/defaults.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.js","sourceRoot":"","sources":["../../../src/volume-control/defaults.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,aAAa,EAAE;QACb,MAAM,EAAE;YACN,KAAK,EAAE;gBACL,WAAW,EAAE,oBAAoB;aAClC;YACD,SAAS,EAAE;gBACT,WAAW,EAAE,wBAAwB;aACtC;YACD,KAAK,EAAE;gBACL,WAAW,EAAE,oBAAoB;aAClC;SACF;QACD,MAAM,EAAE;YACN,WAAW,EAAE,0BAA0B;YACvC,QAAQ,EAAE,aAAa;YACvB,IAAI,EAAE,OAAO;SACd;KACF;CACF,CAAC"}

package/cjs/volume-control/style-presets.d.ts

@@ -0,0 +1,4 @@
+import { StylePreset } from '../theme/types';
+declare const _default: Record<string, StylePreset>;
+export default _default;
+//# sourceMappingURL=style-presets.d.ts.map

package/cjs/volume-control/style-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.d.ts","sourceRoot":"","sources":["../../../src/volume-control/style-presets.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;;AAE3C,wBAgCiC"}

package/cjs/volume-control/style-presets.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    volumeControlIndicator: {
+        base: {
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+    volumeControlThumb: {
+        base: {
+            boxShadow: '{{shadows.shadow010}}',
+            backgroundColor: '{{colors.interactivePrimary030}}',
+            borderStyle: 'solid',
+            borderColor: '{{colors.interactivePrimary010}}',
+            borderWidth: '{{borders.borderWidth010}}',
+            borderRadius: '{{borders.borderRadiusCircle}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        hover: {
+            backgroundColor: '{{colors.interactivePrimary040}}',
+            iconColor: '{{colors.inkNonEssential}}',
+        },
+        active: {
+            backgroundColor: '{{colors.interactivePrimary050}}',
+            iconColor: '{{colors.inkSubtle}}',
+        },
+    },
+    volumeControlTrack: {
+        base: {
+            backgroundColor: '{{colors.interface030}}',
+            borderRadius: '{{borders.borderRadiusPill}}',
+        },
+    },
+};
+//# sourceMappingURL=style-presets.js.map

package/cjs/volume-control/style-presets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-presets.js","sourceRoot":"","sources":["../../../src/volume-control/style-presets.ts"],"names":[],"mappings":";;AAEA,kBAAe;IACb,sBAAsB,EAAE;QACtB,IAAI,EAAE;YACJ,eAAe,EAAE,kCAAkC;YACnD,YAAY,EAAE,8BAA8B;SAC7C;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,SAAS,EAAE,uBAAuB;YAClC,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,kCAAkC;YAC/C,WAAW,EAAE,4BAA4B;YACzC,YAAY,EAAE,gCAAgC;YAC9C,SAAS,EAAE,4BAA4B;SACxC;QACD,KAAK,EAAE;YACL,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,4BAA4B;SACxC;QACD,MAAM,EAAE;YACN,eAAe,EAAE,kCAAkC;YACnD,SAAS,EAAE,sBAAsB;SAClC;KACF;IACD,kBAAkB,EAAE;QAClB,IAAI,EAAE;YACJ,eAAe,EAAE,yBAAyB;YAC1C,YAAY,EAAE,8BAA8B;SAC7C;KACF;CAC6B,CAAC"}

package/cjs/volume-control/utils.js

@@ -4,7 +4,7 @@ exports.getTokensForVolumeControl = void 0;
 var get_token_1 = require("../utils/get-token");
 var getTokensForVolumeControl = function (theme, overrides) {
     var getVolumeControlToken = function (path, propName) {
-        return get_token_1.getToken({ theme: theme, overrides: overrides }, "volumeControl." + path, path, propName);
+        return (0, get_token_1.getToken)({ theme: theme, overrides: overrides }, "volumeControl.".concat(path), path, propName);
     };
     var sliderTrackStylePreset = getVolumeControlToken('slider.track', 'stylePreset');
     var trackSize = getVolumeControlToken('slider.track', 'size');

package/cjs/volume-control/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/volume-control/utils.ts"],"names":[],"mappings":";;;AACA,gDAA4C;AAErC,IAAM,yBAAyB,GAAG,UAAC,KAAY,EAAE,SAAa;IACnE,IAAM,qBAAqB,GAAG,UAAC,IAAY,EAAE,QAAgB;QAC3D,OAAA,oBAAQ,CAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,mBAAiB,IAAM,EAAE,IAAI,EAAE,QAAQ,CAAC;IAArE,CAAqE,CAAC;IACxE,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,cAAc,EACd,aAAa,CACd,CAAC;IACF,IAAM,SAAS,GAAG,qBAAqB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChE,IAAM,+BAA+B,GAAG,qBAAqB,CAC3D,kBAAkB,EAClB,aAAa,CACd,CAAC;IACF,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,cAAc,EACd,aAAa,CACd,CAAC;IACF,IAAM,SAAS,GAAG,qBAAqB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChE,IAAM,2BAA2B,GAAG,qBAAqB,CACvD,mBAAmB,EACnB,aAAa,CACd,CAAC;IACF,IAAM,8BAA8B,GAAG,qBAAqB,CAC1D,QAAQ,EACR,aAAa,CACd,CAAC;IACF,IAAM,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC7D,IAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,OAAO;QACL,sBAAsB,wBAAA;QACtB,SAAS,WAAA;QACT,+BAA+B,iCAAA;QAC/B,sBAAsB,wBAAA;QACtB,SAAS,WAAA;QACT,2BAA2B,6BAAA;QAC3B,8BAA8B,gCAAA;QAC9B,QAAQ,UAAA;QACR,UAAU,YAAA;KACX,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,yBAAyB,6BAsCpC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/volume-control/utils.ts"],"names":[],"mappings":";;;AACA,gDAA4C;AAErC,IAAM,yBAAyB,GAAG,UAAC,KAAY,EAAE,SAAa;IACnE,IAAM,qBAAqB,GAAG,UAAC,IAAY,EAAE,QAAgB;QAC3D,OAAA,IAAA,oBAAQ,EAAC,EAAC,KAAK,OAAA,EAAE,SAAS,WAAA,EAAC,EAAE,wBAAiB,IAAI,CAAE,EAAE,IAAI,EAAE,QAAQ,CAAC;IAArE,CAAqE,CAAC;IACxE,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,cAAc,EACd,aAAa,CACd,CAAC;IACF,IAAM,SAAS,GAAG,qBAAqB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChE,IAAM,+BAA+B,GAAG,qBAAqB,CAC3D,kBAAkB,EAClB,aAAa,CACd,CAAC;IACF,IAAM,sBAAsB,GAAG,qBAAqB,CAClD,cAAc,EACd,aAAa,CACd,CAAC;IACF,IAAM,SAAS,GAAG,qBAAqB,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAChE,IAAM,2BAA2B,GAAG,qBAAqB,CACvD,mBAAmB,EACnB,aAAa,CACd,CAAC;IACF,IAAM,8BAA8B,GAAG,qBAAqB,CAC1D,QAAQ,EACR,aAAa,CACd,CAAC;IACF,IAAM,QAAQ,GAAG,qBAAqB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC7D,IAAM,UAAU,GAAG,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC3D,OAAO;QACL,sBAAsB,wBAAA;QACtB,SAAS,WAAA;QACT,+BAA+B,iCAAA;QAC/B,sBAAsB,wBAAA;QACtB,SAAS,WAAA;QACT,2BAA2B,6BAAA;QAC3B,8BAA8B,gCAAA;QAC9B,QAAQ,UAAA;QACR,UAAU,YAAA;KACX,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,yBAAyB,6BAsCpC"}

package/cjs/volume-control/volume-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../src/volume-control/volume-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAmD3C,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgHtD,CAAC"}
+{"version":3,"file":"volume-control.d.ts","sourceRoot":"","sources":["../../../src/volume-control/volume-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAC,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAwK3C,eAAO,MAAM,aAAa,8BAGxB,CAAC"}

package/cjs/volume-control/volume-control.js

@@ -18,6 +18,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 exports.VolumeControl = void 0;
 var react_1 = __importStar(require("react"));
@@ -28,6 +31,9 @@ var theme_1 = require("../theme");
 var screen_reader_only_1 = require("../screen-reader-only/screen-reader-only");
 var get_ssr_id_1 = require("../utils/get-ssr-id");
 var utils_1 = require("./utils");
+var defaults_1 = __importDefault(require("./defaults"));
+var style_presets_1 = __importDefault(require("./style-presets"));
+var with_own_theme_1 = require("../utils/with-own-theme");
 var toggleMute = function (volume, unMutedVolume, onChange) { return (volume === 0 ? onChange(unMutedVolume || 1) : onChange(0)); };
 var MuteButton = function (_a) {
     var volume = _a.volume, unMutedVolume = _a.unMutedVolume, onChange = _a.onChange, volumeControlButtonStylePreset = _a.volumeControlButtonStylePreset, iconSize = _a.iconSize, size = _a.size;
@@ -36,23 +42,23 @@ var MuteButton = function (_a) {
             iconSize: iconSize,
         } }, volume === 0 ? react_1.default.createElement(icons_1.IconFilledVolumeOff, null) : react_1.default.createElement(icons_1.IconFilledVolumeDown, null)));
 };
-var VolumeControl = function (_a) {
+var ThemelessVolumeControl = function (_a) {
     var volume = _a.volume, vertical = _a.vertical, onChange = _a.onChange, _b = _a.overrides, overrides = _b === void 0 ? {} : _b;
-    var theme = theme_1.useTheme();
-    var _c = react_1.useState(volume), unMutedVolume = _c[0], setUnMutedVolume = _c[1];
-    var srOnlyVolumeControl = get_ssr_id_1.getSSRId();
-    var _d = utils_1.getTokensForVolumeControl(theme, overrides), sliderTrackStylePreset = _d.sliderTrackStylePreset, trackSize = _d.trackSize, sliderIndicatorTrackStylePreset = _d.sliderIndicatorTrackStylePreset, sliderThumbStylePreset = _d.sliderThumbStylePreset, thumbSize = _d.thumbSize, sliderThumbLabelStylePreset = _d.sliderThumbLabelStylePreset, volumeControlButtonStylePreset = _d.volumeControlButtonStylePreset, iconSize = _d.iconSize, buttonSize = _d.buttonSize;
+    var theme = (0, theme_1.useTheme)();
+    var _c = (0, react_1.useState)(volume), unMutedVolume = _c[0], setUnMutedVolume = _c[1];
+    var srOnlyVolumeControl = (0, get_ssr_id_1.getSSRId)();
+    var _d = (0, utils_1.getTokensForVolumeControl)(theme, overrides), sliderTrackStylePreset = _d.sliderTrackStylePreset, trackSize = _d.trackSize, sliderIndicatorTrackStylePreset = _d.sliderIndicatorTrackStylePreset, sliderThumbStylePreset = _d.sliderThumbStylePreset, thumbSize = _d.thumbSize, sliderThumbLabelStylePreset = _d.sliderThumbLabelStylePreset, volumeControlButtonStylePreset = _d.volumeControlButtonStylePreset, iconSize = _d.iconSize, buttonSize = _d.buttonSize;
     if (unMutedVolume !== volume && volume > 0) {
         setUnMutedVolume(volume);
     }
-    var volumeArr = react_1.useMemo(function () { return [volume]; }, [volume]);
-    var onSliderChange = react_1.useCallback(function (_a) {
+    var volumeArr = (0, react_1.useMemo)(function () { return [volume]; }, [volume]);
+    var onSliderChange = (0, react_1.useCallback)(function (_a) {
         var newVolume = _a[0];
         return onChange(newVolume);
     }, [
         onChange,
     ]);
-    var minLabel = react_1.useCallback(function () { return (react_1.default.createElement(MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, volumeControlButtonStylePreset: volumeControlButtonStylePreset, iconSize: iconSize, size: buttonSize })); }, [
+    var minLabel = (0, react_1.useCallback)(function () { return (react_1.default.createElement(MuteButton, { volume: volume, unMutedVolume: unMutedVolume, onChange: onChange, volumeControlButtonStylePreset: volumeControlButtonStylePreset, iconSize: iconSize, size: buttonSize })); }, [
         volume,
         unMutedVolume,
         onChange,
@@ -65,13 +71,13 @@ var VolumeControl = function (_a) {
             toggleMute(volume, unMutedVolume, onChange);
         }
     };
-    var maxLabel = react_1.useCallback(function () { return (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "volumeup-button", "aria-label": "Volume up", tabIndex: -1, onClick: function () { return onChange(1); }, size: buttonSize, overrides: {
+    var maxLabel = (0, react_1.useCallback)(function () { return (react_1.default.createElement(icon_button_1.IconButton, { "data-testid": "volumeup-button", "aria-label": "Volume up", tabIndex: -1, onClick: function () { return onChange(1); }, size: buttonSize, overrides: {
             stylePreset: volumeControlButtonStylePreset,
             iconSize: iconSize,
         } },
         react_1.default.createElement(icons_1.IconFilledVolumeUp, null))); }, [buttonSize, iconSize, onChange, volumeControlButtonStylePreset]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(slider_1.Slider, { vertical: vertical, min: 0, max: 1, step: 0.1, values: volumeArr, onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level " + volumeArr[0] * 10 + " of 10", dataTestId: "volume-control", minLabel: minLabel, maxLabel: maxLabel, onKeyDown: toggleMuteWithKeys, ariaDescribedBy: srOnlyVolumeControl, overrides: {
+        react_1.default.createElement(slider_1.Slider, { vertical: vertical, min: 0, max: 1, step: 0.1, values: volumeArr, onChange: onSliderChange, ariaLabel: "Volume Control", ariaValueText: "volume level ".concat(volumeArr[0] * 10, " of 10"), dataTestId: "volume-control", minLabel: minLabel, maxLabel: maxLabel, onKeyDown: toggleMuteWithKeys, ariaDescribedBy: srOnlyVolumeControl, overrides: {
                 track: {
                     stylePreset: sliderTrackStylePreset,
                     size: trackSize,
@@ -89,5 +95,8 @@ var VolumeControl = function (_a) {
             } }),
         react_1.default.createElement(screen_reader_only_1.ScreenReaderOnly, { id: srOnlyVolumeControl, "aria-hidden": "true" }, "Use the arrow keys to adjust volume")));
 };
-exports.VolumeControl = VolumeControl;
+exports.VolumeControl = (0, with_own_theme_1.withOwnTheme)(ThemelessVolumeControl)({
+    defaults: defaults_1.default,
+    stylePresets: style_presets_1.default,
+});
 //# sourceMappingURL=volume-control.js.map

package/cjs/volume-control/volume-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../src/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"volume-control.js","sourceRoot":"","sources":["../../../src/volume-control/volume-control.tsx"],"names":[],"mappings":"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"}

package/cjs/with-enhancers/styled.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { EnhancerOverrides } from '../form/types';
+import { EnhancerProps, WithEnhancersProps } from './types';
+import { TextFieldSize } from '../text-field/types';
+export declare const StyledEnhancer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & EnhancerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledInputContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & Omit<WithEnhancersProps, "size"> & {
+    size?: TextFieldSize | undefined;
+    componentDefaultsPath: string;
+    focused?: boolean | undefined;
+    overrides?: EnhancerOverrides | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=styled.d.ts.map

package/cjs/with-enhancers/styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/with-enhancers/styled.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAC,MAAM,eAAe,CAAC;AAChD,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAQ1D,OAAO,EAAC,aAAa,EAAC,MAAM,qBAAqB,CAAC;AAalD,eAAO,MAAM,cAAc;;;yHAc1B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;2BAGN,MAAM;;;yGA8BhC,CAAC"}

package/cjs/with-enhancers/styled.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledInputContainer = exports.StyledEnhancer = void 0;
+var style_1 = require("../utils/style");
+var getMarginDirection = function (_a) {
+    var marginPosition = _a.marginPosition, position = _a.position;
+    if (marginPosition === 'inside') {
+        return position === 'startEnhancer' ? 'marginRight' : 'marginLeft';
+    }
+    return position === 'startEnhancer' ? 'marginLeft' : 'marginRight';
+};
+exports.StyledEnhancer = style_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-self: center;\n\n  display: flex;\n  align-items: center;\n  ", ";\n\n  ", "\n"], ["\n  align-self: center;\n\n  display: flex;\n  align-items: center;\n  ", ";\n\n  ", "\n"])), function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath, position = _a.position, marginPosition = _a.marginPosition;
+    return (0, style_1.getResponsiveSpace)(getMarginDirection({ position: position, marginPosition: marginPosition }), "".concat(componentDefaultsPath, ".spaceInline"), '', 'spaceInline');
+}, function (_a) {
+    var alignSelf = _a.alignSelf;
+    return alignSelf && { alignSelf: alignSelf };
+});
+exports.StyledInputContainer = style_1.styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  box-sizing: border-box;\n  align-items: center;\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  box-sizing: border-box;\n  align-items: center;\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  ", "\n\n  ", "\n"])), function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSize)('width', componentDefaultsPath, '', 'width');
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSize)('height', componentDefaultsPath, '', 'height');
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSize)('maxWidth', componentDefaultsPath, '', 'maxWidth');
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSize)('maxHeight', componentDefaultsPath, '', 'maxHeight');
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSpacingStackHorizontal)(componentDefaultsPath);
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath, focused = _a.focused, state = _a.state;
+    return (0, style_1.getStylePreset)(componentDefaultsPath, '', {
+        isFocused: focused,
+        isInvalid: state === 'invalid',
+        isDisabled: state === 'disabled',
+        isValid: state === 'valid',
+    });
+}, function (_a) {
+    var componentDefaultsPath = _a.componentDefaultsPath;
+    return (0, style_1.getResponsiveSize)('minHeight', componentDefaultsPath, '', 'minHeight');
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styled.js.map

package/cjs/with-enhancers/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/with-enhancers/styled.tsx"],"names":[],"mappings":";;;;;;;AAEA,wCAMwB;AAGxB,IAAM,kBAAkB,GAAG,UAAC,EAGyB;QAFnD,cAAc,oBAAA,EACd,QAAQ,cAAA;IAER,IAAI,cAAc,KAAK,QAAQ,EAAE;QAC/B,OAAO,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;KACpE;IAED,OAAO,QAAQ,KAAK,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;AACrE,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,cAAM,CAAC,GAAG,6JAAe,yEAKnD,EAMC,SAED,EAAyC,IAC5C,KATG,UAAC,EAAiD;QAAhD,qBAAqB,2BAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA;IACjD,OAAA,IAAA,0BAAkB,EAChB,kBAAkB,CAAC,EAAC,QAAQ,UAAA,EAAE,cAAc,gBAAA,EAAC,CAAC,EAC9C,UAAG,qBAAqB,iBAAc,EACtC,EAAE,EACF,aAAa,CACd;AALD,CAKC,EAED,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,SAAS,IAAI,EAAC,SAAS,WAAA,EAAC;AAAxB,CAAwB,EAC3C;AAEW,QAAA,oBAAoB,GAAG,cAAM,CAAC,GAAG,oOAO7C,uGAKG,EAC8D,MAC9D,EACgE,MAChE,EACoE,MACpE,EACsE,MACtE,EAC0D,QAE1D,EAME,QAEF,EACsE,IACzE,KArBG,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,yBAAiB,EAAC,OAAO,EAAE,qBAAqB,EAAE,EAAE,EAAE,OAAO,CAAC;AAA9D,CAA8D,EAC9D,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,yBAAiB,EAAC,QAAQ,EAAE,qBAAqB,EAAE,EAAE,EAAE,QAAQ,CAAC;AAAhE,CAAgE,EAChE,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,yBAAiB,EAAC,UAAU,EAAE,qBAAqB,EAAE,EAAE,EAAE,UAAU,CAAC;AAApE,CAAoE,EACpE,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,yBAAiB,EAAC,WAAW,EAAE,qBAAqB,EAAE,EAAE,EAAE,WAAW,CAAC;AAAtE,CAAsE,EACtE,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,2CAAmC,EAAC,qBAAqB,CAAC;AAA1D,CAA0D,EAE1D,UAAC,EAAuC;QAAtC,qBAAqB,2BAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAA;IACvC,OAAA,IAAA,sBAAc,EAAC,qBAAqB,EAAE,EAAE,EAAE;QACxC,SAAS,EAAE,OAAO;QAClB,SAAS,EAAE,KAAK,KAAK,SAAS;QAC9B,UAAU,EAAE,KAAK,KAAK,UAAU;QAChC,OAAO,EAAE,KAAK,KAAK,OAAO;KAC3B,CAAC;AALF,CAKE,EAEF,UAAC,EAAuB;QAAtB,qBAAqB,2BAAA;IACvB,OAAA,IAAA,yBAAiB,EAAC,WAAW,EAAE,qBAAqB,EAAE,EAAE,EAAE,WAAW,CAAC;AAAtE,CAAsE,EACxE"}

package/cjs/with-enhancers/types.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { EnhancerOverrides, FormInputState } from '../form/types';
+import { MQ } from '../utils/style';
+export declare type WithEnhancersType = 'input' | 'icons';
+declare type WithEnhancerSelfAlign = 'start' | 'center' | 'end';
+declare type WithEnhancerMarginPosition = 'inside' | 'outside';
+export interface EnhancerProps {
+    componentDefaultsPath: string;
+    valid?: boolean;
+    invalid?: boolean;
+    position: 'startEnhancer' | 'endEnhancer';
+    children: React.ReactNode;
+    marginPosition?: WithEnhancerMarginPosition;
+    alignSelf?: WithEnhancerSelfAlign;
+    overrides?: {
+        spaceInline?: MQ<string>;
+    };
+}
+export interface WithEnhancersProps {
+    componentDefaultsPath: string;
+    isFocused?: boolean;
+    children: React.ReactNode;
+    overrides?: EnhancerOverrides;
+    marginPosition?: WithEnhancerMarginPosition;
+    alignSelf?: WithEnhancerSelfAlign;
+    size?: 'small' | 'medium' | 'large';
+    state?: FormInputState;
+    startEnhancer?: React.ReactNode;
+    endEnhancer?: React.ReactNode;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/cjs/with-enhancers/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/with-enhancers/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,iBAAiB,EAAE,cAAc,EAAC,MAAM,eAAe,CAAC;AAChE,OAAO,EAAC,EAAE,EAAC,MAAM,gBAAgB,CAAC;AAElC,oBAAY,iBAAiB,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD,aAAK,qBAAqB,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACxD,aAAK,0BAA0B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,aAAa;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,eAAe,GAAG,aAAa,CAAC;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KAC1B,CAAC;CACH;AAED,MAAM,WAAW,kBAAkB;IACjC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,cAAc,CAAC,EAAE,0BAA0B,CAAC;IAC5C,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B"}

package/cjs/with-enhancers/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/cjs/with-enhancers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/with-enhancers/types.ts"],"names":[],"mappings":""}