@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,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface ObjectFitting {
3
- $objectFit?: ResponsiveProperty.ObjectFit;
4
- $objectPosition?: ResponsiveProperty.ObjectPosition;
5
- }
6
- export declare const objectFitting: <B extends BreakpointsType>({ breakpoints, $objectFit, $objectPosition, }: ObjectFitting & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.objectFitting = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var objectFitting = function (_a) {
7
- var breakpoints = _a.breakpoints, $objectFit = _a.$objectFit, $objectPosition = _a.$objectPosition;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- objectFit: (0, formatValue_1.formatResponsiveValue)($objectFit),
10
- objectPosition: (0, formatValue_1.formatResponsiveValue)($objectPosition),
11
- });
12
- };
13
- exports.objectFitting = objectFitting;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2JqZWN0Rml0dGluZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL29iamVjdEZpdHRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLGFBQWEsR0FBRyxVQUE0QixFQUl4QjtRQUg3QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLGVBQWUscUJBQUE7SUFFZixPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsYUFBYSxpQkFRbkIifQ==
@@ -1,7 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Overflow {
3
- $overflow?: ResponsiveProperty.Overflow;
4
- $overflowX?: ResponsiveProperty.Overflow;
5
- $overflowY?: ResponsiveProperty.Overflow;
6
- }
7
- export declare const overflow: <B extends BreakpointsType>({ breakpoints, $overflow, $overflowX, $overflowY, }: Overflow & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.overflow = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var overflow = function (_a) {
7
- var breakpoints = _a.breakpoints, $overflow = _a.$overflow, $overflowX = _a.$overflowX, $overflowY = _a.$overflowY;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- overflow: (0, formatValue_1.formatResponsiveValue)($overflow),
10
- overflowX: (0, formatValue_1.formatResponsiveValue)($overflowX),
11
- overflowY: (0, formatValue_1.formatResponsiveValue)($overflowY),
12
- });
13
- };
14
- exports.overflow = overflow;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmZsb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9vdmVyZmxvdy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBUTNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBS3hCO1FBSnhCLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsVUFBVSxnQkFBQTtJQUVWLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7S0FDL0MsQ0FBQztBQUpGLENBSUUsQ0FBQztBQVZNLFFBQUEsUUFBUSxZQVVkIn0=
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Paddings {
3
- $pb?: ResponsiveProperty.Padding;
4
- $pl?: ResponsiveProperty.Padding;
5
- $pr?: ResponsiveProperty.Padding;
6
- $pt?: ResponsiveProperty.Padding;
7
- $py?: ResponsiveProperty.Padding;
8
- $px?: ResponsiveProperty.Padding;
9
- }
10
- export declare const paddings: <B extends BreakpointsType>({ breakpoints, $pb, $pl, $pr, $pt, $py, $px, }: Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,16 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.paddings = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var paddings = function (_a) {
7
- var breakpoints = _a.breakpoints, $pb = _a.$pb, $pl = _a.$pl, $pr = _a.$pr, $pt = _a.$pt, $py = _a.$py, $px = _a.$px;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- paddingBottom: (0, formatValue_1.formatResponsiveValue)($pb !== null && $pb !== void 0 ? $pb : $py),
10
- paddingLeft: (0, formatValue_1.formatResponsiveValue)($pl !== null && $pl !== void 0 ? $pl : $px),
11
- paddingRight: (0, formatValue_1.formatResponsiveValue)($pr !== null && $pr !== void 0 ? $pr : $px),
12
- paddingTop: (0, formatValue_1.formatResponsiveValue)($pt !== null && $pt !== void 0 ? $pt : $py),
13
- });
14
- };
15
- exports.paddings = paddings;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFkZGluZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wYWRkaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBVzNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBUXhCO1FBUHhCLFdBQVcsaUJBQUEsRUFDWCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUE7SUFFSCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztRQUNoRCxXQUFXLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxHQUFHLGFBQUgsR0FBRyxjQUFILEdBQUcsR0FBSSxHQUFHLENBQUM7UUFDOUMsWUFBWSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsR0FBRyxhQUFILEdBQUcsY0FBSCxHQUFHLEdBQUksR0FBRyxDQUFDO1FBQy9DLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLEdBQUcsYUFBSCxHQUFHLGNBQUgsR0FBRyxHQUFJLEdBQUcsQ0FBQztLQUNoRCxDQUFDO0FBTEYsQ0FLRSxDQUFDO0FBZE0sUUFBQSxRQUFRLFlBY2QifQ==
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveConditionProperty, ResponsiveProperty } from "../types";
2
- import { MaxLines } from "./maxLines";
3
- export interface Paragraph<B extends BreakpointsType> extends MaxLines<B> {
4
- $hyphens?: ResponsiveProperty.Hyphens;
5
- $textAlign?: ResponsiveProperty.TextAlign;
6
- $textIndent?: ResponsiveProperty.TextIndent;
7
- $truncate?: ResponsiveConditionProperty<B>;
8
- $noWrap?: ResponsiveConditionProperty<B>;
9
- }
10
- export declare const paragraph: <B extends BreakpointsType>({ breakpoints, $hyphens, $maxLines, $noWrap, $textAlign, $textIndent, $truncate, }: Paragraph<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,24 +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.paragraph = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var responsiveNoWrap_1 = require("../mixins/responsiveNoWrap");
10
- var responsiveTruncate_1 = require("../mixins/responsiveTruncate");
11
- var formatValue_1 = require("../utils/formatValue");
12
- var responsive_1 = require("../utils/responsive");
13
- var maxLines_1 = require("./maxLines");
14
- var paragraph = function (_a) {
15
- var breakpoints = _a.breakpoints, $hyphens = _a.$hyphens, $maxLines = _a.$maxLines, $noWrap = _a.$noWrap, $textAlign = _a.$textAlign, $textIndent = _a.$textIndent, $truncate = _a.$truncate;
16
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
17
- hyphens: (0, formatValue_1.formatResponsiveValue)($hyphens),
18
- textAlign: (0, formatValue_1.formatResponsiveValue)($textAlign),
19
- textIndent: (0, formatValue_1.formatResponsiveValue)($textIndent),
20
- }), (0, maxLines_1.maxLines)({ breakpoints: breakpoints, $maxLines: $maxLines }), (0, responsiveTruncate_1.responsiveTruncate)(breakpoints, $truncate), (0, responsiveNoWrap_1.responsiveNoWrap)(breakpoints, $noWrap));
21
- };
22
- exports.paragraph = paragraph;
23
- var templateObject_1;
24
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFyYWdyYXBoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvcGFyYWdyYXBoLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsK0RBQThEO0FBQzlELG1FQUFrRTtBQUVsRSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBQ2xFLHVDQUFnRDtBQVV6QyxJQUFNLFNBQVMsR0FBRyxVQUE0QixFQVFyQjtRQVA1QixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsT0FBTyxhQUFBLEVBQ1AsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUEsRUFDWCxTQUFTLGVBQUE7SUFDd0IsV0FBQSx1QkFBRyxnSEFBQSxRQUNsQyxFQUlBLFFBQ0EsRUFBb0MsUUFDcEMsRUFBMEMsUUFDMUMsRUFBc0MsSUFDM0MsS0FSSyxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUN2QyxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLENBQUM7UUFDeEMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFVBQVUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFdBQVcsQ0FBQztLQUNqRCxDQUFDLEVBQ0EsSUFBQSxtQkFBUSxFQUFDLEVBQUUsV0FBVyxhQUFBLEVBQUUsU0FBUyxXQUFBLEVBQUUsQ0FBQyxFQUNwQyxJQUFBLHVDQUFrQixFQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsRUFDMUMsSUFBQSxtQ0FBZ0IsRUFBQyxXQUFXLEVBQUUsT0FBTyxDQUFDO0FBUlAsQ0FTcEMsQ0FBQztBQWpCVyxRQUFBLFNBQVMsYUFpQnBCIn0=
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Perspective {
3
- $perspective?: ResponsiveProperty.Perspective;
4
- $perspectiveOrigin?: ResponsiveProperty.PerspectiveOrigin;
5
- }
6
- export declare const perspective: <B extends BreakpointsType>({ breakpoints, $perspective, $perspectiveOrigin, }: Perspective & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.perspective = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var perspective = function (_a) {
7
- var breakpoints = _a.breakpoints, $perspective = _a.$perspective, $perspectiveOrigin = _a.$perspectiveOrigin;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- perspective: (0, formatValue_1.formatResponsiveValue)($perspective),
10
- perspectiveOrigin: (0, formatValue_1.formatResponsiveValue)($perspectiveOrigin),
11
- });
12
- };
13
- exports.perspective = perspective;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyc3BlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wZXJzcGVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTzNELElBQU0sV0FBVyxHQUFHLFVBQTRCLEVBSXhCO1FBSDNCLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osa0JBQWtCLHdCQUFBO0lBRWxCLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsV0FBVyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsWUFBWSxDQUFDO1FBQ2hELGlCQUFpQixFQUFFLElBQUEsbUNBQXFCLEVBQUMsa0JBQWtCLENBQUM7S0FDL0QsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsV0FBVyxlQVFqQiJ9
@@ -1,11 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Position {
3
- $bottom?: ResponsiveProperty.Bottom;
4
- $left?: ResponsiveProperty.Left;
5
- $right?: ResponsiveProperty.Right;
6
- $top?: ResponsiveProperty.Top;
7
- $position?: ResponsiveProperty.Position;
8
- $verticalAlign?: ResponsiveProperty.VerticalAlign;
9
- $zIndex?: ResponsiveProperty.ZIndex;
10
- }
11
- export declare const position: <B extends BreakpointsType>({ breakpoints, $bottom, $left, $right, $top, $position, $verticalAlign, $zIndex, }: Position & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.position = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var position = function (_a) {
7
- var breakpoints = _a.breakpoints, $bottom = _a.$bottom, $left = _a.$left, $right = _a.$right, $top = _a.$top, $position = _a.$position, $verticalAlign = _a.$verticalAlign, $zIndex = _a.$zIndex;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- bottom: (0, formatValue_1.formatResponsiveValue)($bottom),
10
- left: (0, formatValue_1.formatResponsiveValue)($left),
11
- right: (0, formatValue_1.formatResponsiveValue)($right),
12
- top: (0, formatValue_1.formatResponsiveValue)($top),
13
- position: (0, formatValue_1.formatResponsiveValue)($position),
14
- verticalAlign: (0, formatValue_1.formatResponsiveValue)($verticalAlign),
15
- zIndex: (0, formatValue_1.formatResponsiveValue)($zIndex, true),
16
- });
17
- };
18
- exports.position = position;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9zaXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9wb3NpdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBWTNELElBQU0sUUFBUSxHQUFHLFVBQTRCLEVBU3hCO1FBUnhCLFdBQVcsaUJBQUEsRUFDWCxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxNQUFNLFlBQUEsRUFDTixJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxjQUFjLG9CQUFBLEVBQ2QsT0FBTyxhQUFBO0lBRVAsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsSUFBSSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsS0FBSyxDQUFDO1FBQ2xDLEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztRQUNwQyxHQUFHLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxJQUFJLENBQUM7UUFDaEMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLGFBQWEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGNBQWMsQ0FBQztRQUNwRCxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLEVBQUUsSUFBSSxDQUFDO0tBQy9DLENBQUM7QUFSRixDQVFFLENBQUM7QUFsQk0sUUFBQSxRQUFRLFlBa0JkIn0=
@@ -1,6 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Shadows {
3
- $boxShadow?: ResponsiveProperty.BoxShadow;
4
- $textShadow?: ResponsiveProperty.TextShadow;
5
- }
6
- export declare const shadows: <B extends BreakpointsType>({ breakpoints, $boxShadow, $textShadow, }: Shadows & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.shadows = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var shadows = function (_a) {
7
- var breakpoints = _a.breakpoints, $boxShadow = _a.$boxShadow, $textShadow = _a.$textShadow;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- boxShadow: (0, formatValue_1.formatResponsiveValue)($boxShadow),
10
- textShadow: (0, formatValue_1.formatResponsiveValue)($textShadow),
11
- });
12
- };
13
- exports.shadows = shadows;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhZG93cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3NoYWRvd3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0Esb0RBQTZEO0FBQzdELGtEQUFrRTtBQU8zRCxJQUFNLE9BQU8sR0FBRyxVQUE0QixFQUl4QjtRQUh2QixXQUFXLGlCQUFBLEVBQ1gsVUFBVSxnQkFBQSxFQUNWLFdBQVcsaUJBQUE7SUFFWCxPQUFBLElBQUEsd0NBQTJCLEVBQUMsV0FBVyxFQUFFO1FBQ3JDLFNBQVMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFVBQVUsQ0FBQztRQUM1QyxVQUFVLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxXQUFXLENBQUM7S0FDakQsQ0FBQztBQUhGLENBR0UsQ0FBQztBQVJNLFFBQUEsT0FBTyxXQVFiIn0=
@@ -1,10 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Sizing {
3
- $height?: ResponsiveProperty.Height;
4
- $maxHeight?: ResponsiveProperty.MaxHeight;
5
- $maxWidth?: ResponsiveProperty.MaxWidth;
6
- $minHeight?: ResponsiveProperty.MinHeight;
7
- $minWidth?: ResponsiveProperty.MinWidth;
8
- $width?: ResponsiveProperty.Width;
9
- }
10
- export declare const sizing: <B extends BreakpointsType>({ breakpoints, $height, $maxHeight, $maxWidth, $minHeight, $minWidth, $width, }: Sizing & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.sizing = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var sizing = function (_a) {
7
- var breakpoints = _a.breakpoints, $height = _a.$height, $maxHeight = _a.$maxHeight, $maxWidth = _a.$maxWidth, $minHeight = _a.$minHeight, $minWidth = _a.$minWidth, $width = _a.$width;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- height: (0, formatValue_1.formatResponsiveValue)($height),
10
- maxHeight: (0, formatValue_1.formatResponsiveValue)($maxHeight),
11
- maxWidth: (0, formatValue_1.formatResponsiveValue)($maxWidth),
12
- minHeight: (0, formatValue_1.formatResponsiveValue)($minHeight),
13
- minWidth: (0, formatValue_1.formatResponsiveValue)($minWidth),
14
- width: (0, formatValue_1.formatResponsiveValue)($width),
15
- });
16
- };
17
- exports.sizing = sizing;
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2l6aW5nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvc2l6aW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFXM0QsSUFBTSxNQUFNLEdBQUcsVUFBNEIsRUFReEI7UUFQdEIsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixTQUFTLGVBQUEsRUFDVCxVQUFVLGdCQUFBLEVBQ1YsU0FBUyxlQUFBLEVBQ1QsTUFBTSxZQUFBO0lBRU4sT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxNQUFNLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxPQUFPLENBQUM7UUFDdEMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLFFBQVEsRUFBRSxJQUFBLG1DQUFxQixFQUFDLFNBQVMsQ0FBQztRQUMxQyxTQUFTLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxVQUFVLENBQUM7UUFDNUMsUUFBUSxFQUFFLElBQUEsbUNBQXFCLEVBQUMsU0FBUyxDQUFDO1FBQzFDLEtBQUssRUFBRSxJQUFBLG1DQUFxQixFQUFDLE1BQU0sQ0FBQztLQUN2QyxDQUFDO0FBUEYsQ0FPRSxDQUFDO0FBaEJNLFFBQUEsTUFBTSxVQWdCWiJ9
@@ -1,6 +0,0 @@
1
- import { BreakpointsType, Breakpoints } from "../types";
2
- import { Margins } from "./margins";
3
- import { Paddings } from "./paddings";
4
- export interface Spacings extends Margins, Paddings {
5
- }
6
- export declare const spacings: <B extends BreakpointsType>(props: Margins & Paddings & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,14 +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.spacings = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var margins_1 = require("./margins");
10
- var paddings_1 = require("./paddings");
11
- var spacings = function (props) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n"], ["\n ", "\n ", "\n"])), (0, margins_1.margins)(props), (0, paddings_1.paddings)(props)); };
12
- exports.spacings = spacings;
13
- var templateObject_1;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZ3MuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy9zcGFjaW5ncy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBRXhDLHFDQUE2QztBQUM3Qyx1Q0FBZ0Q7QUFJekMsSUFBTSxRQUFRLEdBQUcsVUFBNEIsS0FBMEMsSUFBSyxXQUFBLHVCQUFHLDRGQUFBLFFBQ2hHLEVBQWMsUUFDZCxFQUFlLElBQ3BCLEtBRkssSUFBQSxpQkFBTyxFQUFDLEtBQUssQ0FBQyxFQUNkLElBQUEsbUJBQVEsRUFBQyxLQUFLLENBQUMsR0FGOEUsQ0FHbEcsQ0FBQztBQUhXLFFBQUEsUUFBUSxZQUduQiJ9
@@ -1,5 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface TextDecoration {
3
- $textDecoration?: ResponsiveProperty.TextDecoration;
4
- }
5
- export declare const textDecoration: <B extends BreakpointsType>({ breakpoints, $textDecoration, }: TextDecoration & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.textDecoration = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var textDecoration = function (_a) {
7
- var breakpoints = _a.breakpoints, $textDecoration = _a.$textDecoration;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- textDecoration: (0, formatValue_1.formatResponsiveValue)($textDecoration),
10
- });
11
- };
12
- exports.textDecoration = textDecoration;
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dERlY29yYXRpb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90ZXh0RGVjb3JhdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFDQSxvREFBNkQ7QUFDN0Qsa0RBQWtFO0FBTTNELElBQU0sY0FBYyxHQUFHLFVBQTRCLEVBR3hCO1FBRjlCLFdBQVcsaUJBQUEsRUFDWCxlQUFlLHFCQUFBO0lBRWYsT0FBQSxJQUFBLHdDQUEyQixFQUFDLFdBQVcsRUFBRTtRQUNyQyxjQUFjLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxlQUFlLENBQUM7S0FDekQsQ0FBQztBQUZGLENBRUUsQ0FBQztBQU5NLFFBQUEsY0FBYyxrQkFNcEIifQ==
@@ -1,7 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveProperty } from "../types";
2
- export interface Transform {
3
- $transform?: ResponsiveProperty.Transform;
4
- $transformOrigin?: ResponsiveProperty.TransformOrigin;
5
- $transformStyle?: ResponsiveProperty.TransformStyle;
6
- }
7
- export declare const transform: <B extends BreakpointsType>({ breakpoints, $transform, $transformOrigin, $transformStyle, }: Transform & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,15 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.transform = void 0;
4
- var formatValue_1 = require("../utils/formatValue");
5
- var responsive_1 = require("../utils/responsive");
6
- var transform = function (_a) {
7
- var breakpoints = _a.breakpoints, $transform = _a.$transform, $transformOrigin = _a.$transformOrigin, $transformStyle = _a.$transformStyle;
8
- return (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
9
- transform: (0, formatValue_1.formatResponsiveValue)($transform),
10
- transformOrigin: (0, formatValue_1.formatResponsiveValue)($transformOrigin),
11
- transformStyle: (0, formatValue_1.formatResponsiveValue)($transformStyle),
12
- });
13
- };
14
- exports.transform = transform;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Byb3BlcnRpZXMvdHJhbnNmb3JtLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUNBLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFRM0QsSUFBTSxTQUFTLEdBQUcsVUFBNEIsRUFLeEI7UUFKekIsV0FBVyxpQkFBQSxFQUNYLFVBQVUsZ0JBQUEsRUFDVixnQkFBZ0Isc0JBQUEsRUFDaEIsZUFBZSxxQkFBQTtJQUVmLE9BQUEsSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDckMsU0FBUyxFQUFFLElBQUEsbUNBQXFCLEVBQUMsVUFBVSxDQUFDO1FBQzVDLGVBQWUsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGdCQUFnQixDQUFDO1FBQ3hELGNBQWMsRUFBRSxJQUFBLG1DQUFxQixFQUFDLGVBQWUsQ0FBQztLQUN6RCxDQUFDO0FBSkYsQ0FJRSxDQUFDO0FBVk0sUUFBQSxTQUFTLGFBVWYifQ==
@@ -1,10 +0,0 @@
1
- import { Property } from "csstype";
2
- import { TransitionProperties } from "../types";
3
- export interface Transitions {
4
- $transition?: {
5
- property: TransitionProperties;
6
- duration?: number;
7
- easing?: Property.TransitionTimingFunction;
8
- };
9
- }
10
- export declare const transitions: ({ $transition }: Transitions) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,16 +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.transitions = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var transition_1 = require("../utils/transition");
10
- var transitions = function (_a) {
11
- var $transition = _a.$transition;
12
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: ", ";\n"], ["\n transition: ", ";\n"])), $transition ? (0, transition_1.transition)($transition.property, $transition.duration, $transition.easing) : null);
13
- };
14
- exports.transitions = transitions;
15
- var templateObject_1;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNpdGlvbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvcHJvcGVydGllcy90cmFuc2l0aW9ucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQ0EsdURBQXdDO0FBRXhDLGtEQUFpRDtBQU0xQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBQTRCO1FBQTFCLFdBQVcsaUJBQUE7SUFBb0IsV0FBQSx1QkFBRywrRkFBQSxvQkFDOUMsRUFBK0YsS0FDaEgsS0FEaUIsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFBLHVCQUFVLEVBQUMsV0FBVyxDQUFDLFFBQVEsRUFBRSxXQUFXLENBQUMsUUFBUSxFQUFFLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSTtBQURwRCxDQUU1RCxDQUFDO0FBRlcsUUFBQSxXQUFXLGVBRXRCIn0=
@@ -1,7 +0,0 @@
1
- import { Breakpoints, BreakpointsType } from "../types";
2
- import { Character } from "./character";
3
- import { Colors } from "./colors";
4
- import { Paragraph } from "./paragraph";
5
- export interface Typography<B extends BreakpointsType> extends Character, Paragraph<B>, Colors {
6
- }
7
- export declare const typography: <B extends BreakpointsType>(props: Typography<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,16 +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.typography = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var character_1 = require("./character");
10
- var colors_1 = require("./colors");
11
- var paragraph_1 = require("./paragraph");
12
- var textDecoration_1 = require("./textDecoration");
13
- var typography = function (props) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n"])), (0, character_1.character)(props), (0, colors_1.colors)(props), (0, paragraph_1.paragraph)(props), (0, textDecoration_1.textDecoration)(props)); };
14
- exports.typography = typography;
15
- var templateObject_1;
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3R5cG9ncmFwaHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4Qyx5Q0FBbUQ7QUFDbkQsbUNBQTBDO0FBQzFDLHlDQUFtRDtBQUNuRCxtREFBa0Q7QUFJM0MsSUFBTSxVQUFVLEdBQUcsVUFBNEIsS0FBcUMsSUFBSyxXQUFBLHVCQUFHLGdIQUFBLFFBQzdGLEVBQWdCLFFBQ2hCLEVBQWEsUUFDYixFQUFnQixRQUNoQixFQUFxQixJQUMxQixLQUpLLElBQUEscUJBQVMsRUFBQyxLQUFLLENBQUMsRUFDaEIsSUFBQSxlQUFNLEVBQUMsS0FBSyxDQUFDLEVBQ2IsSUFBQSxxQkFBUyxFQUFDLEtBQUssQ0FBQyxFQUNoQixJQUFBLCtCQUFjLEVBQUMsS0FBSyxDQUFDLEdBSnFFLENBSy9GLENBQUM7QUFMVyxRQUFBLFVBQVUsY0FLckIifQ==
@@ -1,8 +0,0 @@
1
- import { Breakpoints, BreakpointsType, ResponsiveConditionProperty, ResponsiveProperty } from "../types";
2
- export interface Visibility<B extends BreakpointsType> {
3
- $backfaceVisibility?: ResponsiveProperty.BackfaceVisibility;
4
- $hidden?: ResponsiveConditionProperty<B>;
5
- $opacity?: ResponsiveProperty.Opacity;
6
- $hideVisually?: ResponsiveConditionProperty<B>;
7
- }
8
- export declare const visibility: <B extends BreakpointsType>({ breakpoints, $backfaceVisibility, $hidden, $opacity, $hideVisually, }: Visibility<B> & Breakpoints<B>) => import("styled-components").FlattenSimpleInterpolation;
@@ -1,22 +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.visibility = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var responsiveHidden_1 = require("../mixins/responsiveHidden");
10
- var responsiveHideVisually_1 = require("../mixins/responsiveHideVisually");
11
- var formatValue_1 = require("../utils/formatValue");
12
- var responsive_1 = require("../utils/responsive");
13
- var visibility = function (_a) {
14
- var breakpoints = _a.breakpoints, $backfaceVisibility = _a.$backfaceVisibility, $hidden = _a.$hidden, $opacity = _a.$opacity, $hideVisually = _a.$hideVisually;
15
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n"])), (0, responsive_1.resolveResponsiveProperties)(breakpoints, {
16
- backfaceVisibility: (0, formatValue_1.formatResponsiveValue)($backfaceVisibility),
17
- opacity: (0, formatValue_1.formatResponsiveValue)($opacity),
18
- }), (0, responsiveHideVisually_1.responsiveHideVisually)(breakpoints, $hideVisually), (0, responsiveHidden_1.responsiveHidden)(breakpoints, $hidden));
19
- };
20
- exports.visibility = visibility;
21
- var templateObject_1;
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzaWJpbGl0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wcm9wZXJ0aWVzL3Zpc2liaWxpdHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUN4QywrREFBOEQ7QUFDOUQsMkVBQTBFO0FBRTFFLG9EQUE2RDtBQUM3RCxrREFBa0U7QUFTM0QsSUFBTSxVQUFVLEdBQUcsVUFBNEIsRUFNckI7UUFMN0IsV0FBVyxpQkFBQSxFQUNYLG1CQUFtQix5QkFBQSxFQUNuQixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixhQUFhLG1CQUFBO0lBQ3FCLFdBQUEsdUJBQUcsc0dBQUEsUUFDbkMsRUFHQSxRQUNBLEVBQWtELFFBQ2xELEVBQXNDLElBQzNDLEtBTkssSUFBQSx3Q0FBMkIsRUFBQyxXQUFXLEVBQUU7UUFDdkMsa0JBQWtCLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxtQkFBbUIsQ0FBQztRQUM5RCxPQUFPLEVBQUUsSUFBQSxtQ0FBcUIsRUFBQyxRQUFRLENBQUM7S0FDM0MsQ0FBQyxFQUNBLElBQUEsK0NBQXNCLEVBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxFQUNsRCxJQUFBLG1DQUFnQixFQUFDLFdBQVcsRUFBRSxPQUFPLENBQUM7QUFOTixDQU9yQyxDQUFDO0FBYlcsUUFBQSxVQUFVLGNBYXJCIn0=
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.columnsToPercent = void 0;
4
- var formatValue_1 = require("./formatValue");
5
- var columnsToPercent = function (columns, totalColumns, gutter) {
6
- if (totalColumns === void 0) { totalColumns = 12; }
7
- if (gutter === void 0) { gutter = 0; }
8
- return "calc(".concat(gutter !== 0 ? "(100% + ".concat((0, formatValue_1.formatValue)(gutter), ")") : "100%", " / ").concat(totalColumns, " * ").concat(columns, ")");
9
- };
10
- exports.columnsToPercent = columnsToPercent;
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29sdW1uc1RvUGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9jb2x1bW5zVG9QZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZDQUE0QztBQUVyQyxJQUFNLGdCQUFnQixHQUFHLFVBQUMsT0FBZSxFQUFFLFlBQWlCLEVBQUUsTUFBVTtJQUE3Qiw2QkFBQSxFQUFBLGlCQUFpQjtJQUFFLHVCQUFBLEVBQUEsVUFBVTtJQUMzRSxPQUFBLGVBQVEsTUFBTSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsa0JBQVcsSUFBQSx5QkFBVyxFQUFDLE1BQU0sQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLE1BQU0sZ0JBQU0sWUFBWSxnQkFBTSxPQUFPLE1BQUc7QUFBbkcsQ0FBbUcsQ0FBQztBQUQzRixRQUFBLGdCQUFnQixvQkFDMkUifQ==
@@ -1 +0,0 @@
1
- export declare const encodedSvg: (svg: string) => string;
@@ -1,6 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.encodedSvg = void 0;
4
- var encodedSvg = function (svg) { return "url(\"data:image/svg+xml; utf8, ".concat(escape(svg), "\")"); };
5
- exports.encodedSvg = encodedSvg;
6
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW5jb2RlZFN2Zy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9lbmNvZGVkU3ZnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sVUFBVSxHQUFHLFVBQUMsR0FBVyxJQUFLLE9BQUEsMENBQWtDLE1BQU0sQ0FBQyxHQUFHLENBQUMsUUFBSSxFQUFqRCxDQUFpRCxDQUFDO0FBQWhGLFFBQUEsVUFBVSxjQUFzRSJ9
@@ -1,3 +0,0 @@
1
- import { ResponsiveProperty } from "../types";
2
- export declare const formatAspectRatio: (input?: number | undefined) => string | null;
3
- export declare const formatResponsiveAspectRatio: (input?: ResponsiveProperty.AspectRatio | undefined) => string | (string | null)[] | null;
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.formatResponsiveAspectRatio = exports.formatAspectRatio = void 0;
4
- var percent_1 = require("./percent");
5
- var formatAspectRatio = function (input) {
6
- if (input === 0) {
7
- return input.toString();
8
- }
9
- if (input) {
10
- return "".concat((0, percent_1.percent)(1, input, 2), "%");
11
- }
12
- return null;
13
- };
14
- exports.formatAspectRatio = formatAspectRatio;
15
- var formatResponsiveAspectRatio = function (input) {
16
- if (Array.isArray(input)) {
17
- return input.map(function (item) { return (item ? (0, exports.formatAspectRatio)(item) : null); });
18
- }
19
- return (0, exports.formatAspectRatio)(input);
20
- };
21
- exports.formatResponsiveAspectRatio = formatResponsiveAspectRatio;
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0QXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0QXNwZWN0UmF0aW8udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQ0EscUNBQW9DO0FBRTdCLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjO0lBQzVDLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUNiLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0tBQzNCO0lBQ0QsSUFBSSxLQUFLLEVBQUU7UUFDUCxPQUFPLFVBQUcsSUFBQSxpQkFBTyxFQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDLE1BQUcsQ0FBQztLQUNyQztJQUNELE9BQU8sSUFBSSxDQUFDO0FBQ2hCLENBQUMsQ0FBQztBQVJXLFFBQUEsaUJBQWlCLHFCQVE1QjtBQUVLLElBQU0sMkJBQTJCLEdBQUcsVUFBQyxLQUFzQztJQUM5RSxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEseUJBQWlCLEVBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUF2QyxDQUF1QyxDQUFDLENBQUM7S0FDdkU7SUFDRCxPQUFPLElBQUEseUJBQWlCLEVBQUMsS0FBSyxDQUFDLENBQUM7QUFDcEMsQ0FBQyxDQUFDO0FBTFcsUUFBQSwyQkFBMkIsK0JBS3RDIn0=
@@ -1,2 +0,0 @@
1
- export declare const formatGridColumns: (count?: number | undefined, size?: string) => string | null;
2
- export declare const formatResponsiveGridColumns: (input?: number | (number | null)[] | undefined) => string | (string | null)[] | null;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.formatResponsiveGridColumns = exports.formatGridColumns = void 0;
4
- var formatValue_1 = require("./formatValue");
5
- var formatGridColumns = function (count, size) {
6
- if (size === void 0) { size = "1fr"; }
7
- return count && size ? "repeat(".concat(count, ", ").concat((0, formatValue_1.formatResponsiveValue)(size), ")") : null;
8
- };
9
- exports.formatGridColumns = formatGridColumns;
10
- var formatResponsiveGridColumns = function (input) {
11
- if (Array.isArray(input)) {
12
- return input.map(function (item) { return (item ? (0, exports.formatGridColumns)(item) : null); });
13
- }
14
- return (0, exports.formatGridColumns)(input);
15
- };
16
- exports.formatResponsiveGridColumns = formatResponsiveGridColumns;
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0R3JpZENvbHVtbnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0R3JpZENvbHVtbnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsNkNBQXNEO0FBRS9DLElBQU0saUJBQWlCLEdBQUcsVUFBQyxLQUFjLEVBQUUsSUFBWTtJQUFaLHFCQUFBLEVBQUEsWUFBWTtJQUMxRCxPQUFBLEtBQUssSUFBSSxJQUFJLENBQUMsQ0FBQyxDQUFDLGlCQUFVLEtBQUssZUFBSyxJQUFBLG1DQUFxQixFQUFDLElBQUksQ0FBQyxNQUFHLENBQUMsQ0FBQyxDQUFDLElBQUk7QUFBekUsQ0FBeUUsQ0FBQztBQURqRSxRQUFBLGlCQUFpQixxQkFDZ0Q7QUFFdkUsSUFBTSwyQkFBMkIsR0FBRyxVQUFDLEtBQWtDO0lBQzFFLElBQUksS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLElBQUssT0FBQSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBQSx5QkFBaUIsRUFBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQXZDLENBQXVDLENBQUMsQ0FBQztLQUN2RTtJQUNELE9BQU8sSUFBQSx5QkFBaUIsRUFBQyxLQUFLLENBQUMsQ0FBQztBQUNwQyxDQUFDLENBQUM7QUFMVyxRQUFBLDJCQUEyQiwrQkFLdEMifQ==
@@ -1,3 +0,0 @@
1
- export declare const formatValue: <T = string | number>(input?: T | undefined, forceString?: boolean) => string | null;
2
- export declare const formatResponsiveValue: <T = string | number>(input?: T | (T | null)[] | undefined, forceString?: boolean) => string | (string | null)[] | null;
3
- export declare const formatResponsiveValueFromProperty: <T = Record<string, string | number>>(property: T, input?: keyof T | (keyof T | null)[] | undefined, forceString?: boolean) => string | (string | null | undefined)[] | null;
@@ -1,39 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.formatResponsiveValueFromProperty = exports.formatResponsiveValue = exports.formatValue = void 0;
7
- var rem_1 = __importDefault(require("polished/lib/helpers/rem"));
8
- // format CSS value (return string if number or string and null if other)
9
- var formatValue = function (input, forceString) {
10
- if (forceString === void 0) { forceString = false; }
11
- if (typeof input === "number" && !isNaN(input)) {
12
- if (input === 0 || (forceString && input)) {
13
- return input.toString();
14
- }
15
- return (0, rem_1.default)(input);
16
- }
17
- else if (typeof input === "string" && input !== "") {
18
- return input;
19
- }
20
- return null;
21
- };
22
- exports.formatValue = formatValue;
23
- var formatResponsiveValue = function (input, forceString) {
24
- if (forceString === void 0) { forceString = false; }
25
- if (Array.isArray(input)) {
26
- return input.map(function (item) { return (0, exports.formatValue)(item, forceString); });
27
- }
28
- return (0, exports.formatValue)(input, forceString);
29
- };
30
- exports.formatResponsiveValue = formatResponsiveValue;
31
- var formatResponsiveValueFromProperty = function (property, input, forceString) {
32
- if (forceString === void 0) { forceString = false; }
33
- if (Array.isArray(input)) {
34
- return input.map(function (item) { return (item ? (0, exports.formatValue)(property[item], forceString) : undefined); });
35
- }
36
- return input ? (0, exports.formatValue)(property[input], forceString) : null;
37
- };
38
- exports.formatResponsiveValueFromProperty = formatResponsiveValueFromProperty;
39
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0VmFsdWUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvZm9ybWF0VmFsdWUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsaUVBQTJDO0FBRTNDLHlFQUF5RTtBQUNsRSxJQUFNLFdBQVcsR0FBRyxVQUFzQixLQUFTLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDM0UsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDNUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxJQUFJLEtBQUssQ0FBQyxFQUFFO1lBQ3ZDLE9BQU8sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1NBQzNCO1FBQ0QsT0FBTyxJQUFBLGFBQUcsRUFBQyxLQUFLLENBQUMsQ0FBQztLQUNyQjtTQUFNLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLEtBQUssS0FBSyxFQUFFLEVBQUU7UUFDbEQsT0FBTyxLQUFLLENBQUM7S0FDaEI7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFWVyxRQUFBLFdBQVcsZUFVdEI7QUFFSyxJQUFNLHFCQUFxQixHQUFHLFVBQXNCLEtBQXdCLEVBQUUsV0FBbUI7SUFBbkIsNEJBQUEsRUFBQSxtQkFBbUI7SUFDcEcsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQ3RCLE9BQVEsS0FBYSxDQUFDLEdBQUcsQ0FBQyxVQUFDLElBQUksSUFBSyxPQUFBLElBQUEsbUJBQVcsRUFBSSxJQUFJLEVBQUUsV0FBVyxDQUFDLEVBQWpDLENBQWlDLENBQUMsQ0FBQztLQUMxRTtJQUNELE9BQU8sSUFBQSxtQkFBVyxFQUFJLEtBQVUsRUFBRSxXQUFXLENBQUMsQ0FBQztBQUNuRCxDQUFDLENBQUM7QUFMVyxRQUFBLHFCQUFxQix5QkFLaEM7QUFFSyxJQUFNLGlDQUFpQyxHQUFHLFVBQzdDLFFBQVcsRUFDWCxLQUFvQyxFQUNwQyxXQUFtQjtJQUFuQiw0QkFBQSxFQUFBLG1CQUFtQjtJQUVuQixJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsT0FBTyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUEsbUJBQVcsRUFBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxFQUE3RCxDQUE2RCxDQUFDLENBQUM7S0FDN0Y7SUFDRCxPQUFPLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBQSxtQkFBVyxFQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0FBQ3BFLENBQUMsQ0FBQztBQVRXLFFBQUEsaUNBQWlDLHFDQVM1QyJ9
@@ -1 +0,0 @@
1
- export declare const getNumericValueFromArray: (matchBreakpoint: boolean, index: number, input?: number | (number | null)[] | undefined) => number | null;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getNumericValueFromArray = void 0;
4
- var getNumericValueFromArray = function (matchBreakpoint, index, input) {
5
- if (Array.isArray(input)) {
6
- if (matchBreakpoint && input[index]) {
7
- return input[index];
8
- }
9
- return input[0];
10
- }
11
- return input !== null && input !== void 0 ? input : null;
12
- };
13
- exports.getNumericValueFromArray = getNumericValueFromArray;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2V0TnVtZXJpY1ZhbHVlRnJvbUFycmF5LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3V0aWxzL2dldE51bWVyaWNWYWx1ZUZyb21BcnJheS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBTyxJQUFNLHdCQUF3QixHQUFHLFVBQ3BDLGVBQXdCLEVBQ3hCLEtBQWEsRUFDYixLQUFrQztJQUVsQyxJQUFJLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEVBQUU7UUFDdEIsSUFBSSxlQUFlLElBQUksS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ2pDLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ3ZCO1FBQ0QsT0FBTyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7S0FDbkI7SUFDRCxPQUFPLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLElBQUksQ0FBQztBQUN6QixDQUFDLENBQUM7QUFaVyxRQUFBLHdCQUF3Qiw0QkFZbkMifQ==
@@ -1 +0,0 @@
1
- export declare const hexToRgb: (color: string) => string;
package/utils/hexToRgb.js DELETED
@@ -1,10 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.hexToRgb = void 0;
7
- var parseToRgb_1 = __importDefault(require("polished/lib/color/parseToRgb"));
8
- var hexToRgb = function (color) { return "rgb(".concat(Object.values((0, parseToRgb_1.default)(color)).join(","), ")"); };
9
- exports.hexToRgb = hexToRgb;
10
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGV4VG9SZ2IuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdXRpbHMvaGV4VG9SZ2IudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsNkVBQXVEO0FBRWhELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxJQUFLLE9BQUEsY0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLElBQUEsb0JBQVUsRUFBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsTUFBRyxFQUFwRCxDQUFvRCxDQUFDO0FBQW5GLFFBQUEsUUFBUSxZQUEyRSJ9
@@ -1,2 +0,0 @@
1
- import { FlattenSimpleInterpolation } from "styled-components";
2
- export declare function nonEmptyStyle(style?: FlattenSimpleInterpolation | null): boolean;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.nonEmptyStyle = void 0;
4
- function nonEmptyStyle(style) {
5
- return Array.isArray(style) && !style.every(function (item) { return !item; });
6
- }
7
- exports.nonEmptyStyle = nonEmptyStyle;
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9uRW1wdHlTdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9ub25FbXB0eVN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUVBLFNBQWdCLGFBQWEsQ0FBQyxLQUF5QztJQUNuRSxPQUFPLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLFVBQUMsSUFBSSxJQUFLLE9BQUEsQ0FBQyxJQUFJLEVBQUwsQ0FBSyxDQUFDLENBQUM7QUFDakUsQ0FBQztBQUZELHNDQUVDIn0=
@@ -1,17 +0,0 @@
1
- import facepaint from "facepaint";
2
- import { CSSProperties, FlattenSimpleInterpolation } from "styled-components";
3
- import { BreakpointsType } from "../types";
4
- export declare const mqBetween: (from: number, to: number) => string;
5
- export declare const mqMin: (from: number) => string;
6
- export declare const mqMax: (to: number) => string;
7
- export declare const mqHiDpi: (ratio?: number) => string;
8
- export declare const matchBetween: (from: number, to: number) => boolean;
9
- export declare const matchMin: (from: number) => boolean;
10
- export declare const matchMax: (to: number) => boolean;
11
- export declare const mediaBetween: (from: number, to: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
12
- export declare const mediaMin: (from: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
13
- export declare const mediaMax: (to: number, style: FlattenSimpleInterpolation | null) => FlattenSimpleInterpolation | null;
14
- export declare const mediaHiDpi: (style: FlattenSimpleInterpolation | null, ratio?: number) => FlattenSimpleInterpolation | null;
15
- export declare const facepaintMin: (breakpoints: BreakpointsType) => facepaint.DynamicStyleFunction;
16
- export declare const facepaintOnly: (breakpoints: BreakpointsType) => facepaint.DynamicStyleFunction;
17
- export declare const resolveResponsiveProperties: (breakpoints: BreakpointsType, properties: Partial<Record<keyof CSSProperties, string | (string | null)[] | null>>) => FlattenSimpleInterpolation;