feat(css-values.ts*): Changed CSS~EdgeSizeValues to CSSMarginValue and CSSPaddingValue

Author: refirst11

src/_internal/types/common/css-values.ts

@@ -5,6 +5,7 @@ import type {
   CSSPercentageUnitValue,
   CSSRespectUnitValue,
   CSSViewportUnitValue,
+  CSSUnit,
 } from './css-units';
 import type { CSSVariableValue } from './css-variables';
 
@@ -28,48 +29,15 @@ type CSSUnitsAndGlobalValue =
 
 export type CSSNumericValue = CSSUnitsAndGlobalValue | number;
 
-type CSSSizeValue<T extends string | number> = `${T}` | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
-
-type CSSAbsoluteUnitAndAutoValue = CSSAbsoluteUnitValue | 'auto';
-type CSSLocalFontAndAutoValue = CSSLocalFontRelativeUnitValue | 'auto';
-type CSSViewportUnitAndAutoValue = CSSViewportUnitValue | 'auto';
-type CSSRespectUnitAndAutoValue = CSSRespectUnitValue | 'auto';
-type CSSPercentageUnitAndAutValue = CSSPercentageUnitValue | 'auto';
+type CSSPaddingUnitValue = `${number}${CSSUnit}` | '0';
+type CSSPaddingSizeValue<T extends CSSPaddingUnitValue> = `${T}` | `${T} ${T}` | `${T} ${T} ${string}` | `${T} ${T} ${string} ${string}`;
+export type CSSPaddingValue = CSSPaddingSizeValue<CSSPaddingUnitValue> | number;
 
-type CSSEdgeSizeAbsoluteWithAutoValues = CSSSizeValue<CSSAbsoluteUnitAndAutoValue>;
-type CSSEdgeSizeLocalFontWithAutoValues = CSSSizeValue<CSSLocalFontAndAutoValue>;
-type CSSEdgeSizeRootFontWithAutoValues = CSSSizeValue<CSSRootFontRelativeUnitValue>;
-type CSSEdgeSizeViewportWithAutoValues = CSSSizeValue<CSSViewportUnitAndAutoValue>;
-type CSSEdgeSizeRespectWithAutoValues = CSSSizeValue<CSSRespectUnitAndAutoValue>;
-type CSSEdgeSizePercentageWithAutoValues = CSSSizeValue<CSSPercentageUnitAndAutValue>;
-type CSSEdgeSizeCalcExpressionFunctioin = CSSSizeValue<CSSCalcExpressionFunctioin>;
-export type CSSMarginEdgeSizeValues =
-  | CSSEdgeSizeAbsoluteWithAutoValues
-  | CSSEdgeSizeLocalFontWithAutoValues
-  | CSSEdgeSizeRootFontWithAutoValues
-  | CSSEdgeSizeViewportWithAutoValues
-  | CSSEdgeSizeRespectWithAutoValues
-  | CSSEdgeSizePercentageWithAutoValues
-  | CSSEdgeSizeCalcExpressionFunctioin
-  | CSSGlobalValue
-  | CSSVariableValue;
+type CSSMarginUnitValue = `${number}${CSSUnit}` | '0' | 'auto';
+type CSSMarginSizeValue<T extends CSSMarginUnitValue> = `${T}` | `${T} ${T}` | `${T} ${T} ${string}` | `${T} ${T} ${string} ${string}`;
+export type CSSMarginValue = CSSMarginSizeValue<CSSMarginUnitValue> | number;
 
-type CSSEdgeSizeAbsoluteValues = CSSSizeValue<CSSAbsoluteUnitValue>;
-type CSSEdgeSizeLocalFontValues = CSSSizeValue<CSSLocalFontRelativeUnitValue>;
-type CSSEdgeSizeRootFontValues = CSSSizeValue<CSSRootFontRelativeUnitValue>;
-type CSSEdgeSizeViewportValues = CSSSizeValue<CSSViewportUnitValue>;
-type CSSEdgeSizeRespectValues = CSSRadiusValue<CSSRespectUnitValue>;
-type CSSEdgeSizePercentageValues = CSSSizeValue<CSSPercentageUnitValue>;
-export type CSSPaddingEdgeSizeValues =
-  | CSSEdgeSizeAbsoluteValues
-  | CSSEdgeSizeLocalFontValues
-  | CSSEdgeSizeRootFontValues
-  | CSSEdgeSizeViewportValues
-  | CSSEdgeSizeRespectValues
-  | CSSEdgeSizePercentageValues
-  | CSSEdgeSizeCalcExpressionFunctioin
-  | CSSGlobalValue
-  | CSSVariableValue;
+type CSSSizeValue<T extends string | number> = `${T}` | `${T} ${T}` | `${T} ${T} ${T}` | `${T} ${T} ${T} ${T}`;
 
 type CustomRadiusValue<
   T extends

src/_internal/types/custom/custom-css-properties.ts

@@ -5,8 +5,8 @@ import type {
   CSSFontSizeSubValue,
   CSSGlobalValue,
   CSSNumericValue,
-  CSSMarginEdgeSizeValues,
-  CSSPaddingEdgeSizeValues,
+  CSSMarginValue,
+  CSSPaddingValue,
   CSSRadiusValues,
 } from '../common/css-values';
 import type { AndStringsType, ArgsPseudos } from '../common/pseudo-selectors';
@@ -15,12 +15,12 @@ import type { CSSColorValue, CSSVariableProperties, CSSVariableValue } from '../
 type CustomExtendProperties = {
   width?: CSSNumericValue | CSSLengthSubValue | 'auto';
   height?: CSSNumericValue | CSSLengthSubValue | 'auto';
-  margin?: CSSMarginEdgeSizeValues | number;
+  margin?: CSSMarginValue;
   marginBottom?: CSSNumericValue | 'auto';
   marginLeft?: CSSNumericValue | 'auto';
   marginRight?: CSSNumericValue | 'auto';
   marginTop?: CSSNumericValue | 'auto';
-  padding?: CSSPaddingEdgeSizeValues | number;
+  padding?: CSSPaddingValue;
   paddingBottom?: CSSNumericValue;
   paddingLeft?: CSSNumericValue;
   paddingRight?: CSSNumericValue;