@moneyforward/mfui-components 3.5.0 → 3.7.0

package/dist/styled-system/types/system-types.d.ts

@@ -22,140 +22,9 @@ export type Assign<T, U> = {
  * Native css properties
  * -----------------------------------------------------------------------------*/
 
-type DashedIdent = `--${string}`
-
-type StringToMultiple<T extends string> = T | `${T}, ${T}`
-
-export type PositionAreaAxis =
-  | 'left'
-  | 'center'
-  | 'right'
-  | 'x-start'
-  | 'x-end'
-  | 'span-x-start'
-  | 'span-x-end'
-  | 'x-self-start'
-  | 'x-self-end'
-  | 'span-x-self-start'
-  | 'span-x-self-end'
-  | 'span-all'
-  | 'top'
-  | 'bottom'
-  | 'span-top'
-  | 'span-bottom'
-  | 'y-start'
-  | 'y-end'
-  | 'span-y-start'
-  | 'span-y-end'
-  | 'y-self-start'
-  | 'y-self-end'
-  | 'span-y-self-start'
-  | 'span-y-self-end'
-  | 'block-start'
-  | 'block-end'
-  | 'span-block-start'
-  | 'span-block-end'
-  | 'inline-start'
-  | 'inline-end'
-  | 'span-inline-start'
-  | 'span-inline-end'
-  | 'self-block-start'
-  | 'self-block-end'
-  | 'span-self-block-start'
-  | 'span-self-block-end'
-  | 'self-inline-start'
-  | 'self-inline-end'
-  | 'span-self-inline-start'
-  | 'span-self-inline-end'
-  | 'start'
-  | 'end'
-  | 'span-start'
-  | 'span-end'
-  | 'self-start'
-  | 'self-end'
-  | 'span-self-start'
-  | 'span-self-end'
-
-type PositionTry =
-  | 'normal'
-  | 'flip-block'
-  | 'flip-inline'
-  | 'top'
-  | 'bottom'
-  | 'left'
-  | 'right'
-  | 'block-start'
-  | 'block-end'
-  | 'inline-start'
-  | 'inline-end'
-  | DashedIdent
+type CornerShapeValue = 'round' | 'square' | 'bevel' | 'scoop' | 'notch' | 'squircle' | `superellipse(${number})`
 
 export interface ModernCssProperties {
-  /**
-   * Defines a name for the anchor element that can be referenced by positioned elements.
-   */
-  anchorName?: Globals | 'none' | DashedIdent | StringToMultiple<DashedIdent>
-
-  /**
-   * Defines the scope of anchor names within the element.
-   */
-  anchorScope?: Globals | 'none' | 'all' | DashedIdent | StringToMultiple<DashedIdent>
-
-  /**
-   * Controls how form elements size themselves.
-   */
-  fieldSizing?: Globals | 'fixed' | 'content'
-
-  /**
-   * Controls whether interpolation of size values should allow keywords.
-   */
-  interpolateSize?: Globals | 'allow-keywords' | 'numeric-only'
-
-  /**
-   * Specifies the anchor element that this positioned element should be positioned relative to.
-   */
-  positionAnchor?: Globals | 'auto' | DashedIdent
-
-  /**
-   * Specifies the area within the anchor element where this positioned element should be placed.
-   */
-  positionArea?: Globals | 'auto' | PositionAreaAxis | `${PositionAreaAxis} ${PositionAreaAxis}` | String
-
-  /**
-   * Specifies the position try options for the element.
-   */
-  positionTry?: Globals | StringToMultiple<PositionTry> | String
-
-  /**
-   * Specifies fallback position try options when the primary position fails.
-   */
-  positionTryFallback?: Globals | 'none' | StringToMultiple<PositionTry> | String
-
-  /**
-   * Specifies the order in which position try options should be attempted.
-   */
-  positionTryOrder?: Globals | 'normal' | 'most-width' | 'most-height' | 'most-block-size' | 'most-inline-size'
-
-  /**
-   * Controls when the positioned element should be visible.
-   */
-  positionVisibility?: Globals | 'always' | 'anchors-visible' | 'no-overflow'
-
-  /**
-   * Controls whether text should wrap or not.
-   */
-  textWrapMode?: Globals | 'wrap' | 'nowrap'
-
-  /**
-   * Controls trimming of spacing in text.
-   */
-  textSpacingTrim?: Globals | 'normal' | 'space-all' | 'space-first' | 'trim-start'
-
-  /**
-   * Controls the style of text wrapping.
-   */
-  textWrapStyle?: Globals | 'auto' | 'balance' | 'pretty' | 'stable'
-
   /**
    * Controls whether the entire element should be draggable instead of its contents.
    */
@@ -180,6 +49,19 @@ export interface ModernCssProperties {
    * Controls the display of text content for security purposes (e.g., password fields).
    */
   WebkitTextSecurity?: Globals | 'none' | 'circle' | 'disc' | 'square'
+
+  /**
+   * Specifies the shape of a box's corners within the area defined by the border-radius property.
+   * @experimental
+   * @see https://developer.mozilla.org/en-US/docs/Web/CSS/corner-shape
+   */
+  cornerShape?:
+    | Globals
+    | CornerShapeValue
+    | `${CornerShapeValue} ${CornerShapeValue}`
+    | `${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue}`
+    | `${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue} ${CornerShapeValue}`
+    | String
 }
 
 export type CssProperty = keyof PropertiesFallback