@redocly/theme 0.38.8 → 0.39.0
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/lib/components/Button/Button.js +0 -7
- package/lib/components/Button/variables.js +1 -1
- package/lib/components/Feedback/Comment.js +1 -0
- package/lib/components/Feedback/Mood.js +2 -0
- package/lib/components/Feedback/Rating.js +1 -0
- package/lib/components/Feedback/Scale.js +1 -0
- package/lib/components/Feedback/Sentiment.js +1 -0
- package/lib/components/Menu/MenuMobile.js +1 -0
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +0 -7
- package/src/components/Button/variables.ts +1 -1
- package/src/components/Feedback/Comment.tsx +1 -0
- package/src/components/Feedback/Mood.tsx +2 -0
- package/src/components/Feedback/Rating.tsx +1 -0
- package/src/components/Feedback/Scale.tsx +1 -0
- package/src/components/Feedback/Sentiment.tsx +1 -0
- package/src/components/Menu/MenuMobile.tsx +1 -0
|
@@ -47,9 +47,6 @@ const getBlink = () => (0, styled_components_1.keyframes) `
|
|
|
47
47
|
`;
|
|
48
48
|
const StyledButtonLink = (0, styled_components_1.default)(Link_1.Link) `
|
|
49
49
|
text-decoration: none;
|
|
50
|
-
& + & {
|
|
51
|
-
margin-left: var(--spacing-xs);
|
|
52
|
-
}
|
|
53
50
|
&:focus-visible {
|
|
54
51
|
outline: 1px solid var(--button-border-color-focused);
|
|
55
52
|
}
|
|
@@ -142,10 +139,6 @@ const StyledButton = styled_components_1.default.button.attrs((props) => ({
|
|
|
142
139
|
border-width: var(--button-border-width-disabled);
|
|
143
140
|
}
|
|
144
141
|
|
|
145
|
-
& + & {
|
|
146
|
-
margin-left: var(--spacing-xs);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
142
|
${({ variant, size }) => (variant === 'link' || variant === 'ghost') &&
|
|
150
143
|
size === 'small' &&
|
|
151
144
|
(0, styled_components_1.css) `
|
|
@@ -137,7 +137,7 @@ exports.button = (0, styled_components_1.css) `
|
|
|
137
137
|
--button-content-color-danger: var(--button-content-color-inverse);
|
|
138
138
|
--button-content-color-danger-hover: var(--button-content-color-inverse);
|
|
139
139
|
--button-content-color-danger-pressed: var(--button-content-color-inverse);
|
|
140
|
-
--button-border-width-disabled:
|
|
140
|
+
--button-border-width-disabled: 0px;
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
.button-variant-secondary {
|
|
@@ -151,6 +151,7 @@ const Label = styled_components_1.default.h4 `
|
|
|
151
151
|
const ButtonsContainer = styled_components_1.default.div `
|
|
152
152
|
display: flex;
|
|
153
153
|
justify-content: end;
|
|
154
|
+
gap: var(--spacing-xxs);
|
|
154
155
|
`;
|
|
155
156
|
const StyledForm = styled_components_1.default.form `
|
|
156
157
|
width: 100%;
|
|
@@ -175,5 +176,6 @@ const StyledFormMandatoryFields = styled_components_1.default.div `
|
|
|
175
176
|
const StyledMandatoryFieldContainer = styled_components_1.default.div `
|
|
176
177
|
display: flex;
|
|
177
178
|
align-items: center;
|
|
179
|
+
gap: var(--spacing-xxs);
|
|
178
180
|
`;
|
|
179
181
|
//# sourceMappingURL=Mood.js.map
|
|
@@ -140,6 +140,7 @@ const ButtonsContainer = styled_components_1.default.div `
|
|
|
140
140
|
display: flex;
|
|
141
141
|
justify-content: end;
|
|
142
142
|
margin-bottom: var(--spacing-xxs);
|
|
143
|
+
gap: var(--spacing-xxs);
|
|
143
144
|
`;
|
|
144
145
|
const StyledFormOptionalFields = styled_components_1.default.div `
|
|
145
146
|
display: flex;
|
|
@@ -101,6 +101,7 @@ const ButtonsSection = styled_components_1.default.div `
|
|
|
101
101
|
padding: var(--spacing-xs);
|
|
102
102
|
margin: 0 0 var(--spacing-sm) 0;
|
|
103
103
|
background: var(--layer-color);
|
|
104
|
+
gap: var(--spacing-xs);
|
|
104
105
|
${({ alignRight }) => alignRight && 'justify-content: flex-end'};
|
|
105
106
|
`;
|
|
106
107
|
const MenuWrapper = styled_components_1.default.div `
|
package/package.json
CHANGED
|
@@ -52,9 +52,6 @@ const getBlink = (): Keyframes => keyframes`
|
|
|
52
52
|
|
|
53
53
|
const StyledButtonLink = styled(Link)`
|
|
54
54
|
text-decoration: none;
|
|
55
|
-
& + & {
|
|
56
|
-
margin-left: var(--spacing-xs);
|
|
57
|
-
}
|
|
58
55
|
&:focus-visible {
|
|
59
56
|
outline: 1px solid var(--button-border-color-focused);
|
|
60
57
|
}
|
|
@@ -155,10 +152,6 @@ const StyledButton = styled.button.attrs((props: ButtonProps) => ({
|
|
|
155
152
|
border-width: var(--button-border-width-disabled);
|
|
156
153
|
}
|
|
157
154
|
|
|
158
|
-
& + & {
|
|
159
|
-
margin-left: var(--spacing-xs);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
155
|
${({ variant, size }) =>
|
|
163
156
|
(variant === 'link' || variant === 'ghost') &&
|
|
164
157
|
size === 'small' &&
|
|
@@ -135,7 +135,7 @@ export const button = css`
|
|
|
135
135
|
--button-content-color-danger: var(--button-content-color-inverse);
|
|
136
136
|
--button-content-color-danger-hover: var(--button-content-color-inverse);
|
|
137
137
|
--button-content-color-danger-pressed: var(--button-content-color-inverse);
|
|
138
|
-
--button-border-width-disabled:
|
|
138
|
+
--button-border-width-disabled: 0px;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
.button-variant-secondary {
|
|
@@ -221,6 +221,7 @@ const Label = styled.h4`
|
|
|
221
221
|
const ButtonsContainer = styled.div`
|
|
222
222
|
display: flex;
|
|
223
223
|
justify-content: end;
|
|
224
|
+
gap: var(--spacing-xxs);
|
|
224
225
|
`;
|
|
225
226
|
|
|
226
227
|
const StyledForm = styled.form`
|
|
@@ -249,4 +250,5 @@ const StyledFormMandatoryFields = styled.div`
|
|
|
249
250
|
const StyledMandatoryFieldContainer = styled.div`
|
|
250
251
|
display: flex;
|
|
251
252
|
align-items: center;
|
|
253
|
+
gap: var(--spacing-xxs);
|
|
252
254
|
`;
|
|
@@ -126,6 +126,7 @@ const ButtonsSection = styled.div<{ alignRight: boolean }>`
|
|
|
126
126
|
padding: var(--spacing-xs);
|
|
127
127
|
margin: 0 0 var(--spacing-sm) 0;
|
|
128
128
|
background: var(--layer-color);
|
|
129
|
+
gap: var(--spacing-xs);
|
|
129
130
|
${({ alignRight }) => alignRight && 'justify-content: flex-end'};
|
|
130
131
|
`;
|
|
131
132
|
|