@pandacss/studio 0.40.1 → 0.42.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/studio.mjs +1 -1
- package/package.json +8 -8
- package/styled-system/css/css.mjs +1 -1
- package/styled-system/jsx/is-valid-prop.mjs +1 -1
- package/styled-system/styles.css +60 -64
- package/styled-system/tokens/index.mjs +4 -0
- package/styled-system/tokens/tokens.d.ts +2 -2
- package/styled-system/types/prop-type.d.ts +4 -1
- package/styled-system/types/style-props.d.ts +4 -3
package/dist/studio.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// ../../node_modules/.pnpm/tsup@8.0.
|
|
1
|
+
// ../../node_modules/.pnpm/tsup@8.0.2_@swc+core@1.4.0_postcss@8.4.39_typescript@5.3.3/node_modules/tsup/assets/esm_shims.js
|
|
2
2
|
import { fileURLToPath } from "url";
|
|
3
3
|
import path from "path";
|
|
4
4
|
var getFilename = () => fileURLToPath(import.meta.url);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pandacss/studio",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.42.0",
|
|
4
4
|
"description": "The automated token documentation for Panda CSS",
|
|
5
5
|
"main": "dist/studio.js",
|
|
6
6
|
"module": "dist/studio.mjs",
|
|
@@ -47,13 +47,13 @@
|
|
|
47
47
|
"astro": "4.4.0",
|
|
48
48
|
"react": "18.2.0",
|
|
49
49
|
"react-dom": "18.2.0",
|
|
50
|
-
"vite": "5.
|
|
51
|
-
"@pandacss/config": "0.
|
|
52
|
-
"@pandacss/logger": "0.
|
|
53
|
-
"@pandacss/shared": "0.
|
|
54
|
-
"@pandacss/token-dictionary": "0.
|
|
55
|
-
"@pandacss/astro-plugin-studio": "0.
|
|
56
|
-
"@pandacss/types": "0.
|
|
50
|
+
"vite": "5.2.13",
|
|
51
|
+
"@pandacss/config": "0.42.0",
|
|
52
|
+
"@pandacss/logger": "0.42.0",
|
|
53
|
+
"@pandacss/shared": "0.42.0",
|
|
54
|
+
"@pandacss/token-dictionary": "0.42.0",
|
|
55
|
+
"@pandacss/astro-plugin-studio": "0.42.0",
|
|
56
|
+
"@pandacss/types": "0.42.0"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@types/react": "18.2.55",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.mjs';
|
|
2
2
|
import { sortConditions, finalizeConditions } from './conditions.mjs';
|
|
3
3
|
|
|
4
|
-
const utilities = "aspectRatio:
|
|
4
|
+
const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,textStyle:textStyle"
|
|
5
5
|
|
|
6
6
|
const classNameByProp = new Map()
|
|
7
7
|
const shorthands = new Map()
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { splitProps } from '../helpers.mjs';
|
|
2
2
|
import { memo } from '../helpers.mjs';
|
|
3
3
|
// src/index.ts
|
|
4
|
-
var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,insetInline,insetBlock,
|
|
4
|
+
var userGeneratedStr = "css,pos,insetX,insetY,insetEnd,end,insetStart,start,flexDir,p,pl,pr,pt,pb,py,paddingY,paddingX,px,pe,paddingEnd,ps,paddingStart,ml,mr,mt,mb,m,my,marginY,mx,marginX,me,marginEnd,ms,marginStart,ringWidth,ringColor,ring,ringOffset,w,minW,maxW,h,minH,maxH,textShadowColor,bgPosition,bgPositionX,bgPositionY,bgAttachment,bgClip,bg,bgColor,bgOrigin,bgImage,bgRepeat,bgBlendMode,bgSize,bgGradient,rounded,roundedTopLeft,roundedTopRight,roundedBottomRight,roundedBottomLeft,roundedTop,roundedRight,roundedBottom,roundedLeft,roundedStartStart,roundedStartEnd,roundedStart,roundedEndStart,roundedEndEnd,roundedEnd,borderX,borderXWidth,borderXColor,borderY,borderYWidth,borderYColor,borderStart,borderStartWidth,borderStartColor,borderEnd,borderEndWidth,borderEndColor,shadow,shadowColor,x,y,z,scrollMarginY,scrollMarginX,scrollPaddingY,scrollPaddingX,aspectRatio,boxDecorationBreak,zIndex,boxSizing,objectPosition,objectFit,overscrollBehavior,overscrollBehaviorX,overscrollBehaviorY,position,top,left,inset,insetInline,insetBlock,insetBlockEnd,insetBlockStart,insetInlineEnd,insetInlineStart,right,bottom,float,visibility,display,hideFrom,hideBelow,flexBasis,flex,flexDirection,flexGrow,flexShrink,gridTemplateColumns,gridTemplateRows,gridColumn,gridRow,gridColumnStart,gridColumnEnd,gridAutoFlow,gridAutoColumns,gridAutoRows,gap,gridGap,gridRowGap,gridColumnGap,rowGap,columnGap,justifyContent,alignContent,alignItems,alignSelf,padding,paddingLeft,paddingRight,paddingTop,paddingBottom,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingInline,paddingInlineEnd,paddingInlineStart,marginLeft,marginRight,marginTop,marginBottom,margin,marginBlock,marginBlockEnd,marginBlockStart,marginInline,marginInlineEnd,marginInlineStart,spaceX,spaceY,outlineWidth,outlineColor,outline,outlineOffset,divideX,divideY,divideColor,divideStyle,width,inlineSize,minWidth,minInlineSize,maxWidth,maxInlineSize,height,blockSize,minHeight,minBlockSize,maxHeight,maxBlockSize,color,fontFamily,fontSize,fontSizeAdjust,fontPalette,fontKerning,fontFeatureSettings,fontWeight,fontSmoothing,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariationSettings,fontVariantNumeric,letterSpacing,lineHeight,textAlign,textDecoration,textDecorationColor,textEmphasisColor,textDecorationStyle,textDecorationThickness,textUnderlineOffset,textTransform,textIndent,textShadow,textOverflow,verticalAlign,wordBreak,textWrap,truncate,lineClamp,listStyleType,listStylePosition,listStyleImage,listStyle,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundAttachment,backgroundClip,background,backgroundColor,backgroundOrigin,backgroundImage,backgroundRepeat,backgroundBlendMode,backgroundSize,backgroundGradient,textGradient,gradientFromPosition,gradientToPosition,gradientFrom,gradientTo,gradientVia,gradientViaPosition,borderRadius,borderTopLeftRadius,borderTopRightRadius,borderBottomRightRadius,borderBottomLeftRadius,borderTopRadius,borderRightRadius,borderBottomRadius,borderLeftRadius,borderStartStartRadius,borderStartEndRadius,borderStartRadius,borderEndStartRadius,borderEndEndRadius,borderEndRadius,border,borderWidth,borderTopWidth,borderLeftWidth,borderRightWidth,borderBottomWidth,borderColor,borderInline,borderInlineWidth,borderInlineColor,borderBlock,borderBlockWidth,borderBlockColor,borderLeft,borderLeftColor,borderInlineStart,borderInlineStartWidth,borderInlineStartColor,borderRight,borderRightColor,borderInlineEnd,borderInlineEndWidth,borderInlineEndColor,borderTop,borderTopColor,borderBottom,borderBottomColor,borderBlockEnd,borderBlockEndColor,borderBlockStart,borderBlockStartColor,opacity,boxShadow,boxShadowColor,mixBlendMode,filter,brightness,contrast,grayscale,hueRotate,invert,saturate,sepia,dropShadow,blur,backdropFilter,backdropBlur,backdropBrightness,backdropContrast,backdropGrayscale,backdropHueRotate,backdropInvert,backdropOpacity,backdropSaturate,backdropSepia,borderCollapse,borderSpacing,borderSpacingX,borderSpacingY,tableLayout,transitionTimingFunction,transitionDelay,transitionDuration,transitionProperty,transition,animation,animationName,animationTimingFunction,animationDuration,animationDelay,animationPlayState,animationComposition,animationFillMode,animationDirection,animationIterationCount,animationRange,animationState,animationRangeStart,animationRangeEnd,animationTimeline,transformOrigin,transformBox,transformStyle,transform,rotate,rotateX,rotateY,rotateZ,scale,scaleX,scaleY,translate,translateX,translateY,translateZ,accentColor,caretColor,scrollBehavior,scrollbar,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollMargin,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollMarginBottom,scrollMarginBlock,scrollMarginBlockEnd,scrollMarginBlockStart,scrollMarginInline,scrollMarginInlineEnd,scrollMarginInlineStart,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingInline,scrollPaddingInlineEnd,scrollPaddingInlineStart,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollPaddingBottom,scrollSnapAlign,scrollSnapStop,scrollSnapType,scrollSnapStrictness,scrollSnapMargin,scrollSnapMarginTop,scrollSnapMarginBottom,scrollSnapMarginLeft,scrollSnapMarginRight,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,touchAction,userSelect,overflow,overflowWrap,overflowX,overflowY,overflowAnchor,overflowBlock,overflowInline,overflowClipBox,overflowClipMargin,overscrollBehaviorBlock,overscrollBehaviorInline,fill,stroke,strokeWidth,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,srOnly,debug,appearance,backfaceVisibility,clipPath,hyphens,mask,maskImage,maskSize,textSizeAdjust,container,containerName,containerType,colorPalette,_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_default,_optional,_open,_closed,_fullscreen,_loading,_currentPage,_currentStep,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_starting,sm,smOnly,smDown,md,mdOnly,mdDown,lg,lgOnly,lgDown,xl,xlOnly,xlDown,2xl,2xlOnly,2xlDown,smToMd,smToLg,smToXl,smTo2xl,mdToLg,mdToXl,mdTo2xl,lgToXl,lgTo2xl,xlTo2xl,@/xs,@/sm,@/md,@/lg,@/xl,@/2xl,@/3xl,@/4xl,@/5xl,@/6xl,@/7xl,@/8xl,textStyle"
|
|
5
5
|
var userGenerated = userGeneratedStr.split(",");
|
|
6
6
|
var cssPropertiesStr = "WebkitAppearance,WebkitBorderBefore,WebkitBorderBeforeColor,WebkitBorderBeforeStyle,WebkitBorderBeforeWidth,WebkitBoxReflect,WebkitLineClamp,WebkitMask,WebkitMaskAttachment,WebkitMaskClip,WebkitMaskComposite,WebkitMaskImage,WebkitMaskOrigin,WebkitMaskPosition,WebkitMaskPositionX,WebkitMaskPositionY,WebkitMaskRepeat,WebkitMaskRepeatX,WebkitMaskRepeatY,WebkitMaskSize,WebkitOverflowScrolling,WebkitTapHighlightColor,WebkitTextFillColor,WebkitTextStroke,WebkitTextStrokeColor,WebkitTextStrokeWidth,WebkitTouchCallout,WebkitUserModify,accentColor,alignContent,alignItems,alignSelf,alignTracks,all,animation,animationComposition,animationDelay,animationDirection,animationDuration,animationFillMode,animationIterationCount,animationName,animationPlayState,animationRange,animationRangeEnd,animationRangeStart,animationTimingFunction,animationTimeline,appearance,aspectRatio,azimuth,backdropFilter,backfaceVisibility,background,backgroundAttachment,backgroundBlendMode,backgroundClip,backgroundColor,backgroundImage,backgroundOrigin,backgroundPosition,backgroundPositionX,backgroundPositionY,backgroundRepeat,backgroundSize,blockSize,border,borderBlock,borderBlockColor,borderBlockStyle,borderBlockWidth,borderBlockEnd,borderBlockEndColor,borderBlockEndStyle,borderBlockEndWidth,borderBlockStart,borderBlockStartColor,borderBlockStartStyle,borderBlockStartWidth,borderBottom,borderBottomColor,borderBottomLeftRadius,borderBottomRightRadius,borderBottomStyle,borderBottomWidth,borderCollapse,borderColor,borderEndEndRadius,borderEndStartRadius,borderImage,borderImageOutset,borderImageRepeat,borderImageSlice,borderImageSource,borderImageWidth,borderInline,borderInlineEnd,borderInlineColor,borderInlineStyle,borderInlineWidth,borderInlineEndColor,borderInlineEndStyle,borderInlineEndWidth,borderInlineStart,borderInlineStartColor,borderInlineStartStyle,borderInlineStartWidth,borderLeft,borderLeftColor,borderLeftStyle,borderLeftWidth,borderRadius,borderRight,borderRightColor,borderRightStyle,borderRightWidth,borderSpacing,borderStartEndRadius,borderStartStartRadius,borderStyle,borderTop,borderTopColor,borderTopLeftRadius,borderTopRightRadius,borderTopStyle,borderTopWidth,borderWidth,bottom,boxAlign,boxDecorationBreak,boxDirection,boxFlex,boxFlexGroup,boxLines,boxOrdinalGroup,boxOrient,boxPack,boxShadow,boxSizing,breakAfter,breakBefore,breakInside,captionSide,caret,caretColor,caretShape,clear,clip,clipPath,color,colorScheme,columnCount,columnFill,columnGap,columnRule,columnRuleColor,columnRuleStyle,columnRuleWidth,columnSpan,columnWidth,columns,contain,containIntrinsicSize,containIntrinsicBlockSize,containIntrinsicHeight,containIntrinsicInlineSize,containIntrinsicWidth,container,containerName,containerType,content,contentVisibility,counterIncrement,counterReset,counterSet,cursor,direction,display,emptyCells,filter,flex,flexBasis,flexDirection,flexFlow,flexGrow,flexShrink,flexWrap,float,font,fontFamily,fontFeatureSettings,fontKerning,fontLanguageOverride,fontOpticalSizing,fontPalette,fontVariationSettings,fontSize,fontSizeAdjust,fontSmooth,fontStretch,fontStyle,fontSynthesis,fontSynthesisPosition,fontSynthesisSmallCaps,fontSynthesisStyle,fontSynthesisWeight,fontVariant,fontVariantAlternates,fontVariantCaps,fontVariantEastAsian,fontVariantEmoji,fontVariantLigatures,fontVariantNumeric,fontVariantPosition,fontWeight,forcedColorAdjust,gap,grid,gridArea,gridAutoColumns,gridAutoFlow,gridAutoRows,gridColumn,gridColumnEnd,gridColumnGap,gridColumnStart,gridGap,gridRow,gridRowEnd,gridRowGap,gridRowStart,gridTemplate,gridTemplateAreas,gridTemplateColumns,gridTemplateRows,hangingPunctuation,height,hyphenateCharacter,hyphenateLimitChars,hyphens,imageOrientation,imageRendering,imageResolution,imeMode,initialLetter,initialLetterAlign,inlineSize,inputSecurity,inset,insetBlock,insetBlockEnd,insetBlockStart,insetInline,insetInlineEnd,insetInlineStart,isolation,justifyContent,justifyItems,justifySelf,justifyTracks,left,letterSpacing,lineBreak,lineClamp,lineHeight,lineHeightStep,listStyle,listStyleImage,listStylePosition,listStyleType,margin,marginBlock,marginBlockEnd,marginBlockStart,marginBottom,marginInline,marginInlineEnd,marginInlineStart,marginLeft,marginRight,marginTop,marginTrim,mask,maskBorder,maskBorderMode,maskBorderOutset,maskBorderRepeat,maskBorderSlice,maskBorderSource,maskBorderWidth,maskClip,maskComposite,maskImage,maskMode,maskOrigin,maskPosition,maskRepeat,maskSize,maskType,masonryAutoFlow,mathDepth,mathShift,mathStyle,maxBlockSize,maxHeight,maxInlineSize,maxLines,maxWidth,minBlockSize,minHeight,minInlineSize,minWidth,mixBlendMode,objectFit,objectPosition,offset,offsetAnchor,offsetDistance,offsetPath,offsetPosition,offsetRotate,opacity,order,orphans,outline,outlineColor,outlineOffset,outlineStyle,outlineWidth,overflow,overflowAnchor,overflowBlock,overflowClipBox,overflowClipMargin,overflowInline,overflowWrap,overflowX,overflowY,overlay,overscrollBehavior,overscrollBehaviorBlock,overscrollBehaviorInline,overscrollBehaviorX,overscrollBehaviorY,padding,paddingBlock,paddingBlockEnd,paddingBlockStart,paddingBottom,paddingInline,paddingInlineEnd,paddingInlineStart,paddingLeft,paddingRight,paddingTop,page,pageBreakAfter,pageBreakBefore,pageBreakInside,paintOrder,perspective,perspectiveOrigin,placeContent,placeItems,placeSelf,pointerEvents,position,printColorAdjust,quotes,resize,right,rotate,rowGap,rubyAlign,rubyMerge,rubyPosition,scale,scrollbarColor,scrollbarGutter,scrollbarWidth,scrollBehavior,scrollMargin,scrollMarginBlock,scrollMarginBlockStart,scrollMarginBlockEnd,scrollMarginBottom,scrollMarginInline,scrollMarginInlineStart,scrollMarginInlineEnd,scrollMarginLeft,scrollMarginRight,scrollMarginTop,scrollPadding,scrollPaddingBlock,scrollPaddingBlockStart,scrollPaddingBlockEnd,scrollPaddingBottom,scrollPaddingInline,scrollPaddingInlineStart,scrollPaddingInlineEnd,scrollPaddingLeft,scrollPaddingRight,scrollPaddingTop,scrollSnapAlign,scrollSnapCoordinate,scrollSnapDestination,scrollSnapPointsX,scrollSnapPointsY,scrollSnapStop,scrollSnapType,scrollSnapTypeX,scrollSnapTypeY,scrollTimeline,scrollTimelineAxis,scrollTimelineName,shapeImageThreshold,shapeMargin,shapeOutside,tabSize,tableLayout,textAlign,textAlignLast,textCombineUpright,textDecoration,textDecorationColor,textDecorationLine,textDecorationSkip,textDecorationSkipInk,textDecorationStyle,textDecorationThickness,textEmphasis,textEmphasisColor,textEmphasisPosition,textEmphasisStyle,textIndent,textJustify,textOrientation,textOverflow,textRendering,textShadow,textSizeAdjust,textTransform,textUnderlineOffset,textUnderlinePosition,textWrap,timelineScope,top,touchAction,transform,transformBox,transformOrigin,transformStyle,transition,transitionBehavior,transitionDelay,transitionDuration,transitionProperty,transitionTimingFunction,translate,unicodeBidi,userSelect,verticalAlign,viewTimeline,viewTimelineAxis,viewTimelineInset,viewTimelineName,viewTransitionName,visibility,whiteSpace,whiteSpaceCollapse,widows,width,willChange,wordBreak,wordSpacing,wordWrap,writingMode,zIndex,zoom,alignmentBaseline,baselineShift,clipRule,colorInterpolation,colorRendering,dominantBaseline,fill,fillOpacity,fillRule,floodColor,floodOpacity,glyphOrientationVertical,lightingColor,marker,markerEnd,markerMid,markerStart,shapeRendering,stopColor,stopOpacity,stroke,strokeDasharray,strokeDashoffset,strokeLinecap,strokeLinejoin,strokeMiterlimit,strokeOpacity,strokeWidth,textAnchor,vectorEffect";
|
|
7
7
|
var allCssProperties = cssPropertiesStr.split(",").concat(userGenerated);
|
package/styled-system/styles.css
CHANGED
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
font-family: var(--global-font-body, var(--font-fallback));
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
*,::before,::after,::backdrop,::
|
|
16
|
+
*,::before,::after,::backdrop,::file-selector-button {
|
|
17
17
|
margin: 0px;
|
|
18
18
|
padding: 0px;
|
|
19
19
|
box-sizing: border-box;
|
|
@@ -81,11 +81,6 @@
|
|
|
81
81
|
color: var(--global-color-placeholder, var(--placeholder-fallback));
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
select,textarea,input:where(:not([type='button'], [type='reset'], [type='submit'])) {
|
|
85
|
-
border-width: 1px;
|
|
86
|
-
border-style: solid;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
84
|
textarea {
|
|
90
85
|
resize: vertical;
|
|
91
86
|
}
|
|
@@ -258,6 +253,7 @@
|
|
|
258
253
|
--radii-xl: 0.75rem;
|
|
259
254
|
--radii-2xl: 1rem;
|
|
260
255
|
--radii-3xl: 1.5rem;
|
|
256
|
+
--radii-4xl: 2rem;
|
|
261
257
|
--radii-full: 9999px;
|
|
262
258
|
--font-weights-thin: 100;
|
|
263
259
|
--font-weights-extralight: 200;
|
|
@@ -723,7 +719,7 @@
|
|
|
723
719
|
gap: var(--spacing-4);
|
|
724
720
|
}
|
|
725
721
|
|
|
726
|
-
.
|
|
722
|
+
.op_0\.5 {
|
|
727
723
|
opacity: 0.5;
|
|
728
724
|
}
|
|
729
725
|
|
|
@@ -747,7 +743,7 @@
|
|
|
747
743
|
gap: var(--spacing-2\.5);
|
|
748
744
|
}
|
|
749
745
|
|
|
750
|
-
.
|
|
746
|
+
.ta_center {
|
|
751
747
|
text-align: center;
|
|
752
748
|
}
|
|
753
749
|
|
|
@@ -759,7 +755,7 @@
|
|
|
759
755
|
height: var(--sizes-10);
|
|
760
756
|
}
|
|
761
757
|
|
|
762
|
-
.
|
|
758
|
+
.bdr_sm {
|
|
763
759
|
border-radius: var(--radii-sm);
|
|
764
760
|
}
|
|
765
761
|
|
|
@@ -767,11 +763,11 @@
|
|
|
767
763
|
position: relative;
|
|
768
764
|
}
|
|
769
765
|
|
|
770
|
-
.
|
|
766
|
+
.ov_hidden {
|
|
771
767
|
overflow: hidden;
|
|
772
768
|
}
|
|
773
769
|
|
|
774
|
-
.
|
|
770
|
+
.bx-sh_inset {
|
|
775
771
|
box-shadow: var(--shadows-inset);
|
|
776
772
|
}
|
|
777
773
|
|
|
@@ -791,15 +787,15 @@
|
|
|
791
787
|
gap: var(--spacing-0\.5);
|
|
792
788
|
}
|
|
793
789
|
|
|
794
|
-
.
|
|
790
|
+
.tt_capitalize {
|
|
795
791
|
text-transform: capitalize;
|
|
796
792
|
}
|
|
797
793
|
|
|
798
|
-
.
|
|
794
|
+
.op_0\.7 {
|
|
799
795
|
opacity: 0.7;
|
|
800
796
|
}
|
|
801
797
|
|
|
802
|
-
.
|
|
798
|
+
.tt_uppercase {
|
|
803
799
|
text-transform: uppercase;
|
|
804
800
|
}
|
|
805
801
|
|
|
@@ -823,7 +819,7 @@
|
|
|
823
819
|
min-height: 40vh;
|
|
824
820
|
}
|
|
825
821
|
|
|
826
|
-
.
|
|
822
|
+
.op_0\.8 {
|
|
827
823
|
opacity: 0.8;
|
|
828
824
|
}
|
|
829
825
|
|
|
@@ -843,7 +839,7 @@
|
|
|
843
839
|
height: var(--sizes-8);
|
|
844
840
|
}
|
|
845
841
|
|
|
846
|
-
.
|
|
842
|
+
.tt_lowercase {
|
|
847
843
|
text-transform: lowercase;
|
|
848
844
|
}
|
|
849
845
|
|
|
@@ -855,7 +851,7 @@
|
|
|
855
851
|
gap: var(--spacing-3\.5);
|
|
856
852
|
}
|
|
857
853
|
|
|
858
|
-
.
|
|
854
|
+
.op_0\.4 {
|
|
859
855
|
opacity: 0.4;
|
|
860
856
|
}
|
|
861
857
|
|
|
@@ -871,24 +867,24 @@
|
|
|
871
867
|
padding-block: var(--spacing-2);
|
|
872
868
|
}
|
|
873
869
|
|
|
874
|
-
.
|
|
870
|
+
.bdr_md {
|
|
875
871
|
border-radius: var(--radii-md);
|
|
876
872
|
}
|
|
877
873
|
|
|
878
|
-
.
|
|
874
|
+
.c_neutral\.600 {
|
|
879
875
|
color: var(--colors-neutral-600);
|
|
880
876
|
}
|
|
881
877
|
|
|
882
|
-
.
|
|
878
|
+
.bx-sh_sm {
|
|
883
879
|
box-shadow: var(--shadows-sm);
|
|
884
880
|
}
|
|
885
881
|
|
|
886
|
-
.
|
|
882
|
+
.dvd-y_1px > :not([hidden]) ~ :not([hidden]) {
|
|
887
883
|
border-top-width: 1px;
|
|
888
884
|
border-bottom-width: 0px;
|
|
889
885
|
}
|
|
890
886
|
|
|
891
|
-
.
|
|
887
|
+
.dvd-c_card > :not([hidden]) ~ :not([hidden]) {
|
|
892
888
|
border-color: var(--colors-card);
|
|
893
889
|
}
|
|
894
890
|
|
|
@@ -932,11 +928,11 @@
|
|
|
932
928
|
background: var(--colors-yellow-300);
|
|
933
929
|
}
|
|
934
930
|
|
|
935
|
-
.
|
|
931
|
+
.c_black {
|
|
936
932
|
color: var(--colors-black);
|
|
937
933
|
}
|
|
938
934
|
|
|
939
|
-
.
|
|
935
|
+
.c_yellow\.300 {
|
|
940
936
|
color: var(--colors-yellow-300);
|
|
941
937
|
}
|
|
942
938
|
|
|
@@ -960,7 +956,7 @@
|
|
|
960
956
|
height: 300px;
|
|
961
957
|
}
|
|
962
958
|
|
|
963
|
-
.
|
|
959
|
+
.ls_tighter {
|
|
964
960
|
letter-spacing: var(--letter-spacings-tighter);
|
|
965
961
|
}
|
|
966
962
|
|
|
@@ -976,7 +972,7 @@
|
|
|
976
972
|
width: var(--sizes-20);
|
|
977
973
|
}
|
|
978
974
|
|
|
979
|
-
.
|
|
975
|
+
.c_accent {
|
|
980
976
|
color: var(--colors-accent);
|
|
981
977
|
}
|
|
982
978
|
|
|
@@ -1008,7 +1004,7 @@
|
|
|
1008
1004
|
padding-block: var(--spacing-1);
|
|
1009
1005
|
}
|
|
1010
1006
|
|
|
1011
|
-
.
|
|
1007
|
+
.c_white {
|
|
1012
1008
|
color: var(--colors-white);
|
|
1013
1009
|
}
|
|
1014
1010
|
|
|
@@ -1028,7 +1024,7 @@
|
|
|
1028
1024
|
margin-block: var(--spacing-2);
|
|
1029
1025
|
}
|
|
1030
1026
|
|
|
1031
|
-
.
|
|
1027
|
+
.grid-c_span_3_\/_span_3 {
|
|
1032
1028
|
grid-column: span 3 / span 3;
|
|
1033
1029
|
}
|
|
1034
1030
|
|
|
@@ -1036,11 +1032,11 @@
|
|
|
1036
1032
|
height: var(--sizes-5);
|
|
1037
1033
|
}
|
|
1038
1034
|
|
|
1039
|
-
.
|
|
1035
|
+
.grid-c_span_2_\/_span_2 {
|
|
1040
1036
|
grid-column: span 2 / span 2;
|
|
1041
1037
|
}
|
|
1042
1038
|
|
|
1043
|
-
.
|
|
1039
|
+
.grid-c_span_5_\/_span_5 {
|
|
1044
1040
|
grid-column: span 5 / span 5;
|
|
1045
1041
|
}
|
|
1046
1042
|
|
|
@@ -1052,7 +1048,7 @@
|
|
|
1052
1048
|
z-index: 1;
|
|
1053
1049
|
}
|
|
1054
1050
|
|
|
1055
|
-
.
|
|
1051
|
+
.trunc_true {
|
|
1056
1052
|
overflow: hidden;
|
|
1057
1053
|
text-overflow: ellipsis;
|
|
1058
1054
|
white-space: nowrap;
|
|
@@ -1062,7 +1058,7 @@
|
|
|
1062
1058
|
padding-inline: var(--spacing-2);
|
|
1063
1059
|
}
|
|
1064
1060
|
|
|
1065
|
-
.
|
|
1061
|
+
.c_inherit {
|
|
1066
1062
|
color: inherit;
|
|
1067
1063
|
}
|
|
1068
1064
|
|
|
@@ -1114,7 +1110,7 @@
|
|
|
1114
1110
|
min-width: var(--sizes-60);
|
|
1115
1111
|
}
|
|
1116
1112
|
|
|
1117
|
-
.
|
|
1113
|
+
.ov_auto {
|
|
1118
1114
|
overflow: auto;
|
|
1119
1115
|
}
|
|
1120
1116
|
|
|
@@ -1130,11 +1126,11 @@
|
|
|
1130
1126
|
max-width: var(--sizes-8xl);
|
|
1131
1127
|
}
|
|
1132
1128
|
|
|
1133
|
-
.
|
|
1129
|
+
.ls_tight {
|
|
1134
1130
|
letter-spacing: var(--letter-spacings-tight);
|
|
1135
1131
|
}
|
|
1136
1132
|
|
|
1137
|
-
.
|
|
1133
|
+
.flex-d_column {
|
|
1138
1134
|
flex-direction: column;
|
|
1139
1135
|
}
|
|
1140
1136
|
|
|
@@ -1150,11 +1146,11 @@
|
|
|
1150
1146
|
font-size: var(--font-sizes-4xl);
|
|
1151
1147
|
}
|
|
1152
1148
|
|
|
1153
|
-
.
|
|
1149
|
+
.bd-w_1px {
|
|
1154
1150
|
border-width: 1px;
|
|
1155
1151
|
}
|
|
1156
1152
|
|
|
1157
|
-
.
|
|
1153
|
+
.bd-c_card {
|
|
1158
1154
|
border-color: var(--colors-card);
|
|
1159
1155
|
}
|
|
1160
1156
|
|
|
@@ -1166,15 +1162,15 @@
|
|
|
1166
1162
|
margin-top: var(--spacing-10);
|
|
1167
1163
|
}
|
|
1168
1164
|
|
|
1169
|
-
.
|
|
1165
|
+
.ai_center {
|
|
1170
1166
|
align-items: center;
|
|
1171
1167
|
}
|
|
1172
1168
|
|
|
1173
|
-
.
|
|
1169
|
+
.flex-d_row {
|
|
1174
1170
|
flex-direction: row;
|
|
1175
1171
|
}
|
|
1176
1172
|
|
|
1177
|
-
.
|
|
1173
|
+
.jc_center {
|
|
1178
1174
|
justify-content: center;
|
|
1179
1175
|
}
|
|
1180
1176
|
|
|
@@ -1198,7 +1194,7 @@
|
|
|
1198
1194
|
font-size: var(--font-sizes-sm);
|
|
1199
1195
|
}
|
|
1200
1196
|
|
|
1201
|
-
.grid-
|
|
1197
|
+
.grid-tc_repeat\(auto-fit\,_minmax\(13rem\,_1fr\)\) {
|
|
1202
1198
|
grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
|
|
1203
1199
|
}
|
|
1204
1200
|
|
|
@@ -1210,7 +1206,7 @@
|
|
|
1210
1206
|
font-size: 100px;
|
|
1211
1207
|
}
|
|
1212
1208
|
|
|
1213
|
-
.
|
|
1209
|
+
.lh_1 {
|
|
1214
1210
|
line-height: 1;
|
|
1215
1211
|
}
|
|
1216
1212
|
|
|
@@ -1226,11 +1222,11 @@
|
|
|
1226
1222
|
margin-top: var(--spacing-8);
|
|
1227
1223
|
}
|
|
1228
1224
|
|
|
1229
|
-
.
|
|
1225
|
+
.lh_normal {
|
|
1230
1226
|
line-height: var(--line-heights-normal);
|
|
1231
1227
|
}
|
|
1232
1228
|
|
|
1233
|
-
.
|
|
1229
|
+
.bd-c_border {
|
|
1234
1230
|
border-color: var(--colors-border);
|
|
1235
1231
|
}
|
|
1236
1232
|
|
|
@@ -1246,11 +1242,11 @@
|
|
|
1246
1242
|
margin-top: var(--spacing-5);
|
|
1247
1243
|
}
|
|
1248
1244
|
|
|
1249
|
-
.
|
|
1245
|
+
.bd-t-w_8px {
|
|
1250
1246
|
border-top-width: 8px;
|
|
1251
1247
|
}
|
|
1252
1248
|
|
|
1253
|
-
.
|
|
1249
|
+
.bd-t-c_accent {
|
|
1254
1250
|
border-top-color: var(--colors-accent);
|
|
1255
1251
|
}
|
|
1256
1252
|
|
|
@@ -1270,15 +1266,15 @@
|
|
|
1270
1266
|
margin-top: var(--spacing-20);
|
|
1271
1267
|
}
|
|
1272
1268
|
|
|
1273
|
-
.grid-
|
|
1269
|
+
.grid-tc_repeat\(auto-fit\,_minmax\(10rem\,_1fr\)\) {
|
|
1274
1270
|
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
|
|
1275
1271
|
}
|
|
1276
1272
|
|
|
1277
|
-
.
|
|
1273
|
+
.bdr-br_sm {
|
|
1278
1274
|
border-bottom-right-radius: var(--radii-sm);
|
|
1279
1275
|
}
|
|
1280
1276
|
|
|
1281
|
-
.
|
|
1277
|
+
.bd-c_neutral\.700 {
|
|
1282
1278
|
border-color: var(--colors-neutral-700);
|
|
1283
1279
|
}
|
|
1284
1280
|
|
|
@@ -1290,19 +1286,19 @@
|
|
|
1290
1286
|
margin-bottom: var(--spacing-8);
|
|
1291
1287
|
}
|
|
1292
1288
|
|
|
1293
|
-
.
|
|
1289
|
+
.li-t_none {
|
|
1294
1290
|
list-style-type: none;
|
|
1295
1291
|
}
|
|
1296
1292
|
|
|
1297
|
-
.grid-
|
|
1293
|
+
.grid-tc_repeat\(5\,_minmax\(0\,_1fr\)\) {
|
|
1298
1294
|
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
1299
1295
|
}
|
|
1300
1296
|
|
|
1301
|
-
.
|
|
1297
|
+
.cg_10 {
|
|
1302
1298
|
column-gap: var(--spacing-10);
|
|
1303
1299
|
}
|
|
1304
1300
|
|
|
1305
|
-
.
|
|
1301
|
+
.rg_2\.5 {
|
|
1306
1302
|
row-gap: var(--spacing-2\.5);
|
|
1307
1303
|
}
|
|
1308
1304
|
|
|
@@ -1314,11 +1310,11 @@
|
|
|
1314
1310
|
margin-bottom: var(--spacing-4);
|
|
1315
1311
|
}
|
|
1316
1312
|
|
|
1317
|
-
.
|
|
1313
|
+
.jc_space-between {
|
|
1318
1314
|
justify-content: space-between;
|
|
1319
1315
|
}
|
|
1320
1316
|
|
|
1321
|
-
.
|
|
1317
|
+
.as_flex-start {
|
|
1322
1318
|
align-self: flex-start;
|
|
1323
1319
|
}
|
|
1324
1320
|
|
|
@@ -1358,7 +1354,7 @@
|
|
|
1358
1354
|
position: absolute;
|
|
1359
1355
|
}
|
|
1360
1356
|
|
|
1361
|
-
.before\:
|
|
1357
|
+
.before\:bdr_sm::before {
|
|
1362
1358
|
border-radius: var(--radii-sm);
|
|
1363
1359
|
}
|
|
1364
1360
|
|
|
@@ -1374,11 +1370,11 @@
|
|
|
1374
1370
|
z-index: -1;
|
|
1375
1371
|
}
|
|
1376
1372
|
|
|
1377
|
-
.dark .dark\:
|
|
1373
|
+
.dark .dark\:c_neutral\.300 {
|
|
1378
1374
|
color: var(--colors-neutral-300);
|
|
1379
1375
|
}
|
|
1380
1376
|
|
|
1381
|
-
.currentPage\:
|
|
1377
|
+
.currentPage\:c_accent[aria-current=page],.\[\&\.active\]\:c_accent.active {
|
|
1382
1378
|
color: var(--colors-accent);
|
|
1383
1379
|
}
|
|
1384
1380
|
|
|
@@ -1386,15 +1382,15 @@
|
|
|
1386
1382
|
content: '';
|
|
1387
1383
|
}
|
|
1388
1384
|
|
|
1389
|
-
.before\:bg-
|
|
1385
|
+
.before\:bg-s_24px::before {
|
|
1390
1386
|
background-size: 24px;
|
|
1391
1387
|
}
|
|
1392
1388
|
|
|
1393
|
-
.before\:bg-
|
|
1389
|
+
.before\:bg-i_check::before {
|
|
1394
1390
|
background-image: var(--assets-check);
|
|
1395
1391
|
}
|
|
1396
1392
|
|
|
1397
|
-
.focusWithin\:ring-
|
|
1393
|
+
.focusWithin\:ring-o_2px:focus-within {
|
|
1398
1394
|
outline-offset: 2px;
|
|
1399
1395
|
}
|
|
1400
1396
|
|
|
@@ -1402,15 +1398,15 @@
|
|
|
1402
1398
|
outline-style: solid;
|
|
1403
1399
|
}
|
|
1404
1400
|
|
|
1405
|
-
.focusWithin\:ring-
|
|
1401
|
+
.focusWithin\:ring-w_2px:focus-within {
|
|
1406
1402
|
outline-width: 2px;
|
|
1407
1403
|
}
|
|
1408
1404
|
|
|
1409
|
-
.focusWithin\:ring-
|
|
1405
|
+
.focusWithin\:ring-c_neutral\.400:focus-within {
|
|
1410
1406
|
outline-color: var(--colors-neutral-400);
|
|
1411
1407
|
}
|
|
1412
1408
|
|
|
1413
|
-
.hover\:
|
|
1409
|
+
.hover\:c_accent:is(:hover, [data-hover]) {
|
|
1414
1410
|
color: var(--colors-accent);
|
|
1415
1411
|
}
|
|
1416
1412
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* eslint-disable */
|
|
2
|
-
export type Token = "aspectRatios.square" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.wide" | "aspectRatios.ultrawide" | "aspectRatios.golden" | "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "colors.accent" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
|
|
2
|
+
export type Token = "aspectRatios.square" | "aspectRatios.landscape" | "aspectRatios.portrait" | "aspectRatios.wide" | "aspectRatios.ultrawide" | "aspectRatios.golden" | "borders.none" | "easings.default" | "easings.linear" | "easings.in" | "easings.out" | "easings.in-out" | "durations.fastest" | "durations.faster" | "durations.fast" | "durations.normal" | "durations.slow" | "durations.slower" | "durations.slowest" | "radii.xs" | "radii.sm" | "radii.md" | "radii.lg" | "radii.xl" | "radii.2xl" | "radii.3xl" | "radii.4xl" | "radii.full" | "fontWeights.thin" | "fontWeights.extralight" | "fontWeights.light" | "fontWeights.normal" | "fontWeights.medium" | "fontWeights.semibold" | "fontWeights.bold" | "fontWeights.extrabold" | "fontWeights.black" | "lineHeights.none" | "lineHeights.tight" | "lineHeights.snug" | "lineHeights.normal" | "lineHeights.relaxed" | "lineHeights.loose" | "fonts.sans" | "fonts.serif" | "fonts.mono" | "letterSpacings.tighter" | "letterSpacings.tight" | "letterSpacings.normal" | "letterSpacings.wide" | "letterSpacings.wider" | "letterSpacings.widest" | "fontSizes.2xs" | "fontSizes.xs" | "fontSizes.sm" | "fontSizes.md" | "fontSizes.lg" | "fontSizes.xl" | "fontSizes.2xl" | "fontSizes.3xl" | "fontSizes.4xl" | "fontSizes.5xl" | "fontSizes.6xl" | "fontSizes.7xl" | "fontSizes.8xl" | "fontSizes.9xl" | "shadows.xs" | "shadows.sm" | "shadows.md" | "shadows.lg" | "shadows.xl" | "shadows.2xl" | "shadows.inner" | "blurs.sm" | "blurs.base" | "blurs.md" | "blurs.lg" | "blurs.xl" | "blurs.2xl" | "blurs.3xl" | "spacing.0" | "spacing.1" | "spacing.2" | "spacing.3" | "spacing.4" | "spacing.5" | "spacing.6" | "spacing.7" | "spacing.8" | "spacing.9" | "spacing.10" | "spacing.11" | "spacing.12" | "spacing.14" | "spacing.16" | "spacing.20" | "spacing.24" | "spacing.28" | "spacing.32" | "spacing.36" | "spacing.40" | "spacing.44" | "spacing.48" | "spacing.52" | "spacing.56" | "spacing.60" | "spacing.64" | "spacing.72" | "spacing.80" | "spacing.96" | "spacing.0.5" | "spacing.1.5" | "spacing.2.5" | "spacing.3.5" | "sizes.0" | "sizes.1" | "sizes.2" | "sizes.3" | "sizes.4" | "sizes.5" | "sizes.6" | "sizes.7" | "sizes.8" | "sizes.9" | "sizes.10" | "sizes.11" | "sizes.12" | "sizes.14" | "sizes.16" | "sizes.20" | "sizes.24" | "sizes.28" | "sizes.32" | "sizes.36" | "sizes.40" | "sizes.44" | "sizes.48" | "sizes.52" | "sizes.56" | "sizes.60" | "sizes.64" | "sizes.72" | "sizes.80" | "sizes.96" | "sizes.0.5" | "sizes.1.5" | "sizes.2.5" | "sizes.3.5" | "sizes.xs" | "sizes.sm" | "sizes.md" | "sizes.lg" | "sizes.xl" | "sizes.2xl" | "sizes.3xl" | "sizes.4xl" | "sizes.5xl" | "sizes.6xl" | "sizes.7xl" | "sizes.8xl" | "sizes.prose" | "sizes.full" | "sizes.min" | "sizes.max" | "sizes.fit" | "sizes.breakpoint-sm" | "sizes.breakpoint-md" | "sizes.breakpoint-lg" | "sizes.breakpoint-xl" | "sizes.breakpoint-2xl" | "animations.spin" | "animations.ping" | "animations.pulse" | "animations.bounce" | "colors.current" | "colors.black" | "colors.white" | "colors.transparent" | "colors.rose.50" | "colors.rose.100" | "colors.rose.200" | "colors.rose.300" | "colors.rose.400" | "colors.rose.500" | "colors.rose.600" | "colors.rose.700" | "colors.rose.800" | "colors.rose.900" | "colors.rose.950" | "colors.pink.50" | "colors.pink.100" | "colors.pink.200" | "colors.pink.300" | "colors.pink.400" | "colors.pink.500" | "colors.pink.600" | "colors.pink.700" | "colors.pink.800" | "colors.pink.900" | "colors.pink.950" | "colors.fuchsia.50" | "colors.fuchsia.100" | "colors.fuchsia.200" | "colors.fuchsia.300" | "colors.fuchsia.400" | "colors.fuchsia.500" | "colors.fuchsia.600" | "colors.fuchsia.700" | "colors.fuchsia.800" | "colors.fuchsia.900" | "colors.fuchsia.950" | "colors.purple.50" | "colors.purple.100" | "colors.purple.200" | "colors.purple.300" | "colors.purple.400" | "colors.purple.500" | "colors.purple.600" | "colors.purple.700" | "colors.purple.800" | "colors.purple.900" | "colors.purple.950" | "colors.violet.50" | "colors.violet.100" | "colors.violet.200" | "colors.violet.300" | "colors.violet.400" | "colors.violet.500" | "colors.violet.600" | "colors.violet.700" | "colors.violet.800" | "colors.violet.900" | "colors.violet.950" | "colors.indigo.50" | "colors.indigo.100" | "colors.indigo.200" | "colors.indigo.300" | "colors.indigo.400" | "colors.indigo.500" | "colors.indigo.600" | "colors.indigo.700" | "colors.indigo.800" | "colors.indigo.900" | "colors.indigo.950" | "colors.blue.50" | "colors.blue.100" | "colors.blue.200" | "colors.blue.300" | "colors.blue.400" | "colors.blue.500" | "colors.blue.600" | "colors.blue.700" | "colors.blue.800" | "colors.blue.900" | "colors.blue.950" | "colors.sky.50" | "colors.sky.100" | "colors.sky.200" | "colors.sky.300" | "colors.sky.400" | "colors.sky.500" | "colors.sky.600" | "colors.sky.700" | "colors.sky.800" | "colors.sky.900" | "colors.sky.950" | "colors.cyan.50" | "colors.cyan.100" | "colors.cyan.200" | "colors.cyan.300" | "colors.cyan.400" | "colors.cyan.500" | "colors.cyan.600" | "colors.cyan.700" | "colors.cyan.800" | "colors.cyan.900" | "colors.cyan.950" | "colors.teal.50" | "colors.teal.100" | "colors.teal.200" | "colors.teal.300" | "colors.teal.400" | "colors.teal.500" | "colors.teal.600" | "colors.teal.700" | "colors.teal.800" | "colors.teal.900" | "colors.teal.950" | "colors.emerald.50" | "colors.emerald.100" | "colors.emerald.200" | "colors.emerald.300" | "colors.emerald.400" | "colors.emerald.500" | "colors.emerald.600" | "colors.emerald.700" | "colors.emerald.800" | "colors.emerald.900" | "colors.emerald.950" | "colors.green.50" | "colors.green.100" | "colors.green.200" | "colors.green.300" | "colors.green.400" | "colors.green.500" | "colors.green.600" | "colors.green.700" | "colors.green.800" | "colors.green.900" | "colors.green.950" | "colors.lime.50" | "colors.lime.100" | "colors.lime.200" | "colors.lime.300" | "colors.lime.400" | "colors.lime.500" | "colors.lime.600" | "colors.lime.700" | "colors.lime.800" | "colors.lime.900" | "colors.lime.950" | "colors.yellow.50" | "colors.yellow.100" | "colors.yellow.200" | "colors.yellow.300" | "colors.yellow.400" | "colors.yellow.500" | "colors.yellow.600" | "colors.yellow.700" | "colors.yellow.800" | "colors.yellow.900" | "colors.yellow.950" | "colors.amber.50" | "colors.amber.100" | "colors.amber.200" | "colors.amber.300" | "colors.amber.400" | "colors.amber.500" | "colors.amber.600" | "colors.amber.700" | "colors.amber.800" | "colors.amber.900" | "colors.amber.950" | "colors.orange.50" | "colors.orange.100" | "colors.orange.200" | "colors.orange.300" | "colors.orange.400" | "colors.orange.500" | "colors.orange.600" | "colors.orange.700" | "colors.orange.800" | "colors.orange.900" | "colors.orange.950" | "colors.red.50" | "colors.red.100" | "colors.red.200" | "colors.red.300" | "colors.red.400" | "colors.red.500" | "colors.red.600" | "colors.red.700" | "colors.red.800" | "colors.red.900" | "colors.red.950" | "colors.stone.50" | "colors.stone.100" | "colors.stone.200" | "colors.stone.300" | "colors.stone.400" | "colors.stone.500" | "colors.stone.600" | "colors.stone.700" | "colors.stone.800" | "colors.stone.900" | "colors.stone.950" | "colors.zinc.50" | "colors.zinc.100" | "colors.zinc.200" | "colors.zinc.300" | "colors.zinc.400" | "colors.zinc.500" | "colors.zinc.600" | "colors.zinc.700" | "colors.zinc.800" | "colors.zinc.900" | "colors.zinc.950" | "colors.gray.50" | "colors.gray.100" | "colors.gray.200" | "colors.gray.300" | "colors.gray.400" | "colors.gray.500" | "colors.gray.600" | "colors.gray.700" | "colors.gray.800" | "colors.gray.900" | "colors.gray.950" | "colors.slate.50" | "colors.slate.100" | "colors.slate.200" | "colors.slate.300" | "colors.slate.400" | "colors.slate.500" | "colors.slate.600" | "colors.slate.700" | "colors.slate.800" | "colors.slate.900" | "colors.slate.950" | "colors.neutral.50" | "colors.neutral.100" | "colors.neutral.200" | "colors.neutral.300" | "colors.neutral.400" | "colors.neutral.500" | "colors.neutral.600" | "colors.neutral.700" | "colors.neutral.800" | "colors.neutral.900" | "colors.neutral.950" | "assets.check" | "breakpoints.sm" | "breakpoints.md" | "breakpoints.lg" | "breakpoints.xl" | "breakpoints.2xl" | "shadows.inset" | "colors.text" | "colors.bg" | "colors.card" | "colors.border" | "colors.accent" | "spacing.-1" | "spacing.-2" | "spacing.-3" | "spacing.-4" | "spacing.-5" | "spacing.-6" | "spacing.-7" | "spacing.-8" | "spacing.-9" | "spacing.-10" | "spacing.-11" | "spacing.-12" | "spacing.-14" | "spacing.-16" | "spacing.-20" | "spacing.-24" | "spacing.-28" | "spacing.-32" | "spacing.-36" | "spacing.-40" | "spacing.-44" | "spacing.-48" | "spacing.-52" | "spacing.-56" | "spacing.-60" | "spacing.-64" | "spacing.-72" | "spacing.-80" | "spacing.-96" | "spacing.-0.5" | "spacing.-1.5" | "spacing.-2.5" | "spacing.-3.5" | "colors.colorPalette" | "colors.colorPalette.50" | "colors.colorPalette.100" | "colors.colorPalette.200" | "colors.colorPalette.300" | "colors.colorPalette.400" | "colors.colorPalette.500" | "colors.colorPalette.600" | "colors.colorPalette.700" | "colors.colorPalette.800" | "colors.colorPalette.900" | "colors.colorPalette.950"
|
|
3
3
|
|
|
4
4
|
export type ColorPalette = "current" | "black" | "white" | "transparent" | "rose" | "pink" | "fuchsia" | "purple" | "violet" | "indigo" | "blue" | "sky" | "cyan" | "teal" | "emerald" | "green" | "lime" | "yellow" | "amber" | "orange" | "red" | "stone" | "zinc" | "gray" | "slate" | "neutral" | "text" | "bg" | "card" | "border" | "accent"
|
|
5
5
|
|
|
@@ -11,7 +11,7 @@ export type EasingToken = "default" | "linear" | "in" | "out" | "in-out"
|
|
|
11
11
|
|
|
12
12
|
export type DurationToken = "fastest" | "faster" | "fast" | "normal" | "slow" | "slower" | "slowest"
|
|
13
13
|
|
|
14
|
-
export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full"
|
|
14
|
+
export type RadiusToken = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full"
|
|
15
15
|
|
|
16
16
|
export type FontWeightToken = "thin" | "extralight" | "light" | "normal" | "medium" | "semibold" | "bold" | "extrabold" | "black"
|
|
17
17
|
|
|
@@ -7,9 +7,9 @@ export interface UtilityValues {
|
|
|
7
7
|
aspectRatio: Tokens["aspectRatios"];
|
|
8
8
|
top: Tokens["spacing"];
|
|
9
9
|
left: Tokens["spacing"];
|
|
10
|
+
inset: "auto" | Tokens["spacing"];
|
|
10
11
|
insetInline: Tokens["spacing"];
|
|
11
12
|
insetBlock: Tokens["spacing"];
|
|
12
|
-
inset: "auto" | Tokens["spacing"];
|
|
13
13
|
insetBlockEnd: Tokens["spacing"];
|
|
14
14
|
insetBlockStart: Tokens["spacing"];
|
|
15
15
|
insetInlineEnd: Tokens["spacing"];
|
|
@@ -164,6 +164,9 @@ export interface UtilityValues {
|
|
|
164
164
|
accentColor: Tokens["colors"];
|
|
165
165
|
caretColor: Tokens["colors"];
|
|
166
166
|
scrollbar: "visible" | "hidden";
|
|
167
|
+
scrollbarColor: Tokens["colors"];
|
|
168
|
+
scrollbarGutter: Tokens["spacing"];
|
|
169
|
+
scrollbarWidth: Tokens["sizes"];
|
|
167
170
|
scrollMargin: Tokens["spacing"];
|
|
168
171
|
scrollMarginLeft: Tokens["spacing"];
|
|
169
172
|
scrollMarginRight: Tokens["spacing"];
|
|
@@ -4826,7 +4826,7 @@ scale?: ConditionalValue<UtilityValues["scale"] | CssVars | CssProperties["scale
|
|
|
4826
4826
|
*
|
|
4827
4827
|
* @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-color
|
|
4828
4828
|
*/
|
|
4829
|
-
scrollbarColor?: ConditionalValue<CssProperties["scrollbarColor"] | AnyString>
|
|
4829
|
+
scrollbarColor?: ConditionalValue<UtilityValues["scrollbarColor"] | CssVars | CssProperties["scrollbarColor"] | AnyString>
|
|
4830
4830
|
/**
|
|
4831
4831
|
* The **`scrollbar-gutter`** CSS property allows authors to reserve space for the scrollbar, preventing unwanted layout changes as the content grows while also avoiding unnecessary visuals when scrolling isn't needed.
|
|
4832
4832
|
*
|
|
@@ -4840,7 +4840,7 @@ scrollbarColor?: ConditionalValue<CssProperties["scrollbarColor"] | AnyString>
|
|
|
4840
4840
|
*
|
|
4841
4841
|
* @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-gutter
|
|
4842
4842
|
*/
|
|
4843
|
-
scrollbarGutter?: ConditionalValue<CssProperties["scrollbarGutter"] | AnyString>
|
|
4843
|
+
scrollbarGutter?: ConditionalValue<UtilityValues["scrollbarGutter"] | CssVars | CssProperties["scrollbarGutter"] | AnyString>
|
|
4844
4844
|
/**
|
|
4845
4845
|
* The **`scrollbar-width`** property allows the author to set the maximum thickness of an element's scrollbars when they are shown.
|
|
4846
4846
|
*
|
|
@@ -4854,7 +4854,7 @@ scrollbarGutter?: ConditionalValue<CssProperties["scrollbarGutter"] | AnyString>
|
|
|
4854
4854
|
*
|
|
4855
4855
|
* @see https://developer.mozilla.org/docs/Web/CSS/scrollbar-width
|
|
4856
4856
|
*/
|
|
4857
|
-
scrollbarWidth?: ConditionalValue<CssProperties["scrollbarWidth"] | AnyString>
|
|
4857
|
+
scrollbarWidth?: ConditionalValue<UtilityValues["scrollbarWidth"] | CssVars | CssProperties["scrollbarWidth"] | AnyString>
|
|
4858
4858
|
/**
|
|
4859
4859
|
* The **`scroll-behavior`** CSS property sets the behavior for a scrolling box when scrolling is triggered by the navigation or CSSOM scrolling APIs.
|
|
4860
4860
|
*
|
|
@@ -7377,6 +7377,7 @@ scrollPaddingX?: ConditionalValue<UtilityValues["scrollPaddingInline"] | CssVars
|
|
|
7377
7377
|
backdropSepia?: ConditionalValue<string | number | AnyString>
|
|
7378
7378
|
borderSpacingX?: ConditionalValue<UtilityValues["borderSpacingX"] | CssVars | AnyString>
|
|
7379
7379
|
borderSpacingY?: ConditionalValue<UtilityValues["borderSpacingY"] | CssVars | AnyString>
|
|
7380
|
+
animationState?: ConditionalValue<string | number | AnyString>
|
|
7380
7381
|
rotateX?: ConditionalValue<UtilityValues["rotateX"] | CssVars | AnyString>
|
|
7381
7382
|
rotateY?: ConditionalValue<UtilityValues["rotateY"] | CssVars | AnyString>
|
|
7382
7383
|
rotateZ?: ConditionalValue<UtilityValues["rotateZ"] | CssVars | AnyString>
|