@elliemae/ds-stepper 2.0.2 → 2.1.0-rc.3

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/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.0.2",
3
+ "version": "2.1.0-rc.3",
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.0.2",
52
- "@elliemae/ds-icons": "2.0.2",
53
- "@elliemae/ds-props-helpers": "2.0.2",
54
- "@elliemae/ds-truncated-tooltip-text": "2.0.2",
51
+ "@elliemae/ds-button": "2.1.0-rc.3",
52
+ "@elliemae/ds-icons": "2.1.0-rc.3",
53
+ "@elliemae/ds-props-helpers": "2.1.0-rc.3",
54
+ "@elliemae/ds-truncated-tooltip-text": "2.1.0-rc.3",
55
55
  "react-desc": "~4.1.3",
56
56
  "uid": "~2.0.0"
57
57
  },
@@ -4,14 +4,14 @@ import { DSStepperInternalsT } from './props';
4
4
  declare const DSStepper: {
5
5
  (props: DSStepperInternalsT.StepperPropsT): JSX.Element;
6
6
  propTypes: {
7
- steps: import("react-desc").PropTypesDescValidator;
7
+ steps: import("react-desc").PropTypesDescValue;
8
8
  current: {
9
- defaultValue<T = unknown>(arg: T): {
9
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
10
10
  deprecated: import("react-desc").PropTypesDescValidator;
11
11
  };
12
- isRequired: import("react-desc").PropTypesDescValidator;
12
+ isRequired: import("react-desc").PropTypesDescValue;
13
13
  };
14
- visited: import("react-desc").PropTypesDescValidator;
14
+ visited: import("react-desc").PropTypesDescValue;
15
15
  };
16
16
  };
17
17
  declare const StepperWithSchema: {
@@ -10,33 +10,33 @@ declare const DSStepperButton: {
10
10
  fontSize: {
11
11
  deprecated: import("react-desc").PropTypesDescValidator;
12
12
  };
13
- label: import("react-desc").PropTypesDescValidator;
13
+ label: import("react-desc").PropTypesDescValue;
14
14
  disabled: {
15
- defaultValue<T = unknown>(arg: T): {
15
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
16
16
  deprecated: import("react-desc").PropTypesDescValidator;
17
17
  };
18
- isRequired: import("react-desc").PropTypesDescValidator;
18
+ isRequired: import("react-desc").PropTypesDescValue;
19
19
  };
20
20
  onClick: {
21
21
  deprecated: import("react-desc").PropTypesDescValidator;
22
22
  };
23
23
  innerRef: {
24
- defaultValue<T = unknown>(arg: T): {
24
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
25
25
  deprecated: import("react-desc").PropTypesDescValidator;
26
26
  };
27
- isRequired: import("react-desc").PropTypesDescValidator;
27
+ isRequired: import("react-desc").PropTypesDescValue;
28
28
  };
29
29
  'aria-': {
30
- defaultValue<T = unknown>(arg: T): {
30
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
31
31
  deprecated: import("react-desc").PropTypesDescValidator;
32
32
  };
33
- isRequired: import("react-desc").PropTypesDescValidator;
33
+ isRequired: import("react-desc").PropTypesDescValue;
34
34
  };
35
35
  'data-': {
36
- defaultValue<T = unknown>(arg: T): {
36
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
37
37
  deprecated: import("react-desc").PropTypesDescValidator;
38
38
  };
39
- isRequired: import("react-desc").PropTypesDescValidator;
39
+ isRequired: import("react-desc").PropTypesDescValue;
40
40
  };
41
41
  };
42
42
  };
package/types/props.d.ts CHANGED
@@ -36,14 +36,14 @@ export declare const defaultProps: {
36
36
  visited: never[];
37
37
  };
38
38
  export declare const dsStepperProps: {
39
- steps: import("react-desc").PropTypesDescValidator;
39
+ steps: import("react-desc").PropTypesDescValue;
40
40
  current: {
41
- defaultValue<T = unknown>(arg: T): {
41
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
42
42
  deprecated: import("react-desc").PropTypesDescValidator;
43
43
  };
44
- isRequired: import("react-desc").PropTypesDescValidator;
44
+ isRequired: import("react-desc").PropTypesDescValue;
45
45
  };
46
- visited: import("react-desc").PropTypesDescValidator;
46
+ visited: import("react-desc").PropTypesDescValue;
47
47
  };
48
48
  export declare const defaultButtonProps: {
49
49
  chevron: undefined;
@@ -58,33 +58,33 @@ export declare const dsStepperButtonProps: {
58
58
  fontSize: {
59
59
  deprecated: import("react-desc").PropTypesDescValidator;
60
60
  };
61
- label: import("react-desc").PropTypesDescValidator;
61
+ label: import("react-desc").PropTypesDescValue;
62
62
  disabled: {
63
- defaultValue<T = unknown>(arg: T): {
63
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
64
64
  deprecated: import("react-desc").PropTypesDescValidator;
65
65
  };
66
- isRequired: import("react-desc").PropTypesDescValidator;
66
+ isRequired: import("react-desc").PropTypesDescValue;
67
67
  };
68
68
  onClick: {
69
69
  deprecated: import("react-desc").PropTypesDescValidator;
70
70
  };
71
71
  innerRef: {
72
- defaultValue<T = unknown>(arg: T): {
72
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
73
73
  deprecated: import("react-desc").PropTypesDescValidator;
74
74
  };
75
- isRequired: import("react-desc").PropTypesDescValidator;
75
+ isRequired: import("react-desc").PropTypesDescValue;
76
76
  };
77
77
  'aria-': {
78
- defaultValue<T = unknown>(arg: T): {
78
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
79
79
  deprecated: import("react-desc").PropTypesDescValidator;
80
80
  };
81
- isRequired: import("react-desc").PropTypesDescValidator;
81
+ isRequired: import("react-desc").PropTypesDescValue;
82
82
  };
83
83
  'data-': {
84
- defaultValue<T = unknown>(arg: T): {
84
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
85
85
  deprecated: import("react-desc").PropTypesDescValidator;
86
86
  };
87
- isRequired: import("react-desc").PropTypesDescValidator;
87
+ isRequired: import("react-desc").PropTypesDescValue;
88
88
  };
89
89
  };
90
90
  export {};