diff --git a/.tamagui/tamagui.config.json b/.tamagui/tamagui.config.json index 600655d..0209529 100644 --- a/.tamagui/tamagui.config.json +++ b/.tamagui/tamagui.config.json @@ -6,7 +6,17 @@ "Stack": { "staticConfig": { "acceptsClassName": true, - "defaultProps": {}, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -14,6 +24,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -117,6 +128,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -184,7 +197,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true } } }, @@ -194,20 +266,47 @@ "isText": true, "defaultProps": { "fontFamily": "unset", - "suppressHighlighting": true + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0 }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } } }, @@ -218,6 +317,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -321,6 +421,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -389,6 +491,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -400,16 +561,30 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true } } }, "View": { "staticConfig": { "acceptsClassName": true, - "defaultProps": {}, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -417,6 +592,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -520,6 +696,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -587,7 +765,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true } } }, @@ -603,6 +840,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -706,6 +944,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -773,9 +1013,77 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "tag": "span", "size": true, "pointerEvents": "none" @@ -808,41 +1116,20 @@ { "moduleName": "tamagui", "nameToInfo": { - "Anchor": { + "AlertDialogOverlay": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", - "unstyled": false, - "tag": "a", - "accessibilityRole": "link" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -851,6 +1138,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -954,6 +1242,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -1022,56 +1312,260 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Anchor", + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "open": { + "true": { + "opacity": 1, + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } + }, + "unstyled": { + "false": { + "fullscreen": true, + "position": "absolute", + "backgrounded": true, + "zIndex": 99999, + "pointerEvents": "auto" + } + } + }, + "componentName": "AlertDialogOverlay", "isReactNative": false, + "isText": false, "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "EnsureFlexed": { + "Anchor": { "staticConfig": { "acceptsClassName": true, "isText": true, "defaultProps": { - "fontFamily": "unset", - "suppressHighlighting": true, - "opacity": 0, - "lineHeight": 0, - "height": 0, - "display": "flex", - "fontSize": 200, - "children": "wwwwwwwwwwwwwwwwwww", - "pointerEvents": "none" + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, + "fontFamily": "$body", + "unstyled": false, + "tag": "a", + "accessibilityRole": "link" }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" } }, "validStyles": { @@ -1081,6 +1575,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -1184,6 +1679,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -1252,6 +1749,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -1263,21 +1819,35 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, + "componentName": "Anchor", "isReactNative": false, "isStyledHOC": false, - "neverFlatten": true + "neverFlatten": true, + "isHOC": true } }, - "Fieldset": { + "Article": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "tag": "fieldset" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "article", + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -1286,6 +1856,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -1389,6 +1960,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -1456,147 +2029,88 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "horizontal": { - "true": { - "flexDirection": "row", - "alignItems": "center" - } - } + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Fieldset", + "componentName": "Article", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Input": { + "Aside": { "staticConfig": { - "isInput": true, - "accept": { - "placeholderTextColor": "color", - "selectionColor": "color" - }, - "variants": { - "unstyled": { - "false": { - "size": "$true", - "fontFamily": "$body", - "borderWidth": 1, - "outlineWidth": 0, - "color": "$color", - "focusable": true, - "borderColor": "$borderColor", - "backgroundColor": "$background", - "minWidth": 0, - "hoverStyle": { - "borderColor": "$borderColorHover" - }, - "focusStyle": { - "borderColor": "$borderColorFocus" - }, - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineWidth": 2, - "outlineStyle": "solid" - } - } - }, - "size": { - "...size": "Function" - }, - "disabled": { - "true": {} - } - }, - "defaultProps": { - "unstyled": false - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "Input", - "isReactNative": true, - "isText": false, "acceptsClassName": true, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true - } - }, - "InputFrame": { - "staticConfig": { - "isInput": true, - "accept": { - "placeholderTextColor": "color", - "selectionColor": "color" - }, - "variants": { - "unstyled": { - "false": { - "size": "$true", - "fontFamily": "$body", - "borderWidth": 1, - "outlineWidth": 0, - "color": "$color", - "focusable": true, - "borderColor": "$borderColor", - "backgroundColor": "$background", - "minWidth": 0, - "hoverStyle": { - "borderColor": "$borderColorHover" - }, - "focusStyle": { - "borderColor": "$borderColorFocus" - }, - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineWidth": 2, - "outlineStyle": "solid" - } - } - }, - "size": { - "...size": "Function" - }, - "disabled": { - "true": {} - } - }, "defaultProps": { - "unstyled": false - }, - "defaultVariants": { - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "aside", + "flexDirection": "column" }, - "componentName": "Input", - "isReactNative": true, - "isText": false, - "acceptsClassName": true, - "isStyledHOC": false - } - }, - "Spacer": { - "staticConfig": { - "acceptsClassName": true, - "memo": true, - "componentName": "Spacer", "validStyles": { "enterStyle": true, "exitStyle": true, @@ -1604,6 +2118,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -1707,6 +2222,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -1774,41 +2291,88 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "defaultProps": { - "tag": "span", - "size": true, - "pointerEvents": "none" + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "variants": { - "size": { - "...": "Function" - }, - "flex": { - "true": { - "flexGrow": 1 - } - }, - "direction": { - "horizontal": { - "height": 0, - "minHeight": 0 - }, - "vertical": { - "width": 0, - "minWidth": 0 - }, - "both": {} - } - } + "componentName": "Aside", + "isReactNative": false, + "isText": false, + "isStyledHOC": false } }, - "Spinner": { + "AvatarFallback": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "position": "absolute", + "fullscreen": true, + "zIndex": 0 }, "validStyles": { "enterStyle": true, @@ -1817,6 +2381,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -1920,6 +2485,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -1987,7 +2554,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -2005,6 +2631,7 @@ }, "inset": "Function" }, + "componentName": "AvatarFallback", "isReactNative": false, "isText": false, "isStyledHOC": false, @@ -2012,10 +2639,22 @@ "isHOC": true } }, - "Stack": { + "AvatarFallbackFrame": { "staticConfig": { "acceptsClassName": true, - "defaultProps": {}, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "position": "absolute", + "fullscreen": true, + "zIndex": 0 + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -2023,6 +2662,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -2126,6 +2766,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -2193,38 +2835,104 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - } - } - }, - "Text": { - "staticConfig": { - "acceptsClassName": true, - "isText": true, - "defaultProps": { - "fontFamily": "unset", - "suppressHighlighting": true, - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "inlineWhenUnflattened": {}, "variants": { - "ellipse": { + "fullscreen": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } + "elevation": { + "...size": "Function", + ":number": "Function" }, - "unstyled": { - "false": { - "color": "$color" - } - } + "inset": "Function" + }, + "componentName": "AvatarFallback", + "isReactNative": false, + "isText": false, + "isStyledHOC": false + } + }, + "AvatarFrame": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "alignItems": "center", + "justifyContent": "center", + "position": "relative", + "overflow": "hidden" }, "validStyles": { "enterStyle": true, @@ -2233,6 +2941,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -2336,6 +3045,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -2404,144 +3115,200 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true - }, - "defaultVariants": { - "unstyled": false - }, - "isReactNative": false, - "isStyledHOC": false - } - }, - "TextArea": { - "staticConfig": { - "isInput": true, - "accept": { - "placeholderTextColor": "color", - "selectionColor": "color" + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { - "unstyled": { - "false": { - "size": "$true", - "fontFamily": "$body", - "borderWidth": 1, - "outlineWidth": 0, - "color": "$color", - "focusable": true, - "borderColor": "$borderColor", - "backgroundColor": "$background", - "minWidth": 0, - "hoverStyle": { - "borderColor": "$borderColorHover" - }, - "focusStyle": { - "borderColor": "$borderColorFocus" - }, - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineWidth": 2, - "outlineStyle": "solid" - }, - "height": "auto" + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } }, - "size": { - "...size": "Function" + "elevation": { + "...size": "Function", + ":number": "Function" }, - "disabled": { - "true": {} - } - }, - "defaultProps": { - "unstyled": false, - "multiline": true, - "whiteSpace": "pre-wrap" - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "TextArea", - "isReactNative": true, - "isText": false, - "acceptsClassName": true, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true - } - }, - "TextAreaFrame": { - "staticConfig": { - "isInput": true, - "accept": { - "placeholderTextColor": "color", - "selectionColor": "color" - }, - "variants": { - "unstyled": { - "false": { - "size": "$true", - "fontFamily": "$body", - "borderWidth": 1, - "outlineWidth": 0, - "color": "$color", - "focusable": true, - "borderColor": "$borderColor", - "backgroundColor": "$background", - "minWidth": 0, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { "hoverStyle": { + "backgroundColor": "$backgroundHover", "borderColor": "$borderColorHover" - }, + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { "focusStyle": { + "backgroundColor": "$backgroundFocus", "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } }, - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineWidth": 2, - "outlineStyle": "solid" + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } }, - "height": "auto" + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } } }, "size": { - "...size": "Function" - }, - "disabled": { - "true": {} + "...size": "Function", + ":number": "Function" } }, - "defaultProps": { - "unstyled": false, - "multiline": true, - "whiteSpace": "pre-wrap" - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "TextArea", - "isReactNative": true, + "componentName": "Avatar", + "isReactNative": false, "isText": false, - "acceptsClassName": true, "isStyledHOC": false } }, - "View": { + "Button": { "staticConfig": { "acceptsClassName": true, - "defaultProps": {}, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "tag": "button", + "role": "button", + "focusable": true, + "unstyled": false + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -2549,6 +3316,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -2652,6 +3420,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -2719,15 +3489,249 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - } + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "unstyled": { + "false": { + "size": "$true", + "justifyContent": "center", + "alignItems": "center", + "flexWrap": "nowrap", + "flexDirection": "row", + "cursor": "pointer", + "hoverTheme": true, + "pressTheme": true, + "backgrounded": true, + "borderWidth": 1, + "borderColor": "transparent", + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineStyle": "solid", + "outlineWidth": 2 + } + } + }, + "variant": { + "outlined": { + "backgroundColor": "transparent", + "borderWidth": 2, + "borderColor": "$borderColor", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorHover" + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorPress" + }, + "focusVisibleStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorFocus" + } + } + }, + "size": { + "...size": "Function", + ":number": "Function" + }, + "disabled": { + "true": { + "pointerEvents": "none" + } + } + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "Button", + "isReactNative": false, + "isText": false, + "context": "Component", + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "AlertDialogOverlay": { + "ButtonFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", + "tag": "button", + "role": "button", + "focusable": true, "unstyled": false }, "validStyles": { @@ -2737,6 +3741,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -2840,6 +3845,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -2907,7 +3914,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -3014,42 +4080,131 @@ } } }, - "open": { - "true": { - "opacity": 1, - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, "unstyled": { "false": { - "fullscreen": true, - "position": "absolute", + "size": "$true", + "justifyContent": "center", + "alignItems": "center", + "flexWrap": "nowrap", + "flexDirection": "row", + "cursor": "pointer", + "hoverTheme": true, + "pressTheme": true, "backgrounded": true, - "zIndex": 99999, - "pointerEvents": "auto" + "borderWidth": 1, + "borderColor": "transparent", + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineStyle": "solid", + "outlineWidth": 2 + } + } + }, + "variant": { + "outlined": { + "backgroundColor": "transparent", + "borderWidth": 2, + "borderColor": "$borderColor", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorHover" + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorPress" + }, + "focusVisibleStyle": { + "backgroundColor": "transparent", + "borderColor": "$borderColorFocus" + } + } + }, + "size": { + "...size": "Function", + ":number": "Function" + }, + "disabled": { + "true": { + "pointerEvents": "none" } } }, - "componentName": "AlertDialogOverlay", + "defaultVariants": { + "unstyled": false + }, + "componentName": "Button", "isReactNative": false, "isText": false, + "context": "Component", "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "neverFlatten": true } }, - "AvatarFallback": { + "ButtonText": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "position": "absolute", - "fullscreen": true, - "zIndex": 0 + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, + "fontFamily": "$body", + "unstyled": false + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color", + "userSelect": "none", + "cursor": "pointer", + "flexGrow": 0, + "flexShrink": 1, + "ellipse": true + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -3058,6 +4213,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -3161,6 +4317,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -3228,40 +4386,109 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function" + "defaultVariants": { + "unstyled": false }, - "componentName": "AvatarFallback", + "componentName": "Button", "isReactNative": false, - "isText": false, + "context": "Component", "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "neverFlatten": true } }, - "AvatarFallbackFrame": { + "Card": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "position": "absolute", - "fullscreen": true, - "zIndex": 0 + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -3270,6 +4497,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -3373,6 +4601,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -3440,7 +4670,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -3456,23 +4745,133 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "unstyled": { + "false": { + "size": "$true", + "backgroundColor": "$background", + "position": "relative" + } + }, + "size": { + "...size": "Function" + } }, - "componentName": "AvatarFallback", + "defaultVariants": { + "unstyled": false + }, + "componentName": "Card", "isReactNative": false, "isText": false, - "isStyledHOC": false + "context": "Component", + "isStyledHOC": false, + "neverFlatten": true } }, - "AvatarFrame": { + "CardBackground": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "alignItems": "center", - "justifyContent": "center", + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", "position": "relative", - "overflow": "hidden" + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -3481,6 +4880,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -3584,6 +4984,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -3651,7 +5053,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -3758,25 +5219,38 @@ } } }, - "size": { - "...size": "Function", - ":number": "Function" + "unstyled": { + "false": { + "zIndex": 0, + "fullscreen": true, + "overflow": "hidden", + "pointerEvents": "none", + "padding": 0 + } } }, - "componentName": "Avatar", + "defaultVariants": { + "unstyled": false + }, + "componentName": "CardBackground", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Button": { + "CardFooter": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "tag": "button", - "role": "button", - "focusable": true, "unstyled": false }, "validStyles": { @@ -3786,6 +5260,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -3889,6 +5364,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -3956,7 +5433,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -4065,73 +5601,40 @@ }, "unstyled": { "false": { - "size": "$true", - "justifyContent": "center", - "alignItems": "center", - "flexWrap": "nowrap", - "flexDirection": "row", - "cursor": "pointer", - "hoverTheme": true, - "pressTheme": true, - "backgrounded": true, - "borderWidth": 1, - "borderColor": "transparent", - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineStyle": "solid", - "outlineWidth": 2 - } - } - }, - "variant": { - "outlined": { + "zIndex": 5, "backgroundColor": "transparent", - "borderWidth": 2, - "borderColor": "$borderColor", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorHover" - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorPress" - }, - "focusVisibleStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorFocus" - } + "marginBottom": 0, + "flexDirection": "row", + "marginTop": "auto" } }, "size": { - "...size": "Function", - ":number": "Function" - }, - "disabled": { - "true": { - "pointerEvents": "none" - } + "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "Button", + "componentName": "CardFooter", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "neverFlatten": true } }, - "ButtonFrame": { + "CardFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "tag": "button", - "role": "button", - "focusable": true, "unstyled": false }, "validStyles": { @@ -4141,6 +5644,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -4244,6 +5748,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -4311,7 +5817,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -4421,56 +5986,18 @@ "unstyled": { "false": { "size": "$true", - "justifyContent": "center", - "alignItems": "center", - "flexWrap": "nowrap", - "flexDirection": "row", - "cursor": "pointer", - "hoverTheme": true, - "pressTheme": true, - "backgrounded": true, - "borderWidth": 1, - "borderColor": "transparent", - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineStyle": "solid", - "outlineWidth": 2 - } - } - }, - "variant": { - "outlined": { - "backgroundColor": "transparent", - "borderWidth": 2, - "borderColor": "$borderColor", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorHover" - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorPress" - }, - "focusVisibleStyle": { - "backgroundColor": "transparent", - "borderColor": "$borderColorFocus" - } + "backgroundColor": "$background", + "position": "relative" } }, "size": { - "...size": "Function", - ":number": "Function" - }, - "disabled": { - "true": { - "pointerEvents": "none" - } + "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "Button", + "componentName": "Card", "isReactNative": false, "isText": false, "context": "Component", @@ -4478,45 +6005,21 @@ "neverFlatten": true } }, - "ButtonText": { + "CardHeader": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", "unstyled": false }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color", - "userSelect": "none", - "cursor": "pointer", - "flexGrow": 0, - "flexShrink": 1, - "ellipse": true - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } - }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -4524,6 +6027,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -4627,6 +6131,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -4695,36 +6201,207 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "unstyled": { + "false": { + "zIndex": 10, + "backgroundColor": "transparent", + "marginBottom": "auto" + } + }, + "size": { + "...size": "Function" + } }, "defaultVariants": { "unstyled": false }, - "componentName": "Button", + "componentName": "CardHeader", "isReactNative": false, + "isText": false, "context": "Component", "isStyledHOC": false, "neverFlatten": true } }, - "Card": { + "Checkbox": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", + "tag": "button", "unstyled": false }, "validStyles": { @@ -4734,6 +6411,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -4837,6 +6515,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -4904,7 +6584,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -5015,7 +6754,41 @@ "false": { "size": "$true", "backgroundColor": "$background", - "position": "relative" + "alignItems": "center", + "justifyContent": "center", + "pressTheme": true, + "focusable": true, + "borderWidth": 1, + "borderColor": "$borderColor", + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineStyle": "solid", + "outlineWidth": 2, + "outlineColor": "$outlineColor" + } + } + }, + "disabled": { + "true": { + "pointerEvents": "none", + "userSelect": "none", + "cursor": "not-allowed", + "hoverStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$background" + }, + "pressStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$backgroundColor" + }, + "focusStyle": { + "outlineWidth": 0 + } } }, "size": { @@ -5025,19 +6798,29 @@ "defaultVariants": { "unstyled": false }, - "componentName": "Card", + "componentName": "Checkbox", "isReactNative": false, "isText": false, "context": "Component", "isStyledHOC": false, - "neverFlatten": true + "neverFlatten": true, + "isHOC": true } }, - "CardBackground": { + "CheckboxFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", + "tag": "button", "unstyled": false }, "validStyles": { @@ -5047,6 +6830,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -5150,6 +6934,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -5217,7 +7003,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -5326,27 +7171,72 @@ }, "unstyled": { "false": { - "zIndex": 0, - "fullscreen": true, - "overflow": "hidden", + "size": "$true", + "backgroundColor": "$background", + "alignItems": "center", + "justifyContent": "center", + "pressTheme": true, + "focusable": true, + "borderWidth": 1, + "borderColor": "$borderColor", + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineStyle": "solid", + "outlineWidth": 2, + "outlineColor": "$outlineColor" + } + } + }, + "disabled": { + "true": { "pointerEvents": "none", - "padding": 0 + "userSelect": "none", + "cursor": "not-allowed", + "hoverStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$background" + }, + "pressStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$backgroundColor" + }, + "focusStyle": { + "outlineWidth": 0 + } } + }, + "size": { + "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "CardBackground", + "componentName": "Checkbox", "isReactNative": false, "isText": false, - "isStyledHOC": false + "context": "Component", + "isStyledHOC": false, + "neverFlatten": true } }, - "CardFooter": { + "CheckboxIndicatorFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -5357,6 +7247,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -5460,6 +7351,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -5527,7 +7420,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -5635,34 +7587,35 @@ } }, "unstyled": { - "false": { - "zIndex": 5, - "backgroundColor": "transparent", - "marginBottom": 0, - "flexDirection": "row", - "marginTop": "auto" - } - }, - "size": { - "...size": "Function" + "false": {} } }, "defaultVariants": { "unstyled": false }, - "componentName": "CardFooter", + "componentName": "CheckboxIndicator", "isReactNative": false, "isText": false, + "context": "Component", "isStyledHOC": false, "neverFlatten": true } }, - "CardFrame": { + "Circle": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "unstyled": false + "alignItems": "center", + "justifyContent": "center", + "circular": true }, "validStyles": { "enterStyle": true, @@ -5671,6 +7624,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -5774,6 +7728,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -5841,7 +7797,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -5948,34 +7963,31 @@ } } }, - "unstyled": { - "false": { - "size": "$true", - "backgroundColor": "$background", - "position": "relative" - } - }, "size": { - "...size": "Function" + "...size": "Function", + ":number": "Function" } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "Card", + "componentName": "Circle", "isReactNative": false, "isText": false, - "context": "Component", - "isStyledHOC": false, - "neverFlatten": true + "isStyledHOC": false } }, - "CardHeader": { + "DialogClose": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", "flexDirection": "column", - "unstyled": false + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "button" }, "validStyles": { "enterStyle": true, @@ -5984,6 +7996,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -6087,6 +8100,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -6154,141 +8169,90 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "unstyled": { - "false": { - "zIndex": 10, - "backgroundColor": "transparent", - "marginBottom": "auto" - } - }, - "size": { - "...size": "Function" - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "CardHeader", + "componentName": "DialogClose", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false, - "neverFlatten": true + "neverFlatten": true, + "isHOC": true } }, - "Checkbox": { + "DialogContent": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "tag": "button", + "tag": "dialog", + "size": "$true", "unstyled": false }, "validStyles": { @@ -6298,6 +8262,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -6401,6 +8366,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -6468,7 +8435,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -6575,70 +8601,96 @@ } } }, + "size": { + "...size": "Function" + }, "unstyled": { "false": { - "size": "$true", - "backgroundColor": "$background", - "alignItems": "center", - "justifyContent": "center", - "pressTheme": true, - "focusable": true, - "borderWidth": 1, - "borderColor": "$borderColor", - "hoverStyle": { - "borderColor": "$borderColorHover" - }, - "focusStyle": { - "borderColor": "$borderColorFocus" - }, - "focusVisibleStyle": { - "outlineStyle": "solid", - "outlineWidth": 2, - "outlineColor": "$outlineColor" - } - } - }, - "disabled": { - "true": { - "pointerEvents": "none", - "userSelect": "none", - "cursor": "not-allowed", - "hoverStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$background" - }, - "pressStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$backgroundColor" - }, - "focusStyle": { - "outlineWidth": 0 - } + "position": "relative", + "backgrounded": true, + "padded": true, + "radiused": true, + "elevate": true, + "zIndex": 100000 } - }, - "size": { - "...size": "Function" } }, "defaultVariants": { + "size": "$true", "unstyled": false }, - "componentName": "Checkbox", + "componentName": "DialogContent", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "CheckboxFrame": { + "DialogDescription": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "tag": "button", - "unstyled": false + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "margin": 0, + "fontFamily": "$body", + "unstyled": false, + "tag": "p", + "userSelect": "auto", + "color": "$color", + "size": "$true", + "whiteSpace": "normal" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -6647,6 +8699,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -6750,6 +8803,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -6817,7 +8872,347 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true + }, + "componentName": "DialogDescription", + "isReactNative": false, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true + } + }, + "DialogOverlay": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false + }, + "validStyles": { + "enterStyle": true, + "exitStyle": true, + "hoverStyle": true, + "pressStyle": true, + "focusStyle": true, + "disabledStyle": true, + "focusVisibleStyle": true, + "backfaceVisibility": true, + "borderBottomEndRadius": true, + "borderBottomStartRadius": true, + "borderBottomWidth": true, + "borderLeftWidth": true, + "borderRightWidth": true, + "borderBlockWidth": true, + "borderBlockEndWidth": true, + "borderBlockStartWidth": true, + "borderInlineWidth": true, + "borderInlineEndWidth": true, + "borderInlineStartWidth": true, + "borderStyle": true, + "borderBlockStyle": true, + "borderBlockEndStyle": true, + "borderBlockStartStyle": true, + "borderInlineStyle": true, + "borderInlineEndStyle": true, + "borderInlineStartStyle": true, + "borderTopEndRadius": true, + "borderTopStartRadius": true, + "borderTopWidth": true, + "borderWidth": true, + "transform": true, + "transformOrigin": true, + "alignContent": true, + "alignItems": true, + "alignSelf": true, + "borderEndWidth": true, + "borderStartWidth": true, + "bottom": true, + "display": true, + "end": true, + "flexBasis": true, + "flexDirection": true, + "flexWrap": true, + "gap": true, + "columnGap": true, + "rowGap": true, + "justifyContent": true, + "left": true, + "margin": true, + "marginBlock": true, + "marginBlockEnd": true, + "marginBlockStart": true, + "marginInline": true, + "marginInlineStart": true, + "marginInlineEnd": true, + "marginBottom": true, + "marginEnd": true, + "marginHorizontal": true, + "marginLeft": true, + "marginRight": true, + "marginStart": true, + "marginTop": true, + "marginVertical": true, + "overflow": true, + "padding": true, + "paddingBottom": true, + "paddingInline": true, + "paddingBlock": true, + "paddingBlockStart": true, + "paddingInlineEnd": true, + "paddingInlineStart": true, + "paddingEnd": true, + "paddingHorizontal": true, + "paddingLeft": true, + "paddingRight": true, + "paddingStart": true, + "paddingTop": true, + "paddingVertical": true, + "position": true, + "right": true, + "start": true, + "top": true, + "inset": true, + "insetBlock": true, + "insetBlockEnd": true, + "insetBlockStart": true, + "insetInline": true, + "insetInlineEnd": true, + "insetInlineStart": true, + "direction": true, + "shadowOffset": true, + "shadowRadius": true, + "backgroundColor": true, + "borderColor": true, + "borderBlockStartColor": true, + "borderBlockEndColor": true, + "borderBlockColor": true, + "borderBottomColor": true, + "borderInlineColor": true, + "borderInlineStartColor": true, + "borderInlineEndColor": true, + "borderTopColor": true, + "borderLeftColor": true, + "borderRightColor": true, + "borderEndColor": true, + "borderStartColor": true, + "shadowColor": true, + "color": true, + "textDecorationColor": true, + "textShadowColor": true, + "outlineColor": true, + "caretColor": true, + "borderRadius": true, + "borderTopLeftRadius": true, + "borderTopRightRadius": true, + "borderBottomLeftRadius": true, + "borderBottomRightRadius": true, + "borderStartStartRadius": true, + "borderStartEndRadius": true, + "borderEndStartRadius": true, + "borderEndEndRadius": true, + "width": true, + "height": true, + "minWidth": true, + "minHeight": true, + "maxWidth": true, + "maxHeight": true, + "blockSize": true, + "minBlockSize": true, + "maxBlockSize": true, + "inlineSize": true, + "minInlineSize": true, + "maxInlineSize": true, + "x": true, + "y": true, + "scale": true, + "perspective": true, + "scaleX": true, + "scaleY": true, + "skewX": true, + "skewY": true, + "matrix": true, + "rotate": true, + "rotateY": true, + "rotateX": true, + "rotateZ": true, + "WebkitLineClamp": true, + "animationIterationCount": true, + "aspectRatio": true, + "borderImageOutset": true, + "borderImageSlice": true, + "borderImageWidth": true, + "columnCount": true, + "flex": true, + "flexGrow": true, + "flexOrder": true, + "flexPositive": true, + "flexShrink": true, + "flexNegative": true, + "fontWeight": true, + "gridRow": true, + "gridRowEnd": true, + "gridRowGap": true, + "gridRowStart": true, + "gridColumn": true, + "gridColumnEnd": true, + "gridColumnGap": true, + "gridColumnStart": true, + "gridTemplateColumns": true, + "gridTemplateAreas": true, + "lineClamp": true, + "opacity": true, + "order": true, + "orphans": true, + "tabSize": true, + "widows": true, + "zIndex": true, + "zoom": true, + "scaleZ": true, + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -6924,66 +9319,46 @@ } } }, - "unstyled": { + "open": { + "true": { + "opacity": 1, + "pointerEvents": "auto" + }, "false": { - "size": "$true", - "backgroundColor": "$background", - "alignItems": "center", - "justifyContent": "center", - "pressTheme": true, - "focusable": true, - "borderWidth": 1, - "borderColor": "$borderColor", - "hoverStyle": { - "borderColor": "$borderColorHover" - }, - "focusStyle": { - "borderColor": "$borderColorFocus" - }, - "focusVisibleStyle": { - "outlineStyle": "solid", - "outlineWidth": 2, - "outlineColor": "$outlineColor" - } + "opacity": 0, + "pointerEvents": "none" } }, - "disabled": { - "true": { - "pointerEvents": "none", - "userSelect": "none", - "cursor": "not-allowed", - "hoverStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$background" - }, - "pressStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$backgroundColor" - }, - "focusStyle": { - "outlineWidth": 0 - } + "unstyled": { + "false": { + "fullscreen": true, + "position": "absolute", + "backgrounded": true, + "zIndex": 99999, + "pointerEvents": "auto" } - }, - "size": { - "...size": "Function" } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "Checkbox", + "componentName": "DialogOverlay", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false, - "neverFlatten": true + "neverFlatten": true, + "isHOC": true } }, - "CheckboxIndicatorFrame": { + "DialogOverlayFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -6994,6 +9369,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -7097,6 +9473,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -7164,7 +9542,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -7271,26 +9708,47 @@ } } }, + "open": { + "true": { + "opacity": 1, + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } + }, "unstyled": { - "false": {} + "false": { + "fullscreen": true, + "position": "absolute", + "backgrounded": true, + "zIndex": 99999, + "pointerEvents": "auto" + } } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "CheckboxIndicator", + "componentName": "DialogOverlay", "isReactNative": false, "isText": false, - "context": "Component", - "isStyledHOC": false, - "neverFlatten": true + "isStyledHOC": false } }, - "DialogClose": { + "DialogPortalFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "tag": "button" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "pointerEvents": "none", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -7299,6 +9757,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -7402,6 +9861,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -7469,24 +9930,166 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "unstyled": { + "false": { + "alignItems": "center", + "justifyContent": "center", + "fullscreen": true, + "zIndex": 100000, + "maxHeight": "100vh", + "position": "fixed" + } + } + }, + "defaultVariants": { + "unstyled": false }, - "componentName": "DialogClose", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "DialogContent": { + "DialogTitle": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "tag": "dialog", - "size": "$true", - "unstyled": false + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h2", + "size": "$9" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -7495,6 +10098,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -7598,6 +10202,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -7665,177 +10271,105 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "size": { - "...size": "Function" - }, - "unstyled": { - "false": { - "position": "relative", - "backgrounded": true, - "padded": true, - "radiused": true, - "elevate": true, - "zIndex": 100000 - } - } - }, - "defaultVariants": { - "size": "$true", - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "DialogContent", + "componentName": "DialogTitle", "isReactNative": false, - "isText": false, "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "DialogDescription": { + "DialogTrigger": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", - "unstyled": false, - "tag": "p", - "userSelect": "auto", - "color": "$color", - "size": "$true", - "whiteSpace": "normal" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 }, "validStyles": { "enterStyle": true, @@ -7844,6 +10378,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -7947,6 +10482,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -8015,34 +10552,129 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "DialogDescription", + "componentName": "DialogTrigger", "isReactNative": false, + "isText": false, "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "DialogOverlay": { + "EnsureFlexed": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "fontFamily": "unset", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, + "opacity": 0, + "lineHeight": 0, + "height": 0, + "display": "flex", + "fontSize": 200, + "children": "wwwwwwwwwwwwwwwwwww", + "pointerEvents": "none" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + } }, "validStyles": { "enterStyle": true, @@ -8051,6 +10683,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -8154,6 +10787,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -8221,147 +10856,104 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "open": { - "true": { - "opacity": 1, - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "fullscreen": true, - "position": "absolute", - "backgrounded": true, - "zIndex": 99999, - "pointerEvents": "auto" - } - } + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "DialogOverlay", "isReactNative": false, - "isText": false, "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "neverFlatten": true } }, - "DialogOverlayFrame": { + "Fieldset": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "unstyled": false + "tag": "fieldset" }, "validStyles": { "enterStyle": true, @@ -8370,6 +10962,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -8473,6 +11066,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -8540,7 +11135,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -8557,129 +11211,33 @@ ":number": "Function" }, "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "open": { + "horizontal": { "true": { - "opacity": 1, - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "fullscreen": true, - "position": "absolute", - "backgrounded": true, - "zIndex": 99999, - "pointerEvents": "auto" + "flexDirection": "row", + "alignItems": "center" } } }, - "componentName": "DialogOverlay", + "componentName": "Fieldset", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "DialogPortalFrame": { + "Footer": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "pointerEvents": "none", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "footer", + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -8688,6 +11246,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -8791,6 +11350,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -8858,80 +11419,87 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "unstyled": { - "false": { - "alignItems": "center", - "justifyContent": "center", - "fullscreen": true, - "zIndex": 100000 - } - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, + "componentName": "Footer", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "DialogTitle": { + "Form": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h2", - "size": "$9" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "form" }, "validStyles": { "enterStyle": true, @@ -8940,6 +11508,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -9043,6 +11612,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -9111,32 +11682,89 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "DialogTitle", + "componentName": "Form", "isReactNative": false, + "isText": false, "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "DialogTrigger": { + "FormFrame": { "staticConfig": { "acceptsClassName": true, - "defaultProps": {}, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "form" + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -9144,6 +11772,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -9247,6 +11876,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -9314,21 +11945,86 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "DialogTrigger", + "componentName": "Form", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "Form": { + "FormTrigger": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "tag": "form" + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 }, "validStyles": { "enterStyle": true, @@ -9337,6 +12033,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -9440,6 +12137,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -9507,9 +12206,68 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Form", + "componentName": "FormTrigger", "isReactNative": false, "isText": false, "isStyledHOC": false, @@ -9517,11 +12275,20 @@ "isHOC": true } }, - "FormFrame": { + "Frame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "tag": "form" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -9530,6 +12297,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -9633,6 +12401,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -9700,209 +12470,115 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Form", - "isReactNative": false, - "isText": false, - "isStyledHOC": false - } - }, - "FormTrigger": { - "staticConfig": { - "acceptsClassName": true, - "defaultProps": {}, - "validStyles": { - "enterStyle": true, - "exitStyle": true, - "hoverStyle": true, - "pressStyle": true, - "focusStyle": true, - "disabledStyle": true, - "backfaceVisibility": true, - "borderBottomEndRadius": true, - "borderBottomStartRadius": true, - "borderBottomWidth": true, - "borderLeftWidth": true, - "borderRightWidth": true, - "borderBlockWidth": true, - "borderBlockEndWidth": true, - "borderBlockStartWidth": true, - "borderInlineWidth": true, - "borderInlineEndWidth": true, - "borderInlineStartWidth": true, - "borderStyle": true, - "borderBlockStyle": true, - "borderBlockEndStyle": true, - "borderBlockStartStyle": true, - "borderInlineStyle": true, - "borderInlineEndStyle": true, - "borderInlineStartStyle": true, - "borderTopEndRadius": true, - "borderTopStartRadius": true, - "borderTopWidth": true, - "borderWidth": true, - "transform": true, - "transformOrigin": true, - "alignContent": true, - "alignItems": true, - "alignSelf": true, - "borderEndWidth": true, - "borderStartWidth": true, - "bottom": true, - "display": true, - "end": true, - "flexBasis": true, - "flexDirection": true, - "flexWrap": true, - "gap": true, - "columnGap": true, - "rowGap": true, - "justifyContent": true, - "left": true, - "margin": true, - "marginBlock": true, - "marginBlockEnd": true, - "marginBlockStart": true, - "marginInline": true, - "marginInlineStart": true, - "marginInlineEnd": true, - "marginBottom": true, - "marginEnd": true, - "marginHorizontal": true, - "marginLeft": true, - "marginRight": true, - "marginStart": true, - "marginTop": true, - "marginVertical": true, - "overflow": true, - "padding": true, - "paddingBottom": true, - "paddingInline": true, - "paddingBlock": true, - "paddingBlockStart": true, - "paddingInlineEnd": true, - "paddingInlineStart": true, - "paddingEnd": true, - "paddingHorizontal": true, - "paddingLeft": true, - "paddingRight": true, - "paddingStart": true, - "paddingTop": true, - "paddingVertical": true, - "position": true, - "right": true, - "start": true, - "top": true, - "inset": true, - "insetBlock": true, - "insetBlockEnd": true, - "insetBlockStart": true, - "insetInline": true, - "insetInlineEnd": true, - "insetInlineStart": true, - "direction": true, - "shadowOffset": true, - "shadowRadius": true, - "backgroundColor": true, - "borderColor": true, - "borderBlockStartColor": true, - "borderBlockEndColor": true, - "borderBlockColor": true, - "borderBottomColor": true, - "borderInlineColor": true, - "borderInlineStartColor": true, - "borderInlineEndColor": true, - "borderTopColor": true, - "borderLeftColor": true, - "borderRightColor": true, - "borderEndColor": true, - "borderStartColor": true, - "shadowColor": true, - "color": true, - "textDecorationColor": true, - "textShadowColor": true, - "borderRadius": true, - "borderTopLeftRadius": true, - "borderTopRightRadius": true, - "borderBottomLeftRadius": true, - "borderBottomRightRadius": true, - "borderStartStartRadius": true, - "borderStartEndRadius": true, - "borderEndStartRadius": true, - "borderEndEndRadius": true, - "width": true, - "height": true, - "minWidth": true, - "minHeight": true, - "maxWidth": true, - "maxHeight": true, - "blockSize": true, - "minBlockSize": true, - "maxBlockSize": true, - "inlineSize": true, - "minInlineSize": true, - "maxInlineSize": true, - "x": true, - "y": true, - "scale": true, - "perspective": true, - "scaleX": true, - "scaleY": true, - "skewX": true, - "skewY": true, - "matrix": true, - "rotate": true, - "rotateY": true, - "rotateX": true, - "rotateZ": true, - "WebkitLineClamp": true, - "animationIterationCount": true, - "aspectRatio": true, - "borderImageOutset": true, - "borderImageSlice": true, - "borderImageWidth": true, - "columnCount": true, - "flex": true, - "flexGrow": true, - "flexOrder": true, - "flexPositive": true, - "flexShrink": true, - "flexNegative": true, - "fontWeight": true, - "gridRow": true, - "gridRowEnd": true, - "gridRowGap": true, - "gridRowStart": true, - "gridColumn": true, - "gridColumnEnd": true, - "gridColumnGap": true, - "gridColumnStart": true, - "gridTemplateColumns": true, - "gridTemplateAreas": true, - "lineClamp": true, - "opacity": true, - "order": true, - "orphans": true, - "tabSize": true, - "widows": true, - "zIndex": true, - "zoom": true, - "scaleZ": true, - "shadowOpacity": true + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "unstyled": { + "false": { + "flex": 1, + "backgroundColor": "$background", + "borderTopLeftRadius": "$true", + "borderTopRightRadius": "$true", + "width": "100%", + "maxHeight": "100%", + "overflow": "hidden" + } + } }, - "componentName": "FormTrigger", + "defaultVariants": { + "unstyled": false + }, + "componentName": "Sheet", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, "Group": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -9913,6 +12589,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -10016,6 +12693,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -10083,7 +12762,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -10212,6 +12950,14 @@ "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -10222,6 +12968,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -10325,6 +13072,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -10392,7 +13141,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -10515,12 +13323,71 @@ "isStyledHOC": false } }, - "XGroup": { + "H1": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h1", + "size": "$10" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -10529,6 +13396,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -10632,6 +13500,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -10699,137 +13569,155 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, + "componentName": "H1", + "isReactNative": false, + "isStyledHOC": false + } + }, + "H2": { + "staticConfig": { + "acceptsClassName": true, + "isText": true, + "defaultProps": { + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h2", + "size": "$9" + }, + "inlineWhenUnflattened": {}, "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" }, - "false": {} + ":number": "Function" }, - "focusTheme": { + "selectable": { "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } + "userSelect": "text", + "cursor": "text" }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" + "false": { + "userSelect": "none", + "cursor": "default" + } }, - "bordered": "Function", - "transparent": { + "ellipse": { "true": { - "backgroundColor": "transparent" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, - "chromeless": { + "ellipsis": { "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { "false": { - "size": "$true" + "size": "$true", + "color": "$color" } }, - "size": "Function" - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "GroupFrame", - "isReactNative": false, - "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true - } - }, - "YGroup": { - "staticConfig": { - "acceptsClassName": true, - "defaultProps": { - "flexDirection": "column", - "unstyled": false + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -10838,6 +13726,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -10941,6 +13830,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -11008,137 +13899,155 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, + "componentName": "H2", + "isReactNative": false, + "isStyledHOC": false + } + }, + "H3": { + "staticConfig": { + "acceptsClassName": true, + "isText": true, + "defaultProps": { + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h3", + "size": "$8" + }, + "inlineWhenUnflattened": {}, "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" }, - "false": {} + ":number": "Function" }, - "focusTheme": { + "selectable": { "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } + "userSelect": "text", + "cursor": "text" }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" + "false": { + "userSelect": "none", + "cursor": "default" + } }, - "bordered": "Function", - "transparent": { + "ellipse": { "true": { - "backgroundColor": "transparent" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, - "chromeless": { + "ellipsis": { "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { "false": { - "size": "$true" + "size": "$true", + "color": "$color" } }, - "size": "Function" - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "GroupFrame", - "isReactNative": false, - "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true - } - }, - "Article": { - "staticConfig": { - "acceptsClassName": true, - "defaultProps": { - "tag": "article", - "flexDirection": "column" + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -11147,6 +14056,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -11250,6 +14160,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -11317,20 +14229,155 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "Article", + "componentName": "H3", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "Aside": { + "H4": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "tag": "aside", - "flexDirection": "column" + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h4", + "size": "$7" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -11339,6 +14386,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -11442,6 +14490,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -11509,20 +14559,155 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "Aside", + "componentName": "H4", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "Footer": { + "H5": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "tag": "footer", - "flexDirection": "column" + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "accessibilityRole": "header", + "fontFamily": "$heading", + "margin": 0, + "tag": "h5", + "size": "$6" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -11531,6 +14716,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -11634,6 +14820,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -11701,21 +14889,155 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "Footer", + "componentName": "H5", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "Header": { + "H6": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "tag": "header", + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", "accessibilityRole": "header", - "flexDirection": "column" + "fontFamily": "$heading", + "margin": 0, + "tag": "h6", + "size": "$5" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -11724,6 +15046,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -11827,6 +15150,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -11894,20 +15219,104 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "Header", + "componentName": "H6", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "Main": { + "Handle": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "tag": "main", - "flexDirection": "column" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -11916,6 +15325,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -12019,6 +15429,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -12086,213 +15498,130 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Main", - "isReactNative": false, - "isText": false, - "isStyledHOC": false - } - }, - "Nav": { - "staticConfig": { - "acceptsClassName": true, - "defaultProps": { - "tag": "nav", - "flexDirection": "column" + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "open": { + "true": { + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } + }, + "unstyled": { + "false": { + "height": 10, + "borderRadius": 100, + "backgroundColor": "$background", + "zIndex": 10, + "marginHorizontal": "35%", + "marginBottom": "$2", + "opacity": 0.5, + "hoverStyle": { + "opacity": 0.7 + } + } + } }, - "validStyles": { - "enterStyle": true, - "exitStyle": true, - "hoverStyle": true, - "pressStyle": true, - "focusStyle": true, - "disabledStyle": true, - "backfaceVisibility": true, - "borderBottomEndRadius": true, - "borderBottomStartRadius": true, - "borderBottomWidth": true, - "borderLeftWidth": true, - "borderRightWidth": true, - "borderBlockWidth": true, - "borderBlockEndWidth": true, - "borderBlockStartWidth": true, - "borderInlineWidth": true, - "borderInlineEndWidth": true, - "borderInlineStartWidth": true, - "borderStyle": true, - "borderBlockStyle": true, - "borderBlockEndStyle": true, - "borderBlockStartStyle": true, - "borderInlineStyle": true, - "borderInlineEndStyle": true, - "borderInlineStartStyle": true, - "borderTopEndRadius": true, - "borderTopStartRadius": true, - "borderTopWidth": true, - "borderWidth": true, - "transform": true, - "transformOrigin": true, - "alignContent": true, - "alignItems": true, - "alignSelf": true, - "borderEndWidth": true, - "borderStartWidth": true, - "bottom": true, - "display": true, - "end": true, - "flexBasis": true, - "flexDirection": true, - "flexWrap": true, - "gap": true, - "columnGap": true, - "rowGap": true, - "justifyContent": true, - "left": true, - "margin": true, - "marginBlock": true, - "marginBlockEnd": true, - "marginBlockStart": true, - "marginInline": true, - "marginInlineStart": true, - "marginInlineEnd": true, - "marginBottom": true, - "marginEnd": true, - "marginHorizontal": true, - "marginLeft": true, - "marginRight": true, - "marginStart": true, - "marginTop": true, - "marginVertical": true, - "overflow": true, - "padding": true, - "paddingBottom": true, - "paddingInline": true, - "paddingBlock": true, - "paddingBlockStart": true, - "paddingInlineEnd": true, - "paddingInlineStart": true, - "paddingEnd": true, - "paddingHorizontal": true, - "paddingLeft": true, - "paddingRight": true, - "paddingStart": true, - "paddingTop": true, - "paddingVertical": true, - "position": true, - "right": true, - "start": true, - "top": true, - "inset": true, - "insetBlock": true, - "insetBlockEnd": true, - "insetBlockStart": true, - "insetInline": true, - "insetInlineEnd": true, - "insetInlineStart": true, - "direction": true, - "shadowOffset": true, - "shadowRadius": true, - "backgroundColor": true, - "borderColor": true, - "borderBlockStartColor": true, - "borderBlockEndColor": true, - "borderBlockColor": true, - "borderBottomColor": true, - "borderInlineColor": true, - "borderInlineStartColor": true, - "borderInlineEndColor": true, - "borderTopColor": true, - "borderLeftColor": true, - "borderRightColor": true, - "borderEndColor": true, - "borderStartColor": true, - "shadowColor": true, - "color": true, - "textDecorationColor": true, - "textShadowColor": true, - "borderRadius": true, - "borderTopLeftRadius": true, - "borderTopRightRadius": true, - "borderBottomLeftRadius": true, - "borderBottomRightRadius": true, - "borderStartStartRadius": true, - "borderStartEndRadius": true, - "borderEndStartRadius": true, - "borderEndEndRadius": true, - "width": true, - "height": true, - "minWidth": true, - "minHeight": true, - "maxWidth": true, - "maxHeight": true, - "blockSize": true, - "minBlockSize": true, - "maxBlockSize": true, - "inlineSize": true, - "minInlineSize": true, - "maxInlineSize": true, - "x": true, - "y": true, - "scale": true, - "perspective": true, - "scaleX": true, - "scaleY": true, - "skewX": true, - "skewY": true, - "matrix": true, - "rotate": true, - "rotateY": true, - "rotateX": true, - "rotateZ": true, - "WebkitLineClamp": true, - "animationIterationCount": true, - "aspectRatio": true, - "borderImageOutset": true, - "borderImageSlice": true, - "borderImageWidth": true, - "columnCount": true, - "flex": true, - "flexGrow": true, - "flexOrder": true, - "flexPositive": true, - "flexShrink": true, - "flexNegative": true, - "fontWeight": true, - "gridRow": true, - "gridRowEnd": true, - "gridRowGap": true, - "gridRowStart": true, - "gridColumn": true, - "gridColumnEnd": true, - "gridColumnGap": true, - "gridColumnStart": true, - "gridTemplateColumns": true, - "gridTemplateAreas": true, - "lineClamp": true, - "opacity": true, - "order": true, - "orphans": true, - "tabSize": true, - "widows": true, - "zIndex": true, - "zoom": true, - "scaleZ": true, - "shadowOpacity": true + "defaultVariants": { + "unstyled": false }, - "componentName": "Nav", + "componentName": "SheetHandle", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Section": { + "Header": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "tag": "section", - "flexDirection": "column", - "accessibilityRole": "summary" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "header", + "accessibilityRole": "header", + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -12301,6 +15630,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -12404,6 +15734,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -12471,14 +15803,403 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Section", + "componentName": "Header", "isReactNative": false, "isText": false, "isStyledHOC": false } }, + "Heading": { + "staticConfig": { + "acceptsClassName": true, + "isText": true, + "defaultProps": { + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "unstyled": false, + "userSelect": "auto", + "color": "$color", + "whiteSpace": "normal", + "tag": "span", + "accessibilityRole": "header", + "fontFamily": "$heading", + "size": "$8", + "margin": 0 + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } + }, + "validStyles": { + "enterStyle": true, + "exitStyle": true, + "hoverStyle": true, + "pressStyle": true, + "focusStyle": true, + "disabledStyle": true, + "focusVisibleStyle": true, + "backfaceVisibility": true, + "borderBottomEndRadius": true, + "borderBottomStartRadius": true, + "borderBottomWidth": true, + "borderLeftWidth": true, + "borderRightWidth": true, + "borderBlockWidth": true, + "borderBlockEndWidth": true, + "borderBlockStartWidth": true, + "borderInlineWidth": true, + "borderInlineEndWidth": true, + "borderInlineStartWidth": true, + "borderStyle": true, + "borderBlockStyle": true, + "borderBlockEndStyle": true, + "borderBlockStartStyle": true, + "borderInlineStyle": true, + "borderInlineEndStyle": true, + "borderInlineStartStyle": true, + "borderTopEndRadius": true, + "borderTopStartRadius": true, + "borderTopWidth": true, + "borderWidth": true, + "transform": true, + "transformOrigin": true, + "alignContent": true, + "alignItems": true, + "alignSelf": true, + "borderEndWidth": true, + "borderStartWidth": true, + "bottom": true, + "display": true, + "end": true, + "flexBasis": true, + "flexDirection": true, + "flexWrap": true, + "gap": true, + "columnGap": true, + "rowGap": true, + "justifyContent": true, + "left": true, + "margin": true, + "marginBlock": true, + "marginBlockEnd": true, + "marginBlockStart": true, + "marginInline": true, + "marginInlineStart": true, + "marginInlineEnd": true, + "marginBottom": true, + "marginEnd": true, + "marginHorizontal": true, + "marginLeft": true, + "marginRight": true, + "marginStart": true, + "marginTop": true, + "marginVertical": true, + "overflow": true, + "padding": true, + "paddingBottom": true, + "paddingInline": true, + "paddingBlock": true, + "paddingBlockStart": true, + "paddingInlineEnd": true, + "paddingInlineStart": true, + "paddingEnd": true, + "paddingHorizontal": true, + "paddingLeft": true, + "paddingRight": true, + "paddingStart": true, + "paddingTop": true, + "paddingVertical": true, + "position": true, + "right": true, + "start": true, + "top": true, + "inset": true, + "insetBlock": true, + "insetBlockEnd": true, + "insetBlockStart": true, + "insetInline": true, + "insetInlineEnd": true, + "insetInlineStart": true, + "direction": true, + "shadowOffset": true, + "shadowRadius": true, + "backgroundColor": true, + "borderColor": true, + "borderBlockStartColor": true, + "borderBlockEndColor": true, + "borderBlockColor": true, + "borderBottomColor": true, + "borderInlineColor": true, + "borderInlineStartColor": true, + "borderInlineEndColor": true, + "borderTopColor": true, + "borderLeftColor": true, + "borderRightColor": true, + "borderEndColor": true, + "borderStartColor": true, + "shadowColor": true, + "color": true, + "textDecorationColor": true, + "textShadowColor": true, + "outlineColor": true, + "caretColor": true, + "borderRadius": true, + "borderTopLeftRadius": true, + "borderTopRightRadius": true, + "borderBottomLeftRadius": true, + "borderBottomRightRadius": true, + "borderStartStartRadius": true, + "borderStartEndRadius": true, + "borderEndStartRadius": true, + "borderEndEndRadius": true, + "width": true, + "height": true, + "minWidth": true, + "minHeight": true, + "maxWidth": true, + "maxHeight": true, + "blockSize": true, + "minBlockSize": true, + "maxBlockSize": true, + "inlineSize": true, + "minInlineSize": true, + "maxInlineSize": true, + "x": true, + "y": true, + "scale": true, + "perspective": true, + "scaleX": true, + "scaleY": true, + "skewX": true, + "skewY": true, + "matrix": true, + "rotate": true, + "rotateY": true, + "rotateX": true, + "rotateZ": true, + "WebkitLineClamp": true, + "animationIterationCount": true, + "aspectRatio": true, + "borderImageOutset": true, + "borderImageSlice": true, + "borderImageWidth": true, + "columnCount": true, + "flex": true, + "flexGrow": true, + "flexOrder": true, + "flexPositive": true, + "flexShrink": true, + "flexNegative": true, + "fontWeight": true, + "gridRow": true, + "gridRowEnd": true, + "gridRowGap": true, + "gridRowStart": true, + "gridColumn": true, + "gridColumnEnd": true, + "gridColumnGap": true, + "gridColumnStart": true, + "gridTemplateColumns": true, + "gridTemplateAreas": true, + "lineClamp": true, + "opacity": true, + "order": true, + "orphans": true, + "tabSize": true, + "widows": true, + "zIndex": true, + "zoom": true, + "scaleZ": true, + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true + }, + "componentName": "Heading", + "isReactNative": false, + "isStyledHOC": false + } + }, "Image": { "staticConfig": { "defaultProps": {}, @@ -12486,33 +16207,167 @@ "isReactNative": true, "isText": false, "acceptsClassName": true, + "inlineProps": {}, "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, + "Input": { + "staticConfig": { + "isInput": true, + "accept": { + "placeholderTextColor": "color", + "selectionColor": "color" + }, + "variants": { + "unstyled": { + "false": { + "size": "$true", + "fontFamily": "$body", + "borderWidth": 1, + "outlineWidth": 0, + "color": "$color", + "tabIndex": 0, + "borderColor": "$borderColor", + "backgroundColor": "$background", + "minWidth": 0, + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineWidth": 2, + "outlineStyle": "solid" + } + } + }, + "size": { + "...size": "Function" + }, + "disabled": { + "true": {} + } + }, + "defaultProps": { + "unstyled": false + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "Input", + "isReactNative": true, + "isText": true, + "acceptsClassName": true, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true + } + }, + "InputFrame": { + "staticConfig": { + "isInput": true, + "accept": { + "placeholderTextColor": "color", + "selectionColor": "color" + }, + "variants": { + "unstyled": { + "false": { + "size": "$true", + "fontFamily": "$body", + "borderWidth": 1, + "outlineWidth": 0, + "color": "$color", + "tabIndex": 0, + "borderColor": "$borderColor", + "backgroundColor": "$background", + "minWidth": 0, + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineWidth": 2, + "outlineStyle": "solid" + } + } + }, + "size": { + "...size": "Function" + }, + "disabled": { + "true": {} + } + }, + "defaultProps": { + "unstyled": false + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "Input", + "isReactNative": true, + "isText": true, + "acceptsClassName": true, + "isStyledHOC": false + } + }, "Label": { "staticConfig": { "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, "fontFamily": "$body", "unstyled": false, "tag": "label" }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { @@ -12543,6 +16398,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -12646,6 +16502,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -12714,6 +16572,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -12725,9 +16642,13 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, "defaultVariants": { "unstyled": false @@ -12744,23 +16665,50 @@ "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, "fontFamily": "$body", "unstyled": false, "tag": "label" }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { @@ -12791,6 +16739,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -12894,6 +16843,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -12962,6 +16913,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -12973,9 +16983,13 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, "defaultVariants": { "unstyled": false @@ -12989,6 +17003,14 @@ "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "tag": "li", "unstyled": false @@ -13000,6 +17022,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -13103,6 +17126,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -13170,7 +17195,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -13323,6 +17407,14 @@ "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "tag": "li", "unstyled": false @@ -13334,6 +17426,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -13437,6 +17530,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -13504,7 +17599,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -13656,22 +17810,49 @@ "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, "fontFamily": "$body", "unstyled": false }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { @@ -13700,6 +17881,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -13803,6 +17985,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -13871,6 +18055,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -13882,9 +18125,13 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, "defaultVariants": { "unstyled": false @@ -13899,261 +18146,49 @@ "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, "fontFamily": "$body", "unstyled": false }, "inlineWhenUnflattened": {}, "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" }, - "ellipsis": { + "selectable": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { + "userSelect": "text", + "cursor": "text" + }, "false": { - "size": "$true", - "color": "$color", - "flexGrow": 1, - "flexShrink": 1, - "ellipse": true, + "userSelect": "none", "cursor": "default" } }, - "size": "Function", - "fontFamily": { - "...": "Function" - } - }, - "validStyles": { - "enterStyle": true, - "exitStyle": true, - "hoverStyle": true, - "pressStyle": true, - "focusStyle": true, - "disabledStyle": true, - "backfaceVisibility": true, - "borderBottomEndRadius": true, - "borderBottomStartRadius": true, - "borderBottomWidth": true, - "borderLeftWidth": true, - "borderRightWidth": true, - "borderBlockWidth": true, - "borderBlockEndWidth": true, - "borderBlockStartWidth": true, - "borderInlineWidth": true, - "borderInlineEndWidth": true, - "borderInlineStartWidth": true, - "borderStyle": true, - "borderBlockStyle": true, - "borderBlockEndStyle": true, - "borderBlockStartStyle": true, - "borderInlineStyle": true, - "borderInlineEndStyle": true, - "borderInlineStartStyle": true, - "borderTopEndRadius": true, - "borderTopStartRadius": true, - "borderTopWidth": true, - "borderWidth": true, - "transform": true, - "transformOrigin": true, - "alignContent": true, - "alignItems": true, - "alignSelf": true, - "borderEndWidth": true, - "borderStartWidth": true, - "bottom": true, - "display": true, - "end": true, - "flexBasis": true, - "flexDirection": true, - "flexWrap": true, - "gap": true, - "columnGap": true, - "rowGap": true, - "justifyContent": true, - "left": true, - "margin": true, - "marginBlock": true, - "marginBlockEnd": true, - "marginBlockStart": true, - "marginInline": true, - "marginInlineStart": true, - "marginInlineEnd": true, - "marginBottom": true, - "marginEnd": true, - "marginHorizontal": true, - "marginLeft": true, - "marginRight": true, - "marginStart": true, - "marginTop": true, - "marginVertical": true, - "overflow": true, - "padding": true, - "paddingBottom": true, - "paddingInline": true, - "paddingBlock": true, - "paddingBlockStart": true, - "paddingInlineEnd": true, - "paddingInlineStart": true, - "paddingEnd": true, - "paddingHorizontal": true, - "paddingLeft": true, - "paddingRight": true, - "paddingStart": true, - "paddingTop": true, - "paddingVertical": true, - "position": true, - "right": true, - "start": true, - "top": true, - "inset": true, - "insetBlock": true, - "insetBlockEnd": true, - "insetBlockStart": true, - "insetInline": true, - "insetInlineEnd": true, - "insetInlineStart": true, - "direction": true, - "shadowOffset": true, - "shadowRadius": true, - "backgroundColor": true, - "borderColor": true, - "borderBlockStartColor": true, - "borderBlockEndColor": true, - "borderBlockColor": true, - "borderBottomColor": true, - "borderInlineColor": true, - "borderInlineStartColor": true, - "borderInlineEndColor": true, - "borderTopColor": true, - "borderLeftColor": true, - "borderRightColor": true, - "borderEndColor": true, - "borderStartColor": true, - "shadowColor": true, - "color": true, - "textDecorationColor": true, - "textShadowColor": true, - "borderRadius": true, - "borderTopLeftRadius": true, - "borderTopRightRadius": true, - "borderBottomLeftRadius": true, - "borderBottomRightRadius": true, - "borderStartStartRadius": true, - "borderStartEndRadius": true, - "borderEndStartRadius": true, - "borderEndEndRadius": true, - "width": true, - "height": true, - "minWidth": true, - "minHeight": true, - "maxWidth": true, - "maxHeight": true, - "blockSize": true, - "minBlockSize": true, - "maxBlockSize": true, - "inlineSize": true, - "minInlineSize": true, - "maxInlineSize": true, - "x": true, - "y": true, - "scale": true, - "perspective": true, - "scaleX": true, - "scaleY": true, - "skewX": true, - "skewY": true, - "matrix": true, - "rotate": true, - "rotateY": true, - "rotateX": true, - "rotateZ": true, - "WebkitLineClamp": true, - "animationIterationCount": true, - "aspectRatio": true, - "borderImageOutset": true, - "borderImageSlice": true, - "borderImageWidth": true, - "columnCount": true, - "flex": true, - "flexGrow": true, - "flexOrder": true, - "flexPositive": true, - "flexShrink": true, - "flexNegative": true, - "fontWeight": true, - "gridRow": true, - "gridRowEnd": true, - "gridRowGap": true, - "gridRowStart": true, - "gridColumn": true, - "gridColumnEnd": true, - "gridColumnGap": true, - "gridColumnStart": true, - "gridTemplateColumns": true, - "gridTemplateAreas": true, - "lineClamp": true, - "opacity": true, - "order": true, - "orphans": true, - "tabSize": true, - "widows": true, - "zIndex": true, - "zoom": true, - "scaleZ": true, - "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "ListItemText", - "isReactNative": false, - "isStyledHOC": false - } - }, - "ListItemTitle": { - "staticConfig": { - "acceptsClassName": true, - "isText": true, - "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", - "unstyled": false - }, - "inlineWhenUnflattened": {}, - "variants": { "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { @@ -14178,6 +18213,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -14281,6 +18317,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -14349,6 +18387,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -14360,22 +18457,87 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "ListItemTitle", + "defaultVariants": { + "unstyled": false + }, + "componentName": "ListItemText", "isReactNative": false, "isStyledHOC": false } }, - "PopoverArrow": { + "ListItemTitle": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, + "fontFamily": "$body", "unstyled": false }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color", + "flexGrow": 1, + "flexShrink": 1, + "ellipse": true, + "cursor": "default" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -14383,6 +18545,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -14486,6 +18649,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -14553,48 +18718,104 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "unstyled": { - "false": { - "borderColor": "$borderColor", - "backgroundColor": "$background", - "position": "relative" - } - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "PopperArrow", + "componentName": "ListItemTitle", "isReactNative": false, - "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "PopoverContent": { + "Main": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "main", + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -14603,6 +18824,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -14706,6 +18928,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -14773,140 +18997,86 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "unstyled": { - "false": { - "size": "$true", - "backgroundColor": "$background", - "alignItems": "center", - "radiused": true - } - }, - "size": { - "...size": "Function" - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "PopperContent", + "componentName": "Main", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "PopperAnchor": { + "Nav": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "nav", "flexDirection": "column" }, "validStyles": { @@ -14916,6 +19086,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -15019,6 +19190,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -15086,35 +19259,85 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function" + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, + "componentName": "Nav", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "PopperArrow": { + "Overlay": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -15125,6 +19348,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -15228,6 +19452,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -15295,7 +19521,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -15312,31 +19597,189 @@ ":number": "Function" }, "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "open": { + "true": { + "opacity": 1, + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } + }, "unstyled": { "false": { - "borderColor": "$borderColor", - "backgroundColor": "$background", - "position": "relative" + "fullscreen": true, + "position": "absolute", + "backgrounded": true, + "zIndex": 99999, + "pointerEvents": "auto" } } }, "defaultVariants": { "unstyled": false }, - "componentName": "PopperArrow", + "componentName": "SheetOverlay", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "PopperContentFrame": { + "Paragraph": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "margin": 0, + "fontFamily": "$body", + "unstyled": false, + "tag": "p", + "userSelect": "auto", + "color": "$color", + "size": "$true", + "whiteSpace": "normal" + }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } }, "validStyles": { "enterStyle": true, @@ -15345,6 +19788,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -15448,6 +19892,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -15515,138 +19961,102 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "unstyled": { - "false": { - "size": "$true", - "backgroundColor": "$background", - "alignItems": "center", - "radiused": true - } - }, - "size": { - "...size": "Function" - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "PopperContent", + "componentName": "Paragraph", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "Progress": { + "PopoverArrow": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -15657,6 +20067,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -15760,6 +20171,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -15827,7 +20240,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -15844,111 +20316,18 @@ ":number": "Function" }, "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, "unstyled": { "false": { - "borderRadius": 100000, - "overflow": "hidden", - "backgrounded": true + "borderColor": "$borderColor", + "backgroundColor": "$background", + "position": "relative" } - }, - "size": { - "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "Progress", + "componentName": "PopperArrow", "isReactNative": false, "isText": false, "isStyledHOC": false, @@ -15956,10 +20335,18 @@ "isHOC": true } }, - "ProgressFrame": { + "PopoverContent": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -15970,6 +20357,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -16073,6 +20461,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -16140,7 +20530,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -16249,9 +20698,10 @@ }, "unstyled": { "false": { - "borderRadius": 100000, - "overflow": "hidden", - "backgrounded": true + "size": "$true", + "backgroundColor": "$background", + "alignItems": "center", + "radiused": true } }, "size": { @@ -16261,18 +20711,27 @@ "defaultVariants": { "unstyled": false }, - "componentName": "Progress", + "componentName": "PopperContent", "isReactNative": false, "isText": false, - "isStyledHOC": false + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "ProgressIndicator": { + "PopperAnchor": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -16281,6 +20740,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -16384,6 +20844,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -16451,7 +20913,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -16467,109 +20988,8 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "unstyled": { - "false": { - "height": "100%", - "width": "100%", - "backgrounded": true - } - } - }, - "defaultVariants": { - "unstyled": false + "inset": "Function" }, - "componentName": "ProgressIndicator", "isReactNative": false, "isText": false, "isStyledHOC": false, @@ -16577,10 +20997,18 @@ "isHOC": true } }, - "ProgressIndicatorFrame": { + "PopperArrow": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -16591,6 +21019,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -16694,6 +21123,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -16761,7 +21192,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -16778,118 +21268,39 @@ ":number": "Function" }, "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, "unstyled": { "false": { - "height": "100%", - "width": "100%", - "backgrounded": true + "borderColor": "$borderColor", + "backgroundColor": "$background", + "position": "relative" } } }, "defaultVariants": { "unstyled": false }, - "componentName": "ProgressIndicator", + "componentName": "PopperArrow", "isReactNative": false, "isText": false, - "isStyledHOC": false + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "RadioGroup": { + "PopperContentFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -16898,6 +21309,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -17001,6 +21413,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -17068,7 +21482,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -17175,30 +21648,41 @@ } } }, - "orientation": { - "horizontal": { - "flexDirection": "row", - "spaceDirection": "horizontal" - }, - "vertical": { - "flexDirection": "column", - "spaceDirection": "vertical" + "unstyled": { + "false": { + "size": "$true", + "backgroundColor": "$background", + "alignItems": "center", + "radiused": true } + }, + "size": { + "...size": "Function" } }, - "componentName": "RadioGroup", + "defaultVariants": { + "unstyled": false + }, + "componentName": "PopperContent", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isHOC": true + "isStyledHOC": false } }, - "RadioGroupFrame": { + "Progress": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -17207,6 +21691,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -17310,6 +21795,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -17377,7 +21864,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -17484,27 +22030,40 @@ } } }, - "orientation": { - "horizontal": { - "flexDirection": "row", - "spaceDirection": "horizontal" - }, - "vertical": { - "flexDirection": "column", - "spaceDirection": "vertical" + "unstyled": { + "false": { + "borderRadius": 100000, + "overflow": "hidden", + "backgrounded": true } + }, + "size": { + "...size": "Function" } }, - "componentName": "RadioGroup", + "defaultVariants": { + "unstyled": false + }, + "componentName": "Progress", "isReactNative": false, "isText": false, - "isStyledHOC": false + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "RadioGroupIndicatorFrame": { + "ProgressFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -17515,6 +22074,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -17618,6 +22178,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -17685,7 +22247,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -17794,29 +22415,37 @@ }, "unstyled": { "false": { - "width": "33%", - "height": "33%", - "borderRadius": 1000, - "backgroundColor": "$color", - "pressTheme": true + "borderRadius": 100000, + "overflow": "hidden", + "backgrounded": true } + }, + "size": { + "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "RadioGroupIndicator", + "componentName": "Progress", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "RadioGroupItemFrame": { + "ProgressIndicator": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "tag": "button", "unstyled": false }, "validStyles": { @@ -17826,6 +22455,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -17929,6 +22559,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -17996,7 +22628,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -18105,96 +22796,37 @@ }, "unstyled": { "false": { - "size": "$true", - "borderRadius": 1000, - "backgroundColor": "$background", - "alignItems": "center", - "justifyContent": "center", - "borderWidth": 1, - "borderColor": "$borderColor", - "padding": 0, - "hoverStyle": { - "borderColor": "$borderColorHover", - "backgroundColor": "$backgroundHover" - }, - "focusStyle": { - "borderColor": "$borderColorHover", - "backgroundColor": "$backgroundHover" - }, - "focusVisibleStyle": { - "outlineStyle": "solid", - "outlineWidth": 2, - "outlineColor": "$outlineColor" - }, - "pressStyle": { - "borderColor": "$borderColorFocus", - "backgroundColor": "$backgroundFocus" - } - } - }, - "disabled": { - "true": { - "pointerEvents": "none", - "userSelect": "none", - "cursor": "not-allowed", - "hoverStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$background" - }, - "pressStyle": { - "borderColor": "$borderColor", - "backgroundColor": "$backgroundColor" - }, - "focusVisibleStyle": { - "outlineWidth": 0 - } + "height": "100%", + "width": "100%", + "backgrounded": true } - }, - "size": { - "...size": "Function" } }, "defaultVariants": { "unstyled": false }, - "componentName": "RadioGroupItem", + "componentName": "ProgressIndicator", "isReactNative": false, "isText": false, - "isStyledHOC": false - } - }, - "ScrollView": { - "staticConfig": { - "accept": { - "contentContainerStyle": "style" - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - } - }, - "defaultProps": { - "scrollEnabled": true - }, - "componentName": "ScrollView", - "isReactNative": true, - "isText": false, - "acceptsClassName": true, - "isStyledHOC": false + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "SelectGroupFrame": { + "ProgressIndicatorFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "width": "100%" + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -18203,6 +22835,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -18306,6 +22939,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -18373,7 +23008,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -18389,21 +23083,127 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "unstyled": { + "false": { + "height": "100%", + "width": "100%", + "backgrounded": true + } + } }, - "componentName": "SelectGroup", + "defaultVariants": { + "unstyled": false + }, + "componentName": "ProgressIndicator", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SelectIcon": { + "RadioGroup": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row", - "aria-hidden": true, - "children": "Component" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -18412,6 +23212,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -18515,6 +23316,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -18582,7 +23385,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -18598,27 +23460,129 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "orientation": { + "horizontal": { + "flexDirection": "row", + "spaceDirection": "horizontal" + }, + "vertical": { + "flexDirection": "column", + "spaceDirection": "vertical" + } + } }, - "componentName": "SelectIcon", + "componentName": "RadioGroup", "isReactNative": false, "isText": false, "isStyledHOC": false, - "neverFlatten": true + "neverFlatten": true, + "isHOC": true } }, - "SelectSeparator": { + "RadioGroupFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "borderColor": "$borderColor", + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, "flexShrink": 0, - "borderWidth": 0, - "flex": 1, - "height": 0, - "maxHeight": 0, - "borderBottomWidth": 1, - "y": -0.5 + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -18627,6 +23591,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -18730,6 +23695,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -18797,247 +23764,203 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { - "vertical": { + "fullscreen": { "true": { - "y": 0, - "x": -0.5, - "height": "auto", - "maxHeight": "auto", - "width": 0, - "maxWidth": 0, - "borderBottomWidth": 0, - "borderRightWidth": 1 + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } - } - }, - "componentName": "SelectSeparator", - "isReactNative": false, - "isText": false, - "isStyledHOC": false - } - }, - "Separator": { - "staticConfig": { - "acceptsClassName": true, - "defaultProps": { - "borderColor": "$borderColor", - "flexShrink": 0, - "borderWidth": 0, - "flex": 1, - "height": 0, - "maxHeight": 0, - "borderBottomWidth": 1, - "y": -0.5 - }, - "validStyles": { - "enterStyle": true, - "exitStyle": true, - "hoverStyle": true, - "pressStyle": true, - "focusStyle": true, - "disabledStyle": true, - "backfaceVisibility": true, - "borderBottomEndRadius": true, - "borderBottomStartRadius": true, - "borderBottomWidth": true, - "borderLeftWidth": true, - "borderRightWidth": true, - "borderBlockWidth": true, - "borderBlockEndWidth": true, - "borderBlockStartWidth": true, - "borderInlineWidth": true, - "borderInlineEndWidth": true, - "borderInlineStartWidth": true, - "borderStyle": true, - "borderBlockStyle": true, - "borderBlockEndStyle": true, - "borderBlockStartStyle": true, - "borderInlineStyle": true, - "borderInlineEndStyle": true, - "borderInlineStartStyle": true, - "borderTopEndRadius": true, - "borderTopStartRadius": true, - "borderTopWidth": true, - "borderWidth": true, - "transform": true, - "transformOrigin": true, - "alignContent": true, - "alignItems": true, - "alignSelf": true, - "borderEndWidth": true, - "borderStartWidth": true, - "bottom": true, - "display": true, - "end": true, - "flexBasis": true, - "flexDirection": true, - "flexWrap": true, - "gap": true, - "columnGap": true, - "rowGap": true, - "justifyContent": true, - "left": true, - "margin": true, - "marginBlock": true, - "marginBlockEnd": true, - "marginBlockStart": true, - "marginInline": true, - "marginInlineStart": true, - "marginInlineEnd": true, - "marginBottom": true, - "marginEnd": true, - "marginHorizontal": true, - "marginLeft": true, - "marginRight": true, - "marginStart": true, - "marginTop": true, - "marginVertical": true, - "overflow": true, - "padding": true, - "paddingBottom": true, - "paddingInline": true, - "paddingBlock": true, - "paddingBlockStart": true, - "paddingInlineEnd": true, - "paddingInlineStart": true, - "paddingEnd": true, - "paddingHorizontal": true, - "paddingLeft": true, - "paddingRight": true, - "paddingStart": true, - "paddingTop": true, - "paddingVertical": true, - "position": true, - "right": true, - "start": true, - "top": true, - "inset": true, - "insetBlock": true, - "insetBlockEnd": true, - "insetBlockStart": true, - "insetInline": true, - "insetInlineEnd": true, - "insetInlineStart": true, - "direction": true, - "shadowOffset": true, - "shadowRadius": true, - "backgroundColor": true, - "borderColor": true, - "borderBlockStartColor": true, - "borderBlockEndColor": true, - "borderBlockColor": true, - "borderBottomColor": true, - "borderInlineColor": true, - "borderInlineStartColor": true, - "borderInlineEndColor": true, - "borderTopColor": true, - "borderLeftColor": true, - "borderRightColor": true, - "borderEndColor": true, - "borderStartColor": true, - "shadowColor": true, - "color": true, - "textDecorationColor": true, - "textShadowColor": true, - "borderRadius": true, - "borderTopLeftRadius": true, - "borderTopRightRadius": true, - "borderBottomLeftRadius": true, - "borderBottomRightRadius": true, - "borderStartStartRadius": true, - "borderStartEndRadius": true, - "borderEndStartRadius": true, - "borderEndEndRadius": true, - "width": true, - "height": true, - "minWidth": true, - "minHeight": true, - "maxWidth": true, - "maxHeight": true, - "blockSize": true, - "minBlockSize": true, - "maxBlockSize": true, - "inlineSize": true, - "minInlineSize": true, - "maxInlineSize": true, - "x": true, - "y": true, - "scale": true, - "perspective": true, - "scaleX": true, - "scaleY": true, - "skewX": true, - "skewY": true, - "matrix": true, - "rotate": true, - "rotateY": true, - "rotateX": true, - "rotateZ": true, - "WebkitLineClamp": true, - "animationIterationCount": true, - "aspectRatio": true, - "borderImageOutset": true, - "borderImageSlice": true, - "borderImageWidth": true, - "columnCount": true, - "flex": true, - "flexGrow": true, - "flexOrder": true, - "flexPositive": true, - "flexShrink": true, - "flexNegative": true, - "fontWeight": true, - "gridRow": true, - "gridRowEnd": true, - "gridRowGap": true, - "gridRowStart": true, - "gridColumn": true, - "gridColumnEnd": true, - "gridColumnGap": true, - "gridColumnStart": true, - "gridTemplateColumns": true, - "gridTemplateAreas": true, - "lineClamp": true, - "opacity": true, - "order": true, - "orphans": true, - "tabSize": true, - "widows": true, - "zIndex": true, - "zoom": true, - "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "vertical": { + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { "true": { - "y": 0, - "x": -0.5, - "height": "auto", - "maxHeight": "auto", - "width": 0, - "maxWidth": 0, - "borderBottomWidth": 0, - "borderRightWidth": 1 + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "orientation": { + "horizontal": { + "flexDirection": "row", + "spaceDirection": "horizontal" + }, + "vertical": { + "flexDirection": "column", + "spaceDirection": "vertical" } } }, - "componentName": "Separator", + "componentName": "RadioGroup", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Square": { + "RadioGroupIndicatorFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "alignItems": "center", - "justifyContent": "center" + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -19046,6 +23969,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -19149,6 +24073,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -19216,7 +24142,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -19323,25 +24308,40 @@ } } }, - "size": { - "...size": "Function", - ":number": "Function" + "unstyled": { + "false": { + "width": "33%", + "height": "33%", + "borderRadius": 1000, + "backgroundColor": "$color", + "pressTheme": true + } } }, - "componentName": "Square", + "defaultVariants": { + "unstyled": false + }, + "componentName": "RadioGroupIndicator", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Circle": { + "RadioGroupItemFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "alignItems": "center", - "justifyContent": "center", - "circular": true + "tag": "button", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -19350,6 +24350,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -19453,6 +24454,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -19520,7 +24523,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -19627,23 +24689,107 @@ } } }, + "unstyled": { + "false": { + "size": "$true", + "borderRadius": 1000, + "backgroundColor": "$background", + "alignItems": "center", + "justifyContent": "center", + "borderWidth": 1, + "borderColor": "$borderColor", + "padding": 0, + "hoverStyle": { + "borderColor": "$borderColorHover", + "backgroundColor": "$backgroundHover" + }, + "focusStyle": { + "borderColor": "$borderColorHover", + "backgroundColor": "$backgroundHover" + }, + "focusVisibleStyle": { + "outlineStyle": "solid", + "outlineWidth": 2, + "outlineColor": "$outlineColor" + }, + "pressStyle": { + "borderColor": "$borderColorFocus", + "backgroundColor": "$backgroundFocus" + } + } + }, + "disabled": { + "true": { + "pointerEvents": "none", + "userSelect": "none", + "cursor": "not-allowed", + "hoverStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$background" + }, + "pressStyle": { + "borderColor": "$borderColor", + "backgroundColor": "$backgroundColor" + }, + "focusVisibleStyle": { + "outlineWidth": 0 + } + } + }, "size": { - "...size": "Function", - ":number": "Function" + "...size": "Function" } }, - "componentName": "Circle", + "defaultVariants": { + "unstyled": false + }, + "componentName": "RadioGroupItem", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Frame": { + "ScrollView": { + "staticConfig": { + "accept": { + "contentContainerStyle": "style" + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + } + }, + "defaultProps": { + "scrollEnabled": true + }, + "componentName": "ScrollView", + "isReactNative": true, + "isText": false, + "acceptsClassName": true, + "isStyledHOC": false + } + }, + "Section": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "section", "flexDirection": "column", - "unstyled": false + "accessibilityRole": "summary" }, "validStyles": { "enterStyle": true, @@ -19652,6 +24798,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -19755,6 +24902,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -19822,50 +24971,87 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "unstyled": { - "false": { - "flex": 1, - "backgroundColor": "$background", - "borderTopLeftRadius": "$true", - "borderTopRightRadius": "$true", - "width": "100%", - "maxHeight": "100%", - "overflow": "hidden" - } - } - }, - "defaultVariants": { - "unstyled": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Sheet", + "componentName": "Section", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Handle": { + "SelectGroupFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "width": "100%" }, "validStyles": { "enterStyle": true, @@ -19874,6 +25060,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -19977,6 +25164,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -20044,7 +25233,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -20060,46 +25308,29 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function", - "open": { - "true": { - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "height": 10, - "borderRadius": 100, - "backgroundColor": "$background", - "zIndex": 10, - "marginHorizontal": "35%", - "marginBottom": "$2", - "opacity": 0.5, - "hoverStyle": { - "opacity": 0.7 - } - } - } - }, - "defaultVariants": { - "unstyled": false + "inset": "Function" }, - "componentName": "SheetHandle", + "componentName": "SelectGroup", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "Overlay": { + "SelectIcon": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row", + "aria-hidden": true, + "children": "Component" }, "validStyles": { "enterStyle": true, @@ -20108,6 +25339,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -20211,6 +25443,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -20278,7 +25512,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -20294,132 +25587,35 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "open": { - "true": { - "opacity": 1, - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "fullscreen": true, - "position": "absolute", - "backgrounded": true, - "zIndex": 99999, - "pointerEvents": "auto" - } - } - }, - "defaultVariants": { - "unstyled": false + "inset": "Function" }, - "componentName": "SheetOverlay", + "componentName": "SelectIcon", "isReactNative": false, "isText": false, - "isStyledHOC": false + "isStyledHOC": false, + "neverFlatten": true } }, - "SheetHandleFrame": { + "SelectSeparator": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row", - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "borderColor": "$borderColor", + "flexShrink": 0, + "borderWidth": 0, + "flex": 1, + "height": 0, + "maxHeight": 0, + "borderBottomWidth": 1, + "y": -0.5 }, "validStyles": { "enterStyle": true, @@ -20428,6 +25624,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -20531,6 +25728,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -20598,62 +25797,107 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "open": { + "vertical": { "true": { - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "height": 10, - "borderRadius": 100, - "backgroundColor": "$background", - "zIndex": 10, - "marginHorizontal": "35%", - "marginBottom": "$2", - "opacity": 0.5, - "hoverStyle": { - "opacity": 0.7 - } + "y": 0, + "x": -0.5, + "height": "initial", + "maxHeight": "initial", + "width": 0, + "maxWidth": 0, + "borderBottomWidth": 0, + "borderRightWidth": 1 } } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "SheetHandle", + "componentName": "SelectSeparator", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SheetOverlayFrame": { + "Separator": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", "flexDirection": "column", - "unstyled": false + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "borderColor": "$borderColor", + "flexShrink": 0, + "borderWidth": 0, + "flex": 1, + "height": 0, + "maxHeight": 0, + "borderBottomWidth": 1, + "y": -0.5 }, "validStyles": { "enterStyle": true, @@ -20662,6 +25906,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -20765,6 +26010,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -20832,148 +26079,101 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "open": { + "vertical": { "true": { - "opacity": 1, - "pointerEvents": "auto" - }, - "false": { - "opacity": 0, - "pointerEvents": "none" - } - }, - "unstyled": { - "false": { - "fullscreen": true, - "position": "absolute", - "backgrounded": true, - "zIndex": 99999, - "pointerEvents": "auto" + "y": 0, + "x": -0.5, + "height": "initial", + "maxHeight": "initial", + "width": 0, + "maxWidth": 0, + "borderBottomWidth": 0, + "borderRightWidth": 1 } } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "SheetOverlay", + "componentName": "Separator", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SliderFrame": { + "SheetHandleFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "position": "relative" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -20982,6 +26182,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -21085,6 +26286,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -21152,7 +26355,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -21169,21 +26431,51 @@ ":number": "Function" }, "inset": "Function", - "orientation": { - "horizontal": {}, - "vertical": {} + "open": { + "true": { + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } }, - "size": "Function" + "unstyled": { + "false": { + "height": 10, + "borderRadius": 100, + "backgroundColor": "$background", + "zIndex": 10, + "marginHorizontal": "35%", + "marginBottom": "$2", + "opacity": 0.5, + "hoverStyle": { + "opacity": 0.7 + } + } + } + }, + "defaultVariants": { + "unstyled": false }, + "componentName": "SheetHandle", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SliderThumbFrame": { + "SheetOverlayFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", "unstyled": false }, @@ -21194,6 +26486,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -21297,6 +26590,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -21364,7 +26659,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -21471,37 +26825,48 @@ } } }, - "size": { - "...size": "Function" + "open": { + "true": { + "opacity": 1, + "pointerEvents": "auto" + }, + "false": { + "opacity": 0, + "pointerEvents": "none" + } }, "unstyled": { "false": { + "fullscreen": true, "position": "absolute", - "bordered": 2, - "borderWidth": 2, "backgrounded": true, - "pressTheme": false, - "focusTheme": false, - "hoverTheme": false + "zIndex": 99999, + "pointerEvents": "auto" } } }, "defaultVariants": { "unstyled": false }, - "componentName": "SliderThumb", + "componentName": "SheetOverlay", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SliderTrackActiveFrame": { + "SizableStack": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "backgroundColor": "$background", - "position": "absolute" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row" }, "validStyles": { "enterStyle": true, @@ -21510,6 +26875,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -21613,6 +26979,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -21680,7 +27048,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -21697,26 +27124,121 @@ ":number": "Function" }, "inset": "Function", - "orientation": { - "horizontal": {}, - "vertical": {} + "unstyled": { + "true": { + "hoverTheme": false, + "pressTheme": false, + "focusTheme": false, + "elevate": false, + "bordered": false + } }, - "size": "Function" + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "size": { + "...size": "Function" + } }, - "componentName": "SliderTrackActive", + "componentName": "SizableStack", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "SliderTrackFrame": { + "SizableText": { "staticConfig": { "acceptsClassName": true, + "isText": true, "defaultProps": { - "flexDirection": "column", - "position": "relative", + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "margin": 0, + "fontFamily": "$body", "unstyled": false }, + "inlineWhenUnflattened": {}, + "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, + "ellipse": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "ellipsis": { + "true": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + } + }, + "unstyled": { + "false": { + "size": "$true", + "color": "$color" + } + }, + "size": "Function", + "fontFamily": { + "...": "Function" + } + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -21724,6 +27246,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -21827,6 +27350,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -21894,53 +27419,106 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "orientation": { - "horizontal": {}, - "vertical": {} - }, - "size": "Function", - "unstyled": { - "false": { - "height": "100%", - "width": "100%", - "backgroundColor": "$background", - "position": "relative", - "borderRadius": 100000, - "overflow": "hidden" - } - } + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, + "fontFamily": true, + "fontSize": true, + "fontStyle": true, + "letterSpacing": true, + "lineHeight": true, + "textTransform": true, + "textAlign": true, + "textDecorationLine": true, + "textDecorationStyle": true, + "textShadowOffset": true, + "textShadowRadius": true, + "selectable": true, + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, "defaultVariants": { "unstyled": false }, - "componentName": "SliderTrack", + "componentName": "SizableText", "isReactNative": false, - "isText": false, "isStyledHOC": false } }, - "XStack": { + "SliderFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "position": "relative" }, "validStyles": { "enterStyle": true, @@ -21949,6 +27527,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -22052,6 +27631,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -22119,7 +27700,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -22135,18 +27775,32 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "orientation": { + "horizontal": {}, + "vertical": {} + }, + "size": "Function" }, "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "YStack": { + "SliderThumbFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -22155,6 +27809,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -22258,6 +27913,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -22325,7 +27982,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -22341,19 +28057,135 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + }, + "size": { + "...size": "Function" + }, + "unstyled": { + "false": { + "position": "absolute", + "bordered": 2, + "borderWidth": 2, + "backgrounded": true, + "pressTheme": true, + "focusTheme": true, + "hoverTheme": true + } + } + }, + "defaultVariants": { + "unstyled": false }, + "componentName": "SliderThumb", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "ZStack": { + "SliderTrackActiveFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "position": "relative" + "backgroundColor": "$background", + "position": "absolute" }, "validStyles": { "enterStyle": true, @@ -22362,6 +28194,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -22465,6 +28298,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -22532,7 +28367,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -22548,20 +28442,33 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function" + "inset": "Function", + "orientation": { + "horizontal": {}, + "vertical": {} + }, + "size": "Function" }, + "componentName": "SliderTrackActive", "isReactNative": false, "isText": false, - "isStyledHOC": false, - "neverFlatten": true, - "isZStack": true + "isStyledHOC": false } }, - "SizableStack": { + "SliderTrackFrame": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "position": "relative", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -22570,6 +28477,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -22673,6 +28581,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -22740,7 +28650,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -22757,66 +28726,36 @@ ":number": "Function" }, "inset": "Function", + "orientation": { + "horizontal": {}, + "vertical": {} + }, + "size": "Function", "unstyled": { - "true": { - "hoverTheme": false, - "pressTheme": false, - "focusTheme": false, - "elevate": false, - "bordered": false + "false": { + "height": "100%", + "width": "100%", + "backgroundColor": "$background", + "position": "relative", + "borderRadius": 100000, + "overflow": "hidden" } - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "size": { - "...size": "Function" } }, - "componentName": "SizableStack", + "defaultVariants": { + "unstyled": false + }, + "componentName": "SliderTrack", "isReactNative": false, "isText": false, "isStyledHOC": false } }, - "ThemeableStack": { + "Spacer": { "staticConfig": { "acceptsClassName": true, - "defaultProps": { - "flexDirection": "column" - }, + "memo": true, + "componentName": "Spacer", "validStyles": { "enterStyle": true, "exitStyle": true, @@ -22824,6 +28763,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -22927,6 +28867,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -22994,127 +28936,117 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "tag": "span", + "size": true, + "pointerEvents": "none" }, "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" + "size": { + "...": "Function" }, - "inset": "Function", - "backgrounded": { + "flex": { "true": { - "backgroundColor": "$background" + "flexGrow": 1 } }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } + "direction": { + "horizontal": { + "height": 0, + "minHeight": 0 }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } + "vertical": { + "width": 0, + "minWidth": 0 }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } + "both": {} } - }, - "isReactNative": false, - "isText": false, - "isStyledHOC": false + } } }, - "Switch": { + "Spinner": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "column", - "tag": "button", - "tabIndex": 0, - "unstyled": false + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -23123,6 +29055,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -23226,6 +29159,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -23293,7 +29228,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -23309,47 +29303,29 @@ "...size": "Function", ":number": "Function" }, - "inset": "Function", - "unstyled": { - "false": { - "borderRadius": 1000, - "backgroundColor": "$background", - "borderWidth": 2, - "borderColor": "$background", - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineStyle": "solid", - "outlineWidth": 2 - } - } - }, - "checked": { - "true": {} - }, - "size": { - "...size": "Function" - } - }, - "defaultVariants": { - "unstyled": false + "inset": "Function" }, - "componentName": "Switch", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "SwitchFrame": { + "Square": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, "flexDirection": "column", - "tag": "button", - "tabIndex": 0, - "unstyled": false + "alignItems": "center", + "justifyContent": "center" }, "validStyles": { "enterStyle": true, @@ -23358,6 +29334,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -23461,6 +29438,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -23528,7 +29507,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -23545,42 +29583,120 @@ ":number": "Function" }, "inset": "Function", - "unstyled": { - "false": { - "borderRadius": 1000, - "backgroundColor": "$background", - "borderWidth": 2, - "borderColor": "$background", - "focusVisibleStyle": { - "outlineColor": "$outlineColor", - "outlineStyle": "solid", - "outlineWidth": 2 + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" } }, - "checked": { - "true": {} + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } }, "size": { - "...size": "Function" + "...size": "Function", + ":number": "Function" } }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "Switch", + "componentName": "Square", "isReactNative": false, "isText": false, - "context": "Component", "isStyledHOC": false } }, - "SwitchThumb": { + "Stack": { "staticConfig": { "acceptsClassName": true, "defaultProps": { + "display": "flex", + "alignItems": "stretch", "flexDirection": "column", - "unstyled": false + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 }, "validStyles": { "enterStyle": true, @@ -23589,6 +29705,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -23692,6 +29809,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -23759,142 +29878,85 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true - }, - "variants": { - "fullscreen": { - "true": { - "position": "absolute", - "top": 0, - "left": 0, - "right": 0, - "bottom": 0 - } - }, - "elevation": { - "...size": "Function", - ":number": "Function" - }, - "inset": "Function", - "backgrounded": { - "true": { - "backgroundColor": "$background" - } - }, - "radiused": { - "true": "Function" - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" - } - }, - "false": {} - }, - "circular": { - "true": "Function" - }, - "padded": { - "true": "Function" - }, - "elevate": { - "true": "Function" - }, - "bordered": "Function", - "transparent": { - "true": { - "backgroundColor": "transparent" - } - }, - "chromeless": { - "true": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "all": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "pressStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - }, - "focusStyle": { - "backgroundColor": "transparent", - "borderColor": "transparent", - "shadowColor": "transparent", - "hoverStyle": { - "borderColor": "transparent" - } - } - } - }, - "unstyled": { - "false": { - "size": "$true", - "backgroundColor": "$background", - "borderRadius": 1000 - } - }, - "checked": { - "true": {} - }, - "size": { - "...size": "Function" - } - }, - "defaultVariants": { - "unstyled": false - }, - "componentName": "SwitchThumb", - "isReactNative": false, - "isText": false, - "context": "Component", - "isStyledHOC": false + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + } } }, - "Tabs": { + "Switch": { "staticConfig": { "acceptsClassName": true, "defaultProps": { - "flexDirection": "row" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "tag": "button", + "tabIndex": 0, + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -23903,6 +29965,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -24006,6 +30069,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -24073,7 +30138,66 @@ "zIndex": true, "zoom": true, "scaleZ": true, - "shadowOpacity": true + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, "variants": { "fullscreen": { @@ -24091,95 +30215,54 @@ }, "inset": "Function", "unstyled": { - "true": { - "hoverTheme": false, - "pressTheme": false, - "focusTheme": false, - "elevate": false, - "bordered": false - } - }, - "hoverTheme": { - "true": { - "hoverStyle": { - "backgroundColor": "$backgroundHover", - "borderColor": "$borderColorHover" - } - }, - "false": {} - }, - "pressTheme": { - "true": { - "cursor": "pointer", - "pressStyle": { - "backgroundColor": "$backgroundPress", - "borderColor": "$borderColorPress" - } - }, - "false": {} - }, - "focusTheme": { - "true": { - "focusStyle": { - "backgroundColor": "$backgroundFocus", - "borderColor": "$borderColorFocus" + "false": { + "borderRadius": 1000, + "backgroundColor": "$background", + "borderWidth": 2, + "borderColor": "$background", + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineStyle": "solid", + "outlineWidth": 2 } - }, - "false": {} - }, - "circular": { - "true": "Function" + } }, - "elevate": { - "true": "Function" + "checked": { + "true": {} }, - "bordered": "Function", "size": { "...size": "Function" } }, - "componentName": "Tabs", + "defaultVariants": { + "unstyled": false + }, + "componentName": "Switch", "isReactNative": false, "isText": false, + "context": "Component", "isStyledHOC": false, "neverFlatten": true, "isHOC": true } }, - "SizableText": { + "SwitchFrame": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "tag": "button", + "tabIndex": 0, "unstyled": false }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } - }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -24187,6 +30270,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -24290,6 +30374,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -24358,68 +30444,510 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "unstyled": { + "false": { + "borderRadius": 1000, + "backgroundColor": "$background", + "borderWidth": 2, + "borderColor": "$background", + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineStyle": "solid", + "outlineWidth": 2 + } + } + }, + "checked": { + "true": {} + }, + "size": { + "...size": "Function" + } }, "defaultVariants": { "unstyled": false }, - "componentName": "SizableText", + "componentName": "Switch", "isReactNative": false, + "isText": false, + "context": "Component", "isStyledHOC": false } }, - "Paragraph": { + "SwitchThumb": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "fontFamily": "$body", - "unstyled": false, - "tag": "p", - "userSelect": "auto", - "color": "$color", - "size": "$true", - "whiteSpace": "normal" + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false + }, + "validStyles": { + "enterStyle": true, + "exitStyle": true, + "hoverStyle": true, + "pressStyle": true, + "focusStyle": true, + "disabledStyle": true, + "focusVisibleStyle": true, + "backfaceVisibility": true, + "borderBottomEndRadius": true, + "borderBottomStartRadius": true, + "borderBottomWidth": true, + "borderLeftWidth": true, + "borderRightWidth": true, + "borderBlockWidth": true, + "borderBlockEndWidth": true, + "borderBlockStartWidth": true, + "borderInlineWidth": true, + "borderInlineEndWidth": true, + "borderInlineStartWidth": true, + "borderStyle": true, + "borderBlockStyle": true, + "borderBlockEndStyle": true, + "borderBlockStartStyle": true, + "borderInlineStyle": true, + "borderInlineEndStyle": true, + "borderInlineStartStyle": true, + "borderTopEndRadius": true, + "borderTopStartRadius": true, + "borderTopWidth": true, + "borderWidth": true, + "transform": true, + "transformOrigin": true, + "alignContent": true, + "alignItems": true, + "alignSelf": true, + "borderEndWidth": true, + "borderStartWidth": true, + "bottom": true, + "display": true, + "end": true, + "flexBasis": true, + "flexDirection": true, + "flexWrap": true, + "gap": true, + "columnGap": true, + "rowGap": true, + "justifyContent": true, + "left": true, + "margin": true, + "marginBlock": true, + "marginBlockEnd": true, + "marginBlockStart": true, + "marginInline": true, + "marginInlineStart": true, + "marginInlineEnd": true, + "marginBottom": true, + "marginEnd": true, + "marginHorizontal": true, + "marginLeft": true, + "marginRight": true, + "marginStart": true, + "marginTop": true, + "marginVertical": true, + "overflow": true, + "padding": true, + "paddingBottom": true, + "paddingInline": true, + "paddingBlock": true, + "paddingBlockStart": true, + "paddingInlineEnd": true, + "paddingInlineStart": true, + "paddingEnd": true, + "paddingHorizontal": true, + "paddingLeft": true, + "paddingRight": true, + "paddingStart": true, + "paddingTop": true, + "paddingVertical": true, + "position": true, + "right": true, + "start": true, + "top": true, + "inset": true, + "insetBlock": true, + "insetBlockEnd": true, + "insetBlockStart": true, + "insetInline": true, + "insetInlineEnd": true, + "insetInlineStart": true, + "direction": true, + "shadowOffset": true, + "shadowRadius": true, + "backgroundColor": true, + "borderColor": true, + "borderBlockStartColor": true, + "borderBlockEndColor": true, + "borderBlockColor": true, + "borderBottomColor": true, + "borderInlineColor": true, + "borderInlineStartColor": true, + "borderInlineEndColor": true, + "borderTopColor": true, + "borderLeftColor": true, + "borderRightColor": true, + "borderEndColor": true, + "borderStartColor": true, + "shadowColor": true, + "color": true, + "textDecorationColor": true, + "textShadowColor": true, + "outlineColor": true, + "caretColor": true, + "borderRadius": true, + "borderTopLeftRadius": true, + "borderTopRightRadius": true, + "borderBottomLeftRadius": true, + "borderBottomRightRadius": true, + "borderStartStartRadius": true, + "borderStartEndRadius": true, + "borderEndStartRadius": true, + "borderEndEndRadius": true, + "width": true, + "height": true, + "minWidth": true, + "minHeight": true, + "maxWidth": true, + "maxHeight": true, + "blockSize": true, + "minBlockSize": true, + "maxBlockSize": true, + "inlineSize": true, + "minInlineSize": true, + "maxInlineSize": true, + "x": true, + "y": true, + "scale": true, + "perspective": true, + "scaleX": true, + "scaleY": true, + "skewX": true, + "skewY": true, + "matrix": true, + "rotate": true, + "rotateY": true, + "rotateX": true, + "rotateZ": true, + "WebkitLineClamp": true, + "animationIterationCount": true, + "aspectRatio": true, + "borderImageOutset": true, + "borderImageSlice": true, + "borderImageWidth": true, + "columnCount": true, + "flex": true, + "flexGrow": true, + "flexOrder": true, + "flexPositive": true, + "flexShrink": true, + "flexNegative": true, + "fontWeight": true, + "gridRow": true, + "gridRowEnd": true, + "gridRowGap": true, + "gridRowStart": true, + "gridColumn": true, + "gridColumnEnd": true, + "gridColumnGap": true, + "gridColumnStart": true, + "gridTemplateColumns": true, + "gridTemplateAreas": true, + "lineClamp": true, + "opacity": true, + "order": true, + "orphans": true, + "tabSize": true, + "widows": true, + "zIndex": true, + "zoom": true, + "scaleZ": true, + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "inlineWhenUnflattened": {}, "variants": { - "ellipse": { + "fullscreen": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } }, - "ellipsis": { + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } } }, "unstyled": { "false": { "size": "$true", - "color": "$color" + "backgroundColor": "$background", + "borderRadius": 1000 } }, - "size": "Function", - "fontFamily": { - "...": "Function" + "checked": { + "true": {} + }, + "size": { + "...size": "Function" } }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "SwitchThumb", + "isReactNative": false, + "isText": false, + "context": "Component", + "isStyledHOC": false + } + }, + "Tabs": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row" + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -24427,6 +30955,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -24530,6 +31059,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -24598,65 +31129,191 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "Paragraph", + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "unstyled": { + "true": { + "hoverTheme": false, + "pressTheme": false, + "focusTheme": false, + "elevate": false, + "bordered": false + } + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "size": { + "...size": "Function" + } + }, + "componentName": "Tabs", "isReactNative": false, - "isStyledHOC": false + "isText": false, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true } }, - "H1": { + "Text": { "staticConfig": { "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", + "fontFamily": "unset", + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", "margin": 0, - "tag": "h1", - "size": "$10" + "unstyled": false }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "unstyled": { "false": { - "size": "$true", "color": "$color" } - }, - "size": "Function", - "fontFamily": { - "...": "Function" } }, "validStyles": { @@ -24666,6 +31323,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -24769,6 +31427,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -24837,6 +31497,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -24848,56 +31567,147 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true + }, + "defaultVariants": { + "unstyled": false }, - "componentName": "H1", "isReactNative": false, "isStyledHOC": false } }, - "H2": { + "TextArea": { "staticConfig": { - "acceptsClassName": true, - "isText": true, - "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h2", - "size": "$9" + "isInput": true, + "accept": { + "placeholderTextColor": "color", + "selectionColor": "color" }, - "inlineWhenUnflattened": {}, "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "unstyled": { + "false": { + "size": "$true", + "fontFamily": "$body", + "borderWidth": 1, + "outlineWidth": 0, + "color": "$color", + "tabIndex": 0, + "borderColor": "$borderColor", + "backgroundColor": "$background", + "minWidth": 0, + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineWidth": 2, + "outlineStyle": "solid" + }, + "height": "auto" } }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } + "size": { + "...size": "Function" }, + "disabled": { + "true": {} + } + }, + "defaultProps": { + "unstyled": false, + "multiline": true, + "whiteSpace": "pre-wrap" + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "TextArea", + "isReactNative": true, + "isText": true, + "acceptsClassName": true, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true + } + }, + "TextAreaFrame": { + "staticConfig": { + "isInput": true, + "accept": { + "placeholderTextColor": "color", + "selectionColor": "color" + }, + "variants": { "unstyled": { "false": { "size": "$true", - "color": "$color" + "fontFamily": "$body", + "borderWidth": 1, + "outlineWidth": 0, + "color": "$color", + "tabIndex": 0, + "borderColor": "$borderColor", + "backgroundColor": "$background", + "minWidth": 0, + "hoverStyle": { + "borderColor": "$borderColorHover" + }, + "focusStyle": { + "borderColor": "$borderColorFocus" + }, + "focusVisibleStyle": { + "outlineColor": "$outlineColor", + "outlineWidth": 2, + "outlineStyle": "solid" + }, + "height": "auto" } }, - "size": "Function", - "fontFamily": { - "...": "Function" + "size": { + "...size": "Function" + }, + "disabled": { + "true": {} } }, + "defaultProps": { + "unstyled": false, + "multiline": true, + "whiteSpace": "pre-wrap" + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "TextArea", + "isReactNative": true, + "isText": true, + "acceptsClassName": true, + "isStyledHOC": false + } + }, + "ThemeableStack": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column" + }, "validStyles": { "enterStyle": true, "exitStyle": true, @@ -24905,6 +31715,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -25008,6 +31819,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -25076,65 +31889,508 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } + } + } }, - "componentName": "H2", "isReactNative": false, + "isText": false, "isStyledHOC": false } }, - "H3": { + "View": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexDirection": "column", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0 + }, + "validStyles": { + "enterStyle": true, + "exitStyle": true, + "hoverStyle": true, + "pressStyle": true, + "focusStyle": true, + "disabledStyle": true, + "focusVisibleStyle": true, + "backfaceVisibility": true, + "borderBottomEndRadius": true, + "borderBottomStartRadius": true, + "borderBottomWidth": true, + "borderLeftWidth": true, + "borderRightWidth": true, + "borderBlockWidth": true, + "borderBlockEndWidth": true, + "borderBlockStartWidth": true, + "borderInlineWidth": true, + "borderInlineEndWidth": true, + "borderInlineStartWidth": true, + "borderStyle": true, + "borderBlockStyle": true, + "borderBlockEndStyle": true, + "borderBlockStartStyle": true, + "borderInlineStyle": true, + "borderInlineEndStyle": true, + "borderInlineStartStyle": true, + "borderTopEndRadius": true, + "borderTopStartRadius": true, + "borderTopWidth": true, + "borderWidth": true, + "transform": true, + "transformOrigin": true, + "alignContent": true, + "alignItems": true, + "alignSelf": true, + "borderEndWidth": true, + "borderStartWidth": true, + "bottom": true, + "display": true, + "end": true, + "flexBasis": true, + "flexDirection": true, + "flexWrap": true, + "gap": true, + "columnGap": true, + "rowGap": true, + "justifyContent": true, + "left": true, + "margin": true, + "marginBlock": true, + "marginBlockEnd": true, + "marginBlockStart": true, + "marginInline": true, + "marginInlineStart": true, + "marginInlineEnd": true, + "marginBottom": true, + "marginEnd": true, + "marginHorizontal": true, + "marginLeft": true, + "marginRight": true, + "marginStart": true, + "marginTop": true, + "marginVertical": true, + "overflow": true, + "padding": true, + "paddingBottom": true, + "paddingInline": true, + "paddingBlock": true, + "paddingBlockStart": true, + "paddingInlineEnd": true, + "paddingInlineStart": true, + "paddingEnd": true, + "paddingHorizontal": true, + "paddingLeft": true, + "paddingRight": true, + "paddingStart": true, + "paddingTop": true, + "paddingVertical": true, + "position": true, + "right": true, + "start": true, + "top": true, + "inset": true, + "insetBlock": true, + "insetBlockEnd": true, + "insetBlockStart": true, + "insetInline": true, + "insetInlineEnd": true, + "insetInlineStart": true, + "direction": true, + "shadowOffset": true, + "shadowRadius": true, + "backgroundColor": true, + "borderColor": true, + "borderBlockStartColor": true, + "borderBlockEndColor": true, + "borderBlockColor": true, + "borderBottomColor": true, + "borderInlineColor": true, + "borderInlineStartColor": true, + "borderInlineEndColor": true, + "borderTopColor": true, + "borderLeftColor": true, + "borderRightColor": true, + "borderEndColor": true, + "borderStartColor": true, + "shadowColor": true, + "color": true, + "textDecorationColor": true, + "textShadowColor": true, + "outlineColor": true, + "caretColor": true, + "borderRadius": true, + "borderTopLeftRadius": true, + "borderTopRightRadius": true, + "borderBottomLeftRadius": true, + "borderBottomRightRadius": true, + "borderStartStartRadius": true, + "borderStartEndRadius": true, + "borderEndStartRadius": true, + "borderEndEndRadius": true, + "width": true, + "height": true, + "minWidth": true, + "minHeight": true, + "maxWidth": true, + "maxHeight": true, + "blockSize": true, + "minBlockSize": true, + "maxBlockSize": true, + "inlineSize": true, + "minInlineSize": true, + "maxInlineSize": true, + "x": true, + "y": true, + "scale": true, + "perspective": true, + "scaleX": true, + "scaleY": true, + "skewX": true, + "skewY": true, + "matrix": true, + "rotate": true, + "rotateY": true, + "rotateX": true, + "rotateZ": true, + "WebkitLineClamp": true, + "animationIterationCount": true, + "aspectRatio": true, + "borderImageOutset": true, + "borderImageSlice": true, + "borderImageWidth": true, + "columnCount": true, + "flex": true, + "flexGrow": true, + "flexOrder": true, + "flexPositive": true, + "flexShrink": true, + "flexNegative": true, + "fontWeight": true, + "gridRow": true, + "gridRowEnd": true, + "gridRowGap": true, + "gridRowStart": true, + "gridColumn": true, + "gridColumnEnd": true, + "gridColumnGap": true, + "gridColumnStart": true, + "gridTemplateColumns": true, + "gridTemplateAreas": true, + "lineClamp": true, + "opacity": true, + "order": true, + "orphans": true, + "tabSize": true, + "widows": true, + "zIndex": true, + "zoom": true, + "scaleZ": true, + "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + } + } + }, + "VisuallyHidden": { "staticConfig": { "acceptsClassName": true, "isText": true, "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h3", - "size": "$8" + "fontFamily": "unset", + "display": "inline", + "boxSizing": "border-box", + "wordWrap": "break-word", + "whiteSpace": "pre-wrap", + "position": "absolute", + "width": 1, + "height": 1, + "margin": -1, + "zIndex": -10000, + "overflow": "hidden", + "opacity": 1e-8, + "pointerEvents": "none" }, "inlineWhenUnflattened": {}, "variants": { + "numberOfLines": { + "1": { + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" + }, + ":number": "Function" + }, + "selectable": { + "true": { + "userSelect": "text", + "cursor": "text" + }, + "false": { + "userSelect": "none", + "cursor": "default" + } + }, "ellipse": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, "ellipsis": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "maxWidth": "100%", + "overflow": "hidden", + "textOverflow": "ellipsis", + "whiteSpace": "nowrap" } }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" + "preserveDimensions": { + "true": { + "position": "relative", + "width": "auto", + "height": "auto" } }, - "size": "Function", - "fontFamily": { - "...": "Function" + "visible": { + "true": { + "position": "relative", + "width": "auto", + "height": "auto", + "margin": 0, + "zIndex": 1, + "overflow": "visible", + "opacity": 1, + "pointerEvents": "auto" + } } }, "validStyles": { @@ -25144,6 +32400,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -25247,6 +32504,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -25315,6 +32574,65 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true, "fontFamily": true, "fontSize": true, "fontStyle": true, @@ -25326,55 +32644,32 @@ "textDecorationStyle": true, "textShadowOffset": true, "textShadowRadius": true, - "userSelect": true, "selectable": true, - "verticalAlign": true + "verticalAlign": true, + "whiteSpace": true, + "wordWrap": true, + "textOverflow": true, + "textDecorationDistance": true, + "WebkitBoxOrient": true }, - "componentName": "H3", "isReactNative": false, "isStyledHOC": false } }, - "H4": { + "XGroup": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h4", - "size": "$7" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -25383,6 +32678,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -25486,6 +32782,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -25554,66 +32852,202 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true - }, - "componentName": "H4", - "isReactNative": false, - "isStyledHOC": false - } - }, - "H5": { - "staticConfig": { - "acceptsClassName": true, - "isText": true, - "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h5", - "size": "$6" + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "inlineWhenUnflattened": {}, "variants": { - "ellipse": { + "fullscreen": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } }, - "ellipsis": { + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { + "true": { + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } } }, "unstyled": { "false": { - "size": "$true", - "color": "$color" + "size": "$true" } }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "size": "Function" + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "GroupFrame", + "isReactNative": false, + "isText": false, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true + } + }, + "XStack": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "row" }, "validStyles": { "enterStyle": true, @@ -25622,6 +33056,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -25725,6 +33160,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -25793,66 +33230,101 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function" }, - "componentName": "H5", "isReactNative": false, + "isText": false, "isStyledHOC": false } }, - "H6": { + "YGroup": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "accessibilityRole": "header", - "fontFamily": "$heading", - "margin": 0, - "tag": "h6", - "size": "$5" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "unstyled": { - "false": { - "size": "$true", - "color": "$color" - } - }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "unstyled": false }, "validStyles": { "enterStyle": true, @@ -25861,6 +33333,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -25964,6 +33437,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -26032,66 +33507,202 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true }, - "componentName": "H6", - "isReactNative": false, - "isStyledHOC": false - } - }, - "Heading": { - "staticConfig": { - "acceptsClassName": true, - "isText": true, - "defaultProps": { - "suppressHighlighting": true, - "unstyled": false, - "userSelect": "auto", - "color": "$color", - "whiteSpace": "normal", - "tag": "span", - "accessibilityRole": "header", - "fontFamily": "$heading", - "size": "$8", - "margin": 0 - }, - "inlineWhenUnflattened": {}, "variants": { - "ellipse": { + "fullscreen": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 } }, - "ellipsis": { + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function", + "backgrounded": { "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" + "backgroundColor": "$background" + } + }, + "radiused": { + "true": "Function" + }, + "hoverTheme": { + "true": { + "hoverStyle": { + "backgroundColor": "$backgroundHover", + "borderColor": "$borderColorHover" + } + }, + "false": {} + }, + "pressTheme": { + "true": { + "cursor": "pointer", + "pressStyle": { + "backgroundColor": "$backgroundPress", + "borderColor": "$borderColorPress" + } + }, + "false": {} + }, + "focusTheme": { + "true": { + "focusStyle": { + "backgroundColor": "$backgroundFocus", + "borderColor": "$borderColorFocus" + } + }, + "false": {} + }, + "circular": { + "true": "Function" + }, + "padded": { + "true": "Function" + }, + "elevate": { + "true": "Function" + }, + "bordered": "Function", + "transparent": { + "true": { + "backgroundColor": "transparent" + } + }, + "chromeless": { + "true": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "all": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "pressStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + }, + "focusStyle": { + "backgroundColor": "transparent", + "borderColor": "transparent", + "shadowColor": "transparent", + "hoverStyle": { + "borderColor": "transparent" + } + } } }, "unstyled": { "false": { - "size": "$true", - "color": "$color" + "size": "$true" } }, - "size": "Function", - "fontFamily": { - "...": "Function" - } + "size": "Function" + }, + "defaultVariants": { + "unstyled": false + }, + "componentName": "GroupFrame", + "isReactNative": false, + "isText": false, + "isStyledHOC": false, + "neverFlatten": true, + "isHOC": true + } + }, + "YStack": { + "staticConfig": { + "acceptsClassName": true, + "defaultProps": { + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "position": "relative", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column" }, "validStyles": { "enterStyle": true, @@ -26100,6 +33711,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -26203,6 +33815,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -26271,75 +33885,100 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function" }, - "componentName": "Heading", "isReactNative": false, + "isText": false, "isStyledHOC": false } }, - "VisuallyHidden": { + "ZStack": { "staticConfig": { "acceptsClassName": true, - "isText": true, "defaultProps": { - "fontFamily": "unset", - "suppressHighlighting": true, - "position": "absolute", - "width": 1, - "height": 1, - "margin": -1, - "zIndex": -10000, - "overflow": "hidden", - "opacity": 1e-8, - "pointerEvents": "none" - }, - "inlineWhenUnflattened": {}, - "variants": { - "ellipse": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "ellipsis": { - "true": { - "numberOfLines": 1, - "lineBreakMode": "clip" - } - }, - "preserveDimensions": { - "true": { - "position": "relative", - "width": "auto", - "height": "auto" - } - }, - "visible": { - "true": { - "position": "relative", - "width": "auto", - "height": "auto", - "margin": 0, - "zIndex": 1, - "overflow": "visible", - "opacity": 1, - "pointerEvents": "auto" - } - } + "display": "flex", + "alignItems": "stretch", + "flexBasis": "auto", + "boxSizing": "border-box", + "minHeight": 0, + "minWidth": 0, + "flexShrink": 0, + "flexDirection": "column", + "position": "relative" }, "validStyles": { "enterStyle": true, @@ -26348,6 +33987,7 @@ "pressStyle": true, "focusStyle": true, "disabledStyle": true, + "focusVisibleStyle": true, "backfaceVisibility": true, "borderBottomEndRadius": true, "borderBottomStartRadius": true, @@ -26451,6 +34091,8 @@ "color": true, "textDecorationColor": true, "textShadowColor": true, + "outlineColor": true, + "caretColor": true, "borderRadius": true, "borderTopLeftRadius": true, "borderTopRightRadius": true, @@ -26519,23 +34161,87 @@ "zoom": true, "scaleZ": true, "shadowOpacity": true, - "fontFamily": true, - "fontSize": true, - "fontStyle": true, - "letterSpacing": true, - "lineHeight": true, - "textTransform": true, - "textAlign": true, - "textDecorationLine": true, - "textDecorationStyle": true, - "textShadowOffset": true, - "textShadowRadius": true, - "userSelect": true, - "selectable": true, - "verticalAlign": true + "transition": true, + "textWrap": true, + "backdropFilter": true, + "background": true, + "backgroundAttachment": true, + "backgroundBlendMode": true, + "backgroundClip": true, + "backgroundImage": true, + "backgroundOrigin": true, + "backgroundPosition": true, + "backgroundRepeat": true, + "backgroundSize": true, + "borderBottomStyle": true, + "borderImage": true, + "borderLeftStyle": true, + "borderRightStyle": true, + "borderTopStyle": true, + "boxShadow": true, + "boxSizing": true, + "clipPath": true, + "contain": true, + "containerType": true, + "content": true, + "cursor": true, + "filter": true, + "float": true, + "mask": true, + "maskBorder": true, + "maskBorderMode": true, + "maskBorderOutset": true, + "maskBorderRepeat": true, + "maskBorderSlice": true, + "maskBorderSource": true, + "maskBorderWidth": true, + "maskClip": true, + "maskComposite": true, + "maskImage": true, + "maskMode": true, + "maskOrigin": true, + "maskPosition": true, + "maskRepeat": true, + "maskSize": true, + "maskType": true, + "mixBlendMode": true, + "objectFit": true, + "objectPosition": true, + "outlineOffset": true, + "outlineStyle": true, + "outlineWidth": true, + "overflowBlock": true, + "overflowInline": true, + "overflowX": true, + "overflowY": true, + "pointerEvents": true, + "scrollbarWidth": true, + "textEmphasis": true, + "touchAction": true, + "transformStyle": true, + "userSelect": true + }, + "variants": { + "fullscreen": { + "true": { + "position": "absolute", + "top": 0, + "left": 0, + "right": 0, + "bottom": 0 + } + }, + "elevation": { + "...size": "Function", + ":number": "Function" + }, + "inset": "Function" }, "isReactNative": false, - "isStyledHOC": false + "isText": false, + "isStyledHOC": false, + "neverFlatten": true, + "isZStack": true } } } @@ -26545,7 +34251,7 @@ "tamaguiConfig": { "fonts": { "heading": { - "family": "Inter", + "family": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", "lineHeight": { "1": 22, "2": 23, @@ -26662,22 +34368,22 @@ }, "face": { "100": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "200": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "300": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "400": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "500": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "600": { - "normal": "Inter" + "normal": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif" }, "700": { "normal": "InterBold" @@ -26691,7 +34397,7 @@ } }, "body": { - "family": "Inter", + "family": "Inter, -apple-system, system-ui, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif", "lineHeight": { "1": 16, "2": 21, @@ -26845,7 +34551,7 @@ } }, "silkscreen": { - "family": "Silkscreen", + "family": "Silkscreen, Fira Code, Monaco, Consolas, Ubuntu Mono, monospace", "size": { "1": 11, "2": 12, @@ -37370,1568 +45076,1568 @@ "key": "$white0", "name": "color-1", "val": "rgba(255,255,255,0)", - "variable": "" + "variable": "var(--color-1)" }, "white075": { "isVar": true, "key": "$white075", "name": "color-2", "val": "rgba(255,255,255,0.75)", - "variable": "" + "variable": "var(--color-2)" }, "white05": { "isVar": true, "key": "$white05", "name": "color-3", "val": "rgba(255,255,255,0.5)", - "variable": "" + "variable": "var(--color-3)" }, "white025": { "isVar": true, "key": "$white025", "name": "color-4", "val": "rgba(255,255,255,0.25)", - "variable": "" + "variable": "var(--color-4)" }, "black0": { "isVar": true, "key": "$black0", "name": "color-5", "val": "rgba(10,10,10,0)", - "variable": "" + "variable": "var(--color-5)" }, "black075": { "isVar": true, "key": "$black075", "name": "color-6", "val": "rgba(10,10,10,0.75)", - "variable": "" + "variable": "var(--color-6)" }, "black05": { "isVar": true, "key": "$black05", "name": "color-7", "val": "rgba(10,10,10,0.5)", - "variable": "" + "variable": "var(--color-7)" }, "black025": { "isVar": true, "key": "$black025", "name": "color-8", "val": "rgba(10,10,10,0.25)", - "variable": "" + "variable": "var(--color-8)" }, "white1": { "isVar": true, "key": "$white1", "name": "color-9", "val": "#fff", - "variable": "" + "variable": "var(--color-9)" }, "white2": { "isVar": true, "key": "$white2", "name": "color-10", "val": "#f8f8f8", - "variable": "" + "variable": "var(--color-10)" }, "white3": { "isVar": true, "key": "$white3", "name": "color-11", "val": "hsl(0, 0%, 96.3%)", - "variable": "" + "variable": "var(--color-11)" }, "white4": { "isVar": true, "key": "$white4", "name": "color-12", "val": "hsl(0, 0%, 94.1%)", - "variable": "" + "variable": "var(--color-12)" }, "white5": { "isVar": true, "key": "$white5", "name": "color-13", "val": "hsl(0, 0%, 92.0%)", - "variable": "" + "variable": "var(--color-13)" }, "white6": { "isVar": true, "key": "$white6", "name": "color-14", "val": "hsl(0, 0%, 90.0%)", - "variable": "" + "variable": "var(--color-14)" }, "white7": { "isVar": true, "key": "$white7", "name": "color-15", "val": "hsl(0, 0%, 88.5%)", - "variable": "" + "variable": "var(--color-15)" }, "white8": { "isVar": true, "key": "$white8", "name": "color-16", "val": "hsl(0, 0%, 81.0%)", - "variable": "" + "variable": "var(--color-16)" }, "white9": { "isVar": true, "key": "$white9", "name": "color-17", "val": "hsl(0, 0%, 56.1%)", - "variable": "" + "variable": "var(--color-17)" }, "white10": { "isVar": true, "key": "$white10", "name": "color-18", "val": "hsl(0, 0%, 50.3%)", - "variable": "" + "variable": "var(--color-18)" }, "white11": { "isVar": true, "key": "$white11", "name": "color-19", "val": "hsl(0, 0%, 42.5%)", - "variable": "" + "variable": "var(--color-19)" }, "white12": { "isVar": true, "key": "$white12", "name": "color-20", "val": "hsl(0, 0%, 9.0%)", - "variable": "" + "variable": "var(--color-20)" }, "black1": { "isVar": true, "key": "$black1", "name": "color-21", "val": "#050505", - "variable": "" + "variable": "var(--color-21)" }, "black2": { "isVar": true, "key": "$black2", "name": "color-22", "val": "#151515", - "variable": "" + "variable": "var(--color-22)" }, "black3": { "isVar": true, "key": "$black3", "name": "color-23", "val": "#191919", - "variable": "" + "variable": "var(--color-23)" }, "black4": { "isVar": true, "key": "$black4", "name": "color-24", "val": "#232323", - "variable": "" + "variable": "var(--color-24)" }, "black5": { "isVar": true, "key": "$black5", "name": "color-25", "val": "#282828", - "variable": "" + "variable": "var(--color-25)" }, "black6": { "isVar": true, "key": "$black6", "name": "color-26", "val": "#323232", - "variable": "" + "variable": "var(--color-26)" }, "black7": { "isVar": true, "key": "$black7", "name": "color-27", "val": "#424242", - "variable": "" + "variable": "var(--color-27)" }, "black8": { "isVar": true, "key": "$black8", "name": "color-28", "val": "#494949", - "variable": "" + "variable": "var(--color-28)" }, "black9": { "isVar": true, "key": "$black9", "name": "color-29", "val": "#545454", - "variable": "" + "variable": "var(--color-29)" }, "black10": { "isVar": true, "key": "$black10", "name": "color-30", "val": "#626262", - "variable": "" + "variable": "var(--color-30)" }, "black11": { "isVar": true, "key": "$black11", "name": "color-31", "val": "#a5a5a5", - "variable": "" + "variable": "var(--color-31)" }, "black12": { "isVar": true, "key": "$black12", "name": "color-32", "val": "#fff", - "variable": "" + "variable": "var(--color-32)" }, "blue1Light": { "isVar": true, "key": "$blue1Light", "name": "color-33", "val": "hsl(206, 100%, 99.2%)", - "variable": "" + "variable": "var(--color-33)" }, "blue2Light": { "isVar": true, "key": "$blue2Light", "name": "color-34", "val": "hsl(210, 100%, 98.0%)", - "variable": "" + "variable": "var(--color-34)" }, "blue3Light": { "isVar": true, "key": "$blue3Light", "name": "color-35", "val": "hsl(209, 100%, 96.5%)", - "variable": "" + "variable": "var(--color-35)" }, "blue4Light": { "isVar": true, "key": "$blue4Light", "name": "color-36", "val": "hsl(210, 98.8%, 94.0%)", - "variable": "" + "variable": "var(--color-36)" }, "blue5Light": { "isVar": true, "key": "$blue5Light", "name": "color-37", "val": "hsl(209, 95.0%, 90.1%)", - "variable": "" + "variable": "var(--color-37)" }, "blue6Light": { "isVar": true, "key": "$blue6Light", "name": "color-38", "val": "hsl(209, 81.2%, 84.5%)", - "variable": "" + "variable": "var(--color-38)" }, "blue7Light": { "isVar": true, "key": "$blue7Light", "name": "color-39", "val": "hsl(208, 77.5%, 76.9%)", - "variable": "" + "variable": "var(--color-39)" }, "blue8Light": { "isVar": true, "key": "$blue8Light", "name": "color-40", "val": "hsl(206, 81.9%, 65.3%)", - "variable": "" + "variable": "var(--color-40)" }, "blue9Light": { "isVar": true, "key": "$blue9Light", "name": "color-41", "val": "hsl(206, 100%, 50.0%)", - "variable": "" + "variable": "var(--color-41)" }, "blue10Light": { "isVar": true, "key": "$blue10Light", "name": "color-42", "val": "hsl(208, 100%, 47.3%)", - "variable": "" + "variable": "var(--color-42)" }, "blue11Light": { "isVar": true, "key": "$blue11Light", "name": "color-43", "val": "hsl(211, 100%, 43.2%)", - "variable": "" + "variable": "var(--color-43)" }, "blue12Light": { "isVar": true, "key": "$blue12Light", "name": "color-44", "val": "hsl(211, 100%, 15.0%)", - "variable": "" + "variable": "var(--color-44)" }, "gray1Light": { "isVar": true, "key": "$gray1Light", "name": "color-45", "val": "hsl(0, 0%, 99.0%)", - "variable": "" + "variable": "var(--color-45)" }, "gray2Light": { "isVar": true, "key": "$gray2Light", "name": "color-46", "val": "hsl(0, 0%, 97.3%)", - "variable": "" + "variable": "var(--color-46)" }, "gray3Light": { "isVar": true, "key": "$gray3Light", "name": "color-47", "val": "hsl(0, 0%, 95.1%)", - "variable": "" + "variable": "var(--color-47)" }, "gray4Light": { "isVar": true, "key": "$gray4Light", "name": "color-48", "val": "hsl(0, 0%, 93.0%)", - "variable": "" + "variable": "var(--color-48)" }, "gray5Light": { "isVar": true, "key": "$gray5Light", "name": "color-49", "val": "hsl(0, 0%, 90.9%)", - "variable": "" + "variable": "var(--color-49)" }, "gray6Light": { "isVar": true, "key": "$gray6Light", "name": "color-50", "val": "hsl(0, 0%, 88.7%)", - "variable": "" + "variable": "var(--color-50)" }, "gray7Light": { "isVar": true, "key": "$gray7Light", "name": "color-51", "val": "hsl(0, 0%, 85.8%)", - "variable": "" + "variable": "var(--color-51)" }, "gray8Light": { "isVar": true, "key": "$gray8Light", "name": "color-52", "val": "hsl(0, 0%, 78.0%)", - "variable": "" + "variable": "var(--color-52)" }, "gray9Light": { "isVar": true, "key": "$gray9Light", "name": "color-53", "val": "hsl(0, 0%, 56.1%)", - "variable": "" + "variable": "var(--color-53)" }, "gray10Light": { "isVar": true, "key": "$gray10Light", "name": "color-54", "val": "hsl(0, 0%, 52.3%)", - "variable": "" + "variable": "var(--color-54)" }, "gray11Light": { "isVar": true, "key": "$gray11Light", "name": "color-55", "val": "hsl(0, 0%, 43.5%)", - "variable": "" + "variable": "var(--color-55)" }, "gray12Light": { "isVar": true, "key": "$gray12Light", "name": "color-56", "val": "hsl(0, 0%, 9.0%)", - "variable": "" + "variable": "var(--color-56)" }, "green1Light": { "isVar": true, "key": "$green1Light", "name": "color-57", "val": "hsl(136, 50.0%, 98.9%)", - "variable": "" + "variable": "var(--color-57)" }, "green2Light": { "isVar": true, "key": "$green2Light", "name": "color-58", "val": "hsl(138, 62.5%, 96.9%)", - "variable": "" + "variable": "var(--color-58)" }, "green3Light": { "isVar": true, "key": "$green3Light", "name": "color-59", "val": "hsl(139, 55.2%, 94.5%)", - "variable": "" + "variable": "var(--color-59)" }, "green4Light": { "isVar": true, "key": "$green4Light", "name": "color-60", "val": "hsl(140, 48.7%, 91.0%)", - "variable": "" + "variable": "var(--color-60)" }, "green5Light": { "isVar": true, "key": "$green5Light", "name": "color-61", "val": "hsl(141, 43.7%, 86.0%)", - "variable": "" + "variable": "var(--color-61)" }, "green6Light": { "isVar": true, "key": "$green6Light", "name": "color-62", "val": "hsl(143, 40.3%, 79.0%)", - "variable": "" + "variable": "var(--color-62)" }, "green7Light": { "isVar": true, "key": "$green7Light", "name": "color-63", "val": "hsl(146, 38.5%, 69.0%)", - "variable": "" + "variable": "var(--color-63)" }, "green8Light": { "isVar": true, "key": "$green8Light", "name": "color-64", "val": "hsl(151, 40.2%, 54.1%)", - "variable": "" + "variable": "var(--color-64)" }, "green9Light": { "isVar": true, "key": "$green9Light", "name": "color-65", "val": "hsl(151, 55.0%, 41.5%)", - "variable": "" + "variable": "var(--color-65)" }, "green10Light": { "isVar": true, "key": "$green10Light", "name": "color-66", "val": "hsl(152, 57.5%, 37.6%)", - "variable": "" + "variable": "var(--color-66)" }, "green11Light": { "isVar": true, "key": "$green11Light", "name": "color-67", "val": "hsl(153, 67.0%, 28.5%)", - "variable": "" + "variable": "var(--color-67)" }, "green12Light": { "isVar": true, "key": "$green12Light", "name": "color-68", "val": "hsl(155, 40.0%, 14.0%)", - "variable": "" + "variable": "var(--color-68)" }, "orange1Light": { "isVar": true, "key": "$orange1Light", "name": "color-69", "val": "hsl(24, 70.0%, 99.0%)", - "variable": "" + "variable": "var(--color-69)" }, "orange2Light": { "isVar": true, "key": "$orange2Light", "name": "color-70", "val": "hsl(24, 83.3%, 97.6%)", - "variable": "" + "variable": "var(--color-70)" }, "orange3Light": { "isVar": true, "key": "$orange3Light", "name": "color-71", "val": "hsl(24, 100%, 95.3%)", - "variable": "" + "variable": "var(--color-71)" }, "orange4Light": { "isVar": true, "key": "$orange4Light", "name": "color-72", "val": "hsl(25, 100%, 92.2%)", - "variable": "" + "variable": "var(--color-72)" }, "orange5Light": { "isVar": true, "key": "$orange5Light", "name": "color-73", "val": "hsl(25, 100%, 88.2%)", - "variable": "" + "variable": "var(--color-73)" }, "orange6Light": { "isVar": true, "key": "$orange6Light", "name": "color-74", "val": "hsl(25, 100%, 82.8%)", - "variable": "" + "variable": "var(--color-74)" }, "orange7Light": { "isVar": true, "key": "$orange7Light", "name": "color-75", "val": "hsl(24, 100%, 75.3%)", - "variable": "" + "variable": "var(--color-75)" }, "orange8Light": { "isVar": true, "key": "$orange8Light", "name": "color-76", "val": "hsl(24, 94.5%, 64.3%)", - "variable": "" + "variable": "var(--color-76)" }, "orange9Light": { "isVar": true, "key": "$orange9Light", "name": "color-77", "val": "hsl(24, 94.0%, 50.0%)", - "variable": "" + "variable": "var(--color-77)" }, "orange10Light": { "isVar": true, "key": "$orange10Light", "name": "color-78", "val": "hsl(24, 100%, 46.5%)", - "variable": "" + "variable": "var(--color-78)" }, "orange11Light": { "isVar": true, "key": "$orange11Light", "name": "color-79", "val": "hsl(24, 100%, 37.0%)", - "variable": "" + "variable": "var(--color-79)" }, "orange12Light": { "isVar": true, "key": "$orange12Light", "name": "color-80", "val": "hsl(15, 60.0%, 17.0%)", - "variable": "" + "variable": "var(--color-80)" }, "pink1Light": { "isVar": true, "key": "$pink1Light", "name": "color-81", "val": "hsl(322, 100%, 99.4%)", - "variable": "" + "variable": "var(--color-81)" }, "pink2Light": { "isVar": true, "key": "$pink2Light", "name": "color-82", "val": "hsl(323, 100%, 98.4%)", - "variable": "" + "variable": "var(--color-82)" }, "pink3Light": { "isVar": true, "key": "$pink3Light", "name": "color-83", "val": "hsl(323, 86.3%, 96.5%)", - "variable": "" + "variable": "var(--color-83)" }, "pink4Light": { "isVar": true, "key": "$pink4Light", "name": "color-84", "val": "hsl(323, 78.7%, 94.2%)", - "variable": "" + "variable": "var(--color-84)" }, "pink5Light": { "isVar": true, "key": "$pink5Light", "name": "color-85", "val": "hsl(323, 72.2%, 91.1%)", - "variable": "" + "variable": "var(--color-85)" }, "pink6Light": { "isVar": true, "key": "$pink6Light", "name": "color-86", "val": "hsl(323, 66.3%, 86.6%)", - "variable": "" + "variable": "var(--color-86)" }, "pink7Light": { "isVar": true, "key": "$pink7Light", "name": "color-87", "val": "hsl(323, 62.0%, 80.1%)", - "variable": "" + "variable": "var(--color-87)" }, "pink8Light": { "isVar": true, "key": "$pink8Light", "name": "color-88", "val": "hsl(323, 60.3%, 72.4%)", - "variable": "" + "variable": "var(--color-88)" }, "pink9Light": { "isVar": true, "key": "$pink9Light", "name": "color-89", "val": "hsl(322, 65.0%, 54.5%)", - "variable": "" + "variable": "var(--color-89)" }, "pink10Light": { "isVar": true, "key": "$pink10Light", "name": "color-90", "val": "hsl(322, 63.9%, 50.7%)", - "variable": "" + "variable": "var(--color-90)" }, "pink11Light": { "isVar": true, "key": "$pink11Light", "name": "color-91", "val": "hsl(322, 75.0%, 46.0%)", - "variable": "" + "variable": "var(--color-91)" }, "pink12Light": { "isVar": true, "key": "$pink12Light", "name": "color-92", "val": "hsl(320, 70.0%, 13.5%)", - "variable": "" + "variable": "var(--color-92)" }, "purple1Light": { "isVar": true, "key": "$purple1Light", "name": "color-93", "val": "hsl(280, 65.0%, 99.4%)", - "variable": "" + "variable": "var(--color-93)" }, "purple2Light": { "isVar": true, "key": "$purple2Light", "name": "color-94", "val": "hsl(276, 100%, 99.0%)", - "variable": "" + "variable": "var(--color-94)" }, "purple3Light": { "isVar": true, "key": "$purple3Light", "name": "color-95", "val": "hsl(276, 83.1%, 97.0%)", - "variable": "" + "variable": "var(--color-95)" }, "purple4Light": { "isVar": true, "key": "$purple4Light", "name": "color-96", "val": "hsl(275, 76.4%, 94.7%)", - "variable": "" + "variable": "var(--color-96)" }, "purple5Light": { "isVar": true, "key": "$purple5Light", "name": "color-97", "val": "hsl(275, 70.8%, 91.8%)", - "variable": "" + "variable": "var(--color-97)" }, "purple6Light": { "isVar": true, "key": "$purple6Light", "name": "color-98", "val": "hsl(274, 65.4%, 87.8%)", - "variable": "" + "variable": "var(--color-98)" }, "purple7Light": { "isVar": true, "key": "$purple7Light", "name": "color-99", "val": "hsl(273, 61.0%, 81.7%)", - "variable": "" + "variable": "var(--color-99)" }, "purple8Light": { "isVar": true, "key": "$purple8Light", "name": "color-100", "val": "hsl(272, 60.0%, 73.5%)", - "variable": "" + "variable": "var(--color-100)" }, "purple9Light": { "isVar": true, "key": "$purple9Light", "name": "color-101", "val": "hsl(272, 51.0%, 54.0%)", - "variable": "" + "variable": "var(--color-101)" }, "purple10Light": { "isVar": true, "key": "$purple10Light", "name": "color-102", "val": "hsl(272, 46.8%, 50.3%)", - "variable": "" + "variable": "var(--color-102)" }, "purple11Light": { "isVar": true, "key": "$purple11Light", "name": "color-103", "val": "hsl(272, 50.0%, 45.8%)", - "variable": "" + "variable": "var(--color-103)" }, "purple12Light": { "isVar": true, "key": "$purple12Light", "name": "color-104", "val": "hsl(272, 66.0%, 16.0%)", - "variable": "" + "variable": "var(--color-104)" }, "red1Light": { "isVar": true, "key": "$red1Light", "name": "color-105", "val": "hsl(359, 100%, 99.4%)", - "variable": "" + "variable": "var(--color-105)" }, "red2Light": { "isVar": true, "key": "$red2Light", "name": "color-106", "val": "hsl(359, 100%, 98.6%)", - "variable": "" + "variable": "var(--color-106)" }, "red3Light": { "isVar": true, "key": "$red3Light", "name": "color-107", "val": "hsl(360, 100%, 96.8%)", - "variable": "" + "variable": "var(--color-107)" }, "red4Light": { "isVar": true, "key": "$red4Light", "name": "color-108", "val": "hsl(360, 97.9%, 94.8%)", - "variable": "" + "variable": "var(--color-108)" }, "red5Light": { "isVar": true, "key": "$red5Light", "name": "color-109", "val": "hsl(360, 90.2%, 91.9%)", - "variable": "" + "variable": "var(--color-109)" }, "red6Light": { "isVar": true, "key": "$red6Light", "name": "color-110", "val": "hsl(360, 81.7%, 87.8%)", - "variable": "" + "variable": "var(--color-110)" }, "red7Light": { "isVar": true, "key": "$red7Light", "name": "color-111", "val": "hsl(359, 74.2%, 81.7%)", - "variable": "" + "variable": "var(--color-111)" }, "red8Light": { "isVar": true, "key": "$red8Light", "name": "color-112", "val": "hsl(359, 69.5%, 74.3%)", - "variable": "" + "variable": "var(--color-112)" }, "red9Light": { "isVar": true, "key": "$red9Light", "name": "color-113", "val": "hsl(358, 75.0%, 59.0%)", - "variable": "" + "variable": "var(--color-113)" }, "red10Light": { "isVar": true, "key": "$red10Light", "name": "color-114", "val": "hsl(358, 69.4%, 55.2%)", - "variable": "" + "variable": "var(--color-114)" }, "red11Light": { "isVar": true, "key": "$red11Light", "name": "color-115", "val": "hsl(358, 65.0%, 48.7%)", - "variable": "" + "variable": "var(--color-115)" }, "red12Light": { "isVar": true, "key": "$red12Light", "name": "color-116", "val": "hsl(354, 50.0%, 14.6%)", - "variable": "" + "variable": "var(--color-116)" }, "yellow1Light": { "isVar": true, "key": "$yellow1Light", "name": "color-117", "val": "hsl(60, 54.0%, 98.5%)", - "variable": "" + "variable": "var(--color-117)" }, "yellow2Light": { "isVar": true, "key": "$yellow2Light", "name": "color-118", "val": "hsl(52, 100%, 95.5%)", - "variable": "" + "variable": "var(--color-118)" }, "yellow3Light": { "isVar": true, "key": "$yellow3Light", "name": "color-119", "val": "hsl(55, 100%, 90.9%)", - "variable": "" + "variable": "var(--color-119)" }, "yellow4Light": { "isVar": true, "key": "$yellow4Light", "name": "color-120", "val": "hsl(54, 100%, 86.6%)", - "variable": "" + "variable": "var(--color-120)" }, "yellow5Light": { "isVar": true, "key": "$yellow5Light", "name": "color-121", "val": "hsl(52, 97.9%, 82.0%)", - "variable": "" + "variable": "var(--color-121)" }, "yellow6Light": { "isVar": true, "key": "$yellow6Light", "name": "color-122", "val": "hsl(50, 89.4%, 76.1%)", - "variable": "" + "variable": "var(--color-122)" }, "yellow7Light": { "isVar": true, "key": "$yellow7Light", "name": "color-123", "val": "hsl(47, 80.4%, 68.0%)", - "variable": "" + "variable": "var(--color-123)" }, "yellow8Light": { "isVar": true, "key": "$yellow8Light", "name": "color-124", "val": "hsl(48, 100%, 46.1%)", - "variable": "" + "variable": "var(--color-124)" }, "yellow9Light": { "isVar": true, "key": "$yellow9Light", "name": "color-125", "val": "hsl(53, 92.0%, 50.0%)", - "variable": "" + "variable": "var(--color-125)" }, "yellow10Light": { "isVar": true, "key": "$yellow10Light", "name": "color-126", "val": "hsl(50, 100%, 48.5%)", - "variable": "" + "variable": "var(--color-126)" }, "yellow11Light": { "isVar": true, "key": "$yellow11Light", "name": "color-127", "val": "hsl(42, 100%, 29.0%)", - "variable": "" + "variable": "var(--color-127)" }, "yellow12Light": { "isVar": true, "key": "$yellow12Light", "name": "color-128", "val": "hsl(40, 55.0%, 13.5%)", - "variable": "" + "variable": "var(--color-128)" }, "blue1Dark": { "isVar": true, "key": "$blue1Dark", "name": "color-129", "val": "hsl(212, 35.0%, 9.2%)", - "variable": "" + "variable": "var(--color-129)" }, "blue2Dark": { "isVar": true, "key": "$blue2Dark", "name": "color-130", "val": "hsl(216, 50.0%, 11.8%)", - "variable": "" + "variable": "var(--color-130)" }, "blue3Dark": { "isVar": true, "key": "$blue3Dark", "name": "color-131", "val": "hsl(214, 59.4%, 15.3%)", - "variable": "" + "variable": "var(--color-131)" }, "blue4Dark": { "isVar": true, "key": "$blue4Dark", "name": "color-132", "val": "hsl(214, 65.8%, 17.9%)", - "variable": "" + "variable": "var(--color-132)" }, "blue5Dark": { "isVar": true, "key": "$blue5Dark", "name": "color-133", "val": "hsl(213, 71.2%, 20.2%)", - "variable": "" + "variable": "var(--color-133)" }, "blue6Dark": { "isVar": true, "key": "$blue6Dark", "name": "color-134", "val": "hsl(212, 77.4%, 23.1%)", - "variable": "" + "variable": "var(--color-134)" }, "blue7Dark": { "isVar": true, "key": "$blue7Dark", "name": "color-135", "val": "hsl(211, 85.1%, 27.4%)", - "variable": "" + "variable": "var(--color-135)" }, "blue8Dark": { "isVar": true, "key": "$blue8Dark", "name": "color-136", "val": "hsl(211, 89.7%, 34.1%)", - "variable": "" + "variable": "var(--color-136)" }, "blue9Dark": { "isVar": true, "key": "$blue9Dark", "name": "color-137", "val": "hsl(206, 100%, 50.0%)", - "variable": "" + "variable": "var(--color-137)" }, "blue10Dark": { "isVar": true, "key": "$blue10Dark", "name": "color-138", "val": "hsl(209, 100%, 60.6%)", - "variable": "" + "variable": "var(--color-138)" }, "blue11Dark": { "isVar": true, "key": "$blue11Dark", "name": "color-139", "val": "hsl(210, 100%, 66.1%)", - "variable": "" + "variable": "var(--color-139)" }, "blue12Dark": { "isVar": true, "key": "$blue12Dark", "name": "color-140", "val": "hsl(206, 98.0%, 95.8%)", - "variable": "" + "variable": "var(--color-140)" }, "gray1Dark": { "isVar": true, "key": "$gray1Dark", "name": "color-141", "val": "hsl(0, 0%, 8.5%)", - "variable": "" + "variable": "var(--color-141)" }, "gray2Dark": { "isVar": true, "key": "$gray2Dark", "name": "color-142", "val": "hsl(0, 0%, 11.0%)", - "variable": "" + "variable": "var(--color-142)" }, "gray3Dark": { "isVar": true, "key": "$gray3Dark", "name": "color-143", "val": "hsl(0, 0%, 13.6%)", - "variable": "" + "variable": "var(--color-143)" }, "gray4Dark": { "isVar": true, "key": "$gray4Dark", "name": "color-144", "val": "hsl(0, 0%, 15.8%)", - "variable": "" + "variable": "var(--color-144)" }, "gray5Dark": { "isVar": true, "key": "$gray5Dark", "name": "color-145", "val": "hsl(0, 0%, 17.9%)", - "variable": "" + "variable": "var(--color-145)" }, "gray6Dark": { "isVar": true, "key": "$gray6Dark", "name": "color-146", "val": "hsl(0, 0%, 20.5%)", - "variable": "" + "variable": "var(--color-146)" }, "gray7Dark": { "isVar": true, "key": "$gray7Dark", "name": "color-147", "val": "hsl(0, 0%, 24.3%)", - "variable": "" + "variable": "var(--color-147)" }, "gray8Dark": { "isVar": true, "key": "$gray8Dark", "name": "color-148", "val": "hsl(0, 0%, 31.2%)", - "variable": "" + "variable": "var(--color-148)" }, "gray9Dark": { "isVar": true, "key": "$gray9Dark", "name": "color-149", "val": "hsl(0, 0%, 43.9%)", - "variable": "" + "variable": "var(--color-149)" }, "gray10Dark": { "isVar": true, "key": "$gray10Dark", "name": "color-150", "val": "hsl(0, 0%, 49.4%)", - "variable": "" + "variable": "var(--color-150)" }, "gray11Dark": { "isVar": true, "key": "$gray11Dark", "name": "color-151", "val": "hsl(0, 0%, 62.8%)", - "variable": "" + "variable": "var(--color-151)" }, "gray12Dark": { "isVar": true, "key": "$gray12Dark", "name": "color-152", "val": "hsl(0, 0%, 93.0%)", - "variable": "" + "variable": "var(--color-152)" }, "green1Dark": { "isVar": true, "key": "$green1Dark", "name": "color-153", "val": "hsl(146, 30.0%, 7.4%)", - "variable": "" + "variable": "var(--color-153)" }, "green2Dark": { "isVar": true, "key": "$green2Dark", "name": "color-154", "val": "hsl(155, 44.2%, 8.4%)", - "variable": "" + "variable": "var(--color-154)" }, "green3Dark": { "isVar": true, "key": "$green3Dark", "name": "color-155", "val": "hsl(155, 46.7%, 10.9%)", - "variable": "" + "variable": "var(--color-155)" }, "green4Dark": { "isVar": true, "key": "$green4Dark", "name": "color-156", "val": "hsl(154, 48.4%, 12.9%)", - "variable": "" + "variable": "var(--color-156)" }, "green5Dark": { "isVar": true, "key": "$green5Dark", "name": "color-157", "val": "hsl(154, 49.7%, 14.9%)", - "variable": "" + "variable": "var(--color-157)" }, "green6Dark": { "isVar": true, "key": "$green6Dark", "name": "color-158", "val": "hsl(154, 50.9%, 17.6%)", - "variable": "" + "variable": "var(--color-158)" }, "green7Dark": { "isVar": true, "key": "$green7Dark", "name": "color-159", "val": "hsl(153, 51.8%, 21.8%)", - "variable": "" + "variable": "var(--color-159)" }, "green8Dark": { "isVar": true, "key": "$green8Dark", "name": "color-160", "val": "hsl(151, 51.7%, 28.4%)", - "variable": "" + "variable": "var(--color-160)" }, "green9Dark": { "isVar": true, "key": "$green9Dark", "name": "color-161", "val": "hsl(151, 55.0%, 41.5%)", - "variable": "" + "variable": "var(--color-161)" }, "green10Dark": { "isVar": true, "key": "$green10Dark", "name": "color-162", "val": "hsl(151, 49.3%, 46.5%)", - "variable": "" + "variable": "var(--color-162)" }, "green11Dark": { "isVar": true, "key": "$green11Dark", "name": "color-163", "val": "hsl(151, 50.0%, 53.2%)", - "variable": "" + "variable": "var(--color-163)" }, "green12Dark": { "isVar": true, "key": "$green12Dark", "name": "color-164", "val": "hsl(137, 72.0%, 94.0%)", - "variable": "" + "variable": "var(--color-164)" }, "orange1Dark": { "isVar": true, "key": "$orange1Dark", "name": "color-165", "val": "hsl(30, 70.0%, 7.2%)", - "variable": "" + "variable": "var(--color-165)" }, "orange2Dark": { "isVar": true, "key": "$orange2Dark", "name": "color-166", "val": "hsl(28, 100%, 8.4%)", - "variable": "" + "variable": "var(--color-166)" }, "orange3Dark": { "isVar": true, "key": "$orange3Dark", "name": "color-167", "val": "hsl(26, 91.1%, 11.6%)", - "variable": "" + "variable": "var(--color-167)" }, "orange4Dark": { "isVar": true, "key": "$orange4Dark", "name": "color-168", "val": "hsl(25, 88.3%, 14.1%)", - "variable": "" + "variable": "var(--color-168)" }, "orange5Dark": { "isVar": true, "key": "$orange5Dark", "name": "color-169", "val": "hsl(24, 87.6%, 16.6%)", - "variable": "" + "variable": "var(--color-169)" }, "orange6Dark": { "isVar": true, "key": "$orange6Dark", "name": "color-170", "val": "hsl(24, 88.6%, 19.8%)", - "variable": "" + "variable": "var(--color-170)" }, "orange7Dark": { "isVar": true, "key": "$orange7Dark", "name": "color-171", "val": "hsl(24, 92.4%, 24.0%)", - "variable": "" + "variable": "var(--color-171)" }, "orange8Dark": { "isVar": true, "key": "$orange8Dark", "name": "color-172", "val": "hsl(25, 100%, 29.0%)", - "variable": "" + "variable": "var(--color-172)" }, "orange9Dark": { "isVar": true, "key": "$orange9Dark", "name": "color-173", "val": "hsl(24, 94.0%, 50.0%)", - "variable": "" + "variable": "var(--color-173)" }, "orange10Dark": { "isVar": true, "key": "$orange10Dark", "name": "color-174", "val": "hsl(24, 100%, 58.5%)", - "variable": "" + "variable": "var(--color-174)" }, "orange11Dark": { "isVar": true, "key": "$orange11Dark", "name": "color-175", "val": "hsl(24, 100%, 62.2%)", - "variable": "" + "variable": "var(--color-175)" }, "orange12Dark": { "isVar": true, "key": "$orange12Dark", "name": "color-176", "val": "hsl(24, 97.0%, 93.2%)", - "variable": "" + "variable": "var(--color-176)" }, "pink1Dark": { "isVar": true, "key": "$pink1Dark", "name": "color-177", "val": "hsl(318, 25.0%, 9.6%)", - "variable": "" + "variable": "var(--color-177)" }, "pink2Dark": { "isVar": true, "key": "$pink2Dark", "name": "color-178", "val": "hsl(319, 32.2%, 11.6%)", - "variable": "" + "variable": "var(--color-178)" }, "pink3Dark": { "isVar": true, "key": "$pink3Dark", "name": "color-179", "val": "hsl(319, 41.0%, 16.0%)", - "variable": "" + "variable": "var(--color-179)" }, "pink4Dark": { "isVar": true, "key": "$pink4Dark", "name": "color-180", "val": "hsl(320, 45.4%, 18.7%)", - "variable": "" + "variable": "var(--color-180)" }, "pink5Dark": { "isVar": true, "key": "$pink5Dark", "name": "color-181", "val": "hsl(320, 49.0%, 21.1%)", - "variable": "" + "variable": "var(--color-181)" }, "pink6Dark": { "isVar": true, "key": "$pink6Dark", "name": "color-182", "val": "hsl(321, 53.6%, 24.4%)", - "variable": "" + "variable": "var(--color-182)" }, "pink7Dark": { "isVar": true, "key": "$pink7Dark", "name": "color-183", "val": "hsl(321, 61.1%, 29.7%)", - "variable": "" + "variable": "var(--color-183)" }, "pink8Dark": { "isVar": true, "key": "$pink8Dark", "name": "color-184", "val": "hsl(322, 74.9%, 37.5%)", - "variable": "" + "variable": "var(--color-184)" }, "pink9Dark": { "isVar": true, "key": "$pink9Dark", "name": "color-185", "val": "hsl(322, 65.0%, 54.5%)", - "variable": "" + "variable": "var(--color-185)" }, "pink10Dark": { "isVar": true, "key": "$pink10Dark", "name": "color-186", "val": "hsl(323, 72.8%, 59.2%)", - "variable": "" + "variable": "var(--color-186)" }, "pink11Dark": { "isVar": true, "key": "$pink11Dark", "name": "color-187", "val": "hsl(325, 90.0%, 66.4%)", - "variable": "" + "variable": "var(--color-187)" }, "pink12Dark": { "isVar": true, "key": "$pink12Dark", "name": "color-188", "val": "hsl(322, 90.0%, 95.8%)", - "variable": "" + "variable": "var(--color-188)" }, "purple1Dark": { "isVar": true, "key": "$purple1Dark", "name": "color-189", "val": "hsl(284, 20.0%, 9.6%)", - "variable": "" + "variable": "var(--color-189)" }, "purple2Dark": { "isVar": true, "key": "$purple2Dark", "name": "color-190", "val": "hsl(283, 30.0%, 11.8%)", - "variable": "" + "variable": "var(--color-190)" }, "purple3Dark": { "isVar": true, "key": "$purple3Dark", "name": "color-191", "val": "hsl(281, 37.5%, 16.5%)", - "variable": "" + "variable": "var(--color-191)" }, "purple4Dark": { "isVar": true, "key": "$purple4Dark", "name": "color-192", "val": "hsl(280, 41.2%, 20.0%)", - "variable": "" + "variable": "var(--color-192)" }, "purple5Dark": { "isVar": true, "key": "$purple5Dark", "name": "color-193", "val": "hsl(279, 43.8%, 23.3%)", - "variable": "" + "variable": "var(--color-193)" }, "purple6Dark": { "isVar": true, "key": "$purple6Dark", "name": "color-194", "val": "hsl(277, 46.4%, 27.5%)", - "variable": "" + "variable": "var(--color-194)" }, "purple7Dark": { "isVar": true, "key": "$purple7Dark", "name": "color-195", "val": "hsl(275, 49.3%, 34.6%)", - "variable": "" + "variable": "var(--color-195)" }, "purple8Dark": { "isVar": true, "key": "$purple8Dark", "name": "color-196", "val": "hsl(272, 52.1%, 45.9%)", - "variable": "" + "variable": "var(--color-196)" }, "purple9Dark": { "isVar": true, "key": "$purple9Dark", "name": "color-197", "val": "hsl(272, 51.0%, 54.0%)", - "variable": "" + "variable": "var(--color-197)" }, "purple10Dark": { "isVar": true, "key": "$purple10Dark", "name": "color-198", "val": "hsl(273, 57.3%, 59.1%)", - "variable": "" + "variable": "var(--color-198)" }, "purple11Dark": { "isVar": true, "key": "$purple11Dark", "name": "color-199", "val": "hsl(275, 80.0%, 71.0%)", - "variable": "" + "variable": "var(--color-199)" }, "purple12Dark": { "isVar": true, "key": "$purple12Dark", "name": "color-200", "val": "hsl(279, 75.0%, 95.7%)", - "variable": "" + "variable": "var(--color-200)" }, "red1Dark": { "isVar": true, "key": "$red1Dark", "name": "color-201", "val": "hsl(353, 23.0%, 9.8%)", - "variable": "" + "variable": "var(--color-201)" }, "red2Dark": { "isVar": true, "key": "$red2Dark", "name": "color-202", "val": "hsl(357, 34.4%, 12.0%)", - "variable": "" + "variable": "var(--color-202)" }, "red3Dark": { "isVar": true, "key": "$red3Dark", "name": "color-203", "val": "hsl(356, 43.4%, 16.4%)", - "variable": "" + "variable": "var(--color-203)" }, "red4Dark": { "isVar": true, "key": "$red4Dark", "name": "color-204", "val": "hsl(356, 47.6%, 19.2%)", - "variable": "" + "variable": "var(--color-204)" }, "red5Dark": { "isVar": true, "key": "$red5Dark", "name": "color-205", "val": "hsl(356, 51.1%, 21.9%)", - "variable": "" + "variable": "var(--color-205)" }, "red6Dark": { "isVar": true, "key": "$red6Dark", "name": "color-206", "val": "hsl(356, 55.2%, 25.9%)", - "variable": "" + "variable": "var(--color-206)" }, "red7Dark": { "isVar": true, "key": "$red7Dark", "name": "color-207", "val": "hsl(357, 60.2%, 31.8%)", - "variable": "" + "variable": "var(--color-207)" }, "red8Dark": { "isVar": true, "key": "$red8Dark", "name": "color-208", "val": "hsl(358, 65.0%, 40.4%)", - "variable": "" + "variable": "var(--color-208)" }, "red9Dark": { "isVar": true, "key": "$red9Dark", "name": "color-209", "val": "hsl(358, 75.0%, 59.0%)", - "variable": "" + "variable": "var(--color-209)" }, "red10Dark": { "isVar": true, "key": "$red10Dark", "name": "color-210", "val": "hsl(358, 85.3%, 64.0%)", - "variable": "" + "variable": "var(--color-210)" }, "red11Dark": { "isVar": true, "key": "$red11Dark", "name": "color-211", "val": "hsl(358, 100%, 69.5%)", - "variable": "" + "variable": "var(--color-211)" }, "red12Dark": { "isVar": true, "key": "$red12Dark", "name": "color-212", "val": "hsl(351, 89.0%, 96.0%)", - "variable": "" + "variable": "var(--color-212)" }, "yellow1Dark": { "isVar": true, "key": "$yellow1Dark", "name": "color-213", "val": "hsl(45, 100%, 5.5%)", - "variable": "" + "variable": "var(--color-213)" }, "yellow2Dark": { "isVar": true, "key": "$yellow2Dark", "name": "color-214", "val": "hsl(46, 100%, 6.7%)", - "variable": "" + "variable": "var(--color-214)" }, "yellow3Dark": { "isVar": true, "key": "$yellow3Dark", "name": "color-215", "val": "hsl(45, 100%, 8.7%)", - "variable": "" + "variable": "var(--color-215)" }, "yellow4Dark": { "isVar": true, "key": "$yellow4Dark", "name": "color-216", "val": "hsl(45, 100%, 10.4%)", - "variable": "" + "variable": "var(--color-216)" }, "yellow5Dark": { "isVar": true, "key": "$yellow5Dark", "name": "color-217", "val": "hsl(47, 100%, 12.1%)", - "variable": "" + "variable": "var(--color-217)" }, "yellow6Dark": { "isVar": true, "key": "$yellow6Dark", "name": "color-218", "val": "hsl(49, 100%, 14.3%)", - "variable": "" + "variable": "var(--color-218)" }, "yellow7Dark": { "isVar": true, "key": "$yellow7Dark", "name": "color-219", "val": "hsl(49, 90.3%, 18.4%)", - "variable": "" + "variable": "var(--color-219)" }, "yellow8Dark": { "isVar": true, "key": "$yellow8Dark", "name": "color-220", "val": "hsl(50, 100%, 22.0%)", - "variable": "" + "variable": "var(--color-220)" }, "yellow9Dark": { "isVar": true, "key": "$yellow9Dark", "name": "color-221", "val": "hsl(53, 92.0%, 50.0%)", - "variable": "" + "variable": "var(--color-221)" }, "yellow10Dark": { "isVar": true, "key": "$yellow10Dark", "name": "color-222", "val": "hsl(54, 100%, 68.0%)", - "variable": "" + "variable": "var(--color-222)" }, "yellow11Dark": { "isVar": true, "key": "$yellow11Dark", "name": "color-223", "val": "hsl(48, 100%, 47.0%)", - "variable": "" + "variable": "var(--color-223)" }, "yellow12Dark": { "isVar": true, "key": "$yellow12Dark", "name": "color-224", "val": "hsl(53, 100%, 91.0%)", - "variable": "" + "variable": "var(--color-224)" } }, "radius": { @@ -38940,98 +46646,98 @@ "key": "$0", "name": "radius-1", "val": 0, - "variable": "" + "variable": "var(--radius-1)" }, "1": { "isVar": true, "key": "$1", "name": "radius-2", "val": 3, - "variable": "" + "variable": "var(--radius-2)" }, "2": { "isVar": true, "key": "$2", "name": "radius-3", "val": 5, - "variable": "" + "variable": "var(--radius-3)" }, "3": { "isVar": true, "key": "$3", "name": "radius-4", "val": 7, - "variable": "" + "variable": "var(--radius-4)" }, "4": { "isVar": true, "key": "$4", "name": "radius-5", "val": 9, - "variable": "" + "variable": "var(--radius-5)" }, "5": { "isVar": true, "key": "$5", "name": "radius-6", "val": 10, - "variable": "" + "variable": "var(--radius-6)" }, "6": { "isVar": true, "key": "$6", "name": "radius-7", "val": 16, - "variable": "" + "variable": "var(--radius-7)" }, "7": { "isVar": true, "key": "$7", "name": "radius-8", "val": 19, - "variable": "" + "variable": "var(--radius-8)" }, "8": { "isVar": true, "key": "$8", "name": "radius-9", "val": 22, - "variable": "" + "variable": "var(--radius-9)" }, "9": { "isVar": true, "key": "$9", "name": "radius-10", "val": 26, - "variable": "" + "variable": "var(--radius-10)" }, "10": { "isVar": true, "key": "$10", "name": "radius-11", "val": 34, - "variable": "" + "variable": "var(--radius-11)" }, "11": { "isVar": true, "key": "$11", "name": "radius-12", "val": 42, - "variable": "" + "variable": "var(--radius-12)" }, "12": { "isVar": true, "key": "$12", "name": "radius-13", "val": 50, - "variable": "" + "variable": "var(--radius-13)" }, "true": { "isVar": true, "key": "$true", "name": "radius-14", "val": 9, - "variable": "" + "variable": "var(--radius-14)" } }, "zIndex": { @@ -39040,42 +46746,42 @@ "key": "$0", "name": "zIndex-1", "val": 0, - "variable": "" + "variable": "var(--zIndex-1)" }, "1": { "isVar": true, "key": "$1", "name": "zIndex-2", "val": 100, - "variable": "" + "variable": "var(--zIndex-2)" }, "2": { "isVar": true, "key": "$2", "name": "zIndex-3", "val": 200, - "variable": "" + "variable": "var(--zIndex-3)" }, "3": { "isVar": true, "key": "$3", "name": "zIndex-4", "val": 300, - "variable": "" + "variable": "var(--zIndex-4)" }, "4": { "isVar": true, "key": "$4", "name": "zIndex-5", "val": 400, - "variable": "" + "variable": "var(--zIndex-5)" }, "5": { "isVar": true, "key": "$5", "name": "zIndex-6", "val": 500, - "variable": "" + "variable": "var(--zIndex-6)" } }, "space": { @@ -39084,399 +46790,399 @@ "key": "$0", "name": "space-1", "val": 0, - "variable": "" + "variable": "var(--space-1)" }, "1": { "isVar": true, "key": "$1", "name": "space-5", "val": 2, - "variable": "" + "variable": "var(--space-5)" }, "2": { "isVar": true, "key": "$2", "name": "space-7", "val": 7, - "variable": "" + "variable": "var(--space-7)" }, "3": { "isVar": true, "key": "$3", "name": "space-9", "val": 13, - "variable": "" + "variable": "var(--space-9)" }, "4": { "isVar": true, "key": "$4", "name": "space-11", "val": 18, - "variable": "" + "variable": "var(--space-11)" }, "5": { "isVar": true, "key": "$5", "name": "space-14", "val": 24, - "variable": "" + "variable": "var(--space-14)" }, "6": { "isVar": true, "key": "$6", "name": "space-15", "val": 32, - "variable": "" + "variable": "var(--space-15)" }, "7": { "isVar": true, "key": "$7", "name": "space-16", "val": 39, - "variable": "" + "variable": "var(--space-16)" }, "8": { "isVar": true, "key": "$8", "name": "space-17", "val": 46, - "variable": "" + "variable": "var(--space-17)" }, "9": { "isVar": true, "key": "$9", "name": "space-18", "val": 53, - "variable": "" + "variable": "var(--space-18)" }, "10": { "isVar": true, "key": "$10", "name": "space-19", "val": 60, - "variable": "" + "variable": "var(--space-19)" }, "11": { "isVar": true, "key": "$11", "name": "space-20", "val": 74, - "variable": "" + "variable": "var(--space-20)" }, "12": { "isVar": true, "key": "$12", "name": "space-21", "val": 88, - "variable": "" + "variable": "var(--space-21)" }, "13": { "isVar": true, "key": "$13", "name": "space-22", "val": 102, - "variable": "" + "variable": "var(--space-22)" }, "14": { "isVar": true, "key": "$14", "name": "space-23", "val": 116, - "variable": "" + "variable": "var(--space-23)" }, "15": { "isVar": true, "key": "$15", "name": "space-24", "val": 130, - "variable": "" + "variable": "var(--space-24)" }, "16": { "isVar": true, "key": "$16", "name": "space-25", "val": 144, - "variable": "" + "variable": "var(--space-25)" }, "17": { "isVar": true, "key": "$17", "name": "space-26", "val": 144, - "variable": "" + "variable": "var(--space-26)" }, "18": { "isVar": true, "key": "$18", "name": "space-27", "val": 158, - "variable": "" + "variable": "var(--space-27)" }, "19": { "isVar": true, "key": "$19", "name": "space-28", "val": 172, - "variable": "" + "variable": "var(--space-28)" }, "20": { "isVar": true, "key": "$20", "name": "space-29", "val": 186, - "variable": "" + "variable": "var(--space-29)" }, "0.25": { "isVar": true, "key": "$0.25", "name": "space-2", "val": 0.5, - "variable": "" + "variable": "var(--space-2)" }, "0.5": { "isVar": true, "key": "$0.5", "name": "space-3", "val": 1, - "variable": "" + "variable": "var(--space-3)" }, "0.75": { "isVar": true, "key": "$0.75", "name": "space-4", "val": 1.5, - "variable": "" + "variable": "var(--space-4)" }, "1.5": { "isVar": true, "key": "$1.5", "name": "space-6", "val": 4, - "variable": "" + "variable": "var(--space-6)" }, "2.5": { "isVar": true, "key": "$2.5", "name": "space-8", "val": 10, - "variable": "" + "variable": "var(--space-8)" }, "3.5": { "isVar": true, "key": "$3.5", "name": "space-10", "val": 16, - "variable": "" + "variable": "var(--space-10)" }, "true": { "isVar": true, "key": "$true", "name": "space-12", "val": 18, - "variable": "" + "variable": "var(--space-12)" }, "4.5": { "isVar": true, "key": "$4.5", "name": "space-13", "val": 21, - "variable": "" + "variable": "var(--space-13)" }, "-0.25": { "isVar": true, "key": "$-0.25", "name": "space-30", "val": -0.5, - "variable": "" + "variable": "var(--space-30)" }, "-0.5": { "isVar": true, "key": "$-0.5", "name": "space-31", "val": -1, - "variable": "" + "variable": "var(--space-31)" }, "-0.75": { "isVar": true, "key": "$-0.75", "name": "space-32", "val": -1.5, - "variable": "" + "variable": "var(--space-32)" }, "-1": { "isVar": true, "key": "$-1", "name": "space-33", "val": -2, - "variable": "" + "variable": "var(--space-33)" }, "-1.5": { "isVar": true, "key": "$-1.5", "name": "space-34", "val": -4, - "variable": "" + "variable": "var(--space-34)" }, "-2": { "isVar": true, "key": "$-2", "name": "space-35", "val": -7, - "variable": "" + "variable": "var(--space-35)" }, "-2.5": { "isVar": true, "key": "$-2.5", "name": "space-36", "val": -10, - "variable": "" + "variable": "var(--space-36)" }, "-3": { "isVar": true, "key": "$-3", "name": "space-37", "val": -13, - "variable": "" + "variable": "var(--space-37)" }, "-3.5": { "isVar": true, "key": "$-3.5", "name": "space-38", "val": -16, - "variable": "" + "variable": "var(--space-38)" }, "-4": { "isVar": true, "key": "$-4", "name": "space-39", "val": -18, - "variable": "" + "variable": "var(--space-39)" }, "-true": { "isVar": true, "key": "$-true", "name": "space-40", "val": -18, - "variable": "" + "variable": "var(--space-40)" }, "-4.5": { "isVar": true, "key": "$-4.5", "name": "space-41", "val": -21, - "variable": "" + "variable": "var(--space-41)" }, "-5": { "isVar": true, "key": "$-5", "name": "space-42", "val": -24, - "variable": "" + "variable": "var(--space-42)" }, "-6": { "isVar": true, "key": "$-6", "name": "space-43", "val": -32, - "variable": "" + "variable": "var(--space-43)" }, "-7": { "isVar": true, "key": "$-7", "name": "space-44", "val": -39, - "variable": "" + "variable": "var(--space-44)" }, "-8": { "isVar": true, "key": "$-8", "name": "space-45", "val": -46, - "variable": "" + "variable": "var(--space-45)" }, "-9": { "isVar": true, "key": "$-9", "name": "space-46", "val": -53, - "variable": "" + "variable": "var(--space-46)" }, "-10": { "isVar": true, "key": "$-10", "name": "space-47", "val": -60, - "variable": "" + "variable": "var(--space-47)" }, "-11": { "isVar": true, "key": "$-11", "name": "space-48", "val": -74, - "variable": "" + "variable": "var(--space-48)" }, "-12": { "isVar": true, "key": "$-12", "name": "space-49", "val": -88, - "variable": "" + "variable": "var(--space-49)" }, "-13": { "isVar": true, "key": "$-13", "name": "space-50", "val": -102, - "variable": "" + "variable": "var(--space-50)" }, "-14": { "isVar": true, "key": "$-14", "name": "space-51", "val": -116, - "variable": "" + "variable": "var(--space-51)" }, "-15": { "isVar": true, "key": "$-15", "name": "space-52", "val": -130, - "variable": "" + "variable": "var(--space-52)" }, "-16": { "isVar": true, "key": "$-16", "name": "space-53", "val": -144, - "variable": "" + "variable": "var(--space-53)" }, "-17": { "isVar": true, "key": "$-17", "name": "space-54", "val": -144, - "variable": "" + "variable": "var(--space-54)" }, "-18": { "isVar": true, "key": "$-18", "name": "space-55", "val": -158, - "variable": "" + "variable": "var(--space-55)" }, "-19": { "isVar": true, "key": "$-19", "name": "space-56", "val": -172, - "variable": "" + "variable": "var(--space-56)" }, "-20": { "isVar": true, "key": "$-20", "name": "space-57", "val": -186, - "variable": "" + "variable": "var(--space-57)" } }, "size": { @@ -39485,203 +47191,203 @@ "key": "$0", "name": "size-1", "val": 0, - "variable": "" + "variable": "var(--size-1)" }, "1": { "isVar": true, "key": "$1", "name": "size-5", "val": 20, - "variable": "" + "variable": "var(--size-5)" }, "2": { "isVar": true, "key": "$2", "name": "size-7", "val": 28, - "variable": "" + "variable": "var(--size-7)" }, "3": { "isVar": true, "key": "$3", "name": "size-9", "val": 36, - "variable": "" + "variable": "var(--size-9)" }, "4": { "isVar": true, "key": "$4", "name": "size-11", "val": 44, - "variable": "" + "variable": "var(--size-11)" }, "5": { "isVar": true, "key": "$5", "name": "size-14", "val": 52, - "variable": "" + "variable": "var(--size-14)" }, "6": { "isVar": true, "key": "$6", "name": "size-15", "val": 64, - "variable": "" + "variable": "var(--size-15)" }, "7": { "isVar": true, "key": "$7", "name": "size-16", "val": 74, - "variable": "" + "variable": "var(--size-16)" }, "8": { "isVar": true, "key": "$8", "name": "size-17", "val": 84, - "variable": "" + "variable": "var(--size-17)" }, "9": { "isVar": true, "key": "$9", "name": "size-18", "val": 94, - "variable": "" + "variable": "var(--size-18)" }, "10": { "isVar": true, "key": "$10", "name": "size-19", "val": 104, - "variable": "" + "variable": "var(--size-19)" }, "11": { "isVar": true, "key": "$11", "name": "size-20", "val": 124, - "variable": "" + "variable": "var(--size-20)" }, "12": { "isVar": true, "key": "$12", "name": "size-21", "val": 144, - "variable": "" + "variable": "var(--size-21)" }, "13": { "isVar": true, "key": "$13", "name": "size-22", "val": 164, - "variable": "" + "variable": "var(--size-22)" }, "14": { "isVar": true, "key": "$14", "name": "size-23", "val": 184, - "variable": "" + "variable": "var(--size-23)" }, "15": { "isVar": true, "key": "$15", "name": "size-24", "val": 204, - "variable": "" + "variable": "var(--size-24)" }, "16": { "isVar": true, "key": "$16", "name": "size-25", "val": 224, - "variable": "" + "variable": "var(--size-25)" }, "17": { "isVar": true, "key": "$17", "name": "size-26", "val": 224, - "variable": "" + "variable": "var(--size-26)" }, "18": { "isVar": true, "key": "$18", "name": "size-27", "val": 244, - "variable": "" + "variable": "var(--size-27)" }, "19": { "isVar": true, "key": "$19", "name": "size-28", "val": 264, - "variable": "" + "variable": "var(--size-28)" }, "20": { "isVar": true, "key": "$20", "name": "size-29", "val": 284, - "variable": "" + "variable": "var(--size-29)" }, "0.25": { "isVar": true, "key": "$0.25", "name": "size-2", "val": 2, - "variable": "" + "variable": "var(--size-2)" }, "0.5": { "isVar": true, "key": "$0.5", "name": "size-3", "val": 4, - "variable": "" + "variable": "var(--size-3)" }, "0.75": { "isVar": true, "key": "$0.75", "name": "size-4", "val": 8, - "variable": "" + "variable": "var(--size-4)" }, "1.5": { "isVar": true, "key": "$1.5", "name": "size-6", "val": 24, - "variable": "" + "variable": "var(--size-6)" }, "2.5": { "isVar": true, "key": "$2.5", "name": "size-8", "val": 32, - "variable": "" + "variable": "var(--size-8)" }, "3.5": { "isVar": true, "key": "$3.5", "name": "size-10", "val": 40, - "variable": "" + "variable": "var(--size-10)" }, "true": { "isVar": true, "key": "$true", "name": "size-12", "val": 44, - "variable": "" + "variable": "var(--size-12)" }, "4.5": { "isVar": true, "key": "$4.5", "name": "size-13", "val": 48, - "variable": "" + "variable": "var(--size-13)" } } }, @@ -39797,2310 +47503,2310 @@ "key": "$white0", "name": "color-1", "val": "rgba(255,255,255,0)", - "variable": "" + "variable": "var(--color-1)" }, "$color.white075": { "isVar": true, "key": "$white075", "name": "color-2", "val": "rgba(255,255,255,0.75)", - "variable": "" + "variable": "var(--color-2)" }, "$color.white05": { "isVar": true, "key": "$white05", "name": "color-3", "val": "rgba(255,255,255,0.5)", - "variable": "" + "variable": "var(--color-3)" }, "$color.white025": { "isVar": true, "key": "$white025", "name": "color-4", "val": "rgba(255,255,255,0.25)", - "variable": "" + "variable": "var(--color-4)" }, "$color.black0": { "isVar": true, "key": "$black0", "name": "color-5", "val": "rgba(10,10,10,0)", - "variable": "" + "variable": "var(--color-5)" }, "$color.black075": { "isVar": true, "key": "$black075", "name": "color-6", "val": "rgba(10,10,10,0.75)", - "variable": "" + "variable": "var(--color-6)" }, "$color.black05": { "isVar": true, "key": "$black05", "name": "color-7", "val": "rgba(10,10,10,0.5)", - "variable": "" + "variable": "var(--color-7)" }, "$color.black025": { "isVar": true, "key": "$black025", "name": "color-8", "val": "rgba(10,10,10,0.25)", - "variable": "" + "variable": "var(--color-8)" }, "$color.white1": { "isVar": true, "key": "$white1", "name": "color-9", "val": "#fff", - "variable": "" + "variable": "var(--color-9)" }, "$color.white2": { "isVar": true, "key": "$white2", "name": "color-10", "val": "#f8f8f8", - "variable": "" + "variable": "var(--color-10)" }, "$color.white3": { "isVar": true, "key": "$white3", "name": "color-11", "val": "hsl(0, 0%, 96.3%)", - "variable": "" + "variable": "var(--color-11)" }, "$color.white4": { "isVar": true, "key": "$white4", "name": "color-12", "val": "hsl(0, 0%, 94.1%)", - "variable": "" + "variable": "var(--color-12)" }, "$color.white5": { "isVar": true, "key": "$white5", "name": "color-13", "val": "hsl(0, 0%, 92.0%)", - "variable": "" + "variable": "var(--color-13)" }, "$color.white6": { "isVar": true, "key": "$white6", "name": "color-14", "val": "hsl(0, 0%, 90.0%)", - "variable": "" + "variable": "var(--color-14)" }, "$color.white7": { "isVar": true, "key": "$white7", "name": "color-15", "val": "hsl(0, 0%, 88.5%)", - "variable": "" + "variable": "var(--color-15)" }, "$color.white8": { "isVar": true, "key": "$white8", "name": "color-16", "val": "hsl(0, 0%, 81.0%)", - "variable": "" + "variable": "var(--color-16)" }, "$color.white9": { "isVar": true, "key": "$white9", "name": "color-17", "val": "hsl(0, 0%, 56.1%)", - "variable": "" + "variable": "var(--color-17)" }, "$color.white10": { "isVar": true, "key": "$white10", "name": "color-18", "val": "hsl(0, 0%, 50.3%)", - "variable": "" + "variable": "var(--color-18)" }, "$color.white11": { "isVar": true, "key": "$white11", "name": "color-19", "val": "hsl(0, 0%, 42.5%)", - "variable": "" + "variable": "var(--color-19)" }, "$color.white12": { "isVar": true, "key": "$white12", "name": "color-20", "val": "hsl(0, 0%, 9.0%)", - "variable": "" + "variable": "var(--color-20)" }, "$color.black1": { "isVar": true, "key": "$black1", "name": "color-21", "val": "#050505", - "variable": "" + "variable": "var(--color-21)" }, "$color.black2": { "isVar": true, "key": "$black2", "name": "color-22", "val": "#151515", - "variable": "" + "variable": "var(--color-22)" }, "$color.black3": { "isVar": true, "key": "$black3", "name": "color-23", "val": "#191919", - "variable": "" + "variable": "var(--color-23)" }, "$color.black4": { "isVar": true, "key": "$black4", "name": "color-24", "val": "#232323", - "variable": "" + "variable": "var(--color-24)" }, "$color.black5": { "isVar": true, "key": "$black5", "name": "color-25", "val": "#282828", - "variable": "" + "variable": "var(--color-25)" }, "$color.black6": { "isVar": true, "key": "$black6", "name": "color-26", "val": "#323232", - "variable": "" + "variable": "var(--color-26)" }, "$color.black7": { "isVar": true, "key": "$black7", "name": "color-27", "val": "#424242", - "variable": "" + "variable": "var(--color-27)" }, "$color.black8": { "isVar": true, "key": "$black8", "name": "color-28", "val": "#494949", - "variable": "" + "variable": "var(--color-28)" }, "$color.black9": { "isVar": true, "key": "$black9", "name": "color-29", "val": "#545454", - "variable": "" + "variable": "var(--color-29)" }, "$color.black10": { "isVar": true, "key": "$black10", "name": "color-30", "val": "#626262", - "variable": "" + "variable": "var(--color-30)" }, "$color.black11": { "isVar": true, "key": "$black11", "name": "color-31", "val": "#a5a5a5", - "variable": "" + "variable": "var(--color-31)" }, "$color.black12": { "isVar": true, "key": "$black12", "name": "color-32", "val": "#fff", - "variable": "" + "variable": "var(--color-32)" }, "$color.blue1Light": { "isVar": true, "key": "$blue1Light", "name": "color-33", "val": "hsl(206, 100%, 99.2%)", - "variable": "" + "variable": "var(--color-33)" }, "$color.blue2Light": { "isVar": true, "key": "$blue2Light", "name": "color-34", "val": "hsl(210, 100%, 98.0%)", - "variable": "" + "variable": "var(--color-34)" }, "$color.blue3Light": { "isVar": true, "key": "$blue3Light", "name": "color-35", "val": "hsl(209, 100%, 96.5%)", - "variable": "" + "variable": "var(--color-35)" }, "$color.blue4Light": { "isVar": true, "key": "$blue4Light", "name": "color-36", "val": "hsl(210, 98.8%, 94.0%)", - "variable": "" + "variable": "var(--color-36)" }, "$color.blue5Light": { "isVar": true, "key": "$blue5Light", "name": "color-37", "val": "hsl(209, 95.0%, 90.1%)", - "variable": "" + "variable": "var(--color-37)" }, "$color.blue6Light": { "isVar": true, "key": "$blue6Light", "name": "color-38", "val": "hsl(209, 81.2%, 84.5%)", - "variable": "" + "variable": "var(--color-38)" }, "$color.blue7Light": { "isVar": true, "key": "$blue7Light", "name": "color-39", "val": "hsl(208, 77.5%, 76.9%)", - "variable": "" + "variable": "var(--color-39)" }, "$color.blue8Light": { "isVar": true, "key": "$blue8Light", "name": "color-40", "val": "hsl(206, 81.9%, 65.3%)", - "variable": "" + "variable": "var(--color-40)" }, "$color.blue9Light": { "isVar": true, "key": "$blue9Light", "name": "color-41", "val": "hsl(206, 100%, 50.0%)", - "variable": "" + "variable": "var(--color-41)" }, "$color.blue10Light": { "isVar": true, "key": "$blue10Light", "name": "color-42", "val": "hsl(208, 100%, 47.3%)", - "variable": "" + "variable": "var(--color-42)" }, "$color.blue11Light": { "isVar": true, "key": "$blue11Light", "name": "color-43", "val": "hsl(211, 100%, 43.2%)", - "variable": "" + "variable": "var(--color-43)" }, "$color.blue12Light": { "isVar": true, "key": "$blue12Light", "name": "color-44", "val": "hsl(211, 100%, 15.0%)", - "variable": "" + "variable": "var(--color-44)" }, "$color.gray1Light": { "isVar": true, "key": "$gray1Light", "name": "color-45", "val": "hsl(0, 0%, 99.0%)", - "variable": "" + "variable": "var(--color-45)" }, "$color.gray2Light": { "isVar": true, "key": "$gray2Light", "name": "color-46", "val": "hsl(0, 0%, 97.3%)", - "variable": "" + "variable": "var(--color-46)" }, "$color.gray3Light": { "isVar": true, "key": "$gray3Light", "name": "color-47", "val": "hsl(0, 0%, 95.1%)", - "variable": "" + "variable": "var(--color-47)" }, "$color.gray4Light": { "isVar": true, "key": "$gray4Light", "name": "color-48", "val": "hsl(0, 0%, 93.0%)", - "variable": "" + "variable": "var(--color-48)" }, "$color.gray5Light": { "isVar": true, "key": "$gray5Light", "name": "color-49", "val": "hsl(0, 0%, 90.9%)", - "variable": "" + "variable": "var(--color-49)" }, "$color.gray6Light": { "isVar": true, "key": "$gray6Light", "name": "color-50", "val": "hsl(0, 0%, 88.7%)", - "variable": "" + "variable": "var(--color-50)" }, "$color.gray7Light": { "isVar": true, "key": "$gray7Light", "name": "color-51", "val": "hsl(0, 0%, 85.8%)", - "variable": "" + "variable": "var(--color-51)" }, "$color.gray8Light": { "isVar": true, "key": "$gray8Light", "name": "color-52", "val": "hsl(0, 0%, 78.0%)", - "variable": "" + "variable": "var(--color-52)" }, "$color.gray9Light": { "isVar": true, "key": "$gray9Light", "name": "color-53", "val": "hsl(0, 0%, 56.1%)", - "variable": "" + "variable": "var(--color-53)" }, "$color.gray10Light": { "isVar": true, "key": "$gray10Light", "name": "color-54", "val": "hsl(0, 0%, 52.3%)", - "variable": "" + "variable": "var(--color-54)" }, "$color.gray11Light": { "isVar": true, "key": "$gray11Light", "name": "color-55", "val": "hsl(0, 0%, 43.5%)", - "variable": "" + "variable": "var(--color-55)" }, "$color.gray12Light": { "isVar": true, "key": "$gray12Light", "name": "color-56", "val": "hsl(0, 0%, 9.0%)", - "variable": "" + "variable": "var(--color-56)" }, "$color.green1Light": { "isVar": true, "key": "$green1Light", "name": "color-57", "val": "hsl(136, 50.0%, 98.9%)", - "variable": "" + "variable": "var(--color-57)" }, "$color.green2Light": { "isVar": true, "key": "$green2Light", "name": "color-58", "val": "hsl(138, 62.5%, 96.9%)", - "variable": "" + "variable": "var(--color-58)" }, "$color.green3Light": { "isVar": true, "key": "$green3Light", "name": "color-59", "val": "hsl(139, 55.2%, 94.5%)", - "variable": "" + "variable": "var(--color-59)" }, "$color.green4Light": { "isVar": true, "key": "$green4Light", "name": "color-60", "val": "hsl(140, 48.7%, 91.0%)", - "variable": "" + "variable": "var(--color-60)" }, "$color.green5Light": { "isVar": true, "key": "$green5Light", "name": "color-61", "val": "hsl(141, 43.7%, 86.0%)", - "variable": "" + "variable": "var(--color-61)" }, "$color.green6Light": { "isVar": true, "key": "$green6Light", "name": "color-62", "val": "hsl(143, 40.3%, 79.0%)", - "variable": "" + "variable": "var(--color-62)" }, "$color.green7Light": { "isVar": true, "key": "$green7Light", "name": "color-63", "val": "hsl(146, 38.5%, 69.0%)", - "variable": "" + "variable": "var(--color-63)" }, "$color.green8Light": { "isVar": true, "key": "$green8Light", "name": "color-64", "val": "hsl(151, 40.2%, 54.1%)", - "variable": "" + "variable": "var(--color-64)" }, "$color.green9Light": { "isVar": true, "key": "$green9Light", "name": "color-65", "val": "hsl(151, 55.0%, 41.5%)", - "variable": "" + "variable": "var(--color-65)" }, "$color.green10Light": { "isVar": true, "key": "$green10Light", "name": "color-66", "val": "hsl(152, 57.5%, 37.6%)", - "variable": "" + "variable": "var(--color-66)" }, "$color.green11Light": { "isVar": true, "key": "$green11Light", "name": "color-67", "val": "hsl(153, 67.0%, 28.5%)", - "variable": "" + "variable": "var(--color-67)" }, "$color.green12Light": { "isVar": true, "key": "$green12Light", "name": "color-68", "val": "hsl(155, 40.0%, 14.0%)", - "variable": "" + "variable": "var(--color-68)" }, "$color.orange1Light": { "isVar": true, "key": "$orange1Light", "name": "color-69", "val": "hsl(24, 70.0%, 99.0%)", - "variable": "" + "variable": "var(--color-69)" }, "$color.orange2Light": { "isVar": true, "key": "$orange2Light", "name": "color-70", "val": "hsl(24, 83.3%, 97.6%)", - "variable": "" + "variable": "var(--color-70)" }, "$color.orange3Light": { "isVar": true, "key": "$orange3Light", "name": "color-71", "val": "hsl(24, 100%, 95.3%)", - "variable": "" + "variable": "var(--color-71)" }, "$color.orange4Light": { "isVar": true, "key": "$orange4Light", "name": "color-72", "val": "hsl(25, 100%, 92.2%)", - "variable": "" + "variable": "var(--color-72)" }, "$color.orange5Light": { "isVar": true, "key": "$orange5Light", "name": "color-73", "val": "hsl(25, 100%, 88.2%)", - "variable": "" + "variable": "var(--color-73)" }, "$color.orange6Light": { "isVar": true, "key": "$orange6Light", "name": "color-74", "val": "hsl(25, 100%, 82.8%)", - "variable": "" + "variable": "var(--color-74)" }, "$color.orange7Light": { "isVar": true, "key": "$orange7Light", "name": "color-75", "val": "hsl(24, 100%, 75.3%)", - "variable": "" + "variable": "var(--color-75)" }, "$color.orange8Light": { "isVar": true, "key": "$orange8Light", "name": "color-76", "val": "hsl(24, 94.5%, 64.3%)", - "variable": "" + "variable": "var(--color-76)" }, "$color.orange9Light": { "isVar": true, "key": "$orange9Light", "name": "color-77", "val": "hsl(24, 94.0%, 50.0%)", - "variable": "" + "variable": "var(--color-77)" }, "$color.orange10Light": { "isVar": true, "key": "$orange10Light", "name": "color-78", "val": "hsl(24, 100%, 46.5%)", - "variable": "" + "variable": "var(--color-78)" }, "$color.orange11Light": { "isVar": true, "key": "$orange11Light", "name": "color-79", "val": "hsl(24, 100%, 37.0%)", - "variable": "" + "variable": "var(--color-79)" }, "$color.orange12Light": { "isVar": true, "key": "$orange12Light", "name": "color-80", "val": "hsl(15, 60.0%, 17.0%)", - "variable": "" + "variable": "var(--color-80)" }, "$color.pink1Light": { "isVar": true, "key": "$pink1Light", "name": "color-81", "val": "hsl(322, 100%, 99.4%)", - "variable": "" + "variable": "var(--color-81)" }, "$color.pink2Light": { "isVar": true, "key": "$pink2Light", "name": "color-82", "val": "hsl(323, 100%, 98.4%)", - "variable": "" + "variable": "var(--color-82)" }, "$color.pink3Light": { "isVar": true, "key": "$pink3Light", "name": "color-83", "val": "hsl(323, 86.3%, 96.5%)", - "variable": "" + "variable": "var(--color-83)" }, "$color.pink4Light": { "isVar": true, "key": "$pink4Light", "name": "color-84", "val": "hsl(323, 78.7%, 94.2%)", - "variable": "" + "variable": "var(--color-84)" }, "$color.pink5Light": { "isVar": true, "key": "$pink5Light", "name": "color-85", "val": "hsl(323, 72.2%, 91.1%)", - "variable": "" + "variable": "var(--color-85)" }, "$color.pink6Light": { "isVar": true, "key": "$pink6Light", "name": "color-86", "val": "hsl(323, 66.3%, 86.6%)", - "variable": "" + "variable": "var(--color-86)" }, "$color.pink7Light": { "isVar": true, "key": "$pink7Light", "name": "color-87", "val": "hsl(323, 62.0%, 80.1%)", - "variable": "" + "variable": "var(--color-87)" }, "$color.pink8Light": { "isVar": true, "key": "$pink8Light", "name": "color-88", "val": "hsl(323, 60.3%, 72.4%)", - "variable": "" + "variable": "var(--color-88)" }, "$color.pink9Light": { "isVar": true, "key": "$pink9Light", "name": "color-89", "val": "hsl(322, 65.0%, 54.5%)", - "variable": "" + "variable": "var(--color-89)" }, "$color.pink10Light": { "isVar": true, "key": "$pink10Light", "name": "color-90", "val": "hsl(322, 63.9%, 50.7%)", - "variable": "" + "variable": "var(--color-90)" }, "$color.pink11Light": { "isVar": true, "key": "$pink11Light", "name": "color-91", "val": "hsl(322, 75.0%, 46.0%)", - "variable": "" + "variable": "var(--color-91)" }, "$color.pink12Light": { "isVar": true, "key": "$pink12Light", "name": "color-92", "val": "hsl(320, 70.0%, 13.5%)", - "variable": "" + "variable": "var(--color-92)" }, "$color.purple1Light": { "isVar": true, "key": "$purple1Light", "name": "color-93", "val": "hsl(280, 65.0%, 99.4%)", - "variable": "" + "variable": "var(--color-93)" }, "$color.purple2Light": { "isVar": true, "key": "$purple2Light", "name": "color-94", "val": "hsl(276, 100%, 99.0%)", - "variable": "" + "variable": "var(--color-94)" }, "$color.purple3Light": { "isVar": true, "key": "$purple3Light", "name": "color-95", "val": "hsl(276, 83.1%, 97.0%)", - "variable": "" + "variable": "var(--color-95)" }, "$color.purple4Light": { "isVar": true, "key": "$purple4Light", "name": "color-96", "val": "hsl(275, 76.4%, 94.7%)", - "variable": "" + "variable": "var(--color-96)" }, "$color.purple5Light": { "isVar": true, "key": "$purple5Light", "name": "color-97", "val": "hsl(275, 70.8%, 91.8%)", - "variable": "" + "variable": "var(--color-97)" }, "$color.purple6Light": { "isVar": true, "key": "$purple6Light", "name": "color-98", "val": "hsl(274, 65.4%, 87.8%)", - "variable": "" + "variable": "var(--color-98)" }, "$color.purple7Light": { "isVar": true, "key": "$purple7Light", "name": "color-99", "val": "hsl(273, 61.0%, 81.7%)", - "variable": "" + "variable": "var(--color-99)" }, "$color.purple8Light": { "isVar": true, "key": "$purple8Light", "name": "color-100", "val": "hsl(272, 60.0%, 73.5%)", - "variable": "" + "variable": "var(--color-100)" }, "$color.purple9Light": { "isVar": true, "key": "$purple9Light", "name": "color-101", "val": "hsl(272, 51.0%, 54.0%)", - "variable": "" + "variable": "var(--color-101)" }, "$color.purple10Light": { "isVar": true, "key": "$purple10Light", "name": "color-102", "val": "hsl(272, 46.8%, 50.3%)", - "variable": "" + "variable": "var(--color-102)" }, "$color.purple11Light": { "isVar": true, "key": "$purple11Light", "name": "color-103", "val": "hsl(272, 50.0%, 45.8%)", - "variable": "" + "variable": "var(--color-103)" }, "$color.purple12Light": { "isVar": true, "key": "$purple12Light", "name": "color-104", "val": "hsl(272, 66.0%, 16.0%)", - "variable": "" + "variable": "var(--color-104)" }, "$color.red1Light": { "isVar": true, "key": "$red1Light", "name": "color-105", "val": "hsl(359, 100%, 99.4%)", - "variable": "" + "variable": "var(--color-105)" }, "$color.red2Light": { "isVar": true, "key": "$red2Light", "name": "color-106", "val": "hsl(359, 100%, 98.6%)", - "variable": "" + "variable": "var(--color-106)" }, "$color.red3Light": { "isVar": true, "key": "$red3Light", "name": "color-107", "val": "hsl(360, 100%, 96.8%)", - "variable": "" + "variable": "var(--color-107)" }, "$color.red4Light": { "isVar": true, "key": "$red4Light", "name": "color-108", "val": "hsl(360, 97.9%, 94.8%)", - "variable": "" + "variable": "var(--color-108)" }, "$color.red5Light": { "isVar": true, "key": "$red5Light", "name": "color-109", "val": "hsl(360, 90.2%, 91.9%)", - "variable": "" + "variable": "var(--color-109)" }, "$color.red6Light": { "isVar": true, "key": "$red6Light", "name": "color-110", "val": "hsl(360, 81.7%, 87.8%)", - "variable": "" + "variable": "var(--color-110)" }, "$color.red7Light": { "isVar": true, "key": "$red7Light", "name": "color-111", "val": "hsl(359, 74.2%, 81.7%)", - "variable": "" + "variable": "var(--color-111)" }, "$color.red8Light": { "isVar": true, "key": "$red8Light", "name": "color-112", "val": "hsl(359, 69.5%, 74.3%)", - "variable": "" + "variable": "var(--color-112)" }, "$color.red9Light": { "isVar": true, "key": "$red9Light", "name": "color-113", "val": "hsl(358, 75.0%, 59.0%)", - "variable": "" + "variable": "var(--color-113)" }, "$color.red10Light": { "isVar": true, "key": "$red10Light", "name": "color-114", "val": "hsl(358, 69.4%, 55.2%)", - "variable": "" + "variable": "var(--color-114)" }, "$color.red11Light": { "isVar": true, "key": "$red11Light", "name": "color-115", "val": "hsl(358, 65.0%, 48.7%)", - "variable": "" + "variable": "var(--color-115)" }, "$color.red12Light": { "isVar": true, "key": "$red12Light", "name": "color-116", "val": "hsl(354, 50.0%, 14.6%)", - "variable": "" + "variable": "var(--color-116)" }, "$color.yellow1Light": { "isVar": true, "key": "$yellow1Light", "name": "color-117", "val": "hsl(60, 54.0%, 98.5%)", - "variable": "" + "variable": "var(--color-117)" }, "$color.yellow2Light": { "isVar": true, "key": "$yellow2Light", "name": "color-118", "val": "hsl(52, 100%, 95.5%)", - "variable": "" + "variable": "var(--color-118)" }, "$color.yellow3Light": { "isVar": true, "key": "$yellow3Light", "name": "color-119", "val": "hsl(55, 100%, 90.9%)", - "variable": "" + "variable": "var(--color-119)" }, "$color.yellow4Light": { "isVar": true, "key": "$yellow4Light", "name": "color-120", "val": "hsl(54, 100%, 86.6%)", - "variable": "" + "variable": "var(--color-120)" }, "$color.yellow5Light": { "isVar": true, "key": "$yellow5Light", "name": "color-121", "val": "hsl(52, 97.9%, 82.0%)", - "variable": "" + "variable": "var(--color-121)" }, "$color.yellow6Light": { "isVar": true, "key": "$yellow6Light", "name": "color-122", "val": "hsl(50, 89.4%, 76.1%)", - "variable": "" + "variable": "var(--color-122)" }, "$color.yellow7Light": { "isVar": true, "key": "$yellow7Light", "name": "color-123", "val": "hsl(47, 80.4%, 68.0%)", - "variable": "" + "variable": "var(--color-123)" }, "$color.yellow8Light": { "isVar": true, "key": "$yellow8Light", "name": "color-124", "val": "hsl(48, 100%, 46.1%)", - "variable": "" + "variable": "var(--color-124)" }, "$color.yellow9Light": { "isVar": true, "key": "$yellow9Light", "name": "color-125", "val": "hsl(53, 92.0%, 50.0%)", - "variable": "" + "variable": "var(--color-125)" }, "$color.yellow10Light": { "isVar": true, "key": "$yellow10Light", "name": "color-126", "val": "hsl(50, 100%, 48.5%)", - "variable": "" + "variable": "var(--color-126)" }, "$color.yellow11Light": { "isVar": true, "key": "$yellow11Light", "name": "color-127", "val": "hsl(42, 100%, 29.0%)", - "variable": "" + "variable": "var(--color-127)" }, "$color.yellow12Light": { "isVar": true, "key": "$yellow12Light", "name": "color-128", "val": "hsl(40, 55.0%, 13.5%)", - "variable": "" + "variable": "var(--color-128)" }, "$color.blue1Dark": { "isVar": true, "key": "$blue1Dark", "name": "color-129", "val": "hsl(212, 35.0%, 9.2%)", - "variable": "" + "variable": "var(--color-129)" }, "$color.blue2Dark": { "isVar": true, "key": "$blue2Dark", "name": "color-130", "val": "hsl(216, 50.0%, 11.8%)", - "variable": "" + "variable": "var(--color-130)" }, "$color.blue3Dark": { "isVar": true, "key": "$blue3Dark", "name": "color-131", "val": "hsl(214, 59.4%, 15.3%)", - "variable": "" + "variable": "var(--color-131)" }, "$color.blue4Dark": { "isVar": true, "key": "$blue4Dark", "name": "color-132", "val": "hsl(214, 65.8%, 17.9%)", - "variable": "" + "variable": "var(--color-132)" }, "$color.blue5Dark": { "isVar": true, "key": "$blue5Dark", "name": "color-133", "val": "hsl(213, 71.2%, 20.2%)", - "variable": "" + "variable": "var(--color-133)" }, "$color.blue6Dark": { "isVar": true, "key": "$blue6Dark", "name": "color-134", "val": "hsl(212, 77.4%, 23.1%)", - "variable": "" + "variable": "var(--color-134)" }, "$color.blue7Dark": { "isVar": true, "key": "$blue7Dark", "name": "color-135", "val": "hsl(211, 85.1%, 27.4%)", - "variable": "" + "variable": "var(--color-135)" }, "$color.blue8Dark": { "isVar": true, "key": "$blue8Dark", "name": "color-136", "val": "hsl(211, 89.7%, 34.1%)", - "variable": "" + "variable": "var(--color-136)" }, "$color.blue9Dark": { "isVar": true, "key": "$blue9Dark", "name": "color-137", "val": "hsl(206, 100%, 50.0%)", - "variable": "" + "variable": "var(--color-137)" }, "$color.blue10Dark": { "isVar": true, "key": "$blue10Dark", "name": "color-138", "val": "hsl(209, 100%, 60.6%)", - "variable": "" + "variable": "var(--color-138)" }, "$color.blue11Dark": { "isVar": true, "key": "$blue11Dark", "name": "color-139", "val": "hsl(210, 100%, 66.1%)", - "variable": "" + "variable": "var(--color-139)" }, "$color.blue12Dark": { "isVar": true, "key": "$blue12Dark", "name": "color-140", "val": "hsl(206, 98.0%, 95.8%)", - "variable": "" + "variable": "var(--color-140)" }, "$color.gray1Dark": { "isVar": true, "key": "$gray1Dark", "name": "color-141", "val": "hsl(0, 0%, 8.5%)", - "variable": "" + "variable": "var(--color-141)" }, "$color.gray2Dark": { "isVar": true, "key": "$gray2Dark", "name": "color-142", "val": "hsl(0, 0%, 11.0%)", - "variable": "" + "variable": "var(--color-142)" }, "$color.gray3Dark": { "isVar": true, "key": "$gray3Dark", "name": "color-143", "val": "hsl(0, 0%, 13.6%)", - "variable": "" + "variable": "var(--color-143)" }, "$color.gray4Dark": { "isVar": true, "key": "$gray4Dark", "name": "color-144", "val": "hsl(0, 0%, 15.8%)", - "variable": "" + "variable": "var(--color-144)" }, "$color.gray5Dark": { "isVar": true, "key": "$gray5Dark", "name": "color-145", "val": "hsl(0, 0%, 17.9%)", - "variable": "" + "variable": "var(--color-145)" }, "$color.gray6Dark": { "isVar": true, "key": "$gray6Dark", "name": "color-146", "val": "hsl(0, 0%, 20.5%)", - "variable": "" + "variable": "var(--color-146)" }, "$color.gray7Dark": { "isVar": true, "key": "$gray7Dark", "name": "color-147", "val": "hsl(0, 0%, 24.3%)", - "variable": "" + "variable": "var(--color-147)" }, "$color.gray8Dark": { "isVar": true, "key": "$gray8Dark", "name": "color-148", "val": "hsl(0, 0%, 31.2%)", - "variable": "" + "variable": "var(--color-148)" }, "$color.gray9Dark": { "isVar": true, "key": "$gray9Dark", "name": "color-149", "val": "hsl(0, 0%, 43.9%)", - "variable": "" + "variable": "var(--color-149)" }, "$color.gray10Dark": { "isVar": true, "key": "$gray10Dark", "name": "color-150", "val": "hsl(0, 0%, 49.4%)", - "variable": "" + "variable": "var(--color-150)" }, "$color.gray11Dark": { "isVar": true, "key": "$gray11Dark", "name": "color-151", "val": "hsl(0, 0%, 62.8%)", - "variable": "" + "variable": "var(--color-151)" }, "$color.gray12Dark": { "isVar": true, "key": "$gray12Dark", "name": "color-152", "val": "hsl(0, 0%, 93.0%)", - "variable": "" + "variable": "var(--color-152)" }, "$color.green1Dark": { "isVar": true, "key": "$green1Dark", "name": "color-153", "val": "hsl(146, 30.0%, 7.4%)", - "variable": "" + "variable": "var(--color-153)" }, "$color.green2Dark": { "isVar": true, "key": "$green2Dark", "name": "color-154", "val": "hsl(155, 44.2%, 8.4%)", - "variable": "" + "variable": "var(--color-154)" }, "$color.green3Dark": { "isVar": true, "key": "$green3Dark", "name": "color-155", "val": "hsl(155, 46.7%, 10.9%)", - "variable": "" + "variable": "var(--color-155)" }, "$color.green4Dark": { "isVar": true, "key": "$green4Dark", "name": "color-156", "val": "hsl(154, 48.4%, 12.9%)", - "variable": "" + "variable": "var(--color-156)" }, "$color.green5Dark": { "isVar": true, "key": "$green5Dark", "name": "color-157", "val": "hsl(154, 49.7%, 14.9%)", - "variable": "" + "variable": "var(--color-157)" }, "$color.green6Dark": { "isVar": true, "key": "$green6Dark", "name": "color-158", "val": "hsl(154, 50.9%, 17.6%)", - "variable": "" + "variable": "var(--color-158)" }, "$color.green7Dark": { "isVar": true, "key": "$green7Dark", "name": "color-159", "val": "hsl(153, 51.8%, 21.8%)", - "variable": "" + "variable": "var(--color-159)" }, "$color.green8Dark": { "isVar": true, "key": "$green8Dark", "name": "color-160", "val": "hsl(151, 51.7%, 28.4%)", - "variable": "" + "variable": "var(--color-160)" }, "$color.green9Dark": { "isVar": true, "key": "$green9Dark", "name": "color-161", "val": "hsl(151, 55.0%, 41.5%)", - "variable": "" + "variable": "var(--color-161)" }, "$color.green10Dark": { "isVar": true, "key": "$green10Dark", "name": "color-162", "val": "hsl(151, 49.3%, 46.5%)", - "variable": "" + "variable": "var(--color-162)" }, "$color.green11Dark": { "isVar": true, "key": "$green11Dark", "name": "color-163", "val": "hsl(151, 50.0%, 53.2%)", - "variable": "" + "variable": "var(--color-163)" }, "$color.green12Dark": { "isVar": true, "key": "$green12Dark", "name": "color-164", "val": "hsl(137, 72.0%, 94.0%)", - "variable": "" + "variable": "var(--color-164)" }, "$color.orange1Dark": { "isVar": true, "key": "$orange1Dark", "name": "color-165", "val": "hsl(30, 70.0%, 7.2%)", - "variable": "" + "variable": "var(--color-165)" }, "$color.orange2Dark": { "isVar": true, "key": "$orange2Dark", "name": "color-166", "val": "hsl(28, 100%, 8.4%)", - "variable": "" + "variable": "var(--color-166)" }, "$color.orange3Dark": { "isVar": true, "key": "$orange3Dark", "name": "color-167", "val": "hsl(26, 91.1%, 11.6%)", - "variable": "" + "variable": "var(--color-167)" }, "$color.orange4Dark": { "isVar": true, "key": "$orange4Dark", "name": "color-168", "val": "hsl(25, 88.3%, 14.1%)", - "variable": "" + "variable": "var(--color-168)" }, "$color.orange5Dark": { "isVar": true, "key": "$orange5Dark", "name": "color-169", "val": "hsl(24, 87.6%, 16.6%)", - "variable": "" + "variable": "var(--color-169)" }, "$color.orange6Dark": { "isVar": true, "key": "$orange6Dark", "name": "color-170", "val": "hsl(24, 88.6%, 19.8%)", - "variable": "" + "variable": "var(--color-170)" }, "$color.orange7Dark": { "isVar": true, "key": "$orange7Dark", "name": "color-171", "val": "hsl(24, 92.4%, 24.0%)", - "variable": "" + "variable": "var(--color-171)" }, "$color.orange8Dark": { "isVar": true, "key": "$orange8Dark", "name": "color-172", "val": "hsl(25, 100%, 29.0%)", - "variable": "" + "variable": "var(--color-172)" }, "$color.orange9Dark": { "isVar": true, "key": "$orange9Dark", "name": "color-173", "val": "hsl(24, 94.0%, 50.0%)", - "variable": "" + "variable": "var(--color-173)" }, "$color.orange10Dark": { "isVar": true, "key": "$orange10Dark", "name": "color-174", "val": "hsl(24, 100%, 58.5%)", - "variable": "" + "variable": "var(--color-174)" }, "$color.orange11Dark": { "isVar": true, "key": "$orange11Dark", "name": "color-175", "val": "hsl(24, 100%, 62.2%)", - "variable": "" + "variable": "var(--color-175)" }, "$color.orange12Dark": { "isVar": true, "key": "$orange12Dark", "name": "color-176", "val": "hsl(24, 97.0%, 93.2%)", - "variable": "" + "variable": "var(--color-176)" }, "$color.pink1Dark": { "isVar": true, "key": "$pink1Dark", "name": "color-177", "val": "hsl(318, 25.0%, 9.6%)", - "variable": "" + "variable": "var(--color-177)" }, "$color.pink2Dark": { "isVar": true, "key": "$pink2Dark", "name": "color-178", "val": "hsl(319, 32.2%, 11.6%)", - "variable": "" + "variable": "var(--color-178)" }, "$color.pink3Dark": { "isVar": true, "key": "$pink3Dark", "name": "color-179", "val": "hsl(319, 41.0%, 16.0%)", - "variable": "" + "variable": "var(--color-179)" }, "$color.pink4Dark": { "isVar": true, "key": "$pink4Dark", "name": "color-180", "val": "hsl(320, 45.4%, 18.7%)", - "variable": "" + "variable": "var(--color-180)" }, "$color.pink5Dark": { "isVar": true, "key": "$pink5Dark", "name": "color-181", "val": "hsl(320, 49.0%, 21.1%)", - "variable": "" + "variable": "var(--color-181)" }, "$color.pink6Dark": { "isVar": true, "key": "$pink6Dark", "name": "color-182", "val": "hsl(321, 53.6%, 24.4%)", - "variable": "" + "variable": "var(--color-182)" }, "$color.pink7Dark": { "isVar": true, "key": "$pink7Dark", "name": "color-183", "val": "hsl(321, 61.1%, 29.7%)", - "variable": "" + "variable": "var(--color-183)" }, "$color.pink8Dark": { "isVar": true, "key": "$pink8Dark", "name": "color-184", "val": "hsl(322, 74.9%, 37.5%)", - "variable": "" + "variable": "var(--color-184)" }, "$color.pink9Dark": { "isVar": true, "key": "$pink9Dark", "name": "color-185", "val": "hsl(322, 65.0%, 54.5%)", - "variable": "" + "variable": "var(--color-185)" }, "$color.pink10Dark": { "isVar": true, "key": "$pink10Dark", "name": "color-186", "val": "hsl(323, 72.8%, 59.2%)", - "variable": "" + "variable": "var(--color-186)" }, "$color.pink11Dark": { "isVar": true, "key": "$pink11Dark", "name": "color-187", "val": "hsl(325, 90.0%, 66.4%)", - "variable": "" + "variable": "var(--color-187)" }, "$color.pink12Dark": { "isVar": true, "key": "$pink12Dark", "name": "color-188", "val": "hsl(322, 90.0%, 95.8%)", - "variable": "" + "variable": "var(--color-188)" }, "$color.purple1Dark": { "isVar": true, "key": "$purple1Dark", "name": "color-189", "val": "hsl(284, 20.0%, 9.6%)", - "variable": "" + "variable": "var(--color-189)" }, "$color.purple2Dark": { "isVar": true, "key": "$purple2Dark", "name": "color-190", "val": "hsl(283, 30.0%, 11.8%)", - "variable": "" + "variable": "var(--color-190)" }, "$color.purple3Dark": { "isVar": true, "key": "$purple3Dark", "name": "color-191", "val": "hsl(281, 37.5%, 16.5%)", - "variable": "" + "variable": "var(--color-191)" }, "$color.purple4Dark": { "isVar": true, "key": "$purple4Dark", "name": "color-192", "val": "hsl(280, 41.2%, 20.0%)", - "variable": "" + "variable": "var(--color-192)" }, "$color.purple5Dark": { "isVar": true, "key": "$purple5Dark", "name": "color-193", "val": "hsl(279, 43.8%, 23.3%)", - "variable": "" + "variable": "var(--color-193)" }, "$color.purple6Dark": { "isVar": true, "key": "$purple6Dark", "name": "color-194", "val": "hsl(277, 46.4%, 27.5%)", - "variable": "" + "variable": "var(--color-194)" }, "$color.purple7Dark": { "isVar": true, "key": "$purple7Dark", "name": "color-195", "val": "hsl(275, 49.3%, 34.6%)", - "variable": "" + "variable": "var(--color-195)" }, "$color.purple8Dark": { "isVar": true, "key": "$purple8Dark", "name": "color-196", "val": "hsl(272, 52.1%, 45.9%)", - "variable": "" + "variable": "var(--color-196)" }, "$color.purple9Dark": { "isVar": true, "key": "$purple9Dark", "name": "color-197", "val": "hsl(272, 51.0%, 54.0%)", - "variable": "" + "variable": "var(--color-197)" }, "$color.purple10Dark": { "isVar": true, "key": "$purple10Dark", "name": "color-198", "val": "hsl(273, 57.3%, 59.1%)", - "variable": "" + "variable": "var(--color-198)" }, "$color.purple11Dark": { "isVar": true, "key": "$purple11Dark", "name": "color-199", "val": "hsl(275, 80.0%, 71.0%)", - "variable": "" + "variable": "var(--color-199)" }, "$color.purple12Dark": { "isVar": true, "key": "$purple12Dark", "name": "color-200", "val": "hsl(279, 75.0%, 95.7%)", - "variable": "" + "variable": "var(--color-200)" }, "$color.red1Dark": { "isVar": true, "key": "$red1Dark", "name": "color-201", "val": "hsl(353, 23.0%, 9.8%)", - "variable": "" + "variable": "var(--color-201)" }, "$color.red2Dark": { "isVar": true, "key": "$red2Dark", "name": "color-202", "val": "hsl(357, 34.4%, 12.0%)", - "variable": "" + "variable": "var(--color-202)" }, "$color.red3Dark": { "isVar": true, "key": "$red3Dark", "name": "color-203", "val": "hsl(356, 43.4%, 16.4%)", - "variable": "" + "variable": "var(--color-203)" }, "$color.red4Dark": { "isVar": true, "key": "$red4Dark", "name": "color-204", "val": "hsl(356, 47.6%, 19.2%)", - "variable": "" + "variable": "var(--color-204)" }, "$color.red5Dark": { "isVar": true, "key": "$red5Dark", "name": "color-205", "val": "hsl(356, 51.1%, 21.9%)", - "variable": "" + "variable": "var(--color-205)" }, "$color.red6Dark": { "isVar": true, "key": "$red6Dark", "name": "color-206", "val": "hsl(356, 55.2%, 25.9%)", - "variable": "" + "variable": "var(--color-206)" }, "$color.red7Dark": { "isVar": true, "key": "$red7Dark", "name": "color-207", "val": "hsl(357, 60.2%, 31.8%)", - "variable": "" + "variable": "var(--color-207)" }, "$color.red8Dark": { "isVar": true, "key": "$red8Dark", "name": "color-208", "val": "hsl(358, 65.0%, 40.4%)", - "variable": "" + "variable": "var(--color-208)" }, "$color.red9Dark": { "isVar": true, "key": "$red9Dark", "name": "color-209", "val": "hsl(358, 75.0%, 59.0%)", - "variable": "" + "variable": "var(--color-209)" }, "$color.red10Dark": { "isVar": true, "key": "$red10Dark", "name": "color-210", "val": "hsl(358, 85.3%, 64.0%)", - "variable": "" + "variable": "var(--color-210)" }, "$color.red11Dark": { "isVar": true, "key": "$red11Dark", "name": "color-211", "val": "hsl(358, 100%, 69.5%)", - "variable": "" + "variable": "var(--color-211)" }, "$color.red12Dark": { "isVar": true, "key": "$red12Dark", "name": "color-212", "val": "hsl(351, 89.0%, 96.0%)", - "variable": "" + "variable": "var(--color-212)" }, "$color.yellow1Dark": { "isVar": true, "key": "$yellow1Dark", "name": "color-213", "val": "hsl(45, 100%, 5.5%)", - "variable": "" + "variable": "var(--color-213)" }, "$color.yellow2Dark": { "isVar": true, "key": "$yellow2Dark", "name": "color-214", "val": "hsl(46, 100%, 6.7%)", - "variable": "" + "variable": "var(--color-214)" }, "$color.yellow3Dark": { "isVar": true, "key": "$yellow3Dark", "name": "color-215", "val": "hsl(45, 100%, 8.7%)", - "variable": "" + "variable": "var(--color-215)" }, "$color.yellow4Dark": { "isVar": true, "key": "$yellow4Dark", "name": "color-216", "val": "hsl(45, 100%, 10.4%)", - "variable": "" + "variable": "var(--color-216)" }, "$color.yellow5Dark": { "isVar": true, "key": "$yellow5Dark", "name": "color-217", "val": "hsl(47, 100%, 12.1%)", - "variable": "" + "variable": "var(--color-217)" }, "$color.yellow6Dark": { "isVar": true, "key": "$yellow6Dark", "name": "color-218", "val": "hsl(49, 100%, 14.3%)", - "variable": "" + "variable": "var(--color-218)" }, "$color.yellow7Dark": { "isVar": true, "key": "$yellow7Dark", "name": "color-219", "val": "hsl(49, 90.3%, 18.4%)", - "variable": "" + "variable": "var(--color-219)" }, "$color.yellow8Dark": { "isVar": true, "key": "$yellow8Dark", "name": "color-220", "val": "hsl(50, 100%, 22.0%)", - "variable": "" + "variable": "var(--color-220)" }, "$color.yellow9Dark": { "isVar": true, "key": "$yellow9Dark", "name": "color-221", "val": "hsl(53, 92.0%, 50.0%)", - "variable": "" + "variable": "var(--color-221)" }, "$color.yellow10Dark": { "isVar": true, "key": "$yellow10Dark", "name": "color-222", "val": "hsl(54, 100%, 68.0%)", - "variable": "" + "variable": "var(--color-222)" }, "$color.yellow11Dark": { "isVar": true, "key": "$yellow11Dark", "name": "color-223", "val": "hsl(48, 100%, 47.0%)", - "variable": "" + "variable": "var(--color-223)" }, "$color.yellow12Dark": { "isVar": true, "key": "$yellow12Dark", "name": "color-224", "val": "hsl(53, 100%, 91.0%)", - "variable": "" + "variable": "var(--color-224)" }, "$radius.0": { "isVar": true, "key": "$0", "name": "radius-1", "val": 0, - "variable": "" + "variable": "var(--radius-1)" }, "$radius.1": { "isVar": true, "key": "$1", "name": "radius-2", "val": 3, - "variable": "" + "variable": "var(--radius-2)" }, "$radius.2": { "isVar": true, "key": "$2", "name": "radius-3", "val": 5, - "variable": "" + "variable": "var(--radius-3)" }, "$radius.3": { "isVar": true, "key": "$3", "name": "radius-4", "val": 7, - "variable": "" + "variable": "var(--radius-4)" }, "$radius.4": { "isVar": true, "key": "$4", "name": "radius-5", "val": 9, - "variable": "" + "variable": "var(--radius-5)" }, "$radius.5": { "isVar": true, "key": "$5", "name": "radius-6", "val": 10, - "variable": "" + "variable": "var(--radius-6)" }, "$radius.6": { "isVar": true, "key": "$6", "name": "radius-7", "val": 16, - "variable": "" + "variable": "var(--radius-7)" }, "$radius.7": { "isVar": true, "key": "$7", "name": "radius-8", "val": 19, - "variable": "" + "variable": "var(--radius-8)" }, "$radius.8": { "isVar": true, "key": "$8", "name": "radius-9", "val": 22, - "variable": "" + "variable": "var(--radius-9)" }, "$radius.9": { "isVar": true, "key": "$9", "name": "radius-10", "val": 26, - "variable": "" + "variable": "var(--radius-10)" }, "$radius.10": { "isVar": true, "key": "$10", "name": "radius-11", "val": 34, - "variable": "" + "variable": "var(--radius-11)" }, "$radius.11": { "isVar": true, "key": "$11", "name": "radius-12", "val": 42, - "variable": "" + "variable": "var(--radius-12)" }, "$radius.12": { "isVar": true, "key": "$12", "name": "radius-13", "val": 50, - "variable": "" + "variable": "var(--radius-13)" }, "$radius.true": { "isVar": true, "key": "$true", "name": "radius-14", "val": 9, - "variable": "" + "variable": "var(--radius-14)" }, "$zIndex.0": { "isVar": true, "key": "$0", "name": "zIndex-1", "val": 0, - "variable": "" + "variable": "var(--zIndex-1)" }, "$zIndex.1": { "isVar": true, "key": "$1", "name": "zIndex-2", "val": 100, - "variable": "" + "variable": "var(--zIndex-2)" }, "$zIndex.2": { "isVar": true, "key": "$2", "name": "zIndex-3", "val": 200, - "variable": "" + "variable": "var(--zIndex-3)" }, "$zIndex.3": { "isVar": true, "key": "$3", "name": "zIndex-4", "val": 300, - "variable": "" + "variable": "var(--zIndex-4)" }, "$zIndex.4": { "isVar": true, "key": "$4", "name": "zIndex-5", "val": 400, - "variable": "" + "variable": "var(--zIndex-5)" }, "$zIndex.5": { "isVar": true, "key": "$5", "name": "zIndex-6", "val": 500, - "variable": "" + "variable": "var(--zIndex-6)" }, "$space.0": { "isVar": true, "key": "$0", "name": "space-1", "val": 0, - "variable": "" + "variable": "var(--space-1)" }, "$space.1": { "isVar": true, "key": "$1", "name": "space-5", "val": 2, - "variable": "" + "variable": "var(--space-5)" }, "$space.2": { "isVar": true, "key": "$2", "name": "space-7", "val": 7, - "variable": "" + "variable": "var(--space-7)" }, "$space.3": { "isVar": true, "key": "$3", "name": "space-9", "val": 13, - "variable": "" + "variable": "var(--space-9)" }, "$space.4": { "isVar": true, "key": "$4", "name": "space-11", "val": 18, - "variable": "" + "variable": "var(--space-11)" }, "$space.5": { "isVar": true, "key": "$5", "name": "space-14", "val": 24, - "variable": "" + "variable": "var(--space-14)" }, "$space.6": { "isVar": true, "key": "$6", "name": "space-15", "val": 32, - "variable": "" + "variable": "var(--space-15)" }, "$space.7": { "isVar": true, "key": "$7", "name": "space-16", "val": 39, - "variable": "" + "variable": "var(--space-16)" }, "$space.8": { "isVar": true, "key": "$8", "name": "space-17", "val": 46, - "variable": "" + "variable": "var(--space-17)" }, "$space.9": { "isVar": true, "key": "$9", "name": "space-18", "val": 53, - "variable": "" + "variable": "var(--space-18)" }, "$space.10": { "isVar": true, "key": "$10", "name": "space-19", "val": 60, - "variable": "" + "variable": "var(--space-19)" }, "$space.11": { "isVar": true, "key": "$11", "name": "space-20", "val": 74, - "variable": "" + "variable": "var(--space-20)" }, "$space.12": { "isVar": true, "key": "$12", "name": "space-21", "val": 88, - "variable": "" + "variable": "var(--space-21)" }, "$space.13": { "isVar": true, "key": "$13", "name": "space-22", "val": 102, - "variable": "" + "variable": "var(--space-22)" }, "$space.14": { "isVar": true, "key": "$14", "name": "space-23", "val": 116, - "variable": "" + "variable": "var(--space-23)" }, "$space.15": { "isVar": true, "key": "$15", "name": "space-24", "val": 130, - "variable": "" + "variable": "var(--space-24)" }, "$space.16": { "isVar": true, "key": "$16", "name": "space-25", "val": 144, - "variable": "" + "variable": "var(--space-25)" }, "$space.17": { "isVar": true, "key": "$17", "name": "space-26", "val": 144, - "variable": "" + "variable": "var(--space-26)" }, "$space.18": { "isVar": true, "key": "$18", "name": "space-27", "val": 158, - "variable": "" + "variable": "var(--space-27)" }, "$space.19": { "isVar": true, "key": "$19", "name": "space-28", "val": 172, - "variable": "" + "variable": "var(--space-28)" }, "$space.20": { "isVar": true, "key": "$20", "name": "space-29", "val": 186, - "variable": "" + "variable": "var(--space-29)" }, "$space.0.25": { "isVar": true, "key": "$0.25", "name": "space-2", "val": 0.5, - "variable": "" + "variable": "var(--space-2)" }, "$space.0.5": { "isVar": true, "key": "$0.5", "name": "space-3", "val": 1, - "variable": "" + "variable": "var(--space-3)" }, "$space.0.75": { "isVar": true, "key": "$0.75", "name": "space-4", "val": 1.5, - "variable": "" + "variable": "var(--space-4)" }, "$space.1.5": { "isVar": true, "key": "$1.5", "name": "space-6", "val": 4, - "variable": "" + "variable": "var(--space-6)" }, "$space.2.5": { "isVar": true, "key": "$2.5", "name": "space-8", "val": 10, - "variable": "" + "variable": "var(--space-8)" }, "$space.3.5": { "isVar": true, "key": "$3.5", "name": "space-10", "val": 16, - "variable": "" + "variable": "var(--space-10)" }, "$space.true": { "isVar": true, "key": "$true", "name": "space-12", "val": 18, - "variable": "" + "variable": "var(--space-12)" }, "$space.4.5": { "isVar": true, "key": "$4.5", "name": "space-13", "val": 21, - "variable": "" + "variable": "var(--space-13)" }, "$space.-0.25": { "isVar": true, "key": "$-0.25", "name": "space-30", "val": -0.5, - "variable": "" + "variable": "var(--space-30)" }, "$space.-0.5": { "isVar": true, "key": "$-0.5", "name": "space-31", "val": -1, - "variable": "" + "variable": "var(--space-31)" }, "$space.-0.75": { "isVar": true, "key": "$-0.75", "name": "space-32", "val": -1.5, - "variable": "" + "variable": "var(--space-32)" }, "$space.-1": { "isVar": true, "key": "$-1", "name": "space-33", "val": -2, - "variable": "" + "variable": "var(--space-33)" }, "$space.-1.5": { "isVar": true, "key": "$-1.5", "name": "space-34", "val": -4, - "variable": "" + "variable": "var(--space-34)" }, "$space.-2": { "isVar": true, "key": "$-2", "name": "space-35", "val": -7, - "variable": "" + "variable": "var(--space-35)" }, "$space.-2.5": { "isVar": true, "key": "$-2.5", "name": "space-36", "val": -10, - "variable": "" + "variable": "var(--space-36)" }, "$space.-3": { "isVar": true, "key": "$-3", "name": "space-37", "val": -13, - "variable": "" + "variable": "var(--space-37)" }, "$space.-3.5": { "isVar": true, "key": "$-3.5", "name": "space-38", "val": -16, - "variable": "" + "variable": "var(--space-38)" }, "$space.-4": { "isVar": true, "key": "$-4", "name": "space-39", "val": -18, - "variable": "" + "variable": "var(--space-39)" }, "$space.-true": { "isVar": true, "key": "$-true", "name": "space-40", "val": -18, - "variable": "" + "variable": "var(--space-40)" }, "$space.-4.5": { "isVar": true, "key": "$-4.5", "name": "space-41", "val": -21, - "variable": "" + "variable": "var(--space-41)" }, "$space.-5": { "isVar": true, "key": "$-5", "name": "space-42", "val": -24, - "variable": "" + "variable": "var(--space-42)" }, "$space.-6": { "isVar": true, "key": "$-6", "name": "space-43", "val": -32, - "variable": "" + "variable": "var(--space-43)" }, "$space.-7": { "isVar": true, "key": "$-7", "name": "space-44", "val": -39, - "variable": "" + "variable": "var(--space-44)" }, "$space.-8": { "isVar": true, "key": "$-8", "name": "space-45", "val": -46, - "variable": "" + "variable": "var(--space-45)" }, "$space.-9": { "isVar": true, "key": "$-9", "name": "space-46", "val": -53, - "variable": "" + "variable": "var(--space-46)" }, "$space.-10": { "isVar": true, "key": "$-10", "name": "space-47", "val": -60, - "variable": "" + "variable": "var(--space-47)" }, "$space.-11": { "isVar": true, "key": "$-11", "name": "space-48", "val": -74, - "variable": "" + "variable": "var(--space-48)" }, "$space.-12": { "isVar": true, "key": "$-12", "name": "space-49", "val": -88, - "variable": "" + "variable": "var(--space-49)" }, "$space.-13": { "isVar": true, "key": "$-13", "name": "space-50", "val": -102, - "variable": "" + "variable": "var(--space-50)" }, "$space.-14": { "isVar": true, "key": "$-14", "name": "space-51", "val": -116, - "variable": "" + "variable": "var(--space-51)" }, "$space.-15": { "isVar": true, "key": "$-15", "name": "space-52", "val": -130, - "variable": "" + "variable": "var(--space-52)" }, "$space.-16": { "isVar": true, "key": "$-16", "name": "space-53", "val": -144, - "variable": "" + "variable": "var(--space-53)" }, "$space.-17": { "isVar": true, "key": "$-17", "name": "space-54", "val": -144, - "variable": "" + "variable": "var(--space-54)" }, "$space.-18": { "isVar": true, "key": "$-18", "name": "space-55", "val": -158, - "variable": "" + "variable": "var(--space-55)" }, "$space.-19": { "isVar": true, "key": "$-19", "name": "space-56", "val": -172, - "variable": "" + "variable": "var(--space-56)" }, "$space.-20": { "isVar": true, "key": "$-20", "name": "space-57", "val": -186, - "variable": "" + "variable": "var(--space-57)" }, "$size.0": { "isVar": true, "key": "$0", "name": "size-1", "val": 0, - "variable": "" + "variable": "var(--size-1)" }, "$size.1": { "isVar": true, "key": "$1", "name": "size-5", "val": 20, - "variable": "" + "variable": "var(--size-5)" }, "$size.2": { "isVar": true, "key": "$2", "name": "size-7", "val": 28, - "variable": "" + "variable": "var(--size-7)" }, "$size.3": { "isVar": true, "key": "$3", "name": "size-9", "val": 36, - "variable": "" + "variable": "var(--size-9)" }, "$size.4": { "isVar": true, "key": "$4", "name": "size-11", "val": 44, - "variable": "" + "variable": "var(--size-11)" }, "$size.5": { "isVar": true, "key": "$5", "name": "size-14", "val": 52, - "variable": "" + "variable": "var(--size-14)" }, "$size.6": { "isVar": true, "key": "$6", "name": "size-15", "val": 64, - "variable": "" + "variable": "var(--size-15)" }, "$size.7": { "isVar": true, "key": "$7", "name": "size-16", "val": 74, - "variable": "" + "variable": "var(--size-16)" }, "$size.8": { "isVar": true, "key": "$8", "name": "size-17", "val": 84, - "variable": "" + "variable": "var(--size-17)" }, "$size.9": { "isVar": true, "key": "$9", "name": "size-18", "val": 94, - "variable": "" + "variable": "var(--size-18)" }, "$size.10": { "isVar": true, "key": "$10", "name": "size-19", "val": 104, - "variable": "" + "variable": "var(--size-19)" }, "$size.11": { "isVar": true, "key": "$11", "name": "size-20", "val": 124, - "variable": "" + "variable": "var(--size-20)" }, "$size.12": { "isVar": true, "key": "$12", "name": "size-21", "val": 144, - "variable": "" + "variable": "var(--size-21)" }, "$size.13": { "isVar": true, "key": "$13", "name": "size-22", "val": 164, - "variable": "" + "variable": "var(--size-22)" }, "$size.14": { "isVar": true, "key": "$14", "name": "size-23", "val": 184, - "variable": "" + "variable": "var(--size-23)" }, "$size.15": { "isVar": true, "key": "$15", "name": "size-24", "val": 204, - "variable": "" + "variable": "var(--size-24)" }, "$size.16": { "isVar": true, "key": "$16", "name": "size-25", "val": 224, - "variable": "" + "variable": "var(--size-25)" }, "$size.17": { "isVar": true, "key": "$17", "name": "size-26", "val": 224, - "variable": "" + "variable": "var(--size-26)" }, "$size.18": { "isVar": true, "key": "$18", "name": "size-27", "val": 244, - "variable": "" + "variable": "var(--size-27)" }, "$size.19": { "isVar": true, "key": "$19", "name": "size-28", "val": 264, - "variable": "" + "variable": "var(--size-28)" }, "$size.20": { "isVar": true, "key": "$20", "name": "size-29", "val": 284, - "variable": "" + "variable": "var(--size-29)" }, "$size.0.25": { "isVar": true, "key": "$0.25", "name": "size-2", "val": 2, - "variable": "" + "variable": "var(--size-2)" }, "$size.0.5": { "isVar": true, "key": "$0.5", "name": "size-3", "val": 4, - "variable": "" + "variable": "var(--size-3)" }, "$size.0.75": { "isVar": true, "key": "$0.75", "name": "size-4", "val": 8, - "variable": "" + "variable": "var(--size-4)" }, "$size.1.5": { "isVar": true, "key": "$1.5", "name": "size-6", "val": 24, - "variable": "" + "variable": "var(--size-6)" }, "$size.2.5": { "isVar": true, "key": "$2.5", "name": "size-8", "val": 32, - "variable": "" + "variable": "var(--size-8)" }, "$size.3.5": { "isVar": true, "key": "$3.5", "name": "size-10", "val": 40, - "variable": "" + "variable": "var(--size-10)" }, "$size.true": { "isVar": true, "key": "$true", "name": "size-12", "val": 44, - "variable": "" + "variable": "var(--size-12)" }, "$size.4.5": { "isVar": true, "key": "$4.5", "name": "size-13", "val": 48, - "variable": "" + "variable": "var(--size-13)" } } } diff --git a/components/icon.tsx b/components/icon.tsx index 6166eed..7ac61c8 100644 --- a/components/icon.tsx +++ b/components/icon.tsx @@ -22,11 +22,7 @@ export function Icon({ height: number; }) { const Comp = React.useMemo(() => { - // return null - // console.log({ name }) - // console.log({ icons }) const imp = icons(`./${name}.svg`); - console.log({ imp }); if (!imp) { throw new Error( `Icon not found: ${name}. Options: ${icons diff --git a/components/post.tsx b/components/post.tsx index e9a85d3..c4cdb18 100644 --- a/components/post.tsx +++ b/components/post.tsx @@ -78,7 +78,6 @@ export function PostCmp({ item }: { item: Post }) { hovered, }) => (