@cronocode/react-box 1.5.1 → 1.5.3

package/types.d.ts

@@ -19,10 +19,11 @@ export declare const styleVariables: {
     textAlign: readonly ["left", "right", "center", "justify"];
     opacity: readonly [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];
     cursors: readonly ["auto", "default", "none", "context-menu", "help", "pointer", "progress", "wait", "cell", "crosshair", "text", "vertical-text", "alias", "copy", "move", "no-drop", "not-allowed", "e-resize", "n-resize", "ne-resize", "nw-resize", "s-resize", "se-resize", "sw-resize", "w-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "col-resize", "row-resize", "all-scroll", "zoom-in", "zoom-out", "grab", "grabbing"];
-    sizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 62, 64, 66, 68, 70, 72, 74, 76, 78, 80, 82, 84, 86, 88, 90, 92, 94, 96, 98, 100];
+    sizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 62, 64, 66, 68, 70, 72, 74, 76, 78, 80, 82, 84, 86, 88, 90, 92, 94, 96, 98, 100, -1, -2, -3, -4, -5, -6, -7, -8, -9, -10, -11, -12, -13, -14, -15];
     sizeMultiplier: number;
     borderSizes: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
-    fontSizes: readonly [6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 54, 58, 64, 70, 78, 86, 96];
+    fontSizes: readonly [6, 8, 10, 12, 14, 16, 18, 20, 22, 24, 26, 28, 30, 32, 34, 36, 38, 40, 42, 44, 46, 48, 50, 52, 54, 56, 58, 60, 64, 70, 78, 86, 96];
+    fontStyle: readonly ["italic", "normal", "oblique"];
     fontWeight: readonly [100, 200, 300, 400, 500, 600, 700, 800, 900];
     zIndexSizes: readonly [1, 2, 3, 4, 5, 10, 11, 12, 13, 14, 15, 100, 101, 102, 103, 104, 105, 1000, 1001, 1002, 1003, 1004, 1005];
     justifyContent: readonly ["start", "end", "flex-start", "flex-end", "center", "left", "right", "space-between", "space-around", "space-evenly", "stretch"];
@@ -38,9 +39,11 @@ export declare const styleVariables: {
     outlineOffset: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
     transition: readonly ["none"];
     background: readonly ["none"];
-    userSelect: readonly ["none"];
+    userSelect: readonly ["none", "auto", "text", "all"];
     appearance: readonly ["none"];
-    pointerEvents: readonly ["none"];
+    pointerEvents: readonly ["none", "auto", "all"];
+    whiteSpace: readonly ["break-spaces", "normal", "nowrap", "pre", "pre-line", "pre-wrap"];
+    textOverflow: readonly ["clip", "ellipsis"];
 };
 type GapType = (typeof styleVariables.gap)[number];
 type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
@@ -49,6 +52,7 @@ type SizeType = (typeof styleVariables.sizes)[number];
 type CursorType = (typeof styleVariables.cursors)[number];
 type OverflowType = (typeof styleVariables.overflows)[number];
 type FontSizeType = (typeof styleVariables.fontSizes)[number];
+type FontStyleType = (typeof styleVariables.fontStyle)[number];
 type FontWeightType = (typeof styleVariables.fontWeight)[number];
 type ZIndexSizeType = (typeof styleVariables.zIndexSizes)[number];
 type OpacitySizeType = (typeof styleVariables.opacity)[number];
@@ -60,6 +64,8 @@ type TransitionType = (typeof styleVariables.transition)[number];
 type UserSelectType = (typeof styleVariables.userSelect)[number];
 type AppearanceType = (typeof styleVariables.appearance)[number];
 type PointerEventsType = (typeof styleVariables.pointerEvents)[number];
+type WhiteSpaceType = (typeof styleVariables.whiteSpace)[number];
+type TextOverflowType = (typeof styleVariables.textOverflow)[number];
 interface BoxPseudoClasses {
     hover?: boolean;
     focus?: boolean;
@@ -150,12 +156,6 @@ interface BoxBorder {
     borderRadiusBottomLeft?: SizeType;
     borderRadiusBottomRight?: SizeType;
 }
-interface BoxShadow {
-}
-interface BoxBackground {
-}
-interface BoxColors {
-}
 interface BoxCursor {
     cursor?: CursorType;
 }
@@ -175,11 +175,14 @@ interface BoxFont {
     lineHeight?: FontSizeType;
     fontWeight?: FontWeightType;
     letterSpacing?: SizeType;
+    fontStyle?: FontStyleType;
 }
 interface BoxText {
     textDecoration?: TextDecorationType;
     textTransform?: TextTransformType;
     textAlign?: TextAlignType;
+    whiteSpace?: WhiteSpaceType;
+    textOverflow?: TextOverflowType;
 }
 interface BoxFlex {
     flexWrap?: (typeof styleVariables.flexWrap)[number];
@@ -213,11 +216,11 @@ interface BoxAppearance {
 interface BoxPointerEvents {
     pointerEvents?: PointerEventsType;
 }
-type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxShadow & BoxBackground & BoxColors & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect & BoxAppearance & BoxPointerEvents;
+type BoxNormalStyles = BoxPseudoClasses & BoxDisplay & BoxSizing & BoxPosition & BoxSize & BoxMargin & BoxPadding & BoxBorder & BoxCursor & BoxZIndex & BoxOverflow & BoxOpacity & BoxFont & BoxText & BoxFlex & BoxOutline & BoxTransition & BoxUserSelect & BoxAppearance & BoxPointerEvents;
 export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
 export declare const themeClasses: Partial<Record<string, string>>;
 interface SvgNormalStyles {
-    rotate?: 0 | 90 | 180 | 270;
+    rotate?: 0 | 90 | 180 | 270 | -90 | -180 | -270;
     flip?: 'xAxis' | 'yAxis';
 }
 export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles>;