@elliemae/ds-stepper 2.1.0-rc.1 → 2.1.0-rc.10

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 (3) hide show
  1. package/cjs/styled.js +3 -3
  2. package/esm/styled.js +3 -3
  3. package/package.json +5 -5
package/cjs/styled.js CHANGED
@@ -12,16 +12,16 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
12
12
 
13
13
  const StepperWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
14
14
  componentId: "sc-fgtqnq-0"
15
- })(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.theme.space.xxs);
15
+ })(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
16
16
  const Step = /*#__PURE__*/styled__default["default"].div.withConfig({
17
17
  componentId: "sc-fgtqnq-1"
18
- })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : props.theme.colors.neutral[400]);
18
+ })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
19
19
  const Label = /*#__PURE__*/styled__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText).withConfig({
20
20
  componentId: "sc-fgtqnq-2"
21
21
  })(["position:relative;top:1px;"]);
22
22
  const StyledButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
23
23
  componentId: "sc-fgtqnq-3"
24
- })(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
24
+ })(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
25
25
 
26
26
  exports.Label = Label;
27
27
  exports.Step = Step;
package/esm/styled.js CHANGED
@@ -4,15 +4,15 @@ import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text'
4
4
 
5
5
  const StepperWrapper = /*#__PURE__*/styled.div.withConfig({
6
6
  componentId: "sc-fgtqnq-0"
7
- })(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.theme.space.xxs);
7
+ })(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
8
8
  const Step = /*#__PURE__*/styled.div.withConfig({
9
9
  componentId: "sc-fgtqnq-1"
10
- })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : props.theme.colors.neutral[400]);
10
+ })(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
11
11
  const Label = /*#__PURE__*/styled(SimpleTruncatedTooltipText).withConfig({
12
12
  componentId: "sc-fgtqnq-2"
13
13
  })(["position:relative;top:1px;"]);
14
14
  const StyledButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
15
15
  componentId: "sc-fgtqnq-3"
16
- })(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
16
+ })(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
17
17
 
18
18
  export { Label, Step, StepperWrapper, StyledButton };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-stepper",
3
- "version": "2.1.0-rc.1",
3
+ "version": "2.1.0-rc.10",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Stepper",
6
6
  "module": "./esm/index.js",
@@ -48,10 +48,10 @@
48
48
  "build": "node ../../scripts/build/build.js"
49
49
  },
50
50
  "dependencies": {
51
- "@elliemae/ds-button": "2.1.0-rc.1",
52
- "@elliemae/ds-icons": "2.1.0-rc.1",
53
- "@elliemae/ds-props-helpers": "2.1.0-rc.1",
54
- "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.1",
51
+ "@elliemae/ds-button": "2.1.0-rc.10",
52
+ "@elliemae/ds-icons": "2.1.0-rc.10",
53
+ "@elliemae/ds-props-helpers": "2.1.0-rc.10",
54
+ "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.10",
55
55
  "react-desc": "~4.1.3",
56
56
  "uid": "~2.0.0"
57
57
  },