@aurora-ds/components 0.17.5 → 0.17.6

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/dist/cjs/index.js CHANGED
@@ -843,7 +843,7 @@ const INPUT_STYLES = theme.createStyles((theme) => ({
843
843
  },
844
844
  endIcon: {
845
845
  position: 'absolute',
846
- right: theme.spacing.md,
846
+ right: theme.spacing.sm,
847
847
  top: '50%',
848
848
  transform: 'translateY(-50%)',
849
849
  zIndex: 1,
@@ -857,7 +857,7 @@ const INPUT_STYLES = theme.createStyles((theme) => ({
857
857
  },
858
858
  passwordToggle: {
859
859
  position: 'absolute',
860
- right: theme.spacing.sm,
860
+ right: theme.spacing.xs,
861
861
  top: '50%',
862
862
  transform: 'translateY(-50%)',
863
863
  zIndex: 2,
@@ -867,7 +867,7 @@ const INPUT_STYLES = theme.createStyles((theme) => ({
867
867
  width: '100%',
868
868
  padding: `${theme.spacing.sm} ${theme.spacing.md}`,
869
869
  paddingLeft: hasStartIcon ? `calc(${theme.spacing.md} + 1.5rem)` : theme.spacing.md,
870
- paddingRight: `calc(${theme.spacing.md} + ${hasEndIcon ? '1.5rem' : '0px'} + ${hasPasswordToggle ? '1.5rem' : '0px'})`,
870
+ paddingRight: `calc(${theme.spacing.sm} + ${hasEndIcon ? '1.5rem' : '0px'} + ${hasPasswordToggle ? '1.5rem' : '0px'} + ${hasEndIcon && hasPasswordToggle ? theme.spacing.xs : '0px'})`,
871
871
  border: `1px solid ${theme.colors.border}`,
872
872
  borderRadius: theme.radius.md,
873
873
  fontSize: theme.fontSize.sm,
@@ -1079,7 +1079,7 @@ const SELECT_STYLES = theme.createStyles((theme) => ({
1079
1079
  outline: 'none',
1080
1080
  minHeight: BUTTON_SIZE,
1081
1081
  maxHeight: BUTTON_SIZE,
1082
- gap: theme.spacing.md,
1082
+ gap: theme.spacing.lg,
1083
1083
  lineHeight: theme.lineHeight.none,
1084
1084
  textOverflow: 'ellipsis',
1085
1085
  overflow: 'hidden',
@@ -1735,8 +1735,8 @@ const DATE_PICKER_STYLES = theme.createStyles((theme) => ({
1735
1735
  input: {
1736
1736
  boxSizing: 'border-box',
1737
1737
  width: '100%',
1738
- padding: `${theme.spacing.xs} ${theme.spacing.sm}`,
1739
- paddingRight: '2.5rem',
1738
+ padding: `${theme.spacing.sm} ${theme.spacing.md}`,
1739
+ paddingRight: `calc(${theme.spacing.sm} + 1.5rem)`,
1740
1740
  border: `1px solid ${theme.colors.border}`,
1741
1741
  borderRadius: theme.radius.md,
1742
1742
  fontSize: theme.fontSize.sm,