@symbo.ls/button 2.11.257 → 2.11.265
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/index.js +16 -21
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -65,7 +65,7 @@ export const KangorooButton = {
|
|
|
65
65
|
childExtend: IconText
|
|
66
66
|
}
|
|
67
67
|
|
|
68
|
-
export const
|
|
68
|
+
export const FlexButton = {
|
|
69
69
|
extend: Button,
|
|
70
70
|
props: {
|
|
71
71
|
theme: 'primary',
|
|
@@ -75,34 +75,29 @@ export const CommonButton = {
|
|
|
75
75
|
gap: 'X1',
|
|
76
76
|
position: 'relative'
|
|
77
77
|
},
|
|
78
|
+
|
|
78
79
|
Icon: {
|
|
79
80
|
props: { fontSize: 'B1' }
|
|
80
81
|
},
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
text: 'Button',
|
|
84
|
-
line_height: '1em',
|
|
85
|
-
fontSize: 'Z2',
|
|
86
|
-
letterSpacing: '.005em'
|
|
87
|
-
}
|
|
88
|
-
}
|
|
82
|
+
|
|
83
|
+
Text: { text: 'Button' }
|
|
89
84
|
}
|
|
90
85
|
|
|
91
|
-
export const
|
|
92
|
-
extend:
|
|
86
|
+
export const IconFlexButton = {
|
|
87
|
+
extend: FlexButton,
|
|
93
88
|
props: {
|
|
94
89
|
icon: 'smile',
|
|
95
90
|
boxSize: 'fit-content fit-content',
|
|
96
91
|
padding: 'Z2',
|
|
97
92
|
theme: 'tertiary'
|
|
98
93
|
},
|
|
99
|
-
|
|
94
|
+
Text: null
|
|
100
95
|
}
|
|
101
96
|
|
|
102
97
|
export const ButtonSet = {
|
|
103
98
|
tag: 'nav',
|
|
104
99
|
extend: Flex,
|
|
105
|
-
childExtend:
|
|
100
|
+
childExtend: IconFlexButton
|
|
106
101
|
}
|
|
107
102
|
|
|
108
103
|
export const CancelConfirmButtons = {
|
|
@@ -112,7 +107,7 @@ export const CancelConfirmButtons = {
|
|
|
112
107
|
maxWidth: 'fit-content'
|
|
113
108
|
},
|
|
114
109
|
childExtend: {
|
|
115
|
-
extend:
|
|
110
|
+
extend: FlexButton,
|
|
116
111
|
props: {
|
|
117
112
|
':first-child': {
|
|
118
113
|
theme: 'transparent',
|
|
@@ -121,13 +116,13 @@ export const CancelConfirmButtons = {
|
|
|
121
116
|
}
|
|
122
117
|
},
|
|
123
118
|
...[
|
|
124
|
-
{
|
|
125
|
-
{
|
|
119
|
+
{ Text: 'No' },
|
|
120
|
+
{ Text: 'Yes' }
|
|
126
121
|
]
|
|
127
122
|
}
|
|
128
123
|
|
|
129
124
|
export const IcontextButton = {
|
|
130
|
-
extend:
|
|
125
|
+
extend: FlexButton,
|
|
131
126
|
props: {
|
|
132
127
|
position: 'relative',
|
|
133
128
|
theme: 'tertiary',
|
|
@@ -137,7 +132,7 @@ export const IcontextButton = {
|
|
|
137
132
|
}
|
|
138
133
|
|
|
139
134
|
export const DropDownButton = {
|
|
140
|
-
extend:
|
|
135
|
+
extend: FlexButton,
|
|
141
136
|
props: {
|
|
142
137
|
gap: 'X2',
|
|
143
138
|
boxSize: 'fit-content fit-content',
|
|
@@ -147,7 +142,7 @@ export const DropDownButton = {
|
|
|
147
142
|
Icon: {
|
|
148
143
|
fontSize: 'D'
|
|
149
144
|
},
|
|
150
|
-
|
|
145
|
+
Text: { text: 'All' }
|
|
151
146
|
}
|
|
152
147
|
}
|
|
153
148
|
|
|
@@ -180,12 +175,12 @@ export const PlusMinusButtons = {
|
|
|
180
175
|
gap: 'A'
|
|
181
176
|
},
|
|
182
177
|
Minus: {
|
|
183
|
-
extend:
|
|
178
|
+
extend: IconFlexButton,
|
|
184
179
|
props: { icon: 'minus' }
|
|
185
180
|
},
|
|
186
181
|
Value: { props: { text: '1' } },
|
|
187
182
|
Plus: {
|
|
188
|
-
extend:
|
|
183
|
+
extend: IconFlexButton,
|
|
189
184
|
props: { icon: 'plus' }
|
|
190
185
|
}
|
|
191
186
|
}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@symbo.ls/button",
|
|
3
|
-
"version": "2.11.
|
|
3
|
+
"version": "2.11.265",
|
|
4
4
|
"main": "index.js",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"gitHead": "
|
|
6
|
+
"gitHead": "e96a45d1a191dbcd8ee2d02c969398821e1f446d",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@symbo.ls/atoms": "latest",
|
|
9
9
|
"@symbo.ls/icon": "latest"
|