@jobber/components 4.69.1-cssdts-exp.0 → 4.69.1

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.
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var React = require('react');
6
6
  var classnames = require('classnames');
7
7
  var styleInject_es = require('../style-inject.es-9d2f5f4e.js');
8
- var LightBox = require('../LightBox-a1b87af7.js');
8
+ var LightBox = require('../LightBox-a89d8863.js');
9
9
  var FormatFile = require('../FormatFile-aae6c6e2.js');
10
10
  var Button = require('../Button-b73a5e01.js');
11
11
  require('framer-motion');
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var LightBox = require('../LightBox-a1b87af7.js');
5
+ var LightBox = require('../LightBox-a89d8863.js');
6
6
  require('react');
7
7
  require('framer-motion');
8
8
  require('react-dom');
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
17
  var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
18
18
  var debounce__default = /*#__PURE__*/_interopDefaultLegacy(debounce);
19
19
 
20
- var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 50%;\n z-index: 1;\n z-index: var(--elevation-base);\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n right: calc(16px * 1);\n right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n left: calc(16px * 1);\n left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n display: -ms-flexbox;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1001;\n z-index: var(--elevation-modal);\n width: 100%;\n height: 100%;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n display: -ms-flexbox;\n display: flex;\n z-index: 1;\n z-index: var(--elevation-base);\n padding: calc(16px / 2) calc(16px * 1);\n padding: var(--space-small) var(--space-base);\n color: rgb(193, 201, 206);\n color: var(--color-text--reverse--secondary);\n font-size: calc(16px * 1);\n font-size: var(--typography--fontSize-large);\n background-color: rgb(1, 41, 57);\n background-color: var(--color-surface--reverse);\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.ysUYbBTaORk- {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n position: relative;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-height: 0;\n}\n\n.-V917BdNqSs- {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.32);\n background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n position: absolute;\n top: 50%;\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n}\n";
20
+ var css_248z = "._3JgBCebdbNU-,\n.JJOBEL7d-10- {\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n top: 50%;\n z-index: 1;\n z-index: var(--elevation-base);\n -webkit-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\n._3JgBCebdbNU- {\n right: calc(16px * 1);\n right: var(--space-base);\n}\n\n.JJOBEL7d-10- {\n left: calc(16px * 1);\n left: var(--space-base);\n}\n\n.fAep1A-0xIU- {\n display: -ms-flexbox;\n display: flex;\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1001;\n z-index: var(--elevation-modal);\n width: 100%;\n height: 100%;\n -ms-flex-pack: justify;\n justify-content: space-between;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n\n.AfUUWErd5S4- {\n display: -ms-flexbox;\n display: flex;\n z-index: 1;\n z-index: var(--elevation-base);\n padding: calc(16px / 2) calc(16px * 1);\n padding: var(--space-small) var(--space-base);\n color: rgb(193, 201, 206);\n color: var(--color-text--reverse--secondary);\n font-size: calc(16px * 1);\n font-size: var(--typography--fontSize-large);\n background-color: rgb(1, 41, 57);\n background-color: var(--color-surface--reverse);\n -ms-flex-pack: justify;\n justify-content: space-between;\n}\n\n.jobber-retheme .AfUUWErd5S4- {\n color: rgb(77, 105, 116);\n color: var(--color-text--secondary);\n background-color: rgb(238, 240, 242);\n background-color: var(--color-surface--background);\n}\n\n.ysUYbBTaORk- {\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-align: center;\n align-items: center;\n}\n\n.GSOVtN1Y3IU- {\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n position: relative;\n -ms-flex: 1 1 0px;\n flex: 1 1 0;\n min-height: 0;\n}\n\n.-V917BdNqSs- {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.32);\n background-color: var(--color-overlay);\n}\n\n.sjwUjzb3a5c- {\n position: absolute;\n top: 50%;\n max-width: 100%;\n max-height: 100%;\n margin: auto;\n}\n";
21
21
  var styles = {"next":"_3JgBCebdbNU-","prev":"JJOBEL7d-10-","lightboxWrapper":"fAep1A-0xIU-","toolbar":"AfUUWErd5S4-","title":"ysUYbBTaORk-","imagesWrapper":"GSOVtN1Y3IU-","overlay":"-V917BdNqSs-","image":"sjwUjzb3a5c-"};
22
22
  styleInject_es.styleInject(css_248z);
23
23
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components",
3
- "version": "4.69.1-cssdts-exp.0+7f541aa6",
3
+ "version": "4.69.1",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "dependencies": {
22
22
  "@jobber/design": "^0.51.1",
23
- "@jobber/formatters": "^0.2.2",
23
+ "@jobber/formatters": "*",
24
24
  "@jobber/hooks": "^2.8.0",
25
25
  "@popperjs/core": "^2.0.6",
26
26
  "@std-proposal/temporal": "0.0.1",
@@ -68,7 +68,6 @@
68
68
  "postcss-import": "^12.0.1",
69
69
  "postcss-preset-env": "^8.3.0",
70
70
  "rollup": "^2.79.1",
71
- "rollup-plugin-copy": "^3.4.0",
72
71
  "rollup-plugin-multi-input": "^1.4.1",
73
72
  "rollup-plugin-postcss": "^4.0.2",
74
73
  "typed-css-modules": "^0.7.0",
@@ -84,5 +83,5 @@
84
83
  "> 1%",
85
84
  "IE 10"
86
85
  ],
87
- "gitHead": "7f541aa6785aca6bc2a9213a2777ea69daca2a69"
86
+ "gitHead": "992a5968a872438138695ba79a970235a048303e"
88
87
  }
package/rollup.config.js CHANGED
@@ -3,7 +3,6 @@ import multiInput from "rollup-plugin-multi-input";
3
3
  import typescript from "@rollup/plugin-typescript";
4
4
  import postcss from "rollup-plugin-postcss";
5
5
  import commonjs from "@rollup/plugin-commonjs";
6
- import copy from "rollup-plugin-copy";
7
6
 
8
7
  export default {
9
8
  input: `src/*/index.{ts,tsx}`,
@@ -38,62 +37,6 @@ export default {
38
37
  commonjs({
39
38
  ignore: ["time-input-polyfill", "time-input-polyfill/supportsTime"],
40
39
  }),
41
- copy({
42
- targets: [
43
- { src: "src/Card/colors.css.d.ts", dest: "dist/Card" },
44
- { src: "src/Content/Spacing.css.d.ts", dest: "dist/Content" },
45
- { src: "src/Gallery/Gallery.css.d.ts", dest: "dist/Gallery" },
46
- { src: "src/Grid/GridAlign.css.d.ts", dest: "dist/Grid" },
47
- { src: "src/Modal/Sizes.css.d.ts", dest: "dist/Modal" },
48
- { src: "src/ProgressBar/Sizes.css.d.ts", dest: "dist/ProgressBar" },
49
- {
50
- src: "src/Typography/css/Emphasis.css.d.ts",
51
- dest: "dist/Typography/css",
52
- },
53
- {
54
- src: "src/Typography/css/FontFamilies.css.d.ts",
55
- dest: "dist/Typography/css",
56
- },
57
- {
58
- src: "src/Typography/css/FontSizes.css.d.ts",
59
- dest: "dist/Typography/css",
60
- },
61
- {
62
- src: "src/Typography/css/FontWeights.css.d.ts",
63
- dest: "dist/Typography/css",
64
- },
65
- {
66
- src: "src/Typography/css/TextAlignment.css.d.ts",
67
- dest: "dist/Typography/css",
68
- },
69
- {
70
- src: "src/Typography/css/TextCases.css.d.ts",
71
- dest: "dist/Typography/css",
72
- },
73
- {
74
- src: "src/Typography/css/TextColors.css.d.ts",
75
- dest: "dist/Typography/css",
76
- },
77
- {
78
- src: "src/Typography/css/Truncate.css.d.ts",
79
- dest: "dist/Typography/css",
80
- },
81
- {
82
- src: "src/Typography/css/Typography.css.d.ts",
83
- dest: "dist/Typography/css",
84
- },
85
- { src: "src/Glimmer/style/Shape.css.d.ts", dest: "dist/Glimmer/style" },
86
- { src: "src/Glimmer/style/Sizes.css.d.ts", dest: "dist/Glimmer/style" },
87
- {
88
- src: "src/Glimmer/style/Timing.css.d.ts",
89
- dest: "dist/Glimmer/style",
90
- },
91
- {
92
- src: "src/Combobox/components/ComboboxContent/ComboboxContentList/ComboboxContent.css.d.ts",
93
- dest: "dist/Combobox/components/ComboboxContent/ComboboxContentList",
94
- },
95
- ],
96
- }),
97
40
  ],
98
41
  output: [
99
42
  {
@@ -1,89 +0,0 @@
1
- declare const styles: {
2
- readonly "requestColor": string;
3
- readonly "quoteColor": string;
4
- readonly "jobColor": string;
5
- readonly "invoiceColor": string;
6
- readonly "blue": string;
7
- readonly "blueLight": string;
8
- readonly "blueLighter": string;
9
- readonly "blueLightest": string;
10
- readonly "blueDark": string;
11
- readonly "green": string;
12
- readonly "greenLight": string;
13
- readonly "greenLighter": string;
14
- readonly "greenLightest": string;
15
- readonly "greenDark": string;
16
- readonly "lime": string;
17
- readonly "limeLight": string;
18
- readonly "limeLighter": string;
19
- readonly "limeLightest": string;
20
- readonly "limeDark": string;
21
- readonly "yellowGreen": string;
22
- readonly "yellowGreenLight": string;
23
- readonly "yellowGreenLighter": string;
24
- readonly "yellowGreenLightest": string;
25
- readonly "yellowGreenDark": string;
26
- readonly "yellow": string;
27
- readonly "yellowLight": string;
28
- readonly "yellowLighter": string;
29
- readonly "yellowLightest": string;
30
- readonly "yellowDark": string;
31
- readonly "red": string;
32
- readonly "redLight": string;
33
- readonly "redLighter": string;
34
- readonly "redLightest": string;
35
- readonly "redDark": string;
36
- readonly "grey": string;
37
- readonly "greyLight": string;
38
- readonly "greyLighter": string;
39
- readonly "greyLightest": string;
40
- readonly "greyDark": string;
41
- readonly "greyBlue": string;
42
- readonly "greyBlueLight": string;
43
- readonly "greyBlueLighter": string;
44
- readonly "greyBlueLightest": string;
45
- readonly "greyBlueDark": string;
46
- readonly "lightBlue": string;
47
- readonly "lightBlueLight": string;
48
- readonly "lightBlueLighter": string;
49
- readonly "lightBlueLightest": string;
50
- readonly "lightBlueDark": string;
51
- readonly "purple": string;
52
- readonly "purpleLight": string;
53
- readonly "purpleLighter": string;
54
- readonly "purpleLightest": string;
55
- readonly "purpleDark": string;
56
- readonly "pink": string;
57
- readonly "pinkLight": string;
58
- readonly "pinkLighter": string;
59
- readonly "pinkLightest": string;
60
- readonly "pinkDark": string;
61
- readonly "teal": string;
62
- readonly "tealLight": string;
63
- readonly "tealLighter": string;
64
- readonly "tealLightest": string;
65
- readonly "tealDark": string;
66
- readonly "orange": string;
67
- readonly "orangeLight": string;
68
- readonly "orangeLighter": string;
69
- readonly "orangeLightest": string;
70
- readonly "orangeDark": string;
71
- readonly "brown": string;
72
- readonly "brownLight": string;
73
- readonly "brownLighter": string;
74
- readonly "brownLightest": string;
75
- readonly "brownDark": string;
76
- readonly "navy": string;
77
- readonly "navyLight": string;
78
- readonly "navyLighter": string;
79
- readonly "navyLightest": string;
80
- readonly "navyDark": string;
81
- readonly "indigo": string;
82
- readonly "indigoLight": string;
83
- readonly "indigoLighter": string;
84
- readonly "indigoLightest": string;
85
- readonly "indigoDark": string;
86
- readonly "white": string;
87
- };
88
- export = styles;
89
-
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "base": string;
3
- readonly "small": string;
4
- readonly "large": string;
5
- };
6
- export = styles;
7
-
@@ -1,9 +0,0 @@
1
- declare const styles: {
2
- readonly "gallery": string;
3
- readonly "galleryLarge": string;
4
- readonly "showMoreButton": string;
5
- readonly "baseShowMoreButton": string;
6
- readonly "largeShowMoreButton": string;
7
- };
8
- export = styles;
9
-
@@ -1,9 +0,0 @@
1
- declare const styles: {
2
- readonly "rectangle": string;
3
- readonly "rectangleShort": string;
4
- readonly "rectangleShorter": string;
5
- readonly "square": string;
6
- readonly "circle": string;
7
- };
8
- export = styles;
9
-
@@ -1,10 +0,0 @@
1
- declare const styles: {
2
- readonly "small": string;
3
- readonly "base": string;
4
- readonly "large": string;
5
- readonly "larger": string;
6
- readonly "largest": string;
7
- readonly "auto": string;
8
- };
9
- export = styles;
10
-
@@ -1,6 +0,0 @@
1
- declare const styles: {
2
- readonly "base": string;
3
- readonly "fast": string;
4
- };
5
- export = styles;
6
-
@@ -1,8 +0,0 @@
1
- declare const styles: {
2
- readonly "center": string;
3
- readonly "start": string;
4
- readonly "end": string;
5
- readonly "stretch": string;
6
- };
7
- export = styles;
8
-
@@ -1,6 +0,0 @@
1
- declare const styles: {
2
- readonly "small": string;
3
- readonly "large": string;
4
- };
5
- export = styles;
6
-
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "smaller": string;
3
- readonly "small": string;
4
- readonly "base": string;
5
- };
6
- export = styles;
7
-
@@ -1,6 +0,0 @@
1
- declare const styles: {
2
- readonly "italic": string;
3
- readonly "highlight": string;
4
- };
5
- export = styles;
6
-
@@ -1,6 +0,0 @@
1
- declare const styles: {
2
- readonly "base": string;
3
- readonly "display": string;
4
- };
5
- export = styles;
6
-
@@ -1,12 +0,0 @@
1
- declare const styles: {
2
- readonly "extravagant": string;
3
- readonly "jumbo": string;
4
- readonly "largest": string;
5
- readonly "larger": string;
6
- readonly "large": string;
7
- readonly "base": string;
8
- readonly "small": string;
9
- readonly "smaller": string;
10
- };
11
- export = styles;
12
-
@@ -1,10 +0,0 @@
1
- declare const styles: {
2
- readonly "regular": string;
3
- readonly "medium": string;
4
- readonly "semiBold": string;
5
- readonly "bold": string;
6
- readonly "extraBold": string;
7
- readonly "black": string;
8
- };
9
- export = styles;
10
-
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "start": string;
3
- readonly "center": string;
4
- readonly "end": string;
5
- };
6
- export = styles;
7
-
@@ -1,7 +0,0 @@
1
- declare const styles: {
2
- readonly "uppercase": string;
3
- readonly "lowercase": string;
4
- readonly "capitalize": string;
5
- };
6
- export = styles;
7
-
@@ -1,22 +0,0 @@
1
- declare const styles: {
2
- readonly "blue": string;
3
- readonly "grey": string;
4
- readonly "greyBlueDark": string;
5
- readonly "greyBlue": string;
6
- readonly "green": string;
7
- readonly "red": string;
8
- readonly "yellow": string;
9
- readonly "yellowDark": string;
10
- readonly "lightBlue": string;
11
- readonly "white": string;
12
- readonly "heading": string;
13
- readonly "text": string;
14
- readonly "textSecondary": string;
15
- readonly "critical": string;
16
- readonly "warning": string;
17
- readonly "informative": string;
18
- readonly "success": string;
19
- readonly "disabled": string;
20
- };
21
- export = styles;
22
-
@@ -1,5 +0,0 @@
1
- declare const styles: {
2
- readonly "textTruncate": string;
3
- };
4
- export = styles;
5
-
@@ -1,5 +0,0 @@
1
- declare const styles: {
2
- readonly "base": string;
3
- };
4
- export = styles;
5
-