@cronocode/react-box 1.3.8 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/baseSvg.module.css.mjs +1 -1
- package/box.mjs +14 -14
- package/box.module.css.mjs +1 -1
- package/components/baseSvg.d.ts +6 -9
- package/package.json +6 -1
- package/plugins.d.ts +11 -0
- package/plugins.mjs +231 -0
- package/style.css +1 -1
- package/types.d.ts +6 -11
package/types.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { SvgStyles } from './components/baseSvg/baseSvg';
|
|
2
1
|
export type Hovered<T> = {
|
|
3
2
|
[K in keyof T as K extends string ? `${K}H` : never]: T[K];
|
|
4
3
|
};
|
|
@@ -47,7 +46,6 @@ type GapType = (typeof styleVariables.gap)[number];
|
|
|
47
46
|
type BoxSizeValue = (typeof styleVariables.sizeSpecialValues)[number];
|
|
48
47
|
type BorderSizeType = (typeof styleVariables.borderSizes)[number];
|
|
49
48
|
type SizeType = (typeof styleVariables.sizes)[number];
|
|
50
|
-
export type ColorType = string;
|
|
51
49
|
type CursorType = (typeof styleVariables.cursors)[number];
|
|
52
50
|
type OverflowType = (typeof styleVariables.overflows)[number];
|
|
53
51
|
type FontSizeType = (typeof styleVariables.fontSizes)[number];
|
|
@@ -59,7 +57,6 @@ type TextTransformType = (typeof styleVariables.textTransform)[number];
|
|
|
59
57
|
type TextAlignType = (typeof styleVariables.textAlign)[number];
|
|
60
58
|
type BorderAndOutlineStyleType = (typeof styleVariables.borderAndOutlineStyles)[number];
|
|
61
59
|
type TransitionType = (typeof styleVariables.transition)[number];
|
|
62
|
-
type BackgroundType = (typeof styleVariables.background)[number];
|
|
63
60
|
type UserSelectType = (typeof styleVariables.userSelect)[number];
|
|
64
61
|
type AppearanceType = (typeof styleVariables.appearance)[number];
|
|
65
62
|
type PointerEventsType = (typeof styleVariables.pointerEvents)[number];
|
|
@@ -154,17 +151,10 @@ interface BoxBorder {
|
|
|
154
151
|
borderRadiusBottomRight?: SizeType;
|
|
155
152
|
}
|
|
156
153
|
interface BoxShadow {
|
|
157
|
-
shadow?: string;
|
|
158
154
|
}
|
|
159
155
|
interface BoxBackground {
|
|
160
|
-
background?: BackgroundType | string;
|
|
161
|
-
bg?: BackgroundType | string;
|
|
162
156
|
}
|
|
163
157
|
interface BoxColors {
|
|
164
|
-
backgroundColor?: ColorType | string;
|
|
165
|
-
bgColor?: ColorType | string;
|
|
166
|
-
borderColor?: ColorType | string;
|
|
167
|
-
outlineColor?: ColorType | string;
|
|
168
158
|
}
|
|
169
159
|
interface BoxCursor {
|
|
170
160
|
cursor?: CursorType;
|
|
@@ -226,5 +216,10 @@ interface BoxPointerEvents {
|
|
|
226
216
|
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;
|
|
227
217
|
export type BoxStyles = BoxNormalStyles & Hovered<BoxNormalStyles> & Focused<BoxNormalStyles> & Activated<BoxNormalStyles>;
|
|
228
218
|
export declare const themeClasses: Partial<Record<string, string>>;
|
|
229
|
-
|
|
219
|
+
interface SvgNormalStyles {
|
|
220
|
+
rotate?: 0 | 90 | 180 | 270;
|
|
221
|
+
flip?: 'xAxis' | 'yAxis';
|
|
222
|
+
}
|
|
223
|
+
export type SvgStyles = SvgNormalStyles & Hovered<SvgNormalStyles> & Focused<SvgNormalStyles> & Activated<SvgNormalStyles>;
|
|
224
|
+
export declare const themeSvgClasses: Partial<Record<string, string>>;
|
|
230
225
|
export {};
|