@fluentui/make-styles - npm Package Compare versions

Comparing version 0.0.0-nightly131c59c96120211203.1 to 0.0.0-nightly2462abf75c20211217.1

CHANGELOG.json

@@ -5,5 +5,5 @@ {
     {
-      "date": "Fri, 03 Dec 2021 04:13:19 GMT",
-      "tag": "@fluentui/make-styles_v0.0.0-nightly131c59c96120211203.1",
-      "version": "0.0.0-nightly131c59c96120211203.1",
+      "date": "Fri, 17 Dec 2021 04:14:47 GMT",
+      "tag": "@fluentui/make-styles_v0.0.0-nightly2462abf75c20211217.1",
+      "version": "0.0.0-nightly2462abf75c20211217.1",
       "comments": {
@@ -14,3 +14,3 @@ "prerelease": [
             "package": "@fluentui/make-styles",
-            "commit": "6fe1f0a081835b662f3c880d6405724d3abc4c0b",
+            "commit": "4d9ea3499c852a0ed7b218202c074558963d7bca",
             "comment": "Release nightly v9"
@@ -21,2 +21,8 @@ },
             "package": "@fluentui/make-styles",
+            "commit": "b8ca4b3642b752e506fc6617c13c2568867c5464",
+            "comment": "fix: improve return types for shorthand functions"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/make-styles",
             "commit": "a76afe26daad901ff5458ffdda7e66e600d5bcac",
@@ -44,2 +50,14 @@ "comment": "improve types, add new types"
             "comment": "update tooling config"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/make-styles",
+            "commit": "3360b45ec159250b1346c91afad7dce138e6bc20",
+            "comment": "Add casts to work around typescript 4.3 issue"
+          },
+          {
+            "author": "[e-mail]",
+            "package": "@fluentui/make-styles",
+            "commit": "28ceaaa83cd92a0389c466f0b15b283e3d9b08e4",
+            "comment": "fixup! fixup! chore: update all jest deps to v25 + apply single version policy"
           }
@@ -46,0 +64,0 @@ ]

CHANGELOG.md

 # Change Log - @fluentui/make-styles
 
-This log was last generated on Fri, 03 Dec 2021 04:13:19 GMT and should not be manually modified.
+This log was last generated on Fri, 17 Dec 2021 04:14:47 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly131c59c96120211203.1](https://github.com/microsoft/fluentui/tree/@fluentui/make-styles_v0.0.0-nightly131c59c96120211203.1)
+## [0.0.0-nightly2462abf75c20211217.1](https://github.com/microsoft/fluentui/tree/@fluentui/make-styles_v0.0.0-nightly2462abf75c20211217.1)
 
-Fri, 03 Dec 2021 04:13:19 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/make-styles_v9.0.0-beta.3..@fluentui/make-styles_v0.0.0-nightly131c59c96120211203.1)
+Fri, 17 Dec 2021 04:14:47 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/make-styles_v9.0.0-beta.3..@fluentui/make-styles_v0.0.0-nightly2462abf75c20211217.1)
 
 ### Changes
 
-- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/6fe1f0a081835b662f3c880d6405724d3abc4c0b) by email not defined)
+- Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/4d9ea3499c852a0ed7b218202c074558963d7bca) by email not defined)
+- fix: improve return types for shorthand functions ([PR #21001](https://github.com/microsoft/fluentui/pull/21001) by [e-mail])
 - improve types, add new types ([PR #20786](https://github.com/microsoft/fluentui/pull/20786) by [e-mail])
@@ -16,0 +17,0 @@ - Add shorthand functions for styles ([PR #20628](https://github.com/microsoft/fluentui/pull/20628) by [e-mail])

dist/make-styles.d.ts

@@ -14,28 +14,34 @@ import type { BorderColorProperty } from 'csstype';
 
-declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): BorderStyle;
 
-declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderStyle;
 
-declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderStyle;
 
-declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): BorderBottomStyle;
 
-declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderBottomStyle;
 
-declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderBottomStyle;
 
-declare function borderColor(all: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderBottomStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomWidth' | 'borderBottomStyle' | 'borderBottomColor'>;
 
-declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderColor(all: BorderColorProperty): BorderColorStyle;
 
-declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): BorderColorStyle;
 
-declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): BorderColorStyle;
 
-declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): BorderColorStyle;
 
-declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare type BorderColorStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>;
 
-declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): BorderLeftStyle;
 
+declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderLeftStyle;
+
+declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderLeftStyle;
+
+declare type BorderLeftStyle = Pick<MakeStylesStrictCSSObject, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
+
 /**
@@ -53,32 +59,44 @@ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS
  */
-declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): BorderRadiusStyle;
 
-declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare type BorderRadiusStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'>;
 
-declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): BorderRightStyle;
 
-declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderRightStyle;
 
-declare function borderStyle(all: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderRightStyle;
 
-declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare type BorderRightStyle = Pick<MakeStylesStrictCSSObject, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;
 
-declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare type BorderStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth' | 'borderRightColor' | 'borderRightStyle' | 'borderRightWidth' | 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth' | 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
 
-declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function borderStyle(all: BorderStyleProperty): BorderStyleStyle;
 
-declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): BorderStyleStyle;
 
-declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): BorderStyleStyle;
 
-declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): BorderStyleStyle;
 
-declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare type BorderStyleStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
 
-declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): BorderTopStyle;
 
-declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderTopStyle;
 
-declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderTopStyle;
 
+declare type BorderTopStyle = Pick<MakeStylesStrictCSSObject, 'borderTopWidth' | 'borderTopStyle' | 'borderTopColor'>;
+
+declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+
+declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+
+declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+
+declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+
+declare type BorderWidthStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
+
 /**
@@ -128,4 +146,6 @@ * @internal
  */
-declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): GapStyle;
 
+declare type GapStyle = Pick<MakeStylesStrictCSSObject, 'columnGap' | 'rowGap'>;
+
 /** @internal */
@@ -219,10 +239,12 @@ export declare const HASH_PREFIX = "f";
 
-declare function margin(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function margin(all: MakeStylesCSSValue): MarginStyle;
 
-declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MarginStyle;
 
-declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MarginStyle;
 
-declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MarginStyle;
 
+declare type MarginStyle = Pick<MakeStylesStrictCSSObject, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
+
 /**
@@ -256,12 +278,16 @@ * Function can take any number of arguments, joins classes together and deduplicates atomic declarations generated by
  */
-declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): MakeStylesStrictCSSObject;
+declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): OverflowStyle;
 
-declare function padding(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare type OverflowStyle = Pick<MakeStylesStrictCSSObject, 'overflowX' | 'overflowY'>;
 
-declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function padding(all: MakeStylesCSSValue): PaddingStyle;
 
-declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): PaddingStyle;
 
-declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): PaddingStyle;
 
+declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): PaddingStyle;
+
+declare type PaddingStyle = Pick<MakeStylesStrictCSSObject, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+
 declare type PropertyHash = string;
@@ -268,0 +294,0 @@

lib-commonjs/runtime/expandShorthand.js

@@ -26,3 +26,5 @@ "use strict";
       } else {
-        result[property] = value;
+        // Cast to any to avoid "error TS2590: Expression produces a union type that is too complex to represent"
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        result[property] = value; // result[property as keyof MakeStylesStyle] = value;
       } // eslint-disable-next-line eqeqeq
@@ -34,2 +36,3 @@
     } else if (typeof value === 'object') {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       result[property] = expandShorthand(value);
@@ -36,0 +39,0 @@ }

lib-commonjs/shorthands/border.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth' | 'borderRightColor' | 'borderRightStyle' | 'borderRightWidth' | 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth' | 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): BorderStyle;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderStyle;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderStyle;
+export {};

lib-commonjs/shorthands/borderBottom.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderBottomStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomWidth' | 'borderBottomStyle' | 'borderBottomColor'>;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): BorderBottomStyle;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderBottomStyle;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderBottomStyle;
+export {};

lib-commonjs/shorthands/borderColor.d.ts

 import type { BorderColorProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
-export declare function borderColor(all: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderColorStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>;
+export declare function borderColor(all: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): BorderColorStyle;
+export {};

lib-commonjs/shorthands/borderLeft.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderLeftStyle = Pick<MakeStylesStrictCSSObject, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): BorderLeftStyle;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderLeftStyle;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderLeftStyle;
+export {};

lib-commonjs/shorthands/borderRadius.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
+declare type BorderRadiusStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'>;
 /**
@@ -14,2 +15,3 @@ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS
  */
-export declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+export declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): BorderRadiusStyle;
+export {};

lib-commonjs/shorthands/borderRight.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderRightStyle = Pick<MakeStylesStrictCSSObject, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): BorderRightStyle;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderRightStyle;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderRightStyle;
+export {};

lib-commonjs/shorthands/borderStyle.d.ts

 import type { BorderStyleProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
-export declare function borderStyle(all: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare type BorderStyleStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
+export declare function borderStyle(all: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): BorderStyleStyle;
+export {};

lib-commonjs/shorthands/borderTop.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderTopStyle = Pick<MakeStylesStrictCSSObject, 'borderTopWidth' | 'borderTopStyle' | 'borderTopColor'>;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): BorderTopStyle;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderTopStyle;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderTopStyle;
+export {};

lib-commonjs/shorthands/borderWidth.d.ts

 import type { BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare type BorderWidthStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
+export declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export {};

lib-commonjs/shorthands/gap.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
+declare type GapStyle = Pick<MakeStylesStrictCSSObject, 'columnGap' | 'rowGap'>;
 /**
@@ -11,2 +12,3 @@ * A function that implements CSS spec conformant expansion for "gap"
  */
-export declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+export declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): GapStyle;
+export {};

lib-commonjs/shorthands/margin.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function margin(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare type MarginStyle = Pick<MakeStylesStrictCSSObject, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
+export declare function margin(all: MakeStylesCSSValue): MarginStyle;
+export declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MarginStyle;
+export declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MarginStyle;
+export declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MarginStyle;
+export {};

lib-commonjs/shorthands/overflow.d.ts

 import type { OverflowProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
+declare type OverflowStyle = Pick<MakeStylesStrictCSSObject, 'overflowX' | 'overflowY'>;
 /**
@@ -12,2 +13,3 @@ * A function that implements CSS spec conformant expansion for "overflow"
  */
-export declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): MakeStylesStrictCSSObject;
+export declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): OverflowStyle;
+export {};

lib-commonjs/shorthands/padding.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function padding(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare type PaddingStyle = Pick<MakeStylesStrictCSSObject, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+export declare function padding(all: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): PaddingStyle;
+export {};

lib/runtime/expandShorthand.js

@@ -18,3 +18,5 @@ import { expandProperty } from 'inline-style-expand-shorthand';
       } else {
-        result[property] = value;
+        // Cast to any to avoid "error TS2590: Expression produces a union type that is too complex to represent"
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        result[property] = value; // result[property as keyof MakeStylesStyle] = value;
       } // eslint-disable-next-line eqeqeq
@@ -26,2 +28,3 @@
     } else if (typeof value === 'object') {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       result[property] = expandShorthand(value);
@@ -28,0 +31,0 @@ }

lib/shorthands/border.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderTopStyle' | 'borderTopWidth' | 'borderRightColor' | 'borderRightStyle' | 'borderRightWidth' | 'borderBottomColor' | 'borderBottomStyle' | 'borderBottomWidth' | 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>): BorderStyle;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderStyle;
+export declare function border(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderStyle;
+export {};

lib/shorthands/borderBottom.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderBottomStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomWidth' | 'borderBottomStyle' | 'borderBottomColor'>;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>): BorderBottomStyle;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderBottomStyle;
+export declare function borderBottom(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderBottomStyle;
+export {};

lib/shorthands/borderColor.d.ts

 import type { BorderColorProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
-export declare function borderColor(all: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): MakeStylesStrictCSSObject;
-export declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderColorStyle = Pick<MakeStylesStrictCSSObject, 'borderTopColor' | 'borderRightColor' | 'borderBottomColor' | 'borderLeftColor'>;
+export declare function borderColor(all: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(vertical: BorderColorProperty, horizontal: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(top: BorderColorProperty, horizontal: BorderColorProperty, bottom: BorderColorProperty): BorderColorStyle;
+export declare function borderColor(top: BorderColorProperty, right: BorderColorProperty, bottom: BorderColorProperty, left: BorderColorProperty): BorderColorStyle;
+export {};

lib/shorthands/borderLeft.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderLeftStyle = Pick<MakeStylesStrictCSSObject, 'borderLeftColor' | 'borderLeftStyle' | 'borderLeftWidth'>;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>): BorderLeftStyle;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderLeftStyle;
+export declare function borderLeft(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderLeftStyle;
+export {};

lib/shorthands/borderRadius.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
+declare type BorderRadiusStyle = Pick<MakeStylesStrictCSSObject, 'borderBottomRightRadius' | 'borderBottomLeftRadius' | 'borderTopRightRadius' | 'borderTopLeftRadius'>;
 /**
@@ -14,2 +15,3 @@ * A function that implements CSS spec conformant expansion for "borderRadius". "/" is not supported, please use CSS
  */
-export declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+export declare function borderRadius(value1: MakeStylesCSSValue, value2?: MakeStylesCSSValue, value3?: MakeStylesCSSValue, value4?: MakeStylesCSSValue): BorderRadiusStyle;
+export {};

lib/shorthands/borderRight.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderRightStyle = Pick<MakeStylesStrictCSSObject, 'borderRightWidth' | 'borderRightStyle' | 'borderRightColor'>;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>): BorderRightStyle;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderRightStyle;
+export declare function borderRight(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderRightStyle;
+export {};

lib/shorthands/borderStyle.d.ts

 import type { BorderStyleProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
-export declare function borderStyle(all: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): MakeStylesStrictCSSObject;
+declare type BorderStyleStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
+export declare function borderStyle(all: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(vertical: BorderStyleProperty, horizontal: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(top: BorderStyleProperty, horizontal: BorderStyleProperty, bottom: BorderStyleProperty): BorderStyleStyle;
+export declare function borderStyle(top: BorderStyleProperty, right: BorderStyleProperty, bottom: BorderStyleProperty, left: BorderStyleProperty): BorderStyleStyle;
+export {};

lib/shorthands/borderTop.d.ts

 import type { BorderColorProperty, BorderStyleProperty, BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): MakeStylesStrictCSSObject;
-export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): MakeStylesStrictCSSObject;
+declare type BorderTopStyle = Pick<MakeStylesStrictCSSObject, 'borderTopWidth' | 'borderTopStyle' | 'borderTopColor'>;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>): BorderTopStyle;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty): BorderTopStyle;
+export declare function borderTop(width: BorderWidthProperty<MakeStylesCSSValue>, style: BorderStyleProperty, color: BorderColorProperty): BorderTopStyle;
+export {};

lib/shorthands/borderWidth.d.ts

 import type { BorderWidthProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
-export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): MakeStylesStrictCSSObject;
+declare type BorderWidthStyle = Pick<MakeStylesStrictCSSObject, 'borderTopStyle' | 'borderRightStyle' | 'borderBottomStyle' | 'borderLeftStyle'>;
+export declare function borderWidth(all: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(vertical: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, horizontal: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export declare function borderWidth(top: BorderWidthProperty<MakeStylesCSSValue>, right: BorderWidthProperty<MakeStylesCSSValue>, bottom: BorderWidthProperty<MakeStylesCSSValue>, left: BorderWidthProperty<MakeStylesCSSValue>): BorderWidthStyle;
+export {};

lib/shorthands/gap.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
+declare type GapStyle = Pick<MakeStylesStrictCSSObject, 'columnGap' | 'rowGap'>;
 /**
@@ -11,2 +12,3 @@ * A function that implements CSS spec conformant expansion for "gap"
  */
-export declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+export declare function gap(columnGap: MakeStylesCSSValue, rowGap?: MakeStylesCSSValue): GapStyle;
+export {};

lib/shorthands/margin.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function margin(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare type MarginStyle = Pick<MakeStylesStrictCSSObject, 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'>;
+export declare function margin(all: MakeStylesCSSValue): MarginStyle;
+export declare function margin(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MarginStyle;
+export declare function margin(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MarginStyle;
+export declare function margin(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MarginStyle;
+export {};

lib/shorthands/overflow.d.ts

 import type { OverflowProperty } from 'csstype';
 import type { MakeStylesStrictCSSObject } from '../types';
+declare type OverflowStyle = Pick<MakeStylesStrictCSSObject, 'overflowX' | 'overflowY'>;
 /**
@@ -12,2 +13,3 @@ * A function that implements CSS spec conformant expansion for "overflow"
  */
-export declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): MakeStylesStrictCSSObject;
+export declare function overflow(overflowX: OverflowProperty, overflowY?: OverflowProperty): OverflowStyle;
+export {};

lib/shorthands/padding.d.ts

 import type { MakeStylesStrictCSSObject, MakeStylesCSSValue } from '../types';
-export declare function padding(all: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): MakeStylesStrictCSSObject;
-export declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): MakeStylesStrictCSSObject;
+declare type PaddingStyle = Pick<MakeStylesStrictCSSObject, 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'>;
+export declare function padding(all: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(vertical: MakeStylesCSSValue, horizontal: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(top: MakeStylesCSSValue, horizontal: MakeStylesCSSValue, bottom: MakeStylesCSSValue): PaddingStyle;
+export declare function padding(top: MakeStylesCSSValue, right: MakeStylesCSSValue, bottom: MakeStylesCSSValue, left: MakeStylesCSSValue): PaddingStyle;
+export {};

package.json

 {
   "name": "@fluentui/make-styles",
-  "version": "0.0.0-nightly131c59c96120211203.1",
+  "version": "0.0.0-nightly2462abf75c20211217.1",
   "description": "Experimental utility for creating css styles/classes.",
@@ -5,0 +5,0 @@ "main": "lib-commonjs/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

311323

increased by2.03%

Lines of code

5104

increased by1.84%

No dependency changes