@manuscripts/style-guide 3.7.3 → 3.8.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.
Files changed (5) hide show
  1. package/dist/cjs/components/Button.js +1 -4
  2. package/dist/cjs/components/SelectField.js +1 -1
  3. package/dist/es/components/Button.js +1 -4
  4. package/dist/es/components/SelectField.js +1 -1
  5. package/package.json +1 -1
package/dist/cjs/components/Button.js CHANGED
@@ -305,10 +305,7 @@ exports.ButtonGroup = styled_components_1.default.div `
305
305
  display: flex;
306
306
  justify-content: flex-end;
307
307
  align-items: center;
308
-
309
- button:not(:first-child) {
310
- margin-left: ${(props) => props.theme.grid.unit}px;
311
- }
308
+ gap: ${(props) => props.theme.grid.unit * 2}px;
312
309
  `;
313
310
  exports.IconButtonGroup = styled_components_1.default.div `
314
311
  display: flex;
package/dist/cjs/components/SelectField.js CHANGED
@@ -34,7 +34,7 @@ const selectStyles = (theme, error, variant, listMaxHeight) => ({
34
34
  : theme.colors.text.greyMuted || theme.colors.text.secondary,
35
35
  backgroundColor: !state.isDisabled ? '#F2FBFC' : 'transparent',
36
36
  },
37
- padding: state.isFocused ? '0 1px 0 7px' : '0 2px 0 8px',
37
+ padding: state.isFocused ? '0 1px 0 7px' : '1px 2px 1px 8px',
38
38
  backgroundColor: state.isDisabled
39
39
  ? '#F5F5F5'
40
40
  : state.isFocused
package/dist/es/components/Button.js CHANGED
@@ -269,10 +269,7 @@ export const ButtonGroup = styled.div `
269
269
  display: flex;
270
270
  justify-content: flex-end;
271
271
  align-items: center;
272
-
273
- button:not(:first-child) {
274
- margin-left: ${(props) => props.theme.grid.unit}px;
275
- }
272
+ gap: ${(props) => props.theme.grid.unit * 2}px;
276
273
  `;
277
274
  export const IconButtonGroup = styled.div `
278
275
  display: flex;
package/dist/es/components/SelectField.js CHANGED
@@ -28,7 +28,7 @@ const selectStyles = (theme, error, variant, listMaxHeight) => ({
28
28
  : theme.colors.text.greyMuted || theme.colors.text.secondary,
29
29
  backgroundColor: !state.isDisabled ? '#F2FBFC' : 'transparent',
30
30
  },
31
- padding: state.isFocused ? '0 1px 0 7px' : '0 2px 0 8px',
31
+ padding: state.isFocused ? '0 1px 0 7px' : '1px 2px 1px 8px',
32
32
  backgroundColor: state.isDisabled
33
33
  ? '#F5F5F5'
34
34
  : state.isFocused
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@manuscripts/style-guide",
3
3
  "description": "Shared components for Manuscripts applications",
4
- "version": "3.7.3",
4
+ "version": "3.8.0",
5
5
  "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
6
6
  "license": "Apache-2.0",
7
7
  "main": "dist/cjs",