@redocly/theme 0.31.0 → 0.31.1

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 (9) hide show
  1. package/lib/components/Feedback/Mood.js +6 -1
  2. package/lib/components/Feedback/Scale.js +5 -1
  3. package/lib/components/Feedback/Sentiment.js +6 -1
  4. package/lib/components/Feedback/Stars.js +6 -1
  5. package/package.json +1 -1
  6. package/src/components/Feedback/Mood.tsx +6 -1
  7. package/src/components/Feedback/Scale.tsx +5 -1
  8. package/src/components/Feedback/Sentiment.tsx +6 -1
  9. package/src/components/Feedback/Stars.tsx +6 -1
package/lib/components/Feedback/Mood.js CHANGED
@@ -152,10 +152,15 @@ const Label = styled_components_1.default.h4 `
152
152
  color: var(--h4-text-color);
153
153
  margin-right: 15px;
154
154
  `;
155
- const Vote = styled_components_1.default.div `
155
+ const Vote = styled_components_1.default.button.attrs(() => ({
156
+ type: 'button',
157
+ })) `
156
158
  cursor: pointer;
157
159
  margin: 0 10px;
160
+ padding: 0;
161
+ border: none;
158
162
  color: var(--text-description);
163
+ background-color: transparent;
159
164
  &.active {
160
165
  color: var(--text-primary);
161
166
  }
package/lib/components/Feedback/Scale.js CHANGED
@@ -149,8 +149,12 @@ const StyledFormMandatoryFields = styled_components_1.default.div `
149
149
  flex-direction: column;
150
150
  align-items: center;
151
151
  `;
152
- const ScaleOption = styled_components_1.default.div `
152
+ const ScaleOption = styled_components_1.default.button.attrs(() => ({
153
+ type: 'button',
154
+ })) `
153
155
  cursor: pointer;
156
+ font-size: var(--font-size-base);
157
+ border: none;
154
158
  border-radius: 6px;
155
159
  background: var(--bg-overlay);
156
160
  display: flex;
package/lib/components/Feedback/Sentiment.js CHANGED
@@ -118,9 +118,14 @@ const Label = styled_components_1.default.h4 `
118
118
  color: var(--h4-text-color);
119
119
  margin-right: 15px;
120
120
  `;
121
- const Vote = styled_components_1.default.div `
121
+ const Vote = styled_components_1.default.button.attrs(() => ({
122
+ type: 'button',
123
+ })) `
122
124
  height: 32px;
123
125
  width: 32px;
126
+ padding: 0;
127
+ border: none;
128
+ background-color: transparent;
124
129
  cursor: pointer;
125
130
  display: flex;
126
131
  align-items: center;
package/lib/components/Feedback/Stars.js CHANGED
@@ -47,8 +47,13 @@ const StarsWrapper = styled_components_1.default.div `
47
47
  flex-direction: row;
48
48
  align-items: center;
49
49
  `;
50
- const Star = styled_components_1.default.span `
50
+ const Star = styled_components_1.default.button.attrs(() => ({
51
+ type: 'button',
52
+ })) `
51
53
  cursor: pointer;
54
+ padding: 0;
55
+ border: none;
56
+ background-color: transparent;
52
57
  gap: 8px;
53
58
  `;
54
59
  //# sourceMappingURL=Stars.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redocly/theme",
3
- "version": "0.31.0",
3
+ "version": "0.31.1",
4
4
  "description": "Shared UI components lib",
5
5
  "keywords": [
6
6
  "theme",
package/src/components/Feedback/Mood.tsx CHANGED
@@ -186,10 +186,15 @@ const Label = styled.h4`
186
186
  margin-right: 15px;
187
187
  `;
188
188
 
189
- const Vote = styled.div`
189
+ const Vote = styled.button.attrs(() => ({
190
+ type: 'button',
191
+ }))`
190
192
  cursor: pointer;
191
193
  margin: 0 10px;
194
+ padding: 0;
195
+ border: none;
192
196
  color: var(--text-description);
197
+ background-color: transparent;
193
198
  &.active {
194
199
  color: var(--text-primary);
195
200
  }
package/src/components/Feedback/Scale.tsx CHANGED
@@ -194,8 +194,12 @@ const StyledFormMandatoryFields = styled.div`
194
194
  align-items: center;
195
195
  `;
196
196
 
197
- const ScaleOption = styled.div`
197
+ const ScaleOption = styled.button.attrs(() => ({
198
+ type: 'button',
199
+ }))`
198
200
  cursor: pointer;
201
+ font-size: var(--font-size-base);
202
+ border: none;
199
203
  border-radius: 6px;
200
204
  background: var(--bg-overlay);
201
205
  display: flex;
package/src/components/Feedback/Sentiment.tsx CHANGED
@@ -143,9 +143,14 @@ const Label = styled.h4`
143
143
  margin-right: 15px;
144
144
  `;
145
145
 
146
- const Vote = styled.div`
146
+ const Vote = styled.button.attrs(() => ({
147
+ type: 'button',
148
+ }))`
147
149
  height: 32px;
148
150
  width: 32px;
151
+ padding: 0;
152
+ border: none;
153
+ background-color: transparent;
149
154
  cursor: pointer;
150
155
  display: flex;
151
156
  align-items: center;
package/src/components/Feedback/Stars.tsx CHANGED
@@ -45,7 +45,12 @@ const StarsWrapper = styled.div`
45
45
  align-items: center;
46
46
  `;
47
47
 
48
- const Star = styled.span`
48
+ const Star = styled.button.attrs(() => ({
49
+ type: 'button',
50
+ }))`
49
51
  cursor: pointer;
52
+ padding: 0;
53
+ border: none;
54
+ background-color: transparent;
50
55
  gap: 8px;
51
56
  `;