@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.
- package/README.md +153 -209
- package/color/shade.d.ts +2 -0
- package/color/shade.js +7 -0
- package/color/tint.d.ts +2 -0
- package/color/tint.js +7 -0
- package/mixins/sr-only.d.ts +2 -0
- package/mixins/sr-only.js +15 -0
- package/package.json +14 -26
- package/{utils/columnsToPercent.d.ts → properties/columns-to-percent.d.ts} +0 -0
- package/properties/columns-to-percent.js +11 -0
- package/properties/encoded-svg-url.d.ts +1 -0
- package/properties/encoded-svg-url.js +6 -0
- package/properties/repeat-grid-columns.d.ts +1 -0
- package/properties/repeat-grid-columns.js +10 -0
- package/{utils → properties}/transition.d.ts +0 -0
- package/properties/transition.js +15 -0
- package/responsive/match-between.d.ts +1 -0
- package/responsive/match-between.js +10 -0
- package/responsive/match-hidpi.d.ts +1 -0
- package/responsive/match-hidpi.js +10 -0
- package/responsive/match-max.d.ts +1 -0
- package/responsive/match-max.js +10 -0
- package/responsive/match-min.d.ts +1 -0
- package/responsive/match-min.js +10 -0
- package/responsive/mq-between.d.ts +1 -0
- package/responsive/mq-between.js +9 -0
- package/responsive/mq-hidpi.d.ts +1 -0
- package/responsive/mq-hidpi.js +22 -0
- package/responsive/mq-max.d.ts +1 -0
- package/responsive/mq-max.js +9 -0
- package/responsive/mq-min.d.ts +1 -0
- package/responsive/mq-min.js +9 -0
- package/types/index.d.ts +0 -108
- package/units/em.d.ts +1 -0
- package/units/em.js +9 -0
- package/units/format-css-value.d.ts +1 -0
- package/units/format-css-value.js +20 -0
- package/{utils → units}/percent.d.ts +0 -0
- package/{utils → units}/percent.js +1 -1
- package/units/rem.d.ts +1 -0
- package/units/rem.js +9 -0
- package/{utils → units}/spacing.d.ts +0 -0
- package/{utils → units}/spacing.js +1 -1
- package/{utils/withUnit.d.ts → units/with-unit.d.ts} +0 -0
- package/units/with-unit.js +6 -0
- package/components/AccesibleSvg/index.d.ts +0 -9
- package/components/AccesibleSvg/index.js +0 -60
- package/constants/index.d.ts +0 -15
- package/constants/index.js +0 -8
- package/mixins/appearanceReset.d.ts +0 -1
- package/mixins/appearanceReset.js +0 -11
- package/mixins/aspectRatio.d.ts +0 -2
- package/mixins/aspectRatio.js +0 -19
- package/mixins/injectCss.d.ts +0 -2
- package/mixins/injectCss.js +0 -17
- package/mixins/inputAutofill.d.ts +0 -2
- package/mixins/inputAutofill.js +0 -12
- package/mixins/inputReset.d.ts +0 -1
- package/mixins/inputReset.js +0 -12
- package/mixins/multilineTruncate.d.ts +0 -1
- package/mixins/multilineTruncate.js +0 -15
- package/mixins/noWrap.d.ts +0 -1
- package/mixins/noWrap.js +0 -11
- package/mixins/reboot.d.ts +0 -10
- package/mixins/reboot.js +0 -17
- package/mixins/responsiveHidden.d.ts +0 -2
- package/mixins/responsiveHidden.js +0 -17
- package/mixins/responsiveHideVisually.d.ts +0 -2
- package/mixins/responsiveHideVisually.js +0 -21
- package/mixins/responsiveMultilineTruncate.d.ts +0 -2
- package/mixins/responsiveMultilineTruncate.js +0 -8
- package/mixins/responsiveNoWrap.d.ts +0 -2
- package/mixins/responsiveNoWrap.js +0 -8
- package/mixins/responsiveTruncate.d.ts +0 -2
- package/mixins/responsiveTruncate.js +0 -18
- package/mixins/selectReset.d.ts +0 -2
- package/mixins/selectReset.js +0 -13
- package/mixins/textAreaReset.d.ts +0 -1
- package/mixins/textAreaReset.js +0 -12
- package/mixins/truncate.d.ts +0 -1
- package/mixins/truncate.js +0 -11
- package/properties/background.d.ts +0 -6
- package/properties/background.js +0 -14
- package/properties/borders.d.ts +0 -13
- package/properties/borders.js +0 -19
- package/properties/breaks.d.ts +0 -7
- package/properties/breaks.js +0 -15
- package/properties/character.d.ts +0 -12
- package/properties/character.js +0 -20
- package/properties/child.d.ts +0 -6
- package/properties/child.js +0 -19
- package/properties/colors.d.ts +0 -6
- package/properties/colors.js +0 -14
- package/properties/column.d.ts +0 -10
- package/properties/column.js +0 -18
- package/properties/display.d.ts +0 -5
- package/properties/display.js +0 -13
- package/properties/flexChild.d.ts +0 -9
- package/properties/flexChild.js +0 -17
- package/properties/flexParent.d.ts +0 -10
- package/properties/flexParent.js +0 -18
- package/properties/floating.d.ts +0 -6
- package/properties/floating.js +0 -14
- package/properties/gridChild.d.ts +0 -7
- package/properties/gridChild.js +0 -15
- package/properties/gridParent.d.ts +0 -20
- package/properties/gridParent.js +0 -31
- package/properties/interactions.d.ts +0 -8
- package/properties/interactions.js +0 -16
- package/properties/margins.d.ts +0 -10
- package/properties/margins.js +0 -16
- package/properties/maxLines.d.ts +0 -5
- package/properties/maxLines.js +0 -18
- package/properties/objectFitting.d.ts +0 -6
- package/properties/objectFitting.js +0 -14
- package/properties/overflow.d.ts +0 -7
- package/properties/overflow.js +0 -15
- package/properties/paddings.d.ts +0 -10
- package/properties/paddings.js +0 -16
- package/properties/paragraph.d.ts +0 -10
- package/properties/paragraph.js +0 -24
- package/properties/perspective.d.ts +0 -6
- package/properties/perspective.js +0 -14
- package/properties/position.d.ts +0 -11
- package/properties/position.js +0 -19
- package/properties/shadows.d.ts +0 -6
- package/properties/shadows.js +0 -14
- package/properties/sizing.d.ts +0 -10
- package/properties/sizing.js +0 -18
- package/properties/spacings.d.ts +0 -6
- package/properties/spacings.js +0 -14
- package/properties/textDecoration.d.ts +0 -5
- package/properties/textDecoration.js +0 -13
- package/properties/transform.d.ts +0 -7
- package/properties/transform.js +0 -15
- package/properties/transitions.d.ts +0 -10
- package/properties/transitions.js +0 -16
- package/properties/typography.d.ts +0 -7
- package/properties/typography.js +0 -16
- package/properties/visibility.d.ts +0 -8
- package/properties/visibility.js +0 -22
- package/utils/columnsToPercent.js +0 -11
- package/utils/encodedSvg.d.ts +0 -1
- package/utils/encodedSvg.js +0 -6
- package/utils/formatAspectRatio.d.ts +0 -3
- package/utils/formatAspectRatio.js +0 -22
- package/utils/formatGridColumns.d.ts +0 -2
- package/utils/formatGridColumns.js +0 -17
- package/utils/formatValue.d.ts +0 -3
- package/utils/formatValue.js +0 -39
- package/utils/getNumericValueFromArray.d.ts +0 -1
- package/utils/getNumericValueFromArray.js +0 -14
- package/utils/hexToRgb.d.ts +0 -1
- package/utils/hexToRgb.js +0 -10
- package/utils/nonEmptyStyle.d.ts +0 -2
- package/utils/nonEmptyStyle.js +0 -8
- package/utils/responsive.d.ts +0 -17
- package/utils/responsive.js +0 -89
- package/utils/responsiveMixin.d.ts +0 -3
- package/utils/responsiveMixin.js +0 -34
- package/utils/transition.js +0 -15
- 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,
|
|
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,
|
|
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=
|
package/constants/index.d.ts
DELETED
|
@@ -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
|
-
};
|
package/constants/index.js
DELETED
|
@@ -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
|
package/mixins/aspectRatio.d.ts
DELETED
package/mixins/aspectRatio.js
DELETED
|
@@ -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=
|
package/mixins/injectCss.d.ts
DELETED
package/mixins/injectCss.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.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==
|
package/mixins/inputAutofill.js
DELETED
|
@@ -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
|
package/mixins/inputReset.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const inputReset: import("styled-components").FlattenSimpleInterpolation;
|
package/mixins/inputReset.js
DELETED
|
@@ -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==
|
package/mixins/noWrap.d.ts
DELETED
|
@@ -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
|
package/mixins/reboot.d.ts
DELETED
|
@@ -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;
|