@foxford/ui 2.0.0-beta-38ffcd6-20220707 → 2.0.0-beta-e44eaea-20220707
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/dts/index.d.ts +5 -5
- package/index.cjs.js +1 -1
- package/index.cjs.js.map +1 -1
- package/mixins/responsive-property.js +1 -1
- package/mixins/responsive-property.js.map +1 -1
- package/mixins/shared.js +1 -1
- package/mixins/shared.js.map +1 -1
- package/package.json +1 -1
package/dts/index.d.ts
CHANGED
|
@@ -224,14 +224,14 @@ declare enum SizeLatin {
|
|
|
224
224
|
*/
|
|
225
225
|
declare type PossibleValues = number | keyof typeof SizeLatin | 'auto' | 'initial' | 'inherit' | boolean;
|
|
226
226
|
declare type PropsProperties = 'size' | 'fontSize' | 'height' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'padding' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft' | 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft' | 'fluid';
|
|
227
|
-
declare type CalcProperty = (_size: number, _sizing?: string) => FlattenSimpleInterpolation | null;
|
|
227
|
+
declare type CalcProperty = (_size: number, _sizing?: null | string) => FlattenSimpleInterpolation | null;
|
|
228
228
|
declare type CssProperty = string | CalcProperty;
|
|
229
229
|
declare type ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL';
|
|
230
230
|
declare type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {
|
|
231
231
|
[key in `${T}${ResponsiveKeys}`]?: V;
|
|
232
232
|
};
|
|
233
233
|
declare type ResponsiveProperty<V = number | string | keyof typeof SizeLatin> = V | [desktop: V, tablet: V, mobile: V] | [xl: V, l: V, m: V, s: V, xs: V, xxs: V];
|
|
234
|
-
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: string) => () => () => FlattenSimpleInterpolation | null;
|
|
234
|
+
declare const property: (value: PossibleValues, cssProperty?: CssProperty, sizing?: null | string) => () => () => FlattenSimpleInterpolation | null;
|
|
235
235
|
/**
|
|
236
236
|
* Sort keys as desktop first
|
|
237
237
|
* @param a key a
|
|
@@ -249,7 +249,7 @@ declare const mobileFirst: (a: string, b: string) => number;
|
|
|
249
249
|
interface ResponsiveNamedPropertyPayload<T extends PropsProperties> {
|
|
250
250
|
sizes: ResponsiveNamedProperty<T>;
|
|
251
251
|
cssProperty: CssProperty;
|
|
252
|
-
sizing?: 'px' | 'rem' | 'em' | '%';
|
|
252
|
+
sizing?: null | 'px' | 'rem' | 'em' | '%';
|
|
253
253
|
customSizeHandler?: (_value: PossibleValues) => PossibleValues;
|
|
254
254
|
sort?: (_a: string, _b: string) => number;
|
|
255
255
|
}
|
|
@@ -271,7 +271,7 @@ declare const responsiveNamedProperty: <T extends PropsProperties>({ sizes, cssP
|
|
|
271
271
|
* @param sizing значение величины, по умолчанию `px`
|
|
272
272
|
* @returns строки медиазапросов
|
|
273
273
|
*/
|
|
274
|
-
declare const responsiveProperty: (property: string, cssProperty?: string | null, sizing?: string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
|
|
274
|
+
declare const responsiveProperty: (property: string, cssProperty?: string | null, sizing?: null | string) => () => (props: any) => styled_components.FlattenInterpolation<styled_components.ThemeProps<styled_components.DefaultTheme>> | null;
|
|
275
275
|
|
|
276
276
|
declare type HEX = `#${string}`;
|
|
277
277
|
declare type RGB = `rgb(${number}, ${number}, ${number})`;
|
|
@@ -434,7 +434,7 @@ interface VAlign {
|
|
|
434
434
|
}
|
|
435
435
|
declare const vAlign: (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => styled_components.FlattenSimpleInterpolation;
|
|
436
436
|
|
|
437
|
-
declare function buildMediaQuery(value: number | keyof typeof SizeLatin, property: string | ((_size: number, _sizing?: string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing
|
|
437
|
+
declare function buildMediaQuery(value: number | keyof typeof SizeLatin, property: string | ((_size: number, _sizing?: null | string) => FlattenSimpleInterpolation | null), screenQueryFunction: typeof screenXs, sizing: null | string): ReturnType<typeof css>;
|
|
438
438
|
|
|
439
439
|
interface Display {
|
|
440
440
|
display?: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'table-cell' | 'inherit' | 'none';
|