UNPKG

@reusable-ui/button-icon

Version:

A button component with a nice icon.

reusableui.org

reusable-ui/reusable-ui-monorepo

76 lines (75 loc) • 15.5 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
export declare const buttonIcons: import("@cssfn/css-config").Refs<{ borderRadius: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInline: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlock: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; gapInline: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlock: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; fontSize: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; }>, buttonIconValues: import("@cssfn/css-config").Vals<{ borderRadius: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInline: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlock: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; gapInline: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlock: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; fontSize: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; borderRadiusXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.BorderRadius<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; paddingInlineXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingInline<import("@cssfn/css-types").CssLength>> | null | undefined; paddingBlockXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.PaddingBlock<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapInlineXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.ColumnGap<import("@cssfn/css-types").CssLength>> | null | undefined; gapBlockXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.RowGap<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeXs: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeSm: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeMd: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeLg: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; fontSizeXl: import("@cssfn/css-types").CssComplexValueOf<import("@cssfn/css-types").CssCustomKeyframesRef | import("csstype").Property.FontSize<import("@cssfn/css-types").CssLength>> | null | undefined; }>, cssButtonIconConfig: import("@cssfn/css-config").LiveCssConfigOptions;