tailwindcss-3d-styles 1.2.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.
Potentially problematic release.
This version of tailwindcss-3d-styles might be problematic. Click here for more details.
- package/LICENSE.md +21 -0
- package/README.md +586 -0
- package/common/index.js +4 -0
- package/css-animations/base.js +19 -0
- package/css-animations/bounce-and-spin.js +121 -0
- package/css-animations/bounce.js +106 -0
- package/css-animations/index.js +8 -0
- package/css-animations/spin.js +106 -0
- package/css-utilities/backface.js +40 -0
- package/css-utilities/base.js +23 -0
- package/css-utilities/index.js +14 -0
- package/css-utilities/perspective-origin.js +39 -0
- package/css-utilities/perspective.js +69 -0
- package/css-utilities/scale.js +124 -0
- package/css-utilities/transform-box.js +43 -0
- package/css-utilities/transform-core.js +71 -0
- package/css-utilities/transform-style.js +40 -0
- package/css-utilities/transform.js +204 -0
- package/css-utilities/translate.js +104 -0
- package/index.js +94 -0
- package/package.json +19 -0
- package/types/common/index.d.ts +7 -0
- package/types/css-animations/base.d.ts +4 -0
- package/types/css-animations/bounce-and-spin.d.ts +19 -0
- package/types/css-animations/bounce.d.ts +15 -0
- package/types/css-animations/index.d.ts +12 -0
- package/types/css-animations/spin.d.ts +16 -0
- package/types/css-utilities/backface.d.ts +9 -0
- package/types/css-utilities/base.d.ts +6 -0
- package/types/css-utilities/index.d.ts +18 -0
- package/types/css-utilities/perspective-origin.d.ts +6 -0
- package/types/css-utilities/perspective.d.ts +26 -0
- package/types/css-utilities/scale.d.ts +24 -0
- package/types/css-utilities/transform-box.d.ts +12 -0
- package/types/css-utilities/transform-core.d.ts +5 -0
- package/types/css-utilities/transform-style.d.ts +9 -0
- package/types/css-utilities/transform.d.ts +38 -0
- package/types/css-utilities/translate.d.ts +24 -0
- package/types/index.d.ts +11 -0
- package/types/utils/css-value.d.ts +48 -0
- package/types/utils/dimension.d.ts +3 -0
- package/types/utils/ensure.d.ts +5 -0
- package/types/utils/generate-guard.d.ts +8 -0
- package/types/utils/lodash-transformers.d.ts +6 -0
- package/utils/css-value.js +386 -0
- package/utils/dimension.js +34 -0
- package/utils/ensure.js +33 -0
- package/utils/generate-guard.js +75 -0
- package/utils/lodash-transformers.js +108 -0
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get isDimension () {
|
|
13
|
+
return isDimension;
|
|
14
|
+
},
|
|
15
|
+
get normaliseDimension () {
|
|
16
|
+
return normaliseDimension;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
20
|
+
var _includes = /*#__PURE__*/ _interop_require_default._(require("lodash/includes"));
|
|
21
|
+
var _isString = /*#__PURE__*/ _interop_require_default._(require("lodash/isString"));
|
|
22
|
+
var _generateguard = require("./generate-guard");
|
|
23
|
+
var isDimension = (0, _generateguard.generateGuard)([
|
|
24
|
+
_isString.default,
|
|
25
|
+
function(maybe) {
|
|
26
|
+
return (0, _includes.default)([
|
|
27
|
+
'3d',
|
|
28
|
+
'2d'
|
|
29
|
+
], maybe);
|
|
30
|
+
}
|
|
31
|
+
]);
|
|
32
|
+
var normaliseDimension = function(dimension) {
|
|
33
|
+
return isDimension(dimension) ? dimension : '3d';
|
|
34
|
+
};
|
package/utils/ensure.js
ADDED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get ensure () {
|
|
13
|
+
return ensure;
|
|
14
|
+
},
|
|
15
|
+
get ensureBoolean () {
|
|
16
|
+
return ensureBoolean;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
var _type_of = require("@swc/helpers/_/_type_of");
|
|
20
|
+
var ensure = function(type, // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21
|
+
maybe, fallback) {
|
|
22
|
+
var safeTypes = [
|
|
23
|
+
type
|
|
24
|
+
].flat();
|
|
25
|
+
var isValidType = safeTypes.some(function(safeType) {
|
|
26
|
+
return (typeof maybe === "undefined" ? "undefined" : _type_of._(maybe)) === safeType;
|
|
27
|
+
});
|
|
28
|
+
return isValidType ? maybe : fallback;
|
|
29
|
+
};
|
|
30
|
+
var ensureBoolean = function(// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
31
|
+
maybe, fallback) {
|
|
32
|
+
return ensure('boolean', maybe, fallback);
|
|
33
|
+
};
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get generateGuard () {
|
|
13
|
+
return generateGuard;
|
|
14
|
+
},
|
|
15
|
+
get isGuardTest () {
|
|
16
|
+
return isGuardTest;
|
|
17
|
+
},
|
|
18
|
+
get isGuardTestGroups () {
|
|
19
|
+
return isGuardTestGroups;
|
|
20
|
+
},
|
|
21
|
+
get isGuardTests () {
|
|
22
|
+
return isGuardTests;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
26
|
+
var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
|
|
27
|
+
var _castArray = /*#__PURE__*/ _interop_require_default._(require("lodash/castArray"));
|
|
28
|
+
var _every = /*#__PURE__*/ _interop_require_default._(require("lodash/every"));
|
|
29
|
+
var _isArray = /*#__PURE__*/ _interop_require_default._(require("lodash/isArray"));
|
|
30
|
+
var _isBoolean = /*#__PURE__*/ _interop_require_default._(require("lodash/isBoolean"));
|
|
31
|
+
var _isFunction = /*#__PURE__*/ _interop_require_default._(require("lodash/isFunction"));
|
|
32
|
+
var _over = /*#__PURE__*/ _interop_require_default._(require("lodash/over"));
|
|
33
|
+
var _some = /*#__PURE__*/ _interop_require_default._(require("lodash/some"));
|
|
34
|
+
var generateGuard = function() {
|
|
35
|
+
for(var _len = arguments.length, testGroups = new Array(_len), _key = 0; _key < _len; _key++){
|
|
36
|
+
testGroups[_key] = arguments[_key];
|
|
37
|
+
}
|
|
38
|
+
if (testGroups.length < 1) {
|
|
39
|
+
return function(maybe) {
|
|
40
|
+
return false;
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
return function(maybe) {
|
|
44
|
+
return (0, _some.default)(testGroups, function(tests) {
|
|
45
|
+
var safeTests = (0, _castArray.default)(tests);
|
|
46
|
+
if (safeTests.length < 1) {
|
|
47
|
+
return false;
|
|
48
|
+
}
|
|
49
|
+
return (0, _every.default)(_over.default.apply(void 0, _to_consumable_array._(safeTests))(maybe), function(result) {
|
|
50
|
+
return result === true;
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
var isGuardTest = generateGuard([
|
|
56
|
+
_isFunction.default,
|
|
57
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
58
|
+
function(maybe) {
|
|
59
|
+
return (0, _isFunction.default)(maybe) && (0, _isBoolean.default)(maybe('something'));
|
|
60
|
+
}
|
|
61
|
+
]);
|
|
62
|
+
var isGuardTests = generateGuard([
|
|
63
|
+
_isArray.default,
|
|
64
|
+
function(maybe) {
|
|
65
|
+
return (0, _every.default)(maybe, isGuardTest);
|
|
66
|
+
}
|
|
67
|
+
]);
|
|
68
|
+
var isGuardTestGroups = generateGuard([
|
|
69
|
+
_isArray.default,
|
|
70
|
+
function(maybe) {
|
|
71
|
+
return (0, _every.default)(maybe, function(testGroup) {
|
|
72
|
+
return isGuardTest(testGroup) || isGuardTests(testGroup);
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
]);
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get addDurationWithGravity () {
|
|
13
|
+
return addDurationWithGravity;
|
|
14
|
+
},
|
|
15
|
+
get axesModifier () {
|
|
16
|
+
return axesModifier;
|
|
17
|
+
},
|
|
18
|
+
get nameModifier () {
|
|
19
|
+
return nameModifier;
|
|
20
|
+
},
|
|
21
|
+
get signModifier () {
|
|
22
|
+
return signModifier;
|
|
23
|
+
}
|
|
24
|
+
});
|
|
25
|
+
var _interop_require_default = require("@swc/helpers/_/_interop_require_default");
|
|
26
|
+
var _object_spread = require("@swc/helpers/_/_object_spread");
|
|
27
|
+
var _flatten = /*#__PURE__*/ _interop_require_default._(require("lodash/flatten"));
|
|
28
|
+
var _forEach = /*#__PURE__*/ _interop_require_default._(require("lodash/forEach"));
|
|
29
|
+
var _isPlainObject = /*#__PURE__*/ _interop_require_default._(require("lodash/isPlainObject"));
|
|
30
|
+
var _isString = /*#__PURE__*/ _interop_require_default._(require("lodash/isString"));
|
|
31
|
+
var _isUndefined = /*#__PURE__*/ _interop_require_default._(require("lodash/isUndefined"));
|
|
32
|
+
var axesModifier = function(axes, silentModifier) {
|
|
33
|
+
var safeAxes = (0, _isUndefined.default)(axes) ? [
|
|
34
|
+
'x',
|
|
35
|
+
'y',
|
|
36
|
+
'z'
|
|
37
|
+
] : (0, _flatten.default)([
|
|
38
|
+
axes
|
|
39
|
+
]);
|
|
40
|
+
var safeSilentModifier = (0, _isUndefined.default)(silentModifier) ? '1' : silentModifier;
|
|
41
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
42
|
+
return function(result, value, modifier) {
|
|
43
|
+
(0, _forEach.default)(safeAxes, function(axis) {
|
|
44
|
+
var property = String(modifier) === String(safeSilentModifier) ? axis : "".concat(axis, "-").concat(modifier);
|
|
45
|
+
result[property] = (0, _isPlainObject.default)(value) ? _object_spread._({
|
|
46
|
+
axis: axis,
|
|
47
|
+
originalModifier: modifier
|
|
48
|
+
}, value) : {
|
|
49
|
+
axis: axis,
|
|
50
|
+
originalModifier: modifier,
|
|
51
|
+
value: value
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
var nameModifier = function(name, silentModifier) {
|
|
57
|
+
var safeName = (0, _isString.default)(name) ? name : '';
|
|
58
|
+
var safeSilentModifier = (0, _isString.default)(silentModifier) ? silentModifier : safeName === '' // If there is no name, don't silence the modifier
|
|
59
|
+
? '' : '1';
|
|
60
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
61
|
+
return function(result, value, modifier) {
|
|
62
|
+
var property = String(modifier) === safeSilentModifier ? safeName : safeName === '' ? modifier : "".concat(safeName, "-").concat(modifier);
|
|
63
|
+
result[property] = (0, _isPlainObject.default)(value) ? _object_spread._({
|
|
64
|
+
name: name,
|
|
65
|
+
originalModifier: modifier
|
|
66
|
+
}, value) : {
|
|
67
|
+
name: name,
|
|
68
|
+
originalModifier: modifier,
|
|
69
|
+
value: value
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
var signModifier = function(signs) {
|
|
74
|
+
var safeSigns = (0, _isUndefined.default)(signs) ? [
|
|
75
|
+
'',
|
|
76
|
+
'-'
|
|
77
|
+
] : (0, _flatten.default)([
|
|
78
|
+
signs
|
|
79
|
+
]);
|
|
80
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
81
|
+
return function(result, value, modifier) {
|
|
82
|
+
(0, _forEach.default)(safeSigns, function(sign) {
|
|
83
|
+
result["".concat(sign).concat(modifier)] = (0, _isPlainObject.default)(value) ? _object_spread._({
|
|
84
|
+
sign: sign,
|
|
85
|
+
originalModifier: modifier
|
|
86
|
+
}, value) : {
|
|
87
|
+
sign: sign,
|
|
88
|
+
originalModifier: modifier,
|
|
89
|
+
value: value
|
|
90
|
+
};
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
var addDurationWithGravity = function() {
|
|
95
|
+
return(// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
96
|
+
function(result, value, modifier) {
|
|
97
|
+
var _value_originalModifier;
|
|
98
|
+
var duration = Math.pow(Number((_value_originalModifier = value.originalModifier) !== null && _value_originalModifier !== void 0 ? _value_originalModifier : modifier), 0.25).toFixed(2);
|
|
99
|
+
result[modifier] = (0, _isPlainObject.default)(value) ? _object_spread._({
|
|
100
|
+
duration: duration,
|
|
101
|
+
originalModifier: modifier
|
|
102
|
+
}, value) : {
|
|
103
|
+
duration: duration,
|
|
104
|
+
originalModifier: modifier,
|
|
105
|
+
value: value
|
|
106
|
+
};
|
|
107
|
+
});
|
|
108
|
+
};
|