react-native-unistyles 1.0.0-beta.6 → 1.0.0-rc.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (44) hide show
  1. package/README.md +12 -589
  2. package/lib/commonjs/createUnistyles.js +6 -13
  3. package/lib/commonjs/createUnistyles.js.map +1 -1
  4. package/lib/commonjs/hooks/useDimensions.js +1 -10
  5. package/lib/commonjs/hooks/useDimensions.js.map +1 -1
  6. package/lib/commonjs/utils/index.js +43 -0
  7. package/lib/commonjs/utils/index.js.map +1 -1
  8. package/lib/module/createUnistyles.js +7 -14
  9. package/lib/module/createUnistyles.js.map +1 -1
  10. package/lib/module/hooks/useDimensions.js +1 -10
  11. package/lib/module/hooks/useDimensions.js.map +1 -1
  12. package/lib/module/utils/index.js +2 -1
  13. package/lib/module/utils/index.js.map +1 -1
  14. package/lib/typescript/src/createUnistyles.d.ts +2 -5
  15. package/lib/typescript/src/createUnistyles.d.ts.map +1 -1
  16. package/lib/typescript/src/hooks/useDimensions.d.ts.map +1 -1
  17. package/lib/typescript/src/types/mediaQueries.d.ts +7 -1
  18. package/lib/typescript/src/types/mediaQueries.d.ts.map +1 -1
  19. package/lib/typescript/src/utils/index.d.ts +2 -1
  20. package/lib/typescript/src/utils/index.d.ts.map +1 -1
  21. package/package.json +13 -10
  22. package/src/__tests__/createUnistyles.spec.tsx +192 -0
  23. package/src/createUnistyles.ts +8 -16
  24. package/src/hooks/useDimensions.ts +1 -8
  25. package/src/types/mediaQueries.ts +8 -67
  26. package/src/utils/index.ts +9 -1
  27. package/lib/commonjs/utils/breakpoints.spec.js +0 -154
  28. package/lib/commonjs/utils/breakpoints.spec.js.map +0 -1
  29. package/lib/commonjs/utils/mediaQueries.spec.js +0 -220
  30. package/lib/commonjs/utils/mediaQueries.spec.js.map +0 -1
  31. package/lib/commonjs/utils/styles.spec.js +0 -174
  32. package/lib/commonjs/utils/styles.spec.js.map +0 -1
  33. package/lib/module/utils/breakpoints.spec.js +0 -152
  34. package/lib/module/utils/breakpoints.spec.js.map +0 -1
  35. package/lib/module/utils/mediaQueries.spec.js +0 -218
  36. package/lib/module/utils/mediaQueries.spec.js.map +0 -1
  37. package/lib/module/utils/styles.spec.js +0 -172
  38. package/lib/module/utils/styles.spec.js.map +0 -1
  39. package/lib/typescript/src/utils/breakpoints.spec.d.ts +0 -2
  40. package/lib/typescript/src/utils/breakpoints.spec.d.ts.map +0 -1
  41. package/lib/typescript/src/utils/mediaQueries.spec.d.ts +0 -2
  42. package/lib/typescript/src/utils/mediaQueries.spec.d.ts.map +0 -1
  43. package/lib/typescript/src/utils/styles.spec.d.ts +0 -2
  44. package/lib/typescript/src/utils/styles.spec.d.ts.map +0 -1
@@ -1,152 +0,0 @@
1
- import { getBreakpointFromScreenWidth, getValueForBreakpoint, sortAndValidateBreakpoints } from './breakpoints';
2
- describe('breakpoints', () => {
3
- describe('sortAndValidateBreakpoints', () => {
4
- it('should throw error for empty breakpoints', () => {
5
- const breakpoints = {};
6
- expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
7
- });
8
- it('should throw error for breakpoints that don\'t start with 0', () => {
9
- const breakpoints = {
10
- sm: -1
11
- };
12
- expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
13
- });
14
- it('should return same order for sorted elements', () => {
15
- const breakpoints = {
16
- sm: 0,
17
- md: 200,
18
- lg: 300,
19
- xl: 500
20
- };
21
- expect(sortAndValidateBreakpoints(breakpoints)).toEqual(breakpoints);
22
- });
23
- it('should sort the order of breakpoints', () => {
24
- const breakpoints = {
25
- md: 200,
26
- sm: 0,
27
- lg: 300,
28
- xl: 500
29
- };
30
- expect(sortAndValidateBreakpoints(breakpoints)).toEqual({
31
- sm: 0,
32
- md: 200,
33
- lg: 300,
34
- xl: 500
35
- });
36
- });
37
- it('should throw errors for duplicated values', () => {
38
- const breakpoints = {
39
- md: 200,
40
- sm: 0,
41
- lg: 300,
42
- xl: 300
43
- };
44
- expect(() => sortAndValidateBreakpoints(breakpoints)).toThrow();
45
- });
46
- });
47
- describe('getBreakpointFromScreenWidth', () => {
48
- it('should return correct breakpoints based on screen width', () => {
49
- const breakpoints = {
50
- xs: 0,
51
- sm: 300,
52
- md: 500,
53
- xl: 1200
54
- };
55
- const breakpointPairs = Object.entries(breakpoints);
56
- expect(getBreakpointFromScreenWidth(0, breakpointPairs)).toEqual('xs');
57
- expect(getBreakpointFromScreenWidth(20, breakpointPairs)).toEqual('xs');
58
- expect(getBreakpointFromScreenWidth(100, breakpointPairs)).toEqual('xs');
59
- expect(getBreakpointFromScreenWidth(101, breakpointPairs)).toEqual('xs');
60
- expect(getBreakpointFromScreenWidth(250, breakpointPairs)).toEqual('xs');
61
- expect(getBreakpointFromScreenWidth(300, breakpointPairs)).toEqual('sm');
62
- expect(getBreakpointFromScreenWidth(499, breakpointPairs)).toEqual('sm');
63
- expect(getBreakpointFromScreenWidth(500, breakpointPairs)).toEqual('md');
64
- expect(getBreakpointFromScreenWidth(799, breakpointPairs)).toEqual('md');
65
- expect(getBreakpointFromScreenWidth(1200, breakpointPairs)).toEqual('xl');
66
- expect(getBreakpointFromScreenWidth(2000, breakpointPairs)).toEqual('xl');
67
- });
68
- });
69
- describe('getValueForBreakpoint', () => {
70
- it('should prioritize custom media query', () => {
71
- const breakpoint = 'sm';
72
- const breakpoints = {
73
- xs: 0,
74
- sm: 200,
75
- md: 500
76
- };
77
- const breakpointPairs = Object.entries(breakpoints);
78
- const style = {
79
- ':w[, 200]': 'green',
80
- ':w[201]': 'orange',
81
- sm: 'pink'
82
- };
83
- const screenSize = {
84
- width: 200,
85
- height: 800
86
- };
87
- expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('green');
88
- });
89
- });
90
- it('should match breakpoint if media query doesnt exist', () => {
91
- const breakpoint = 'md';
92
- const breakpoints = {
93
- xs: 0,
94
- sm: 200,
95
- md: 500
96
- };
97
- const breakpointPairs = Object.entries(breakpoints);
98
- const style = {
99
- ':w[, 200]': 'green',
100
- ':w[201, 499]': 'orange',
101
- sm: 'pink',
102
- md: 'red'
103
- };
104
- const screenSize = {
105
- width: 500,
106
- height: 1200
107
- };
108
- expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('red');
109
- });
110
- it('should match breakpoint even if value is undefined', () => {
111
- const breakpoint = 'md';
112
- const breakpoints = {
113
- xs: 0,
114
- sm: 200,
115
- md: 500
116
- };
117
- const breakpointPairs = Object.entries(breakpoints);
118
- const style = {
119
- ':w[, 200]': 'green',
120
- ':w[201, 499]': 'orange',
121
- sm: 'pink',
122
- md: undefined
123
- };
124
- const screenSize = {
125
- width: 500,
126
- height: 1200
127
- };
128
- expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual(undefined);
129
- });
130
- it('should match lower breakpoint to match css cascading', () => {
131
- const breakpoint = 'xl';
132
- const breakpoints = {
133
- xs: 0,
134
- sm: 200,
135
- md: 500,
136
- xl: 600
137
- };
138
- const breakpointPairs = Object.entries(breakpoints);
139
- const style = {
140
- ':w[, 200]': 'green',
141
- ':w[201, 499]': 'orange',
142
- sm: 'pink',
143
- md: 'red'
144
- };
145
- const screenSize = {
146
- width: 500,
147
- height: 1200
148
- };
149
- expect(getValueForBreakpoint(style, breakpoint, screenSize, breakpointPairs)).toEqual('red');
150
- });
151
- });
152
- //# sourceMappingURL=breakpoints.spec.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["getBreakpointFromScreenWidth","getValueForBreakpoint","sortAndValidateBreakpoints","describe","it","breakpoints","expect","toThrow","sm","md","lg","xl","toEqual","xs","breakpointPairs","Object","entries","breakpoint","style","screenSize","width","height","undefined"],"sourceRoot":"../../../src","sources":["utils/breakpoints.spec.ts"],"mappings":"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"}
@@ -1,218 +0,0 @@
1
- import { extractValues, getKeyForCustomMediaQuery, isMediaQuery, isWithinTheHeight, isWithinTheWidth, isWithinTheWidthAndHeight } from './mediaQueries';
2
- describe('utils', () => {
3
- describe('extractValues', () => {
4
- it('should correctly extract a width with both bounds', () => {
5
- const mediaQuery = 'w[100, 600]';
6
- expect(extractValues(mediaQuery)).toEqual([100, 600]);
7
- });
8
- it('should correctly extract a width with lower bound equal to 0', () => {
9
- const mediaQuery = 'w[0, 400]';
10
- expect(extractValues(mediaQuery)).toEqual([0, 400]);
11
- });
12
- it('should correctly extract a height with single value', () => {
13
- const mediaQuery = 'h[700]';
14
- expect(extractValues(mediaQuery)).toEqual([700]);
15
- });
16
- it('should correctly extract a height with lower bound equal to 0', () => {
17
- const mediaQuery = 'h[0,]';
18
- expect(extractValues(mediaQuery)).toEqual([0]);
19
- });
20
- it('should correctly extract a width with no lower bound', () => {
21
- const mediaQuery = 'w[,100]';
22
- expect(extractValues(mediaQuery)).toEqual([0, 100]);
23
- });
24
- });
25
- describe('isWithinTheWidth', () => {
26
- it('should return true if the screen width is within the media query', () => {
27
- const pairs = [{
28
- width: 200,
29
- query: 'w[120]'
30
- }, {
31
- width: 100,
32
- query: 'w[,500]'
33
- }, {
34
- width: 0,
35
- query: 'w[,500]'
36
- }, {
37
- width: 300,
38
- query: 'w[300,500]'
39
- }];
40
- pairs.forEach(_ref => {
41
- let {
42
- width,
43
- query
44
- } = _ref;
45
- expect(isWithinTheWidth(query, width)).toEqual(true);
46
- });
47
- });
48
- it('should return false if the screen width is outside the media query', () => {
49
- const pairs = [{
50
- width: 120,
51
- query: 'w[200]'
52
- }, {
53
- width: 501,
54
- query: 'w[,500]'
55
- }, {
56
- width: 700,
57
- query: 'w[200,500]'
58
- }];
59
- pairs.forEach(_ref2 => {
60
- let {
61
- width,
62
- query
63
- } = _ref2;
64
- expect(isWithinTheWidth(query, width)).toEqual(false);
65
- });
66
- });
67
- });
68
- describe('isWithinTheHeight', () => {
69
- it('should return true if the screen height is within the media query', () => {
70
- const pairs = [{
71
- height: 200,
72
- query: 'h[120]'
73
- }, {
74
- height: 100,
75
- query: 'h[,500]'
76
- }, {
77
- height: 0,
78
- query: 'h[,500]'
79
- }, {
80
- height: 300,
81
- query: 'h[300,500]'
82
- }];
83
- pairs.forEach(_ref3 => {
84
- let {
85
- height,
86
- query
87
- } = _ref3;
88
- expect(isWithinTheHeight(query, height)).toEqual(true);
89
- });
90
- });
91
- it('should return false if the screen height is outside the media query', () => {
92
- const pairs = [{
93
- height: 120,
94
- query: 'h[200]'
95
- }, {
96
- height: 501,
97
- query: 'h[,500]'
98
- }, {
99
- height: 700,
100
- query: 'h[200,500]'
101
- }];
102
- pairs.forEach(_ref4 => {
103
- let {
104
- height,
105
- query
106
- } = _ref4;
107
- expect(isWithinTheHeight(query, height)).toEqual(false);
108
- });
109
- });
110
- });
111
- describe('isWithinTheWidthAndHeight', () => {
112
- it('should return true if the screen width and height are within the media query', () => {
113
- const pairs = [{
114
- screenSize: {
115
- width: 200,
116
- height: 600
117
- },
118
- query: 'w[, 200]:h[600]'
119
- }, {
120
- screenSize: {
121
- width: 200,
122
- height: 600
123
- },
124
- query: 'w[110]:h[400]'
125
- }, {
126
- screenSize: {
127
- width: 400,
128
- height: 800
129
- },
130
- query: 'w[400, 800]:h[400, 800]'
131
- }];
132
- pairs.forEach(_ref5 => {
133
- let {
134
- screenSize,
135
- query
136
- } = _ref5;
137
- expect(isWithinTheWidthAndHeight(query, screenSize)).toEqual(true);
138
- });
139
- });
140
- it('should return false if the screen width and height are outside the media query', () => {
141
- const pairs = [{
142
- screenSize: {
143
- width: 200,
144
- height: 600
145
- },
146
- query: 'w[, 220]:h[620]'
147
- }, {
148
- screenSize: {
149
- width: 200,
150
- height: 600
151
- },
152
- query: 'w[290]:h[400]'
153
- }, {
154
- screenSize: {
155
- width: 400,
156
- height: 800
157
- },
158
- query: 'w[, 800]:h[, 700]'
159
- }];
160
- pairs.forEach(_ref6 => {
161
- let {
162
- screenSize,
163
- query
164
- } = _ref6;
165
- expect(isWithinTheWidthAndHeight(query, screenSize)).toEqual(false);
166
- });
167
- });
168
- });
169
- describe('isMediaQuery', () => {
170
- it('should detect correct media queries', () => {
171
- const correctMediaQueries = [':w[100]', ':w[100, 200]', ':w[, 300]', ':h[200]', ':h[0, 500]', ':h[, 750]', ':w[100]:h[200]', ':h[100]:w[200]', ':h[100, 200]:w[,400]', ':w[200]:h[200, 400]'];
172
- correctMediaQueries.forEach(query => {
173
- expect(isMediaQuery(query)).toEqual(true);
174
- });
175
- });
176
- it('should detect incorrect media queries', () => {
177
- const incorrectMediaQueries = [':w100]', ':w[100, 200', ':p[, 300]', ':&[200]', ':h[0 500]', ':h[p, 750]', ':w[0]:l[200]', ':[100]:w[200]', ':h(100, 200):w[400]', ':w[2OO]:h[200, 400]', '', 'x', '>300', ']]w200[[', ':w[ 100]', ':w[ , 300]', ':w[ , 200]:h[ 200 , 400]'];
178
- incorrectMediaQueries.forEach(query => {
179
- expect(isMediaQuery(query)).toEqual(false);
180
- });
181
- });
182
- });
183
- describe('getKeyForCustomMediaQuery', () => {
184
- it('should return a key for string value based on media query', () => {
185
- const mediaQueries = [['w[,200]', 'orange'], ['w[300, 400]', 'pink'], ['w[500, 600]', 'red']];
186
- const screenSize = {
187
- width: 300,
188
- height: 700
189
- };
190
- expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[300, 400]');
191
- });
192
- it('should return a key for number value based on media query', () => {
193
- const mediaQueries = [['w[,200]', 200], ['w[250]', 300]];
194
- const screenSize = {
195
- width: 300,
196
- height: 700
197
- };
198
- expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[250]');
199
- });
200
- it('should return undefined for no match', () => {
201
- const mediaQueries = [['w[,400]', 'green'], ['w[500, 999]', 'olive'], ['w[1000]', 'red']];
202
- const screenSize = {
203
- width: 450,
204
- height: 1000
205
- };
206
- expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual(undefined);
207
- });
208
- it('should handle correctly complex media queries', () => {
209
- const mediaQueries = [['w[,300]:h[200,700]', 200], ['w[250]:h[701]', 300], ['w[200]', 500]];
210
- const screenSize = {
211
- width: 300,
212
- height: 700
213
- };
214
- expect(getKeyForCustomMediaQuery(mediaQueries, screenSize)).toEqual('w[,300]:h[200,700]');
215
- });
216
- });
217
- });
218
- //# sourceMappingURL=mediaQueries.spec.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["extractValues","getKeyForCustomMediaQuery","isMediaQuery","isWithinTheHeight","isWithinTheWidth","isWithinTheWidthAndHeight","describe","it","mediaQuery","expect","toEqual","pairs","width","query","forEach","_ref","_ref2","height","_ref3","_ref4","screenSize","_ref5","_ref6","correctMediaQueries","incorrectMediaQueries","mediaQueries","undefined"],"sourceRoot":"../../../src","sources":["utils/mediaQueries.spec.ts"],"mappings":"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"}
@@ -1,172 +0,0 @@
1
- import { parseStyle, proxifyFunction } from './styles';
2
- describe('styles', () => {
3
- describe('proxifyFunction', () => {
4
- it('should parse style for dynamic function', () => {
5
- const screenSize = {
6
- width: 400,
7
- height: 800
8
- };
9
- const breakpoint = 'sm';
10
- const breakpoints = {
11
- xs: 0,
12
- sm: 400,
13
- md: 800
14
- };
15
- const breakpointPairs = Object.entries(breakpoints);
16
- const dynamicFunction = isEven => ({
17
- backgroundColor: {
18
- sm: isEven ? 'green' : 'red',
19
- md: isEven ? 'orange' : 'pink'
20
- }
21
- });
22
- expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(true)).toEqual({
23
- backgroundColor: 'green'
24
- });
25
- });
26
- it('should return proxified function for custom media query', () => {
27
- const screenSize = {
28
- width: 400,
29
- height: 800
30
- };
31
- const breakpoint = 'sm';
32
- const breakpoints = {
33
- xs: 0,
34
- sm: 400,
35
- md: 800
36
- };
37
- const breakpointPairs = Object.entries(breakpoints);
38
- const dynamicFunction = isEven => ({
39
- backgroundColor: {
40
- ':w[,399]': isEven ? 'green' : 'red',
41
- ':w[400]': isEven ? 'orange' : 'pink'
42
- }
43
- });
44
- expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(false)).toEqual({
45
- backgroundColor: 'pink'
46
- });
47
- });
48
- it('should return same function for no breakpoints nor media queries', () => {
49
- const screenSize = {
50
- width: 400,
51
- height: 800
52
- };
53
- const breakpoint = 'sm';
54
- const breakpoints = {
55
- xs: 0,
56
- sm: 400,
57
- md: 800
58
- };
59
- const breakpointPairs = Object.entries(breakpoints);
60
- const dynamicFunction = isEven => ({
61
- backgroundColor: isEven ? 'pink' : 'purple'
62
- });
63
- expect(proxifyFunction(dynamicFunction, breakpoint, screenSize, breakpointPairs)(false)).toEqual({
64
- backgroundColor: 'purple'
65
- });
66
- });
67
- });
68
- describe('parseStyle', () => {
69
- it('should correctly parse styles', () => {
70
- const screenSize = {
71
- width: 400,
72
- height: 800
73
- };
74
- const breakpoint = 'sm';
75
- const breakpoints = {
76
- xs: 0,
77
- sm: 400,
78
- md: 800
79
- };
80
- const breakpointPairs = Object.entries(breakpoints);
81
- const style = {
82
- fontSize: {
83
- sm: 12,
84
- md: 20
85
- },
86
- backgroundColor: {
87
- xs: 'pink',
88
- md: 'orange'
89
- },
90
- fontWeight: 'bold'
91
- };
92
- const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
93
- expect(parsedStyles).toEqual({
94
- fontSize: 12,
95
- backgroundColor: 'pink',
96
- fontWeight: 'bold'
97
- });
98
- });
99
- it('should correctly parse transform styles', () => {
100
- const screenSize = {
101
- width: 400,
102
- height: 800
103
- };
104
- const breakpoint = 'sm';
105
- const breakpoints = {
106
- xs: 0,
107
- sm: 400,
108
- md: 800
109
- };
110
- const breakpointPairs = Object.entries(breakpoints);
111
- const style = {
112
- transform: [{
113
- translateX: {
114
- sm: 120,
115
- md: 200
116
- },
117
- translateY: 200
118
- }]
119
- };
120
- const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
121
- expect(parsedStyles).toEqual({
122
- transform: [{
123
- translateX: 120,
124
- translateY: 200
125
- }]
126
- });
127
- });
128
- it('should correctly parse shadowOffset styles', () => {
129
- const screenSize = {
130
- width: 400,
131
- height: 800
132
- };
133
- const breakpoint = 'sm';
134
- const breakpoints = {
135
- xs: 0,
136
- sm: 400,
137
- md: 800
138
- };
139
- const breakpointPairs = Object.entries(breakpoints);
140
- const style = {
141
- shadowOffset: {
142
- width: 0,
143
- height: 4
144
- }
145
- };
146
- const styleWithBreakpoints = {
147
- shadowOffset: {
148
- width: 0,
149
- height: {
150
- sm: 10,
151
- md: 20
152
- }
153
- }
154
- };
155
- const parsedStyles = parseStyle(style, breakpoint, screenSize, breakpointPairs);
156
- const parsedStylesWithBreakpoints = parseStyle(styleWithBreakpoints, breakpoint, screenSize, breakpointPairs);
157
- expect(parsedStyles).toEqual({
158
- shadowOffset: {
159
- width: 0,
160
- height: 4
161
- }
162
- });
163
- expect(parsedStylesWithBreakpoints).toEqual({
164
- shadowOffset: {
165
- width: 0,
166
- height: 10
167
- }
168
- });
169
- });
170
- });
171
- });
172
- //# sourceMappingURL=styles.spec.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["parseStyle","proxifyFunction","describe","it","screenSize","width","height","breakpoint","breakpoints","xs","sm","md","breakpointPairs","Object","entries","dynamicFunction","isEven","backgroundColor","expect","toEqual","style","fontSize","fontWeight","parsedStyles","transform","translateX","translateY","shadowOffset","styleWithBreakpoints","parsedStylesWithBreakpoints"],"sourceRoot":"../../../src","sources":["utils/styles.spec.ts"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=breakpoints.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"breakpoints.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/breakpoints.spec.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=mediaQueries.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"mediaQueries.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/mediaQueries.spec.ts"],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=styles.spec.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.spec.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.spec.ts"],"names":[],"mappings":""}