@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
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mqMax = void 0;
4
+ var em_1 = require("../units/em");
5
+ function mqMax(to) {
6
+ return "(max-width: ".concat((0, em_1.em)(to - 1), ")");
7
+ }
8
+ exports.mqMax = mqMax;
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtbWF4LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbXEtbWF4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGtDQUFpQztBQUVqQyxTQUFnQixLQUFLLENBQUMsRUFBVTtJQUM1QixPQUFPLHNCQUFlLElBQUEsT0FBRSxFQUFDLEVBQUUsR0FBRyxDQUFDLENBQUMsTUFBRyxDQUFDO0FBQ3hDLENBQUM7QUFGRCxzQkFFQyJ9
@@ -0,0 +1 @@
1
+ export declare function mqMin(from: number): string;
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mqMin = void 0;
4
+ var em_1 = require("../units/em");
5
+ function mqMin(from) {
6
+ return "(min-width: ".concat((0, em_1.em)(from), ")");
7
+ }
8
+ exports.mqMin = mqMin;
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXEtbWluLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3Jlc3BvbnNpdmUvbXEtbWluLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGtDQUFpQztBQUVqQyxTQUFnQixLQUFLLENBQUMsSUFBWTtJQUM5QixPQUFPLHNCQUFlLElBQUEsT0FBRSxFQUFDLElBQUksQ0FBQyxNQUFHLENBQUM7QUFDdEMsQ0FBQztBQUZELHNCQUVDIn0=
package/types/index.d.ts CHANGED
@@ -1,115 +1,7 @@
1
- import { Globals, Property } from "csstype";
2
1
  import { CSSProperties } from "react";
3
2
  export declare type CssTimeUnits = "ms" | "s";
4
3
  export declare type CssAbsoluteLengthsUnits = "cm" | "mm" | "in" | "px" | "pt" | "pc" | "deg" | "rad";
5
4
  export declare type CssRelativeLengthsUnits = "em" | "ex" | "ch" | "rem" | "vw" | "vh" | "vmin" | "vmax" | "%";
6
5
  export declare type CssUnits = CssTimeUnits | CssAbsoluteLengthsUnits | CssRelativeLengthsUnits;
7
- export declare type BreakpointsType = Record<string, number>;
8
- export interface Breakpoints<B extends BreakpointsType> {
9
- breakpoints: B;
10
- }
11
- export interface ResponsiveRange<B extends BreakpointsType> {
12
- from?: keyof B;
13
- to?: keyof B;
14
- }
15
- export declare type ResponsiveConditionProperty<B extends BreakpointsType> = boolean | ResponsiveRange<B>;
16
- interface MaxLinesResponsiveRange<B extends BreakpointsType> extends ResponsiveRange<B> {
17
- count: number;
18
- }
19
- export declare type ResponsiveMaxLinesProperty<B extends BreakpointsType> = number | MaxLinesResponsiveRange<B>;
20
- export declare type ColorProperty = Globals | "currentcolor" | "transparent" | string;
21
- declare type BgPosition = "bottom" | "center" | "left" | "right" | "top";
22
- declare type BgRepeatStyle = "no-repeat" | "repeat" | "repeat-x" | "repeat-y" | "round" | "space";
23
- declare type BgAttachment = "fixed" | "local" | "scroll";
24
- declare type BgBox = "border-box" | "content-box" | "padding-box";
25
- export declare type BackgroundProperty = ColorProperty | BgPosition | BgRepeatStyle | BgAttachment | BgBox | "none" | string;
26
6
  export declare type TransitionProperty = keyof CSSProperties;
27
7
  export declare type TransitionProperties = TransitionProperty | TransitionProperty[];
28
- export declare namespace ResponsiveProperty {
29
- type AlignContent = Property.AlignContent | (Property.AlignContent | null)[];
30
- type AlignItems = Property.AlignItems | (Property.AlignItems | null)[];
31
- type AlignSelf = Property.AlignSelf | (Property.AlignSelf | null)[];
32
- type AspectRatio = number | (number | null)[];
33
- type BackfaceVisibility = Property.BackfaceVisibility | (Property.BackfaceVisibility | null)[];
34
- type Background = BackgroundProperty | (BackgroundProperty | null)[];
35
- type Border = Property.Border<number> | (Property.Border<number> | null)[];
36
- type BorderRadius = Property.BorderRadius<number> | (Property.BorderRadius<number> | null)[];
37
- type Bottom = Property.Bottom<number> | (Property.Bottom<number> | null)[];
38
- type BoxShadow = Property.BoxShadow | (Property.BoxShadow | null)[];
39
- type BreakAfter = Property.BreakAfter | (Property.BreakAfter | null)[];
40
- type BreakBefore = Property.BreakBefore | (Property.BreakBefore | null)[];
41
- type BreakInside = Property.BreakInside | (Property.BreakInside | null)[];
42
- type Clear = Property.Clear | (Property.Clear | null)[];
43
- type Color = ColorProperty | (ColorProperty | null)[];
44
- type ColumnCount = Property.ColumnCount | (Property.ColumnCount | null)[];
45
- type ColumnFill = Property.ColumnFill | (Property.ColumnFill | null)[];
46
- type ColumnGap = Property.ColumnGap<number> | (Property.ColumnGap<number> | null)[];
47
- type ColumnRule = Property.ColumnRule<number> | (Property.ColumnRule<number> | null)[];
48
- type ColumnSpan = Property.ColumnSpan | (Property.ColumnSpan | null)[];
49
- type ColumnWidth = Property.ColumnWidth<number | string> | (Property.ColumnWidth<number | string> | null)[];
50
- type Cursor = Property.Cursor | (Property.Cursor | null)[];
51
- type Display = Property.Display | (Property.Display | null)[];
52
- type FlexBasis = Property.FlexBasis<number> | (Property.FlexBasis<number> | null)[];
53
- type FlexDirection = Property.FlexDirection | (Property.FlexDirection | null)[];
54
- type FlexGrow = Property.FlexGrow | (Property.FlexGrow | null)[];
55
- type FlexShrink = Property.FlexShrink | (Property.FlexShrink | null)[];
56
- type FlexWrap = Property.FlexWrap | (Property.FlexWrap | null)[];
57
- type Float = Property.Float | (Property.Float | null)[];
58
- type FontFamily = Property.FontFamily | (Property.FontFamily | null)[];
59
- type FontSize = Property.FontSize<number> | (Property.FontSize<number> | null)[];
60
- type FontStretch = Property.FontStretch | (Property.FontStretch | null)[];
61
- type FontStyle = Property.FontStyle | (Property.FontStyle | null)[];
62
- type FontWeight = Property.FontWeight | (Property.FontWeight | null)[];
63
- type GridArea = Property.GridArea | (Property.GridArea | null)[];
64
- type GridAutoColumns = Property.GridAutoColumns<number> | (Property.GridAutoColumns<number> | null)[];
65
- type GridAutoFlow = Property.GridAutoFlow | (Property.GridAutoFlow | null)[];
66
- type GridAutoRows = Property.GridAutoRows<number> | (Property.GridAutoRows<number> | null)[];
67
- type GridColumnCount = number | (number | null)[];
68
- type GridColumnGap = Property.GridColumnGap<number> | (Property.GridColumnGap<number> | null)[];
69
- type GridGap = Property.GridGap<number> | (Property.GridGap<number> | null)[];
70
- type GridRowCount = number | (number | null)[];
71
- type GridRowGap = Property.GridRowGap<number> | (Property.GridRowGap<number> | null)[];
72
- type GridTemplateAreas = Property.GridTemplateAreas | (Property.GridTemplateAreas | null)[];
73
- type GridTemplateColumns = Property.GridTemplateColumns<number> | (Property.GridTemplateColumns<number> | null)[];
74
- type GridTemplateRows = Property.GridTemplateRows<number> | (Property.GridTemplateRows<number> | null)[];
75
- type Height = Property.Height<number> | (Property.Height<number> | null)[];
76
- type Hyphens = Property.Hyphens | (Property.Hyphens | null)[];
77
- type JustifyContent = Property.JustifyContent | (Property.JustifyContent | null)[];
78
- type JustifyItems = Property.JustifyItems | (Property.JustifyItems | null)[];
79
- type JustifySelf = Property.JustifySelf | (Property.JustifySelf | null)[];
80
- type Left = Property.Left<number> | (Property.Left<number> | null)[];
81
- type LetterSpacing = Property.LetterSpacing<number | string> | (Property.LetterSpacing<number | string> | null)[];
82
- type LineHeight = Property.LineHeight<number> | (Property.LineHeight<number> | null)[];
83
- type Margin = Property.Margin<number> | (Property.Margin<number> | null)[];
84
- type MaxHeight = Property.MaxHeight<number> | (Property.MaxHeight<number> | null)[];
85
- type MaxWidth = Property.MaxWidth<number> | (Property.MaxWidth<number> | null)[];
86
- type MinHeight = Property.MinHeight<number> | (Property.MinHeight<number> | null)[];
87
- type MinWidth = Property.MinWidth<number> | (Property.MinWidth<number> | null)[];
88
- type ObjectFit = Property.ObjectFit | (Property.ObjectFit | null)[];
89
- type ObjectPosition = Property.ObjectPosition | (Property.ObjectPosition | null)[];
90
- type Opacity = Property.Opacity | (Property.Opacity | null)[];
91
- type Order = Property.Order | (Property.Order | null)[];
92
- type Outline = Property.Outline<number> | (Property.Outline<number> | null)[];
93
- type Overflow = Property.Overflow | (Property.Overflow | null)[];
94
- type Padding = Property.Padding<number> | (Property.Padding<number> | null)[];
95
- type Perspective = Property.Perspective | (Property.Perspective | null)[];
96
- type PerspectiveOrigin = Property.PerspectiveOrigin | (Property.PerspectiveOrigin | null)[];
97
- type PointerEvents = Property.PointerEvents | (Property.PointerEvents | null)[];
98
- type Position = Property.Position | (Property.Position | null)[];
99
- type Resize = Property.Resize | (Property.Resize | null)[];
100
- type Right = Property.Right<number> | (Property.Right<number> | null)[];
101
- type TextAlign = Property.TextAlign | (Property.TextAlign | null)[];
102
- type TextDecoration = Property.TextDecoration<string> | (Property.TextDecoration<string> | null)[];
103
- type TextIndent = Property.TextIndent<number> | (Property.TextIndent<number> | null)[];
104
- type TextShadow = Property.TextShadow | (Property.TextShadow | null)[];
105
- type TextTransform = Property.TextTransform | (Property.TextTransform | null)[];
106
- type Top = Property.Top<number> | (Property.Top<number> | null)[];
107
- type Transform = Property.Transform | (Property.Transform | null)[];
108
- type TransformOrigin = Property.TransformOrigin | (Property.TransformOrigin | null)[];
109
- type TransformStyle = Property.TransformStyle | (Property.TransformStyle | null)[];
110
- type UserSelect = Property.UserSelect | (Property.UserSelect | null)[];
111
- type VerticalAlign = Property.VerticalAlign | (Property.VerticalAlign | null)[];
112
- type Width = Property.Width<number> | (Property.Width<number> | null)[];
113
- type ZIndex = Property.ZIndex | (Property.ZIndex | null)[];
114
- }
115
- export {};
package/units/em.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const em: (size: number, base?: number) => string;
package/units/em.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.em = void 0;
4
+ var em = function (size, base) {
5
+ if (base === void 0) { base = 16; }
6
+ return (size === 0 ? "0" : "".concat(size / base, "em"));
7
+ };
8
+ exports.em = em;
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdW5pdHMvZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQU8sSUFBTSxFQUFFLEdBQUcsVUFBQyxJQUFZLEVBQUUsSUFBUztJQUFULHFCQUFBLEVBQUEsU0FBUztJQUFLLE9BQUEsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxHQUFHLElBQUksT0FBSSxDQUFDO0FBQXZDLENBQXVDLENBQUM7QUFBMUUsUUFBQSxFQUFFLE1BQXdFIn0=
@@ -0,0 +1 @@
1
+ export declare const formatCssValue: <T = string | number>(input?: T | undefined, forceString?: boolean) => string | null;
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.formatCssValue = void 0;
4
+ var rem_1 = require("./rem");
5
+ // format CSS value (return string if number or string and null if other)
6
+ var formatCssValue = function (input, forceString) {
7
+ if (forceString === void 0) { forceString = false; }
8
+ if (typeof input === "number" && !isNaN(input)) {
9
+ if (input === 0 || (forceString && input)) {
10
+ return input.toString();
11
+ }
12
+ return (0, rem_1.rem)(input);
13
+ }
14
+ else if (typeof input === "string" && input !== "") {
15
+ return input;
16
+ }
17
+ return null;
18
+ };
19
+ exports.formatCssValue = formatCssValue;
20
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybWF0LWNzcy12YWx1ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9mb3JtYXQtY3NzLXZhbHVlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDZCQUE0QjtBQUU1Qix5RUFBeUU7QUFDbEUsSUFBTSxjQUFjLEdBQUcsVUFBc0IsS0FBUyxFQUFFLFdBQW1CO0lBQW5CLDRCQUFBLEVBQUEsbUJBQW1CO0lBQzlFLElBQUksT0FBTyxLQUFLLEtBQUssUUFBUSxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxFQUFFO1FBQzVDLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUMsRUFBRTtZQUN2QyxPQUFPLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztTQUMzQjtRQUNELE9BQU8sSUFBQSxTQUFHLEVBQUMsS0FBSyxDQUFDLENBQUM7S0FDckI7U0FBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssRUFBRSxFQUFFO1FBQ2xELE9BQU8sS0FBSyxDQUFDO0tBQ2hCO0lBQ0QsT0FBTyxJQUFJLENBQUM7QUFDaEIsQ0FBQyxDQUFDO0FBVlcsUUFBQSxjQUFjLGtCQVV6QiJ9
File without changes
@@ -11,4 +11,4 @@ var percent = function (inputValue, maxValue, precision) {
11
11
  return parseFloat((0, trimTrailingZeros_1.trimTrailingZeros)(((inputValue / maxValue) * 100).toFixed(precision)));
12
12
  };
13
13
  exports.percent = percent;
14
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVFQUFzRTtBQUUvRCxJQUFNLE9BQU8sR0FBRyxVQUFDLFVBQWtCLEVBQUUsUUFBYyxFQUFFLFNBQWE7SUFBN0IseUJBQUEsRUFBQSxjQUFjO0lBQUUsMEJBQUEsRUFBQSxhQUFhO0lBQ3JFLElBQUksVUFBVSxLQUFLLENBQUMsRUFBRTtRQUNsQixPQUFPLFVBQVUsQ0FBQztLQUNyQjtJQUNELE9BQU8sVUFBVSxDQUFDLElBQUEscUNBQWlCLEVBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdGLENBQUMsQ0FBQztBQUxXLFFBQUEsT0FBTyxXQUtsQiJ9
14
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGVyY2VudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9wZXJjZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVFQUFzRTtBQUUvRCxJQUFNLE9BQU8sR0FBRyxVQUFDLFVBQWtCLEVBQUUsUUFBYyxFQUFFLFNBQWE7SUFBN0IseUJBQUEsRUFBQSxjQUFjO0lBQUUsMEJBQUEsRUFBQSxhQUFhO0lBQ3JFLElBQUksVUFBVSxLQUFLLENBQUMsRUFBRTtRQUNsQixPQUFPLFVBQVUsQ0FBQztLQUNyQjtJQUNELE9BQU8sVUFBVSxDQUFDLElBQUEscUNBQWlCLEVBQUMsQ0FBQyxDQUFDLFVBQVUsR0FBRyxRQUFRLENBQUMsR0FBRyxHQUFHLENBQUMsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDO0FBQzdGLENBQUMsQ0FBQztBQUxXLFFBQUEsT0FBTyxXQUtsQiJ9
package/units/rem.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const rem: (size: number, base?: number) => string;
package/units/rem.js ADDED
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.rem = void 0;
4
+ var rem = function (size, base) {
5
+ if (base === void 0) { base = 16; }
6
+ return (size === 0 ? "0" : "".concat(size / base, "rem"));
7
+ };
8
+ exports.rem = rem;
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VuaXRzL3JlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBTyxJQUFNLEdBQUcsR0FBRyxVQUFDLElBQVksRUFBRSxJQUFTO0lBQVQscUJBQUEsRUFBQSxTQUFTO0lBQUssT0FBQSxDQUFDLElBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLEdBQUcsSUFBSSxRQUFLLENBQUM7QUFBeEMsQ0FBd0MsQ0FBQztBQUE1RSxRQUFBLEdBQUcsT0FBeUUifQ==
File without changes
@@ -6,4 +6,4 @@ var spacing = function (input, factor) {
6
6
  return (input === 0 ? input : input * factor);
7
7
  };
8
8
  exports.spacing = spacing;
9
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9zcGFjaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBYSxFQUFFLE1BQVU7SUFBVix1QkFBQSxFQUFBLFVBQVU7SUFBSyxPQUFBLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO0FBQXRDLENBQXNDLENBQUM7QUFBaEYsUUFBQSxPQUFPLFdBQXlFIn0=
9
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2luZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91bml0cy9zcGFjaW5nLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFPLElBQU0sT0FBTyxHQUFHLFVBQUMsS0FBYSxFQUFFLE1BQVU7SUFBVix1QkFBQSxFQUFBLFVBQVU7SUFBSyxPQUFBLENBQUMsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLEdBQUcsTUFBTSxDQUFDO0FBQXRDLENBQXNDLENBQUM7QUFBaEYsUUFBQSxPQUFPLFdBQXlFIn0=
File without changes
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.withUnit = void 0;
4
+ var withUnit = function (input, unit) { return "".concat(input).concat(unit); };
5
+ exports.withUnit = withUnit;
6
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2l0aC11bml0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3VuaXRzL3dpdGgtdW5pdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFFTyxJQUFNLFFBQVEsR0FBRyxVQUFDLEtBQXNCLEVBQUUsSUFBYyxJQUFLLE9BQUEsVUFBRyxLQUFLLFNBQUcsSUFBSSxDQUFFLEVBQWpCLENBQWlCLENBQUM7QUFBekUsUUFBQSxRQUFRLFlBQWlFIn0=
@@ -1,9 +0,0 @@
1
- import React, { ReactNode, SVGAttributes } from "react";
2
- export interface AccessibleSvgProps extends SVGAttributes<SVGElement> {
3
- children: ReactNode;
4
- description?: string;
5
- id: string;
6
- title: string;
7
- viewBox: string;
8
- }
9
- export declare const AccessibleSvg: React.NamedExoticComponent<AccessibleSvgProps>;
@@ -1,60 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
- if (k2 === undefined) k2 = k;
15
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
16
- }) : (function(o, m, k, k2) {
17
- if (k2 === undefined) k2 = k;
18
- o[k2] = m[k];
19
- }));
20
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
21
- Object.defineProperty(o, "default", { enumerable: true, value: v });
22
- }) : function(o, v) {
23
- o["default"] = v;
24
- });
25
- var __importStar = (this && this.__importStar) || function (mod) {
26
- if (mod && mod.__esModule) return mod;
27
- var result = {};
28
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
29
- __setModuleDefault(result, mod);
30
- return result;
31
- };
32
- var __rest = (this && this.__rest) || function (s, e) {
33
- var t = {};
34
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
35
- t[p] = s[p];
36
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
37
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
38
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
39
- t[p[i]] = s[p[i]];
40
- }
41
- return t;
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- exports.AccessibleSvg = void 0;
45
- var slugify_1 = require("@uxf/core/utils/slugify");
46
- var react_1 = __importStar(require("react"));
47
- var AccessibleSvgComponent = function (props) {
48
- var children = props.children, description = props.description, id = props.id, _a = props.preserveAspectRatio, preserveAspectRatio = _a === void 0 ? "xMidYMid meet" : _a, _b = props.role, role = _b === void 0 ? "img" : _b, title = props.title, viewBox = props.viewBox, restProps = __rest(props, ["children", "description", "id", "preserveAspectRatio", "role", "title", "viewBox"]);
49
- var idPrefix = "svg__".concat((0, slugify_1.slugify)(id));
50
- var titleId = "".concat(idPrefix, "__title");
51
- var descriptionId = "".concat(idPrefix, "__desc");
52
- var ariaLabelledBy = [titleId, description].filter(function (i) { return i; }).join(" ");
53
- return (react_1.default.createElement("svg", __assign({ "aria-labelledby": ariaLabelledBy, id: id, preserveAspectRatio: preserveAspectRatio, role: role, viewBox: viewBox }, restProps),
54
- react_1.default.createElement("title", { id: titleId }, title),
55
- !!description && react_1.default.createElement("desc", { id: descriptionId }, description),
56
- children));
57
- };
58
- exports.AccessibleSvg = (0, react_1.memo)(AccessibleSvgComponent);
59
- exports.AccessibleSvg.displayName = "AccessibleSvg";
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY2Nlc2libGVTdmcvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsbURBQWtEO0FBQ2xELDZDQUFrRTtBQVVsRSxJQUFNLHNCQUFzQixHQUEyQixVQUFDLEtBQUs7SUFFckQsSUFBQSxRQUFRLEdBUVIsS0FBSyxTQVJHLEVBQ1IsV0FBVyxHQU9YLEtBQUssWUFQTSxFQUNYLEVBQUUsR0FNRixLQUFLLEdBTkgsRUFDRixLQUtBLEtBQUssb0JBTGdDLEVBQXJDLG1CQUFtQixtQkFBRyxlQUFlLEtBQUEsRUFDckMsS0FJQSxLQUFLLEtBSk8sRUFBWixJQUFJLG1CQUFHLEtBQUssS0FBQSxFQUNaLEtBQUssR0FHTCxLQUFLLE1BSEEsRUFDTCxPQUFPLEdBRVAsS0FBSyxRQUZFLEVBQ0osU0FBUyxVQUNaLEtBQUssRUFUSCxvRkFTTCxDQURlLENBQ047SUFFVixJQUFNLFFBQVEsR0FBRyxlQUFRLElBQUEsaUJBQU8sRUFBQyxFQUFFLENBQUMsQ0FBRSxDQUFDO0lBQ3ZDLElBQU0sT0FBTyxHQUFHLFVBQUcsUUFBUSxZQUFTLENBQUM7SUFDckMsSUFBTSxhQUFhLEdBQUcsVUFBRyxRQUFRLFdBQVEsQ0FBQztJQUMxQyxJQUFNLGNBQWMsR0FBRyxDQUFDLE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBRXpFLE9BQU8sQ0FDSCxtRUFDcUIsY0FBYyxFQUMvQixFQUFFLEVBQUUsRUFBRSxFQUNOLG1CQUFtQixFQUFFLG1CQUFtQixFQUN4QyxJQUFJLEVBQUUsSUFBSSxFQUNWLE9BQU8sRUFBRSxPQUFPLElBQ1osU0FBUztRQUViLHlDQUFPLEVBQUUsRUFBRSxPQUFPLElBQUcsS0FBSyxDQUFTO1FBQ2xDLENBQUMsQ0FBQyxXQUFXLElBQUksd0NBQU0sRUFBRSxFQUFFLGFBQWEsSUFBRyxXQUFXLENBQVE7UUFDOUQsUUFBUSxDQUNQLENBQ1QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQUVXLFFBQUEsYUFBYSxHQUFHLElBQUEsWUFBSSxFQUFDLHNCQUFzQixDQUFDLENBQUM7QUFFMUQscUJBQWEsQ0FBQyxXQUFXLEdBQUcsZUFBZSxDQUFDIn0=
@@ -1,15 +0,0 @@
1
- /** @deprecated Moved to @uxf/core package and renamed.
2
- * Use 'import { CLASSES } from "@uxf/core/constants/classes";' instead. */
3
- export declare const Classes: {
4
- readonly FOCUS_VISIBLE: "focus-visible";
5
- readonly IS_ACTIVE: "is-active";
6
- readonly IS_BUSY: "is-busy";
7
- readonly IS_DISABLED: "is-disabled";
8
- readonly IS_FOCUSED: "is-focused";
9
- readonly IS_HOVERED: "is-hovered";
10
- readonly IS_HOVERABLE: "is-hoverable";
11
- readonly IS_INVALID: "is-invalid";
12
- readonly IS_READONLY: "is-readonly";
13
- readonly IS_SELECTED: "is-selected";
14
- readonly IS_NOT_HOVERABLE: "is-not-hoverable";
15
- };
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Classes = void 0;
4
- var classes_1 = require("@uxf/core/constants/classes");
5
- /** @deprecated Moved to @uxf/core package and renamed.
6
- * Use 'import { CLASSES } from "@uxf/core/constants/classes";' instead. */
7
- exports.Classes = classes_1.CLASSES;
8
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvY29uc3RhbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLHVEQUFzRDtBQUV0RDsyRUFDMkU7QUFDOUQsUUFBQSxPQUFPLEdBQUcsaUJBQU8sQ0FBQyJ9
@@ -1 +0,0 @@
1
- export declare const appearanceReset: 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.appearanceReset = void 0;
8
- var styled_components_1 = require("styled-components");
9
- exports.appearanceReset = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"], ["\n appearance: none;\n background-color: transparent;\n border: 0;\n border-radius: 0;\n box-shadow: none;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"])));
10
- var templateObject_1;
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBwZWFyYW5jZVJlc2V0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9hcHBlYXJhbmNlUmVzZXQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLGVBQWUsT0FBRyx1QkFBRywrUEFBQSwyTEFTakMsS0FBQyJ9
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveProperty } from "../types";
2
- export declare const aspectRatio: <B extends BreakpointsType>(breakpoints: B, ratio: ResponsiveProperty.AspectRatio) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,19 +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.aspectRatio = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var formatAspectRatio_1 = require("../utils/formatAspectRatio");
10
- var responsive_1 = require("../utils/responsive");
11
- var aspectRatio = function (breakpoints, ratio) {
12
- return (Array.isArray(ratio) && ratio.some(function (i) { return i; })) || ratio
13
- ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &::before {\n content: \"\";\n display: block;\n width: 100%;\n\n ", ";\n }\n "], ["\n &::before {\n content: \"\";\n display: block;\n width: 100%;\n\n ", ";\n }\n "])), (0, responsive_1.facepaintMin)(breakpoints)({
14
- paddingBottom: (0, formatAspectRatio_1.formatResponsiveAspectRatio)(ratio),
15
- })) : null;
16
- };
17
- exports.aspectRatio = aspectRatio;
18
- var templateObject_1;
19
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNwZWN0UmF0aW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL2FzcGVjdFJhdGlvLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFDeEMsZ0VBQXlFO0FBQ3pFLGtEQUFtRDtBQUc1QyxJQUFNLFdBQVcsR0FBRyxVQUE0QixXQUFjLEVBQUUsS0FBcUM7SUFDeEcsT0FBQSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLElBQUksS0FBSyxDQUFDLElBQUksQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUs7UUFDbkQsQ0FBQyxLQUFDLHVCQUFHLDhQQUFBLHdKQU1PLEVBRUEsZ0NBRVQsS0FKUyxJQUFBLHlCQUFZLEVBQUMsV0FBVyxDQUFDLENBQUM7WUFDeEIsYUFBYSxFQUFFLElBQUEsK0NBQTJCLEVBQUMsS0FBSyxDQUFDO1NBQ3BELENBQUMsRUFHWixDQUFDLENBQUMsSUFBSTtBQVpWLENBWVUsQ0FBQztBQWJGLFFBQUEsV0FBVyxlQWFUIn0=
@@ -1,2 +0,0 @@
1
- import { FlattenSimpleInterpolation } from "styled-components";
2
- export declare const injectCss: (style?: FlattenSimpleInterpolation | undefined) => FlattenSimpleInterpolation | null;
@@ -1,17 +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.injectCss = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var injectCss = function (style) {
10
- if (style && style.some(function (i) { return i; })) {
11
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n && {\n ", "\n }\n "], ["\n && {\n ", "\n }\n "])), style);
12
- }
13
- return null;
14
- };
15
- exports.injectCss = injectCss;
16
- var templateObject_1;
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5qZWN0Q3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9pbmplY3RDc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUFvRTtBQUU3RCxJQUFNLFNBQVMsR0FBRyxVQUFDLEtBQWtDO0lBQ3hELElBQUksS0FBSyxJQUFJLEtBQUssQ0FBQyxJQUFJLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLEVBQUQsQ0FBQyxDQUFDLEVBQUU7UUFDL0IsV0FBTyx1QkFBRyx1SUFBQSxzQ0FFQSxFQUFLLDJCQUVkLEtBRlMsS0FBSyxFQUViO0tBQ0w7SUFDRCxPQUFPLElBQUksQ0FBQztBQUNoQixDQUFDLENBQUM7QUFUVyxRQUFBLFNBQVMsYUFTcEIifQ==
@@ -1,2 +0,0 @@
1
- import { ColorProperty } from "../types";
2
- export declare const inputAutofill: (background: ColorProperty, color: ColorProperty) => 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.inputAutofill = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var inputAutofill = function (background, color) { return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n -webkit-text-fill-color: ", " !important;\n }\n &:-moz-autofill {\n -moz-box-shadow: 0 0 0 1000px ", " inset;\n -moz-text-fill-color: ", " !important;\n }\n &:-o-autofill {\n -o-box-shadow: 0 0 0 1000px ", " inset;\n -o-text-fill-color: ", " !important;\n }\n &:-khtml-autofill {\n -khtml-box-shadow: 0 0 0 1000px ", " inset;\n -khtml-text-fill-color: ", " !important;\n }\n /* stylelint-enable */\n"], ["\n /* stylelint-disable property-no-vendor-prefix, no-descending-specificity */\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px ", " inset;\n -webkit-text-fill-color: ", " !important;\n }\n &:-moz-autofill {\n -moz-box-shadow: 0 0 0 1000px ", " inset;\n -moz-text-fill-color: ", " !important;\n }\n &:-o-autofill {\n -o-box-shadow: 0 0 0 1000px ", " inset;\n -o-text-fill-color: ", " !important;\n }\n &:-khtml-autofill {\n -khtml-box-shadow: 0 0 0 1000px ", " inset;\n -khtml-text-fill-color: ", " !important;\n }\n /* stylelint-enable */\n"])), background, color, background, color, background, color, background, color); };
10
- exports.inputAutofill = inputAutofill;
11
- var templateObject_1;
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRBdXRvZmlsbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRBdXRvZmlsbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBR2pDLElBQU0sYUFBYSxHQUFHLFVBQUMsVUFBeUIsRUFBRSxLQUFvQixJQUFLLFdBQUEsdUJBQUcsbXNCQUFBLHlKQUcxQyxFQUFVLDRDQUNsQixFQUFLLG9GQUdBLEVBQVUseUNBQ2xCLEVBQUssZ0ZBR0MsRUFBVSx1Q0FDbEIsRUFBSyx3RkFHTyxFQUFVLDJDQUNsQixFQUFLLG1EQUd0QyxLQWhCMEMsVUFBVSxFQUNsQixLQUFLLEVBR0EsVUFBVSxFQUNsQixLQUFLLEVBR0MsVUFBVSxFQUNsQixLQUFLLEVBR08sVUFBVSxFQUNsQixLQUFLLEdBaEIyQyxDQW1CakYsQ0FBQztBQW5CVyxRQUFBLGFBQWEsaUJBbUJ4QiJ9
@@ -1 +0,0 @@
1
- export declare const inputReset: 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.inputReset = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var appearanceReset_1 = require("./appearanceReset");
10
- exports.inputReset = (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\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-calendar-picker-indicator,\n &::-webkit-clear-button,\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &[type=\"date\"],\n &[type=\"datetime\"],\n &[type=\"datetime-local\"],\n &[type=\"month\"],\n &[type=\"number\"],\n &[type=\"time\"],\n &[type=\"week\"] {\n -webkit-appearance: none;\n -moz-appearance: textfield;\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\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-calendar-picker-indicator,\n &::-webkit-clear-button,\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n margin: 0;\n -webkit-appearance: none;\n }\n\n &[type=\"date\"],\n &[type=\"datetime\"],\n &[type=\"datetime-local\"],\n &[type=\"month\"],\n &[type=\"number\"],\n &[type=\"time\"],\n &[type=\"week\"] {\n -webkit-appearance: none;\n -moz-appearance: textfield;\n }\n /* stylelint-enable */\n"])), appearanceReset_1.appearanceReset);
11
- var templateObject_1;
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXRSZXNldC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvaW5wdXRSZXNldC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLHFEQUFvRDtBQUV2QyxRQUFBLFVBQVUsT0FBRyx1QkFBRyw0MEJBQUEsUUFDdkIsRUFBZSw4dkJBbUNwQixLQW5DSyxpQ0FBZSxFQW1DbkIifQ==
@@ -1 +0,0 @@
1
- export declare const multilineTruncate: (lines?: number | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,15 +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.multilineTruncate = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var multilineTruncate = function (lines) {
10
- return lines
11
- ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable */\n "], ["\n /* stylelint-disable property-no-vendor-prefix, value-no-vendor-prefix */\n display: -webkit-box;\n -webkit-line-clamp: ", ";\n -webkit-box-orient: vertical;\n overflow: hidden;\n /* stylelint-enable */\n "])), lines) : null;
12
- };
13
- exports.multilineTruncate = multilineTruncate;
14
- var templateObject_1;
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibXVsdGlsaW5lVHJ1bmNhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbWl4aW5zL211bHRpbGluZVRydW5jYXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7QUFBQSx1REFBd0M7QUFFakMsSUFBTSxpQkFBaUIsR0FBRyxVQUFDLEtBQWM7SUFDNUMsT0FBQSxLQUFLO1FBQ0QsQ0FBQyxLQUFDLHVCQUFHLDZXQUFBLG9LQUd1QixFQUFLLG1JQUk5QixLQUp5QixLQUFLLEVBS2pDLENBQUMsQ0FBQyxJQUFJO0FBVFYsQ0FTVSxDQUFDO0FBVkYsUUFBQSxpQkFBaUIscUJBVWYifQ==
@@ -1 +0,0 @@
1
- export declare const noWrap: import("styled-components").FlattenSimpleInterpolation;
package/mixins/noWrap.js DELETED
@@ -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.noWrap = void 0;
8
- var styled_components_1 = require("styled-components");
9
- exports.noWrap = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n white-space: nowrap;\n"], ["\n white-space: nowrap;\n"])));
10
- var templateObject_1;
11
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm9XcmFwLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9ub1dyYXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUUzQixRQUFBLE1BQU0sT0FBRyx1QkFBRyxrR0FBQSw4QkFFeEIsS0FBQyJ9
@@ -1,10 +0,0 @@
1
- export interface RebootOptions {
2
- bodyBg?: string;
3
- bodyColor?: string;
4
- fontFamilyBase?: string;
5
- fontFamilyMonospace?: string;
6
- fontWeightBase?: number;
7
- lineHeightBase?: number;
8
- linkColor?: string;
9
- }
10
- export declare const reboot: (options?: RebootOptions | undefined) => import("styled-components").FlattenSimpleInterpolation;
package/mixins/reboot.js DELETED
@@ -1,17 +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.reboot = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var SYSTEM_FONTS = 'system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
10
- var SYSTEM_FONTS_MONOSPACE = "SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Monospace, Noto Mono, Oxygen Mono, Liberation Mono, monospace";
11
- var reboot = function (options) {
12
- var _a, _b, _c, _d, _e;
13
- return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n /* stylelint-disable */\n *,\n *::before,\n *::after {\n background-repeat: no-repeat;\n box-sizing: border-box;\n }\n\n ::before,\n ::after {\n text-decoration: inherit;\n vertical-align: inherit;\n }\n\n html {\n cursor: default;\n font-family: sans-serif;\n font-size: 1rem;\n line-height: 1.15;\n overflow-wrap: break-word;\n tab-size: 4;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(#000, 0);\n }\n\n @-ms-viewport {\n width: device-width;\n }\n\n article,\n aside,\n figcaption,\n figure,\n footer,\n header,\n hgroup,\n main,\n nav,\n section {\n display: block;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n font-size: 1em;\n font-weight: ", ";\n line-height: ", ";\n margin: 0;\n text-align: left;\n }\n\n [tabindex=\"-1\"]:focus {\n outline: 0 !important;\n }\n\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n margin: 0;\n }\n\n abbr[title],\n abbr[data-original-title] {\n border-bottom: 0;\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n\n address {\n font-style: normal;\n line-height: inherit;\n margin: 0;\n }\n\n ol,\n ul,\n dl {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n ol ol,\n ul ul,\n ol ul,\n ul ol {\n margin: 0;\n }\n\n dt {\n font-weight: unset;\n }\n\n dd {\n margin: 0;\n }\n\n blockquote {\n margin: 0;\n }\n\n dfn {\n font-style: italic;\n }\n\n b,\n strong {\n font-weight: bolder;\n }\n\n small {\n font-size: 80%;\n }\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n a {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n -webkit-text-decoration-skip: objects;\n }\n\n pre,\n code,\n kbd,\n samp {\n font-family: ", ";\n font-size: 1em;\n }\n\n pre {\n margin: 0;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n }\n\n figure {\n margin: 0;\n }\n\n img {\n border-style: none;\n }\n\n svg {\n overflow: hidden;\n }\n\n audio,\n canvas,\n iframe,\n img,\n svg,\n video {\n vertical-align: middle;\n }\n\n table {\n border-collapse: collapse;\n }\n\n caption {\n caption-side: bottom;\n color: unset;\n text-align: left;\n padding: 0;\n }\n\n th {\n text-align: inherit;\n }\n\n label {\n display: inline-block;\n margin: 0;\n }\n\n button {\n border-radius: 0;\n }\n\n button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n input,\n button,\n select,\n optgroup,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n button,\n input {\n overflow: visible;\n }\n\n button,\n select {\n text-transform: none;\n }\n\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n }\n\n input[type=\"date\"],\n input[type=\"time\"],\n input[type=\"datetime-local\"],\n input[type=\"month\"] {\n -webkit-appearance: listbox;\n }\n\n [type=\"color\"],\n [type=\"range\"] {\n border-width: 0;\n padding: 0;\n }\n\n textarea {\n overflow: auto;\n resize: vertical;\n }\n\n fieldset {\n border: 0;\n margin: 0;\n min-width: 0;\n padding: 0;\n }\n\n legend {\n color: inherit;\n display: block;\n font-size: 1em;\n line-height: inherit;\n margin: 0;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n width: 100%;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n [type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n }\n\n [type=\"search\"]::-webkit-search-cancel-button,\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n }\n\n output {\n display: inline-block;\n }\n\n summary {\n display: list-item;\n cursor: pointer;\n }\n\n template {\n display: none;\n }\n\n [hidden] {\n display: none;\n }\n\n svg:not([fill]) {\n fill: currentColor;\n }\n\n a,\n area,\n button,\n input,\n label,\n select,\n summary,\n textarea,\n [tabindex] {\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n }\n\n [aria-busy=\"true\"] {\n cursor: progress;\n }\n\n [aria-controls] {\n cursor: pointer;\n }\n\n [aria-disabled=\"true\"],\n [disabled] {\n cursor: default;\n }\n\n [aria-hidden=\"false\"][hidden] {\n display: initial !important;\n }\n\n [aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n }\n /* stylelint-enable */\n"], ["\n /* stylelint-disable */\n *,\n *::before,\n *::after {\n background-repeat: no-repeat;\n box-sizing: border-box;\n }\n\n ::before,\n ::after {\n text-decoration: inherit;\n vertical-align: inherit;\n }\n\n html {\n cursor: default;\n font-family: sans-serif;\n font-size: 1rem;\n line-height: 1.15;\n overflow-wrap: break-word;\n tab-size: 4;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: rgba(#000, 0);\n }\n\n @-ms-viewport {\n width: device-width;\n }\n\n article,\n aside,\n figcaption,\n figure,\n footer,\n header,\n hgroup,\n main,\n nav,\n section {\n display: block;\n }\n\n body {\n background-color: ", ";\n color: ", ";\n font-family: ", ";\n font-size: 1em;\n font-weight: ", ";\n line-height: ", ";\n margin: 0;\n text-align: left;\n }\n\n [tabindex=\"-1\"]:focus {\n outline: 0 !important;\n }\n\n hr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n }\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6,\n p {\n margin: 0;\n }\n\n abbr[title],\n abbr[data-original-title] {\n border-bottom: 0;\n cursor: help;\n text-decoration: underline;\n text-decoration: underline dotted;\n }\n\n address {\n font-style: normal;\n line-height: inherit;\n margin: 0;\n }\n\n ol,\n ul,\n dl {\n list-style: none;\n margin: 0;\n padding: 0;\n }\n\n ol ol,\n ul ul,\n ol ul,\n ul ol {\n margin: 0;\n }\n\n dt {\n font-weight: unset;\n }\n\n dd {\n margin: 0;\n }\n\n blockquote {\n margin: 0;\n }\n\n dfn {\n font-style: italic;\n }\n\n b,\n strong {\n font-weight: bolder;\n }\n\n small {\n font-size: 80%;\n }\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n a {\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n -webkit-text-decoration-skip: objects;\n }\n\n pre,\n code,\n kbd,\n samp {\n font-family: ", ";\n font-size: 1em;\n }\n\n pre {\n margin: 0;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n }\n\n figure {\n margin: 0;\n }\n\n img {\n border-style: none;\n }\n\n svg {\n overflow: hidden;\n }\n\n audio,\n canvas,\n iframe,\n img,\n svg,\n video {\n vertical-align: middle;\n }\n\n table {\n border-collapse: collapse;\n }\n\n caption {\n caption-side: bottom;\n color: unset;\n text-align: left;\n padding: 0;\n }\n\n th {\n text-align: inherit;\n }\n\n label {\n display: inline-block;\n margin: 0;\n }\n\n button {\n border-radius: 0;\n }\n\n button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n }\n\n input,\n button,\n select,\n optgroup,\n textarea {\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n margin: 0;\n }\n\n button,\n input {\n overflow: visible;\n }\n\n button,\n select {\n text-transform: none;\n }\n\n button,\n html [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n }\n\n input[type=\"date\"],\n input[type=\"time\"],\n input[type=\"datetime-local\"],\n input[type=\"month\"] {\n -webkit-appearance: listbox;\n }\n\n [type=\"color\"],\n [type=\"range\"] {\n border-width: 0;\n padding: 0;\n }\n\n textarea {\n overflow: auto;\n resize: vertical;\n }\n\n fieldset {\n border: 0;\n margin: 0;\n min-width: 0;\n padding: 0;\n }\n\n legend {\n color: inherit;\n display: block;\n font-size: 1em;\n line-height: inherit;\n margin: 0;\n max-width: 100%;\n padding: 0;\n white-space: normal;\n width: 100%;\n }\n\n progress {\n vertical-align: baseline;\n }\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n [type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n }\n\n [type=\"search\"]::-webkit-search-cancel-button,\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n ::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n }\n\n output {\n display: inline-block;\n }\n\n summary {\n display: list-item;\n cursor: pointer;\n }\n\n template {\n display: none;\n }\n\n [hidden] {\n display: none;\n }\n\n svg:not([fill]) {\n fill: currentColor;\n }\n\n a,\n area,\n button,\n input,\n label,\n select,\n summary,\n textarea,\n [tabindex] {\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n }\n\n [aria-busy=\"true\"] {\n cursor: progress;\n }\n\n [aria-controls] {\n cursor: pointer;\n }\n\n [aria-disabled=\"true\"],\n [disabled] {\n cursor: default;\n }\n\n [aria-hidden=\"false\"][hidden] {\n display: initial !important;\n }\n\n [aria-hidden=\"false\"][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n }\n /* stylelint-enable */\n"])), (_a = options === null || options === void 0 ? void 0 : options.bodyBg) !== null && _a !== void 0 ? _a : "#fff", (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : "#000", [options === null || options === void 0 ? void 0 : options.fontFamilyBase, SYSTEM_FONTS].filter(function (i) { return i; }).join(", "), (_c = options === null || options === void 0 ? void 0 : options.fontWeightBase) !== null && _c !== void 0 ? _c : 400, (_d = options === null || options === void 0 ? void 0 : options.lineHeightBase) !== null && _d !== void 0 ? _d : 1, (_e = options === null || options === void 0 ? void 0 : options.linkColor) !== null && _e !== void 0 ? _e : "#007bff", [options === null || options === void 0 ? void 0 : options.fontFamilyMonospace, SYSTEM_FONTS_MONOSPACE].filter(function (i) { return i; }).join(", "));
14
- };
15
- exports.reboot = reboot;
16
- var templateObject_1;
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVib290LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21peGlucy9yZWJvb3QudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLHVEQUF3QztBQUV4QyxJQUFNLFlBQVksR0FDZCxvS0FBb0ssQ0FBQztBQUN6SyxJQUFNLHNCQUFzQixHQUN4Qiw0SEFBNEgsQ0FBQztBQVkxSCxJQUFNLE1BQU0sR0FBRyxVQUFDLE9BQXVCOztJQUFLLFdBQUEsdUJBQUcsazJNQUFBLHkzQkE4QzFCLEVBQXlCLG9CQUNwQyxFQUE0QiwwQkFDdEIsRUFBbUUsbURBRW5FLEVBQThCLDBCQUM5QixFQUE0QiwrMkNBaUdsQyxFQUErQixtS0FTekIsRUFBa0YsMHdIQTJOeEcsS0ExVTJCLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLE1BQU0sbUNBQUksTUFBTSxFQUNwQyxNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxTQUFTLG1DQUFJLE1BQU0sRUFDdEIsQ0FBQyxPQUFPLGFBQVAsT0FBTyx1QkFBUCxPQUFPLENBQUUsY0FBYyxFQUFFLFlBQVksQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBRW5FLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLGNBQWMsbUNBQUksR0FBRyxFQUM5QixNQUFBLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxjQUFjLG1DQUFJLENBQUMsRUFpR2xDLE1BQUEsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFFLFNBQVMsbUNBQUksU0FBUyxFQVN6QixDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRSxtQkFBbUIsRUFBRSxzQkFBc0IsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxVQUFDLENBQUMsSUFBSyxPQUFBLENBQUMsRUFBRCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEVBMk54RztDQUFBLENBQUM7QUF4WFcsUUFBQSxNQUFNLFVBd1hqQiJ9
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
2
- export declare const responsiveHidden: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,17 +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.responsiveHidden = void 0;
8
- var styled_components_1 = require("styled-components");
9
- var responsiveMixin_1 = require("../utils/responsiveMixin");
10
- var responsiveHidden = function (breakpoints, condition) {
11
- return condition
12
- ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: none !important;\n "], ["\n display: none !important;\n "]))), condition)
13
- : null;
14
- };
15
- exports.responsiveHidden = responsiveHidden;
16
- var templateObject_1;
17
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGRlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGRlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7O0FBQUEsdURBQXdDO0FBQ3hDLDREQUEyRDtBQUdwRCxJQUFNLGdCQUFnQixHQUFHLFVBQzVCLFdBQWMsRUFDZCxTQUEwQztJQUUxQyxPQUFBLFNBQVM7UUFDTCxDQUFDLENBQUMsSUFBQSxpQ0FBZSxFQUNYLFdBQVcsTUFDWCx1QkFBRyxtSUFBQSwrREFFRixNQUNELFNBQVMsQ0FDWjtRQUNILENBQUMsQ0FBQyxJQUFJO0FBUlYsQ0FRVSxDQUFDO0FBWkYsUUFBQSxnQkFBZ0Isb0JBWWQifQ==
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
2
- export declare const responsiveHideVisually: <B extends BreakpointsType>(breakpoints: B, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
@@ -1,21 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.responsiveHideVisually = void 0;
11
- var hideVisually_1 = __importDefault(require("polished/lib/mixins/hideVisually"));
12
- var styled_components_1 = require("styled-components");
13
- var responsiveMixin_1 = require("../utils/responsiveMixin");
14
- var responsiveHideVisually = function (breakpoints, condition) {
15
- return condition
16
- ? (0, responsiveMixin_1.responsiveMixin)(breakpoints, (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &&& {\n ", ";\n }\n "], ["\n &&& {\n ", ";\n }\n "])), (0, hideVisually_1.default)()), condition)
17
- : null;
18
- };
19
- exports.responsiveHideVisually = responsiveHideVisually;
20
- var templateObject_1;
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVzcG9uc2l2ZUhpZGVWaXN1YWxseS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9taXhpbnMvcmVzcG9uc2l2ZUhpZGVWaXN1YWxseS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsa0ZBQTREO0FBQzVELHVEQUF3QztBQUN4Qyw0REFBMkQ7QUFHcEQsSUFBTSxzQkFBc0IsR0FBRyxVQUNsQyxXQUFjLEVBQ2QsU0FBMEM7SUFFMUMsT0FBQSxTQUFTO1FBQ0wsQ0FBQyxDQUFDLElBQUEsaUNBQWUsRUFDWCxXQUFXLE1BQ1gsdUJBQUcsaUtBQUEsbURBRU8sRUFBYyx3Q0FFdkIsS0FGUyxJQUFBLHNCQUFZLEdBQUUsR0FHeEIsU0FBUyxDQUNaO1FBQ0gsQ0FBQyxDQUFDLElBQUk7QUFWVixDQVVVLENBQUM7QUFkRixRQUFBLHNCQUFzQiwwQkFjcEIifQ==
@@ -1,2 +0,0 @@
1
- import { BreakpointsType, ResponsiveConditionProperty } from "../types";
2
- export declare const responsiveMultilineTruncate: <B extends BreakpointsType>(breakpoints: B, lines?: number | undefined, condition?: ResponsiveConditionProperty<B> | undefined) => import("styled-components").FlattenSimpleInterpolation | null;