santosp-rslib-project 1.0.7 → 2.0.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/index.d.ts +20844 -4
- package/dist/index.js +502 -1
- package/dist/index.umd.cjs +1 -0
- package/package.json +50 -41
- package/dist/components/button.d.ts +0 -9
- package/dist/components/button.recipe.d.ts +0 -1
- package/dist/components/button.stories.d.ts +0 -54
- package/dist/components/date-picker.d.ts +0 -8
- package/dist/components/date-picker.recipe.d.ts +0 -1
- package/dist/components/flex.d.ts +0 -19
- package/dist/components/grid.d.ts +0 -39
- package/dist/components/link.d.ts +0 -34
- package/dist/components/link.recipe.d.ts +0 -1
- package/dist/components/link.stories.d.ts +0 -30
- package/dist/components/text.d.ts +0 -25
- package/dist/components/text.recipe.d.ts +0 -1
- package/dist/components/text.stories.d.ts +0 -46
- package/dist/src/styled-system/css/css.d.ts +0 -22
- package/dist/src/styled-system/css/cva.d.ts +0 -6
- package/dist/src/styled-system/css/cx.d.ts +0 -5
- package/dist/src/styled-system/css/index.d.ts +0 -5
- package/dist/src/styled-system/css/sva.d.ts +0 -4
- package/dist/src/styled-system/jsx/aspect-ratio.d.ts +0 -10
- package/dist/src/styled-system/jsx/bleed.d.ts +0 -10
- package/dist/src/styled-system/jsx/box.d.ts +0 -10
- package/dist/src/styled-system/jsx/center.d.ts +0 -10
- package/dist/src/styled-system/jsx/circle.d.ts +0 -10
- package/dist/src/styled-system/jsx/container.d.ts +0 -10
- package/dist/src/styled-system/jsx/cq.d.ts +0 -10
- package/dist/src/styled-system/jsx/create-style-context.d.ts +0 -54
- package/dist/src/styled-system/jsx/divider.d.ts +0 -10
- package/dist/src/styled-system/jsx/factory.d.ts +0 -3
- package/dist/src/styled-system/jsx/flex.d.ts +0 -10
- package/dist/src/styled-system/jsx/float.d.ts +0 -10
- package/dist/src/styled-system/jsx/grid-item.d.ts +0 -10
- package/dist/src/styled-system/jsx/grid.d.ts +0 -10
- package/dist/src/styled-system/jsx/hstack.d.ts +0 -10
- package/dist/src/styled-system/jsx/index.d.ts +0 -25
- package/dist/src/styled-system/jsx/is-valid-prop.d.ts +0 -11
- package/dist/src/styled-system/jsx/link-overlay.d.ts +0 -10
- package/dist/src/styled-system/jsx/spacer.d.ts +0 -10
- package/dist/src/styled-system/jsx/square.d.ts +0 -10
- package/dist/src/styled-system/jsx/stack.d.ts +0 -10
- package/dist/src/styled-system/jsx/visually-hidden.d.ts +0 -10
- package/dist/src/styled-system/jsx/vstack.d.ts +0 -10
- package/dist/src/styled-system/jsx/wrap.d.ts +0 -10
- package/dist/src/styled-system/patterns/aspect-ratio.d.ts +0 -20
- package/dist/src/styled-system/patterns/bleed.d.ts +0 -21
- package/dist/src/styled-system/patterns/box.d.ts +0 -20
- package/dist/src/styled-system/patterns/center.d.ts +0 -20
- package/dist/src/styled-system/patterns/circle.d.ts +0 -20
- package/dist/src/styled-system/patterns/container.d.ts +0 -20
- package/dist/src/styled-system/patterns/cq.d.ts +0 -21
- package/dist/src/styled-system/patterns/divider.d.ts +0 -22
- package/dist/src/styled-system/patterns/flex.d.ts +0 -26
- package/dist/src/styled-system/patterns/float.d.ts +0 -23
- package/dist/src/styled-system/patterns/grid-item.d.ts +0 -25
- package/dist/src/styled-system/patterns/grid.d.ts +0 -24
- package/dist/src/styled-system/patterns/hstack.d.ts +0 -21
- package/dist/src/styled-system/patterns/index.d.ts +0 -21
- package/dist/src/styled-system/patterns/link-overlay.d.ts +0 -20
- package/dist/src/styled-system/patterns/spacer.d.ts +0 -20
- package/dist/src/styled-system/patterns/square.d.ts +0 -20
- package/dist/src/styled-system/patterns/stack.d.ts +0 -23
- package/dist/src/styled-system/patterns/visually-hidden.d.ts +0 -20
- package/dist/src/styled-system/patterns/vstack.d.ts +0 -21
- package/dist/src/styled-system/patterns/wrap.d.ts +0 -24
- package/dist/src/styled-system/recipes/button-recipe.d.ts +0 -43
- package/dist/src/styled-system/recipes/index.d.ts +0 -4
- package/dist/src/styled-system/recipes/link-recipe.d.ts +0 -35
- package/dist/src/styled-system/recipes/text-recipe.d.ts +0 -43
- package/dist/src/styled-system/tokens/index.d.ts +0 -9
- package/dist/src/styled-system/tokens/tokens.d.ts +0 -42
- package/dist/src/styled-system/types/composition.d.ts +0 -227
- package/dist/src/styled-system/types/conditions.d.ts +0 -310
- package/dist/src/styled-system/types/csstype.d.ts +0 -22570
- package/dist/src/styled-system/types/global.d.ts +0 -20
- package/dist/src/styled-system/types/index.d.ts +0 -8
- package/dist/src/styled-system/types/jsx.d.ts +0 -69
- package/dist/src/styled-system/types/parts.d.ts +0 -8
- package/dist/src/styled-system/types/pattern.d.ts +0 -78
- package/dist/src/styled-system/types/prop-type.d.ts +0 -242
- package/dist/src/styled-system/types/recipe.d.ts +0 -181
- package/dist/src/styled-system/types/selectors.d.ts +0 -59
- package/dist/src/styled-system/types/static-css.d.ts +0 -56
- package/dist/src/styled-system/types/style-props.d.ts +0 -8089
- package/dist/src/styled-system/types/system-types.d.ts +0 -151
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
-
|
|
5
|
-
interface LinkRecipeVariant {
|
|
6
|
-
/**
|
|
7
|
-
* @default "primary"
|
|
8
|
-
*/
|
|
9
|
-
color: "primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green"
|
|
10
|
-
disabled: boolean
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
type LinkRecipeVariantMap = {
|
|
14
|
-
[key in keyof LinkRecipeVariant]: Array<LinkRecipeVariant[key]>
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
export type LinkRecipeVariantProps = {
|
|
20
|
-
[key in keyof LinkRecipeVariant]?: ConditionalValue<LinkRecipeVariant[key]> | undefined
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export interface LinkRecipeRecipe {
|
|
24
|
-
|
|
25
|
-
__type: LinkRecipeVariantProps
|
|
26
|
-
(props?: LinkRecipeVariantProps): string
|
|
27
|
-
raw: (props?: LinkRecipeVariantProps) => LinkRecipeVariantProps
|
|
28
|
-
variantMap: LinkRecipeVariantMap
|
|
29
|
-
variantKeys: Array<keyof LinkRecipeVariant>
|
|
30
|
-
splitVariantProps<Props extends LinkRecipeVariantProps>(props: Props): [LinkRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof LinkRecipeVariantProps>>]
|
|
31
|
-
getVariantProps: (props?: LinkRecipeVariantProps) => LinkRecipeVariantProps
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
export declare const linkRecipe: LinkRecipeRecipe
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
-
|
|
5
|
-
interface TextRecipeVariant {
|
|
6
|
-
/**
|
|
7
|
-
* @default "dark"
|
|
8
|
-
*/
|
|
9
|
-
color: "primary" | "secondary" | "dark" | "light" | "purple" | "orange" | "red" | "yellow" | "sand" | "petrol" | "olive" | "lead" | "pink" | "neutral" | "green"
|
|
10
|
-
/**
|
|
11
|
-
* @default "h6"
|
|
12
|
-
*/
|
|
13
|
-
size: "xxs" | "xs" | "sm" | "md" | "lg" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1"
|
|
14
|
-
/**
|
|
15
|
-
* @default false
|
|
16
|
-
*/
|
|
17
|
-
bold: boolean
|
|
18
|
-
truncate: boolean
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
type TextRecipeVariantMap = {
|
|
22
|
-
[key in keyof TextRecipeVariant]: Array<TextRecipeVariant[key]>
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
export type TextRecipeVariantProps = {
|
|
28
|
-
[key in keyof TextRecipeVariant]?: ConditionalValue<TextRecipeVariant[key]> | undefined
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
export interface TextRecipeRecipe {
|
|
32
|
-
|
|
33
|
-
__type: TextRecipeVariantProps
|
|
34
|
-
(props?: TextRecipeVariantProps): string
|
|
35
|
-
raw: (props?: TextRecipeVariantProps) => TextRecipeVariantProps
|
|
36
|
-
variantMap: TextRecipeVariantMap
|
|
37
|
-
variantKeys: Array<keyof TextRecipeVariant>
|
|
38
|
-
splitVariantProps<Props extends TextRecipeVariantProps>(props: Props): [TextRecipeVariantProps, Pretty<DistributiveOmit<Props, keyof TextRecipeVariantProps>>]
|
|
39
|
-
getVariantProps: (props?: TextRecipeVariantProps) => TextRecipeVariantProps
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
export declare const textRecipe: TextRecipeRecipe
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
export type Token = `colors.${ColorToken}` | `fontSizes.${FontSizeToken}` | `fontWeights.${FontWeightToken}` | `fonts.${FontToken}` | `lineHeights.${LineHeightToken}` | `spacing.${SpacingToken}` | `borderWidths.${BorderWidthToken}` | `radii.${RadiusToken}` | `shadows.${ShadowToken}` | `breakpoints.${BreakpointToken}` | `sizes.${SizeToken}`
|
|
3
|
-
|
|
4
|
-
export type ColorPalette = "dark" | "light" | "neutral" | "purple" | "red" | "orange" | "yellow" | "sand" | "green" | "petrol" | "olive" | "lead" | "pink" | "primary" | "secondary"
|
|
5
|
-
|
|
6
|
-
export type ColorToken = "dark" | "light" | "neutral.100" | "neutral.200" | "neutral.300" | "neutral.400" | "neutral.500" | "neutral.600" | "neutral.700" | "neutral.800" | "neutral.900" | "purple.100" | "purple.200" | "purple.300" | "purple.400" | "purple.500" | "purple.600" | "purple.700" | "purple.800" | "purple.900" | "red.100" | "red.200" | "red.300" | "red.400" | "red.500" | "red.600" | "red.700" | "red.800" | "red.900" | "orange.100" | "orange.200" | "orange.300" | "orange.400" | "orange.500" | "orange.600" | "orange.700" | "orange.800" | "orange.900" | "yellow.100" | "yellow.200" | "yellow.300" | "yellow.400" | "yellow.500" | "yellow.600" | "yellow.700" | "yellow.800" | "yellow.900" | "sand.100" | "sand.200" | "sand.300" | "sand.400" | "sand.500" | "sand.600" | "sand.700" | "sand.800" | "sand.900" | "green.100" | "green.200" | "green.300" | "green.400" | "green.500" | "green.600" | "green.700" | "green.800" | "green.900" | "petrol.100" | "petrol.200" | "petrol.300" | "petrol.400" | "petrol.500" | "petrol.600" | "petrol.700" | "petrol.800" | "petrol.900" | "olive.100" | "olive.200" | "olive.300" | "olive.400" | "olive.500" | "olive.600" | "olive.700" | "olive.800" | "olive.900" | "lead.100" | "lead.200" | "lead.300" | "lead.400" | "lead.500" | "lead.600" | "lead.700" | "lead.800" | "lead.900" | "pink.100" | "pink.200" | "pink.300" | "pink.400" | "pink.500" | "pink.600" | "pink.700" | "pink.800" | "pink.900" | "primary" | "secondary" | "colorPalette" | "colorPalette.100" | "colorPalette.200" | "colorPalette.300" | "colorPalette.400" | "colorPalette.500" | "colorPalette.600" | "colorPalette.700" | "colorPalette.800" | "colorPalette.900"
|
|
7
|
-
|
|
8
|
-
export type FontSizeToken = "xxs" | "xs" | "sm" | "md" | "lg" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1"
|
|
9
|
-
|
|
10
|
-
export type FontWeightToken = "normal" | "medium" | "bold"
|
|
11
|
-
|
|
12
|
-
export type FontToken = "sans" | "mono"
|
|
13
|
-
|
|
14
|
-
export type LineHeightToken = "xxs" | "xs" | "sm" | "md" | "lg" | "h6" | "h5" | "h4" | "h3" | "h2" | "h1"
|
|
15
|
-
|
|
16
|
-
export type SpacingToken = "2" | "4" | "8" | "12" | "16" | "24" | "32" | "40" | "48" | "56" | "-2" | "-4" | "-8" | "-12" | "-16" | "-24" | "-32" | "-40" | "-48" | "-56"
|
|
17
|
-
|
|
18
|
-
export type BorderWidthToken = "thin" | "medium" | "thick" | "large"
|
|
19
|
-
|
|
20
|
-
export type RadiusToken = "4" | "8" | "16" | "24" | "32" | "40" | "48" | "56" | "full"
|
|
21
|
-
|
|
22
|
-
export type ShadowToken = "xs" | "sm" | "md" | "lg" | "xl"
|
|
23
|
-
|
|
24
|
-
export type BreakpointToken = "sm" | "md" | "lg" | "xl" | "2xl"
|
|
25
|
-
|
|
26
|
-
export type SizeToken = "breakpoint-sm" | "breakpoint-md" | "breakpoint-lg" | "breakpoint-xl" | "breakpoint-2xl"
|
|
27
|
-
|
|
28
|
-
export type Tokens = {
|
|
29
|
-
colors: ColorToken
|
|
30
|
-
fontSizes: FontSizeToken
|
|
31
|
-
fontWeights: FontWeightToken
|
|
32
|
-
fonts: FontToken
|
|
33
|
-
lineHeights: LineHeightToken
|
|
34
|
-
spacing: SpacingToken
|
|
35
|
-
borderWidths: BorderWidthToken
|
|
36
|
-
radii: RadiusToken
|
|
37
|
-
shadows: ShadowToken
|
|
38
|
-
breakpoints: BreakpointToken
|
|
39
|
-
sizes: SizeToken
|
|
40
|
-
} & { [token: string]: never }
|
|
41
|
-
|
|
42
|
-
export type TokenCategory = "aspectRatios" | "zIndex" | "opacity" | "colors" | "fonts" | "fontSizes" | "fontWeights" | "lineHeights" | "letterSpacings" | "sizes" | "cursor" | "shadows" | "spacing" | "radii" | "borders" | "borderWidths" | "durations" | "easings" | "animations" | "blurs" | "gradients" | "breakpoints" | "assets"
|
|
@@ -1,227 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { CompositionStyleObject } from './system-types';
|
|
3
|
-
|
|
4
|
-
interface Token<T> {
|
|
5
|
-
value: T
|
|
6
|
-
description?: string
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
interface Recursive<T> {
|
|
10
|
-
[key: string]: Recursive<T> | T
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
/* -----------------------------------------------------------------------------
|
|
14
|
-
* Text styles
|
|
15
|
-
* -----------------------------------------------------------------------------*/
|
|
16
|
-
|
|
17
|
-
type TextStyleProperty =
|
|
18
|
-
| 'color'
|
|
19
|
-
| 'direction'
|
|
20
|
-
| 'font'
|
|
21
|
-
| 'fontFamily'
|
|
22
|
-
| 'fontFeatureSettings'
|
|
23
|
-
| 'fontKerning'
|
|
24
|
-
| 'fontLanguageOverride'
|
|
25
|
-
| 'fontOpticalSizing'
|
|
26
|
-
| 'fontPalette'
|
|
27
|
-
| 'fontSize'
|
|
28
|
-
| 'fontSizeAdjust'
|
|
29
|
-
| 'fontStretch'
|
|
30
|
-
| 'fontStyle'
|
|
31
|
-
| 'fontSynthesis'
|
|
32
|
-
| 'fontVariant'
|
|
33
|
-
| 'fontVariantAlternates'
|
|
34
|
-
| 'fontVariantCaps'
|
|
35
|
-
| 'fontVariantLigatures'
|
|
36
|
-
| 'fontVariantNumeric'
|
|
37
|
-
| 'fontVariantPosition'
|
|
38
|
-
| 'fontVariationSettings'
|
|
39
|
-
| 'fontWeight'
|
|
40
|
-
| 'hangingPunctuation'
|
|
41
|
-
| 'hypens'
|
|
42
|
-
| 'hyphenateCharacter'
|
|
43
|
-
| 'hyphenateLimitChars'
|
|
44
|
-
| 'letterSpacing'
|
|
45
|
-
| 'lineBreak'
|
|
46
|
-
| 'lineHeight'
|
|
47
|
-
| 'quotes'
|
|
48
|
-
| 'overflowWrap'
|
|
49
|
-
| 'tabSize'
|
|
50
|
-
| 'textAlign'
|
|
51
|
-
| 'textAlignLast'
|
|
52
|
-
| 'textBox'
|
|
53
|
-
| 'textBoxEdge'
|
|
54
|
-
| 'textBoxTrim'
|
|
55
|
-
| 'textCombineUpright'
|
|
56
|
-
| 'textDecoration'
|
|
57
|
-
| 'textDecorationColor'
|
|
58
|
-
| 'textDecorationLine'
|
|
59
|
-
| 'textDecorationSkip'
|
|
60
|
-
| 'textDecorationSkipBox'
|
|
61
|
-
| 'textDecorationSkipInk'
|
|
62
|
-
| 'textDecorationSkipInset'
|
|
63
|
-
| 'textDecorationStyle'
|
|
64
|
-
| 'textDecorationThickness'
|
|
65
|
-
| 'textEmphasis'
|
|
66
|
-
| 'textEmphasisColor'
|
|
67
|
-
| 'textEmphasisPosition'
|
|
68
|
-
| 'textEmphasisStyle'
|
|
69
|
-
| 'textIndent'
|
|
70
|
-
| 'textJustify'
|
|
71
|
-
| 'textOrientation'
|
|
72
|
-
| 'textOverflow'
|
|
73
|
-
| 'textRendering'
|
|
74
|
-
| 'textShadow'
|
|
75
|
-
| 'textStroke'
|
|
76
|
-
| 'textStrokeColor'
|
|
77
|
-
| 'textStrokeWidth'
|
|
78
|
-
| 'textTransform'
|
|
79
|
-
| 'textUnderlineOffset'
|
|
80
|
-
| 'textUnderlinePosition'
|
|
81
|
-
| 'textWrap'
|
|
82
|
-
| 'textWrapMode'
|
|
83
|
-
| 'textWrapStyle'
|
|
84
|
-
| 'unicodeBidi'
|
|
85
|
-
| 'verticalAlign'
|
|
86
|
-
| 'whiteSpace'
|
|
87
|
-
| 'wordBreak'
|
|
88
|
-
| 'wordSpacing'
|
|
89
|
-
| 'writingMode'
|
|
90
|
-
|
|
91
|
-
export type TextStyle = CompositionStyleObject<TextStyleProperty>
|
|
92
|
-
|
|
93
|
-
export type TextStyles = Recursive<Token<TextStyle>>
|
|
94
|
-
|
|
95
|
-
/* -----------------------------------------------------------------------------
|
|
96
|
-
* Layer styles
|
|
97
|
-
* -----------------------------------------------------------------------------*/
|
|
98
|
-
|
|
99
|
-
type LogicalPlacement = 'Inline' | 'Block' | 'InlineStart' | 'InlineEnd' | 'BlockStart' | 'BlockEnd'
|
|
100
|
-
|
|
101
|
-
type PhysicalPlacement = 'Top' | 'Right' | 'Bottom' | 'Left'
|
|
102
|
-
|
|
103
|
-
type Placement = PhysicalPlacement | LogicalPlacement
|
|
104
|
-
|
|
105
|
-
type Radius =
|
|
106
|
-
| `Top${'Right' | 'Left'}`
|
|
107
|
-
| `Bottom${'Right' | 'Left'}`
|
|
108
|
-
| `Start${'Start' | 'End'}`
|
|
109
|
-
| `End${'Start' | 'End'}`
|
|
110
|
-
|
|
111
|
-
type LayerStyleProperty =
|
|
112
|
-
| 'aspectRatio'
|
|
113
|
-
| 'background'
|
|
114
|
-
| 'backgroundColor'
|
|
115
|
-
| 'backgroundImage'
|
|
116
|
-
| 'border'
|
|
117
|
-
| 'borderColor'
|
|
118
|
-
| 'borderImage'
|
|
119
|
-
| 'borderImageOutset'
|
|
120
|
-
| 'borderImageRepeat'
|
|
121
|
-
| 'borderImageSlice'
|
|
122
|
-
| 'borderImageSource'
|
|
123
|
-
| 'borderImageWidth'
|
|
124
|
-
| 'borderRadius'
|
|
125
|
-
| 'borderStyle'
|
|
126
|
-
| 'borderWidth'
|
|
127
|
-
| `border${Placement}`
|
|
128
|
-
| `border${Placement}Color`
|
|
129
|
-
| `border${Placement}Style`
|
|
130
|
-
| `border${Placement}Width`
|
|
131
|
-
| 'borderRadius'
|
|
132
|
-
| `border${Radius}Radius`
|
|
133
|
-
| 'boxShadow'
|
|
134
|
-
| 'boxShadowColor'
|
|
135
|
-
| 'clipPath'
|
|
136
|
-
| 'color'
|
|
137
|
-
| 'contain'
|
|
138
|
-
| 'content'
|
|
139
|
-
| 'contentVisibility'
|
|
140
|
-
| 'cursor'
|
|
141
|
-
| 'display'
|
|
142
|
-
| 'filter'
|
|
143
|
-
| 'backdropFilter'
|
|
144
|
-
| 'height'
|
|
145
|
-
| 'width'
|
|
146
|
-
| 'minHeight'
|
|
147
|
-
| 'minWidth'
|
|
148
|
-
| 'maxHeight'
|
|
149
|
-
| 'maxWidth'
|
|
150
|
-
| `margin${Placement}`
|
|
151
|
-
| 'inset'
|
|
152
|
-
| `inset${LogicalPlacement}`
|
|
153
|
-
| Lowercase<PhysicalPlacement>
|
|
154
|
-
| 'isolation'
|
|
155
|
-
| 'mask'
|
|
156
|
-
| 'maskClip'
|
|
157
|
-
| 'maskComposite'
|
|
158
|
-
| 'maskImage'
|
|
159
|
-
| 'maskMode'
|
|
160
|
-
| 'maskOrigin'
|
|
161
|
-
| 'maskPosition'
|
|
162
|
-
| 'maskRepeat'
|
|
163
|
-
| 'maskSize'
|
|
164
|
-
| 'mixBlendMode'
|
|
165
|
-
| 'objectFit'
|
|
166
|
-
| 'objectPosition'
|
|
167
|
-
| 'opacity'
|
|
168
|
-
| 'outline'
|
|
169
|
-
| 'outlineColor'
|
|
170
|
-
| 'outlineOffset'
|
|
171
|
-
| 'outlineStyle'
|
|
172
|
-
| 'outlineWidth'
|
|
173
|
-
| 'overflow'
|
|
174
|
-
| 'overflowX'
|
|
175
|
-
| 'overflowY'
|
|
176
|
-
| 'padding'
|
|
177
|
-
| `padding${Placement}`
|
|
178
|
-
| 'pointerEvents'
|
|
179
|
-
| 'position'
|
|
180
|
-
| 'resize'
|
|
181
|
-
| 'transform'
|
|
182
|
-
| 'transition'
|
|
183
|
-
| 'visibility'
|
|
184
|
-
| 'willChange'
|
|
185
|
-
| 'zIndex'
|
|
186
|
-
| 'backgroundBlendMode'
|
|
187
|
-
| 'backgroundAttachment'
|
|
188
|
-
| 'backgroundClip'
|
|
189
|
-
| 'backgroundOrigin'
|
|
190
|
-
| 'backgroundPosition'
|
|
191
|
-
| 'backgroundRepeat'
|
|
192
|
-
| 'backgroundSize'
|
|
193
|
-
|
|
194
|
-
export type LayerStyle = CompositionStyleObject<LayerStyleProperty>
|
|
195
|
-
|
|
196
|
-
export type LayerStyles = Recursive<Token<LayerStyle>>
|
|
197
|
-
|
|
198
|
-
/* -----------------------------------------------------------------------------
|
|
199
|
-
* Motion styles
|
|
200
|
-
* -----------------------------------------------------------------------------*/
|
|
201
|
-
|
|
202
|
-
type AnimationStyleProperty =
|
|
203
|
-
| 'animation'
|
|
204
|
-
| 'animationComposition'
|
|
205
|
-
| 'animationDelay'
|
|
206
|
-
| 'animationDirection'
|
|
207
|
-
| 'animationDuration'
|
|
208
|
-
| 'animationFillMode'
|
|
209
|
-
| 'animationIterationCount'
|
|
210
|
-
| 'animationName'
|
|
211
|
-
| 'animationPlayState'
|
|
212
|
-
| 'animationTimingFunction'
|
|
213
|
-
| 'animationRange'
|
|
214
|
-
| 'animationRangeStart'
|
|
215
|
-
| 'animationRangeEnd'
|
|
216
|
-
| 'animationTimeline'
|
|
217
|
-
| 'transformOrigin'
|
|
218
|
-
|
|
219
|
-
export type AnimationStyle = CompositionStyleObject<AnimationStyleProperty>
|
|
220
|
-
|
|
221
|
-
export type AnimationStyles = Recursive<Token<AnimationStyle>>
|
|
222
|
-
|
|
223
|
-
export interface CompositionStyles {
|
|
224
|
-
textStyles: TextStyles
|
|
225
|
-
layerStyles: LayerStyles
|
|
226
|
-
animationStyles: AnimationStyles
|
|
227
|
-
}
|
|
@@ -1,310 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { AnySelector, Selectors } from './selectors';
|
|
3
|
-
|
|
4
|
-
export interface Conditions {
|
|
5
|
-
/** `&:is(:hover, [data-hover])` */
|
|
6
|
-
"_hover": string
|
|
7
|
-
/** `&:is(:focus, [data-focus])` */
|
|
8
|
-
"_focus": string
|
|
9
|
-
/** `&:focus-within` */
|
|
10
|
-
"_focusWithin": string
|
|
11
|
-
/** `&:is(:focus-visible, [data-focus-visible])` */
|
|
12
|
-
"_focusVisible": string
|
|
13
|
-
/** `&:is(:disabled, [disabled], [data-disabled], [aria-disabled=true])` */
|
|
14
|
-
"_disabled": string
|
|
15
|
-
/** `&:is(:active, [data-active])` */
|
|
16
|
-
"_active": string
|
|
17
|
-
/** `&:visited` */
|
|
18
|
-
"_visited": string
|
|
19
|
-
/** `&:target` */
|
|
20
|
-
"_target": string
|
|
21
|
-
/** `&:is(:read-only, [data-read-only], [aria-readonly=true])` */
|
|
22
|
-
"_readOnly": string
|
|
23
|
-
/** `&:read-write` */
|
|
24
|
-
"_readWrite": string
|
|
25
|
-
/** `&:is(:empty, [data-empty])` */
|
|
26
|
-
"_empty": string
|
|
27
|
-
/** `&:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"])` */
|
|
28
|
-
"_checked": string
|
|
29
|
-
/** `&:enabled` */
|
|
30
|
-
"_enabled": string
|
|
31
|
-
/** `&:is([aria-expanded=true], [data-expanded], [data-state="expanded"])` */
|
|
32
|
-
"_expanded": string
|
|
33
|
-
/** `&[data-highlighted]` */
|
|
34
|
-
"_highlighted": string
|
|
35
|
-
/** `&[data-complete]` */
|
|
36
|
-
"_complete": string
|
|
37
|
-
/** `&[data-incomplete]` */
|
|
38
|
-
"_incomplete": string
|
|
39
|
-
/** `&[data-dragging]` */
|
|
40
|
-
"_dragging": string
|
|
41
|
-
/** `&::before` */
|
|
42
|
-
"_before": string
|
|
43
|
-
/** `&::after` */
|
|
44
|
-
"_after": string
|
|
45
|
-
/** `&::first-letter` */
|
|
46
|
-
"_firstLetter": string
|
|
47
|
-
/** `&::first-line` */
|
|
48
|
-
"_firstLine": string
|
|
49
|
-
/** `&::marker, &::-webkit-details-marker` */
|
|
50
|
-
"_marker": string
|
|
51
|
-
/** `&::selection` */
|
|
52
|
-
"_selection": string
|
|
53
|
-
/** `&::file-selector-button` */
|
|
54
|
-
"_file": string
|
|
55
|
-
/** `&::backdrop` */
|
|
56
|
-
"_backdrop": string
|
|
57
|
-
/** `&:first-child` */
|
|
58
|
-
"_first": string
|
|
59
|
-
/** `&:last-child` */
|
|
60
|
-
"_last": string
|
|
61
|
-
/** `&:only-child` */
|
|
62
|
-
"_only": string
|
|
63
|
-
/** `&:nth-child(even)` */
|
|
64
|
-
"_even": string
|
|
65
|
-
/** `&:nth-child(odd)` */
|
|
66
|
-
"_odd": string
|
|
67
|
-
/** `&:first-of-type` */
|
|
68
|
-
"_firstOfType": string
|
|
69
|
-
/** `&:last-of-type` */
|
|
70
|
-
"_lastOfType": string
|
|
71
|
-
/** `&:only-of-type` */
|
|
72
|
-
"_onlyOfType": string
|
|
73
|
-
/** `.peer:is(:focus, [data-focus]) ~ &` */
|
|
74
|
-
"_peerFocus": string
|
|
75
|
-
/** `.peer:is(:hover, [data-hover]) ~ &` */
|
|
76
|
-
"_peerHover": string
|
|
77
|
-
/** `.peer:is(:active, [data-active]) ~ &` */
|
|
78
|
-
"_peerActive": string
|
|
79
|
-
/** `.peer:focus-within ~ &` */
|
|
80
|
-
"_peerFocusWithin": string
|
|
81
|
-
/** `.peer:is(:focus-visible, [data-focus-visible]) ~ &` */
|
|
82
|
-
"_peerFocusVisible": string
|
|
83
|
-
/** `.peer:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) ~ &` */
|
|
84
|
-
"_peerDisabled": string
|
|
85
|
-
/** `.peer:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) ~ &` */
|
|
86
|
-
"_peerChecked": string
|
|
87
|
-
/** `.peer:is(:invalid, [data-invalid], [aria-invalid=true]) ~ &` */
|
|
88
|
-
"_peerInvalid": string
|
|
89
|
-
/** `.peer:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) ~ &` */
|
|
90
|
-
"_peerExpanded": string
|
|
91
|
-
/** `.peer:placeholder-shown ~ &` */
|
|
92
|
-
"_peerPlaceholderShown": string
|
|
93
|
-
/** `.group:is(:focus, [data-focus]) &` */
|
|
94
|
-
"_groupFocus": string
|
|
95
|
-
/** `.group:is(:hover, [data-hover]) &` */
|
|
96
|
-
"_groupHover": string
|
|
97
|
-
/** `.group:is(:active, [data-active]) &` */
|
|
98
|
-
"_groupActive": string
|
|
99
|
-
/** `.group:focus-within &` */
|
|
100
|
-
"_groupFocusWithin": string
|
|
101
|
-
/** `.group:is(:focus-visible, [data-focus-visible]) &` */
|
|
102
|
-
"_groupFocusVisible": string
|
|
103
|
-
/** `.group:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) &` */
|
|
104
|
-
"_groupDisabled": string
|
|
105
|
-
/** `.group:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]) &` */
|
|
106
|
-
"_groupChecked": string
|
|
107
|
-
/** `.group:is([aria-expanded=true], [data-expanded], [data-state="expanded"]) &` */
|
|
108
|
-
"_groupExpanded": string
|
|
109
|
-
/** `.group:is(:invalid, [data-invalid], [aria-invalid=true]) &` */
|
|
110
|
-
"_groupInvalid": string
|
|
111
|
-
/** `&:is(:indeterminate, [data-indeterminate], [aria-checked=mixed], [data-state="indeterminate"])` */
|
|
112
|
-
"_indeterminate": string
|
|
113
|
-
/** `&:is(:required, [data-required], [aria-required=true])` */
|
|
114
|
-
"_required": string
|
|
115
|
-
/** `&:is(:valid, [data-valid])` */
|
|
116
|
-
"_valid": string
|
|
117
|
-
/** `&:is(:invalid, [data-invalid], [aria-invalid=true])` */
|
|
118
|
-
"_invalid": string
|
|
119
|
-
/** `&:autofill` */
|
|
120
|
-
"_autofill": string
|
|
121
|
-
/** `&:is(:in-range, [data-in-range])` */
|
|
122
|
-
"_inRange": string
|
|
123
|
-
/** `&:is(:out-of-range, [data-outside-range])` */
|
|
124
|
-
"_outOfRange": string
|
|
125
|
-
/** `&::placeholder, &[data-placeholder]` */
|
|
126
|
-
"_placeholder": string
|
|
127
|
-
/** `&:is(:placeholder-shown, [data-placeholder-shown])` */
|
|
128
|
-
"_placeholderShown": string
|
|
129
|
-
/** `&:is([aria-pressed=true], [data-pressed])` */
|
|
130
|
-
"_pressed": string
|
|
131
|
-
/** `&:is([aria-selected=true], [data-selected])` */
|
|
132
|
-
"_selected": string
|
|
133
|
-
/** `&:is([aria-grabbed=true], [data-grabbed])` */
|
|
134
|
-
"_grabbed": string
|
|
135
|
-
/** `&[data-state=under-value]` */
|
|
136
|
-
"_underValue": string
|
|
137
|
-
/** `&[data-state=over-value]` */
|
|
138
|
-
"_overValue": string
|
|
139
|
-
/** `&[data-state=at-value]` */
|
|
140
|
-
"_atValue": string
|
|
141
|
-
/** `&:default` */
|
|
142
|
-
"_default": string
|
|
143
|
-
/** `&:optional` */
|
|
144
|
-
"_optional": string
|
|
145
|
-
/** `&:is([open], [data-open], [data-state="open"], :popover-open)` */
|
|
146
|
-
"_open": string
|
|
147
|
-
/** `&:is([closed], [data-closed], [data-state="closed"])` */
|
|
148
|
-
"_closed": string
|
|
149
|
-
/** `&:is(:fullscreen, [data-fullscreen])` */
|
|
150
|
-
"_fullscreen": string
|
|
151
|
-
/** `&:is([data-loading], [aria-busy=true])` */
|
|
152
|
-
"_loading": string
|
|
153
|
-
/** `&:is([hidden], [data-hidden])` */
|
|
154
|
-
"_hidden": string
|
|
155
|
-
/** `&:is([aria-current=true], [data-current])` */
|
|
156
|
-
"_current": string
|
|
157
|
-
/** `&[aria-current=page]` */
|
|
158
|
-
"_currentPage": string
|
|
159
|
-
/** `&[aria-current=step]` */
|
|
160
|
-
"_currentStep": string
|
|
161
|
-
/** `&[data-today]` */
|
|
162
|
-
"_today": string
|
|
163
|
-
/** `&[data-unavailable]` */
|
|
164
|
-
"_unavailable": string
|
|
165
|
-
/** `&[data-range-start]` */
|
|
166
|
-
"_rangeStart": string
|
|
167
|
-
/** `&[data-range-end]` */
|
|
168
|
-
"_rangeEnd": string
|
|
169
|
-
/** `&[data-now]` */
|
|
170
|
-
"_now": string
|
|
171
|
-
/** `&[data-topmost]` */
|
|
172
|
-
"_topmost": string
|
|
173
|
-
/** `@media (prefers-reduced-motion: reduce)` */
|
|
174
|
-
"_motionReduce": string
|
|
175
|
-
/** `@media (prefers-reduced-motion: no-preference)` */
|
|
176
|
-
"_motionSafe": string
|
|
177
|
-
/** `@media print` */
|
|
178
|
-
"_print": string
|
|
179
|
-
/** `@media (orientation: landscape)` */
|
|
180
|
-
"_landscape": string
|
|
181
|
-
/** `@media (orientation: portrait)` */
|
|
182
|
-
"_portrait": string
|
|
183
|
-
/** `.dark &` */
|
|
184
|
-
"_dark": string
|
|
185
|
-
/** `.light &` */
|
|
186
|
-
"_light": string
|
|
187
|
-
/** `@media (prefers-color-scheme: dark)` */
|
|
188
|
-
"_osDark": string
|
|
189
|
-
/** `@media (prefers-color-scheme: light)` */
|
|
190
|
-
"_osLight": string
|
|
191
|
-
/** `@media (forced-colors: active)` */
|
|
192
|
-
"_highContrast": string
|
|
193
|
-
/** `@media (prefers-contrast: less)` */
|
|
194
|
-
"_lessContrast": string
|
|
195
|
-
/** `@media (prefers-contrast: more)` */
|
|
196
|
-
"_moreContrast": string
|
|
197
|
-
/** `:where([dir=ltr], :dir(ltr)) &` */
|
|
198
|
-
"_ltr": string
|
|
199
|
-
/** `:where([dir=rtl], :dir(rtl)) &` */
|
|
200
|
-
"_rtl": string
|
|
201
|
-
/** `&::-webkit-scrollbar` */
|
|
202
|
-
"_scrollbar": string
|
|
203
|
-
/** `&::-webkit-scrollbar-thumb` */
|
|
204
|
-
"_scrollbarThumb": string
|
|
205
|
-
/** `&::-webkit-scrollbar-track` */
|
|
206
|
-
"_scrollbarTrack": string
|
|
207
|
-
/** `&[data-orientation=horizontal]` */
|
|
208
|
-
"_horizontal": string
|
|
209
|
-
/** `&[data-orientation=vertical]` */
|
|
210
|
-
"_vertical": string
|
|
211
|
-
/** `& :where(svg)` */
|
|
212
|
-
"_icon": string
|
|
213
|
-
/** `@starting-style` */
|
|
214
|
-
"_starting": string
|
|
215
|
-
/** `@media (scripting: none)` */
|
|
216
|
-
"_noscript": string
|
|
217
|
-
/** `@media (inverted-colors: inverted)` */
|
|
218
|
-
"_invertedColors": string
|
|
219
|
-
/** `@media screen and (min-width: 40rem)` */
|
|
220
|
-
"sm": string
|
|
221
|
-
/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
|
|
222
|
-
"smOnly": string
|
|
223
|
-
/** `@media screen and (max-width: 39.9975rem)` */
|
|
224
|
-
"smDown": string
|
|
225
|
-
/** `@media screen and (min-width: 48rem)` */
|
|
226
|
-
"md": string
|
|
227
|
-
/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
|
|
228
|
-
"mdOnly": string
|
|
229
|
-
/** `@media screen and (max-width: 47.9975rem)` */
|
|
230
|
-
"mdDown": string
|
|
231
|
-
/** `@media screen and (min-width: 64rem)` */
|
|
232
|
-
"lg": string
|
|
233
|
-
/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
|
|
234
|
-
"lgOnly": string
|
|
235
|
-
/** `@media screen and (max-width: 63.9975rem)` */
|
|
236
|
-
"lgDown": string
|
|
237
|
-
/** `@media screen and (min-width: 80rem)` */
|
|
238
|
-
"xl": string
|
|
239
|
-
/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
|
|
240
|
-
"xlOnly": string
|
|
241
|
-
/** `@media screen and (max-width: 79.9975rem)` */
|
|
242
|
-
"xlDown": string
|
|
243
|
-
/** `@media screen and (min-width: 96rem)` */
|
|
244
|
-
"2xl": string
|
|
245
|
-
/** `@media screen and (min-width: 96rem)` */
|
|
246
|
-
"2xlOnly": string
|
|
247
|
-
/** `@media screen and (max-width: 95.9975rem)` */
|
|
248
|
-
"2xlDown": string
|
|
249
|
-
/** `@media screen and (min-width: 40rem) and (max-width: 47.9975rem)` */
|
|
250
|
-
"smToMd": string
|
|
251
|
-
/** `@media screen and (min-width: 40rem) and (max-width: 63.9975rem)` */
|
|
252
|
-
"smToLg": string
|
|
253
|
-
/** `@media screen and (min-width: 40rem) and (max-width: 79.9975rem)` */
|
|
254
|
-
"smToXl": string
|
|
255
|
-
/** `@media screen and (min-width: 40rem) and (max-width: 95.9975rem)` */
|
|
256
|
-
"smTo2xl": string
|
|
257
|
-
/** `@media screen and (min-width: 48rem) and (max-width: 63.9975rem)` */
|
|
258
|
-
"mdToLg": string
|
|
259
|
-
/** `@media screen and (min-width: 48rem) and (max-width: 79.9975rem)` */
|
|
260
|
-
"mdToXl": string
|
|
261
|
-
/** `@media screen and (min-width: 48rem) and (max-width: 95.9975rem)` */
|
|
262
|
-
"mdTo2xl": string
|
|
263
|
-
/** `@media screen and (min-width: 64rem) and (max-width: 79.9975rem)` */
|
|
264
|
-
"lgToXl": string
|
|
265
|
-
/** `@media screen and (min-width: 64rem) and (max-width: 95.9975rem)` */
|
|
266
|
-
"lgTo2xl": string
|
|
267
|
-
/** `@media screen and (min-width: 80rem) and (max-width: 95.9975rem)` */
|
|
268
|
-
"xlTo2xl": string
|
|
269
|
-
/** `@container (min-width: 20rem)` */
|
|
270
|
-
"@/xs": string
|
|
271
|
-
/** `@container (min-width: 24rem)` */
|
|
272
|
-
"@/sm": string
|
|
273
|
-
/** `@container (min-width: 28rem)` */
|
|
274
|
-
"@/md": string
|
|
275
|
-
/** `@container (min-width: 32rem)` */
|
|
276
|
-
"@/lg": string
|
|
277
|
-
/** `@container (min-width: 36rem)` */
|
|
278
|
-
"@/xl": string
|
|
279
|
-
/** `@container (min-width: 42rem)` */
|
|
280
|
-
"@/2xl": string
|
|
281
|
-
/** `@container (min-width: 48rem)` */
|
|
282
|
-
"@/3xl": string
|
|
283
|
-
/** `@container (min-width: 56rem)` */
|
|
284
|
-
"@/4xl": string
|
|
285
|
-
/** `@container (min-width: 64rem)` */
|
|
286
|
-
"@/5xl": string
|
|
287
|
-
/** `@container (min-width: 72rem)` */
|
|
288
|
-
"@/6xl": string
|
|
289
|
-
/** `@container (min-width: 80rem)` */
|
|
290
|
-
"@/7xl": string
|
|
291
|
-
/** `@container (min-width: 90rem)` */
|
|
292
|
-
"@/8xl": string
|
|
293
|
-
/** The base (=no conditions) styles to apply */
|
|
294
|
-
"base": string
|
|
295
|
-
}
|
|
296
|
-
|
|
297
|
-
export type ConditionalValue<V> =
|
|
298
|
-
| V
|
|
299
|
-
| Array<V | null>
|
|
300
|
-
| {
|
|
301
|
-
[K in keyof Conditions]?: ConditionalValue<V>
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
export type Nested<P> = P & {
|
|
305
|
-
[K in Selectors]?: Nested<P>
|
|
306
|
-
} & {
|
|
307
|
-
[K in AnySelector]?: Nested<P>
|
|
308
|
-
} & {
|
|
309
|
-
[K in keyof Conditions]?: Nested<P>
|
|
310
|
-
}
|