rescript-polished 1.15.0 → 2.0.0
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.
- package/.github/dependabot.yml +26 -0
- package/.github/workflows/release.yml +4 -4
- package/README.md +1 -1
- package/bsconfig.json +6 -0
- package/package.json +15 -10
- package/lib/js/__tests__/PolishedCssTest.js +0 -171
- package/lib/js/__tests__/PolishedTest.js +0 -183
- package/lib/js/__tests__/__snapshots__/PolishedTest.js.snap +0 -63
- package/lib/js/src/Polished.js +0 -14
- package/lib/js/src/PolishedCss.js +0 -8
- package/lib/js/src/PolishedCss__Color.js +0 -140
- package/lib/js/src/Polished__Color.js +0 -144
- package/lib/js/src/Polished__Math.js +0 -11
- package/lib/js/src/Polished__Mixins.js +0 -51
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
version: 2
|
|
2
|
+
updates:
|
|
3
|
+
- package-ecosystem: npm
|
|
4
|
+
directory: "/"
|
|
5
|
+
schedule:
|
|
6
|
+
interval: weekly
|
|
7
|
+
time: "04:00"
|
|
8
|
+
open-pull-requests-limit: 10
|
|
9
|
+
ignore:
|
|
10
|
+
- dependency-name: semantic-release
|
|
11
|
+
versions:
|
|
12
|
+
- 17.4.1
|
|
13
|
+
- dependency-name: rescript-dom-testing-library
|
|
14
|
+
versions:
|
|
15
|
+
- 1.12.0
|
|
16
|
+
- dependency-name: bs-platform
|
|
17
|
+
versions:
|
|
18
|
+
- 8.4.2
|
|
19
|
+
- 9.0.0
|
|
20
|
+
- 9.0.1
|
|
21
|
+
- dependency-name: polished
|
|
22
|
+
versions:
|
|
23
|
+
- 4.1.0
|
|
24
|
+
- dependency-name: mem
|
|
25
|
+
versions:
|
|
26
|
+
- 8.0.0
|
|
@@ -2,9 +2,9 @@ name: Release
|
|
|
2
2
|
|
|
3
3
|
on:
|
|
4
4
|
push:
|
|
5
|
-
branches: [
|
|
5
|
+
branches: [main]
|
|
6
6
|
pull_request:
|
|
7
|
-
branches: [
|
|
7
|
+
branches: [main]
|
|
8
8
|
|
|
9
9
|
jobs:
|
|
10
10
|
build:
|
|
@@ -15,7 +15,7 @@ jobs:
|
|
|
15
15
|
- name: Setup node
|
|
16
16
|
uses: actions/setup-node@v1
|
|
17
17
|
with:
|
|
18
|
-
node-version: "
|
|
18
|
+
node-version: "14.x"
|
|
19
19
|
- name: Install dependencies
|
|
20
20
|
run: yarn --frozen-lockfile --ignore-engines
|
|
21
21
|
- name: Compile ReScript files
|
|
@@ -28,4 +28,4 @@ jobs:
|
|
|
28
28
|
env:
|
|
29
29
|
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
|
|
30
30
|
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
|
|
31
|
-
run: yarn global add semantic-release && semantic-release
|
|
31
|
+
run: yarn global add semantic-release && semantic-release
|
package/README.md
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
|
|
7
7
|
Bindings for [polished](https://polished.js.org/), _a lightweight toolset for writing styles in JavaScript_, **now in ReScript** ✨.
|
|
8
8
|
|
|
9
|
-
**Note:** these bindings are still under development, check the [Polished](https://github.com/brnrdog/rescript-polished/blob/
|
|
9
|
+
**Note:** these bindings are still under development, check the [Polished](https://github.com/brnrdog/rescript-polished/blob/main/src/Polished.res) module to see the available functions.
|
|
10
10
|
|
|
11
11
|
## Installation
|
|
12
12
|
|
package/bsconfig.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rescript-polished",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0",
|
|
4
4
|
"description": "ReScript bindings for polished.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"repository": "https://github.com/brnrdog/rescript-polished",
|
|
@@ -16,26 +16,31 @@
|
|
|
16
16
|
"colour",
|
|
17
17
|
"styled-components"
|
|
18
18
|
],
|
|
19
|
+
"release": {
|
|
20
|
+
"branches": [
|
|
21
|
+
"main"
|
|
22
|
+
]
|
|
23
|
+
},
|
|
19
24
|
"scripts": {
|
|
20
|
-
"res:start": "
|
|
21
|
-
"res:build": "
|
|
22
|
-
"res:clean": "
|
|
25
|
+
"res:start": "rescript build -w",
|
|
26
|
+
"res:build": "rescript build -with-deps",
|
|
27
|
+
"res:clean": "rescript clean -with-deps",
|
|
23
28
|
"test": "jest",
|
|
24
29
|
"test:ci": "jest --collect-coverage"
|
|
25
30
|
},
|
|
26
31
|
"dependencies": {
|
|
27
|
-
"bs-css": "^
|
|
28
|
-
"
|
|
29
|
-
"
|
|
32
|
+
"bs-css": "^15.0.1",
|
|
33
|
+
"polished": "^4.0.3",
|
|
34
|
+
"rescript": "^9.1.4"
|
|
30
35
|
},
|
|
31
36
|
"devDependencies": {
|
|
32
37
|
"@glennsl/bs-jest": "^0.7.0",
|
|
33
|
-
"jest": "^
|
|
34
|
-
"semantic-release": "^
|
|
38
|
+
"jest": "^27.0.4",
|
|
39
|
+
"semantic-release": "^18.0.0"
|
|
35
40
|
},
|
|
36
41
|
"jest": {
|
|
37
42
|
"collectCoverageFrom": [
|
|
38
|
-
"<rootDir>/lib/js/src/**/*.js",
|
|
43
|
+
"<rootDir>/{lib/js/src/**/*.js",
|
|
39
44
|
"!<rootDir>/lib/js/src/Polished.js",
|
|
40
45
|
"!<rootDir>/lib/js/src/PolishedCss.js"
|
|
41
46
|
],
|
|
@@ -1,171 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var Jest = require("@glennsl/bs-jest/lib/js/src/jest.js");
|
|
5
|
-
var Curry = require("bs-platform/lib/js/curry.js");
|
|
6
|
-
var Css_AtomicTypes = require("bs-css/lib/js/src/Css_AtomicTypes.js");
|
|
7
|
-
var PolishedCss__Color = require("../src/PolishedCss__Color.js");
|
|
8
|
-
|
|
9
|
-
function toEqual(x, y) {
|
|
10
|
-
return Jest.Expect.toEqual(y, x);
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
Jest.describe("Color", (function (param) {
|
|
14
|
-
Jest.test("shade with hex", (function (param) {
|
|
15
|
-
var x = Jest.Expect.expect(PolishedCss__Color.shade({
|
|
16
|
-
NAME: "hex",
|
|
17
|
-
VAL: "ff0000"
|
|
18
|
-
}, 0.25));
|
|
19
|
-
return Jest.Expect.toEqual({
|
|
20
|
-
NAME: "hex",
|
|
21
|
-
VAL: "bf0000"
|
|
22
|
-
}, x);
|
|
23
|
-
}));
|
|
24
|
-
Jest.test("shade with rgb", (function (param) {
|
|
25
|
-
var x = Jest.Expect.expect(PolishedCss__Color.shade(Css_AtomicTypes.Color.rgb(255, 0, 0), 0.25));
|
|
26
|
-
return Jest.Expect.toEqual({
|
|
27
|
-
NAME: "hex",
|
|
28
|
-
VAL: "bf0000"
|
|
29
|
-
}, x);
|
|
30
|
-
}));
|
|
31
|
-
Jest.test("shade with rgba", (function (param) {
|
|
32
|
-
var y = Css_AtomicTypes.Color.rgba(76, 0, 0, {
|
|
33
|
-
NAME: "num",
|
|
34
|
-
VAL: 0.4375
|
|
35
|
-
});
|
|
36
|
-
var x = Jest.Expect.expect(PolishedCss__Color.shade(Css_AtomicTypes.Color.rgba(255, 0, 0, {
|
|
37
|
-
NAME: "num",
|
|
38
|
-
VAL: 0.25
|
|
39
|
-
}), 0.25));
|
|
40
|
-
return Jest.Expect.toEqual(y, x);
|
|
41
|
-
}));
|
|
42
|
-
Jest.test("tint with hex", (function (param) {
|
|
43
|
-
var x = Jest.Expect.expect(PolishedCss__Color.tint({
|
|
44
|
-
NAME: "hex",
|
|
45
|
-
VAL: "ff0000"
|
|
46
|
-
}, 0.25));
|
|
47
|
-
return Jest.Expect.toEqual({
|
|
48
|
-
NAME: "hex",
|
|
49
|
-
VAL: "ff3f3f"
|
|
50
|
-
}, x);
|
|
51
|
-
}));
|
|
52
|
-
Jest.test("tint with rgb", (function (param) {
|
|
53
|
-
var x = Jest.Expect.expect(PolishedCss__Color.tint(Css_AtomicTypes.Color.rgb(255, 0, 0), 0.25));
|
|
54
|
-
return Jest.Expect.toEqual({
|
|
55
|
-
NAME: "hex",
|
|
56
|
-
VAL: "ff3f3f"
|
|
57
|
-
}, x);
|
|
58
|
-
}));
|
|
59
|
-
Jest.test("darken with hex", (function (param) {
|
|
60
|
-
var x = Jest.Expect.expect(PolishedCss__Color.darken({
|
|
61
|
-
NAME: "hex",
|
|
62
|
-
VAL: "ff0000"
|
|
63
|
-
}, 0.25));
|
|
64
|
-
return Jest.Expect.toEqual({
|
|
65
|
-
NAME: "hex",
|
|
66
|
-
VAL: "800000"
|
|
67
|
-
}, x);
|
|
68
|
-
}));
|
|
69
|
-
Jest.test("lighten with hex", (function (param) {
|
|
70
|
-
var x = Jest.Expect.expect(PolishedCss__Color.lighten({
|
|
71
|
-
NAME: "hex",
|
|
72
|
-
VAL: "ff0000"
|
|
73
|
-
}, 0.25));
|
|
74
|
-
return Jest.Expect.toEqual({
|
|
75
|
-
NAME: "hex",
|
|
76
|
-
VAL: "ff8080"
|
|
77
|
-
}, x);
|
|
78
|
-
}));
|
|
79
|
-
Jest.test("transparentize with hex", (function (param) {
|
|
80
|
-
var y = Curry._1(PolishedCss__Color.Utils.Rgba.fromString, "rgba(255, 0, 0, 0.5)");
|
|
81
|
-
var x = Jest.Expect.expect(PolishedCss__Color.transparentize({
|
|
82
|
-
NAME: "hex",
|
|
83
|
-
VAL: "ff0000"
|
|
84
|
-
}, 0.5));
|
|
85
|
-
return Jest.Expect.toEqual(y, x);
|
|
86
|
-
}));
|
|
87
|
-
Jest.test("getContrast with hex", (function (param) {
|
|
88
|
-
var x = Jest.Expect.expect(PolishedCss__Color.getContrast({
|
|
89
|
-
NAME: "hex",
|
|
90
|
-
VAL: "ff0000"
|
|
91
|
-
}, {
|
|
92
|
-
NAME: "hex",
|
|
93
|
-
VAL: "0000ff"
|
|
94
|
-
}));
|
|
95
|
-
return Jest.Expect.toEqual(2.16, x);
|
|
96
|
-
}));
|
|
97
|
-
Jest.test("getLuminance with hex", (function (param) {
|
|
98
|
-
var x = Jest.Expect.expect(PolishedCss__Color.getLuminance({
|
|
99
|
-
NAME: "hex",
|
|
100
|
-
VAL: "ff0000"
|
|
101
|
-
}));
|
|
102
|
-
return Jest.Expect.toEqual(0.213, x);
|
|
103
|
-
}));
|
|
104
|
-
Jest.test("grayscale with hex", (function (param) {
|
|
105
|
-
var x = Jest.Expect.expect(PolishedCss__Color.grayscale({
|
|
106
|
-
NAME: "hex",
|
|
107
|
-
VAL: "ff0000"
|
|
108
|
-
}));
|
|
109
|
-
return Jest.Expect.toEqual({
|
|
110
|
-
NAME: "hex",
|
|
111
|
-
VAL: "808080"
|
|
112
|
-
}, x);
|
|
113
|
-
}));
|
|
114
|
-
Jest.test("desaturate with hex", (function (param) {
|
|
115
|
-
var x = Jest.Expect.expect(PolishedCss__Color.desaturate({
|
|
116
|
-
NAME: "hex",
|
|
117
|
-
VAL: "ff0000"
|
|
118
|
-
}, 0.3));
|
|
119
|
-
return Jest.Expect.toEqual({
|
|
120
|
-
NAME: "hex",
|
|
121
|
-
VAL: "d92626"
|
|
122
|
-
}, x);
|
|
123
|
-
}));
|
|
124
|
-
Jest.test("complement with hex", (function (param) {
|
|
125
|
-
var x = Jest.Expect.expect(PolishedCss__Color.complement({
|
|
126
|
-
NAME: "hex",
|
|
127
|
-
VAL: "ff0000"
|
|
128
|
-
}));
|
|
129
|
-
return Jest.Expect.toEqual({
|
|
130
|
-
NAME: "hex",
|
|
131
|
-
VAL: "0ff"
|
|
132
|
-
}, x);
|
|
133
|
-
}));
|
|
134
|
-
Jest.test("adjustHue with hex", (function (param) {
|
|
135
|
-
var x = Jest.Expect.expect(PolishedCss__Color.adjustHue({
|
|
136
|
-
NAME: "hex",
|
|
137
|
-
VAL: "ff0000"
|
|
138
|
-
}, 0.3));
|
|
139
|
-
return Jest.Expect.toEqual({
|
|
140
|
-
NAME: "hex",
|
|
141
|
-
VAL: "ff0100"
|
|
142
|
-
}, x);
|
|
143
|
-
}));
|
|
144
|
-
return Jest.describe("Utils", (function (param) {
|
|
145
|
-
Jest.test("fromString with hex", (function (param) {
|
|
146
|
-
var x = Jest.Expect.expect(PolishedCss__Color.Utils.fromString("#ff0000"));
|
|
147
|
-
return Jest.Expect.toEqual({
|
|
148
|
-
NAME: "hex",
|
|
149
|
-
VAL: "ff0000"
|
|
150
|
-
}, x);
|
|
151
|
-
}));
|
|
152
|
-
return Jest.test("fromString with rgba", (function (param) {
|
|
153
|
-
var x = Jest.Expect.expect(PolishedCss__Color.Utils.fromString("rgba(255, 0, 0, 0.5)"));
|
|
154
|
-
return Jest.Expect.toEqual({
|
|
155
|
-
NAME: "rgba",
|
|
156
|
-
VAL: [
|
|
157
|
-
255,
|
|
158
|
-
0,
|
|
159
|
-
0,
|
|
160
|
-
{
|
|
161
|
-
NAME: "num",
|
|
162
|
-
VAL: 0.5
|
|
163
|
-
}
|
|
164
|
-
]
|
|
165
|
-
}, x);
|
|
166
|
-
}));
|
|
167
|
-
}));
|
|
168
|
-
}));
|
|
169
|
-
|
|
170
|
-
exports.toEqual = toEqual;
|
|
171
|
-
/* Not a pure module */
|
|
@@ -1,183 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var Jest = require("@glennsl/bs-jest/lib/js/src/jest.js");
|
|
5
|
-
var Caml_option = require("bs-platform/lib/js/caml_option.js");
|
|
6
|
-
var Polished__Math = require("../src/Polished__Math.js");
|
|
7
|
-
var Polished__Color = require("../src/Polished__Color.js");
|
|
8
|
-
var Polished__Mixins = require("../src/Polished__Mixins.js");
|
|
9
|
-
|
|
10
|
-
function keepGoing(param) {
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
Jest.describe("Color", (function (param) {
|
|
15
|
-
Jest.test("shade", (function (param) {
|
|
16
|
-
return Jest.Expect.toBe("#b13c3c", Jest.Expect.expect(Polished__Color.shade("#ed5051", 0.25)));
|
|
17
|
-
}));
|
|
18
|
-
Jest.test("tint", (function (param) {
|
|
19
|
-
return Jest.Expect.toBe("#f17b7c", Jest.Expect.expect(Polished__Color.tint("#ed5051", 0.25)));
|
|
20
|
-
}));
|
|
21
|
-
Jest.test("lighten", (function (param) {
|
|
22
|
-
return Jest.Expect.toBe("#f9c4c4", Jest.Expect.expect(Polished__Color.lighten("#ed5051", 0.25)));
|
|
23
|
-
}));
|
|
24
|
-
Jest.test("darken", (function (param) {
|
|
25
|
-
return Jest.Expect.toBe("#ac1213", Jest.Expect.expect(Polished__Color.darken("#ed5051", 0.25)));
|
|
26
|
-
}));
|
|
27
|
-
Jest.test("hsl", (function (param) {
|
|
28
|
-
return Jest.Expect.toBe("#734d26", Jest.Expect.expect(Polished__Color.hsl(30, 0.5, 0.3)));
|
|
29
|
-
}));
|
|
30
|
-
Jest.test("adjustHue", (function (param) {
|
|
31
|
-
return Jest.Expect.toBe("#ed9f50", Jest.Expect.expect(Polished__Color.adjustHue("#ed5051", 30.5)));
|
|
32
|
-
}));
|
|
33
|
-
Jest.test("complement", (function (param) {
|
|
34
|
-
return Jest.Expect.toBe("#50edec", Jest.Expect.expect(Polished__Color.complement("#ed5051")));
|
|
35
|
-
}));
|
|
36
|
-
Jest.test("desaturate", (function (param) {
|
|
37
|
-
return Jest.Expect.toBe("#9f9f9f", Jest.Expect.expect(Polished__Color.desaturate("#ed5051", 25.5)));
|
|
38
|
-
}));
|
|
39
|
-
Jest.test("getContrast", (function (param) {
|
|
40
|
-
return Jest.Expect.toBe(3.58, Jest.Expect.expect(Polished__Color.getContrast("#ed5051", "#fff")));
|
|
41
|
-
}));
|
|
42
|
-
Jest.test("getLuminance", (function (param) {
|
|
43
|
-
return Jest.Expect.toBe(0.243, Jest.Expect.expect(Polished__Color.getLuminance("#ed5051")));
|
|
44
|
-
}));
|
|
45
|
-
Jest.test("grayscale", (function (param) {
|
|
46
|
-
return Jest.Expect.toBe("#9f9f9f", Jest.Expect.expect(Polished__Color.grayscale("#ed5051")));
|
|
47
|
-
}));
|
|
48
|
-
Jest.test("hsla", (function (param) {
|
|
49
|
-
return Jest.Expect.toBe("rgba(96,159,106,0.5)", Jest.Expect.expect(Polished__Color.hsla(130, 0.25, 0.5, 0.5)));
|
|
50
|
-
}));
|
|
51
|
-
Jest.test("invert", (function (param) {
|
|
52
|
-
return Jest.Expect.toBe("#12a6ae", Jest.Expect.expect(Polished__Color.invert("#ed5951")));
|
|
53
|
-
}));
|
|
54
|
-
Jest.test("meetsContrastGuidelines", (function (param) {
|
|
55
|
-
var expected = {
|
|
56
|
-
AA: true,
|
|
57
|
-
AALarge: true,
|
|
58
|
-
AAA: true,
|
|
59
|
-
AAALarge: true
|
|
60
|
-
};
|
|
61
|
-
return Jest.Expect.toEqual(expected, Jest.Expect.expect(Polished__Color.meetsContrastGuidelines("#000000", "#ffffff")));
|
|
62
|
-
}));
|
|
63
|
-
Jest.test("transparentize", (function (param) {
|
|
64
|
-
return Jest.Expect.toBe("rgba(237,80,81,0.5)", Jest.Expect.expect(Polished__Color.transparentize("#ed5051", 0.5)));
|
|
65
|
-
}));
|
|
66
|
-
Jest.test("hslToColorString", (function (param) {
|
|
67
|
-
var hsl = {
|
|
68
|
-
hue: 240,
|
|
69
|
-
lightness: 1.0,
|
|
70
|
-
saturation: 0.5
|
|
71
|
-
};
|
|
72
|
-
return Jest.Expect.toBe("#fff", Jest.Expect.expect(Polished__Color.hslToColorString(hsl)));
|
|
73
|
-
}));
|
|
74
|
-
Jest.test("mix", (function (param) {
|
|
75
|
-
return Jest.Expect.toBe("#c58383", Jest.Expect.expect(Polished__Color.mix("#ed5051", "#bc9090", 0.2)));
|
|
76
|
-
}));
|
|
77
|
-
Jest.test("opacify", (function (param) {
|
|
78
|
-
return Jest.Expect.toBe("rgba(237,80,81,0.5)", Jest.Expect.expect(Polished__Color.opacify("#ed505100", 0.5)));
|
|
79
|
-
}));
|
|
80
|
-
Jest.test("parseToHsl", (function (param) {
|
|
81
|
-
var expected = {
|
|
82
|
-
hue: 0.0,
|
|
83
|
-
lightness: 0.5,
|
|
84
|
-
saturation: 1.0
|
|
85
|
-
};
|
|
86
|
-
return Jest.Expect.toEqual(expected, Jest.Expect.expect(Polished__Color.parseToHsl("#FF0000")));
|
|
87
|
-
}));
|
|
88
|
-
Jest.test("parseToRgb", (function (param) {
|
|
89
|
-
var expected = {
|
|
90
|
-
red: 237,
|
|
91
|
-
green: 80,
|
|
92
|
-
blue: 81
|
|
93
|
-
};
|
|
94
|
-
return Jest.Expect.toEqual(expected, Jest.Expect.expect(Polished__Color.parseToRgb("#ed5051")));
|
|
95
|
-
}));
|
|
96
|
-
Jest.test("readableColor", (function (param) {
|
|
97
|
-
Jest.Expect.toBe("#fff", Jest.Expect.expect(Polished__Color.readableColor("#ed5051", undefined, undefined, false, undefined)));
|
|
98
|
-
Jest.Expect.toBe("#000", Jest.Expect.expect(Polished__Color.readableColor("#000", undefined, undefined, undefined, undefined)));
|
|
99
|
-
Jest.Expect.toBe("#ff8", Jest.Expect.expect(Polished__Color.readableColor("black", undefined, "#ff8", undefined, undefined)));
|
|
100
|
-
Jest.Expect.toBe("#001", Jest.Expect.expect(Polished__Color.readableColor("white", "#001", undefined, undefined, undefined)));
|
|
101
|
-
Jest.Expect.toBe("#000", Jest.Expect.expect(Polished__Color.readableColor("red", "#333", "#ddd", true, undefined)));
|
|
102
|
-
Jest.Expect.toBe("#333", Jest.Expect.expect(Polished__Color.readableColor("yellow", "#333", "#ddd", true, undefined)));
|
|
103
|
-
return Jest.Expect.toBe("#ddd", Jest.Expect.expect(Polished__Color.readableColor("blue", "#333", "#ddd", true, undefined)));
|
|
104
|
-
}));
|
|
105
|
-
Jest.test("rgb", (function (param) {
|
|
106
|
-
var subject = {
|
|
107
|
-
red: 255,
|
|
108
|
-
green: 255,
|
|
109
|
-
blue: 255
|
|
110
|
-
};
|
|
111
|
-
return Jest.Expect.toBe("#fff", Jest.Expect.expect(Polished__Color.rgb(subject)));
|
|
112
|
-
}));
|
|
113
|
-
Jest.test("rgba", (function (param) {
|
|
114
|
-
var subject = {
|
|
115
|
-
red: 255,
|
|
116
|
-
green: 205,
|
|
117
|
-
blue: 100,
|
|
118
|
-
alpha: 0.7
|
|
119
|
-
};
|
|
120
|
-
return Jest.Expect.toBe("rgba(255,205,100,0.7)", Jest.Expect.expect(Polished__Color.rgba(subject)));
|
|
121
|
-
}));
|
|
122
|
-
Jest.test("saturate", (function (param) {
|
|
123
|
-
return Jest.Expect.toBe("#ff3e3f", Jest.Expect.expect(Polished__Color.saturate("#ed5051", 0.5)));
|
|
124
|
-
}));
|
|
125
|
-
Jest.test("setHue", (function (param) {
|
|
126
|
-
return Jest.Expect.toBe("#cdae64", Jest.Expect.expect(Polished__Color.setHue("#CCCD64", 42)));
|
|
127
|
-
}));
|
|
128
|
-
Jest.test("setLightness", (function (param) {
|
|
129
|
-
return Jest.Expect.toBe("#4d4d19", Jest.Expect.expect(Polished__Color.setLightness("#CCCD64", 0.2)));
|
|
130
|
-
}));
|
|
131
|
-
return Jest.test("setSaturation", (function (param) {
|
|
132
|
-
return Jest.Expect.toBe("#adad84", Jest.Expect.expect(Polished__Color.setSaturation("#CCCD64", 0.2)));
|
|
133
|
-
}));
|
|
134
|
-
}));
|
|
135
|
-
|
|
136
|
-
Jest.describe("Math", (function (param) {
|
|
137
|
-
return Jest.test("math", (function (param) {
|
|
138
|
-
Jest.Expect.toBe("20px", Jest.Expect.expect(Polished__Math.math("12px + 8px", undefined)));
|
|
139
|
-
Jest.Expect.toBe("20rem", Jest.Expect.expect(Polished__Math.math("12rem + 8rem", undefined)));
|
|
140
|
-
return Jest.Expect.toThrow(Jest.Expect.expect(function (param) {
|
|
141
|
-
return Polished__Math.math("10px + 8rem", param);
|
|
142
|
-
}));
|
|
143
|
-
}));
|
|
144
|
-
}));
|
|
145
|
-
|
|
146
|
-
Jest.describe("Mixins", (function (param) {
|
|
147
|
-
Jest.test("between", (function (param) {
|
|
148
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.between("400px", "1000px", Polished__Mixins.Size.makeString("16px"), Polished__Mixins.Size.makeString("100px"), undefined)));
|
|
149
|
-
}));
|
|
150
|
-
Jest.test("clearfix", (function (param) {
|
|
151
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.clearFix("div")));
|
|
152
|
-
}));
|
|
153
|
-
Jest.test("cover", (function (param) {
|
|
154
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.cover(Caml_option.some(Polished__Mixins.Size.makeString("16px")), undefined)));
|
|
155
|
-
}));
|
|
156
|
-
Jest.test("ellipsis", (function (param) {
|
|
157
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.ellipsis(Caml_option.some(Polished__Mixins.Size.makeString("16px")), 10, undefined)));
|
|
158
|
-
}));
|
|
159
|
-
Jest.test("fluidRange", (function (param) {
|
|
160
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.fluidRange("320px", "1024px", {
|
|
161
|
-
prop: "padding",
|
|
162
|
-
fromSize: Polished__Mixins.Size.makeString("20px"),
|
|
163
|
-
toSize: Polished__Mixins.Size.makeString("20px")
|
|
164
|
-
})));
|
|
165
|
-
}));
|
|
166
|
-
return Jest.test("fluidRangeWithArray", (function (param) {
|
|
167
|
-
return Jest.Expect.toMatchSnapshot(Jest.Expect.expect(Polished__Mixins.fluidRangeWithArray("320px", "1024px", [
|
|
168
|
-
{
|
|
169
|
-
prop: "padding",
|
|
170
|
-
fromSize: Polished__Mixins.Size.makeString("16px"),
|
|
171
|
-
toSize: Polished__Mixins.Size.makeString("32px")
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
prop: "margin",
|
|
175
|
-
fromSize: Polished__Mixins.Size.makeString("16px"),
|
|
176
|
-
toSize: Polished__Mixins.Size.makeString("32px")
|
|
177
|
-
}
|
|
178
|
-
])));
|
|
179
|
-
}));
|
|
180
|
-
}));
|
|
181
|
-
|
|
182
|
-
exports.keepGoing = keepGoing;
|
|
183
|
-
/* Not a pure module */
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Mixins between 1`] = `"calc(-40.00px + 14.00vw)"`;
|
|
4
|
-
|
|
5
|
-
exports[`Mixins clearfix 1`] = `
|
|
6
|
-
Object {
|
|
7
|
-
"div::after": Object {
|
|
8
|
-
"clear": "both",
|
|
9
|
-
"content": "\\"\\"",
|
|
10
|
-
"display": "table",
|
|
11
|
-
},
|
|
12
|
-
}
|
|
13
|
-
`;
|
|
14
|
-
|
|
15
|
-
exports[`Mixins cover 1`] = `
|
|
16
|
-
Object {
|
|
17
|
-
"bottom": "16px",
|
|
18
|
-
"left": "16px",
|
|
19
|
-
"position": "absolute",
|
|
20
|
-
"right": "16px",
|
|
21
|
-
"top": "16px",
|
|
22
|
-
}
|
|
23
|
-
`;
|
|
24
|
-
|
|
25
|
-
exports[`Mixins ellipsis 1`] = `
|
|
26
|
-
Object {
|
|
27
|
-
"WebkitBoxOrient": "vertical",
|
|
28
|
-
"WebkitLineClamp": 10,
|
|
29
|
-
"display": "-webkit-box",
|
|
30
|
-
"maxWidth": "16px",
|
|
31
|
-
"overflow": "hidden",
|
|
32
|
-
"textOverflow": "ellipsis",
|
|
33
|
-
"whiteSpace": "normal",
|
|
34
|
-
"wordWrap": "normal",
|
|
35
|
-
}
|
|
36
|
-
`;
|
|
37
|
-
|
|
38
|
-
exports[`Mixins fluidRange 1`] = `
|
|
39
|
-
Object {
|
|
40
|
-
"@media (min-width: 1024px)": Object {
|
|
41
|
-
"padding": "20px",
|
|
42
|
-
},
|
|
43
|
-
"@media (min-width: 320px)": Object {
|
|
44
|
-
"padding": "calc(20.00px + 0.00vw)",
|
|
45
|
-
},
|
|
46
|
-
"padding": "20px",
|
|
47
|
-
}
|
|
48
|
-
`;
|
|
49
|
-
|
|
50
|
-
exports[`Mixins fluidRangeWithArray 1`] = `
|
|
51
|
-
Object {
|
|
52
|
-
"@media (min-width: 1024px)": Object {
|
|
53
|
-
"margin": "32px",
|
|
54
|
-
"padding": "32px",
|
|
55
|
-
},
|
|
56
|
-
"@media (min-width: 320px)": Object {
|
|
57
|
-
"margin": "calc(8.73px + 2.27vw)",
|
|
58
|
-
"padding": "calc(8.73px + 2.27vw)",
|
|
59
|
-
},
|
|
60
|
-
"margin": "16px",
|
|
61
|
-
"padding": "16px",
|
|
62
|
-
}
|
|
63
|
-
`;
|
package/lib/js/src/Polished.js
DELETED
|
@@ -1,140 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var Curry = require("bs-platform/lib/js/curry.js");
|
|
5
|
-
var Caml_array = require("bs-platform/lib/js/caml_array.js");
|
|
6
|
-
var Belt_Option = require("bs-platform/lib/js/belt_Option.js");
|
|
7
|
-
var Caml_format = require("bs-platform/lib/js/caml_format.js");
|
|
8
|
-
var Caml_option = require("bs-platform/lib/js/caml_option.js");
|
|
9
|
-
var Css_AtomicTypes = require("bs-css/lib/js/src/Css_AtomicTypes.js");
|
|
10
|
-
var Polished__Color = require("./Polished__Color.js");
|
|
11
|
-
|
|
12
|
-
var regex = "rgba\\(\\s*(-?\\d+|-?\\d*\\.\\d+(?=%))\\s*,\\s*(-?\\d+|-?\\d*\\.\\d+(?=%))\\s*,\\s*(-?\\d+|-?\\d*\\.\\d+(?=%))\\s*,\\s*(-?\\d+|-?\\d*.\\d+)\\s*\\)";
|
|
13
|
-
|
|
14
|
-
function rgbaRegexGroups(param, i) {
|
|
15
|
-
return [
|
|
16
|
-
1,
|
|
17
|
-
2,
|
|
18
|
-
3,
|
|
19
|
-
4
|
|
20
|
-
].includes(i);
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
function rgbValue(v) {
|
|
24
|
-
return Caml_format.caml_int_of_string(Belt_Option.getExn((v == null) ? undefined : Caml_option.some(v)));
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
function alphaValue(v) {
|
|
28
|
-
return Caml_format.caml_float_of_string((v == null) ? undefined : Caml_option.some(v));
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
function fromString(string) {
|
|
32
|
-
var result = new RegExp(regex).exec(string);
|
|
33
|
-
if (result === null) {
|
|
34
|
-
return ;
|
|
35
|
-
}
|
|
36
|
-
var values = result.filter(rgbaRegexGroups);
|
|
37
|
-
var red = Caml_format.caml_int_of_string(Belt_Option.getExn(Caml_option.nullable_to_opt(Caml_array.get(values, 0))));
|
|
38
|
-
var green = Caml_format.caml_int_of_string(Belt_Option.getExn(Caml_option.nullable_to_opt(Caml_array.get(values, 1))));
|
|
39
|
-
var blue = Caml_format.caml_int_of_string(Belt_Option.getExn(Caml_option.nullable_to_opt(Caml_array.get(values, 2))));
|
|
40
|
-
var alpha = Caml_format.caml_float_of_string(Caml_option.nullable_to_opt(Caml_array.get(values, 3)));
|
|
41
|
-
return Css_AtomicTypes.Color.rgba(red, green, blue, {
|
|
42
|
-
NAME: "num",
|
|
43
|
-
VAL: alpha
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
var Rgba = {
|
|
48
|
-
regex: regex,
|
|
49
|
-
rgbaRegexGroups: rgbaRegexGroups,
|
|
50
|
-
rgbValue: rgbValue,
|
|
51
|
-
alphaValue: alphaValue,
|
|
52
|
-
fromString: fromString
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
function fromString$1(string) {
|
|
56
|
-
return {
|
|
57
|
-
NAME: "hex",
|
|
58
|
-
VAL: string.slice(1, string.length)
|
|
59
|
-
};
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
var Hex = {
|
|
63
|
-
fromString: fromString$1
|
|
64
|
-
};
|
|
65
|
-
|
|
66
|
-
var toString = Css_AtomicTypes.Color.toString;
|
|
67
|
-
|
|
68
|
-
function fromString$2(string) {
|
|
69
|
-
var match = string.slice(0, 4);
|
|
70
|
-
if (match === "rgba") {
|
|
71
|
-
return Belt_Option.getExn(fromString(string));
|
|
72
|
-
} else {
|
|
73
|
-
return fromString$1(string);
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
var Utils = {
|
|
78
|
-
Rgba: Rgba,
|
|
79
|
-
Hex: Hex,
|
|
80
|
-
toString: toString,
|
|
81
|
-
fromString: fromString$2
|
|
82
|
-
};
|
|
83
|
-
|
|
84
|
-
function shade(color, amount) {
|
|
85
|
-
return fromString$2(Polished__Color.shade(Curry._1(toString, color), amount));
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
function tint(color, amount) {
|
|
89
|
-
return fromString$2(Polished__Color.tint(Curry._1(toString, color), amount));
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
function lighten(color, amount) {
|
|
93
|
-
return fromString$2(Polished__Color.lighten(Curry._1(toString, color), amount));
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
function darken(color, amount) {
|
|
97
|
-
return fromString$2(Polished__Color.darken(Curry._1(toString, color), amount));
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
function transparentize(color, amount) {
|
|
101
|
-
return fromString(Polished__Color.transparentize(Curry._1(toString, color), amount));
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
function getContrast(c1, c2) {
|
|
105
|
-
return Polished__Color.getContrast(Curry._1(toString, c1), Curry._1(toString, c2));
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
function getLuminance(color) {
|
|
109
|
-
return Polished__Color.getLuminance(Curry._1(toString, color));
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function grayscale(color) {
|
|
113
|
-
return fromString$2(Polished__Color.grayscale(Curry._1(toString, color)));
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
function desaturate(color, amount) {
|
|
117
|
-
return fromString$2(Polished__Color.desaturate(Curry._1(toString, color), amount));
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
function complement(color) {
|
|
121
|
-
return fromString$2(Polished__Color.complement(Curry._1(toString, color)));
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
function adjustHue(color, degree) {
|
|
125
|
-
return fromString$2(Polished__Color.adjustHue(Curry._1(toString, color), degree));
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
exports.Utils = Utils;
|
|
129
|
-
exports.shade = shade;
|
|
130
|
-
exports.tint = tint;
|
|
131
|
-
exports.lighten = lighten;
|
|
132
|
-
exports.darken = darken;
|
|
133
|
-
exports.transparentize = transparentize;
|
|
134
|
-
exports.getContrast = getContrast;
|
|
135
|
-
exports.getLuminance = getLuminance;
|
|
136
|
-
exports.grayscale = grayscale;
|
|
137
|
-
exports.desaturate = desaturate;
|
|
138
|
-
exports.complement = complement;
|
|
139
|
-
exports.adjustHue = adjustHue;
|
|
140
|
-
/* Polished__Color Not a pure module */
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var Polished = require("polished");
|
|
5
|
-
|
|
6
|
-
function shade(color, amount) {
|
|
7
|
-
return Polished.shade(amount, color);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
function tint(color, amount) {
|
|
11
|
-
return Polished.tint(amount, color);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
function lighten(color, amount) {
|
|
15
|
-
return Polished.lighten(amount, color);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
function darken(color, amount) {
|
|
19
|
-
return Polished.darken(amount, color);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
function hsl(hue, saturation, lightness) {
|
|
23
|
-
return Polished.hsl(hue, saturation, lightness);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
function adjustHue(color, degree) {
|
|
27
|
-
return Polished.adjustHue(degree, color);
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
function complement(prim) {
|
|
31
|
-
return Polished.complement(prim);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
function desaturate(color, amount) {
|
|
35
|
-
return Polished.desaturate(amount, color);
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
function getContrast(prim, prim$1) {
|
|
39
|
-
return Polished.getContrast(prim, prim$1);
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
function getLuminance(prim) {
|
|
43
|
-
return Polished.getLuminance(prim);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
function grayscale(prim) {
|
|
47
|
-
return Polished.grayscale(prim);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
function hsla(hue, saturation, lightness, alpha) {
|
|
51
|
-
return Polished.hsla(hue, saturation, lightness, alpha);
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
function invert(prim) {
|
|
55
|
-
return Polished.invert(prim);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
function meetsContrastGuidelines(prim, prim$1) {
|
|
59
|
-
return Polished.meetsContrastGuidelines(prim, prim$1);
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
function transparentize(color, amount) {
|
|
63
|
-
return Polished.transparentize(amount, color);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
function hslToColorString(prim) {
|
|
67
|
-
return Polished.hslToColorString(prim);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
function mix(color1, color2, weight) {
|
|
71
|
-
return Polished.mix(weight, color1, color2);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
function opacify(color, amount) {
|
|
75
|
-
return Polished.opacify(amount, color);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
function parseToHsl(prim) {
|
|
79
|
-
return Polished.parseToHsl(prim);
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
function parseToRgb(prim) {
|
|
83
|
-
return Polished.parseToRgb(prim);
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
function readableColor(color, lightReturnColorOpt, darkReturnColorOpt, strictOpt, param) {
|
|
87
|
-
var lightReturnColor = lightReturnColorOpt !== undefined ? lightReturnColorOpt : "#fff";
|
|
88
|
-
var darkReturnColor = darkReturnColorOpt !== undefined ? darkReturnColorOpt : "#000";
|
|
89
|
-
var strict = strictOpt !== undefined ? strictOpt : true;
|
|
90
|
-
return Polished.readableColor(color, lightReturnColor, darkReturnColor, strict);
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
function rgb(prim) {
|
|
94
|
-
return Polished.rgb(prim);
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
function rgba(prim) {
|
|
98
|
-
return Polished.rgba(prim);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
function saturate(color, amount) {
|
|
102
|
-
return Polished.saturate(amount, color);
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
function setHue(color, hue) {
|
|
106
|
-
return Polished.setHue(hue, color);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
function setLightness(color, lightness) {
|
|
110
|
-
return Polished.setLightness(lightness, color);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
function setSaturation(color, saturation) {
|
|
114
|
-
return Polished.setSaturation(saturation, color);
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
exports.shade = shade;
|
|
118
|
-
exports.tint = tint;
|
|
119
|
-
exports.lighten = lighten;
|
|
120
|
-
exports.darken = darken;
|
|
121
|
-
exports.hsl = hsl;
|
|
122
|
-
exports.adjustHue = adjustHue;
|
|
123
|
-
exports.complement = complement;
|
|
124
|
-
exports.desaturate = desaturate;
|
|
125
|
-
exports.getContrast = getContrast;
|
|
126
|
-
exports.getLuminance = getLuminance;
|
|
127
|
-
exports.grayscale = grayscale;
|
|
128
|
-
exports.hsla = hsla;
|
|
129
|
-
exports.invert = invert;
|
|
130
|
-
exports.meetsContrastGuidelines = meetsContrastGuidelines;
|
|
131
|
-
exports.transparentize = transparentize;
|
|
132
|
-
exports.hslToColorString = hslToColorString;
|
|
133
|
-
exports.mix = mix;
|
|
134
|
-
exports.opacify = opacify;
|
|
135
|
-
exports.parseToHsl = parseToHsl;
|
|
136
|
-
exports.parseToRgb = parseToRgb;
|
|
137
|
-
exports.readableColor = readableColor;
|
|
138
|
-
exports.rgb = rgb;
|
|
139
|
-
exports.rgba = rgba;
|
|
140
|
-
exports.saturate = saturate;
|
|
141
|
-
exports.setHue = setHue;
|
|
142
|
-
exports.setLightness = setLightness;
|
|
143
|
-
exports.setSaturation = setSaturation;
|
|
144
|
-
/* polished Not a pure module */
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
// Generated by ReScript, PLEASE EDIT WITH CARE
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var Polished = require("polished");
|
|
5
|
-
var Js_undefined = require("bs-platform/lib/js/js_undefined.js");
|
|
6
|
-
|
|
7
|
-
function makeString(s) {
|
|
8
|
-
return s;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
function makeFloat(i) {
|
|
12
|
-
return i;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
var Size = {
|
|
16
|
-
makeString: makeString,
|
|
17
|
-
makeFloat: makeFloat
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
function between(minScreen, maxScreen, fromSize, toSize, param) {
|
|
21
|
-
return Polished.between(fromSize, toSize, minScreen, maxScreen);
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
function clearFix(parent) {
|
|
25
|
-
return Polished.clearFix(parent);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function cover(offset, param) {
|
|
29
|
-
return Polished.cover(Js_undefined.fromOption(offset));
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
function ellipsis(width, lines, param) {
|
|
33
|
-
return Polished.ellipsis(Js_undefined.fromOption(width), lines);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
function fluidRange(minScreen, maxScreen, cssProp) {
|
|
37
|
-
return Polished.fluidRange(cssProp, Js_undefined.fromOption(minScreen), Js_undefined.fromOption(maxScreen));
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
function fluidRangeWithArray(minScreen, maxScreen, cssProps) {
|
|
41
|
-
return Polished.fluidRange(cssProps, Js_undefined.fromOption(minScreen), Js_undefined.fromOption(maxScreen));
|
|
42
|
-
}
|
|
43
|
-
|
|
44
|
-
exports.Size = Size;
|
|
45
|
-
exports.between = between;
|
|
46
|
-
exports.clearFix = clearFix;
|
|
47
|
-
exports.cover = cover;
|
|
48
|
-
exports.ellipsis = ellipsis;
|
|
49
|
-
exports.fluidRange = fluidRange;
|
|
50
|
-
exports.fluidRangeWithArray = fluidRangeWithArray;
|
|
51
|
-
/* polished Not a pure module */
|