@veracity/vui 0.3.0 → 0.3.1

package/core/vuiProvider.js

@@ -5,14 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var styled_components_1 = require("styled-components");
+var popoverStyle_1 = __importDefault(require("../popover/popoverStyle"));
+var theme_1 = __importDefault(require("../theme"));
 var globalStyle_1 = __importDefault(require("./globalStyle"));
 var resetCSS_1 = __importDefault(require("./resetCSS"));
-var theme_1 = __importDefault(require("../theme"));
 var VuiProvider = function (_a) {
     var children = _a.children, _b = _a.globalStyle, globalStyle = _b === void 0 ? true : _b, _c = _a.resetCSS, resetCSS = _c === void 0 ? true : _c, _d = _a.theme, theme = _d === void 0 ? theme_1.default : _d;
     return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
         resetCSS && react_1.default.createElement(resetCSS_1.default, null),
         react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
+        react_1.default.createElement(popoverStyle_1.default, null),
         children));
 };
 exports.default = VuiProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "Veracity UI React components library based on Styled Components and @xstyled",
   "main": "index.js",
   "author": "Veracity",

package/popover/index.d.ts

@@ -3,6 +3,7 @@ export * from './plugins';
 export { default, default as Popover } from './popover';
 export * from './popover.types';
 export { default as PopoverContent } from './popoverContent';
+export { default as PopoverStyle } from './popoverStyle';
 export { default as PopoverTrigger } from './popoverTrigger';
 export { default as usePopover } from './usePopover';
 export * from './usePopover.types';

package/popover/index.js

@@ -13,7 +13,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePopover = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.default = void 0;
+exports.usePopover = exports.PopoverTrigger = exports.PopoverStyle = exports.PopoverContent = exports.Popover = exports.default = void 0;
 __exportStar(require("./context"), exports);
 __exportStar(require("./plugins"), exports);
 var popover_1 = require("./popover");
@@ -22,6 +22,8 @@ Object.defineProperty(exports, "Popover", { enumerable: true, get: function () {
 __exportStar(require("./popover.types"), exports);
 var popoverContent_1 = require("./popoverContent");
 Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return __importDefault(popoverContent_1).default; } });
+var popoverStyle_1 = require("./popoverStyle");
+Object.defineProperty(exports, "PopoverStyle", { enumerable: true, get: function () { return __importDefault(popoverStyle_1).default; } });
 var popoverTrigger_1 = require("./popoverTrigger");
 Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return __importDefault(popoverTrigger_1).default; } });
 var usePopover_1 = require("./usePopover");

package/popover/popover.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { PopoverProps } from './popover.types';
-import './popover.css';
 declare function Popover({ children, isLazy, ...props }: PopoverProps): JSX.Element;
 declare namespace Popover {
     var Content: import("..").VuiComponent<"div", import("..").SystemProps>;

package/popover/popover.js

@@ -20,7 +20,6 @@ var context_1 = require("./context");
 var popoverContent_1 = __importDefault(require("./popoverContent"));
 var popoverTrigger_1 = __importDefault(require("./popoverTrigger"));
 var usePopover_1 = __importDefault(require("./usePopover"));
-require("./popover.css");
 function Popover(_a) {
     var children = _a.children, _b = _a.isLazy, isLazy = _b === void 0 ? true : _b, props = __rest(_a, ["children", "isLazy"]);
     var popoverProps = (0, usePopover_1.default)(props);

package/popover/popoverStyle.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;

package/popover/popoverStyle.js

@@ -0,0 +1,9 @@
+"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 });
+var core_1 = require("../core");
+exports.default = (0, core_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\t[data-tippy-root] {\n\t\tmax-width: calc(100vw - 10px);\n\t}\n\n\t.tippy-box {\n\t\tposition: relative;\n\t\ttransition-property: transform, visibility, opacity;\n\t}\n\n\t.tippy-box[data-animation=fade][data-state=hidden] {\n\t\topacity: 0;\n\t}\n\n\t.tippy-content {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n"], ["\n\t[data-tippy-root] {\n\t\tmax-width: calc(100vw - 10px);\n\t}\n\n\t.tippy-box {\n\t\tposition: relative;\n\t\ttransition-property: transform, visibility, opacity;\n\t}\n\n\t.tippy-box[data-animation=fade][data-state=hidden] {\n\t\topacity: 0;\n\t}\n\n\t.tippy-content {\n\t\tposition: relative;\n\t\tz-index: 1;\n\t}\n"])));
+var templateObject_1;