dothtml-interfaces 0.2.8 → 0.3.1

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.
@@ -1,1486 +0,0 @@
1
- import {IReactive} from "./i-reactive";
2
-
3
-
4
- type BasicCommonValues = "inherit"|"initial"|"unset"|"revert"|"revert-layer";
5
-
6
- type ComplexType = string;
7
-
8
- // BASIC TYPES
9
- type Str = `"${string|""}"`|`'${string|""}'`; // TODO: wherever str is required, we could just inject quotes...
10
- type Int = number;
11
- type Percentage = `${number}%`;
12
- type AlphaValue = number | Percentage; // Number should be interpreted as a decimal (x/1);
13
- type Ratio = number|`${number}/${number}`;
14
-
15
- // type DigitStr = "0"|"1"|"2"|"3"|"4"|"5"|"6"|"7"|"8"|"9";
16
- // type HexStr = DigitStr|"A"|"B"|"C"|"D"|"E"|"F"|"a"|"b"|"c"|"d"|"e"|"f";
17
- // type Hex2 = `${HexStr}${HexStr}`;
18
- // type Hex3 = `${Hex2}${HexStr}`;
19
- // type Hex4 = `${Hex3}${HexStr}`;
20
- // type Hex5 = `${Hex4}${HexStr}`;
21
- // type Hex6 = `${Hex5}${HexStr}`;
22
- // type HexColor = `#${Hex3|Hex6}`;
23
- type HexColor = `#${ComplexType}`;
24
-
25
- // LENGTH
26
- type AbsoluteUnits = "cm"|"mm"|"in"|"px"|"pt"|"pc"|"Q";
27
- type RelativeUnits = "cap"|"ch"|"em"|"ex"|"ic"|"lh"|"rem"|"rlh"
28
- |"vh"|"vw"|"vmin"|"vmax"|"vb"|"vi"
29
- |"cqw"|"cqh"|"cqi"|"cqb"|"cqmin"|"cqmax"
30
- |"%";
31
- type AllLengthUnits = AbsoluteUnits|RelativeUnits;
32
- type NumericLength = number|`${number}${AllLengthUnits}`;
33
- type LengthPercentage = NumericLength|Percentage;
34
-
35
- // TIME & FREQUENCY
36
- type Time = `${number}${"s"|"ms"}`;
37
- type TimePercentage = Time|Percentage;
38
- type Frequency = `${number}${"Hz"|"kHz"}`;
39
- type FrequencyPercentage = Frequency|Percentage;
40
-
41
- // RESOLUTION
42
- type Resolution = `${number}${"dpi"|"dpcm"|"dppx"|"x"}`;
43
-
44
- // MISC ENUM TYPES
45
- type AbsoluteSize = "xx-small"|"x-small"|"small"|"medium"|"large"|"x-large"|"xx-large"|"xxx-large";
46
- type BlendMode = "normal"|"multiply"|"screen"|"overlay"|"darken"|"lighten"|"color-dodge"|"color-burn"|"hard-light"|"soft-light"|"difference"|"exclusion"|"hue"|"saturation"|"color"|"luminosity";
47
- type LineStyle = "none"|"hidden"|"dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset";
48
- type DisplayBox = "contents"|"none"
49
- type DisplayInside = "flow"|"flow-root"|"table"|"flex"|"grid"|"ruby";
50
- type DisplayInternal = "table-row-group"|"table-header-group"|"table-footer-group"|"table-row"|"table-cell"|"table-column-group"|"table-column"|"table-caption"|"ruby-base"|"ruby-text"|"ruby-base-container"|"ruby-text-container";
51
- type DisplayLegacy = "inline-block"|"inline-table"|"inline-flex"|"inline-grid";
52
- type DisplayOutside = "block"|"inline"|"run-in";
53
- type DisplayFlow = "flow"|"flow-root";
54
- type Overflow = "visible"|"hidden"|"clip"|"scroll";
55
- type RelativeSize = "smaller"|"larger";
56
-
57
- // BASIC SHAPE
58
- // TODO need a builder.
59
- // Most of these are too complex to represent as a typescript type.
60
- // Realistically they should just be constructed usign a builder rather than setting the strings.
61
- // https://developer.mozilla.org/en-US/docs/Web/CSS/basic-shape
62
- type InsetFunction = `inset(${ComplexType})`;
63
- type RectFunction = `rect(${ComplexType})`;
64
- type XywhFunction = `xywh(${ComplexType})`;
65
- type CircleFunction = `circle(${ComplexType})`;
66
- type EllipseFunction = `ellipse(${ComplexType})`;
67
- type PolygonFunction = `polygon(${ComplexType})`;
68
- type PathFunction = `path(${ComplexType})`;
69
- type BasicShape = InsetFunction|RectFunction|XywhFunction|CircleFunction|EllipseFunction|PolygonFunction|PathFunction;
70
-
71
- // ANGLES
72
- type AngleUnits = "deg"|"turn"|"rad"|"grad";
73
- type Angle = number | `${number}${AngleUnits}`; // Pure number should be interpreted as degrees.
74
- type AnglePercentage = number | Angle | Percentage; // Number should be interpreted as a decimal (x/1);
75
-
76
- // ADVANCED TYPES
77
- // Box.
78
- type VisualBox = "content-box" | "padding-box" | "border-box"; // the three <box> values
79
- type RayoutBox = VisualBox | "margin-box" // the <shape-box> values
80
- type PaintBox = VisualBox | "fill-box" | "stroke-box"
81
- type CoordBox = VisualBox | "fill-box" | "stroke-box" | "view-box"
82
- type GeometryBox = RayoutBox | "fill-box" | "stroke-box" | "view-box"
83
- type BoxEdge = VisualBox | RayoutBox | PaintBox | CoordBox | GeometryBox;
84
-
85
- // DIMENSION
86
- type Dimension = Angle|Time|Frequency|NumericLength;
87
-
88
- // Calc.
89
- type Calc = ComplexType;
90
-
91
- // It's difficult to compose calc types because they're too complex. See below.
92
- // May consider adding a builder for this, but not sure what it will look like.
93
-
94
- /*
95
- // Can't get this working because the types get too complex for TS.
96
- // type Decrement = [
97
- // never, 0, 1, 2, 3, 4, 5, 6, 7
98
- // ];
99
- // type CalcConstant = "e"|"-e"|"E"|"pi"|"-pi"|"infinity"|"-infinity"|"NaN"; // Defined on a different page. Not sure what it's for.
100
- // type CalcKeyword = 'e' | 'pi' | 'infinity' | '-infinity' | 'NaN';
101
- // type CalcValue = number | Percentage | Dimension | CalcKeyword;// | CalcSum;
102
- // type CalcProductSuffix<T extends CalcValue, Depth extends number> = Depth extends 0 ? string : `${"*"|"/"}${T}${CalcProductSuffix<T, Decrement[Depth]>}`;
103
- // type CalcSumSuffix<T extends CalcValue, Depth extends number> = Depth extends 0 ? string : `${"+"|"-"}${T}${CalcProductSuffix<T, 8>}`;
104
- // // TODO: optional space can go here.
105
- // type CalcProduct<T extends CalcValue> = T|`${T}${CalcProductSuffix<T, 8>}`;
106
- // type CalcSum<T extends CalcValue> = CalcProduct<T>|`${CalcProduct<T>}${"+"|"-"}${CalcProduct<T>}`
107
- // CalcValue type definition
108
- // Helper types for CalcProduct and CalcSum
109
- // type CalcOperation = '+' | '-' | '*' | '/';
110
- // type CalcProductPart = CalcValue | [CalcOperation, CalcValue];
111
- */
112
-
113
- // Color Interpolation.
114
- type RectangularColorSpace = "srgb"|"srgb-linear"|"display-p3"|"a98-rgb"|"prophoto-rgb"|"rec2020"|"lab"|"oklab"|"xyz"|"xyz-d50"|"xyz-d65";
115
- type PolarColorSpace = "hsl"|"hwb"|"lch"|"oklch";
116
- type HueInterpolationMethod = `${"shorter"|"longer"|"increasing"|"decreasing"} hue`
117
- type ColorInterpolationMethod = RectangularColorSpace|PolarColorSpace|`${PolarColorSpace} ${HueInterpolationMethod}`;
118
-
119
- // Color
120
- // type NamedColor = "aliceblue"|"antiquewhite"|"aqua"|"aquamarine"|"azure"|"beige"|"bisque"|"black"|"blanchedalmond"|"blue"|"blueviolet"|"brown"|"burlywood"|"cadetblue"|"chartreuse"|"chocolate"|"coral"|"cornflowerblue"|"cornsilk"|"crimson"|"cyan"|"darkblue"|"darkcyan"|"darkgoldenrod"|"darkgray"|"darkgrey"|"darkgreen"|"darkkhaki"|"darkmagenta"|"darkolivegreen"|"darkorange"|"darkorchid"|"darkred"|"darksalmon"|"darkseagreen"|"darkslateblue"|"darkslategray"|"darkslategrey"|"darkturquoise"|"darkviolet"|"deeppink"|"deepskyblue"|"dimgray"|"dimgrey"|"dodgerblue"|"firebrick"|"floralwhite"|"forestgreen"|"fuchsia"|"gainsboro"|"ghostwhite"|"gold"|"goldenrod"|"gray"|"grey"|"green"|"greenyellow"|"honeydew"|"hotpink"|"indianred"|"indigo"|"ivory"|"khaki"|"lavender"|"lavenderblush"|"lawngreen"|"lemonchiffon"|"lightblue"|"lightcoral"|"lightcyan"|"lightgoldenrodyellow"|"lightgray"|"lightgrey"|"lightgreen"|"lightpink"|"lightsalmon"|"lightseagreen"|"lightskyblue"|"lightslategray"|"lightslategrey"|"lightsteelblue"|"lightyellow"|"lime"|"limegreen"|"linen"|"magenta"|"maroon"|"mediumaquamarine"|"mediumblue"|"mediumorchid"|"mediumpurple"|"mediumseagreen"|"mediumslateblue"|"mediumspringgreen"|"mediumturquoise"|"mediumvioletred"|"midnightblue"|"mintcream"|"mistyrose"|"moccasin"|"navajowhite"|"navy"|"oldlace"|"olive"|"olivedrab"|"orange"|"orangered"|"orchid"|"palegoldenrod"|"palegreen"|"paleturquoise"|"palevioletred"|"papayawhip"|"peachpuff"|"peru"|"pink"|"plum"|"powderblue"|"purple"|"rebeccapurple"|"red"|"rosybrown"|"royalblue"|"saddlebrown"|"salmon"|"sandybrown"|"seagreen"|"seashell"|"sienna"|"silver"|"skyblue"|"slateblue"|"slategray"|"slategrey"|"snow"|"springgreen"|"steelblue"|"tan"|"teal"|"thistle"|"tomato"|"turquoise"|"violet"|"wheat"|"white"|"whitesmoke"|"yellow"|"yellowgreen";
121
- // type SystemColor = "AccentColor"|"AccentColorText"|"ActiveText"|"ButtonBorder"|"ButtonFace"|"ButtonText"|"Canvas"|"CanvasText"|"Field"|"FieldText"|"GrayText"|"Highlight"|"HighlightText"|"LinkText"|"Mark"|"MarkText"|"SelectedItem"|"SelectedItemText"|"VisitedText";
122
- // type Hue = number|Angle;
123
- // type PredefinedRgb = "srgb"|"srgb-linear"|"display-p3"|"a98-rgb"|"prophoto-rgb"|"rec2020";
124
- // type XyzSpace = "xyz"|"xyz-d50"|"xyz-d65";
125
- // type XyzParams = `${XyzSpace} ${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"}`
126
- // type PredefinedRgbParams = `${PredefinedRgb} ${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"}`
127
- // type ColorspaceParams = PredefinedRgbParams|XyzParams;
128
-
129
- // type LRgba<T extends number|AlphaValue> = `rgb(${T}, ${T}, ${T})` | `rgba(${T}, ${T}, ${T}, ${AlphaValue})`;
130
- // type MRgba = `rgb(${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"})` | `rgba(${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"} / ${AlphaValue})`;
131
- // type Rgba = LRgba<number|AlphaValue>|MRgba;
132
- // type LHsla = `hsl(${Hue}, ${Percentage}, ${Percentage})` | `hsla(${Hue}, ${Percentage}, ${Percentage}, ${AlphaValue})`;
133
- // type MHsla = `hsl(${Hue|"none"} ${Percentage|number|"none"} ${Percentage|number|"none"})` | `hsla(${Hue|"none"} ${Percentage|number|"none"} ${Percentage|number|"none"} / ${AlphaValue|"none"})`;
134
- // type Hsla = LHsla|MHsla;
135
- // type Hwb = `hwb(${Hue|"none"} ${Percentage|number|"none"} ${Percentage|number|"none"})` | `hwb(${Hue|"none"} ${Percentage|number|"none"} ${Percentage|number|"none"} / ${AlphaValue|"none"})`;
136
- // type Lab = `${"lab"|"oklab"}(${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"})` | `${"lab"|"oklab"}(${number|Percentage|"none"} ${number|Percentage|"none"} ${number|Percentage|"none"} / ${AlphaValue|"none"})`;
137
- // type Lch = `${"lch"|"oklch"}(${number|Percentage|"none"} ${number|Percentage|"none"} ${Hue|"none"})` | `${"lch"|"oklch"}(${number|Percentage|"none"} ${number|Percentage|"none"} ${Hue|"none"} / ${AlphaValue|"none"})`;
138
- // type ColorFunc = `color(${ColorspaceParams})`| `color(${ColorspaceParams} / ${AlphaValue|"none"})`;
139
- // type AbsoluteColorFunction = Rgba|Hsla|Hwb|Lab|Lch|ColorFunc;
140
-
141
- // type AbsoluteColorBase = HexColor|AbsoluteColorFunction|NamedColor|"transparent";
142
- // type Color = AbsoluteColorBase|SystemColor|"currentcolor";
143
- // type SimpleColor = HexColor|`${"rgb"|"rgba"|"hsl"|"hsla"|"hwb"|"lab"|"lch"|"oklab"|"oklch"|"color"}(${ComplexType})`|NamedColor|SystemColor|"currentcolor";
144
-
145
- type Color = string;
146
-
147
- // Display List Item
148
-
149
- type DisplayListItem =
150
- | 'list-item'
151
- | `${DisplayOutside} list-item`
152
- | `list-item ${DisplayOutside}`
153
- | `${DisplayFlow} list-item`
154
- | `list-item ${DisplayFlow}`
155
- | `${DisplayOutside} ${DisplayFlow} list-item`
156
- | `${DisplayOutside} list-item ${DisplayFlow}`
157
- | `${DisplayFlow} ${DisplayOutside} list-item`
158
- | `${DisplayFlow} list-item ${DisplayOutside}`
159
- | `list-item ${DisplayOutside} ${DisplayFlow}`
160
- | `list-item ${DisplayFlow} ${DisplayOutside}`;
161
-
162
- // ID
163
- type Ident = string;
164
- type CustomIdent = string;
165
- type DashedIdent = `--${string}`;
166
-
167
- // EASING FUNCTION
168
-
169
- type StepPosition = "jump-start"|"jump-end"|"jump-none"|"jump-both"|"start"|"end";
170
- type LinearStopLength = Percentage|`${Percentage} ${Percentage}`;
171
- type LinearStop = number|`${number} ${LinearStopLength}`|`${LinearStopLength} ${number}`;
172
- type LinearStopList = `${LinearStop}${`, ${LinearStop}${`, ${LinearStop}${`, ${LinearStop}${`, ${LinearStop}${ComplexType}`|""}`|""}`|""}`|""}`;
173
-
174
- type StepEasingFunction = "step-start"|"step-end"|`steps(${Int}${`, ${StepPosition}`|""})`;
175
- type CubicBezierEasingFunction = "ease"|"ease-in"|"ease-out"|"ease-in-out"|`cubic-bezier(${number}, ${number}, ${number}, ${number})`;
176
- type LinearEasingFunction = `linear(${LinearStopList})`;
177
- type EasingFunction = "linear"|LinearEasingFunction|CubicBezierEasingFunction|StepEasingFunction;
178
-
179
- // FILTER FUNCTION
180
- // TODO: don't forget to provide builders for these. Already put work into some.
181
- type SaturateFunction = `saturate(${number|Percentage|""})`;
182
- type SepiaFunction = `sepia(${number|Percentage|""})`;
183
- type OpacityFunction = `opacity(${number|Percentage|""})`;
184
- type InvertFunction = `invert(${number|Percentage|""})`;
185
- type GrayscaleFunction = `grayscale(${number|Percentage|""})`;
186
- type ContrastFunction = `contrast(${number|Percentage|""})`;
187
- type BrightnessFunction = `brightness(${number|Percentage|""})`;
188
- type BlurFunction = `blur(${NumericLength|""})`;
189
- // Regrettably, strong typing for color isn't possible due to the type complexity.
190
- // Even SimpleColor doesn't work. We use string in place of Color.
191
- type DropShadowFunction = `drop-shadow(${`${ComplexType} ${NumericLength} ${NumericLength}`
192
- |`${NumericLength} ${NumericLength} ${ComplexType}`
193
- |`${NumericLength} ${NumericLength}`
194
- |`${ComplexType} ${NumericLength} ${NumericLength} ${NumericLength}`
195
- |`${NumericLength} ${NumericLength} ${NumericLength} ${ComplexType}`
196
- |`${NumericLength} ${NumericLength} ${NumericLength}`
197
- })`;
198
- type HueRotateFunction = `hue-rotate(${Angle|""})`;
199
- type FilterFunction = SaturateFunction|SepiaFunction|OpacityFunction|InvertFunction|GrayscaleFunction|ContrastFunction|BrightnessFunction|BlurFunction|DropShadowFunction|HueRotateFunction;
200
-
201
- // FLEX
202
- type Flex = `${number}fr`;
203
-
204
- // FONT
205
-
206
- type GenericFamily = "serif" | "sans-serif" | "monospace" | "cursive" | "fantasy" | "system-ui" | "ui-serif" | "ui-sans-serif" | "ui-monospace" | "ui-rounded" | "emoji" | "math" | "fangsong";
207
-
208
- // POSITION
209
- type HorizontalPosition = "left" | "center" | "right" | LengthPercentage;
210
- type VerticalPosition = "top" | "center" | "bottom" | LengthPercentage;
211
-
212
- type Position =
213
- | HorizontalPosition
214
- | VerticalPosition
215
- | `${HorizontalPosition} ${VerticalPosition}`
216
- | `${VerticalPosition} ${HorizontalPosition}`
217
- | `${"left" | "right"} ${LengthPercentage}`
218
- | `${"top" | "bottom"} ${LengthPercentage}`
219
- | `${"left" | "right"} ${LengthPercentage} ${"top" | "bottom"} ${LengthPercentage}`
220
- | `${"top" | "bottom"} ${LengthPercentage} ${"left" | "right"} ${LengthPercentage}`;
221
-
222
- // GRADIENT
223
- // https://developer.mozilla.org/en-US/docs/Web/CSS/gradient
224
- // TODO: absolutely need a builder for this.
225
-
226
- type RadialShape = "circle"|"ellipse";
227
- type RadialExtent = "closest-corner"|"closest-side"|"farthest-corner"|"farthest-side";
228
- type SideOrCorner = "left"|"right"|"top"|"bottom"|`${"left" | "right"} ${"top" | "bottom"}`|`${"top" | "bottom"} ${"left" | "right"}`;
229
- type RadialSize = `${RadialExtent} ${NumericLength} ${LengthPercentage} ${LengthPercentage}`;
230
- type LinearColorStop = Color|`${Color} ${LengthPercentage}`;
231
- type LinearColorHint = LengthPercentage;
232
- // type LinearColorStopListItem = LinearColorStop|`${LinearColorHint}, ${LinearColorStop}`; // TOO COMPLEX :(
233
- type LinearColorStopListItem = LinearColorStop|`${ComplexType}, ${LinearColorStop}`; // TODO: this type got botched due to complexity.
234
- type ColorStopList = `${LinearColorStop}${`, ${ComplexType}`}`|`${LinearColorStop}`;
235
-
236
- type AngleOrSideOrCorner = Angle | `to ${SideOrCorner}, `;
237
- type LinearGradientSyntax = ComplexType; //`${`${AngleOrSideOrCorner} `|""}${ColorStopList}`;
238
- // type RadiatShapeOrSize = RadialShape | RadialSize | `${RadialShape} ${RadialSize}` | `${RadialSize} ${RadialShape}`;
239
- type RadiatShapeOrSize = RadialShape | RadialSize | ComplexType;//`${RadialShape} ${RadialSize}` | `${RadialSize} ${RadialShape}`;
240
- type RadialGradientSyntax = `${`${RadiatShapeOrSize} ` | ""} [ at <position> ]? , <color-stop-list>`;
241
- type LinearGradientFunction = `linear-gradient(${LinearGradientSyntax})`;
242
- type RepeatingLinearGradientFunction = `linear-gradient(${LinearGradientSyntax})`;
243
- type RadialGradientFunction = `radial-gradient(${RadialGradientSyntax})`;
244
- type RepeatingRadialGradientFunction = `radial-gradient(${RadialGradientSyntax})`;
245
- type Gradient = LinearGradientFunction | RepeatingLinearGradientFunction | RadialGradientFunction | RepeatingRadialGradientFunction;
246
-
247
- // URL
248
- type Url = `${"src"|"url"}(${Str})`;
249
-
250
- // IMAGE
251
- type Image = Url|Gradient;
252
-
253
- // TODO:
254
- // https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function
255
- type TransformFunction = ComplexType;
256
-
257
- // Building blocks.
258
-
259
- // type OptionalWhitespace = ""|" ";
260
- // export type Percentage = number|`${number}%`; // Used for filters.
261
-
262
- // ts starts complaining about the complexity of the type :(
263
-
264
-
265
- // Types
266
- // TODO: look up types online and correct this.
267
- // https://developer.mozilla.org/en-US/docs/Web/CSS/absolute-size
268
-
269
- // MORE COMPLEX TYPES?
270
-
271
- type NumericLengthOrAuto = NumericLength|"auto";
272
- type NumericAngle = number|`${number}${AngleUnits}`;
273
-
274
- type AppearanceValues = BasicCommonValues|"none"|"menulist-button"|"textfield"|"button"|"searchfield"|"textarea"|"push-button"|"slider-horizontal"|"checkbox"|"radio"|"square-button"|"menulist"|"listbox"|"meter"|"progress-bar"|"scrollbarbutton-up"|"button-bevel"|"media-mute-button"|"caret";
275
- type BackgroundAttachmentValues = BasicCommonValues|"scroll"|"fixed"|"local";
276
- type BackgroundRepeatValues = BasicCommonValues|"no-repeat"|"repeat"|"space"|"round";
277
- type BackgroundOriginValues = BasicCommonValues|"padding-box"|"border-box"|"content-box";
278
- type BackgroundSizeValues = BasicCommonValues|"auto"|NumericLength|"cover"|"contain";
279
- type BackfaceVisibilityValues = BasicCommonValues|"visible"|"hidden";
280
- type BorderStyles = BasicCommonValues|"dotted"|"dashed"|"solid"|"double"|"groove"|"ridge"|"inset"|"outset"|"none"|"hidden";
281
-
282
- type DisplayValues = BasicCommonValues|"inline"|"block"|"contents"|"flex"|"grid"|"inline-block"|"inline-flex"|"inline-grid"|"inline-table"|"list-item"|"run-in"|"table"|"table-caption"|"table-column-group"|"table-header-group"|"table-footer-group"|"table-row-group"|"table-cell"|"table-column"|"table-row"|"none";
283
- type DirectionValues = BasicCommonValues|"ltr"|"rtl";
284
- type FontStyleValues = BasicCommonValues|"normal"|"italic"|"oblique";
285
- type FontVariantValues = BasicCommonValues|"normal"|"small-caps";
286
- type FontVariantCapsValues = FontVariantValues|"all-small-caps"|"petite-caps"|"all-petite-caps"|"unicase"|"titling-caps";
287
- type FontWeightValues = BasicCommonValues|number|"normal"|"bold"|"bolder"|"lighter";
288
- type LengthProp = BasicCommonValues|"maxHeight"|"minHeight"|"top"|"bottom"|"height"|"maxHidth"|"minWidth"|"right"|"left"|"width"|"margin"|"marginTop"|"marginBottom"|"marginLeft"|"marginRight"|"outlineOffset"|"padding"|"paddingTop"|"paddingBottom"|"paddingLeft"|"paddingRight"|"lineHeight"|"flexBasis"|"fontSize";
289
- type OutlineWidthValues = BasicCommonValues|"medium"|"thin"|"thick"|NumericLength;
290
- type PositionNames = BasicCommonValues|"static"|"relative"|"fixed"|"absolute"|"sticky";
291
-
292
- type FlexDirectionNames = BasicCommonValues|"row"|"row-reverse"|"column"|"column-reverse";
293
- type FlexWrapNames = BasicCommonValues|"nowrap"|"wrap"|"wrap-reverse";
294
-
295
-
296
- // Advanced formatted types.
297
-
298
- type BackgroundRepeatValues2d = BackgroundRepeatValues|"repeat-x"|"repeat-y"|`${BackgroundRepeatValues} ${BackgroundRepeatValues}`;
299
- type BorderShorthand = BasicCommonValues|`${BorderStyles}`|`${BorderStyles} ${Color}`|ComplexType;//`${number}${AllLengthUnits} ${BorderStyles} ${Color}`;
300
- type BackgroundImageFormat = BasicCommonValues|Url|`${Url}, ${Url}`;
301
- type BackgroundPositionShorthand2D = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number}`|`${number}% ${number}%`|`${"left"|"right"|"center"} ${"top"|"center"|"bottom"}`;
302
- type BackgroundShorthand = BasicCommonValues|ComplexType;//`${Color} ${Url} ${BackgroundRepeatValues} ${BackgroundPositionShorthand2D}`;
303
- type FlexFlowShorthand = BasicCommonValues|`${FlexDirectionNames} ${FlexWrapNames}`;
304
- type FlexShorthand = BasicCommonValues|`${BasicCommonValues|number} ${BasicCommonValues|number} ${BasicCommonValues|`${number}${AllLengthUnits}`}`;
305
-
306
- type AtRule = "@charset"|"@color-profile"|"@container"|"@counter-style"|"@font-face"|"@document"|"@font-feature-values"|"@font-palette-values"|"@import"|"@keyframes"|"@layer"|"@media"|"@namespace"|"@page"|"@property"|"@scope"|"@starting-style"|"@supports";
307
-
308
- interface IDotcssProp{
309
-
310
- // SPECIAL FUNCITONS COMMENTED OUT IN v6!
311
- // angleToDeg(a: number|string);
312
- // matrixMultiply3D(a: Array<number>, b: Array<number>): Array<number>;
313
- // lengthToPx(l: string|number, prop?: LengthProp, element?: Element);
314
- // angleSubtract(a, b);
315
- // url(url: string);
316
- // rgb(r: number, g: number, b: number);
317
- // rgba(r: number, g: number, b: number, a: number);
318
- // buildTransform();
319
- // scopeToEl(el: HTMLElement);
320
- // cacheScopedStaticStyles(el: HTMLElement);
321
- // clearDynamicStyles(el: HTMLElement);
322
- // unscope();
323
- // formatNumberValue(value: number, unit?: string);
324
- // hide(params?: HideParams);
325
- // show(params?: ShowParams);
326
- // fadeOut(duration: number, complete: Function);
327
- // fadeIn(duration: number, complete: Function);
328
- // END SPECIAL FUNCTIONS!
329
-
330
- // Private.
331
- //cacheScopedStaticStyles(el: HTMLElement);
332
- //clearCachedStyles(el: HTMLElement);
333
-
334
-
335
- // CSS PROPS!
336
- // backgroundColor(values: string|Array<number>): IDotcssProp;
337
- // backgroundColor(r: number, g: number, b: number, a?: number): IDotcssProp;
338
- // color(values: string|Array<number>): IDotcssProp;
339
- // color(r: number, g: number, b: number, a?: number): IDotcssProp;
340
-
341
- // display(value: string): IDotcssProp;
342
- // height: IDotcssAnimatable<string|number>;
343
- // opacity: IDotcssAnimatable<string|number>;
344
- // overflow(value: string): IDotcssProp;
345
- // width: IDotcssAnimatable<string|number>;
346
-
347
-
348
-
349
-
350
-
351
- //color:
352
- color?: IReactive<string>|Color;
353
- backgroundColor?: IReactive<string>|Color;
354
- borderBottomColor?: IReactive<string>|Color;
355
- borderColor?: IReactive<string>|Color;
356
- borderLeftColor?: IReactive<string>|Color;
357
- borderRightColor?: IReactive<string>|Color;
358
- borderTopColor?: IReactive<string>|Color;
359
- textDecorationColor?: IReactive<string>|Color;
360
- outlineColor?: IReactive<string>|Color;
361
- columnRuleColor?: IReactive<string>|Color;
362
-
363
- //length:(value:
364
- backgroundSize?: IReactive<string>|BackgroundSizeValues;
365
- backgr2undSizeCm?: IReactive<number>|number;
366
- backgr2undSizeCh?: IReactive<number>|number;
367
- backgr2undSizeEm?: IReactive<number>|number;
368
- backgr2undSizeEx?: IReactive<number>|number;
369
- backgr2undSizeIn?: IReactive<number>|number;
370
- backgr2undSizeMm?: IReactive<number>|number;
371
- backgr2undSizeP?: IReactive<number>|number;
372
- backgr2undSizePc?: IReactive<number>|number;
373
- backgr2undSizePt?: IReactive<number>|number;
374
- backgr2undSizePx?: IReactive<number>|number;
375
- backgr2undSizeRem?: IReactive<number>|number;
376
- backgr2undSizeVh?: IReactive<number>|number;
377
- backgr2undSizeVw?: IReactive<number>|number;
378
- backgr2undSizeVMax?: IReactive<number>|number;
379
- backgr2undSizeVMin?: IReactive<number>|number;
380
-
381
- blockSize?: IReactive<NumericLength>|NumericLength;
382
- blockSizeCm?: IReactive<number>|number;
383
- blockSizeCh?: IReactive<number>|number;
384
- blockSizeEm?: IReactive<number>|number;
385
- blockSizeEx?: IReactive<number>|number;
386
- blockSizeIn?: IReactive<number>|number;
387
- blockSizeMm?: IReactive<number>|number;
388
- blockSizeP?: IReactive<number>|number;
389
- blockSizePc?: IReactive<number>|number;
390
- blockSizePt?: IReactive<number>|number;
391
- blockSizePx?: IReactive<number>|number;
392
- blockSizeRem?: IReactive<number>|number;
393
- blockSizeVh?: IReactive<number>|number;
394
- blockSizeVw?: IReactive<number>|number;
395
- blockSizeVMax?: IReactive<number>|number;
396
- blockSizeVMin?: IReactive<number>|number;
397
-
398
- borderBottomLeftRadius?: IReactive<NumericLength>|NumericLength;
399
- borderBottomLeftRadiusCm?: IReactive<number>|number;
400
- borderBottomLeftRadiusCh?: IReactive<number>|number;
401
- borderBottomLeftRadiusEm?: IReactive<number>|number;
402
- borderBottomLeftRadiusEx?: IReactive<number>|number;
403
- borderBottomLeftRadiusIn?: IReactive<number>|number;
404
- borderBottomLeftRadiusMm?: IReactive<number>|number;
405
- borderBottomLeftRadiusP?: IReactive<number>|number;
406
- borderBottomLeftRadiusPc?: IReactive<number>|number;
407
- borderBottomLeftRadiusPt?: IReactive<number>|number;
408
- borderBottomLeftRadiusPx?: IReactive<number>|number;
409
- borderBottomLeftRadiusRem?: IReactive<number>|number;
410
- borderBottomLeftRadiusVh?: IReactive<number>|number;
411
- borderBottomLeftRadiusVw?: IReactive<number>|number;
412
- borderBottomLeftRadiusVMax?: IReactive<number>|number;
413
- borderBottomLeftRadiusVMin?: IReactive<number>|number;
414
-
415
- borderBottomRightRadius?: IReactive<NumericLength>|NumericLength;
416
- borderBottomRightRadiusCm?: IReactive<number>|number;
417
- borderBottomRightRadiusCh?: IReactive<number>|number;
418
- borderBottomRightRadiusEm?: IReactive<number>|number;
419
- borderBottomRightRadiusEx?: IReactive<number>|number;
420
- borderBottomRightRadiusIn?: IReactive<number>|number;
421
- borderBottomRightRadiusMm?: IReactive<number>|number;
422
- borderBottomRightRadiusP?: IReactive<number>|number;
423
- borderBottomRightRadiusPc?: IReactive<number>|number;
424
- borderBottomRightRadiusPt?: IReactive<number>|number;
425
- borderBottomRightRadiusPx?: IReactive<number>|number;
426
- borderBottomRightRadiusRem?: IReactive<number>|number;
427
- borderBottomRightRadiusVh?: IReactive<number>|number;
428
- borderBottomRightRadiusVw?: IReactive<number>|number;
429
- borderBottomRightRadiusVMax?: IReactive<number>|number;
430
- borderBottomRightRadiusVMin?: IReactive<number>|number;
431
-
432
- borderBottomWidth?: IReactive<NumericLength>|NumericLength;
433
- borderBottomWidthCm?: IReactive<number>|number;
434
- borderBottomWidthCh?: IReactive<number>|number;
435
- borderBottomWidthEm?: IReactive<number>|number;
436
- borderBottomWidthEx?: IReactive<number>|number;
437
- borderBottomWidthIn?: IReactive<number>|number;
438
- borderBottomWidthMm?: IReactive<number>|number;
439
- borderBottomWidthP?: IReactive<number>|number;
440
- borderBottomWidthPc?: IReactive<number>|number;
441
- borderBottomWidthPt?: IReactive<number>|number;
442
- borderBottomWidthPx?: IReactive<number>|number;
443
- borderBottomWidthRem?: IReactive<number>|number;
444
- borderBottomWidthVh?: IReactive<number>|number;
445
- borderBottomWidthVw?: IReactive<number>|number;
446
- borderBottomWidthVMax?: IReactive<number>|number;
447
- borderBottomWidthVMin?: IReactive<number>|number;
448
-
449
- borderImageWidth?: IReactive<NumericLength>|NumericLength;
450
- borderImageWidthCm?: IReactive<number>|number;
451
- borderImageWidthCh?: IReactive<number>|number;
452
- borderImageWidthEm?: IReactive<number>|number;
453
- borderImageWidthEx?: IReactive<number>|number;
454
- borderImageWidthIn?: IReactive<number>|number;
455
- borderImageWidthMm?: IReactive<number>|number;
456
- borderImageWidthP?: IReactive<number>|number;
457
- borderImageWidthPc?: IReactive<number>|number;
458
- borderImageWidthPt?: IReactive<number>|number;
459
- borderImageWidthPx?: IReactive<number>|number;
460
- borderImageWidthRem?: IReactive<number>|number;
461
- borderImageWidthVh?: IReactive<number>|number;
462
- borderImageWidthVw?: IReactive<number>|number;
463
- borderImageWidthVMax?: IReactive<number>|number;
464
- borderImageWidthVMin?: IReactive<number>|number;
465
-
466
- borderLeftWidth?: IReactive<NumericLength>|NumericLength;
467
- borderLeftWidthCm?: IReactive<number>|number;
468
- borderLeftWidthCh?: IReactive<number>|number;
469
- borderLeftWidthEm?: IReactive<number>|number;
470
- borderLeftWidthEx?: IReactive<number>|number;
471
- borderLeftWidthIn?: IReactive<number>|number;
472
- borderLeftWidthMm?: IReactive<number>|number;
473
- borderLeftWidthP?: IReactive<number>|number;
474
- borderLeftWidthPc?: IReactive<number>|number;
475
- borderLeftWidthPt?: IReactive<number>|number;
476
- borderLeftWidthPx?: IReactive<number>|number;
477
- borderLeftWidthRem?: IReactive<number>|number;
478
- borderLeftWidthVh?: IReactive<number>|number;
479
- borderLeftWidthVw?: IReactive<number>|number;
480
- borderLeftWidthVMax?: IReactive<number>|number;
481
- borderLeftWidthVMin?: IReactive<number>|number;
482
-
483
- borderRadius?: IReactive<NumericLength>|NumericLength;
484
- borderRadiusCm?: IReactive<number>|number;
485
- borderRadiusCh?: IReactive<number>|number;
486
- borderRadiusEm?: IReactive<number>|number;
487
- borderRadiusEx?: IReactive<number>|number;
488
- borderRadiusIn?: IReactive<number>|number;
489
- borderRadiusMm?: IReactive<number>|number;
490
- borderRadiusP?: IReactive<number>|number;
491
- borderRadiusPc?: IReactive<number>|number;
492
- borderRadiusPt?: IReactive<number>|number;
493
- borderRadiusPx?: IReactive<number>|number;
494
- borderRadiusRem?: IReactive<number>|number;
495
- borderRadiusVh?: IReactive<number>|number;
496
- borderRadiusVw?: IReactive<number>|number;
497
- borderRadiusVMax?: IReactive<number>|number;
498
- borderRadiusVMin?: IReactive<number>|number;
499
-
500
- borderRightWidth?: IReactive<NumericLength>|NumericLength;
501
- borderRightWidthCm?: IReactive<number>|number;
502
- borderRightWidthCh?: IReactive<number>|number;
503
- borderRightWidthEm?: IReactive<number>|number;
504
- borderRightWidthEx?: IReactive<number>|number;
505
- borderRightWidthIn?: IReactive<number>|number;
506
- borderRightWidthMm?: IReactive<number>|number;
507
- borderRightWidthP?: IReactive<number>|number;
508
- borderRightWidthPc?: IReactive<number>|number;
509
- borderRightWidthPt?: IReactive<number>|number;
510
- borderRightWidthPx?: IReactive<number>|number;
511
- borderRightWidthRem?: IReactive<number>|number;
512
- borderRightWidthVh?: IReactive<number>|number;
513
- borderRightWidthVw?: IReactive<number>|number;
514
- borderRightWidthVMax?: IReactive<number>|number;
515
- borderRightWidthVMin?: IReactive<number>|number;
516
-
517
- borderTopLeftRadius?: IReactive<NumericLength>|NumericLength;
518
- borderTopLeftRadiusCm?: IReactive<number>|number;
519
- borderTopLeftRadiusCh?: IReactive<number>|number;
520
- borderTopLeftRadiusEm?: IReactive<number>|number;
521
- borderTopLeftRadiusEx?: IReactive<number>|number;
522
- borderTopLeftRadiusIn?: IReactive<number>|number;
523
- borderTopLeftRadiusMm?: IReactive<number>|number;
524
- borderTopLeftRadiusP?: IReactive<number>|number;
525
- borderTopLeftRadiusPc?: IReactive<number>|number;
526
- borderTopLeftRadiusPt?: IReactive<number>|number;
527
- borderTopLeftRadiusPx?: IReactive<number>|number;
528
- borderTopLeftRadiusRem?: IReactive<number>|number;
529
- borderTopLeftRadiusVh?: IReactive<number>|number;
530
- borderTopLeftRadiusVw?: IReactive<number>|number;
531
- borderTopLeftRadiusVMax?: IReactive<number>|number;
532
- borderTopLeftRadiusVMin?: IReactive<number>|number;
533
-
534
- borderTopRightRadius?: IReactive<NumericLength>|NumericLength;
535
- borderTopRightRadiusCm?: IReactive<number>|number;
536
- borderTopRightRadiusCh?: IReactive<number>|number;
537
- borderTopRightRadiusEm?: IReactive<number>|number;
538
- borderTopRightRadiusEx?: IReactive<number>|number;
539
- borderTopRightRadiusIn?: IReactive<number>|number;
540
- borderTopRightRadiusMm?: IReactive<number>|number;
541
- borderTopRightRadiusP?: IReactive<number>|number;
542
- borderTopRightRadiusPc?: IReactive<number>|number;
543
- borderTopRightRadiusPt?: IReactive<number>|number;
544
- borderTopRightRadiusPx?: IReactive<number>|number;
545
- borderTopRightRadiusRem?: IReactive<number>|number;
546
- borderTopRightRadiusVh?: IReactive<number>|number;
547
- borderTopRightRadiusVw?: IReactive<number>|number;
548
- borderTopRightRadiusVMax?: IReactive<number>|number;
549
- borderTopRightRadiusVMin?: IReactive<number>|number;
550
-
551
- borderTopWidth?: IReactive<NumericLength>|NumericLength;
552
- borderTopWidthCm?: IReactive<number>|number;
553
- borderTopWidthCh?: IReactive<number>|number;
554
- borderTopWidthEm?: IReactive<number>|number;
555
- borderTopWidthEx?: IReactive<number>|number;
556
- borderTopWidthIn?: IReactive<number>|number;
557
- borderTopWidthMm?: IReactive<number>|number;
558
- borderTopWidthP?: IReactive<number>|number;
559
- borderTopWidthPc?: IReactive<number>|number;
560
- borderTopWidthPt?: IReactive<number>|number;
561
- borderTopWidthPx?: IReactive<number>|number;
562
- borderTopWidthRem?: IReactive<number>|number;
563
- borderTopWidthVh?: IReactive<number>|number;
564
- borderTopWidthVw?: IReactive<number>|number;
565
- borderTopWidthVMax?: IReactive<number>|number;
566
- borderTopWidthVMin?: IReactive<number>|number;
567
-
568
- borderWidth?: IReactive<NumericLength>|NumericLength;
569
- borderWidthCm?: IReactive<number>|number;
570
- borderWidthCh?: IReactive<number>|number;
571
- borderWidthEm?: IReactive<number>|number;
572
- borderWidthEx?: IReactive<number>|number;
573
- borderWidthIn?: IReactive<number>|number;
574
- borderWidthMm?: IReactive<number>|number;
575
- borderWidthP?: IReactive<number>|number;
576
- borderWidthPc?: IReactive<number>|number;
577
- borderWidthPt?: IReactive<number>|number;
578
- borderWidthPx?: IReactive<number>|number;
579
- borderWidthRem?: IReactive<number>|number;
580
- borderWidthVh?: IReactive<number>|number;
581
- borderWidthVw?: IReactive<number>|number;
582
- borderWidthVMax?: IReactive<number>|number;
583
- borderWidthVMin?: IReactive<number>|number;
584
-
585
- bottom?: IReactive<NumericLength>|NumericLengthOrAuto;
586
- bottomCm?: IReactive<number>|number;
587
- bottomCh?: IReactive<number>|number;
588
- bottomEm?: IReactive<number>|number;
589
- bottomEx?: IReactive<number>|number;
590
- bottomIn?: IReactive<number>|number;
591
- bottomMm?: IReactive<number>|number;
592
- bottomP?: IReactive<number>|number;
593
- bottomPc?: IReactive<number>|number;
594
- bottomPt?: IReactive<number>|number;
595
- bottomPx?: IReactive<number>|number;
596
- bottomRem?: IReactive<number>|number;
597
- bottomVh?: IReactive<number>|number;
598
- bottomVw?: IReactive<number>|number;
599
- bottomVMax?: IReactive<number>|number;
600
- bottomVMin?: IReactive<number>|number;
601
-
602
- gap?: IReactive<NumericLength>|NumericLength;
603
- gapCm?: IReactive<number>|number;
604
- gapCh?: IReactive<number>|number;
605
- gapEm?: IReactive<number>|number;
606
- gapEx?: IReactive<number>|number;
607
- gapIn?: IReactive<number>|number;
608
- gapMm?: IReactive<number>|number;
609
- gapP?: IReactive<number>|number;
610
- gapPc?: IReactive<number>|number;
611
- gapPt?: IReactive<number>|number;
612
- gapPx?: IReactive<number>|number;
613
- gapRem?: IReactive<number>|number;
614
- gapVh?: IReactive<number>|number;
615
- gapVw?: IReactive<number>|number;
616
- gapVMax?: IReactive<number>|number;
617
- gapVMin?: IReactive<number>|number;
618
-
619
- height?: IReactive<NumericLength>|NumericLengthOrAuto;
620
- heightCm?: IReactive<number>|number;
621
- heightCh?: IReactive<number>|number;
622
- heightEm?: IReactive<number>|number;
623
- heightEx?: IReactive<number>|number;
624
- heightIn?: IReactive<number>|number;
625
- heightMm?: IReactive<number>|number;
626
- heightP?: IReactive<number>|number;
627
- heightPc?: IReactive<number>|number;
628
- heightPt?: IReactive<number>|number;
629
- heightPx?: IReactive<number>|number;
630
- heightRem?: IReactive<number>|number;
631
- heightVh?: IReactive<number>|number;
632
- heightVw?: IReactive<number>|number;
633
- heightVMax?: IReactive<number>|number;
634
- heightVMin?: IReactive<number>|number;
635
-
636
- left?: IReactive<NumericLength>|NumericLengthOrAuto;
637
- leftCm?: IReactive<number>|number;
638
- leftCh?: IReactive<number>|number;
639
- leftEm?: IReactive<number>|number;
640
- leftEx?: IReactive<number>|number;
641
- leftIn?: IReactive<number>|number;
642
- leftMm?: IReactive<number>|number;
643
- leftP?: IReactive<number>|number;
644
- leftPc?: IReactive<number>|number;
645
- leftPt?: IReactive<number>|number;
646
- leftPx?: IReactive<number>|number;
647
- leftRem?: IReactive<number>|number;
648
- leftVh?: IReactive<number>|number;
649
- leftVw?: IReactive<number>|number;
650
- leftVMax?: IReactive<number>|number;
651
- leftVMin?: IReactive<number>|number;
652
-
653
- margin?: IReactive<NumericLength>|NumericLengthOrAuto;
654
- marginCm?: IReactive<number>|number;
655
- marginCh?: IReactive<number>|number;
656
- marginEm?: IReactive<number>|number;
657
- marginEx?: IReactive<number>|number;
658
- marginIn?: IReactive<number>|number;
659
- marginMm?: IReactive<number>|number;
660
- marginP?: IReactive<number>|number;
661
- marginPc?: IReactive<number>|number;
662
- marginPt?: IReactive<number>|number;
663
- marginPx?: IReactive<number>|number;
664
- marginRem?: IReactive<number>|number;
665
- marginVh?: IReactive<number>|number;
666
- marginVw?: IReactive<number>|number;
667
- marginVMax?: IReactive<number>|number;
668
- marginVMin?: IReactive<number>|number;
669
-
670
- marginBottom?: IReactive<NumericLength>|NumericLengthOrAuto;
671
- marginBottomCm?: IReactive<number>|number;
672
- marginBottomCh?: IReactive<number>|number;
673
- marginBottomEm?: IReactive<number>|number;
674
- marginBottomEx?: IReactive<number>|number;
675
- marginBottomIn?: IReactive<number>|number;
676
- marginBottomMm?: IReactive<number>|number;
677
- marginBottomP?: IReactive<number>|number;
678
- marginBottomPc?: IReactive<number>|number;
679
- marginBottomPt?: IReactive<number>|number;
680
- marginBottomPx?: IReactive<number>|number;
681
- marginBottomRem?: IReactive<number>|number;
682
- marginBottomVh?: IReactive<number>|number;
683
- marginBottomVw?: IReactive<number>|number;
684
- marginBottomVMax?: IReactive<number>|number;
685
- marginBottomVMin?: IReactive<number>|number;
686
-
687
- marginLeft?: IReactive<NumericLength>|NumericLengthOrAuto;
688
- marginLeftCm?: IReactive<number>|number;
689
- marginLeftCh?: IReactive<number>|number;
690
- marginLeftEm?: IReactive<number>|number;
691
- marginLeftEx?: IReactive<number>|number;
692
- marginLeftIn?: IReactive<number>|number;
693
- marginLeftMm?: IReactive<number>|number;
694
- marginLeftP?: IReactive<number>|number;
695
- marginLeftPc?: IReactive<number>|number;
696
- marginLeftPt?: IReactive<number>|number;
697
- marginLeftPx?: IReactive<number>|number;
698
- marginLeftRem?: IReactive<number>|number;
699
- marginLeftVh?: IReactive<number>|number;
700
- marginLeftVw?: IReactive<number>|number;
701
- marginLeftVMax?: IReactive<number>|number;
702
- marginLeftVMin?: IReactive<number>|number;
703
-
704
- marginRight?: IReactive<NumericLength>|NumericLengthOrAuto;
705
- marginRightCm?: IReactive<number>|number;
706
- marginRightCh?: IReactive<number>|number;
707
- marginRightEm?: IReactive<number>|number;
708
- marginRightEx?: IReactive<number>|number;
709
- marginRightIn?: IReactive<number>|number;
710
- marginRightMm?: IReactive<number>|number;
711
- marginRightP?: IReactive<number>|number;
712
- marginRightPc?: IReactive<number>|number;
713
- marginRightPt?: IReactive<number>|number;
714
- marginRightPx?: IReactive<number>|number;
715
- marginRightRem?: IReactive<number>|number;
716
- marginRightVh?: IReactive<number>|number;
717
- marginRightVw?: IReactive<number>|number;
718
- marginRightVMax?: IReactive<number>|number;
719
- marginRightVMin?: IReactive<number>|number;
720
-
721
- marginTop?: IReactive<NumericLength>|NumericLengthOrAuto;
722
- marginTopCm?: IReactive<number>|number;
723
- marginTopCh?: IReactive<number>|number;
724
- marginTopEm?: IReactive<number>|number;
725
- marginTopEx?: IReactive<number>|number;
726
- marginTopIn?: IReactive<number>|number;
727
- marginTopMm?: IReactive<number>|number;
728
- marginTopP?: IReactive<number>|number;
729
- marginTopPc?: IReactive<number>|number;
730
- marginTopPt?: IReactive<number>|number;
731
- marginTopPx?: IReactive<number>|number;
732
- marginTopRem?: IReactive<number>|number;
733
- marginTopVh?: IReactive<number>|number;
734
- marginTopVw?: IReactive<number>|number;
735
- marginTopVMax?: IReactive<number>|number;
736
- marginTopVMin?: IReactive<number>|number;
737
-
738
- maxHeight?: IReactive<NumericLength>|NumericLengthOrAuto;
739
- maxHeightCm?: IReactive<number>|number;
740
- maxHeightCh?: IReactive<number>|number;
741
- maxHeightEm?: IReactive<number>|number;
742
- maxHeightEx?: IReactive<number>|number;
743
- maxHeightIn?: IReactive<number>|number;
744
- maxHeightMm?: IReactive<number>|number;
745
- maxHeightP?: IReactive<number>|number;
746
- maxHeightPc?: IReactive<number>|number;
747
- maxHeightPt?: IReactive<number>|number;
748
- maxHeightPx?: IReactive<number>|number;
749
- maxHeightRem?: IReactive<number>|number;
750
- maxHeightVh?: IReactive<number>|number;
751
- maxHeightVw?: IReactive<number>|number;
752
- maxHeightVMax?: IReactive<number>|number;
753
- maxHeightVMin?: IReactive<number>|number;
754
-
755
- maxWidth?: IReactive<NumericLength>|NumericLengthOrAuto;
756
- maxWidthCm?: IReactive<number>|number;
757
- maxWidthCh?: IReactive<number>|number;
758
- maxWidthEm?: IReactive<number>|number;
759
- maxWidthEx?: IReactive<number>|number;
760
- maxWidthIn?: IReactive<number>|number;
761
- maxWidthMm?: IReactive<number>|number;
762
- maxWidthP?: IReactive<number>|number;
763
- maxWidthPc?: IReactive<number>|number;
764
- maxWidthPt?: IReactive<number>|number;
765
- maxWidthPx?: IReactive<number>|number;
766
- maxWidthRem?: IReactive<number>|number;
767
- maxWidthVh?: IReactive<number>|number;
768
- maxWidthVw?: IReactive<number>|number;
769
- maxWidthVMax?: IReactive<number>|number;
770
- maxWidthVMin?: IReactive<number>|number;
771
-
772
- minHeight?: IReactive<NumericLength>|NumericLengthOrAuto;
773
- minHeightCm?: IReactive<number>|number;
774
- minHeightCh?: IReactive<number>|number;
775
- minHeightEm?: IReactive<number>|number;
776
- minHeightEx?: IReactive<number>|number;
777
- minHeightIn?: IReactive<number>|number;
778
- minHeightMm?: IReactive<number>|number;
779
- minHeightP?: IReactive<number>|number;
780
- minHeightPc?: IReactive<number>|number;
781
- minHeightPt?: IReactive<number>|number;
782
- minHeightPx?: IReactive<number>|number;
783
- minHeightRem?: IReactive<number>|number;
784
- minHeightVh?: IReactive<number>|number;
785
- minHeightVw?: IReactive<number>|number;
786
- minHeightVMax?: IReactive<number>|number;
787
- minHeightVMin?: IReactive<number>|number;
788
-
789
- minWidth?: IReactive<NumericLength>|NumericLengthOrAuto;
790
- minWidthCm?: IReactive<number>|number;
791
- minWidthCh?: IReactive<number>|number;
792
- minWidthEm?: IReactive<number>|number;
793
- minWidthEx?: IReactive<number>|number;
794
- minWidthIn?: IReactive<number>|number;
795
- minWidthMm?: IReactive<number>|number;
796
- minWidthP?: IReactive<number>|number;
797
- minWidthPc?: IReactive<number>|number;
798
- minWidthPt?: IReactive<number>|number;
799
- minWidthPx?: IReactive<number>|number;
800
- minWidthRem?: IReactive<number>|number;
801
- minWidthVh?: IReactive<number>|number;
802
- minWidthVw?: IReactive<number>|number;
803
- minWidthVMax?: IReactive<number>|number;
804
- minWidthVMin?: IReactive<number>|number;
805
-
806
- outlineOffset?: IReactive<NumericLength>|NumericLength;
807
- outlineOffsetCm?: IReactive<number>|number;
808
- outlineOffsetCh?: IReactive<number>|number;
809
- outlineOffsetEm?: IReactive<number>|number;
810
- outlineOffsetEx?: IReactive<number>|number;
811
- outlineOffsetIn?: IReactive<number>|number;
812
- outlineOffsetMm?: IReactive<number>|number;
813
- outlineOffsetP?: IReactive<number>|number;
814
- outlineOffsetPc?: IReactive<number>|number;
815
- outlineOffsetPt?: IReactive<number>|number;
816
- outlineOffsetPx?: IReactive<number>|number;
817
- outlineOffsetRem?: IReactive<number>|number;
818
- outlineOffsetVh?: IReactive<number>|number;
819
- outlineOffsetVw?: IReactive<number>|number;
820
- outlineOffsetVMax?: IReactive<number>|number;
821
- outlineOffsetVMin?: IReactive<number>|number;
822
-
823
- padding?: IReactive<NumericLength>|NumericLengthOrAuto;
824
- paddingCm?: IReactive<number>|number;
825
- paddingCh?: IReactive<number>|number;
826
- paddingEm?: IReactive<number>|number;
827
- paddingEx?: IReactive<number>|number;
828
- paddingIn?: IReactive<number>|number;
829
- paddingMm?: IReactive<number>|number;
830
- paddingP?: IReactive<number>|number;
831
- paddingPc?: IReactive<number>|number;
832
- paddingPt?: IReactive<number>|number;
833
- paddingPx?: IReactive<number>|number;
834
- paddingRem?: IReactive<number>|number;
835
- paddingVh?: IReactive<number>|number;
836
- paddingVw?: IReactive<number>|number;
837
- paddingVMax?: IReactive<number>|number;
838
- paddingVMin?: IReactive<number>|number;
839
-
840
- paddingBottom?: IReactive<NumericLength>|NumericLengthOrAuto;
841
- paddingBottomCm?: IReactive<number>|number;
842
- paddingBottomCh?: IReactive<number>|number;
843
- paddingBottomEm?: IReactive<number>|number;
844
- paddingBottomEx?: IReactive<number>|number;
845
- paddingBottomIn?: IReactive<number>|number;
846
- paddingBottomMm?: IReactive<number>|number;
847
- paddingBottomP?: IReactive<number>|number;
848
- paddingBottomPc?: IReactive<number>|number;
849
- paddingBottomPt?: IReactive<number>|number;
850
- paddingBottomPx?: IReactive<number>|number;
851
- paddingBottomRem?: IReactive<number>|number;
852
- paddingBottomVh?: IReactive<number>|number;
853
- paddingBottomVw?: IReactive<number>|number;
854
- paddingBottomVMax?: IReactive<number>|number;
855
- paddingBottomVMin?: IReactive<number>|number;
856
-
857
- paddingLeft?: IReactive<NumericLength>|NumericLengthOrAuto;
858
- paddingLeftCm?: IReactive<number>|number;
859
- paddingLeftCh?: IReactive<number>|number;
860
- paddingLeftEm?: IReactive<number>|number;
861
- paddingLeftEx?: IReactive<number>|number;
862
- paddingLeftIn?: IReactive<number>|number;
863
- paddingLeftMm?: IReactive<number>|number;
864
- paddingLeftP?: IReactive<number>|number;
865
- paddingLeftPc?: IReactive<number>|number;
866
- paddingLeftPt?: IReactive<number>|number;
867
- paddingLeftPx?: IReactive<number>|number;
868
- paddingLeftRem?: IReactive<number>|number;
869
- paddingLeftVh?: IReactive<number>|number;
870
- paddingLeftVw?: IReactive<number>|number;
871
- paddingLeftVMax?: IReactive<number>|number;
872
- paddingLeftVMin?: IReactive<number>|number;
873
-
874
- paddingRight?: IReactive<NumericLength>|NumericLengthOrAuto;
875
- paddingRightCm?: IReactive<number>|number;
876
- paddingRightCh?: IReactive<number>|number;
877
- paddingRightEm?: IReactive<number>|number;
878
- paddingRightEx?: IReactive<number>|number;
879
- paddingRightIn?: IReactive<number>|number;
880
- paddingRightMm?: IReactive<number>|number;
881
- paddingRightP?: IReactive<number>|number;
882
- paddingRightPc?: IReactive<number>|number;
883
- paddingRightPt?: IReactive<number>|number;
884
- paddingRightPx?: IReactive<number>|number;
885
- paddingRightRem?: IReactive<number>|number;
886
- paddingRightVh?: IReactive<number>|number;
887
- paddingRightVw?: IReactive<number>|number;
888
- paddingRightVMax?: IReactive<number>|number;
889
- paddingRightVMin?: IReactive<number>|number;
890
-
891
- paddingTop?: IReactive<NumericLength>|NumericLengthOrAuto;
892
- paddingTopCm?: IReactive<number>|number;
893
- paddingTopCh?: IReactive<number>|number;
894
- paddingTopEm?: IReactive<number>|number;
895
- paddingTopEx?: IReactive<number>|number;
896
- paddingTopIn?: IReactive<number>|number;
897
- paddingTopMm?: IReactive<number>|number;
898
- paddingTopP?: IReactive<number>|number;
899
- paddingTopPc?: IReactive<number>|number;
900
- paddingTopPt?: IReactive<number>|number;
901
- paddingTopPx?: IReactive<number>|number;
902
- paddingTopRem?: IReactive<number>|number;
903
- paddingTopVh?: IReactive<number>|number;
904
- paddingTopVw?: IReactive<number>|number;
905
- paddingTopVMax?: IReactive<number>|number;
906
- paddingTopVMin?: IReactive<number>|number;
907
-
908
- right?: IReactive<NumericLength>|NumericLengthOrAuto;
909
- rightCm?: IReactive<number>|number;
910
- rightCh?: IReactive<number>|number;
911
- rightEm?: IReactive<number>|number;
912
- rightEx?: IReactive<number>|number;
913
- rightIn?: IReactive<number>|number;
914
- rightMm?: IReactive<number>|number;
915
- rightP?: IReactive<number>|number;
916
- rightPc?: IReactive<number>|number;
917
- rightPt?: IReactive<number>|number;
918
- rightPx?: IReactive<number>|number;
919
- rightRem?: IReactive<number>|number;
920
- rightVh?: IReactive<number>|number;
921
- rightVw?: IReactive<number>|number;
922
- rightVMax?: IReactive<number>|number;
923
- rightVMin?: IReactive<number>|number;
924
-
925
- textIndent?: IReactive<NumericLength>|NumericLengthOrAuto;
926
- textIndentCm?: IReactive<number>|number;
927
- textIndentCh?: IReactive<number>|number;
928
- textIndentEm?: IReactive<number>|number;
929
- textIndentEx?: IReactive<number>|number;
930
- textIndentIn?: IReactive<number>|number;
931
- textIndentMm?: IReactive<number>|number;
932
- textIndentP?: IReactive<number>|number;
933
- textIndentPc?: IReactive<number>|number;
934
- textIndentPt?: IReactive<number>|number;
935
- textIndentPx?: IReactive<number>|number;
936
- textIndentRem?: IReactive<number>|number;
937
- textIndentVh?: IReactive<number>|number;
938
- textIndentVw?: IReactive<number>|number;
939
- textIndentVMax?: IReactive<number>|number;
940
- textIndentVMin?: IReactive<number>|number;
941
-
942
- top?: IReactive<NumericLength>|NumericLengthOrAuto;
943
- topCm?: IReactive<number>|number;
944
- topCh?: IReactive<number>|number;
945
- topEm?: IReactive<number>|number;
946
- topEx?: IReactive<number>|number;
947
- topIn?: IReactive<number>|number;
948
- topMm?: IReactive<number>|number;
949
- topP?: IReactive<number>|number;
950
- topPc?: IReactive<number>|number;
951
- topPt?: IReactive<number>|number;
952
- topPx?: IReactive<number>|number;
953
- topRem?: IReactive<number>|number;
954
- topVh?: IReactive<number>|number;
955
- topVw?: IReactive<number>|number;
956
- topVMax?: IReactive<number>|number;
957
- topVMin?: IReactive<number>|number;
958
-
959
- width?: IReactive<NumericLength>|NumericLengthOrAuto;
960
- widthCm?: IReactive<number>|number;
961
- widthCh?: IReactive<number>|number;
962
- widthEm?: IReactive<number>|number;
963
- widthEx?: IReactive<number>|number;
964
- widthIn?: IReactive<number>|number;
965
- widthMm?: IReactive<number>|number;
966
- widthP?: IReactive<number>|number;
967
- widthPc?: IReactive<number>|number;
968
- widthPt?: IReactive<number>|number;
969
- widthPx?: IReactive<number>|number;
970
- widthRem?: IReactive<number>|number;
971
- widthVh?: IReactive<number>|number;
972
- widthVw?: IReactive<number>|number;
973
- widthVMax?: IReactive<number>|number;
974
- widthVMin?: IReactive<number>|number;
975
-
976
- lineHeight?: IReactive<NumericLength>|NumericLength;
977
- lineHeightCm?: IReactive<number>|number;
978
- lineHeightCh?: IReactive<number>|number;
979
- lineHeightEm?: IReactive<number>|number;
980
- lineHeightEx?: IReactive<number>|number;
981
- lineHeightIn?: IReactive<number>|number;
982
- lineHeightMm?: IReactive<number>|number;
983
- lineHeightP?: IReactive<number>|number;
984
- lineHeightPc?: IReactive<number>|number;
985
- lineHeightPt?: IReactive<number>|number;
986
- lineHeightPx?: IReactive<number>|number;
987
- lineHeightRem?: IReactive<number>|number;
988
- lineHeightVh?: IReactive<number>|number;
989
- lineHeightVw?: IReactive<number>|number;
990
- lineHeightVMax?: IReactive<number>|number;
991
- lineHeightVMin?: IReactive<number>|number;
992
-
993
- fontSize?: IReactive<NumericLength>|NumericLength;
994
- fontSizeCm?: IReactive<number>|number;
995
- fontSizeCh?: IReactive<number>|number;
996
- fontSizeEm?: IReactive<number>|number;
997
- fontSizeEx?: IReactive<number>|number;
998
- fontSizeIn?: IReactive<number>|number;
999
- fontSizeMm?: IReactive<number>|number;
1000
- fontSizeP?: IReactive<number>|number;
1001
- fontSizePc?: IReactive<number>|number;
1002
- fontSizePt?: IReactive<number>|number;
1003
- fontSizePx?: IReactive<number>|number;
1004
- fontSizeRem?: IReactive<number>|number;
1005
- fontSizeVh?: IReactive<number>|number;
1006
- fontSizeVw?: IReactive<number>|number;
1007
- fontSizeVMax?: IReactive<number>|number;
1008
- fontSizeVMin?: IReactive<number>|number;
1009
-
1010
- flexBasis?: IReactive<NumericLength>|NumericLengthOrAuto;
1011
- flexBasisCm?: IReactive<number>|number;
1012
- flexBasisCh?: IReactive<number>|number;
1013
- flexBasisEm?: IReactive<number>|number;
1014
- flexBasisEx?: IReactive<number>|number;
1015
- flexBasisIn?: IReactive<number>|number;
1016
- flexBasisMm?: IReactive<number>|number;
1017
- flexBasisP?: IReactive<number>|number;
1018
- flexBasisPc?: IReactive<number>|number;
1019
- flexBasisPt?: IReactive<number>|number;
1020
- flexBasisPx?: IReactive<number>|number;
1021
- flexBasisRem?: IReactive<number>|number;
1022
- flexBasisVh?: IReactive<number>|number;
1023
- flexBasisVw?: IReactive<number>|number;
1024
- flexBasisVMax?: IReactive<number>|number;
1025
- flexBasisVMin?: IReactive<number>|number;
1026
-
1027
- //url:
1028
- backgroundImage?: IReactive<string>|BackgroundImageFormat;
1029
- borderImage?: IReactive<string>|BackgroundImageFormat;
1030
- listStyleImage?: IReactive<string>|BackgroundImageFormat;
1031
- content?: IReactive<string>|BasicCommonValues|Url;
1032
-
1033
- //complex:
1034
- transform?: IReactive<string>|BasicCommonValues|ITransformationContext;
1035
- filter?: IReactive<string>|IFilterContext;
1036
- backdropFilter?: IReactive<string>|IFilterContext;
1037
-
1038
- //misc numeric:
1039
- opacity?: IReactive<number|string>|number|string;
1040
-
1041
- //misc:
1042
- all?: IReactive<string>|BasicCommonValues;
1043
- appearance?: IReactive<string>|AppearanceValues;
1044
- aspectRatio?: IReactive<string>|string; // TODO?: better typing on this. Low priority.
1045
-
1046
- background?: IReactive<string>|BasicCommonValues|string;
1047
- backgroundAttachment?: IReactive<string>|BackgroundAttachmentValues;
1048
- backgroundBlendMode?: IReactive<string>|BasicCommonValues|string;
1049
- backgroundPosition?: IReactive<string>|BackgroundPositionShorthand2D;
1050
- backgroundRepeat?: IReactive<string>|BackgroundRepeatValues2d;
1051
- backgroundClip?: IReactive<string>|BasicCommonValues|string;
1052
- backgroundOrigin?: IReactive<string>|BackgroundOriginValues;
1053
-
1054
- borderImageOutset?: IReactive<string>|BasicCommonValues|string;
1055
- borderImageRepeat?: IReactive<string>|BackgroundRepeatValues2d;
1056
- borderImageSlice?: IReactive<string>|BasicCommonValues|string;
1057
- borderImageSource?: IReactive<string>|BasicCommonValues|string;
1058
-
1059
- // TODO: probably should break this down better.
1060
- border?: IReactive<string>|BorderShorthand;
1061
- borderBottom?: IReactive<string>|BorderShorthand;
1062
- borderLeft?: IReactive<string>|BorderShorthand;
1063
- borderRight?: IReactive<string>|BorderShorthand;
1064
- borderTop?: IReactive<string>|BorderShorthand;
1065
-
1066
- borderBottomStyle?: IReactive<string>|BorderStyles;
1067
- borderLeftStyle?: IReactive<string>|BorderStyles;
1068
- borderRightStyle?: IReactive<string>|BorderStyles;
1069
- borderStyle?: IReactive<string>|BorderStyles;
1070
- borderTopStyle?: IReactive<string>|BorderStyles;
1071
-
1072
- boxDecorationBreak?: IReactive<string>|BasicCommonValues|string;
1073
- boxShadow?: IReactive<string>|BasicCommonValues|string;
1074
- clear?: IReactive<string>|BasicCommonValues|string;
1075
- clip?: IReactive<string>|BasicCommonValues|string;
1076
- display?: IReactive<string>|DisplayValues;
1077
- float?: IReactive<string>|BasicCommonValues|string;
1078
- overflow?: IReactive<string>|BasicCommonValues|string;
1079
- box?: IReactive<string>|BasicCommonValues|string;
1080
- overflowX?: IReactive<string>|BasicCommonValues|string;
1081
- overflowY?: IReactive<string>|BasicCommonValues|string;
1082
- position?: IReactive<string>|PositionNames;
1083
- visibility?: IReactive<string>|BasicCommonValues|string;
1084
- verticalAlign?: IReactive<string>|BasicCommonValues|string;
1085
- zIndex?: IReactive<string>|string|number;
1086
- alignContent?: IReactive<string>|BasicCommonValues|string;
1087
- alignItems?: IReactive<string>|BasicCommonValues|string;
1088
- alignSelf?: IReactive<string>|BasicCommonValues|string;
1089
- flex?: IReactive<string>|FlexShorthand;
1090
- //flexBasis?: IReactive<string>|FlexBasisNames;
1091
- flexDirection?: IReactive<string>|FlexDirectionNames;
1092
- flexFlow?: IReactive<string>|FlexFlowShorthand;
1093
- flexGrow?: IReactive<string>|BasicCommonValues|number;
1094
- flexShrink?: IReactive<string>|BasicCommonValues|number;
1095
- flexWrap?: IReactive<string>|FlexWrapNames;
1096
- grid?: IReactive<string>|BasicCommonValues|string;
1097
- gridArea?: IReactive<string>|BasicCommonValues|string;
1098
- gridAutoColumns?: IReactive<string>|BasicCommonValues|string;
1099
- gridautoRows?: IReactive<string>|BasicCommonValues|string;
1100
- gridColumn?: IReactive<string>|BasicCommonValues|string;
1101
- gridColumnEnd?: IReactive<string>|BasicCommonValues|string;
1102
- gridColumnGap?: IReactive<string>|BasicCommonValues|string;
1103
- gridColumnStart?: IReactive<string>|BasicCommonValues|string;
1104
- gridGap?: IReactive<string>|BasicCommonValues|string;
1105
- gridRow?: IReactive<string>|BasicCommonValues|string;
1106
- gridRowEnd?: IReactive<string>|BasicCommonValues|string;
1107
- gridRowGap?: IReactive<string>|BasicCommonValues|string;
1108
- gridRowStart?: IReactive<string>|BasicCommonValues|string;
1109
- gridTemplate?: IReactive<string>|BasicCommonValues|string;
1110
- gridTemplateAreas?: IReactive<string>|BasicCommonValues|string;
1111
- gridTemplateColumns?: IReactive<string>|BasicCommonValues|string;
1112
- gridTemplateRows?: IReactive<string>|BasicCommonValues|string;
1113
- imageOrientation?: IReactive<string>|BasicCommonValues|string;
1114
- justifyContent?: IReactive<string>|BasicCommonValues|string;
1115
- order?: IReactive<string>|BasicCommonValues|number;
1116
- hangingPunctuation?: IReactive<string>|BasicCommonValues|string;
1117
- hyphens?: IReactive<string>|BasicCommonValues|string;
1118
- letterSpacing?: IReactive<string>|BasicCommonValues|string;
1119
- lineBreak?: IReactive<string>|BasicCommonValues|string;
1120
- overflowWrap?: IReactive<string>|BasicCommonValues|string;
1121
- tabSize?: IReactive<string>|BasicCommonValues|string;
1122
- textAlign?: IReactive<string>|BasicCommonValues|string;
1123
- textAlignLast?: IReactive<string>|BasicCommonValues|string;
1124
- textCombineUpright?: IReactive<string>|BasicCommonValues|string;
1125
- textJustify?: IReactive<string>|BasicCommonValues|string;
1126
- textTransform?: IReactive<string>|BasicCommonValues|string;
1127
- whiteSpace?: IReactive<string>|BasicCommonValues|string;
1128
- wordBreak?: IReactive<string>|BasicCommonValues|string;
1129
- wordSpacing?: IReactive<string>|BasicCommonValues|string;
1130
- wordWrap?: IReactive<string>|BasicCommonValues|string;
1131
- textDecoration?: IReactive<string>|BasicCommonValues|string;
1132
- textDecorationLine?: IReactive<string>|BasicCommonValues|string;
1133
- textDecorationStyle?: IReactive<string>|BasicCommonValues|string;
1134
- textShadow?: IReactive<string>|BasicCommonValues|string;
1135
- textUnderlinePosition?: IReactive<string>|BasicCommonValues|string;
1136
- font?: IReactive<string>|BasicCommonValues|string;
1137
- fontFamily?: IReactive<string>|BasicCommonValues|string;
1138
- fontFeatureSettings?: IReactive<string>|BasicCommonValues|string;
1139
- fontKerning?: IReactive<string>|BasicCommonValues|string;
1140
- fontLanguageOverride?: IReactive<string>|BasicCommonValues|string;
1141
- fontSizeAdjust?: IReactive<string>|BasicCommonValues|string;
1142
- fontStretch?: IReactive<string>|BasicCommonValues|string;
1143
- fontStyle?: IReactive<string>|FontStyleValues;
1144
- fontSynthesis?: IReactive<string>|BasicCommonValues|string;
1145
- fontVariant?: IReactive<string>|FontVariantValues;
1146
- fontVariantAlternates?: IReactive<string>|BasicCommonValues|string;
1147
- fontVariantCaps?: IReactive<string>|FontVariantCapsValues;
1148
- fontVariantEastAsian?: IReactive<string>|BasicCommonValues|string;
1149
- fontVariantLigatures?: IReactive<string>|BasicCommonValues|string;
1150
- fontVariantNumeric?: IReactive<string>|BasicCommonValues|string;
1151
- fontVariantPosition?: IReactive<string>|BasicCommonValues|string;
1152
- fontWeight?: IReactive<string>|BasicCommonValues|string;
1153
- direction?: IReactive<string>|DirectionValues;
1154
- textOrientation?: IReactive<string>|BasicCommonValues|string;
1155
- unicodeBidi?: IReactive<string>|BasicCommonValues|string;
1156
- userSelect?: IReactive<string>|BasicCommonValues|string;
1157
- writingMode?: IReactive<string>|BasicCommonValues|string;
1158
- borderCollapse?: IReactive<string>|BasicCommonValues|string;
1159
- borderSpacing?: IReactive<string>|BasicCommonValues|string;
1160
- captionSide?: IReactive<string>|BasicCommonValues|string;
1161
- emptyCells?: IReactive<string>|BasicCommonValues|string;
1162
- tableLayout?: IReactive<string>|BasicCommonValues|string;
1163
- counterIncrement?: IReactive<string>|BasicCommonValues|string;
1164
- counterReset?: IReactive<string>|BasicCommonValues|string;
1165
- listStyle?: IReactive<string>|BasicCommonValues|string;
1166
- listStylePosition?: IReactive<string>|BasicCommonValues|string;
1167
- listStyleType?: IReactive<string>|BasicCommonValues|string;
1168
- animation?: IReactive<string>|BasicCommonValues|string;
1169
- animationDelay?: IReactive<string>|BasicCommonValues|string;
1170
- animationDirection?: IReactive<string>|BasicCommonValues|string;
1171
- animationDuration?: IReactive<string>|BasicCommonValues|string;
1172
- animationFillMode?: IReactive<string>|BasicCommonValues|string;
1173
- animationIterationCount?: IReactive<string>|BasicCommonValues|string;
1174
- animationName?: IReactive<string>|BasicCommonValues|string;
1175
- animationPlayState?: IReactive<string>|BasicCommonValues|string;
1176
- animationTimingFunction?: IReactive<string>|BasicCommonValues|string;
1177
- backfaceVisibility?: IReactive<string>|BackfaceVisibilityValues;
1178
- perspective2d?: IReactive<string>|BasicCommonValues|string;
1179
- perspectiveOrigin?: IReactive<string>|BasicCommonValues|string;
1180
- transformOrigin?: IReactive<string>|BasicCommonValues|string;
1181
- transformStyle?: IReactive<string>|BasicCommonValues|string;
1182
- transition?: IReactive<string>|BasicCommonValues|string;
1183
- transitionProperty?: IReactive<string>|BasicCommonValues|string;
1184
- transitionDuration?: IReactive<string>|BasicCommonValues|string;
1185
- transitionTimingFunction?: IReactive<string>|BasicCommonValues|string;
1186
- transitionDelay?: IReactive<string>|BasicCommonValues|string;
1187
- boxSizing?: IReactive<string>|BasicCommonValues|string;
1188
- cursor?: IReactive<string>|BasicCommonValues|string;
1189
- imeMode?: IReactive<string>|BasicCommonValues|string;
1190
- navDown?: IReactive<string>|BasicCommonValues|string;
1191
- navIndex?: IReactive<string>|BasicCommonValues|string;
1192
- navLeft?: IReactive<string>|BasicCommonValues|string;
1193
- navRight?: IReactive<string>|BasicCommonValues|string;
1194
- navUp?: IReactive<string>|BasicCommonValues|string;
1195
- outline?: IReactive<string>|BorderShorthand;
1196
- //outlineOffset?: IReactive<string>|BasicCommonValues|string; // Now animated.
1197
- outlineStyle?: IReactive<string>|BorderStyles;
1198
- outlineWidth?: IReactive<string>|OutlineWidthValues;
1199
- resize?: IReactive<string>|BasicCommonValues|string;
1200
- textOverflow?: IReactive<string>|BasicCommonValues|string;
1201
- breakAfter?: IReactive<string>|BasicCommonValues|string;
1202
- breakBefore?: IReactive<string>|BasicCommonValues|string;
1203
- breakInside?: IReactive<string>|BasicCommonValues|string;
1204
- columnCount?: IReactive<string>|BasicCommonValues|string;
1205
- columnFill?: IReactive<string>|BasicCommonValues|string;
1206
- columnGap?: IReactive<string>|BasicCommonValues|string;
1207
- columnRule?: IReactive<string>|BasicCommonValues|string;
1208
- columnRuleStyle?: IReactive<string>|BasicCommonValues|string;
1209
- columnRuleWidth?: IReactive<string>|BasicCommonValues|string;
1210
- columnSpan?: IReactive<string>|BasicCommonValues|string;
1211
- columnWidth?: IReactive<string>|BasicCommonValues|string;
1212
- columns?: IReactive<string>|BasicCommonValues|string;
1213
- widows?: IReactive<string>|BasicCommonValues|string;
1214
- orphans?: IReactive<string>|BasicCommonValues|string;
1215
- pageBreakAfter?: IReactive<string>|BasicCommonValues|string;
1216
- pageBreakBefore?: IReactive<string>|BasicCommonValues|string;
1217
- pageBreakInside?: IReactive<string>|BasicCommonValues|string;
1218
- marks?: IReactive<string>|BasicCommonValues|string;
1219
- quotes?: IReactive<string>|BasicCommonValues|string;
1220
- imageRendering?: IReactive<string>|BasicCommonValues|string;
1221
- imageResolution?: IReactive<string>|BasicCommonValues|string;
1222
- objectFit?: IReactive<string>|BasicCommonValues|string;
1223
- objectPosition?: IReactive<string>|BasicCommonValues|string;
1224
- mask?: IReactive<string>|BasicCommonValues|string;
1225
- maskType?: IReactive<string>|BasicCommonValues|string;
1226
- mark?: IReactive<string>|BasicCommonValues|string;
1227
- markAfter?: IReactive<string>|BasicCommonValues|string;
1228
- markBefore?: IReactive<string>|BasicCommonValues|string;
1229
- phonemes?: IReactive<string>|BasicCommonValues|string;
1230
- rest?: IReactive<string>|BasicCommonValues|string;
1231
- restAfter?: IReactive<string>|BasicCommonValues|string;
1232
- restBefore?: IReactive<string>|BasicCommonValues|string;
1233
- voiceBalance?: IReactive<string>|BasicCommonValues|string;
1234
- voiceDuration?: IReactive<string>|BasicCommonValues|string;
1235
- voicePitch?: IReactive<string>|BasicCommonValues|string;
1236
- voicePitchRange?: IReactive<string>|BasicCommonValues|string;
1237
- voiceRate?: IReactive<string>|BasicCommonValues|string;
1238
- voiceStress?: IReactive<string>|BasicCommonValues|string;
1239
- voiceVolume?: IReactive<string>|BasicCommonValues|string;
1240
- marqueeDirection?: IReactive<string>|BasicCommonValues|string;
1241
- marqueePlayCount?: IReactive<string>|BasicCommonValues|string;
1242
- marqueeSpeed?: IReactive<string>|BasicCommonValues|string;
1243
- marqueeStyle?: IReactive<string>|BasicCommonValues|string;
1244
- pointerEvents?: IReactive<string>|BasicCommonValues|string;
1245
- }
1246
-
1247
- export default interface IDotCss extends IDotcssProp{
1248
- // TODO: ensure each of these has test cases.
1249
- (selector: "@charset", charset: string): void;
1250
- (selector: "@color-profile", name: string, styles: IColorProfileBuilder): void;
1251
- (selector: "@container", condition: string, styles: IDotcssProp): void;
1252
- (selector: "@counter-style", name: string, styles: ICounterStyleBuilder): void;
1253
-
1254
- (selector: Array<HTMLElement>|HTMLElement|string, styles: IDotcssProp): void;
1255
- (styles: IDotcssProp): void;
1256
-
1257
- version: string;
1258
- }
1259
-
1260
- // export interface IDotcssAnimatable<T> extends IDotcssProp{
1261
- // (value: T): IDotcssProp;
1262
-
1263
- // animate(value: number|string, duration: number, style: "ease", complete: Function): IDotcssProp;
1264
- // }
1265
-
1266
- // export interface IDotcssAnimatableColor extends IDotcssProp{
1267
- // (value: Color|Array<number>): IDotcssProp;
1268
- // (r: number, g: number, b: number, a?: number): IDotcssProp;
1269
-
1270
- // animate(value: Color|Array<number>, duration: number, style: "ease", complete: Function): IDotcssProp;
1271
- // }
1272
-
1273
- // export interface HideParams{
1274
- // duration?: number,
1275
- // complete?: Function,
1276
- // hideStyle?: "normal"|"fade"|"shrink",
1277
- // animationStyle?: "ease",
1278
- // }
1279
-
1280
- // export interface ShowParams{
1281
- // duration?: number,
1282
- // display?: DisplayValues, // TODO: potential to expand this.
1283
- // complete?: Function,
1284
- // opacity?: number,
1285
- // width?: number,
1286
- // height?: number,
1287
- // showStyle?: "normal"|"fade"|"grow",
1288
- // animationStyle?: "ease",
1289
- // }
1290
-
1291
- // TODO: add tests for these. Especially the 2-parameter ones.
1292
- export type ITransformationContext = {
1293
- // a, b, c, d, tx, ty
1294
- matrix?: [number, number, number, number, number, number];
1295
- // a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4
1296
- matrix3d?: [
1297
- number, number, number, number,
1298
- number, number, number, number,
1299
- number, number, number, number,
1300
- number, number, number, number
1301
- ];
1302
-
1303
- translate: NumericLength | [NumericLength, NumericLength]
1304
- translateCm: number | [number, number]
1305
- translateCh: number | [number, number]
1306
- translateEm: number | [number, number]
1307
- translateEx: number | [number, number]
1308
- translateIn: number | [number, number]
1309
- translateMm: number | [number, number]
1310
- translateP: number | [number, number]
1311
- translatePc: number | [number, number]
1312
- translatePt: number | [number, number]
1313
- translatePx: number | [number, number]
1314
- translateRem: number | [number, number]
1315
- translateVh: number | [number, number]
1316
- translateVw: number | [number, number]
1317
- translateVMax: number | [number, number]
1318
- translateVMin: number | [number, number]
1319
- translate3d?: [NumericLength, NumericLength, NumericLength];
1320
- translate3dCm?: [number, number, number];
1321
- translate3dCh?: [number, number, number];
1322
- translate3dEm?: [number, number, number];
1323
- translate3dEx?: [number, number, number];
1324
- translate3dIn?: [number, number, number];
1325
- translate3dMm?: [number, number, number];
1326
- translate3dP?: [number, number, number];
1327
- translate3dPc?: [number, number, number];
1328
- translate3dPt?: [number, number, number];
1329
- translate3dPx?: [number, number, number];
1330
- translate3dRem?: [number, number, number];
1331
- translate3dVh?: [number, number, number];
1332
- translate3dVw?: [number, number, number];
1333
- translate3dVMax?: [number, number, number];
1334
- translate3dVMin?: [number, number, number];
1335
- translateX?: NumericLength;
1336
- translateXCm?: number;
1337
- translateXCh?: number;
1338
- translateXEm?: number;
1339
- translateXEx?: number;
1340
- translateXIn?: number;
1341
- translateXMm?: number;
1342
- translateXP?: number;
1343
- translateXPc?: number;
1344
- translateXPt?: number;
1345
- translateXPx?: number;
1346
- translateXRem?: number;
1347
- translateXVh?: number;
1348
- translateXVw?: number;
1349
- translateXVMax?: number;
1350
- translateXVMin?: number;
1351
- translateY?: NumericLength;
1352
- translateYCm?: number;
1353
- translateYCh?: number;
1354
- translateYEm?: number;
1355
- translateYEx?: number;
1356
- translateYIn?: number;
1357
- translateYMm?: number;
1358
- translateYP?: number;
1359
- translateYPc?: number;
1360
- translateYPt?: number;
1361
- translateYPx?: number;
1362
- translateYRem?: number;
1363
- translateYVh?: number;
1364
- translateYVw?: number;
1365
- translateYVMax?: number;
1366
- translateYVMin?: number;
1367
- translateZ?: NumericLength;
1368
- translateZCm?: number;
1369
- translateZCh?: number;
1370
- translateZEm?: number;
1371
- translateZEx?: number;
1372
- translateZIn?: number;
1373
- translateZMm?: number;
1374
- translateZP?: number;
1375
- translateZPc?: number;
1376
- translateZPt?: number;
1377
- translateZPx?: number;
1378
- translateZRem?: number;
1379
- translateZVh?: number;
1380
- translateZVw?: number;
1381
- translateZVMax?: number;
1382
- translateZVMin?: number;
1383
-
1384
- scale?: number | [number, number];
1385
- scale3d?: [number, number, number];
1386
- scaleX?: number;
1387
- scaleY?: number;
1388
- scaleZ?: number;
1389
-
1390
- rotate?: NumericAngle;
1391
- rotateDeg?: number;
1392
- rotateTurn?: number;
1393
- rotateRad?: number;
1394
- rotateGrad?: number;
1395
- rotate3d?: [number, number, number, NumericAngle];
1396
- rotate3dDeg?: [number, number, number, number];
1397
- rotate3dTurn?: [number, number, number, number];
1398
- rotate3dRad?: [number, number, number, number];
1399
- rotate3dGrad?: [number, number, number, number];
1400
- rotateX?: NumericAngle;
1401
- rotateXDeg?: number;
1402
- rotateXTurn?: number;
1403
- rotateXRad?: number;
1404
- rotateXGrad?: number;
1405
- rotateY?: NumericAngle;
1406
- rotateYDeg?: number;
1407
- rotateYTurn?: number;
1408
- rotateYRad?: number;
1409
- rotateYGrad?: number;
1410
- rotateZ?: NumericAngle;
1411
- rotateZDeg?: number;
1412
- rotateZTurn?: number;
1413
- rotateZRad?: number;
1414
- rotateZGrad?: number;
1415
-
1416
- skew?: NumericAngle | [NumericAngle, NumericAngle];
1417
- skewDeg?: number | [number, number];
1418
- skewTurn?: number | [number, number];
1419
- skewRad?: number | [number, number];
1420
- skewGrad?: number | [number, number];
1421
- skewX?: NumericAngle;
1422
- skewXDeg?: number;
1423
- skewXTurn?: number;
1424
- skewXRad?: number;
1425
- skewXGrad?: number;
1426
- skewY?: NumericAngle;
1427
- skewYDeg?: number;
1428
- skewYTurn?: number;
1429
- skewYRad?: number;
1430
- skewYGrad?: number;
1431
-
1432
- perspective?: NumericLength;
1433
- perspectiveCm?: number;
1434
- perspectiveCh?: number;
1435
- perspectiveEm?: number;
1436
- perspectiveEx?: number;
1437
- perspectiveIn?: number;
1438
- perspectiveMm?: number;
1439
- perspectiveP?: number;
1440
- perspectivePc?: number;
1441
- perspectivePt?: number;
1442
- perspectivePx?: number;
1443
- perspectiveRem?: number;
1444
- perspectiveVh?: number;
1445
- perspectiveVw?: number;
1446
- perspectiveVMax?: number;
1447
- perspectiveVMin?: number;
1448
- }
1449
-
1450
- type IFilterContext = {
1451
- // url(commonfilters.svg#filter); // Don't know how this works yet.
1452
- blur?: NumericLength;
1453
- brightness?: Percentage;
1454
- contrast?: Percentage;
1455
- dropShadow?: {x?: NumericLength, y?: NumericLength, blur?: NumericLength, color?: Color};
1456
- grayscale?: Percentage;
1457
- hueRotate?: AngleUnits;
1458
- invert?: Percentage;
1459
- opacity?: Percentage;
1460
- sepia?: Percentage;
1461
- saturate?: Percentage;
1462
- // url(filters.svg#filter) blur(4px) saturate(150%); // example.
1463
- }
1464
-
1465
- // AT RULE BUILDERS
1466
-
1467
- interface IColorProfileBuilder{
1468
- src?: Url;
1469
- renderingIntent?: "relative-colorimetric"|"absolute-colorimetric"|"perceptual"|"saturation";
1470
- }
1471
-
1472
- type SystemValue = "cyclic"|"numeric"|"alphabetic"|"symbolic"|"additive"|`fixed ${number}`|`extends ${string}`;
1473
- interface ICounterStyleBuilder{
1474
-
1475
- // TODO: need a testcase on this.
1476
- system?: SystemValue|["fixed", number]|["extends", string];
1477
-
1478
- symbols?: string;
1479
- additiveSymbols?: string;
1480
- negative?: string;
1481
- prefix?: string;
1482
- suffix?: string;
1483
- range?: string;
1484
- pad?: string;
1485
- speakAs?: string;
1486
- }