cetec-design-system 0.0.20 → 0.0.21
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/package.json +2 -3
- package/styled-system/css/conditions.js +0 -36
- package/styled-system/css/conditions.mjs +0 -36
- package/styled-system/css/css.d.ts +0 -22
- package/styled-system/css/css.js +0 -45
- package/styled-system/css/css.mjs +0 -45
- package/styled-system/css/cva.d.ts +0 -6
- package/styled-system/css/cva.js +0 -87
- package/styled-system/css/cva.mjs +0 -87
- package/styled-system/css/cx.d.ts +0 -5
- package/styled-system/css/cx.js +0 -15
- package/styled-system/css/cx.mjs +0 -15
- package/styled-system/css/index.d.ts +0 -5
- package/styled-system/css/index.js +0 -4
- package/styled-system/css/index.mjs +0 -4
- package/styled-system/css/sva.d.ts +0 -4
- package/styled-system/css/sva.js +0 -41
- package/styled-system/css/sva.mjs +0 -41
- package/styled-system/debug/config.json +0 -8379
- package/styled-system/debug/src__App.ast.json +0 -1291
- package/styled-system/debug/src__App.css +0 -830
- package/styled-system/debug/src__components__Button__Button.stories.ast.json +0 -244
- package/styled-system/debug/src__components__Button__Button.stories.css +0 -372
- package/styled-system/debug/src__components__Code__Code.ast.json +0 -32
- package/styled-system/debug/src__components__Code__Code.css +0 -25
- package/styled-system/debug/src__components__Code__Pre.ast.json +0 -53
- package/styled-system/debug/src__components__Code__Pre.css +0 -45
- package/styled-system/debug/src__components__Code__copy-to-clipboard-button.ast.json +0 -68
- package/styled-system/debug/src__components__Code__copy-to-clipboard-button.css +0 -167
- package/styled-system/debug/src__components__Heading__Heading.ast.json +0 -59
- package/styled-system/debug/src__components__Heading__Heading.css +0 -25
- package/styled-system/debug/src__components__Icon__Icon.ast.json +0 -28
- package/styled-system/debug/src__components__Icon__Icon.css +0 -9
- package/styled-system/debug/src__components__Icon__iconStyle.ast.json +0 -27
- package/styled-system/debug/src__components__Icon__iconStyle.css +0 -5
- package/styled-system/debug/src__components__Input__Input.ast.json +0 -50
- package/styled-system/debug/src__components__Input__Input.css +0 -79
- package/styled-system/debug/src__components__Label__Label.ast.json +0 -45
- package/styled-system/debug/src__components__Label__Label.css +0 -40
- package/styled-system/debug/src__components__Link__Link.ast.json +0 -72
- package/styled-system/debug/src__components__Link__Link.css +0 -39
- package/styled-system/debug/src__components__Link__linkStyles.ast.json +0 -59
- package/styled-system/debug/src__components__Link__linkStyles.css +0 -77
- package/styled-system/debug/src__components__Spinner__spinnerStyles.ast.json +0 -56
- package/styled-system/debug/src__components__Spinner__spinnerStyles.css +0 -69
- package/styled-system/debug/src__components__Text__Text.ast.json +0 -57
- package/styled-system/debug/src__components__Text__Text.css +0 -22
- package/styled-system/debug/src__components__Text__Text.stories.ast.json +0 -60
- package/styled-system/debug/src__components__Text__Text.stories.css +0 -40
- package/styled-system/debug/src__components__Textarea__Textarea.ast.json +0 -50
- package/styled-system/debug/src__components__Textarea__Textarea.css +0 -92
- package/styled-system/debug/src__components__ThemeSwitcher__ThemeSwitcher.ast.json +0 -42
- package/styled-system/debug/src__components__ThemeSwitcher__ThemeSwitcher.css +0 -101
- package/styled-system/helpers.js +0 -336
- package/styled-system/helpers.mjs +0 -336
- package/styled-system/jsx/aspect-ratio.d.ts +0 -10
- package/styled-system/jsx/aspect-ratio.js +0 -14
- package/styled-system/jsx/aspect-ratio.mjs +0 -14
- package/styled-system/jsx/bleed.d.ts +0 -10
- package/styled-system/jsx/bleed.js +0 -14
- package/styled-system/jsx/bleed.mjs +0 -14
- package/styled-system/jsx/box.d.ts +0 -10
- package/styled-system/jsx/box.mjs +0 -14
- package/styled-system/jsx/center.d.ts +0 -10
- package/styled-system/jsx/center.js +0 -14
- package/styled-system/jsx/center.mjs +0 -14
- package/styled-system/jsx/circle.d.ts +0 -10
- package/styled-system/jsx/circle.js +0 -14
- package/styled-system/jsx/circle.mjs +0 -14
- package/styled-system/jsx/container.d.ts +0 -10
- package/styled-system/jsx/container.js +0 -14
- package/styled-system/jsx/container.mjs +0 -14
- package/styled-system/jsx/cq.d.ts +0 -10
- package/styled-system/jsx/cq.js +0 -14
- package/styled-system/jsx/cq.mjs +0 -14
- package/styled-system/jsx/divider.d.ts +0 -10
- package/styled-system/jsx/divider.mjs +0 -14
- package/styled-system/jsx/factory-helper.js +0 -22
- package/styled-system/jsx/factory-helper.mjs +0 -22
- package/styled-system/jsx/factory.d.ts +0 -3
- package/styled-system/jsx/factory.js +0 -80
- package/styled-system/jsx/factory.mjs +0 -80
- package/styled-system/jsx/flex.d.ts +0 -10
- package/styled-system/jsx/flex.js +0 -14
- package/styled-system/jsx/flex.mjs +0 -14
- package/styled-system/jsx/float.d.ts +0 -10
- package/styled-system/jsx/float.js +0 -14
- package/styled-system/jsx/float.mjs +0 -14
- package/styled-system/jsx/grid-item.d.ts +0 -10
- package/styled-system/jsx/grid-item.js +0 -14
- package/styled-system/jsx/grid-item.mjs +0 -14
- package/styled-system/jsx/grid.d.ts +0 -10
- package/styled-system/jsx/grid.js +0 -14
- package/styled-system/jsx/grid.mjs +0 -14
- package/styled-system/jsx/hstack.d.ts +0 -10
- package/styled-system/jsx/hstack.js +0 -14
- package/styled-system/jsx/hstack.mjs +0 -14
- package/styled-system/jsx/icon.d.ts +0 -10
- package/styled-system/jsx/icon.js +0 -14
- package/styled-system/jsx/icon.mjs +0 -14
- package/styled-system/jsx/index.d.ts +0 -23
- package/styled-system/jsx/index.js +0 -21
- package/styled-system/jsx/index.mjs +0 -21
- package/styled-system/jsx/is-valid-prop.d.ts +0 -11
- package/styled-system/jsx/is-valid-prop.js +0 -17
- package/styled-system/jsx/is-valid-prop.mjs +0 -17
- package/styled-system/jsx/link-overlay.d.ts +0 -10
- package/styled-system/jsx/link-overlay.js +0 -14
- package/styled-system/jsx/link-overlay.mjs +0 -14
- package/styled-system/jsx/spacer.d.ts +0 -10
- package/styled-system/jsx/spacer.js +0 -14
- package/styled-system/jsx/spacer.mjs +0 -14
- package/styled-system/jsx/square.d.ts +0 -10
- package/styled-system/jsx/square.js +0 -14
- package/styled-system/jsx/square.mjs +0 -14
- package/styled-system/jsx/stack.d.ts +0 -10
- package/styled-system/jsx/stack.js +0 -14
- package/styled-system/jsx/stack.mjs +0 -14
- package/styled-system/jsx/visually-hidden.d.ts +0 -10
- package/styled-system/jsx/visually-hidden.js +0 -14
- package/styled-system/jsx/visually-hidden.mjs +0 -14
- package/styled-system/jsx/vstack.d.ts +0 -10
- package/styled-system/jsx/vstack.js +0 -14
- package/styled-system/jsx/vstack.mjs +0 -14
- package/styled-system/jsx/wrap.d.ts +0 -10
- package/styled-system/jsx/wrap.js +0 -14
- package/styled-system/jsx/wrap.mjs +0 -14
- package/styled-system/patterns/aspect-ratio.d.ts +0 -21
- package/styled-system/patterns/aspect-ratio.js +0 -38
- package/styled-system/patterns/aspect-ratio.mjs +0 -38
- package/styled-system/patterns/bleed.d.ts +0 -22
- package/styled-system/patterns/bleed.js +0 -24
- package/styled-system/patterns/bleed.mjs +0 -24
- package/styled-system/patterns/box.d.ts +0 -21
- package/styled-system/patterns/box.mjs +0 -15
- package/styled-system/patterns/center.d.ts +0 -21
- package/styled-system/patterns/center.js +0 -21
- package/styled-system/patterns/center.mjs +0 -21
- package/styled-system/patterns/circle.d.ts +0 -21
- package/styled-system/patterns/circle.js +0 -25
- package/styled-system/patterns/circle.mjs +0 -25
- package/styled-system/patterns/container.d.ts +0 -21
- package/styled-system/patterns/container.js +0 -24
- package/styled-system/patterns/container.mjs +0 -24
- package/styled-system/patterns/cq.d.ts +0 -22
- package/styled-system/patterns/cq.js +0 -21
- package/styled-system/patterns/cq.mjs +0 -21
- package/styled-system/patterns/divider.d.ts +0 -23
- package/styled-system/patterns/divider.mjs +0 -25
- package/styled-system/patterns/flex.d.ts +0 -27
- package/styled-system/patterns/flex.js +0 -26
- package/styled-system/patterns/flex.mjs +0 -26
- package/styled-system/patterns/float.d.ts +0 -24
- package/styled-system/patterns/float.js +0 -52
- package/styled-system/patterns/float.mjs +0 -52
- package/styled-system/patterns/grid-item.d.ts +0 -26
- package/styled-system/patterns/grid-item.js +0 -25
- package/styled-system/patterns/grid-item.mjs +0 -25
- package/styled-system/patterns/grid.d.ts +0 -25
- package/styled-system/patterns/grid.js +0 -27
- package/styled-system/patterns/grid.mjs +0 -27
- package/styled-system/patterns/hstack.d.ts +0 -22
- package/styled-system/patterns/hstack.js +0 -24
- package/styled-system/patterns/hstack.mjs +0 -24
- package/styled-system/patterns/icon.d.ts +0 -21
- package/styled-system/patterns/icon.js +0 -20
- package/styled-system/patterns/icon.mjs +0 -20
- package/styled-system/patterns/index.d.ts +0 -20
- package/styled-system/patterns/index.js +0 -19
- package/styled-system/patterns/index.mjs +0 -19
- package/styled-system/patterns/link-overlay.d.ts +0 -21
- package/styled-system/patterns/link-overlay.js +0 -24
- package/styled-system/patterns/link-overlay.mjs +0 -24
- package/styled-system/patterns/spacer.d.ts +0 -21
- package/styled-system/patterns/spacer.js +0 -21
- package/styled-system/patterns/spacer.mjs +0 -21
- package/styled-system/patterns/square.d.ts +0 -21
- package/styled-system/patterns/square.js +0 -24
- package/styled-system/patterns/square.mjs +0 -24
- package/styled-system/patterns/stack.d.ts +0 -24
- package/styled-system/patterns/stack.js +0 -24
- package/styled-system/patterns/stack.mjs +0 -24
- package/styled-system/patterns/visually-hidden.d.ts +0 -21
- package/styled-system/patterns/visually-hidden.js +0 -18
- package/styled-system/patterns/visually-hidden.mjs +0 -18
- package/styled-system/patterns/vstack.d.ts +0 -22
- package/styled-system/patterns/vstack.js +0 -24
- package/styled-system/patterns/vstack.mjs +0 -24
- package/styled-system/patterns/wrap.d.ts +0 -25
- package/styled-system/patterns/wrap.js +0 -25
- package/styled-system/patterns/wrap.mjs +0 -25
- package/styled-system/recipes/box.d.ts +0 -28
- package/styled-system/recipes/box.js +0 -24
- package/styled-system/recipes/box.mjs +0 -24
- package/styled-system/recipes/button.d.ts +0 -35
- package/styled-system/recipes/button.js +0 -41
- package/styled-system/recipes/button.mjs +0 -41
- package/styled-system/recipes/checkbox.d.ts +0 -28
- package/styled-system/recipes/checkbox.js +0 -40
- package/styled-system/recipes/checkbox.mjs +0 -40
- package/styled-system/recipes/code.d.ts +0 -28
- package/styled-system/recipes/code.js +0 -24
- package/styled-system/recipes/code.mjs +0 -24
- package/styled-system/recipes/create-recipe.js +0 -82
- package/styled-system/recipes/create-recipe.mjs +0 -82
- package/styled-system/recipes/divider.d.ts +0 -35
- package/styled-system/recipes/divider.js +0 -38
- package/styled-system/recipes/divider.mjs +0 -38
- package/styled-system/recipes/heading.d.ts +0 -31
- package/styled-system/recipes/heading.js +0 -33
- package/styled-system/recipes/heading.mjs +0 -33
- package/styled-system/recipes/icon-button.d.ts +0 -35
- package/styled-system/recipes/icon-button.js +0 -41
- package/styled-system/recipes/icon-button.mjs +0 -41
- package/styled-system/recipes/index.d.ts +0 -17
- package/styled-system/recipes/index.js +0 -15
- package/styled-system/recipes/index.mjs +0 -16
- package/styled-system/recipes/input.d.ts +0 -31
- package/styled-system/recipes/input.js +0 -31
- package/styled-system/recipes/input.mjs +0 -31
- package/styled-system/recipes/label.d.ts +0 -38
- package/styled-system/recipes/label.js +0 -83
- package/styled-system/recipes/label.mjs +0 -83
- package/styled-system/recipes/link.d.ts +0 -38
- package/styled-system/recipes/link.js +0 -83
- package/styled-system/recipes/link.mjs +0 -83
- package/styled-system/recipes/pre.d.ts +0 -28
- package/styled-system/recipes/pre.js +0 -24
- package/styled-system/recipes/pre.mjs +0 -24
- package/styled-system/recipes/radio-input.d.ts +0 -28
- package/styled-system/recipes/radio-input.mjs +0 -24
- package/styled-system/recipes/radio.d.ts +0 -28
- package/styled-system/recipes/radio.js +0 -40
- package/styled-system/recipes/radio.mjs +0 -40
- package/styled-system/recipes/spinner.d.ts +0 -31
- package/styled-system/recipes/spinner.js +0 -32
- package/styled-system/recipes/spinner.mjs +0 -32
- package/styled-system/recipes/switchbox.d.ts +0 -28
- package/styled-system/recipes/switchbox.mjs +0 -44
- package/styled-system/recipes/text.d.ts +0 -37
- package/styled-system/recipes/text.js +0 -80
- package/styled-system/recipes/text.mjs +0 -80
- package/styled-system/recipes/textarea.d.ts +0 -32
- package/styled-system/recipes/textarea.js +0 -32
- package/styled-system/recipes/textarea.mjs +0 -35
- package/styled-system/recipes/textinput.d.ts +0 -32
- package/styled-system/recipes/textinput.mjs +0 -35
- package/styled-system/styles.css +0 -2184
- package/styled-system/tokens/index.d.ts +0 -9
- package/styled-system/tokens/index.js +0 -1480
- package/styled-system/tokens/index.mjs +0 -1580
- package/styled-system/tokens/tokens.d.ts +0 -63
- package/styled-system/types/composition.d.ts +0 -164
- package/styled-system/types/conditions.d.ts +0 -306
- package/styled-system/types/csstype.d.ts +0 -21298
- package/styled-system/types/global.d.ts +0 -20
- package/styled-system/types/index.d.ts +0 -8
- package/styled-system/types/jsx.d.ts +0 -52
- package/styled-system/types/parts.d.ts +0 -8
- package/styled-system/types/pattern.d.ts +0 -78
- package/styled-system/types/prop-type.d.ts +0 -235
- package/styled-system/types/recipe.d.ts +0 -181
- package/styled-system/types/selectors.d.ts +0 -59
- package/styled-system/types/static-css.d.ts +0 -56
- package/styled-system/types/style-props.d.ts +0 -7468
- package/styled-system/types/system-types.d.ts +0 -109
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
-
|
|
4
|
-
const headingFn = /* @__PURE__ */ createRecipe('heading', {
|
|
5
|
-
"level": "h2"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const headingVariantMap = {
|
|
9
|
-
"level": [
|
|
10
|
-
"h1",
|
|
11
|
-
"h2",
|
|
12
|
-
"h3",
|
|
13
|
-
"h4"
|
|
14
|
-
]
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
const headingVariantKeys = Object.keys(headingVariantMap)
|
|
18
|
-
|
|
19
|
-
export const heading = /* @__PURE__ */ Object.assign(memo(headingFn.recipeFn), {
|
|
20
|
-
__recipe__: true,
|
|
21
|
-
__name__: 'heading',
|
|
22
|
-
__getCompoundVariantCss__: headingFn.__getCompoundVariantCss__,
|
|
23
|
-
raw: (props) => props,
|
|
24
|
-
variantKeys: headingVariantKeys,
|
|
25
|
-
variantMap: headingVariantMap,
|
|
26
|
-
merge(recipe) {
|
|
27
|
-
return mergeRecipes(this, recipe)
|
|
28
|
-
},
|
|
29
|
-
splitVariantProps(props) {
|
|
30
|
-
return splitProps(props, headingVariantKeys)
|
|
31
|
-
},
|
|
32
|
-
getVariantProps: headingFn.getVariantProps,
|
|
33
|
-
})
|
|
@@ -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 IconButtonVariant {
|
|
6
|
-
/**
|
|
7
|
-
* @default "standard"
|
|
8
|
-
*/
|
|
9
|
-
variant: "primary" | "standard" | "hollow" | "ghost" | "cta" | "danger"
|
|
10
|
-
/**
|
|
11
|
-
* @default "medium"
|
|
12
|
-
*/
|
|
13
|
-
size: "medium" | "large" | "small"
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
type IconButtonVariantMap = {
|
|
17
|
-
[key in keyof IconButtonVariant]: Array<IconButtonVariant[key]>
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export type IconButtonVariantProps = {
|
|
21
|
-
[key in keyof IconButtonVariant]?: ConditionalValue<IconButtonVariant[key]> | undefined
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export interface IconButtonRecipe {
|
|
25
|
-
__type: IconButtonVariantProps
|
|
26
|
-
(props?: IconButtonVariantProps): string
|
|
27
|
-
raw: (props?: IconButtonVariantProps) => IconButtonVariantProps
|
|
28
|
-
variantMap: IconButtonVariantMap
|
|
29
|
-
variantKeys: Array<keyof IconButtonVariant>
|
|
30
|
-
splitVariantProps<Props extends IconButtonVariantProps>(props: Props): [IconButtonVariantProps, Pretty<DistributiveOmit<Props, keyof IconButtonVariantProps>>]
|
|
31
|
-
getVariantProps: (props?: IconButtonVariantProps) => IconButtonVariantProps
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
export declare const iconButton: IconButtonRecipe
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.js';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.js';
|
|
3
|
-
|
|
4
|
-
const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
|
|
5
|
-
"variant": "standard",
|
|
6
|
-
"size": "medium"
|
|
7
|
-
}, [])
|
|
8
|
-
|
|
9
|
-
const iconButtonVariantMap = {
|
|
10
|
-
"variant": [
|
|
11
|
-
"primary",
|
|
12
|
-
"standard",
|
|
13
|
-
"hollow",
|
|
14
|
-
"ghost",
|
|
15
|
-
"cta",
|
|
16
|
-
"danger"
|
|
17
|
-
],
|
|
18
|
-
"size": [
|
|
19
|
-
"medium",
|
|
20
|
-
"large",
|
|
21
|
-
"small"
|
|
22
|
-
]
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const iconButtonVariantKeys = Object.keys(iconButtonVariantMap)
|
|
26
|
-
|
|
27
|
-
export const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {
|
|
28
|
-
__recipe__: true,
|
|
29
|
-
__name__: 'iconButton',
|
|
30
|
-
__getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
|
|
31
|
-
raw: (props) => props,
|
|
32
|
-
variantKeys: iconButtonVariantKeys,
|
|
33
|
-
variantMap: iconButtonVariantMap,
|
|
34
|
-
merge(recipe) {
|
|
35
|
-
return mergeRecipes(this, recipe)
|
|
36
|
-
},
|
|
37
|
-
splitVariantProps(props) {
|
|
38
|
-
return splitProps(props, iconButtonVariantKeys)
|
|
39
|
-
},
|
|
40
|
-
getVariantProps: iconButtonFn.getVariantProps,
|
|
41
|
-
})
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
-
|
|
4
|
-
const iconButtonFn = /* @__PURE__ */ createRecipe('icon-button', {
|
|
5
|
-
"variant": "standard",
|
|
6
|
-
"size": "medium"
|
|
7
|
-
}, [])
|
|
8
|
-
|
|
9
|
-
const iconButtonVariantMap = {
|
|
10
|
-
"variant": [
|
|
11
|
-
"primary",
|
|
12
|
-
"standard",
|
|
13
|
-
"hollow",
|
|
14
|
-
"ghost",
|
|
15
|
-
"cta",
|
|
16
|
-
"danger"
|
|
17
|
-
],
|
|
18
|
-
"size": [
|
|
19
|
-
"medium",
|
|
20
|
-
"large",
|
|
21
|
-
"small"
|
|
22
|
-
]
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
const iconButtonVariantKeys = Object.keys(iconButtonVariantMap)
|
|
26
|
-
|
|
27
|
-
export const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {
|
|
28
|
-
__recipe__: true,
|
|
29
|
-
__name__: 'iconButton',
|
|
30
|
-
__getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
|
|
31
|
-
raw: (props) => props,
|
|
32
|
-
variantKeys: iconButtonVariantKeys,
|
|
33
|
-
variantMap: iconButtonVariantMap,
|
|
34
|
-
merge(recipe) {
|
|
35
|
-
return mergeRecipes(this, recipe)
|
|
36
|
-
},
|
|
37
|
-
splitVariantProps(props) {
|
|
38
|
-
return splitProps(props, iconButtonVariantKeys)
|
|
39
|
-
},
|
|
40
|
-
getVariantProps: iconButtonFn.getVariantProps,
|
|
41
|
-
})
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
export * from './text';
|
|
3
|
-
export * from './heading';
|
|
4
|
-
export * from './link';
|
|
5
|
-
export * from './label';
|
|
6
|
-
export * from './button';
|
|
7
|
-
export * from './icon-button';
|
|
8
|
-
export * from './input';
|
|
9
|
-
export * from './textinput';
|
|
10
|
-
export * from './textarea';
|
|
11
|
-
export * from './code';
|
|
12
|
-
export * from './pre';
|
|
13
|
-
export * from './spinner';
|
|
14
|
-
export * from './divider';
|
|
15
|
-
export * from './box';
|
|
16
|
-
export * from './checkbox';
|
|
17
|
-
export * from './radio';
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export * from './radio.js';
|
|
2
|
-
export * from './checkbox.js';
|
|
3
|
-
export * from './text.js';
|
|
4
|
-
export * from './heading.js';
|
|
5
|
-
export * from './link.js';
|
|
6
|
-
export * from './label.js';
|
|
7
|
-
export * from './button.js';
|
|
8
|
-
export * from './icon-button.js';
|
|
9
|
-
export * from './input.js';
|
|
10
|
-
export * from './textarea.js';
|
|
11
|
-
export * from './code.js';
|
|
12
|
-
export * from './pre.js';
|
|
13
|
-
export * from './spinner.js';
|
|
14
|
-
export * from './divider.js';
|
|
15
|
-
export * from './box.js';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
export * from './text.mjs';
|
|
2
|
-
export * from './heading.mjs';
|
|
3
|
-
export * from './link.mjs';
|
|
4
|
-
export * from './label.mjs';
|
|
5
|
-
export * from './button.mjs';
|
|
6
|
-
export * from './icon-button.mjs';
|
|
7
|
-
export * from './input.mjs';
|
|
8
|
-
export * from './textinput.mjs';
|
|
9
|
-
export * from './textarea.mjs';
|
|
10
|
-
export * from './code.mjs';
|
|
11
|
-
export * from './pre.mjs';
|
|
12
|
-
export * from './spinner.mjs';
|
|
13
|
-
export * from './divider.mjs';
|
|
14
|
-
export * from './box.mjs';
|
|
15
|
-
export * from './checkbox.mjs';
|
|
16
|
-
export * from './radio.mjs';
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
-
|
|
5
|
-
interface InputVariant {
|
|
6
|
-
/**
|
|
7
|
-
* @default "stacked"
|
|
8
|
-
*/
|
|
9
|
-
variant: "stacked" | "internalLabel"
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
type InputVariantMap = {
|
|
13
|
-
[key in keyof InputVariant]: Array<InputVariant[key]>
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
export type InputVariantProps = {
|
|
17
|
-
[key in keyof InputVariant]?: ConditionalValue<InputVariant[key]> | undefined
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export interface InputRecipe {
|
|
21
|
-
__type: InputVariantProps
|
|
22
|
-
(props?: InputVariantProps): string
|
|
23
|
-
raw: (props?: InputVariantProps) => InputVariantProps
|
|
24
|
-
variantMap: InputVariantMap
|
|
25
|
-
variantKeys: Array<keyof InputVariant>
|
|
26
|
-
splitVariantProps<Props extends InputVariantProps>(props: Props): [InputVariantProps, Pretty<DistributiveOmit<Props, keyof InputVariantProps>>]
|
|
27
|
-
getVariantProps: (props?: InputVariantProps) => InputVariantProps
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
export declare const input: InputRecipe
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.js';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.js';
|
|
3
|
-
|
|
4
|
-
const inputFn = /* @__PURE__ */ createRecipe('input', {
|
|
5
|
-
"variant": "stacked"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const inputVariantMap = {
|
|
9
|
-
"variant": [
|
|
10
|
-
"stacked",
|
|
11
|
-
"internalLabel"
|
|
12
|
-
]
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
const inputVariantKeys = Object.keys(inputVariantMap)
|
|
16
|
-
|
|
17
|
-
export const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), {
|
|
18
|
-
__recipe__: true,
|
|
19
|
-
__name__: 'input',
|
|
20
|
-
__getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
|
|
21
|
-
raw: (props) => props,
|
|
22
|
-
variantKeys: inputVariantKeys,
|
|
23
|
-
variantMap: inputVariantMap,
|
|
24
|
-
merge(recipe) {
|
|
25
|
-
return mergeRecipes(this, recipe)
|
|
26
|
-
},
|
|
27
|
-
splitVariantProps(props) {
|
|
28
|
-
return splitProps(props, inputVariantKeys)
|
|
29
|
-
},
|
|
30
|
-
getVariantProps: inputFn.getVariantProps,
|
|
31
|
-
})
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
-
|
|
4
|
-
const inputFn = /* @__PURE__ */ createRecipe('input', {
|
|
5
|
-
"variant": "stacked"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const inputVariantMap = {
|
|
9
|
-
"variant": [
|
|
10
|
-
"stacked",
|
|
11
|
-
"internalLabel"
|
|
12
|
-
]
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
const inputVariantKeys = Object.keys(inputVariantMap)
|
|
16
|
-
|
|
17
|
-
export const input = /* @__PURE__ */ Object.assign(memo(inputFn.recipeFn), {
|
|
18
|
-
__recipe__: true,
|
|
19
|
-
__name__: 'input',
|
|
20
|
-
__getCompoundVariantCss__: inputFn.__getCompoundVariantCss__,
|
|
21
|
-
raw: (props) => props,
|
|
22
|
-
variantKeys: inputVariantKeys,
|
|
23
|
-
variantMap: inputVariantMap,
|
|
24
|
-
merge(recipe) {
|
|
25
|
-
return mergeRecipes(this, recipe)
|
|
26
|
-
},
|
|
27
|
-
splitVariantProps(props) {
|
|
28
|
-
return splitProps(props, inputVariantKeys)
|
|
29
|
-
},
|
|
30
|
-
getVariantProps: inputFn.getVariantProps,
|
|
31
|
-
})
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
-
|
|
5
|
-
interface LabelVariant {
|
|
6
|
-
textStyle: "display-lg" | "display-md" | "display-sm" | "display-xs" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "mono-lg" | "mono-md" | "mono-sm" | "mono-xs"
|
|
7
|
-
/**
|
|
8
|
-
* @default "body"
|
|
9
|
-
*/
|
|
10
|
-
family: "heading" | "body" | "mono"
|
|
11
|
-
bold: boolean
|
|
12
|
-
italic: boolean
|
|
13
|
-
underline: boolean
|
|
14
|
-
size: "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
|
|
15
|
-
weight: "light" | "normal" | "medium" | "bold" | "black"
|
|
16
|
-
_disabled: boolean
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
type LabelVariantMap = {
|
|
20
|
-
[key in keyof LabelVariant]: Array<LabelVariant[key]>
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export type LabelVariantProps = {
|
|
24
|
-
[key in keyof LabelVariant]?: ConditionalValue<LabelVariant[key]> | undefined
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export interface LabelRecipe {
|
|
28
|
-
__type: LabelVariantProps
|
|
29
|
-
(props?: LabelVariantProps): string
|
|
30
|
-
raw: (props?: LabelVariantProps) => LabelVariantProps
|
|
31
|
-
variantMap: LabelVariantMap
|
|
32
|
-
variantKeys: Array<keyof LabelVariant>
|
|
33
|
-
splitVariantProps<Props extends LabelVariantProps>(props: Props): [LabelVariantProps, Pretty<DistributiveOmit<Props, keyof LabelVariantProps>>]
|
|
34
|
-
getVariantProps: (props?: LabelVariantProps) => LabelVariantProps
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
export declare const label: LabelRecipe
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.js';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.js';
|
|
3
|
-
|
|
4
|
-
const labelFn = /* @__PURE__ */ createRecipe('label', {
|
|
5
|
-
"family": "body"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const labelVariantMap = {
|
|
9
|
-
"textStyle": [
|
|
10
|
-
"display-lg",
|
|
11
|
-
"display-md",
|
|
12
|
-
"display-sm",
|
|
13
|
-
"display-xs",
|
|
14
|
-
"heading-lg",
|
|
15
|
-
"heading-md",
|
|
16
|
-
"heading-sm",
|
|
17
|
-
"heading-xs",
|
|
18
|
-
"body-lg",
|
|
19
|
-
"body-md",
|
|
20
|
-
"body-sm",
|
|
21
|
-
"body-xs",
|
|
22
|
-
"mono-lg",
|
|
23
|
-
"mono-md",
|
|
24
|
-
"mono-sm",
|
|
25
|
-
"mono-xs"
|
|
26
|
-
],
|
|
27
|
-
"family": [
|
|
28
|
-
"heading",
|
|
29
|
-
"body",
|
|
30
|
-
"mono"
|
|
31
|
-
],
|
|
32
|
-
"bold": [
|
|
33
|
-
"true"
|
|
34
|
-
],
|
|
35
|
-
"italic": [
|
|
36
|
-
"true"
|
|
37
|
-
],
|
|
38
|
-
"underline": [
|
|
39
|
-
"true"
|
|
40
|
-
],
|
|
41
|
-
"size": [
|
|
42
|
-
"12",
|
|
43
|
-
"14",
|
|
44
|
-
"16",
|
|
45
|
-
"20",
|
|
46
|
-
"24",
|
|
47
|
-
"32",
|
|
48
|
-
"40",
|
|
49
|
-
"48",
|
|
50
|
-
"64",
|
|
51
|
-
"72",
|
|
52
|
-
"80",
|
|
53
|
-
"96"
|
|
54
|
-
],
|
|
55
|
-
"weight": [
|
|
56
|
-
"light",
|
|
57
|
-
"normal",
|
|
58
|
-
"medium",
|
|
59
|
-
"bold",
|
|
60
|
-
"black"
|
|
61
|
-
],
|
|
62
|
-
"_disabled": [
|
|
63
|
-
"true"
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const labelVariantKeys = Object.keys(labelVariantMap)
|
|
68
|
-
|
|
69
|
-
export const label = /* @__PURE__ */ Object.assign(memo(labelFn.recipeFn), {
|
|
70
|
-
__recipe__: true,
|
|
71
|
-
__name__: 'label',
|
|
72
|
-
__getCompoundVariantCss__: labelFn.__getCompoundVariantCss__,
|
|
73
|
-
raw: (props) => props,
|
|
74
|
-
variantKeys: labelVariantKeys,
|
|
75
|
-
variantMap: labelVariantMap,
|
|
76
|
-
merge(recipe) {
|
|
77
|
-
return mergeRecipes(this, recipe)
|
|
78
|
-
},
|
|
79
|
-
splitVariantProps(props) {
|
|
80
|
-
return splitProps(props, labelVariantKeys)
|
|
81
|
-
},
|
|
82
|
-
getVariantProps: labelFn.getVariantProps,
|
|
83
|
-
})
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.mjs';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.mjs';
|
|
3
|
-
|
|
4
|
-
const labelFn = /* @__PURE__ */ createRecipe('label', {
|
|
5
|
-
"family": "body"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const labelVariantMap = {
|
|
9
|
-
"textStyle": [
|
|
10
|
-
"display-lg",
|
|
11
|
-
"display-md",
|
|
12
|
-
"display-sm",
|
|
13
|
-
"display-xs",
|
|
14
|
-
"heading-lg",
|
|
15
|
-
"heading-md",
|
|
16
|
-
"heading-sm",
|
|
17
|
-
"heading-xs",
|
|
18
|
-
"body-lg",
|
|
19
|
-
"body-md",
|
|
20
|
-
"body-sm",
|
|
21
|
-
"body-xs",
|
|
22
|
-
"mono-lg",
|
|
23
|
-
"mono-md",
|
|
24
|
-
"mono-sm",
|
|
25
|
-
"mono-xs"
|
|
26
|
-
],
|
|
27
|
-
"family": [
|
|
28
|
-
"heading",
|
|
29
|
-
"body",
|
|
30
|
-
"mono"
|
|
31
|
-
],
|
|
32
|
-
"bold": [
|
|
33
|
-
"true"
|
|
34
|
-
],
|
|
35
|
-
"italic": [
|
|
36
|
-
"true"
|
|
37
|
-
],
|
|
38
|
-
"underline": [
|
|
39
|
-
"true"
|
|
40
|
-
],
|
|
41
|
-
"size": [
|
|
42
|
-
"12",
|
|
43
|
-
"14",
|
|
44
|
-
"16",
|
|
45
|
-
"20",
|
|
46
|
-
"24",
|
|
47
|
-
"32",
|
|
48
|
-
"40",
|
|
49
|
-
"48",
|
|
50
|
-
"64",
|
|
51
|
-
"72",
|
|
52
|
-
"80",
|
|
53
|
-
"96"
|
|
54
|
-
],
|
|
55
|
-
"weight": [
|
|
56
|
-
"light",
|
|
57
|
-
"normal",
|
|
58
|
-
"medium",
|
|
59
|
-
"bold",
|
|
60
|
-
"black"
|
|
61
|
-
],
|
|
62
|
-
"_disabled": [
|
|
63
|
-
"true"
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const labelVariantKeys = Object.keys(labelVariantMap)
|
|
68
|
-
|
|
69
|
-
export const label = /* @__PURE__ */ Object.assign(memo(labelFn.recipeFn), {
|
|
70
|
-
__recipe__: true,
|
|
71
|
-
__name__: 'label',
|
|
72
|
-
__getCompoundVariantCss__: labelFn.__getCompoundVariantCss__,
|
|
73
|
-
raw: (props) => props,
|
|
74
|
-
variantKeys: labelVariantKeys,
|
|
75
|
-
variantMap: labelVariantMap,
|
|
76
|
-
merge(recipe) {
|
|
77
|
-
return mergeRecipes(this, recipe)
|
|
78
|
-
},
|
|
79
|
-
splitVariantProps(props) {
|
|
80
|
-
return splitProps(props, labelVariantKeys)
|
|
81
|
-
},
|
|
82
|
-
getVariantProps: labelFn.getVariantProps,
|
|
83
|
-
})
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/* eslint-disable */
|
|
2
|
-
import type { ConditionalValue } from '../types/index';
|
|
3
|
-
import type { DistributiveOmit, Pretty } from '../types/system-types';
|
|
4
|
-
|
|
5
|
-
interface LinkVariant {
|
|
6
|
-
textStyle: "display-lg" | "display-md" | "display-sm" | "display-xs" | "heading-lg" | "heading-md" | "heading-sm" | "heading-xs" | "body-lg" | "body-md" | "body-sm" | "body-xs" | "mono-lg" | "mono-md" | "mono-sm" | "mono-xs"
|
|
7
|
-
/**
|
|
8
|
-
* @default "body"
|
|
9
|
-
*/
|
|
10
|
-
family: "heading" | "body" | "mono"
|
|
11
|
-
bold: boolean
|
|
12
|
-
italic: boolean
|
|
13
|
-
underline: boolean
|
|
14
|
-
size: "12" | "14" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "72" | "80" | "96"
|
|
15
|
-
weight: "light" | "normal" | "medium" | "bold" | "black"
|
|
16
|
-
_disabled: boolean
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
type LinkVariantMap = {
|
|
20
|
-
[key in keyof LinkVariant]: Array<LinkVariant[key]>
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export type LinkVariantProps = {
|
|
24
|
-
[key in keyof LinkVariant]?: ConditionalValue<LinkVariant[key]> | undefined
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
export interface LinkRecipe {
|
|
28
|
-
__type: LinkVariantProps
|
|
29
|
-
(props?: LinkVariantProps): string
|
|
30
|
-
raw: (props?: LinkVariantProps) => LinkVariantProps
|
|
31
|
-
variantMap: LinkVariantMap
|
|
32
|
-
variantKeys: Array<keyof LinkVariant>
|
|
33
|
-
splitVariantProps<Props extends LinkVariantProps>(props: Props): [LinkVariantProps, Pretty<DistributiveOmit<Props, keyof LinkVariantProps>>]
|
|
34
|
-
getVariantProps: (props?: LinkVariantProps) => LinkVariantProps
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
export declare const link: LinkRecipe
|
|
@@ -1,83 +0,0 @@
|
|
|
1
|
-
import { memo, splitProps } from '../helpers.js';
|
|
2
|
-
import { createRecipe, mergeRecipes } from './create-recipe.js';
|
|
3
|
-
|
|
4
|
-
const linkFn = /* @__PURE__ */ createRecipe('link', {
|
|
5
|
-
"family": "body"
|
|
6
|
-
}, [])
|
|
7
|
-
|
|
8
|
-
const linkVariantMap = {
|
|
9
|
-
"textStyle": [
|
|
10
|
-
"display-lg",
|
|
11
|
-
"display-md",
|
|
12
|
-
"display-sm",
|
|
13
|
-
"display-xs",
|
|
14
|
-
"heading-lg",
|
|
15
|
-
"heading-md",
|
|
16
|
-
"heading-sm",
|
|
17
|
-
"heading-xs",
|
|
18
|
-
"body-lg",
|
|
19
|
-
"body-md",
|
|
20
|
-
"body-sm",
|
|
21
|
-
"body-xs",
|
|
22
|
-
"mono-lg",
|
|
23
|
-
"mono-md",
|
|
24
|
-
"mono-sm",
|
|
25
|
-
"mono-xs"
|
|
26
|
-
],
|
|
27
|
-
"family": [
|
|
28
|
-
"heading",
|
|
29
|
-
"body",
|
|
30
|
-
"mono"
|
|
31
|
-
],
|
|
32
|
-
"bold": [
|
|
33
|
-
"true"
|
|
34
|
-
],
|
|
35
|
-
"italic": [
|
|
36
|
-
"true"
|
|
37
|
-
],
|
|
38
|
-
"underline": [
|
|
39
|
-
"true"
|
|
40
|
-
],
|
|
41
|
-
"size": [
|
|
42
|
-
"12",
|
|
43
|
-
"14",
|
|
44
|
-
"16",
|
|
45
|
-
"20",
|
|
46
|
-
"24",
|
|
47
|
-
"32",
|
|
48
|
-
"40",
|
|
49
|
-
"48",
|
|
50
|
-
"64",
|
|
51
|
-
"72",
|
|
52
|
-
"80",
|
|
53
|
-
"96"
|
|
54
|
-
],
|
|
55
|
-
"weight": [
|
|
56
|
-
"light",
|
|
57
|
-
"normal",
|
|
58
|
-
"medium",
|
|
59
|
-
"bold",
|
|
60
|
-
"black"
|
|
61
|
-
],
|
|
62
|
-
"_disabled": [
|
|
63
|
-
"true"
|
|
64
|
-
]
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
const linkVariantKeys = Object.keys(linkVariantMap)
|
|
68
|
-
|
|
69
|
-
export const link = /* @__PURE__ */ Object.assign(memo(linkFn.recipeFn), {
|
|
70
|
-
__recipe__: true,
|
|
71
|
-
__name__: 'link',
|
|
72
|
-
__getCompoundVariantCss__: linkFn.__getCompoundVariantCss__,
|
|
73
|
-
raw: (props) => props,
|
|
74
|
-
variantKeys: linkVariantKeys,
|
|
75
|
-
variantMap: linkVariantMap,
|
|
76
|
-
merge(recipe) {
|
|
77
|
-
return mergeRecipes(this, recipe)
|
|
78
|
-
},
|
|
79
|
-
splitVariantProps(props) {
|
|
80
|
-
return splitProps(props, linkVariantKeys)
|
|
81
|
-
},
|
|
82
|
-
getVariantProps: linkFn.getVariantProps,
|
|
83
|
-
})
|