@lunit/design-system 2.1.0 → 2.2.3

package/dist/types/components/Button/Button.styled.d.ts

@@ -1,16 +1,15 @@
-/// <reference types="react" />
-import { ColorToken } from "@/foundation/colors/types";
-import type { ButtonProps } from "./Button.types";
-import type { ToggleButtonProps } from "../ToggleButton/ToggleButton.types";
-import type { Typography } from "@mui/material/styles/createTypography";
-type KindStyleParams = Pick<ButtonProps, "kind" | "color"> & {
+import { ColorToken } from '@/foundation/colors/types';
+import type { ButtonProps } from './Button.types';
+import type { ToggleButtonProps } from '../ToggleButton/ToggleButton.types';
+import type { TypographyVariants } from '@mui/material/styles';
+type KindStyleParams = Pick<ButtonProps, 'kind' | 'color'> & {
     lunit_token: ColorToken;
 };
 type CustomButtonProps = ButtonProps & {
     hasIconOnly: boolean;
 };
-type sizeStyleParams = Pick<CustomButtonProps, "size" | "hasIconOnly" | "kind"> & Pick<ToggleButtonProps, "selected"> & {
-    typography: Typography;
+type sizeStyleParams = Pick<CustomButtonProps, 'size' | 'hasIconOnly' | 'kind'> & Pick<ToggleButtonProps, 'selected'> & {
+    typography: TypographyVariants;
 };
 export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected, }: sizeStyleParams) => {
     padding?: string | undefined;
@@ -29,6 +28,8 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     animationIterationCount?: import("csstype").Property.AnimationIterationCount | undefined;
     animationName?: import("csstype").Property.AnimationName | undefined;
     animationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
+    animationRangeEnd?: import("csstype").Property.AnimationRangeEnd<string | number> | undefined;
+    animationRangeStart?: import("csstype").Property.AnimationRangeStart<string | number> | undefined;
     animationTimeline?: import("csstype").Property.AnimationTimeline | undefined;
     animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
     appearance?: import("csstype").Property.Appearance | undefined;
@@ -41,12 +42,12 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
     backgroundImage?: import("csstype").Property.BackgroundImage | undefined;
     backgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    backgroundPositionX?: string | number | undefined;
-    backgroundPositionY?: string | number | undefined;
+    backgroundPositionX?: import("csstype").Property.BackgroundPositionX<string | number> | undefined;
+    backgroundPositionY?: import("csstype").Property.BackgroundPositionY<string | number> | undefined;
     backgroundRepeat?: import("csstype").Property.BackgroundRepeat | undefined;
-    backgroundSize?: string | number | undefined;
+    backgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
     blockOverflow?: import("csstype").Property.BlockOverflow | undefined;
-    blockSize?: string | number | undefined;
+    blockSize?: import("csstype").Property.BlockSize<string | number> | undefined;
     borderBlockColor?: import("csstype").Property.BorderBlockColor | undefined;
     borderBlockEndColor?: import("csstype").Property.BorderBlockEndColor | undefined;
     borderBlockEndStyle?: import("csstype").Property.BorderBlockEndStyle | undefined;
@@ -57,18 +58,18 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     borderBlockStyle?: import("csstype").Property.BorderBlockStyle | undefined;
     borderBlockWidth?: import("csstype").Property.BorderBlockWidth<string | number> | undefined;
     borderBottomColor?: import("csstype").Property.BorderBottomColor | undefined;
-    borderBottomLeftRadius?: string | number | undefined;
-    borderBottomRightRadius?: string | number | undefined;
+    borderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
+    borderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
     borderBottomStyle?: import("csstype").Property.BorderBottomStyle | undefined;
     borderBottomWidth?: import("csstype").Property.BorderBottomWidth<string | number> | undefined;
     borderCollapse?: import("csstype").Property.BorderCollapse | undefined;
-    borderEndEndRadius?: string | number | undefined;
-    borderEndStartRadius?: string | number | undefined;
-    borderImageOutset?: string | number | undefined;
+    borderEndEndRadius?: import("csstype").Property.BorderEndEndRadius<string | number> | undefined;
+    borderEndStartRadius?: import("csstype").Property.BorderEndStartRadius<string | number> | undefined;
+    borderImageOutset?: import("csstype").Property.BorderImageOutset<string | number> | undefined;
     borderImageRepeat?: import("csstype").Property.BorderImageRepeat | undefined;
     borderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
     borderImageSource?: import("csstype").Property.BorderImageSource | undefined;
-    borderImageWidth?: string | number | undefined;
+    borderImageWidth?: import("csstype").Property.BorderImageWidth<string | number> | undefined;
     borderInlineColor?: import("csstype").Property.BorderInlineColor | undefined;
     borderInlineEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
     borderInlineEndStyle?: import("csstype").Property.BorderInlineEndStyle | undefined;
@@ -84,15 +85,15 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     borderRightColor?: import("csstype").Property.BorderRightColor | undefined;
     borderRightStyle?: import("csstype").Property.BorderRightStyle | undefined;
     borderRightWidth?: import("csstype").Property.BorderRightWidth<string | number> | undefined;
-    borderSpacing?: string | number | undefined;
-    borderStartEndRadius?: string | number | undefined;
-    borderStartStartRadius?: string | number | undefined;
+    borderSpacing?: import("csstype").Property.BorderSpacing<string | number> | undefined;
+    borderStartEndRadius?: import("csstype").Property.BorderStartEndRadius<string | number> | undefined;
+    borderStartStartRadius?: import("csstype").Property.BorderStartStartRadius<string | number> | undefined;
     borderTopColor?: import("csstype").Property.BorderTopColor | undefined;
-    borderTopLeftRadius?: string | number | undefined;
-    borderTopRightRadius?: string | number | undefined;
+    borderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
+    borderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
     borderTopStyle?: import("csstype").Property.BorderTopStyle | undefined;
     borderTopWidth?: import("csstype").Property.BorderTopWidth<string | number> | undefined;
-    bottom?: string | number | undefined;
+    bottom?: import("csstype").Property.Bottom<string | number> | undefined;
     boxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | undefined;
     boxShadow?: import("csstype").Property.BoxShadow | undefined;
     boxSizing?: import("csstype").Property.BoxSizing | undefined;
@@ -109,17 +110,17 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     colorScheme?: import("csstype").Property.ColorScheme | undefined;
     columnCount?: import("csstype").Property.ColumnCount | undefined;
     columnFill?: import("csstype").Property.ColumnFill | undefined;
-    columnGap?: string | number | undefined;
+    columnGap?: import("csstype").Property.ColumnGap<string | number> | undefined;
     columnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
     columnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    columnRuleWidth?: string | number | undefined;
+    columnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
     columnSpan?: import("csstype").Property.ColumnSpan | undefined;
     columnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
     contain?: import("csstype").Property.Contain | undefined;
-    containIntrinsicBlockSize?: string | number | undefined;
-    containIntrinsicHeight?: string | number | undefined;
-    containIntrinsicInlineSize?: string | number | undefined;
-    containIntrinsicWidth?: string | number | undefined;
+    containIntrinsicBlockSize?: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined;
+    containIntrinsicHeight?: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined;
+    containIntrinsicInlineSize?: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined;
+    containIntrinsicWidth?: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined;
     containerName?: import("csstype").Property.ContainerName | undefined;
     containerType?: import("csstype").Property.ContainerType | undefined;
     content?: import("csstype").Property.Content | undefined;
@@ -132,7 +133,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     display?: import("csstype").Property.Display | undefined;
     emptyCells?: import("csstype").Property.EmptyCells | undefined;
     filter?: import("csstype").Property.Filter | undefined;
-    flexBasis?: string | number | undefined;
+    flexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
     flexDirection?: import("csstype").Property.FlexDirection | undefined;
     flexGrow?: import("csstype").Property.FlexGrow | undefined;
     flexShrink?: import("csstype").Property.FlexShrink | undefined;
@@ -144,12 +145,16 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     fontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
     fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | undefined;
     fontPalette?: import("csstype").Property.FontPalette | undefined;
-    fontSize?: string | number | undefined;
+    fontSize?: import("csstype").Property.FontSize<string | number> | undefined;
     fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | undefined;
     fontSmooth?: import("csstype").Property.FontSmooth<string | number> | undefined;
     fontStretch?: import("csstype").Property.FontStretch | undefined;
     fontStyle?: import("csstype").Property.FontStyle | undefined;
     fontSynthesis?: import("csstype").Property.FontSynthesis | undefined;
+    fontSynthesisPosition?: import("csstype").Property.FontSynthesisPosition | undefined;
+    fontSynthesisSmallCaps?: import("csstype").Property.FontSynthesisSmallCaps | undefined;
+    fontSynthesisStyle?: import("csstype").Property.FontSynthesisStyle | undefined;
+    fontSynthesisWeight?: import("csstype").Property.FontSynthesisWeight | undefined;
     fontVariant?: import("csstype").Property.FontVariant | undefined;
     fontVariantAlternates?: import("csstype").Property.FontVariantAlternates | undefined;
     fontVariantCaps?: import("csstype").Property.FontVariantCaps | undefined;
@@ -161,16 +166,16 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
     fontWeight?: import("csstype").Property.FontWeight | undefined;
     forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
-    gridAutoColumns?: string | number | undefined;
+    gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
     gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
-    gridAutoRows?: string | number | undefined;
+    gridAutoRows?: import("csstype").Property.GridAutoRows<string | number> | undefined;
     gridColumnEnd?: import("csstype").Property.GridColumnEnd | undefined;
     gridColumnStart?: import("csstype").Property.GridColumnStart | undefined;
     gridRowEnd?: import("csstype").Property.GridRowEnd | undefined;
     gridRowStart?: import("csstype").Property.GridRowStart | undefined;
     gridTemplateAreas?: import("csstype").Property.GridTemplateAreas | undefined;
-    gridTemplateColumns?: string | number | undefined;
-    gridTemplateRows?: string | number | undefined;
+    gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
+    gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
     hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
     hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
     hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
@@ -179,70 +184,71 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     imageRendering?: import("csstype").Property.ImageRendering | undefined;
     imageResolution?: import("csstype").Property.ImageResolution | undefined;
     initialLetter?: import("csstype").Property.InitialLetter | undefined;
-    inlineSize?: string | number | undefined;
+    inlineSize?: import("csstype").Property.InlineSize<string | number> | undefined;
     inputSecurity?: import("csstype").Property.InputSecurity | undefined;
-    insetBlockEnd?: string | number | undefined;
-    insetBlockStart?: string | number | undefined;
-    insetInlineEnd?: string | number | undefined;
-    insetInlineStart?: string | number | undefined;
+    insetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
+    insetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
+    insetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
+    insetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
     isolation?: import("csstype").Property.Isolation | undefined;
     justifyContent?: import("csstype").Property.JustifyContent | undefined;
     justifyItems?: import("csstype").Property.JustifyItems | undefined;
     justifySelf?: import("csstype").Property.JustifySelf | undefined;
     justifyTracks?: import("csstype").Property.JustifyTracks | undefined;
-    left?: string | number | undefined;
+    left?: import("csstype").Property.Left<string | number> | undefined;
     letterSpacing?: import("csstype").Property.LetterSpacing<string | number> | undefined;
     lineBreak?: import("csstype").Property.LineBreak | undefined;
-    lineHeight?: string | number | undefined;
+    lineHeight?: import("csstype").Property.LineHeight<string | number> | undefined;
     lineHeightStep?: import("csstype").Property.LineHeightStep<string | number> | undefined;
     listStyleImage?: import("csstype").Property.ListStyleImage | undefined;
     listStylePosition?: import("csstype").Property.ListStylePosition | undefined;
     listStyleType?: import("csstype").Property.ListStyleType | undefined;
-    marginBlockEnd?: string | number | undefined;
-    marginBlockStart?: string | number | undefined;
-    marginBottom?: string | number | undefined;
-    marginInlineEnd?: string | number | undefined;
-    marginInlineStart?: string | number | undefined;
-    marginLeft?: string | number | undefined;
-    marginRight?: string | number | undefined;
-    marginTop?: string | number | undefined;
+    marginBlockEnd?: import("csstype").Property.MarginBlockEnd<string | number> | undefined;
+    marginBlockStart?: import("csstype").Property.MarginBlockStart<string | number> | undefined;
+    marginBottom?: import("csstype").Property.MarginBottom<string | number> | undefined;
+    marginInlineEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
+    marginInlineStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
+    marginLeft?: import("csstype").Property.MarginLeft<string | number> | undefined;
+    marginRight?: import("csstype").Property.MarginRight<string | number> | undefined;
+    marginTop?: import("csstype").Property.MarginTop<string | number> | undefined;
     marginTrim?: import("csstype").Property.MarginTrim | undefined;
     maskBorderMode?: import("csstype").Property.MaskBorderMode | undefined;
-    maskBorderOutset?: string | number | undefined;
+    maskBorderOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
     maskBorderRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
     maskBorderSlice?: import("csstype").Property.MaskBorderSlice | undefined;
     maskBorderSource?: import("csstype").Property.MaskBorderSource | undefined;
-    maskBorderWidth?: string | number | undefined;
+    maskBorderWidth?: import("csstype").Property.MaskBorderWidth<string | number> | undefined;
     maskClip?: import("csstype").Property.MaskClip | undefined;
     maskComposite?: import("csstype").Property.MaskComposite | undefined;
     maskImage?: import("csstype").Property.MaskImage | undefined;
     maskMode?: import("csstype").Property.MaskMode | undefined;
     maskOrigin?: import("csstype").Property.MaskOrigin | undefined;
-    maskPosition?: string | number | undefined;
+    maskPosition?: import("csstype").Property.MaskPosition<string | number> | undefined;
     maskRepeat?: import("csstype").Property.MaskRepeat | undefined;
-    maskSize?: string | number | undefined;
+    maskSize?: import("csstype").Property.MaskSize<string | number> | undefined;
     maskType?: import("csstype").Property.MaskType | undefined;
+    masonryAutoFlow?: import("csstype").Property.MasonryAutoFlow | undefined;
     mathDepth?: import("csstype").Property.MathDepth | undefined;
     mathShift?: import("csstype").Property.MathShift | undefined;
     mathStyle?: import("csstype").Property.MathStyle | undefined;
-    maxBlockSize?: string | number | undefined;
-    maxHeight?: string | number | undefined;
-    maxInlineSize?: string | number | undefined;
+    maxBlockSize?: import("csstype").Property.MaxBlockSize<string | number> | undefined;
+    maxHeight?: import("csstype").Property.MaxHeight<string | number> | undefined;
+    maxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | undefined;
     maxLines?: import("csstype").Property.MaxLines | undefined;
-    maxWidth?: string | number | undefined;
-    minBlockSize?: string | number | undefined;
-    minHeight?: string | number | undefined;
-    minInlineSize?: string | number | undefined;
+    maxWidth?: import("csstype").Property.MaxWidth<string | number> | undefined;
+    minBlockSize?: import("csstype").Property.MinBlockSize<string | number> | undefined;
+    minHeight?: import("csstype").Property.MinHeight<string | number> | undefined;
+    minInlineSize?: import("csstype").Property.MinInlineSize<string | number> | undefined;
     mixBlendMode?: import("csstype").Property.MixBlendMode | undefined;
-    motionDistance?: string | number | undefined;
+    motionDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
     motionPath?: import("csstype").Property.OffsetPath | undefined;
     motionRotation?: import("csstype").Property.OffsetRotate | undefined;
     objectFit?: import("csstype").Property.ObjectFit | undefined;
-    objectPosition?: string | number | undefined;
-    offsetAnchor?: string | number | undefined;
-    offsetDistance?: string | number | undefined;
+    objectPosition?: import("csstype").Property.ObjectPosition<string | number> | undefined;
+    offsetAnchor?: import("csstype").Property.OffsetAnchor<string | number> | undefined;
+    offsetDistance?: import("csstype").Property.OffsetDistance<string | number> | undefined;
     offsetPath?: import("csstype").Property.OffsetPath | undefined;
-    offsetPosition?: string | number | undefined;
+    offsetPosition?: import("csstype").Property.OffsetPosition<string | number> | undefined;
     offsetRotate?: import("csstype").Property.OffsetRotate | undefined;
     offsetRotation?: import("csstype").Property.OffsetRotate | undefined;
     opacity?: import("csstype").Property.Opacity | undefined;
@@ -255,38 +261,39 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     overflowAnchor?: import("csstype").Property.OverflowAnchor | undefined;
     overflowBlock?: import("csstype").Property.OverflowBlock | undefined;
     overflowClipBox?: import("csstype").Property.OverflowClipBox | undefined;
-    overflowClipMargin?: string | number | undefined;
+    overflowClipMargin?: import("csstype").Property.OverflowClipMargin<string | number> | undefined;
     overflowInline?: import("csstype").Property.OverflowInline | undefined;
     overflowWrap?: import("csstype").Property.OverflowWrap | undefined;
     overflowX?: import("csstype").Property.OverflowX | undefined;
     overflowY?: import("csstype").Property.OverflowY | undefined;
+    overlay?: import("csstype").Property.Overlay | undefined;
     overscrollBehaviorBlock?: import("csstype").Property.OverscrollBehaviorBlock | undefined;
     overscrollBehaviorInline?: import("csstype").Property.OverscrollBehaviorInline | undefined;
     overscrollBehaviorX?: import("csstype").Property.OverscrollBehaviorX | undefined;
     overscrollBehaviorY?: import("csstype").Property.OverscrollBehaviorY | undefined;
-    paddingBlockEnd?: string | number | undefined;
-    paddingBlockStart?: string | number | undefined;
-    paddingBottom?: string | number | undefined;
-    paddingInlineEnd?: string | number | undefined;
-    paddingInlineStart?: string | number | undefined;
-    paddingLeft?: string | number | undefined;
-    paddingRight?: string | number | undefined;
-    paddingTop?: string | number | undefined;
+    paddingBlockEnd?: import("csstype").Property.PaddingBlockEnd<string | number> | undefined;
+    paddingBlockStart?: import("csstype").Property.PaddingBlockStart<string | number> | undefined;
+    paddingBottom?: import("csstype").Property.PaddingBottom<string | number> | undefined;
+    paddingInlineEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
+    paddingInlineStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
+    paddingLeft?: import("csstype").Property.PaddingLeft<string | number> | undefined;
+    paddingRight?: import("csstype").Property.PaddingRight<string | number> | undefined;
+    paddingTop?: import("csstype").Property.PaddingTop<string | number> | undefined;
     page?: import("csstype").Property.Page | undefined;
     pageBreakAfter?: import("csstype").Property.PageBreakAfter | undefined;
     pageBreakBefore?: import("csstype").Property.PageBreakBefore | undefined;
     pageBreakInside?: import("csstype").Property.PageBreakInside | undefined;
     paintOrder?: import("csstype").Property.PaintOrder | undefined;
     perspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    perspectiveOrigin?: string | number | undefined;
+    perspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
     pointerEvents?: import("csstype").Property.PointerEvents | undefined;
     position?: import("csstype").Property.Position | undefined;
     printColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
     quotes?: import("csstype").Property.Quotes | undefined;
     resize?: import("csstype").Property.Resize | undefined;
-    right?: string | number | undefined;
+    right?: import("csstype").Property.Right<string | number> | undefined;
     rotate?: import("csstype").Property.Rotate | undefined;
-    rowGap?: string | number | undefined;
+    rowGap?: import("csstype").Property.RowGap<string | number> | undefined;
     rubyAlign?: import("csstype").Property.RubyAlign | undefined;
     rubyMerge?: import("csstype").Property.RubyMerge | undefined;
     rubyPosition?: import("csstype").Property.RubyPosition | undefined;
@@ -300,14 +307,14 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     scrollMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
     scrollMarginRight?: import("csstype").Property.ScrollMarginRight<string | number> | undefined;
     scrollMarginTop?: import("csstype").Property.ScrollMarginTop<string | number> | undefined;
-    scrollPaddingBlockEnd?: string | number | undefined;
-    scrollPaddingBlockStart?: string | number | undefined;
-    scrollPaddingBottom?: string | number | undefined;
-    scrollPaddingInlineEnd?: string | number | undefined;
-    scrollPaddingInlineStart?: string | number | undefined;
-    scrollPaddingLeft?: string | number | undefined;
-    scrollPaddingRight?: string | number | undefined;
-    scrollPaddingTop?: string | number | undefined;
+    scrollPaddingBlockEnd?: import("csstype").Property.ScrollPaddingBlockEnd<string | number> | undefined;
+    scrollPaddingBlockStart?: import("csstype").Property.ScrollPaddingBlockStart<string | number> | undefined;
+    scrollPaddingBottom?: import("csstype").Property.ScrollPaddingBottom<string | number> | undefined;
+    scrollPaddingInlineEnd?: import("csstype").Property.ScrollPaddingInlineEnd<string | number> | undefined;
+    scrollPaddingInlineStart?: import("csstype").Property.ScrollPaddingInlineStart<string | number> | undefined;
+    scrollPaddingLeft?: import("csstype").Property.ScrollPaddingLeft<string | number> | undefined;
+    scrollPaddingRight?: import("csstype").Property.ScrollPaddingRight<string | number> | undefined;
+    scrollPaddingTop?: import("csstype").Property.ScrollPaddingTop<string | number> | undefined;
     scrollSnapAlign?: import("csstype").Property.ScrollSnapAlign | undefined;
     scrollSnapMarginBottom?: import("csstype").Property.ScrollMarginBottom<string | number> | undefined;
     scrollSnapMarginLeft?: import("csstype").Property.ScrollMarginLeft<string | number> | undefined;
@@ -321,9 +328,9 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     scrollbarGutter?: import("csstype").Property.ScrollbarGutter | undefined;
     scrollbarWidth?: import("csstype").Property.ScrollbarWidth | undefined;
     shapeImageThreshold?: import("csstype").Property.ShapeImageThreshold | undefined;
-    shapeMargin?: string | number | undefined;
+    shapeMargin?: import("csstype").Property.ShapeMargin<string | number> | undefined;
     shapeOutside?: import("csstype").Property.ShapeOutside | undefined;
-    tabSize?: string | number | undefined;
+    tabSize?: import("csstype").Property.TabSize<string | number> | undefined;
     tableLayout?: import("csstype").Property.TableLayout | undefined;
     textAlign?: import("csstype").Property.TextAlign | undefined;
     textAlignLast?: import("csstype").Property.TextAlignLast | undefined;
@@ -333,11 +340,11 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     textDecorationSkip?: import("csstype").Property.TextDecorationSkip | undefined;
     textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | undefined;
     textDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
-    textDecorationThickness?: string | number | undefined;
+    textDecorationThickness?: import("csstype").Property.TextDecorationThickness<string | number> | undefined;
     textEmphasisColor?: import("csstype").Property.TextEmphasisColor | undefined;
     textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | undefined;
     textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | undefined;
-    textIndent?: string | number | undefined;
+    textIndent?: import("csstype").Property.TextIndent<string | number> | undefined;
     textJustify?: import("csstype").Property.TextJustify | undefined;
     textOrientation?: import("csstype").Property.TextOrientation | undefined;
     textOverflow?: import("csstype").Property.TextOverflow | undefined;
@@ -345,27 +352,35 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     textShadow?: import("csstype").Property.TextShadow | undefined;
     textSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
     textTransform?: import("csstype").Property.TextTransform | undefined;
-    textUnderlineOffset?: string | number | undefined;
+    textUnderlineOffset?: import("csstype").Property.TextUnderlineOffset<string | number> | undefined;
     textUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
-    top?: string | number | undefined;
+    textWrap?: import("csstype").Property.TextWrap | undefined;
+    timelineScope?: import("csstype").Property.TimelineScope | undefined;
+    top?: import("csstype").Property.Top<string | number> | undefined;
     touchAction?: import("csstype").Property.TouchAction | undefined;
     transform?: import("csstype").Property.Transform | undefined;
     transformBox?: import("csstype").Property.TransformBox | undefined;
-    transformOrigin?: string | number | undefined;
+    transformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
     transformStyle?: import("csstype").Property.TransformStyle | undefined;
+    transitionBehavior?: import("csstype").Property.TransitionBehavior | undefined;
     transitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
     transitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
     transitionProperty?: import("csstype").Property.TransitionProperty | undefined;
     transitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
-    translate?: string | number | undefined;
+    translate?: import("csstype").Property.Translate<string | number> | undefined;
     unicodeBidi?: import("csstype").Property.UnicodeBidi | undefined;
     userSelect?: import("csstype").Property.UserSelect | undefined;
-    verticalAlign?: string | number | undefined;
+    verticalAlign?: import("csstype").Property.VerticalAlign<string | number> | undefined;
+    viewTimelineAxis?: import("csstype").Property.ViewTimelineAxis | undefined;
+    viewTimelineInset?: import("csstype").Property.ViewTimelineInset<string | number> | undefined;
+    viewTimelineName?: import("csstype").Property.ViewTimelineName | undefined;
     viewTransitionName?: import("csstype").Property.ViewTransitionName | undefined;
     visibility?: import("csstype").Property.Visibility | undefined;
     whiteSpace?: import("csstype").Property.WhiteSpace | undefined;
+    whiteSpaceCollapse?: import("csstype").Property.WhiteSpaceCollapse | undefined;
+    whiteSpaceTrim?: import("csstype").Property.WhiteSpaceTrim | undefined;
     widows?: import("csstype").Property.Widows | undefined;
-    width?: string | number | undefined;
+    width?: import("csstype").Property.Width<string | number> | undefined;
     willChange?: import("csstype").Property.WillChange | undefined;
     wordBreak?: import("csstype").Property.WordBreak | undefined;
     wordSpacing?: import("csstype").Property.WordSpacing<string | number> | undefined;
@@ -373,71 +388,73 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     writingMode?: import("csstype").Property.WritingMode | undefined;
     zIndex?: import("csstype").Property.ZIndex | undefined;
     zoom?: import("csstype").Property.Zoom | undefined;
-    all?: import("csstype").Globals | undefined;
+    all?: import("csstype").Property.All | undefined;
     animation?: import("csstype").Property.Animation<string & {}> | undefined;
-    background?: string | number | undefined;
-    backgroundPosition?: string | number | undefined;
-    border?: string | number | undefined;
-    borderBlock?: string | number | undefined;
-    borderBlockEnd?: string | number | undefined;
-    borderBlockStart?: string | number | undefined;
-    borderBottom?: string | number | undefined;
+    animationRange?: import("csstype").Property.AnimationRange<string | number> | undefined;
+    background?: import("csstype").Property.Background<string | number> | undefined;
+    backgroundPosition?: import("csstype").Property.BackgroundPosition<string | number> | undefined;
+    border?: import("csstype").Property.Border<string | number> | undefined;
+    borderBlock?: import("csstype").Property.BorderBlock<string | number> | undefined;
+    borderBlockEnd?: import("csstype").Property.BorderBlockEnd<string | number> | undefined;
+    borderBlockStart?: import("csstype").Property.BorderBlockStart<string | number> | undefined;
+    borderBottom?: import("csstype").Property.BorderBottom<string | number> | undefined;
     borderColor?: import("csstype").Property.BorderColor | undefined;
     borderImage?: import("csstype").Property.BorderImage | undefined;
-    borderInline?: string | number | undefined;
-    borderInlineEnd?: string | number | undefined;
-    borderInlineStart?: string | number | undefined;
-    borderLeft?: string | number | undefined;
-    borderRadius?: string | number | undefined;
-    borderRight?: string | number | undefined;
+    borderInline?: import("csstype").Property.BorderInline<string | number> | undefined;
+    borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
+    borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
+    borderLeft?: import("csstype").Property.BorderLeft<string | number> | undefined;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
     borderStyle?: import("csstype").Property.BorderStyle | undefined;
-    borderTop?: string | number | undefined;
-    borderWidth?: string | number | undefined;
+    borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
     caret?: import("csstype").Property.Caret | undefined;
-    columnRule?: string | number | undefined;
-    columns?: string | number | undefined;
-    containIntrinsicSize?: string | number | undefined;
+    columnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
+    columns?: import("csstype").Property.Columns<string | number> | undefined;
+    containIntrinsicSize?: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined;
     container?: import("csstype").Property.Container | undefined;
-    flex?: string | number | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
     flexFlow?: import("csstype").Property.FlexFlow | undefined;
     font?: import("csstype").Property.Font | undefined;
-    gap?: string | number | undefined;
+    gap?: import("csstype").Property.Gap<string | number> | undefined;
     grid?: import("csstype").Property.Grid | undefined;
     gridArea?: import("csstype").Property.GridArea | undefined;
     gridColumn?: import("csstype").Property.GridColumn | undefined;
     gridRow?: import("csstype").Property.GridRow | undefined;
     gridTemplate?: import("csstype").Property.GridTemplate | undefined;
-    inset?: string | number | undefined;
-    insetBlock?: string | number | undefined;
-    insetInline?: string | number | undefined;
+    inset?: import("csstype").Property.Inset<string | number> | undefined;
+    insetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+    insetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
     lineClamp?: import("csstype").Property.LineClamp | undefined;
     listStyle?: import("csstype").Property.ListStyle | undefined;
-    margin?: string | number | undefined;
-    marginBlock?: string | number | undefined;
-    marginInline?: string | number | undefined;
-    mask?: string | number | undefined;
+    margin?: import("csstype").Property.Margin<string | number> | undefined;
+    marginBlock?: import("csstype").Property.MarginBlock<string | number> | undefined;
+    marginInline?: import("csstype").Property.MarginInline<string | number> | undefined;
+    mask?: import("csstype").Property.Mask<string | number> | undefined;
     maskBorder?: import("csstype").Property.MaskBorder | undefined;
-    motion?: string | number | undefined;
-    offset?: string | number | undefined;
-    outline?: string | number | undefined;
+    motion?: import("csstype").Property.Offset<string | number> | undefined;
+    offset?: import("csstype").Property.Offset<string | number> | undefined;
+    outline?: import("csstype").Property.Outline<string | number> | undefined;
     overflow?: import("csstype").Property.Overflow | undefined;
     overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
-    paddingBlock?: string | number | undefined;
-    paddingInline?: string | number | undefined;
+    paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
+    paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
     placeContent?: import("csstype").Property.PlaceContent | undefined;
     placeItems?: import("csstype").Property.PlaceItems | undefined;
     placeSelf?: import("csstype").Property.PlaceSelf | undefined;
-    scrollMargin?: string | number | undefined;
-    scrollMarginBlock?: string | number | undefined;
-    scrollMarginInline?: string | number | undefined;
-    scrollPadding?: string | number | undefined;
-    scrollPaddingBlock?: string | number | undefined;
-    scrollPaddingInline?: string | number | undefined;
-    scrollSnapMargin?: string | number | undefined;
+    scrollMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
+    scrollMarginBlock?: import("csstype").Property.ScrollMarginBlock<string | number> | undefined;
+    scrollMarginInline?: import("csstype").Property.ScrollMarginInline<string | number> | undefined;
+    scrollPadding?: import("csstype").Property.ScrollPadding<string | number> | undefined;
+    scrollPaddingBlock?: import("csstype").Property.ScrollPaddingBlock<string | number> | undefined;
+    scrollPaddingInline?: import("csstype").Property.ScrollPaddingInline<string | number> | undefined;
+    scrollSnapMargin?: import("csstype").Property.ScrollMargin<string | number> | undefined;
     scrollTimeline?: import("csstype").Property.ScrollTimeline | undefined;
-    textDecoration?: string | number | undefined;
+    textDecoration?: import("csstype").Property.TextDecoration<string | number> | undefined;
     textEmphasis?: import("csstype").Property.TextEmphasis | undefined;
     transition?: import("csstype").Property.Transition<string & {}> | undefined;
+    viewTimeline?: import("csstype").Property.ViewTimeline | undefined;
     MozAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | undefined;
     MozAnimationDirection?: import("csstype").Property.AnimationDirection | undefined;
     MozAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | undefined;
@@ -447,7 +464,6 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     MozAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
     MozAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
     MozAppearance?: import("csstype").Property.MozAppearance | undefined;
-    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
     MozBinding?: import("csstype").Property.MozBinding | undefined;
     MozBorderBottomColors?: import("csstype").Property.MozBorderBottomColors | undefined;
     MozBorderEndColor?: import("csstype").Property.BorderInlineEndColor | undefined;
@@ -463,31 +479,27 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     MozColumnFill?: import("csstype").Property.ColumnFill | undefined;
     MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
     MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    MozColumnRuleWidth?: string | number | undefined;
+    MozColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
     MozColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
     MozContextProperties?: import("csstype").Property.MozContextProperties | undefined;
     MozFontFeatureSettings?: import("csstype").Property.FontFeatureSettings | undefined;
     MozFontLanguageOverride?: import("csstype").Property.FontLanguageOverride | undefined;
     MozHyphens?: import("csstype").Property.Hyphens | undefined;
     MozImageRegion?: import("csstype").Property.MozImageRegion | undefined;
-    MozMarginEnd?: string | number | undefined;
-    MozMarginStart?: string | number | undefined;
+    MozMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
+    MozMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
     MozOrient?: import("csstype").Property.MozOrient | undefined;
     MozOsxFontSmoothing?: import("csstype").Property.FontSmooth<string | number> | undefined;
-    MozPaddingEnd?: string | number | undefined;
-    MozPaddingStart?: string | number | undefined;
-    MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    MozPerspectiveOrigin?: string | number | undefined;
+    MozOutlineRadiusBottomleft?: import("csstype").Property.MozOutlineRadiusBottomleft<string | number> | undefined;
+    MozOutlineRadiusBottomright?: import("csstype").Property.MozOutlineRadiusBottomright<string | number> | undefined;
+    MozOutlineRadiusTopleft?: import("csstype").Property.MozOutlineRadiusTopleft<string | number> | undefined;
+    MozOutlineRadiusTopright?: import("csstype").Property.MozOutlineRadiusTopright<string | number> | undefined;
+    MozPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
+    MozPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
     MozStackSizing?: import("csstype").Property.MozStackSizing | undefined;
-    MozTabSize?: string | number | undefined;
+    MozTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
     MozTextBlink?: import("csstype").Property.MozTextBlink | undefined;
     MozTextSizeAdjust?: import("csstype").Property.TextSizeAdjust | undefined;
-    MozTransformOrigin?: string | number | undefined;
-    MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
-    MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
-    MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
-    MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
-    MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
     MozUserFocus?: import("csstype").Property.MozUserFocus | undefined;
     MozUserModify?: import("csstype").Property.MozUserModify | undefined;
     MozUserSelect?: import("csstype").Property.UserSelect | undefined;
@@ -506,12 +518,12 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     msFlexPositive?: import("csstype").Property.FlexGrow | undefined;
     msFlowFrom?: import("csstype").Property.MsFlowFrom | undefined;
     msFlowInto?: import("csstype").Property.MsFlowInto | undefined;
-    msGridColumns?: string | number | undefined;
-    msGridRows?: string | number | undefined;
+    msGridColumns?: import("csstype").Property.MsGridColumns<string | number> | undefined;
+    msGridRows?: import("csstype").Property.MsGridRows<string | number> | undefined;
     msHighContrastAdjust?: import("csstype").Property.MsHighContrastAdjust | undefined;
     msHyphenateLimitChars?: import("csstype").Property.MsHyphenateLimitChars | undefined;
     msHyphenateLimitLines?: import("csstype").Property.MsHyphenateLimitLines | undefined;
-    msHyphenateLimitZone?: string | number | undefined;
+    msHyphenateLimitZone?: import("csstype").Property.MsHyphenateLimitZone<string | number> | undefined;
     msHyphens?: import("csstype").Property.Hyphens | undefined;
     msImeAlign?: import("csstype").Property.MsImeAlign | undefined;
     msLineBreak?: import("csstype").Property.LineBreak | undefined;
@@ -543,7 +555,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     msTouchAction?: import("csstype").Property.TouchAction | undefined;
     msTouchSelect?: import("csstype").Property.MsTouchSelect | undefined;
     msTransform?: import("csstype").Property.Transform | undefined;
-    msTransformOrigin?: string | number | undefined;
+    msTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
     msTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
     msTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
     msTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
@@ -570,17 +582,17 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
     WebkitBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
     WebkitBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    WebkitBackgroundSize?: string | number | undefined;
+    WebkitBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
     WebkitBorderBeforeColor?: import("csstype").Property.WebkitBorderBeforeColor | undefined;
     WebkitBorderBeforeStyle?: import("csstype").Property.WebkitBorderBeforeStyle | undefined;
-    WebkitBorderBeforeWidth?: string | number | undefined;
-    WebkitBorderBottomLeftRadius?: string | number | undefined;
-    WebkitBorderBottomRightRadius?: string | number | undefined;
+    WebkitBorderBeforeWidth?: import("csstype").Property.WebkitBorderBeforeWidth<string | number> | undefined;
+    WebkitBorderBottomLeftRadius?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
+    WebkitBorderBottomRightRadius?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
     WebkitBorderImageSlice?: import("csstype").Property.BorderImageSlice | undefined;
-    WebkitBorderTopLeftRadius?: string | number | undefined;
-    WebkitBorderTopRightRadius?: string | number | undefined;
+    WebkitBorderTopLeftRadius?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
+    WebkitBorderTopRightRadius?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
     WebkitBoxDecorationBreak?: import("csstype").Property.BoxDecorationBreak | undefined;
-    WebkitBoxReflect?: string | number | undefined;
+    WebkitBoxReflect?: import("csstype").Property.WebkitBoxReflect<string | number> | undefined;
     WebkitBoxShadow?: import("csstype").Property.BoxShadow | undefined;
     WebkitBoxSizing?: import("csstype").Property.BoxSizing | undefined;
     WebkitClipPath?: import("csstype").Property.ClipPath | undefined;
@@ -588,11 +600,11 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitColumnFill?: import("csstype").Property.ColumnFill | undefined;
     WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | undefined;
     WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | undefined;
-    WebkitColumnRuleWidth?: string | number | undefined;
+    WebkitColumnRuleWidth?: import("csstype").Property.ColumnRuleWidth<string | number> | undefined;
     WebkitColumnSpan?: import("csstype").Property.ColumnSpan | undefined;
     WebkitColumnWidth?: import("csstype").Property.ColumnWidth<string | number> | undefined;
     WebkitFilter?: import("csstype").Property.Filter | undefined;
-    WebkitFlexBasis?: string | number | undefined;
+    WebkitFlexBasis?: import("csstype").Property.FlexBasis<string | number> | undefined;
     WebkitFlexDirection?: import("csstype").Property.FlexDirection | undefined;
     WebkitFlexGrow?: import("csstype").Property.FlexGrow | undefined;
     WebkitFlexShrink?: import("csstype").Property.FlexShrink | undefined;
@@ -607,36 +619,36 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitJustifyContent?: import("csstype").Property.JustifyContent | undefined;
     WebkitLineBreak?: import("csstype").Property.LineBreak | undefined;
     WebkitLineClamp?: import("csstype").Property.WebkitLineClamp | undefined;
-    WebkitMarginEnd?: string | number | undefined;
-    WebkitMarginStart?: string | number | undefined;
+    WebkitMarginEnd?: import("csstype").Property.MarginInlineEnd<string | number> | undefined;
+    WebkitMarginStart?: import("csstype").Property.MarginInlineStart<string | number> | undefined;
     WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | undefined;
-    WebkitMaskBoxImageOutset?: string | number | undefined;
+    WebkitMaskBoxImageOutset?: import("csstype").Property.MaskBorderOutset<string | number> | undefined;
     WebkitMaskBoxImageRepeat?: import("csstype").Property.MaskBorderRepeat | undefined;
     WebkitMaskBoxImageSlice?: import("csstype").Property.MaskBorderSlice | undefined;
     WebkitMaskBoxImageSource?: import("csstype").Property.MaskBorderSource | undefined;
-    WebkitMaskBoxImageWidth?: string | number | undefined;
+    WebkitMaskBoxImageWidth?: import("csstype").Property.MaskBorderWidth<string | number> | undefined;
     WebkitMaskClip?: import("csstype").Property.WebkitMaskClip | undefined;
     WebkitMaskComposite?: import("csstype").Property.WebkitMaskComposite | undefined;
     WebkitMaskImage?: import("csstype").Property.WebkitMaskImage | undefined;
     WebkitMaskOrigin?: import("csstype").Property.WebkitMaskOrigin | undefined;
-    WebkitMaskPosition?: string | number | undefined;
-    WebkitMaskPositionX?: string | number | undefined;
-    WebkitMaskPositionY?: string | number | undefined;
+    WebkitMaskPosition?: import("csstype").Property.WebkitMaskPosition<string | number> | undefined;
+    WebkitMaskPositionX?: import("csstype").Property.WebkitMaskPositionX<string | number> | undefined;
+    WebkitMaskPositionY?: import("csstype").Property.WebkitMaskPositionY<string | number> | undefined;
     WebkitMaskRepeat?: import("csstype").Property.WebkitMaskRepeat | undefined;
     WebkitMaskRepeatX?: import("csstype").Property.WebkitMaskRepeatX | undefined;
     WebkitMaskRepeatY?: import("csstype").Property.WebkitMaskRepeatY | undefined;
-    WebkitMaskSize?: string | number | undefined;
-    WebkitMaxInlineSize?: string | number | undefined;
+    WebkitMaskSize?: import("csstype").Property.WebkitMaskSize<string | number> | undefined;
+    WebkitMaxInlineSize?: import("csstype").Property.MaxInlineSize<string | number> | undefined;
     WebkitOrder?: import("csstype").Property.Order | undefined;
     WebkitOverflowScrolling?: import("csstype").Property.WebkitOverflowScrolling | undefined;
-    WebkitPaddingEnd?: string | number | undefined;
-    WebkitPaddingStart?: string | number | undefined;
+    WebkitPaddingEnd?: import("csstype").Property.PaddingInlineEnd<string | number> | undefined;
+    WebkitPaddingStart?: import("csstype").Property.PaddingInlineStart<string | number> | undefined;
     WebkitPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
-    WebkitPerspectiveOrigin?: string | number | undefined;
+    WebkitPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
     WebkitPrintColorAdjust?: import("csstype").Property.PrintColorAdjust | undefined;
     WebkitRubyPosition?: import("csstype").Property.RubyPosition | undefined;
     WebkitScrollSnapType?: import("csstype").Property.ScrollSnapType | undefined;
-    WebkitShapeMargin?: string | number | undefined;
+    WebkitShapeMargin?: import("csstype").Property.ShapeMargin<string | number> | undefined;
     WebkitTapHighlightColor?: import("csstype").Property.WebkitTapHighlightColor | undefined;
     WebkitTextCombine?: import("csstype").Property.TextCombineUpright | undefined;
     WebkitTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
@@ -654,7 +666,7 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitTextUnderlinePosition?: import("csstype").Property.TextUnderlinePosition | undefined;
     WebkitTouchCallout?: import("csstype").Property.WebkitTouchCallout | undefined;
     WebkitTransform?: import("csstype").Property.Transform | undefined;
-    WebkitTransformOrigin?: string | number | undefined;
+    WebkitTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
     WebkitTransformStyle?: import("csstype").Property.TransformStyle | undefined;
     WebkitTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
     WebkitTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
@@ -665,28 +677,28 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitWritingMode?: import("csstype").Property.WritingMode | undefined;
     MozAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
     MozBorderImage?: import("csstype").Property.BorderImage | undefined;
-    MozColumnRule?: string | number | undefined;
-    MozColumns?: string | number | undefined;
-    MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+    MozColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
+    MozColumns?: import("csstype").Property.Columns<string | number> | undefined;
+    MozOutlineRadius?: import("csstype").Property.MozOutlineRadius<string | number> | undefined;
     msContentZoomLimit?: import("csstype").Property.MsContentZoomLimit | undefined;
     msContentZoomSnap?: import("csstype").Property.MsContentZoomSnap | undefined;
-    msFlex?: string | number | undefined;
+    msFlex?: import("csstype").Property.Flex<string | number> | undefined;
     msScrollLimit?: import("csstype").Property.MsScrollLimit | undefined;
     msScrollSnapX?: import("csstype").Property.MsScrollSnapX | undefined;
     msScrollSnapY?: import("csstype").Property.MsScrollSnapY | undefined;
     msTransition?: import("csstype").Property.Transition<string & {}> | undefined;
     WebkitAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
-    WebkitBorderBefore?: string | number | undefined;
+    WebkitBorderBefore?: import("csstype").Property.WebkitBorderBefore<string | number> | undefined;
     WebkitBorderImage?: import("csstype").Property.BorderImage | undefined;
-    WebkitBorderRadius?: string | number | undefined;
-    WebkitColumnRule?: string | number | undefined;
-    WebkitColumns?: string | number | undefined;
-    WebkitFlex?: string | number | undefined;
+    WebkitBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    WebkitColumnRule?: import("csstype").Property.ColumnRule<string | number> | undefined;
+    WebkitColumns?: import("csstype").Property.Columns<string | number> | undefined;
+    WebkitFlex?: import("csstype").Property.Flex<string | number> | undefined;
     WebkitFlexFlow?: import("csstype").Property.FlexFlow | undefined;
-    WebkitMask?: string | number | undefined;
+    WebkitMask?: import("csstype").Property.WebkitMask<string | number> | undefined;
     WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | undefined;
     WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | undefined;
-    WebkitTextStroke?: string | number | undefined;
+    WebkitTextStroke?: import("csstype").Property.WebkitTextStroke<string | number> | undefined;
     WebkitTransition?: import("csstype").Property.Transition<string & {}> | undefined;
     azimuth?: import("csstype").Property.Azimuth | undefined;
     boxAlign?: import("csstype").Property.BoxAlign | undefined;
@@ -698,18 +710,18 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     boxOrient?: import("csstype").Property.BoxOrient | undefined;
     boxPack?: import("csstype").Property.BoxPack | undefined;
     clip?: import("csstype").Property.Clip | undefined;
-    gridColumnGap?: string | number | undefined;
-    gridGap?: string | number | undefined;
-    gridRowGap?: string | number | undefined;
+    gridColumnGap?: import("csstype").Property.GridColumnGap<string | number> | undefined;
+    gridGap?: import("csstype").Property.GridGap<string | number> | undefined;
+    gridRowGap?: import("csstype").Property.GridRowGap<string | number> | undefined;
     imeMode?: import("csstype").Property.ImeMode | undefined;
-    offsetBlock?: string | number | undefined;
-    offsetBlockEnd?: string | number | undefined;
-    offsetBlockStart?: string | number | undefined;
-    offsetInline?: string | number | undefined;
-    offsetInlineEnd?: string | number | undefined;
-    offsetInlineStart?: string | number | undefined;
-    scrollSnapCoordinate?: string | number | undefined;
-    scrollSnapDestination?: string | number | undefined;
+    offsetBlock?: import("csstype").Property.InsetBlock<string | number> | undefined;
+    offsetBlockEnd?: import("csstype").Property.InsetBlockEnd<string | number> | undefined;
+    offsetBlockStart?: import("csstype").Property.InsetBlockStart<string | number> | undefined;
+    offsetInline?: import("csstype").Property.InsetInline<string | number> | undefined;
+    offsetInlineEnd?: import("csstype").Property.InsetInlineEnd<string | number> | undefined;
+    offsetInlineStart?: import("csstype").Property.InsetInlineStart<string | number> | undefined;
+    scrollSnapCoordinate?: import("csstype").Property.ScrollSnapCoordinate<string | number> | undefined;
+    scrollSnapDestination?: import("csstype").Property.ScrollSnapDestination<string | number> | undefined;
     scrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
     scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
     scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | undefined;
@@ -725,15 +737,16 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     KhtmlLineBreak?: import("csstype").Property.LineBreak | undefined;
     KhtmlOpacity?: import("csstype").Property.Opacity | undefined;
     KhtmlUserSelect?: import("csstype").Property.UserSelect | undefined;
+    MozBackfaceVisibility?: import("csstype").Property.BackfaceVisibility | undefined;
     MozBackgroundClip?: import("csstype").Property.BackgroundClip | undefined;
     MozBackgroundInlinePolicy?: import("csstype").Property.BoxDecorationBreak | undefined;
     MozBackgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
-    MozBackgroundSize?: string | number | undefined;
-    MozBorderRadius?: string | number | undefined;
-    MozBorderRadiusBottomleft?: string | number | undefined;
-    MozBorderRadiusBottomright?: string | number | undefined;
-    MozBorderRadiusTopleft?: string | number | undefined;
-    MozBorderRadiusTopright?: string | number | undefined;
+    MozBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
+    MozBorderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    MozBorderRadiusBottomleft?: import("csstype").Property.BorderBottomLeftRadius<string | number> | undefined;
+    MozBorderRadiusBottomright?: import("csstype").Property.BorderBottomRightRadius<string | number> | undefined;
+    MozBorderRadiusTopleft?: import("csstype").Property.BorderTopLeftRadius<string | number> | undefined;
+    MozBorderRadiusTopright?: import("csstype").Property.BorderTopRightRadius<string | number> | undefined;
     MozBoxAlign?: import("csstype").Property.BoxAlign | undefined;
     MozBoxDirection?: import("csstype").Property.BoxDirection | undefined;
     MozBoxFlex?: import("csstype").Property.BoxFlex | undefined;
@@ -744,19 +757,24 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     MozFloatEdge?: import("csstype").Property.MozFloatEdge | undefined;
     MozForceBrokenImageIcon?: import("csstype").Property.MozForceBrokenImageIcon | undefined;
     MozOpacity?: import("csstype").Property.Opacity | undefined;
-    MozOutline?: string | number | undefined;
+    MozOutline?: import("csstype").Property.Outline<string | number> | undefined;
     MozOutlineColor?: import("csstype").Property.OutlineColor | undefined;
-    MozOutlineRadius?: string | number | undefined;
-    MozOutlineRadiusBottomleft?: string | number | undefined;
-    MozOutlineRadiusBottomright?: string | number | undefined;
-    MozOutlineRadiusTopleft?: string | number | undefined;
-    MozOutlineRadiusTopright?: string | number | undefined;
     MozOutlineStyle?: import("csstype").Property.OutlineStyle | undefined;
     MozOutlineWidth?: import("csstype").Property.OutlineWidth<string | number> | undefined;
+    MozPerspective?: import("csstype").Property.Perspective<string | number> | undefined;
+    MozPerspectiveOrigin?: import("csstype").Property.PerspectiveOrigin<string | number> | undefined;
     MozTextAlignLast?: import("csstype").Property.TextAlignLast | undefined;
     MozTextDecorationColor?: import("csstype").Property.TextDecorationColor | undefined;
     MozTextDecorationLine?: import("csstype").Property.TextDecorationLine | undefined;
     MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | undefined;
+    MozTransform?: import("csstype").Property.Transform | undefined;
+    MozTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
+    MozTransformStyle?: import("csstype").Property.TransformStyle | undefined;
+    MozTransition?: import("csstype").Property.Transition<string & {}> | undefined;
+    MozTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
+    MozTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
+    MozTransitionProperty?: import("csstype").Property.TransitionProperty | undefined;
+    MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | undefined;
     MozUserInput?: import("csstype").Property.MozUserInput | undefined;
     msImeMode?: import("csstype").Property.ImeMode | undefined;
     OAnimation?: import("csstype").Property.Animation<string & {}> | undefined;
@@ -768,14 +786,14 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     OAnimationName?: import("csstype").Property.AnimationName | undefined;
     OAnimationPlayState?: import("csstype").Property.AnimationPlayState | undefined;
     OAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | undefined;
-    OBackgroundSize?: string | number | undefined;
+    OBackgroundSize?: import("csstype").Property.BackgroundSize<string | number> | undefined;
     OBorderImage?: import("csstype").Property.BorderImage | undefined;
     OObjectFit?: import("csstype").Property.ObjectFit | undefined;
-    OObjectPosition?: string | number | undefined;
-    OTabSize?: string | number | undefined;
+    OObjectPosition?: import("csstype").Property.ObjectPosition<string | number> | undefined;
+    OTabSize?: import("csstype").Property.TabSize<string | number> | undefined;
     OTextOverflow?: import("csstype").Property.TextOverflow | undefined;
     OTransform?: import("csstype").Property.Transform | undefined;
-    OTransformOrigin?: string | number | undefined;
+    OTransformOrigin?: import("csstype").Property.TransformOrigin<string | number> | undefined;
     OTransition?: import("csstype").Property.Transition<string & {}> | undefined;
     OTransitionDelay?: import("csstype").Property.TransitionDelay<string & {}> | undefined;
     OTransitionDuration?: import("csstype").Property.TransitionDuration<string & {}> | undefined;
@@ -789,10 +807,8 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     WebkitBoxOrdinalGroup?: import("csstype").Property.BoxOrdinalGroup | undefined;
     WebkitBoxOrient?: import("csstype").Property.BoxOrient | undefined;
     WebkitBoxPack?: import("csstype").Property.BoxPack | undefined;
-    WebkitScrollSnapPointsX?: import("csstype").Property.ScrollSnapPointsX | undefined;
-    WebkitScrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | undefined;
     alignmentBaseline?: import("csstype").Property.AlignmentBaseline | undefined;
-    baselineShift?: string | number | undefined;
+    baselineShift?: import("csstype").Property.BaselineShift<string | number> | undefined;
     clipRule?: import("csstype").Property.ClipRule | undefined;
     colorInterpolation?: import("csstype").Property.ColorInterpolation | undefined;
     colorRendering?: import("csstype").Property.ColorRendering | undefined;
@@ -812,25 +828,25 @@ export declare const sizeStyle: ({ size, kind, hasIconOnly, typography, selected
     stopColor?: import("csstype").Property.StopColor | undefined;
     stopOpacity?: import("csstype").Property.StopOpacity | undefined;
     stroke?: import("csstype").Property.Stroke | undefined;
-    strokeDasharray?: string | number | undefined;
-    strokeDashoffset?: string | number | undefined;
+    strokeDasharray?: import("csstype").Property.StrokeDasharray<string | number> | undefined;
+    strokeDashoffset?: import("csstype").Property.StrokeDashoffset<string | number> | undefined;
     strokeLinecap?: import("csstype").Property.StrokeLinecap | undefined;
     strokeLinejoin?: import("csstype").Property.StrokeLinejoin | undefined;
     strokeMiterlimit?: import("csstype").Property.StrokeMiterlimit | undefined;
     strokeOpacity?: import("csstype").Property.StrokeOpacity | undefined;
-    strokeWidth?: string | number | undefined;
+    strokeWidth?: import("csstype").Property.StrokeWidth<string | number> | undefined;
     textAnchor?: import("csstype").Property.TextAnchor | undefined;
     vectorEffect?: import("csstype").Property.VectorEffect | undefined;
 };
 export declare const kindStyle: ({ kind, color, lunit_token }: KindStyleParams) => {
     color?: string | undefined;
     border?: string | undefined;
-    "&:hover"?: {
+    '&:hover'?: {
         position: string;
         zIndex: number;
         backgroundColor: import("csstype").Property.Color | undefined;
     } | undefined;
-    "&:hover:before"?: {
+    '&:hover:before'?: {
         content: string;
         position: string;
         left: string;
@@ -841,7 +857,7 @@ export declare const kindStyle: ({ kind, color, lunit_token }: KindStyleParams)
         backgroundColor: string;
         borderRadius: string;
     } | undefined;
-    "&.Mui-disabled"?: {
+    '&.Mui-disabled'?: {
         opacity: number;
         border: string;
         color: string;
@@ -858,8 +874,8 @@ export declare const commonStyle: ({ lunit_token }: {
     readonly fontWeight: "500";
     readonly borderRadius: "8px";
     readonly textTransform: "initial";
-    readonly "&.Mui-focusVisible": {
-        readonly "&::after": {
+    readonly '&.Mui-focusVisible': {
+        readonly '&::after': {
             readonly position: "absolute";
             readonly width: "calc(100% + 6px)";
             readonly height: "calc(100% + 6px)";
@@ -869,7 +885,7 @@ export declare const commonStyle: ({ lunit_token }: {
             readonly boxSizing: "border-box";
         };
     };
-    readonly "&:hover:before": {
+    readonly '&:hover:before': {
         readonly content: "''";
         readonly position: "absolute";
         readonly left: 0;
@@ -882,45 +898,13 @@ export declare const commonStyle: ({ lunit_token }: {
     };
 };
 export declare const iconStyle: ({ size, hasIconOnly, }: Pick<CustomButtonProps, "size" | "hasIconOnly">) => {
-    "& .MuiButton-startIcon": {
+    '& .MuiButton-startIcon': {
         margin: number;
         marginRight: string;
-        "*:nth-of-type(1)": {
+        '*:nth-of-type(1)': {
             fontSize: string;
         };
     };
 };
-export declare const CustomButton: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonClasses> | undefined;
-    color?: "inherit" | "primary" | "secondary" | "success" | "info" | "warning" | "error" | undefined;
-    disabled?: boolean | undefined;
-    disableElevation?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    endIcon?: import("react").ReactNode;
-    fullWidth?: boolean | undefined;
-    href?: string | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    startIcon?: import("react").ReactNode;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    variant?: "outlined" | "text" | "contained" | undefined;
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps, {}, {}>;
+export declare const CustomButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & (Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "href" | "loading" | "loadingIndicator" | "loadingPosition" | "size" | "startIcon"> & (import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomButtonProps)), {}, {}>;
 export {};