@symbo.ls/button 2.11.221 → 2.11.231

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.
Files changed (2) hide show
  1. package/index.js +34 -35
  2. package/package.json +2 -2
package/index.js CHANGED
@@ -70,18 +70,20 @@ export const CommonButton = {
70
70
  props: {
71
71
  theme: 'primary',
72
72
  boxSize: 'fit-content',
73
- padding: 'A A2',
74
- round: 'Z2',
75
- gap: 'Y2',
73
+ padding: 'Z2 A2',
74
+ round: 'Z1',
75
+ gap: 'X1',
76
76
  position: 'relative'
77
77
  },
78
78
  Icon: {
79
- props: { fontSize: 'C' }
79
+ props: { fontSize: 'B1' }
80
80
  },
81
- Caption: {
81
+ caption: {
82
82
  props: {
83
83
  text: 'Button',
84
- lineHeight: '1em'
84
+ line_height: '1em',
85
+ fontSize: 'Z2',
86
+ letterSpacing: '.005em'
85
87
  }
86
88
  }
87
89
  }
@@ -91,10 +93,10 @@ export const IconCommonButton = {
91
93
  props: {
92
94
  Icon: { name: 'smile' },
93
95
  boxSize: 'fit-content fit-content',
94
- padding: 'A',
95
- background: 'gray3'
96
+ padding: 'Z2',
97
+ theme: 'tertiary'
96
98
  },
97
- Caption: null
99
+ caption: null
98
100
  }
99
101
 
100
102
  export const ButtonSet = {
@@ -105,35 +107,31 @@ export const ButtonSet = {
105
107
 
106
108
  export const CancelConfirmButtons = {
107
109
  extend: Flex,
110
+ props: {
111
+ gap: 'Z2',
112
+ maxWidth: 'fit-content'
113
+ },
108
114
  childExtend: {
109
115
  extend: CommonButton,
110
116
  props: {
111
- minWidth: 'D2',
112
117
  ':first-child': {
113
- background: 'transparent',
114
- border: '1px solid #20202B'
115
- },
116
- ':last-child': {
118
+ theme: 'transparent',
119
+ padding: '- Y1'
117
120
  }
118
121
  }
119
122
  },
120
123
  ...[
121
- { Caption: { text: 'No' } },
122
- { Caption: { text: 'Yes' } }
123
- ],
124
-
125
- props: {
126
- gap: 'Z',
127
- maxWidth: 'fit-content'
128
- }
124
+ { caption: { props: { text: 'No' } } },
125
+ { caption: { props: { text: 'Yes' } } }
126
+ ]
129
127
  }
130
128
 
131
129
  export const IcontextButton = {
132
130
  extend: CommonButton,
133
131
  props: {
134
- padding: 'A A1',
135
132
  position: 'relative',
136
- background: 'gray3',
133
+ theme: 'tertiary',
134
+ padding: 'Z2 A',
137
135
  Icon: { name: 'smile' }
138
136
  }
139
137
  }
@@ -143,34 +141,35 @@ export const DropDownButton = {
143
141
  props: {
144
142
  gap: 'X2',
145
143
  boxSize: 'fit-content fit-content',
146
- padding: 'Z2 B Z2 A',
147
- round: 'Z',
148
- background: '#141416',
144
+ padding: 'Z1 A1 Z Z1',
145
+ theme: 'dialog',
149
146
  color: 'white',
150
147
  Icon: {
151
148
  name: 'chevronDown',
152
149
  fontSize: 'D'
153
150
  },
154
- Caption: { text: 'All' }
151
+ caption: { text: 'All' }
155
152
  }
156
153
  }
157
154
 
158
155
  export const DropDownButtonWithAvatar = {
159
156
  extend: DropDownButton,
160
157
  props: {
161
- gap: 'Z',
162
- padding: 'Y1 Z',
163
- round: 'Y2',
164
- background: 'gray3'
158
+ gap: 'Y',
159
+ padding: 'Y',
160
+ round: 'Z1',
161
+ theme: 'dialog',
162
+ Icon: { fontSize: 'B1' }
165
163
  },
166
164
 
167
165
  Avatar: {
168
- boxSize: 'A1 A1'
166
+ boxSize: 'A2+V1'
169
167
  },
170
- Caption: {
168
+ caption: {
171
169
  text: 'ETH',
172
170
  props: {
173
- fontSize: 'Z1'
171
+ fontSize: 'Y1',
172
+ fontWeight: '400'
174
173
  }
175
174
  }
176
175
  }
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@symbo.ls/button",
3
- "version": "2.11.221",
3
+ "version": "2.11.231",
4
4
  "main": "index.js",
5
5
  "license": "MIT",
6
- "gitHead": "edd135dc40621879b35493003ab88891e407db03",
6
+ "gitHead": "5d29ff74b50f1feeeff85976496c4320fce96f71",
7
7
  "dependencies": {
8
8
  "@symbo.ls/atoms": "latest",
9
9
  "@symbo.ls/icon": "latest"