css-engine-test-pb 0.1.6 → 0.1.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/makeStyles.d.ts +3 -1
  2. package/dist/shorthands/outline.js +1 -1
  3. package/dist/shorthands/overflow.js +2 -2
  4. package/dist/types.d.ts +73 -35
  5. package/package.json +1 -1
package/dist/makeStyles.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  import { StyleSlots } from './types';
2
- export declare function makeStyles(slots: StyleSlots): () => Record<string, string>;
2
+ export declare function makeStyles<T extends StyleSlots>(slots: T): () => {
3
+ [K in keyof T]: string;
4
+ };
package/dist/shorthands/outline.js CHANGED
@@ -1,7 +1,7 @@
1
1
  export function outline(outlineWidth, outlineStyle, outlineColor) {
2
2
  return {
3
3
  outlineWidth,
4
- ...(outlineStyle !== undefined && { outlineStyle }),
4
+ ...(outlineStyle !== undefined && { outlineStyle: outlineStyle }),
5
5
  ...(outlineColor !== undefined && { outlineColor }),
6
6
  };
7
7
  }
package/dist/shorthands/overflow.js CHANGED
@@ -1,6 +1,6 @@
1
1
  export function overflow(overflowX, overflowY = overflowX) {
2
2
  return {
3
- overflowX,
4
- overflowY,
3
+ overflowX: overflowX,
4
+ overflowY: overflowY,
5
5
  };
6
6
  }
package/dist/types.d.ts CHANGED
@@ -1,7 +1,40 @@
1
1
  export type CSSValue = string | number;
2
+ type CSSGlobals = 'inherit' | 'initial' | 'revert' | 'revert-layer' | 'unset';
3
+ type CSSDisplay = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'flow-root' | 'none' | 'contents' | 'table' | 'table-row' | 'list-item' | CSSGlobals | (string & {});
4
+ type CSSPosition = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | CSSGlobals | (string & {});
5
+ type CSSBoxSizing = 'content-box' | 'border-box' | CSSGlobals | (string & {});
6
+ type CSSFlexDirection = 'row' | 'row-reverse' | 'column' | 'column-reverse' | CSSGlobals | (string & {});
7
+ type CSSFlexWrap = 'nowrap' | 'wrap' | 'wrap-reverse' | CSSGlobals | (string & {});
8
+ type CSSJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'start' | 'end' | 'stretch' | CSSGlobals | (string & {});
9
+ type CSSAlignItems = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'start' | 'end' | 'self-start' | 'self-end' | CSSGlobals | (string & {});
10
+ type CSSAlignContent = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch' | 'start' | 'end' | 'baseline' | CSSGlobals | (string & {});
11
+ type CSSAlignSelf = 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch' | 'start' | 'end' | 'self-start' | 'self-end' | CSSGlobals | (string & {});
12
+ type CSSVerticalAlign = 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom' | 'center' | CSSGlobals | (string & {});
13
+ type CSSOverflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobals | (string & {});
14
+ type CSSTextAlign = 'left' | 'right' | 'center' | 'justify' | 'start' | 'end' | CSSGlobals | (string & {});
15
+ type CSSTextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'full-width' | 'full-size-kana' | CSSGlobals | (string & {});
16
+ type CSSTextDecorationLine = 'none' | 'underline' | 'overline' | 'line-through' | 'blink' | CSSGlobals | (string & {});
17
+ type CSSTextDecorationStyle = 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy' | CSSGlobals | (string & {});
18
+ type CSSWhiteSpace = 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces' | CSSGlobals | (string & {});
19
+ type CSSWordBreak = 'normal' | 'break-all' | 'keep-all' | 'break-word' | CSSGlobals | (string & {});
20
+ type CSSTextOverflow = 'clip' | 'ellipsis' | CSSGlobals | (string & {});
21
+ type CSSBorderStyle = 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | CSSGlobals | (string & {});
22
+ type CSSOutlineStyle = 'auto' | 'none' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset' | CSSGlobals | (string & {});
23
+ type CSSCursor = 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'grab' | 'grabbing' | 'all-scroll' | 'col-resize' | 'row-resize' | 'n-resize' | 'e-resize' | 's-resize' | 'w-resize' | 'ne-resize' | 'nw-resize' | 'se-resize' | 'sw-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'zoom-in' | 'zoom-out' | CSSGlobals | (string & {});
24
+ type CSSPointerEvents = 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all' | CSSGlobals | (string & {});
25
+ type CSSVisibility = 'visible' | 'hidden' | 'collapse' | CSSGlobals | (string & {});
26
+ type CSSBackgroundSize = 'auto' | 'cover' | 'contain' | CSSGlobals | (string & {});
27
+ type CSSBackgroundPosition = 'top' | 'right' | 'bottom' | 'left' | 'center' | CSSGlobals | (string & {});
28
+ type CSSBackgroundRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat' | 'space' | 'round' | CSSGlobals | (string & {});
29
+ type CSSAnimationDirection = 'normal' | 'reverse' | 'alternate' | 'alternate-reverse' | CSSGlobals | (string & {});
30
+ type CSSAnimationFillMode = 'none' | 'forwards' | 'backwards' | 'both' | CSSGlobals | (string & {});
31
+ type CSSAnimationPlayState = 'running' | 'paused' | CSSGlobals | (string & {});
32
+ type CSSAnimationTimingFunction = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'step-start' | 'step-end' | CSSGlobals | (string & {});
33
+ type CSSFontWeight = 100 | 200 | 300 | 400 | 450 | 500 | 530 | 600 | 700 | 800 | 900 | 'normal' | 'bold' | 'bolder' | 'lighter' | CSSGlobals | (string & {}) | (number & {});
34
+ type CSSFontStyle = 'normal' | 'italic' | 'oblique' | CSSGlobals | (string & {});
2
35
  export interface CSSProperties {
3
- display?: CSSValue;
4
- position?: CSSValue;
36
+ display?: CSSDisplay;
37
+ position?: CSSPosition;
5
38
  top?: CSSValue;
6
39
  right?: CSSValue;
7
40
  bottom?: CSSValue;
@@ -12,18 +45,18 @@ export interface CSSProperties {
12
45
  minHeight?: CSSValue;
13
46
  maxWidth?: CSSValue;
14
47
  maxHeight?: CSSValue;
15
- boxSizing?: CSSValue;
48
+ boxSizing?: CSSBoxSizing;
16
49
  flex?: CSSValue;
17
- flexDirection?: CSSValue;
18
- flexWrap?: CSSValue;
50
+ flexDirection?: CSSFlexDirection;
51
+ flexWrap?: CSSFlexWrap;
19
52
  flexGrow?: CSSValue;
20
53
  flexShrink?: CSSValue;
21
54
  flexBasis?: CSSValue;
22
- justifyContent?: CSSValue;
23
- alignItems?: CSSValue;
24
- alignContent?: CSSValue;
25
- alignSelf?: CSSValue;
26
- verticalAlign?: CSSValue;
55
+ justifyContent?: CSSJustifyContent;
56
+ alignItems?: CSSAlignItems;
57
+ alignContent?: CSSAlignContent;
58
+ alignSelf?: CSSAlignSelf;
59
+ verticalAlign?: CSSVerticalAlign;
27
60
  order?: CSSValue;
28
61
  gap?: CSSValue;
29
62
  gridTemplateColumns?: CSSValue;
@@ -62,30 +95,34 @@ export interface CSSProperties {
62
95
  inset?: CSSValue;
63
96
  color?: CSSValue;
64
97
  fontSize?: CSSValue;
65
- fontWeight?: CSSValue;
98
+ fontWeight?: CSSFontWeight;
99
+ fontStyle?: CSSFontStyle;
66
100
  fontFamily?: CSSValue;
67
101
  lineHeight?: CSSValue;
68
- textAlign?: CSSValue;
102
+ textAlign?: CSSTextAlign;
69
103
  textDecoration?: CSSValue;
70
- textDecorationLine?: CSSValue;
71
- textDecorationStyle?: CSSValue;
104
+ textDecorationLine?: CSSTextDecorationLine;
105
+ textDecorationStyle?: CSSTextDecorationStyle;
72
106
  textDecorationColor?: CSSValue;
73
107
  textDecorationThickness?: CSSValue;
74
- textTransform?: CSSValue;
108
+ textTransform?: CSSTextTransform;
109
+ textOverflow?: CSSTextOverflow;
110
+ whiteSpace?: CSSWhiteSpace;
111
+ wordBreak?: CSSWordBreak;
75
112
  letterSpacing?: CSSValue;
76
113
  background?: CSSValue;
77
114
  backgroundColor?: CSSValue;
78
115
  backgroundImage?: CSSValue;
79
- backgroundSize?: CSSValue;
80
- backgroundPosition?: CSSValue;
81
- backgroundRepeat?: CSSValue;
116
+ backgroundSize?: CSSBackgroundSize;
117
+ backgroundPosition?: CSSBackgroundPosition;
118
+ backgroundRepeat?: CSSBackgroundRepeat;
82
119
  border?: CSSValue;
83
120
  borderTop?: CSSValue;
84
121
  borderRight?: CSSValue;
85
122
  borderBottom?: CSSValue;
86
123
  borderLeft?: CSSValue;
87
124
  borderWidth?: CSSValue;
88
- borderStyle?: CSSValue;
125
+ borderStyle?: CSSBorderStyle;
89
126
  borderColor?: CSSValue;
90
127
  borderRadius?: CSSValue;
91
128
  borderTopColor?: CSSValue;
@@ -96,10 +133,10 @@ export interface CSSProperties {
96
133
  borderRightWidth?: CSSValue;
97
134
  borderBottomWidth?: CSSValue;
98
135
  borderLeftWidth?: CSSValue;
99
- borderTopStyle?: CSSValue;
100
- borderRightStyle?: CSSValue;
101
- borderBottomStyle?: CSSValue;
102
- borderLeftStyle?: CSSValue;
136
+ borderTopStyle?: CSSBorderStyle;
137
+ borderRightStyle?: CSSBorderStyle;
138
+ borderBottomStyle?: CSSBorderStyle;
139
+ borderLeftStyle?: CSSBorderStyle;
103
140
  borderTopLeftRadius?: CSSValue;
104
141
  borderTopRightRadius?: CSSValue;
105
142
  borderBottomRightRadius?: CSSValue;
@@ -107,31 +144,31 @@ export interface CSSProperties {
107
144
  opacity?: CSSValue;
108
145
  outline?: CSSValue;
109
146
  outlineWidth?: CSSValue;
110
- outlineStyle?: CSSValue;
147
+ outlineStyle?: CSSOutlineStyle;
111
148
  outlineColor?: CSSValue;
112
149
  boxShadow?: CSSValue;
113
150
  transform?: CSSValue;
114
151
  transition?: CSSValue;
115
152
  transitionDuration?: CSSValue;
116
153
  transitionProperty?: CSSValue;
117
- transitionTimingFunction?: CSSValue;
154
+ transitionTimingFunction?: CSSAnimationTimingFunction;
118
155
  transitionDelay?: CSSValue;
119
156
  animation?: CSSValue;
120
157
  animationDuration?: CSSValue;
121
- animationTimingFunction?: CSSValue;
158
+ animationTimingFunction?: CSSAnimationTimingFunction;
122
159
  animationDelay?: CSSValue;
123
160
  animationIterationCount?: CSSValue;
124
- animationDirection?: CSSValue;
125
- animationFillMode?: CSSValue;
126
- animationPlayState?: CSSValue;
161
+ animationDirection?: CSSAnimationDirection;
162
+ animationFillMode?: CSSAnimationFillMode;
163
+ animationPlayState?: CSSAnimationPlayState;
127
164
  animationName?: CSSValue;
128
- overflow?: CSSValue;
129
- overflowX?: CSSValue;
130
- overflowY?: CSSValue;
131
- cursor?: CSSValue;
132
- pointerEvents?: CSSValue;
165
+ overflow?: CSSOverflow;
166
+ overflowX?: CSSOverflow;
167
+ overflowY?: CSSOverflow;
168
+ cursor?: CSSCursor;
169
+ pointerEvents?: CSSPointerEvents;
133
170
  zIndex?: CSSValue;
134
- visibility?: CSSValue;
171
+ visibility?: CSSVisibility;
135
172
  content?: CSSValue;
136
173
  }
137
174
  export interface CSSPseudos {
@@ -228,3 +265,4 @@ export interface FontFaceDefinition {
228
265
  descentOverride?: string;
229
266
  lineGapOverride?: string;
230
267
  }
268
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "css-engine-test-pb",
3
- "version": "0.1.6",
3
+ "version": "0.1.7",
4
4
  "description": "",
5
5
  "main": "./dist/index.js",
6
6
  "types": "./dist/index.d.ts",