@threekit-tools/treble 0.0.19 → 0.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/components/Drawer/drawer.styles.js +1 -1
  2. package/dist/components/Modal/modal.styles.js +1 -1
  3. package/dist/index.d.ts +3 -1
  4. package/dist/index.js +15 -1
  5. package/package.json +3 -2
  6. package/tailwind-presets.js +26 -0
package/dist/components/Drawer/drawer.styles.js CHANGED
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Content = exports.Header = exports.Wrapper = exports.Background = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  exports.Background = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100vh;\n width: 100vw;\n background: #33333377;\n\n opacity: ", ";\n transition: all ", ";\n\n position: fixed;\n top: 0;\n left: 0;\n"], ["\n height: 100vh;\n width: 100vw;\n background: #33333377;\n\n opacity: ", ";\n transition: all ", ";\n\n position: fixed;\n top: 0;\n left: 0;\n"])), function (props) { return (props.show ? 1 : 0); }, function (props) { return props.transitionDuration; });
13
- exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 400px;\n height: 100vh;\n background: #fff;\n border-radius: ", ";\n opacity: 1;\n\n transform: translateX(", ");\n transition: all ", ";\n\n position: absolute;\n top: 0;\n right: 0;\n"], ["\n min-width: 400px;\n height: 100vh;\n background: #fff;\n border-radius: ", ";\n opacity: 1;\n\n transform: translateX(", ");\n transition: all ", ";\n\n position: absolute;\n top: 0;\n right: 0;\n"])), function (props) { return props.theme.borderRadius; }, function (props) { return (props.show ? '0%' : '100%'); }, function (props) { return props.transitionDuration; });
13
+ exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 400px;\n height: 100vh;\n background: #fff;\n border-radius: ", ";\n opacity: 1;\n z-index: 10;\n\n transform: translateX(", ");\n transition: all ", ";\n\n position: absolute;\n top: 0;\n right: 0;\n"], ["\n min-width: 400px;\n height: 100vh;\n background: #fff;\n border-radius: ", ";\n opacity: 1;\n z-index: 10;\n\n transform: translateX(", ");\n transition: all ", ";\n\n position: absolute;\n top: 0;\n right: 0;\n"])), function (props) { return props.theme.borderRadius; }, function (props) { return (props.show ? '0%' : '100%'); }, function (props) { return props.transitionDuration; });
14
14
  exports.Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-family: ", ";\n padding: 20px;\n\n & > div {\n /* height: max-content;\n position: relative;\n top: 50%;\n transform: translateY(-50%); */\n }\n\n & > div:nth-child(2) {\n cursor: pointer;\n height: 20px;\n }\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-family: ", ";\n padding: 20px;\n\n & > div {\n /* height: max-content;\n position: relative;\n top: 50%;\n transform: translateY(-50%); */\n }\n\n & > div:nth-child(2) {\n cursor: pointer;\n height: 20px;\n }\n"])), function (props) { return props.theme.fontFamily; });
15
15
  exports.Content = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: ", ";\n"], ["\n font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
16
16
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/components/Modal/modal.styles.js CHANGED
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Content = exports.Header = exports.Wrapper = exports.Background = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  exports.Background = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100vh;\n width: 100vw;\n background: #33333377;\n\n position: fixed;\n top: 0;\n left: 0;\n"], ["\n height: 100vh;\n width: 100vw;\n background: #33333377;\n\n position: fixed;\n top: 0;\n left: 0;\n"])));
13
- exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 400px;\n max-width: 100%;\n min-height: 200px;\n opacity: 1;\n overflow: scroll;\n background: #fff;\n border-radius: ", ";\n\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n min-width: 400px;\n max-width: 100%;\n min-height: 200px;\n opacity: 1;\n overflow: scroll;\n background: #fff;\n border-radius: ", ";\n\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) { return props.theme.borderRadius; });
13
+ exports.Wrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-width: 400px;\n max-width: 100%;\n min-height: 200px;\n opacity: 1;\n overflow: scroll;\n z-index: 10;\n background: #fff;\n border-radius: ", ";\n\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"], ["\n min-width: 400px;\n max-width: 100%;\n min-height: 200px;\n opacity: 1;\n overflow: scroll;\n z-index: 10;\n background: #fff;\n border-radius: ", ";\n\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])), function (props) { return props.theme.borderRadius; });
14
14
  exports.Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-family: ", ";\n\n & > div:nth-child(2) {\n cursor: pointer;\n }\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n font-family: ", ";\n\n & > div:nth-child(2) {\n cursor: pointer;\n }\n"])), function (props) { return props.theme.fontFamily; });
15
15
  exports.Content = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: ", ";\n"], ["\n font-family: ", ";\n"])), function (props) { return props.theme.fontFamily; });
16
16
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/index.d.ts CHANGED
@@ -35,4 +35,6 @@ import Zoom from './components/Zoom';
35
35
  import Snapshots from './components/Snapshots';
36
36
  import Wishlist from './components/Wishlist';
37
37
  import Share from './components/Share';
38
- export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, };
38
+ import icons from './icons';
39
+ export * from './icons';
40
+ export { useAttribute, useConfigurator, useMetadata, useName, usePlayerLoadingStatus, usePrice, useThreekitInitStatus, useZoom, useSnapshot, useWishlist, useShare, ThreekitProvider, Player, Button, Cards, Dropdown, Strips, Swatch, Tiles, TilesGroup, ProductName, ProductDescription, AttributeTitle, AttributeValue, TotalPrice, message, Modal, Drawer, Accordion, Tabs, PortalToElement, AwaitThreekitLoad, FlatForm, Zoom, Snapshots, Wishlist, Share, icons, };
package/dist/index.js CHANGED
@@ -1,9 +1,19 @@
1
1
  "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
+ };
2
12
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
13
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
14
  };
5
15
  Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
16
+ exports.icons = exports.Share = exports.Wishlist = exports.Snapshots = exports.Zoom = exports.FlatForm = exports.AwaitThreekitLoad = exports.PortalToElement = exports.Tabs = exports.Accordion = exports.Drawer = exports.Modal = exports.message = exports.TotalPrice = exports.AttributeValue = exports.AttributeTitle = exports.ProductDescription = exports.ProductName = exports.TilesGroup = exports.Tiles = exports.Swatch = exports.Strips = exports.Dropdown = exports.Cards = exports.Button = exports.Player = exports.ThreekitProvider = exports.useShare = exports.useWishlist = exports.useSnapshot = exports.useZoom = exports.useThreekitInitStatus = exports.usePrice = exports.usePlayerLoadingStatus = exports.useName = exports.useMetadata = exports.useConfigurator = exports.useAttribute = void 0;
7
17
  // Hooks
8
18
  var useAttribute_1 = __importDefault(require("./hooks/useAttribute"));
9
19
  exports.useAttribute = useAttribute_1.default;
@@ -87,3 +97,7 @@ var Wishlist_1 = __importDefault(require("./components/Wishlist"));
87
97
  exports.Wishlist = Wishlist_1.default;
88
98
  var Share_1 = __importDefault(require("./components/Share"));
89
99
  exports.Share = Share_1.default;
100
+ // Icons
101
+ var icons_1 = __importDefault(require("./icons"));
102
+ exports.icons = icons_1.default;
103
+ __exportStar(require("./icons"), exports);
package/package.json CHANGED
@@ -1,10 +1,11 @@
1
1
  {
2
2
  "name": "@threekit-tools/treble",
3
- "version": "0.0.19",
3
+ "version": "0.0.20",
4
4
  "author": "Amaan Saeed",
5
5
  "license": "MIT",
6
6
  "files": [
7
- "dist"
7
+ "dist",
8
+ "tailwind-presets.js"
8
9
  ],
9
10
  "main": "dist/index.js",
10
11
  "module": "dist/index.js",
package/tailwind-presets.js ADDED
@@ -0,0 +1,26 @@
1
+ module.exports = {
2
+ purge: ['./public/index.html', './src/**/*.{js,jsx,ts,tsx}'],
3
+ mode: 'jit',
4
+ variants: {},
5
+ theme: {
6
+ extend: {
7
+ colors: {
8
+ primary: '#1890ff',
9
+ },
10
+ height: { 50: '12rem' },
11
+ width: { 50: '12rem' },
12
+ minWidth: {
13
+ 11: '2.75rem',
14
+ },
15
+ boxShadow: {
16
+ trbl: '0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05)',
17
+ widget: '0px 0px 4px rgb(0 0 0 / 25%)',
18
+ wishlist: '0px 4px 16px rgba(0, 0, 0, 0.16)',
19
+ },
20
+ },
21
+ },
22
+ plugins: [],
23
+ corePlugins: {
24
+ // preflight: false,
25
+ },
26
+ };