@moneyforward/mfui-components 2.48.2 → 3.1.0

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

@@ -1,227 +0,0 @@
-/* eslint-disable */
-import type {  CompositionStyleObject  } from './system-types';
-
-interface Token<T> {
-  value: T
-  description?: string
-}
-
-interface Recursive<T> {
-  [key: string]: Recursive<T> | T
-}
-
-/* -----------------------------------------------------------------------------
- * Text styles
- * -----------------------------------------------------------------------------*/
-
-type TextStyleProperty =
-  | 'color'
-  | 'direction'
-  | 'font'
-  | 'fontFamily'
-  | 'fontFeatureSettings'
-  | 'fontKerning'
-  | 'fontLanguageOverride'
-  | 'fontOpticalSizing'
-  | 'fontPalette'
-  | 'fontSize'
-  | 'fontSizeAdjust'
-  | 'fontStretch'
-  | 'fontStyle'
-  | 'fontSynthesis'
-  | 'fontVariant'
-  | 'fontVariantAlternates'
-  | 'fontVariantCaps'
-  | 'fontVariantLigatures'
-  | 'fontVariantNumeric'
-  | 'fontVariantPosition'
-  | 'fontVariationSettings'
-  | 'fontWeight'
-  | 'hangingPunctuation'
-  | 'hypens'
-  | 'hyphenateCharacter'
-  | 'hyphenateLimitChars'
-  | 'letterSpacing'
-  | 'lineBreak'
-  | 'lineHeight'
-  | 'quotes'
-  | 'overflowWrap'
-  | 'tabSize'
-  | 'textAlign'
-  | 'textAlignLast'
-  | 'textBox'
-  | 'textBoxEdge'
-  | 'textBoxTrim'
-  | 'textCombineUpright'
-  | 'textDecoration'
-  | 'textDecorationColor'
-  | 'textDecorationLine'
-  | 'textDecorationSkip'
-  | 'textDecorationSkipBox'
-  | 'textDecorationSkipInk'
-  | 'textDecorationSkipInset'
-  | 'textDecorationStyle'
-  | 'textDecorationThickness'
-  | 'textEmphasis'
-  | 'textEmphasisColor'
-  | 'textEmphasisPosition'
-  | 'textEmphasisStyle'
-  | 'textIndent'
-  | 'textJustify'
-  | 'textOrientation'
-  | 'textOverflow'
-  | 'textRendering'
-  | 'textShadow'
-  | 'textStroke'
-  | 'textStrokeColor'
-  | 'textStrokeWidth'
-  | 'textTransform'
-  | 'textUnderlineOffset'
-  | 'textUnderlinePosition'
-  | 'textWrap'
-  | 'textWrapMode'
-  | 'textWrapStyle'
-  | 'unicodeBidi'
-  | 'verticalAlign'
-  | 'whiteSpace'
-  | 'wordBreak'
-  | 'wordSpacing'
-  | 'writingMode'
-
-export type TextStyle = CompositionStyleObject<TextStyleProperty>
-
-export type TextStyles = Recursive<Token<TextStyle>>
-
-/* -----------------------------------------------------------------------------
- * Layer styles
- * -----------------------------------------------------------------------------*/
-
-type LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'
-
-type PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'
-
-type Placement = PhysicalPlacement | LogicalPlacement
-
-type Radius =
-  | `Top${'Right' | 'Left'}`
-  | `Bottom${'Right' | 'Left'}`
-  | `Start${'Start' | 'End'}`
-  | `End${'Start' | 'End'}`
-
-type LayerStyleProperty =
-  | 'aspectRatio'
-  | 'background'
-  | 'backgroundColor'
-  | 'backgroundImage'
-  | 'border'
-  | 'borderColor'
-  | 'borderImage'
-  | 'borderImageOutset'
-  | 'borderImageRepeat'
-  | 'borderImageSlice'
-  | 'borderImageSource'
-  | 'borderImageWidth'
-  | 'borderRadius'
-  | 'borderStyle'
-  | 'borderWidth'
-  | `border${Placement}`
-  | `border${Placement}Color`
-  | `border${Placement}Style`
-  | `border${Placement}Width`
-  | 'borderRadius'
-  | `border${Radius}Radius`
-  | 'boxShadow'
-  | 'boxShadowColor'
-  | 'clipPath'
-  | 'color'
-  | 'contain'
-  | 'content'
-  | 'contentVisibility'
-  | 'cursor'
-  | 'display'
-  | 'filter'
-  | 'backdropFilter'
-  | 'height'
-  | 'width'
-  | 'minHeight'
-  | 'minWidth'
-  | 'maxHeight'
-  | 'maxWidth'
-  | `margin${Placement}`
-  | 'inset'
-  | `inset${LogicalPlacement}`
-  | Lowercase<PhysicalPlacement>
-  | 'isolation'
-  | 'mask'
-  | 'maskClip'
-  | 'maskComposite'
-  | 'maskImage'
-  | 'maskMode'
-  | 'maskOrigin'
-  | 'maskPosition'
-  | 'maskRepeat'
-  | 'maskSize'
-  | 'mixBlendMode'
-  | 'objectFit'
-  | 'objectPosition'
-  | 'opacity'
-  | 'outline'
-  | 'outlineColor'
-  | 'outlineOffset'
-  | 'outlineStyle'
-  | 'outlineWidth'
-  | 'overflow'
-  | 'overflowX'
-  | 'overflowY'
-  | 'padding'
-  | `padding${Placement}`
-  | 'pointerEvents'
-  | 'position'
-  | 'resize'
-  | 'transform'
-  | 'transition'
-  | 'visibility'
-  | 'willChange'
-  | 'zIndex'
-  | 'backgroundBlendMode'
-  | 'backgroundAttachment'
-  | 'backgroundClip'
-  | 'backgroundOrigin'
-  | 'backgroundPosition'
-  | 'backgroundRepeat'
-  | 'backgroundSize'
-
-export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
-
-export type LayerStyles = Recursive<Token<LayerStyle>>
-
-/* -----------------------------------------------------------------------------
- * Motion styles
- * -----------------------------------------------------------------------------*/
-
-type AnimationStyleProperty =
-  | 'animation'
-  | 'animationComposition'
-  | 'animationDelay'
-  | 'animationDirection'
-  | 'animationDuration'
-  | 'animationFillMode'
-  | 'animationIterationCount'
-  | 'animationName'
-  | 'animationPlayState'
-  | 'animationTimingFunction'
-  | 'animationRange'
-  | 'animationRangeStart'
-  | 'animationRangeEnd'
-  | 'animationTimeline'
-  | 'transformOrigin'
-
-export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
-
-export type AnimationStyles = Recursive<Token<AnimationStyle>>
-
-export interface CompositionStyles {
-  textStyles: TextStyles
-  layerStyles: LayerStyles
-  animationStyles: AnimationStyles
-}

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

@@ -1,278 +0,0 @@
-/* eslint-disable */
-import type { AnySelector, Selectors } from './selectors';
-
-export interface Conditions {
-	/** `&:is(:hover, [data-hover])` */
-	"_hover": string
-	/** `&:is(:focus, [data-focus])` */
-	"_focus": string
-	/** `&:focus-within` */
-	"_focusWithin": string
-	/** `&:is(:focus-visible, [data-focus-visible])` */
-	"_focusVisible": string
-	/** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
-	"_disabled": string
-	/** `&:is(:active, [data-active])` */
-	"_active": string
-	/** `&:visited` */
-	"_visited": string
-	/** `&:target` */
-	"_target": string
-	/** `&:is(:read-only, [data-read-only], [aria-readonly=true])` */
-	"_readOnly": string
-	/** `&:read-write` */
-	"_readWrite": string
-	/** `&:is(:empty, [data-empty])` */
-	"_empty": string
-	/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */
-	"_checked": string
-	/** `&:enabled` */
-	"_enabled": string
-	/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */
-	"_expanded": string
-	/** `&[data-highlighted]` */
-	"_highlighted": string
-	/** `&[data-complete]` */
-	"_complete": string
-	/** `&[data-incomplete]` */
-	"_incomplete": string
-	/** `&[data-dragging]` */
-	"_dragging": string
-	/** `&::before` */
-	"_before": string
-	/** `&::after` */
-	"_after": string
-	/** `&::first-letter` */
-	"_firstLetter": string
-	/** `&::first-line` */
-	"_firstLine": string
-	/** `&::marker, &::-webkit-details-marker` */
-	"_marker": string
-	/** `&::selection` */
-	"_selection": string
-	/** `&::file-selector-button` */
-	"_file": string
-	/** `&::backdrop` */
-	"_backdrop": string
-	/** `&:first-child` */
-	"_first": string
-	/** `&:last-child` */
-	"_last": string
-	/** `&:only-child` */
-	"_only": string
-	/** `&:nth-child(even)` */
-	"_even": string
-	/** `&:nth-child(odd)` */
-	"_odd": string
-	/** `&:first-of-type` */
-	"_firstOfType": string
-	/** `&:last-of-type` */
-	"_lastOfType": string
-	/** `&:only-of-type` */
-	"_onlyOfType": string
-	/** `.peer:is(:focus, [data-focus]) ~ &` */
-	"_peerFocus": string
-	/** `.peer:is(:hover, [data-hover]) ~ &` */
-	"_peerHover": string
-	/** `.peer:is(:active, [data-active]) ~ &` */
-	"_peerActive": string
-	/** `.peer:focus-within ~ &` */
-	"_peerFocusWithin": string
-	/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
-	"_peerFocusVisible": string
-	/** `.peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ &` */
-	"_peerDisabled": string
-	/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
-	"_peerChecked": string
-	/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
-	"_peerInvalid": string
-	/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */
-	"_peerExpanded": string
-	/** `.peer:placeholder-shown ~ &` */
-	"_peerPlaceholderShown": string
-	/** `.group:is(:focus, [data-focus]) &` */
-	"_groupFocus": string
-	/** `.group:is(:hover, [data-hover]) &` */
-	"_groupHover": string
-	/** `.group:is(:active, [data-active]) &` */
-	"_groupActive": string
-	/** `.group:focus-within &` */
-	"_groupFocusWithin": string
-	/** `.group:is(:focus-visible, [data-focus-visible]) &` */
-	"_groupFocusVisible": string
-	/** `.group:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) &` */
-	"_groupDisabled": string
-	/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
-	"_groupChecked": string
-	/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
-	"_groupExpanded": string
-	/** `.group:is(:invalid, [data-invalid], [aria-invalid=true]) &` */
-	"_groupInvalid": string
-	/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
-	"_indeterminate": string
-	/** `&:is(:required, [data-required], [aria-required=true])` */
-	"_required": string
-	/** `&:is(:valid, [data-valid])` */
-	"_valid": string
-	/** `&:is(:invalid, [data-invalid], [aria-invalid=true])` */
-	"_invalid": string
-	/** `&:autofill` */
-	"_autofill": string
-	/** `&:is(:in-range, [data-in-range])` */
-	"_inRange": string
-	/** `&:is(:out-of-range, [data-outside-range])` */
-	"_outOfRange": string
-	/** `&::placeholder, &[data-placeholder]` */
-	"_placeholder": string
-	/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
-	"_placeholderShown": string
-	/** `&:is([aria-pressed=true], [data-pressed])` */
-	"_pressed": string
-	/** `&:is([aria-selected=true], [data-selected])` */
-	"_selected": string
-	/** `&:is([aria-grabbed=true], [data-grabbed])` */
-	"_grabbed": string
-	/** `&[data-state=under-value]` */
-	"_underValue": string
-	/** `&[data-state=over-value]` */
-	"_overValue": string
-	/** `&[data-state=at-value]` */
-	"_atValue": string
-	/** `&:default` */
-	"_default": string
-	/** `&:optional` */
-	"_optional": string
-	/** `&:is([open], [data-open], [data-state="open"], :popover-open)` */
-	"_open": string
-	/** `&:is([closed], [data-closed], [data-state="closed"])` */
-	"_closed": string
-	/** `&:is(:fullscreen, [data-fullscreen])` */
-	"_fullscreen": string
-	/** `&:is([data-loading], [aria-busy=true])` */
-	"_loading": string
-	/** `&:is([hidden], [data-hidden])` */
-	"_hidden": string
-	/** `&:is([aria-current=true], [data-current])` */
-	"_current": string
-	/** `&[aria-current=page]` */
-	"_currentPage": string
-	/** `&[aria-current=step]` */
-	"_currentStep": string
-	/** `&[data-today]` */
-	"_today": string
-	/** `&[data-unavailable]` */
-	"_unavailable": string
-	/** `&[data-range-start]` */
-	"_rangeStart": string
-	/** `&[data-range-end]` */
-	"_rangeEnd": string
-	/** `&[data-now]` */
-	"_now": string
-	/** `&[data-topmost]` */
-	"_topmost": string
-	/** `@media (prefers-reduced-motion: reduce)` */
-	"_motionReduce": string
-	/** `@media (prefers-reduced-motion: no-preference)` */
-	"_motionSafe": string
-	/** `@media print` */
-	"_print": string
-	/** `@media (orientation: landscape)` */
-	"_landscape": string
-	/** `@media (orientation: portrait)` */
-	"_portrait": string
-	/** `.dark &` */
-	"_dark": string
-	/** `.light &` */
-	"_light": string
-	/** `@media (prefers-color-scheme: dark)` */
-	"_osDark": string
-	/** `@media (prefers-color-scheme: light)` */
-	"_osLight": string
-	/** `@media (forced-colors: active)` */
-	"_highContrast": string
-	/** `@media (prefers-contrast: less)` */
-	"_lessContrast": string
-	/** `@media (prefers-contrast: more)` */
-	"_moreContrast": string
-	/** `:where([dir=ltr], :dir(ltr)) &` */
-	"_ltr": string
-	/** `:where([dir=rtl], :dir(rtl)) &` */
-	"_rtl": string
-	/** `&::-webkit-scrollbar` */
-	"_scrollbar": string
-	/** `&::-webkit-scrollbar-thumb` */
-	"_scrollbarThumb": string
-	/** `&::-webkit-scrollbar-track` */
-	"_scrollbarTrack": string
-	/** `&[data-orientation=horizontal]` */
-	"_horizontal": string
-	/** `&[data-orientation=vertical]` */
-	"_vertical": string
-	/** `& :where(svg)` */
-	"_icon": string
-	/** `@starting-style` */
-	"_starting": string
-	/** `@media (scripting: none)` */
-	"_noscript": string
-	/** `@media (inverted-colors: inverted)` */
-	"_invertedColors": string
-	/** `&:not(:disabled, [disabled], [data-disabled])` */
-	"_notDisabled": string
-	/** `&:not(:focus-visible, [data-focus-visible])` */
-	"_notFocused": string
-	/** `&[data-mfui-focusable=true]` */
-	"_focusable": string
-	/** `&:has(input:focus-visible, input[data-focus-visible=true], textarea:focus-visible, textarea[data-focus-visible=true])` */
-	"_focusInputInside": string
-	/** `&:has(input[type="checkbox"]:not(:disabled))` */
-	"_hasCheckboxInside": string
-	/** `&:has(input[type="checkbox"]:disabled)` */
-	"_hasDisabledCheckboxInside": string
-	/** `&:has(input[type="checkbox"]:not(:disabled):focus-visible)` */
-	"_hasFocusedCheckboxInside": string
-	/** `&:has(input[type="checkbox"]:not(:disabled):focus-visible:checked),&:has(input[type="checkbox"]:not(:disabled):focus-visible:indeterminate)` */
-	"_hasFocusedCheckedCheckboxInside": string
-	/** `&:has(input[type="checkbox"]:not(:disabled):checked),&:has(input[type="checkbox"]:not(:disabled):indeterminate)` */
-	"_hasCheckedCheckboxInside": string
-	/** `&:has(input[type="radio"]:not(:disabled))` */
-	"_hasRadioButtonInside": string
-	/** `&:has(input[type="radio"]:not(:disabled):focus-visible)` */
-	"_hasFocusedRadioButtonInside": string
-	/** `&:has(input[type="radio"]:not(:disabled):focus-visible:checked)` */
-	"_hasFocusedCheckedRadioButtonInside": string
-	/** `&:has(input[type="radio"]:disabled)` */
-	"_hasDisabledRadioButtonInside": string
-	/** `&:has(input[type="radio"]:not(:disabled):checked)` */
-	"_hasCheckedRadioButtonInside": string
-	/** `@media screen and (min-width: 37.5rem)` */
-	"sm": string
-	/** `@media screen and (min-width: 37.5rem) and (max-width: 74.9975rem)` */
-	"smOnly": string
-	/** `@media screen and (max-width: 37.4975rem)` */
-	"smDown": string
-	/** `@media screen and (min-width: 75rem)` */
-	"lg": string
-	/** `@media screen and (min-width: 75rem)` */
-	"lgOnly": string
-	/** `@media screen and (max-width: 74.9975rem)` */
-	"lgDown": string
-	/** `@media screen and (min-width: 37.5rem) and (max-width: 74.9975rem)` */
-	"smToLg": string
-	/** The base (=no conditions) styles to apply  */
-	"base": string
-}
-
-export type ConditionalValue<V> =
-  | V
-  | Array<V | null>
-  | {
-      [K in keyof Conditions]?: ConditionalValue<V>
-    }
-
-export type Nested<P> = P & {
-  [K in Selectors]?: Nested<P>
-} & {
-  [K in AnySelector]?: Nested<P>
-} & {
-  [K in keyof Conditions]?: Nested<P>
-}