@uxf/styles 1.4.3 → 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.
Files changed (162) hide show
  1. package/README.md +153 -209
  2. package/color/shade.d.ts +2 -0
  3. package/color/shade.js +7 -0
  4. package/color/tint.d.ts +2 -0
  5. package/color/tint.js +7 -0
  6. package/mixins/sr-only.d.ts +2 -0
  7. package/mixins/sr-only.js +15 -0
  8. package/package.json +14 -26
  9. package/{utils/columnsToPercent.d.ts → properties/columns-to-percent.d.ts} +0 -0
  10. package/properties/columns-to-percent.js +11 -0
  11. package/properties/encoded-svg-url.d.ts +1 -0
  12. package/properties/encoded-svg-url.js +6 -0
  13. package/properties/repeat-grid-columns.d.ts +1 -0
  14. package/properties/repeat-grid-columns.js +10 -0
  15. package/{utils → properties}/transition.d.ts +0 -0
  16. package/properties/transition.js +15 -0
  17. package/responsive/match-between.d.ts +1 -0
  18. package/responsive/match-between.js +10 -0
  19. package/responsive/match-hidpi.d.ts +1 -0
  20. package/responsive/match-hidpi.js +10 -0
  21. package/responsive/match-max.d.ts +1 -0
  22. package/responsive/match-max.js +10 -0
  23. package/responsive/match-min.d.ts +1 -0
  24. package/responsive/match-min.js +10 -0
  25. package/responsive/mq-between.d.ts +1 -0
  26. package/responsive/mq-between.js +9 -0
  27. package/responsive/mq-hidpi.d.ts +1 -0
  28. package/responsive/mq-hidpi.js +22 -0
  29. package/responsive/mq-max.d.ts +1 -0
  30. package/responsive/mq-max.js +9 -0
  31. package/responsive/mq-min.d.ts +1 -0
  32. package/responsive/mq-min.js +9 -0
  33. package/types/index.d.ts +0 -108
  34. package/units/em.d.ts +1 -0
  35. package/units/em.js +9 -0
  36. package/units/format-css-value.d.ts +1 -0
  37. package/units/format-css-value.js +20 -0
  38. package/{utils → units}/percent.d.ts +0 -0
  39. package/{utils → units}/percent.js +1 -1
  40. package/units/rem.d.ts +1 -0
  41. package/units/rem.js +9 -0
  42. package/{utils → units}/spacing.d.ts +0 -0
  43. package/{utils → units}/spacing.js +1 -1
  44. package/{utils/withUnit.d.ts → units/with-unit.d.ts} +0 -0
  45. package/units/with-unit.js +6 -0
  46. package/components/AccesibleSvg/index.d.ts +0 -9
  47. package/components/AccesibleSvg/index.js +0 -60
  48. package/constants/index.d.ts +0 -15
  49. package/constants/index.js +0 -8
  50. package/mixins/appearanceReset.d.ts +0 -1
  51. package/mixins/appearanceReset.js +0 -11
  52. package/mixins/aspectRatio.d.ts +0 -2
  53. package/mixins/aspectRatio.js +0 -19
  54. package/mixins/injectCss.d.ts +0 -2
  55. package/mixins/injectCss.js +0 -17
  56. package/mixins/inputAutofill.d.ts +0 -2
  57. package/mixins/inputAutofill.js +0 -12
  58. package/mixins/inputReset.d.ts +0 -1
  59. package/mixins/inputReset.js +0 -12
  60. package/mixins/multilineTruncate.d.ts +0 -1
  61. package/mixins/multilineTruncate.js +0 -15
  62. package/mixins/noWrap.d.ts +0 -1
  63. package/mixins/noWrap.js +0 -11
  64. package/mixins/reboot.d.ts +0 -10
  65. package/mixins/reboot.js +0 -17
  66. package/mixins/responsiveHidden.d.ts +0 -2
  67. package/mixins/responsiveHidden.js +0 -17
  68. package/mixins/responsiveHideVisually.d.ts +0 -2
  69. package/mixins/responsiveHideVisually.js +0 -21
  70. package/mixins/responsiveMultilineTruncate.d.ts +0 -2
  71. package/mixins/responsiveMultilineTruncate.js +0 -8
  72. package/mixins/responsiveNoWrap.d.ts +0 -2
  73. package/mixins/responsiveNoWrap.js +0 -8
  74. package/mixins/responsiveTruncate.d.ts +0 -2
  75. package/mixins/responsiveTruncate.js +0 -18
  76. package/mixins/selectReset.d.ts +0 -2
  77. package/mixins/selectReset.js +0 -13
  78. package/mixins/textAreaReset.d.ts +0 -1
  79. package/mixins/textAreaReset.js +0 -12
  80. package/mixins/truncate.d.ts +0 -1
  81. package/mixins/truncate.js +0 -11
  82. package/properties/background.d.ts +0 -6
  83. package/properties/background.js +0 -14
  84. package/properties/borders.d.ts +0 -13
  85. package/properties/borders.js +0 -19
  86. package/properties/breaks.d.ts +0 -7
  87. package/properties/breaks.js +0 -15
  88. package/properties/character.d.ts +0 -12
  89. package/properties/character.js +0 -20
  90. package/properties/child.d.ts +0 -6
  91. package/properties/child.js +0 -19
  92. package/properties/colors.d.ts +0 -6
  93. package/properties/colors.js +0 -14
  94. package/properties/column.d.ts +0 -10
  95. package/properties/column.js +0 -18
  96. package/properties/display.d.ts +0 -5
  97. package/properties/display.js +0 -13
  98. package/properties/flexChild.d.ts +0 -9
  99. package/properties/flexChild.js +0 -17
  100. package/properties/flexParent.d.ts +0 -10
  101. package/properties/flexParent.js +0 -18
  102. package/properties/floating.d.ts +0 -6
  103. package/properties/floating.js +0 -14
  104. package/properties/gridChild.d.ts +0 -7
  105. package/properties/gridChild.js +0 -15
  106. package/properties/gridParent.d.ts +0 -20
  107. package/properties/gridParent.js +0 -31
  108. package/properties/interactions.d.ts +0 -8
  109. package/properties/interactions.js +0 -16
  110. package/properties/margins.d.ts +0 -10
  111. package/properties/margins.js +0 -16
  112. package/properties/maxLines.d.ts +0 -5
  113. package/properties/maxLines.js +0 -18
  114. package/properties/objectFitting.d.ts +0 -6
  115. package/properties/objectFitting.js +0 -14
  116. package/properties/overflow.d.ts +0 -7
  117. package/properties/overflow.js +0 -15
  118. package/properties/paddings.d.ts +0 -10
  119. package/properties/paddings.js +0 -16
  120. package/properties/paragraph.d.ts +0 -10
  121. package/properties/paragraph.js +0 -24
  122. package/properties/perspective.d.ts +0 -6
  123. package/properties/perspective.js +0 -14
  124. package/properties/position.d.ts +0 -11
  125. package/properties/position.js +0 -19
  126. package/properties/shadows.d.ts +0 -6
  127. package/properties/shadows.js +0 -14
  128. package/properties/sizing.d.ts +0 -10
  129. package/properties/sizing.js +0 -18
  130. package/properties/spacings.d.ts +0 -6
  131. package/properties/spacings.js +0 -14
  132. package/properties/textDecoration.d.ts +0 -5
  133. package/properties/textDecoration.js +0 -13
  134. package/properties/transform.d.ts +0 -7
  135. package/properties/transform.js +0 -15
  136. package/properties/transitions.d.ts +0 -10
  137. package/properties/transitions.js +0 -16
  138. package/properties/typography.d.ts +0 -7
  139. package/properties/typography.js +0 -16
  140. package/properties/visibility.d.ts +0 -8
  141. package/properties/visibility.js +0 -22
  142. package/utils/columnsToPercent.js +0 -11
  143. package/utils/encodedSvg.d.ts +0 -1
  144. package/utils/encodedSvg.js +0 -6
  145. package/utils/formatAspectRatio.d.ts +0 -3
  146. package/utils/formatAspectRatio.js +0 -22
  147. package/utils/formatGridColumns.d.ts +0 -2
  148. package/utils/formatGridColumns.js +0 -17
  149. package/utils/formatValue.d.ts +0 -3
  150. package/utils/formatValue.js +0 -39
  151. package/utils/getNumericValueFromArray.d.ts +0 -1
  152. package/utils/getNumericValueFromArray.js +0 -14
  153. package/utils/hexToRgb.d.ts +0 -1
  154. package/utils/hexToRgb.js +0 -10
  155. package/utils/nonEmptyStyle.d.ts +0 -2
  156. package/utils/nonEmptyStyle.js +0 -8
  157. package/utils/responsive.d.ts +0 -17
  158. package/utils/responsive.js +0 -89
  159. package/utils/responsiveMixin.d.ts +0 -3
  160. package/utils/responsiveMixin.js +0 -34
  161. package/utils/transition.js +0 -15
  162. package/utils/withUnit.js +0 -6
@@ -1,89 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.resolveResponsiveProperties = exports.facepaintOnly = exports.facepaintMin = exports.mediaHiDpi = exports.mediaMax = exports.mediaMin = exports.mediaBetween = exports.matchMax = exports.matchMin = exports.matchBetween = exports.mqHiDpi = exports.mqMax = exports.mqMin = exports.mqBetween = void 0;
11
- var isBrowser_1 = require("@uxf/core/utils/isBrowser");
12
- var facepaint_1 = __importDefault(require("facepaint"));
13
- var em_1 = __importDefault(require("polished/lib/helpers/em"));
14
- var hiDPI_1 = __importDefault(require("polished/lib/mixins/hiDPI"));
15
- var styled_components_1 = require("styled-components");
16
- var nonEmptyStyle_1 = require("./nonEmptyStyle");
17
- // media queries
18
- var mqBetween = function (from, to) {
19
- return "@media (min-width: ".concat((0, em_1.default)(from), ") and (max-width: ").concat((0, em_1.default)(to - 1), ")");
20
- };
21
- exports.mqBetween = mqBetween;
22
- var mqMin = function (from) { return "@media (min-width: ".concat((0, em_1.default)(from), ")"); };
23
- exports.mqMin = mqMin;
24
- var mqMax = function (to) { return "@media (max-width: ".concat((0, em_1.default)(to - 1), ")"); };
25
- exports.mqMax = mqMax;
26
- var mqHiDpi = function (ratio) {
27
- if (ratio === void 0) { ratio = 2; }
28
- return (0, hiDPI_1.default)(ratio);
29
- };
30
- exports.mqHiDpi = mqHiDpi;
31
- // match media helpers
32
- var matchBetween = function (from, to) {
33
- return isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.default)(from), ") and (max-width: ").concat((0, em_1.default)(to - 1), ")")).matches : false;
34
- };
35
- exports.matchBetween = matchBetween;
36
- var matchMin = function (from) { return (isBrowser_1.isBrowser ? window.matchMedia("(min-width: ".concat((0, em_1.default)(from), ")")).matches : false); };
37
- exports.matchMin = matchMin;
38
- var matchMax = function (to) { return (isBrowser_1.isBrowser ? window.matchMedia("(max-width: ".concat((0, em_1.default)(to - 1), ")")).matches : false); };
39
- exports.matchMax = matchMax;
40
- // helpers for styled components media queries
41
- var mediaBetween = function (from, to, style) {
42
- return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
43
- ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), (0, exports.mqBetween)(from, to), style) : null;
44
- };
45
- exports.mediaBetween = mediaBetween;
46
- var mediaMin = function (from, style) {
47
- return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
48
- ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), (0, exports.mqMin)(from), style) : null;
49
- };
50
- exports.mediaMin = mediaMin;
51
- var mediaMax = function (to, style) {
52
- return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
53
- ? (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), (0, exports.mqMax)(to), style) : null;
54
- };
55
- exports.mediaMax = mediaMax;
56
- var mediaHiDpi = function (style, ratio) {
57
- if (ratio === void 0) { ratio = 2; }
58
- return (0, nonEmptyStyle_1.nonEmptyStyle)(style)
59
- ? (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", " {\n ", "\n }\n "], ["\n ", " {\n ", "\n }\n "])), (0, exports.mqHiDpi)(ratio), style) : null;
60
- };
61
- exports.mediaHiDpi = mediaHiDpi;
62
- /* https://github.com/emotion-js/facepaint */
63
- // helpers for facepaint responsive css props
64
- var facepaintMin = function (breakpoints) {
65
- var breakpointsArray = Object.values(breakpoints).slice(1);
66
- return (0, facepaint_1.default)(breakpointsArray.map(function (breakpoint) { return (0, exports.mqMin)(breakpoint); }));
67
- };
68
- exports.facepaintMin = facepaintMin;
69
- var facepaintOnly = function (breakpoints) {
70
- var breakpointsArray = Object.values(breakpoints).slice(1);
71
- var breakpointsCount = breakpointsArray.length;
72
- return (0, facepaint_1.default)(breakpointsArray.map(function (breakpoint, index) {
73
- if (index === 0) {
74
- return (0, exports.mqMax)(breakpoint);
75
- }
76
- if (index === breakpointsCount - 1) {
77
- return (0, exports.mqMin)(breakpoint);
78
- }
79
- return (0, exports.mqBetween)(breakpointsArray[index - 1], breakpoint);
80
- }), { literal: true });
81
- };
82
- exports.facepaintOnly = facepaintOnly;
83
- var resolveResponsiveProperties = function (breakpoints, properties) {
84
- return Object.values(properties).find(function (p) { return Array.isArray(p); })
85
- ? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), (0, exports.facepaintMin)(breakpoints)(properties)) : [properties];
86
- };
87
- exports.resolveResponsiveProperties = resolveResponsiveProperties;
88
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
89
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9yZXNwb25zaXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUFBQSx1REFBc0Q7QUFDdEQsd0RBQWtDO0FBQ2xDLCtEQUF5QztBQUN6QyxvRUFBOEM7QUFDOUMsdURBQW1GO0FBRW5GLGlEQUFnRDtBQUVoRCxnQkFBZ0I7QUFDVCxJQUFNLFNBQVMsR0FBRyxVQUFDLElBQVksRUFBRSxFQUFVO0lBQzlDLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQywrQkFBcUIsSUFBQSxZQUFFLEVBQUMsRUFBRSxHQUFHLENBQUMsQ0FBQyxNQUFHO0FBQWhFLENBQWdFLENBQUM7QUFEeEQsUUFBQSxTQUFTLGFBQytDO0FBQzlELElBQU0sS0FBSyxHQUFHLFVBQUMsSUFBWSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLElBQUksQ0FBQyxNQUFHLEVBQWpDLENBQWlDLENBQUM7QUFBcEUsUUFBQSxLQUFLLFNBQStEO0FBQzFFLElBQU0sS0FBSyxHQUFHLFVBQUMsRUFBVSxJQUFhLE9BQUEsNkJBQXNCLElBQUEsWUFBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxFQUFuQyxDQUFtQyxDQUFDO0FBQXBFLFFBQUEsS0FBSyxTQUErRDtBQUMxRSxJQUFNLE9BQU8sR0FBRyxVQUFDLEtBQVM7SUFBVCxzQkFBQSxFQUFBLFNBQVM7SUFBSyxPQUFBLElBQUEsZUFBSyxFQUFDLEtBQUssQ0FBQztBQUFaLENBQVksQ0FBQztBQUF0QyxRQUFBLE9BQU8sV0FBK0I7QUFFbkQsc0JBQXNCO0FBQ2YsSUFBTSxZQUFZLEdBQUcsVUFBQyxJQUFZLEVBQUUsRUFBVTtJQUNqRCxPQUFBLHFCQUFTLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsc0JBQWUsSUFBQSxZQUFFLEVBQUMsSUFBSSxDQUFDLCtCQUFxQixJ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
@@ -1,3 +0,0 @@
1
- import { FlattenSimpleInterpolation } from "styled-components";
2
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
3
- export declare const responsiveMixin: <B extends BreakpointsType>(breakpoints: B, style: FlattenSimpleInterpolation | null, condition?: ResponsiveConditionProperty<B> | undefined) => FlattenSimpleInterpolation | null;
@@ -1,34 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.responsiveMixin = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var nonEmptyStyle_1 = require("./nonEmptyStyle");
10
- var responsive_1 = require("./responsive");
11
- var responsiveMixin = function (breakpoints, style, condition) {
12
- if (typeof condition === "object") {
13
- var from = condition.from, to = condition.to;
14
- if (from && to) {
15
- if (breakpoints[from] > breakpoints[to] && (0, nonEmptyStyle_1.nonEmptyStyle)(style)) {
16
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n ", ";\n }\n\n ", " {\n ", ";\n }\n "], ["\n ", " {\n ", ";\n }\n\n ", " {\n ", ";\n }\n "])), (0, responsive_1.mqMax)(breakpoints[to]), style, (0, responsive_1.mqMin)(breakpoints[from]), style);
17
- }
18
- return (0, responsive_1.mediaBetween)(breakpoints[from], breakpoints[to], style);
19
- }
20
- if (from && !to) {
21
- return (0, responsive_1.mediaMin)(breakpoints[from], style);
22
- }
23
- if (to) {
24
- return (0, responsive_1.mediaMax)(breakpoints[to], style);
25
- }
26
- }
27
- else if (condition) {
28
- return style;
29
- }
30
- return null;
31
- };
32
- exports.responsiveMixin = responsiveMixin;
33
- var templateObject_1;
34
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU1peGluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL3Jlc3BvbnNpdmVNaXhpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQW9FO0FBRXBFLGlEQUFnRDtBQUNoRCwyQ0FBOEU7QUFFdkUsSUFBTSxlQUFlLEdBQUcsVUFDM0IsV0FBYyxFQUNkLEtBQXdDLEVBQ3hDLFNBQTBDO0lBRTFDLElBQUksT0FBTyxTQUFTLEtBQUssUUFBUSxFQUFFO1FBQ3ZCLElBQUEsSUFBSSxHQUFTLFNBQVMsS0FBbEIsRUFBRSxFQUFFLEdBQUssU0FBUyxHQUFkLENBQWU7UUFFL0IsSUFBSSxJQUFJLElBQUksRUFBRSxFQUFFO1lBQ1osSUFBSSxXQUFXLENBQUMsSUFBSSxDQUFDLEdBQUcsV0FBVyxDQUFDLEVBQUUsQ0FBQyxJQUFJLElBQUEsNkJBQWEsRUFBQyxLQUFLLENBQUMsRUFBRTtnQkFDN0QsV0FBTyx1QkFBRyw4UEFBQSx3QkFDSixFQUFzQiw4QkFDbEIsRUFBSyxrREFHVCxFQUF3Qiw4QkFDcEIsRUFBSyw0Q0FFZCxLQVBLLElBQUEsa0JBQUssRUFBQyxXQUFXLENBQUMsRUFBRSxDQUFDLENBQUMsRUFDbEIsS0FBSyxFQUdULElBQUEsa0JBQUssRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUMsRUFDcEIsS0FBSyxFQUViO2FBQ0w7WUFDRCxPQUFPLElBQUEseUJBQVksRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1NBQ2xFO1FBRUQsSUFBSSxJQUFJLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDYixPQUFPLElBQUEscUJBQVEsRUFBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUM7U0FDN0M7UUFFRCxJQUFJLEVBQUUsRUFBRTtZQUNKLE9BQU8sSUFBQSxxQkFBUSxFQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztTQUMzQztLQUNKO1NBQU0sSUFBSSxTQUFTLEVBQUU7UUFDbEIsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFsQ1csUUFBQSxlQUFlLG1CQWtDMUIifQ==
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.transition = void 0;
4
- var camelCaseToDash_1 = require("@uxf/core/utils/camelCaseToDash");
5
- var withUnit_1 = require("./withUnit");
6
- var transition = function (property, duration, easing) {
7
- if (duration === void 0) { duration = 400; }
8
- if (easing === void 0) { easing = "ease-in-out"; }
9
- if (Array.isArray(property)) {
10
- return property.map(function (p) { return (0, exports.transition)(p, duration, easing); }).join(", ");
11
- }
12
- return "".concat((0, camelCaseToDash_1.camelCaseToDash)(property), " ").concat((0, withUnit_1.withUnit)(duration, "ms"), " ").concat(easing);
13
- };
14
- exports.transition = transition;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy90cmFuc2l0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1FQUFrRTtBQUdsRSx1Q0FBc0M7QUFFL0IsSUFBTSxVQUFVLEdBQUcsVUFDdEIsUUFBOEIsRUFDOUIsUUFBYyxFQUNkLE1BQXlEO0lBRHpELHlCQUFBLEVBQUEsY0FBYztJQUNkLHVCQUFBLEVBQUEsc0JBQXlEO0lBRXpELElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRTtRQUN6QixPQUFPLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxJQUFBLGtCQUFVLEVBQUMsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFBL0IsQ0FBK0IsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztLQUMxRTtJQUNELE9BQU8sVUFBRyxJQUFBLGlDQUFlLEVBQUMsUUFBUSxDQUFDLGNBQUksSUFBQSxtQkFBUSxFQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsY0FBSSxNQUFNLENBQUUsQ0FBQztBQUNoRixDQUFDLENBQUM7QUFUVyxRQUFBLFVBQVUsY0FTckIifQ==
package/utils/withUnit.js DELETED
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.withUnit = void 0;
4
- var withUnit = function (input, unit) { return "".concat(input).concat(unit); };
5
- exports.withUnit = withUnit;
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aFVuaXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvd2l0aFVuaXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRU8sSUFBTSxRQUFRLEdBQUcsVUFBQyxLQUFzQixFQUFFLElBQWMsSUFBSyxPQUFBLFVBQUcsS0FBSyxTQUFHLElBQUksQ0FBRSxFQUFqQixDQUFpQixDQUFDO0FBQXpFLFFBQUEsUUFBUSxZQUFpRSJ9