@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,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.responsiveMultilineTruncate = void 0;
4
- var responsiveMixin_1 = require("../utils/responsiveMixin");
5
- var multilineTruncate_1 = require("./multilineTruncate");
6
- var responsiveMultilineTruncate = function (breakpoints, lines, condition) { return (lines ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, multilineTruncate_1.multilineTruncate)(lines), condition) : null); };
7
- exports.responsiveMultilineTruncate = responsiveMultilineTruncate;
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU11bHRpbGluZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlTXVsdGlsaW5lVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNERBQTJEO0FBRTNELHlEQUF3RDtBQUVqRCxJQUFNLDJCQUEyQixHQUFHLFVBQ3ZDLFdBQWMsRUFDZCxLQUFjLEVBQ2QsU0FBMEMsSUFDekMsT0FBQSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBQSxpQ0FBZSxFQUFDLFdBQVcsRUFBRSxJQUFBLHFDQUFpQixFQUFDLEtBQUssQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBbEYsQ0FBa0YsQ0FBQztBQUozRSxRQUFBLDJCQUEyQiwrQkFJZ0QifQ==
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
2
- export declare const responsiveNoWrap: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.responsiveNoWrap = void 0;
4
- var responsiveMixin_1 = require("../utils/responsiveMixin");
5
- var noWrap_1 = require("./noWrap");
6
- var responsiveNoWrap = function (breakpoints, condition) { return (condition ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, noWrap_1.noWrap, condition) : null); };
7
- exports.responsiveNoWrap = responsiveNoWrap;
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZU5vV3JhcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZU5vV3JhcC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSw0REFBMkQ7QUFFM0QsbUNBQWtDO0FBRTNCLElBQU0sZ0JBQWdCLEdBQUcsVUFDNUIsV0FBYyxFQUNkLFNBQTBDLElBQ3pDLE9BQUEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUEsaUNBQWUsRUFBQyxXQUFXLEVBQUUsZUFBTSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBcEUsQ0FBb0UsQ0FBQztBQUg3RCxRQUFBLGdCQUFnQixvQkFHNkMifQ==
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
2
- export declare const responsiveTruncate: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,18 +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.responsiveTruncate = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var responsiveMixin_1 = require("../utils/responsiveMixin");
10
- var truncate_1 = require("./truncate");
11
- var responsiveTruncate = function (breakpoints, condition) {
12
- return condition
13
- ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), truncate_1.truncate), condition)
14
- : null;
15
- };
16
- exports.responsiveTruncate = responsiveTruncate;
17
- var templateObject_1;
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZVRydW5jYXRlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZXNwb25zaXZlVHJ1bmNhdGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFFM0QsdUNBQXNDO0FBRS9CLElBQU0sa0JBQWtCLEdBQUcsVUFDOUIsV0FBYyxFQUNkLFNBQTBDO0lBRTFDLE9BQUEsU0FBUztRQUNMLENBQUMsQ0FBQyxJQUFBLGlDQUFlLEVBQ1gsV0FBVyxNQUNYLHVCQUFHLDhHQUFBLHNCQUNHLEVBQVEsa0JBQ2IsS0FESyxtQkFBUSxHQUVkLFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUlYsQ0FRVSxDQUFDO0FBWkYsUUFBQSxrQkFBa0Isc0JBWWhCIn0=
@@ -1,2 +0,0 @@
1
- import { Property } from "csstype";
2
- export declare const selectReset: (fontFamily?: Property.FontFamily | undefined) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,13 +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.selectReset = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var appearanceReset_1 = require("./appearanceReset");
10
- var selectReset = function (fontFamily) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-ms-expand {\n display: none;\n }\n /* stylelint-enable */\n\n option {\n font-family: ", ";\n font-size: 0.8rem;\n font-weight: 400;\n }\n"], ["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-ms-expand {\n display: none;\n }\n /* stylelint-enable */\n\n option {\n font-family: ", ";\n font-size: 0.8rem;\n font-weight: 400;\n }\n"])), appearanceReset_1.appearanceReset, fontFamily !== null && fontFamily !== void 0 ? fontFamily : null); };
11
- exports.selectReset = selectReset;
12
- var templateObject_1;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0UmVzZXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3NlbGVjdFJlc2V0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFDQSx1REFBd0M7QUFDeEMscURBQW9EO0FBRTdDLElBQU0sV0FBVyxHQUFHLFVBQUMsVUFBZ0MsSUFBSyxXQUFBLHVCQUFHLHNaQUFBLFFBQzlELEVBQWUsbVFBYUUsRUFBa0IsbUVBSXhDLEtBakJLLGlDQUFlLEVBYUUsVUFBVSxhQUFWLFVBQVUsY0FBVixVQUFVLEdBQUksSUFBSSxHQWR3QixDQWtCaEUsQ0FBQztBQWxCVyxRQUFBLFdBQVcsZUFrQnRCIn0=
@@ -1 +0,0 @@
1
- export declare const textAreaReset: import("styled-components").FlattenSimpleInterpolation;
@@ -1,12 +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.textAreaReset = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var appearanceReset_1 = require("./appearanceReset");
10
- exports.textAreaReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-moz-placeholder {\n opacity: 1;\n }\n /* stylelint-enable */\n"], ["\n ", ";\n\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:invalid {\n box-shadow: none;\n }\n\n &::-moz-placeholder {\n opacity: 1;\n }\n /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
11
- var templateObject_1;
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dEFyZWFSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvdGV4dEFyZWFSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLGFBQWEsT0FBRyx1QkFBRywrU0FBQSxRQUMxQixFQUFlLGlPQVdwQixLQVhLLGlDQUFlLEVBV25CIn0=
@@ -1 +0,0 @@
1
- export declare const truncate: import("styled-components").FlattenSimpleInterpolation;
@@ -1,11 +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.truncate = void 0;
8
- var styled_components_1 = require("styled-components");
9
- exports.truncate = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n"], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n word-wrap: normal;\n"])));
10
- var templateObject_1;
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL3RydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFM0IsUUFBQSxRQUFRLE9BQUcsdUJBQUcsK0tBQUEsMkdBSzFCLEtBQUMifQ==
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Background {
3
- $backgroundColor?: ResponsiveProperty.Color;
4
- $background?: ResponsiveProperty.Background;
5
- }
6
- export declare const background: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $background, }: Background & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.background = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var background = function (_a) {
7
- var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $background = _a.$background;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
10
- background: (0, formatValue_1.formatResponsiveValue)($background),
11
- });
12
- };
13
- exports.background = background;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFja2dyb3VuZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JhY2tncm91bmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQUl4QjtRQUgxQixXQUFXLGlCQUFBLEVBQ1gsZ0JBQWdCLHNCQUFBLEVBQ2hCLFdBQVcsaUJBQUE7SUFFWCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztLQUNqRCxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBUk0sUUFBQSxVQUFVLGNBUWhCIn0=
@@ -1,13 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Borders {
3
- $border?: ResponsiveProperty.Border;
4
- $borderBottom?: ResponsiveProperty.Border;
5
- $borderLeft?: ResponsiveProperty.Border;
6
- $borderRight?: ResponsiveProperty.Border;
7
- $borderTop?: ResponsiveProperty.Border;
8
- $borderX?: ResponsiveProperty.Border;
9
- $borderY?: ResponsiveProperty.Border;
10
- $borderRadius?: ResponsiveProperty.BorderRadius;
11
- $outline?: ResponsiveProperty.Outline;
12
- }
13
- export declare const borders: <B extends BreakpointsType>({ breakpoints, $border, $borderBottom, $borderLeft, $borderRight, $borderTop, $borderX, $borderY, $borderRadius, $outline, }: Borders & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.borders = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var borders = function (_a) {
7
- var breakpoints = _a.breakpoints, $border = _a.$border, $borderBottom = _a.$borderBottom, $borderLeft = _a.$borderLeft, $borderRight = _a.$borderRight, $borderTop = _a.$borderTop, $borderX = _a.$borderX, $borderY = _a.$borderY, $borderRadius = _a.$borderRadius, $outline = _a.$outline;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- border: (0, formatValue_1.formatResponsiveValue)($border),
10
- borderBottom: (0, formatValue_1.formatResponsiveValue)($borderBottom !== null && $borderBottom !== void 0 ? $borderBottom : $borderY),
11
- borderLeft: (0, formatValue_1.formatResponsiveValue)($borderLeft !== null && $borderLeft !== void 0 ? $borderLeft : $borderX),
12
- borderRight: (0, formatValue_1.formatResponsiveValue)($borderRight !== null && $borderRight !== void 0 ? $borderRight : $borderX),
13
- borderTop: (0, formatValue_1.formatResponsiveValue)($borderTop !== null && $borderTop !== void 0 ? $borderTop : $borderY),
14
- borderRadius: (0, formatValue_1.formatResponsiveValue)($borderRadius),
15
- outline: (0, formatValue_1.formatResponsiveValue)($outline),
16
- });
17
- };
18
- exports.borders = borders;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9yZGVycy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2JvcmRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQWMzRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVd4QjtRQVZ2QixXQUFXLGlCQUFBLEVBQ1gsT0FBTyxhQUFBLEVBQ1AsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixRQUFRLGNBQUE7SUFFUixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLGFBQWIsYUFBYSxjQUFiLGFBQWEsR0FBSSxRQUFRLENBQUM7UUFDOUQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxhQUFYLFdBQVcsY0FBWCxXQUFXLEdBQUksUUFBUSxDQUFDO1FBQzFELFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksYUFBWixZQUFZLGNBQVosWUFBWSxHQUFJLFFBQVEsQ0FBQztRQUM1RCxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxRQUFRLENBQUM7UUFDeEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztLQUMzQyxDQUFDO0FBUkYsQ0FRRSxDQUFDO0FBcEJNLFFBQUEsT0FBTyxXQW9CYiJ9
@@ -1,7 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Breaks {
3
- $breakAfter?: ResponsiveProperty.BreakAfter;
4
- $breakBefore?: ResponsiveProperty.BreakBefore;
5
- $breakInside?: ResponsiveProperty.BreakInside;
6
- }
7
- export declare const breaks: <B extends BreakpointsType>({ breakpoints, $breakAfter, $breakBefore, $breakInside, }: Breaks & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.breaks = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var breaks = function (_a) {
7
- var breakpoints = _a.breakpoints, $breakAfter = _a.$breakAfter, $breakBefore = _a.$breakBefore, $breakInside = _a.$breakInside;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- breakAfter: (0, formatValue_1.formatResponsiveValue)($breakAfter),
10
- breakBefore: (0, formatValue_1.formatResponsiveValue)($breakBefore),
11
- breakInside: (0, formatValue_1.formatResponsiveValue)($breakInside),
12
- });
13
- };
14
- exports.breaks = breaks;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnJlYWtzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvYnJlYWtzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFLeEI7UUFKdEIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztRQUNoRCxXQUFXLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxZQUFZLENBQUM7S0FDbkQsQ0FBQztBQUpGLENBSUUsQ0FBQztBQVZNLFFBQUEsTUFBTSxVQVVaIn0=
@@ -1,12 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Character {
3
- $fontFamily?: ResponsiveProperty.FontFamily;
4
- $fontSize?: ResponsiveProperty.FontSize;
5
- $fontStretch?: ResponsiveProperty.FontStretch;
6
- $fontStyle?: ResponsiveProperty.FontStyle;
7
- $fontWeight?: ResponsiveProperty.FontWeight;
8
- $letterSpacing?: ResponsiveProperty.LetterSpacing;
9
- $lineHeight?: ResponsiveProperty.LineHeight;
10
- $textTransform?: ResponsiveProperty.TextTransform;
11
- }
12
- export declare const character: <B extends BreakpointsType>({ breakpoints, $fontFamily, $fontSize, $fontStretch, $fontStyle, $fontWeight, $letterSpacing, $lineHeight, $textTransform, }: Character & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.character = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var character = function (_a) {
7
- var breakpoints = _a.breakpoints, $fontFamily = _a.$fontFamily, $fontSize = _a.$fontSize, $fontStretch = _a.$fontStretch, $fontStyle = _a.$fontStyle, $fontWeight = _a.$fontWeight, $letterSpacing = _a.$letterSpacing, $lineHeight = _a.$lineHeight, $textTransform = _a.$textTransform;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- fontFamily: (0, formatValue_1.formatResponsiveValue)($fontFamily),
10
- fontSize: (0, formatValue_1.formatResponsiveValue)($fontSize),
11
- fontStretch: (0, formatValue_1.formatResponsiveValue)($fontStretch),
12
- fontStyle: (0, formatValue_1.formatResponsiveValue)($fontStyle),
13
- fontWeight: (0, formatValue_1.formatResponsiveValue)($fontWeight, true),
14
- letterSpacing: (0, formatValue_1.formatResponsiveValue)($letterSpacing),
15
- lineHeight: (0, formatValue_1.formatResponsiveValue)($lineHeight),
16
- textTransform: (0, formatValue_1.formatResponsiveValue)($textTransform),
17
- });
18
- };
19
- exports.character = character;
20
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhcmFjdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY2hhcmFjdGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFhM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFVeEI7UUFUekIsV0FBVyxpQkFBQSxFQUNYLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxjQUFjLG9CQUFBLEVBQ2QsV0FBVyxpQkFBQSxFQUNYLGNBQWMsb0JBQUE7SUFFZCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLEVBQUUsSUFBSSxDQUFDO1FBQ3BELGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO0tBQ3ZELENBQUM7QUFURixDQVNFLENBQUM7QUFwQk0sUUFBQSxTQUFTLGFBb0JmIn0=
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType } from "../types";
2
- import { FlexChild } from "./flexChild";
3
- import { GridChild } from "./gridChild";
4
- export interface Child extends FlexChild, GridChild {
5
- }
6
- export declare const child: <B extends BreakpointsType>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $gridArea, $justifySelf, $order, }: Child & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.child = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var child = function (_a) {
7
- var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $gridArea = _a.$gridArea, $justifySelf = _a.$justifySelf, $order = _a.$order;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
10
- flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
11
- flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
12
- flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
13
- gridArea: (0, formatValue_1.formatResponsiveValue)($gridArea),
14
- justifySelf: (0, formatValue_1.formatResponsiveValue)($justifySelf),
15
- order: (0, formatValue_1.formatResponsiveValue)($order, true),
16
- });
17
- };
18
- exports.child = child;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpbGQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9jaGlsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sS0FBSyxHQUFHLFVBQTRCLEVBU3hCO1FBUnJCLFdBQVcsaUJBQUEsRUFDWCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQSxFQUNWLFNBQVMsZUFBQSxFQUNULFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBLEVBQ1osTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsRUFBRSxJQUFJLENBQUM7UUFDaEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxFQUFFLElBQUksQ0FBQztRQUNwRCxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLENBQUM7UUFDMUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sRUFBRSxJQUFJLENBQUM7S0FDN0MsQ0FBQztBQVJGLENBUUUsQ0FBQztBQWxCTSxRQUFBLEtBQUssU0FrQlgifQ==
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Colors {
3
- $backgroundColor?: ResponsiveProperty.Color;
4
- $color?: ResponsiveProperty.Color;
5
- }
6
- export declare const colors: <B extends BreakpointsType>({ breakpoints, $backgroundColor, $color }: Colors & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.colors = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var colors = function (_a) {
7
- var breakpoints = _a.breakpoints, $backgroundColor = _a.$backgroundColor, $color = _a.$color;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- backgroundColor: (0, formatValue_1.formatResponsiveValue)($backgroundColor),
10
- color: (0, formatValue_1.formatResponsiveValue)($color),
11
- });
12
- };
13
- exports.colors = colors;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sb3JzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sb3JzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFPM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFBa0U7UUFBaEUsV0FBVyxpQkFBQSxFQUFFLGdCQUFnQixzQkFBQSxFQUFFLE1BQU0sWUFBQTtJQUNyRixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztLQUN2QyxDQUFDO0FBSEYsQ0FHRSxDQUFDO0FBSk0sUUFBQSxNQUFNLFVBSVoifQ==
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Column {
3
- $columnCount?: ResponsiveProperty.ColumnCount;
4
- $columnFill?: ResponsiveProperty.ColumnFill;
5
- $columnGap?: ResponsiveProperty.ColumnGap;
6
- $columnRule?: ResponsiveProperty.ColumnRule;
7
- $columnSpan?: ResponsiveProperty.ColumnSpan;
8
- $columnWidth?: ResponsiveProperty.ColumnWidth;
9
- }
10
- export declare const column: <B extends BreakpointsType>({ breakpoints, $columnCount, $columnFill, $columnGap, $columnRule, $columnSpan, $columnWidth, }: Column & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.column = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var column = function (_a) {
7
- var breakpoints = _a.breakpoints, $columnCount = _a.$columnCount, $columnFill = _a.$columnFill, $columnGap = _a.$columnGap, $columnRule = _a.$columnRule, $columnSpan = _a.$columnSpan, $columnWidth = _a.$columnWidth;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- columnCount: (0, formatValue_1.formatResponsiveValue)($columnCount, true),
10
- columnFill: (0, formatValue_1.formatResponsiveValue)($columnFill),
11
- columnGap: (0, formatValue_1.formatResponsiveValue)($columnGap),
12
- columnRule: (0, formatValue_1.formatResponsiveValue)($columnRule),
13
- columnSpan: (0, formatValue_1.formatResponsiveValue)($columnSpan),
14
- columnWidth: (0, formatValue_1.formatResponsiveValue)($columnWidth),
15
- });
16
- };
17
- exports.column = column;
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvY29sdW1uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLFlBQVksa0JBQUEsRUFDWixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxXQUFXLGlCQUFBLEVBQ1gsWUFBWSxrQkFBQTtJQUVaLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxFQUFFLElBQUksQ0FBQztRQUN0RCxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7UUFDOUMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO0tBQ25ELENBQUM7QUFQRixDQU9FLENBQUM7QUFoQk0sUUFBQSxNQUFNLFVBZ0JaIn0=
@@ -1,5 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Display {
3
- $display?: ResponsiveProperty.Display;
4
- }
5
- export declare const display: <B extends BreakpointsType>({ breakpoints, $display }: Display & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.display = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var display = function (_a) {
7
- var breakpoints = _a.breakpoints, $display = _a.$display;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- display: (0, formatValue_1.formatResponsiveValue)($display),
10
- });
11
- };
12
- exports.display = display;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlzcGxheS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2Rpc3BsYXkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU0zRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQUFtRDtRQUFqRCxXQUFXLGlCQUFBLEVBQUUsUUFBUSxjQUFBO0lBQ3RFLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsT0FBTyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsUUFBUSxDQUFDO0tBQzNDLENBQUM7QUFGRixDQUVFLENBQUM7QUFITSxRQUFBLE9BQU8sV0FHYiJ9
@@ -1,9 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface FlexChild {
3
- $alignSelf?: ResponsiveProperty.AlignSelf;
4
- $flexBasis?: ResponsiveProperty.FlexBasis;
5
- $flexGrow?: ResponsiveProperty.FlexGrow;
6
- $flexShrink?: ResponsiveProperty.FlexShrink;
7
- $order?: ResponsiveProperty.Order;
8
- }
9
- export declare const flexChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $flexBasis, $flexGrow, $flexShrink, $order, }: FlexChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.flexChild = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var flexChild = function (_a) {
7
- var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $flexBasis = _a.$flexBasis, $flexGrow = _a.$flexGrow, $flexShrink = _a.$flexShrink, $order = _a.$order;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
10
- flexBasis: (0, formatValue_1.formatResponsiveValue)($flexBasis),
11
- flexGrow: (0, formatValue_1.formatResponsiveValue)($flexGrow, true),
12
- flexShrink: (0, formatValue_1.formatResponsiveValue)($flexShrink, true),
13
- order: (0, formatValue_1.formatResponsiveValue)($order, true),
14
- });
15
- };
16
- exports.flexChild = flexChild;
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZmxleENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFVM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFPeEI7UUFOekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQTtJQUVOLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxRQUFRLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxTQUFTLEVBQUUsSUFBSSxDQUFDO1FBQ2hELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsRUFBRSxJQUFJLENBQUM7UUFDcEQsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxFQUFFLElBQUksQ0FBQztLQUM3QyxDQUFDO0FBTkYsQ0FNRSxDQUFDO0FBZE0sUUFBQSxTQUFTLGFBY2YifQ==
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface FlexParent {
3
- $alignContent?: ResponsiveProperty.AlignContent;
4
- $alignItems?: ResponsiveProperty.AlignItems;
5
- $display?: ResponsiveProperty.Display;
6
- $flexDirection?: ResponsiveProperty.FlexDirection;
7
- $flexWrap?: ResponsiveProperty.FlexWrap;
8
- $justifyContent?: ResponsiveProperty.JustifyContent;
9
- }
10
- export declare const flexParent: <B extends BreakpointsType>({ breakpoints, $alignContent, $alignItems, $display, $flexDirection, $flexWrap, $justifyContent, }: FlexParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.flexParent = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var flexParent = function (_a) {
7
- var breakpoints = _a.breakpoints, $alignContent = _a.$alignContent, $alignItems = _a.$alignItems, $display = _a.$display, $flexDirection = _a.$flexDirection, $flexWrap = _a.$flexWrap, $justifyContent = _a.$justifyContent;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- alignContent: (0, formatValue_1.formatResponsiveValue)($alignContent),
10
- alignItems: (0, formatValue_1.formatResponsiveValue)($alignItems),
11
- display: (0, formatValue_1.formatResponsiveValue)($display !== null && $display !== void 0 ? $display : "flex"),
12
- flexDirection: (0, formatValue_1.formatResponsiveValue)($flexDirection),
13
- flexWrap: (0, formatValue_1.formatResponsiveValue)($flexWrap),
14
- justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
15
- });
16
- };
17
- exports.flexParent = flexParent;
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxleFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2ZsZXhQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLFVBQVUsR0FBRyxVQUE0QixFQVF4QjtRQVAxQixXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsU0FBUyxlQUFBLEVBQ1QsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztRQUM5QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxNQUFNLENBQUM7UUFDbEQsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQVBGLENBT0UsQ0FBQztBQWhCTSxRQUFBLFVBQVUsY0FnQmhCIn0=
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Floating {
3
- $clear?: ResponsiveProperty.Clear;
4
- $float?: ResponsiveProperty.Float;
5
- }
6
- export declare const floating: <B extends BreakpointsType>({ breakpoints, $clear, $float }: Floating & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.floating = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var floating = function (_a) {
7
- var breakpoints = _a.breakpoints, $clear = _a.$clear, $float = _a.$float;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- clear: (0, formatValue_1.formatResponsiveValue)($clear),
10
- float: (0, formatValue_1.formatResponsiveValue)($float),
11
- });
12
- };
13
- exports.floating = floating;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmxvYXRpbmcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9mbG9hdGluZy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTzNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBQTBEO1FBQXhELFdBQVcsaUJBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDN0UsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxLQUFLLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxNQUFNLENBQUM7UUFDcEMsS0FBSyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsTUFBTSxDQUFDO0tBQ3ZDLENBQUM7QUFIRixDQUdFLENBQUM7QUFKTSxRQUFBLFFBQVEsWUFJZCJ9
@@ -1,7 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface GridChild {
3
- $alignSelf?: ResponsiveProperty.AlignSelf;
4
- $gridArea?: ResponsiveProperty.GridArea;
5
- $justifySelf?: ResponsiveProperty.JustifySelf;
6
- }
7
- export declare const gridChild: <B extends BreakpointsType>({ breakpoints, $alignSelf, $gridArea, $justifySelf, }: GridChild & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.gridChild = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var gridChild = function (_a) {
7
- var breakpoints = _a.breakpoints, $alignSelf = _a.$alignSelf, $gridArea = _a.$gridArea, $justifySelf = _a.$justifySelf;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- alignSelf: (0, formatValue_1.formatResponsiveValue)($alignSelf),
10
- gridArea: (0, formatValue_1.formatResponsiveValue)($gridArea),
11
- justifySelf: (0, formatValue_1.formatResponsiveValue)($justifySelf),
12
- });
13
- };
14
- exports.gridChild = gridChild;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZENoaWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvZ3JpZENoaWxkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFLeEI7UUFKekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxZQUFZLGtCQUFBO0lBRVosT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFlBQVksQ0FBQztLQUNuRCxDQUFDO0FBSkYsQ0FJRSxDQUFDO0FBVk0sUUFBQSxTQUFTLGFBVWYifQ==
@@ -1,20 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface GridParent {
3
- $alignContent?: ResponsiveProperty.AlignContent;
4
- $alignItems?: ResponsiveProperty.AlignItems;
5
- $display?: ResponsiveProperty.Display;
6
- $gridAutoColumns?: ResponsiveProperty.GridAutoColumns;
7
- $gridAutoFlow?: ResponsiveProperty.GridAutoFlow;
8
- $gridAutoRows?: ResponsiveProperty.GridAutoRows;
9
- $gridColumnCount?: ResponsiveProperty.GridColumnCount;
10
- $gridGap?: ResponsiveProperty.GridGap;
11
- $gridColumnGap?: ResponsiveProperty.GridColumnGap;
12
- $gridRowGap?: ResponsiveProperty.GridRowGap;
13
- $gridRowCount?: ResponsiveProperty.GridRowCount;
14
- $gridTemplateAreas?: ResponsiveProperty.GridTemplateAreas;
15
- $gridTemplateColumns?: ResponsiveProperty.GridTemplateColumns;
16
- $gridTemplateRows?: ResponsiveProperty.GridTemplateRows;
17
- $justifyContent?: ResponsiveProperty.JustifyContent;
18
- $justifyItems?: ResponsiveProperty.JustifyItems;
19
- }
20
- export declare const gridParent: <B extends BreakpointsType>({ breakpoints, $alignContent, $alignItems, $display, $gridAutoColumns, $gridAutoFlow, $gridAutoRows, $gridColumnCount, $gridGap, $gridColumnGap, $gridRowGap, $gridRowCount, $gridTemplateAreas, $gridTemplateColumns, $gridTemplateRows, $justifyContent, $justifyItems, }: GridParent & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,31 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.gridParent = void 0;
4
- var formatGridColumns_1 = require("../utils/formatGridColumns");
5
- var formatValue_1 = require("../utils/formatValue");
6
- var responsive_1 = require("../utils/responsive");
7
- var gridParent = function (_a) {
8
- var breakpoints = _a.breakpoints, $alignContent = _a.$alignContent, $alignItems = _a.$alignItems, $display = _a.$display, $gridAutoColumns = _a.$gridAutoColumns, $gridAutoFlow = _a.$gridAutoFlow, $gridAutoRows = _a.$gridAutoRows, $gridColumnCount = _a.$gridColumnCount, $gridGap = _a.$gridGap, $gridColumnGap = _a.$gridColumnGap, $gridRowGap = _a.$gridRowGap, $gridRowCount = _a.$gridRowCount, $gridTemplateAreas = _a.$gridTemplateAreas, $gridTemplateColumns = _a.$gridTemplateColumns, $gridTemplateRows = _a.$gridTemplateRows, $justifyContent = _a.$justifyContent, $justifyItems = _a.$justifyItems;
9
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
10
- alignContent: (0, formatValue_1.formatResponsiveValue)($alignContent),
11
- alignItems: (0, formatValue_1.formatResponsiveValue)($alignItems),
12
- display: (0, formatValue_1.formatResponsiveValue)($display !== null && $display !== void 0 ? $display : "grid"),
13
- gridAutoColumns: (0, formatValue_1.formatResponsiveValue)($gridAutoColumns),
14
- gridAutoFlow: (0, formatValue_1.formatResponsiveValue)($gridAutoFlow),
15
- gridAutoRows: (0, formatValue_1.formatResponsiveValue)($gridAutoRows),
16
- gridGap: (0, formatValue_1.formatResponsiveValue)($gridGap),
17
- gridColumnGap: (0, formatValue_1.formatResponsiveValue)($gridColumnGap),
18
- gridRowGap: (0, formatValue_1.formatResponsiveValue)($gridRowGap),
19
- gridTemplateAreas: (0, formatValue_1.formatResponsiveValue)($gridTemplateAreas),
20
- gridTemplateColumns: $gridTemplateColumns
21
- ? (0, formatValue_1.formatResponsiveValue)($gridTemplateColumns)
22
- : (0, formatGridColumns_1.formatResponsiveGridColumns)($gridColumnCount),
23
- gridTemplateRows: $gridTemplateRows
24
- ? (0, formatValue_1.formatResponsiveValue)($gridTemplateRows)
25
- : (0, formatGridColumns_1.formatResponsiveGridColumns)($gridRowCount),
26
- justifyContent: (0, formatValue_1.formatResponsiveValue)($justifyContent),
27
- justifyItems: (0, formatValue_1.formatResponsiveValue)($justifyItems),
28
- });
29
- };
30
- exports.gridParent = gridParent;
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZFBhcmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL2dyaWRQYXJlbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EsZ0VBQXlFO0FBQ3pFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFxQjNELElBQU0sVUFBVSxHQUFHLFVBQTRCLEVBa0J4QjtRQWpCMUIsV0FBVyxpQkFBQSxFQUNYLGFBQWEsbUJBQUEsRUFDYixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsZ0JBQWdCLHNCQUFBLEVBQ2hCLGFBQWEsbUJBQUEsRUFDYixhQUFhLG1CQUFBLEVBQ2IsZ0JBQWdCLHNCQUFBLEVBQ2hCLFFBQVEsY0FBQSxFQUNSLGNBQWMsb0JBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsYUFBYSxtQkFBQSxFQUNiLGtCQUFrQix3QkFBQSxFQUNsQixvQkFBb0IsMEJBQUEsRUFDcEIsaUJBQWlCLHVCQUFBLEVBQ2pCLGVBQWUscUJBQUEsRUFDZixhQUFhLG1CQUFBO0lBRWIsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLE1BQU0sQ0FBQztRQUNsRCxlQUFlLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxnQkFBZ0IsQ0FBQztRQUN4RCxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxhQUFhLENBQUM7UUFDbEQsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsYUFBYSxDQUFDO1FBQ2xELE9BQU8sRUFBRSxJQUFBLG1DQUFxQixFQUFDLFFBQVEsQ0FBQztRQUN4QyxhQUFhLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxjQUFjLENBQUM7UUFDcEQsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsV0FBVyxDQUFDO1FBQzlDLGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7UUFDNUQsbUJBQW1CLEVBQUUsb0JBQW9CO1lBQ3JDLENBQUMsQ0FBQyxJQUFBLG1DQUFxQixFQUFDLG9CQUFvQixDQUFDO1lBQzdDLENBQUMsQ0FBQyxJQUFBLCtDQUEyQixFQUFDLGdCQUFnQixDQUFDO1FBQ25ELGdCQUFnQixFQUFFLGlCQUFpQjtZQUMvQixDQUFDLENBQUMsSUFBQSxtQ0FBcUIsRUFBQyxpQkFBaUIsQ0FBQztZQUMxQyxDQUFDLENBQUMsSUFBQSwrQ0FBMkIsRUFBQyxhQUFhLENBQUM7UUFDaEQsY0FBYyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsZUFBZSxDQUFDO1FBQ3RELFlBQVksRUFBRSxJQUFBLG1DQUFxQixFQUFDLGFBQWEsQ0FBQztLQUNyRCxDQUFDO0FBbkJGLENBbUJFLENBQUM7QUF0Q00sUUFBQSxVQUFVLGNBc0NoQiJ9
@@ -1,8 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Interactions {
3
- $cursor?: ResponsiveProperty.Cursor;
4
- $pointerEvents?: ResponsiveProperty.PointerEvents;
5
- $resize?: ResponsiveProperty.Resize;
6
- $userSelect?: ResponsiveProperty.UserSelect;
7
- }
8
- export declare const interactions: <B extends BreakpointsType>({ breakpoints, $cursor, $pointerEvents, $resize, $userSelect, }: Interactions & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.interactions = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var interactions = function (_a) {
7
- var breakpoints = _a.breakpoints, $cursor = _a.$cursor, $pointerEvents = _a.$pointerEvents, $resize = _a.$resize, $userSelect = _a.$userSelect;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- cursor: (0, formatValue_1.formatResponsiveValue)($cursor),
10
- pointerEvents: (0, formatValue_1.formatResponsiveValue)($pointerEvents),
11
- resize: (0, formatValue_1.formatResponsiveValue)($resize),
12
- userSelect: (0, formatValue_1.formatResponsiveValue)($userSelect),
13
- });
14
- };
15
- exports.interactions = interactions;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJhY3Rpb25zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvaW50ZXJhY3Rpb25zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxZQUFZLEdBQUcsVUFBNEIsRUFNeEI7UUFMNUIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLGNBQWMsb0JBQUEsRUFDZCxPQUFPLGFBQUEsRUFDUCxXQUFXLGlCQUFBO0lBRVgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsYUFBYSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsY0FBYyxDQUFDO1FBQ3BELE1BQU0sRUFBRSxJQUFBLG1DQUFxQixFQUFDLE9BQU8sQ0FBQztRQUN0QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUxGLENBS0UsQ0FBQztBQVpNLFFBQUEsWUFBWSxnQkFZbEIifQ==
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Margins {
3
- $mb?: ResponsiveProperty.Margin;
4
- $ml?: ResponsiveProperty.Margin;
5
- $mr?: ResponsiveProperty.Margin;
6
- $mt?: ResponsiveProperty.Margin;
7
- $my?: ResponsiveProperty.Margin;
8
- $mx?: ResponsiveProperty.Margin;
9
- }
10
- export declare const margins: <B extends BreakpointsType>({ breakpoints, $mb, $ml, $mr, $mt, $my, $mx, }: Margins & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.margins = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var margins = function (_a) {
7
- var breakpoints = _a.breakpoints, $mb = _a.$mb, $ml = _a.$ml, $mr = _a.$mr, $mt = _a.$mt, $my = _a.$my, $mx = _a.$mx;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- marginBottom: (0, formatValue_1.formatResponsiveValue)($mb !== null && $mb !== void 0 ? $mb : $my),
10
- marginLeft: (0, formatValue_1.formatResponsiveValue)($ml !== null && $ml !== void 0 ? $ml : $mx),
11
- marginRight: (0, formatValue_1.formatResponsiveValue)($mr !== null && $mr !== void 0 ? $mr : $mx),
12
- marginTop: (0, formatValue_1.formatResponsiveValue)($mt !== null && $mt !== void 0 ? $mt : $my),
13
- });
14
- };
15
- exports.margins = margins;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFyZ2lucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL21hcmdpbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQVczRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQVF4QjtRQVB2QixXQUFXLGlCQUFBLEVBQ1gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBLEVBQ0gsR0FBRyxTQUFBO0lBRUgsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxZQUFZLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDL0MsVUFBVSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQzdDLFdBQVcsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUM5QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7S0FDL0MsQ0FBQztBQUxGLENBS0UsQ0FBQztBQWRNLFFBQUEsT0FBTyxXQWNiIn0=
@@ -1,5 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveMaxLinesProperty } from "../types";
2
- export interface MaxLines<B extends BreakpointsType> {
3
- $maxLines?: ResponsiveMaxLinesProperty<B>;
4
- }
5
- export declare const maxLines: <B extends BreakpointsType>({ breakpoints, $maxLines }: MaxLines<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,18 +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.maxLines = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var responsiveMultilineTruncate_1 = require("../mixins/responsiveMultilineTruncate");
10
- var maxLines = function (_a) {
11
- var breakpoints = _a.breakpoints, $maxLines = _a.$maxLines;
12
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), $maxLines
13
- ? (0, responsiveMultilineTruncate_1.responsiveMultilineTruncate)(breakpoints, typeof $maxLines === "number" ? $maxLines : $maxLines.count, typeof $maxLines === "number" ? !!$maxLines : { from: $maxLines.from, to: $maxLines.to })
14
- : null);
15
- };
16
- exports.maxLines = maxLines;
17
- var templateObject_1;
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF4TGluZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9tYXhMaW5lcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFGQUFvRjtBQU83RSxJQUFNLFFBQVEsR0FBRyxVQUE0QixFQUF3RDtRQUF0RCxXQUFXLGlCQUFBLEVBQUUsU0FBUyxlQUFBO0lBQXFDLFdBQUEsdUJBQUcsa0ZBQUEsUUFDOUcsRUFNUSxJQUNiLEtBUEssU0FBUztRQUNQLENBQUMsQ0FBQyxJQUFBLHlEQUEyQixFQUN2QixXQUFXLEVBQ1gsT0FBTyxTQUFTLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQzNELE9BQU8sU0FBUyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRSxJQUFJLEVBQUUsU0FBUyxDQUFDLElBQUksRUFBRSxFQUFFLEVBQUUsU0FBUyxDQUFDLEVBQUUsRUFBRSxDQUMzRjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUG1HLENBUWhILENBQUM7QUFSVyxRQUFBLFFBQVEsWUFRbkIifQ==