@digigov/react-experimental 2.0.0-rc.13 → 2.0.0-rc.14

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 (11) hide show
  1. package/index.js +1 -1
  2. package/package.json +5 -5
  3. package/FloatingButton/__snapshots__/index.test.tsx.snap +0 -65
  4. package/OptionButtonBase/__snapshots__/index.test.tsx.snap +0 -50
  5. package/OptionButtonSteps/__snapshots__/index.test.tsx.snap +0 -158
  6. package/cjs/FloatingButton/__snapshots__/index.test.tsx.snap +0 -65
  7. package/cjs/OptionButtonBase/__snapshots__/index.test.tsx.snap +0 -50
  8. package/cjs/OptionButtonSteps/__snapshots__/index.test.tsx.snap +0 -158
  9. package/src/FloatingButton/__snapshots__/index.test.tsx.snap +0 -65
  10. package/src/OptionButtonBase/__snapshots__/index.test.tsx.snap +0 -50
  11. package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap +0 -158
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v2.0.0-rc.13
1
+ /** @license Digigov v2.0.0-rc.14
2
2
  *
3
3
  * This source code is licensed under the BSD-2-Clause license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,16 +1,16 @@
1
1
  {
2
2
  "name": "@digigov/react-experimental",
3
- "version": "2.0.0-rc.13",
3
+ "version": "2.0.0-rc.14",
4
4
  "description": "@digigov react experimental components",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "BSD-2-Clause",
7
7
  "main": "./cjs/index.js",
8
8
  "module": "./index.js",
9
9
  "peerDependencies": {
10
- "@digigov/css": "2.0.0-rc.13",
11
- "@digigov/react-icons": "2.0.0-rc.13",
12
- "@digigov/ui": "2.0.0-rc.13",
13
- "@digigov/react-core": "2.0.0-rc.13",
10
+ "@digigov/css": "2.0.0-rc.14",
11
+ "@digigov/react-icons": "2.0.0-rc.14",
12
+ "@digigov/ui": "2.0.0-rc.14",
13
+ "@digigov/react-core": "2.0.0-rc.14",
14
14
  "clsx": "1.1.1",
15
15
  "react": "^16.8.0 || ^17.0.0",
16
16
  "react-dom": "^16.8.0 || ^17.0.0"
package/FloatingButton/__snapshots__/index.test.tsx.snap DELETED
@@ -1,65 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the FloatingButton with direction="left" 1`] = `
4
- <ForwardRef(FloatingButton)
5
- direction="left"
6
- >
7
- <ForwardRef(Button)
8
- className="ds-floating-btn--left ds-floating-btn"
9
- >
10
- <ForwardRef(Base)
11
- as="button"
12
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
- printHidden={true}
14
- >
15
- <button
16
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
- >
18
- +
19
- </button>
20
- </ForwardRef(Base)>
21
- </ForwardRef(Button)>
22
- </ForwardRef(FloatingButton)>
23
- `;
24
-
25
- exports[`renders the FloatingButton with direction="right" 1`] = `
26
- <ForwardRef(FloatingButton)
27
- direction="right"
28
- >
29
- <ForwardRef(Button)
30
- className="ds-floating-btn--right ds-floating-btn"
31
- >
32
- <ForwardRef(Base)
33
- as="button"
34
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
- printHidden={true}
36
- >
37
- <button
38
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
- >
40
- +
41
- </button>
42
- </ForwardRef(Base)>
43
- </ForwardRef(Button)>
44
- </ForwardRef(FloatingButton)>
45
- `;
46
-
47
- exports[`renders the FloatingButton with no props 1`] = `
48
- <ForwardRef(FloatingButton)>
49
- <ForwardRef(Button)
50
- className="ds-floating-btn--right ds-floating-btn"
51
- >
52
- <ForwardRef(Base)
53
- as="button"
54
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
- printHidden={true}
56
- >
57
- <button
58
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
- >
60
- +
61
- </button>
62
- </ForwardRef(Base)>
63
- </ForwardRef(Button)>
64
- </ForwardRef(FloatingButton)>
65
- `;
package/OptionButtonBase/__snapshots__/index.test.tsx.snap DELETED
@@ -1,50 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonBase with selected=false 1`] = `
4
- <ForwardRef(OptionButtonBase)
5
- selected={false}
6
- >
7
- <ForwardRef(Base)
8
- as="button"
9
- className="ds-btn ds-option-btn"
10
- >
11
- <button
12
- className="ds-btn ds-option-btn"
13
- >
14
- +
15
- </button>
16
- </ForwardRef(Base)>
17
- </ForwardRef(OptionButtonBase)>
18
- `;
19
-
20
- exports[`renders the OptionButtonBase with selected=true 1`] = `
21
- <ForwardRef(OptionButtonBase)
22
- selected={true}
23
- >
24
- <ForwardRef(Base)
25
- as="button"
26
- className="ds-option-btn--selected ds-btn ds-option-btn"
27
- >
28
- <button
29
- className="ds-option-btn--selected ds-btn ds-option-btn"
30
- >
31
- +
32
- </button>
33
- </ForwardRef(Base)>
34
- </ForwardRef(OptionButtonBase)>
35
- `;
36
-
37
- exports[`renders the OptionButtonBase with no props 1`] = `
38
- <ForwardRef(OptionButtonBase)>
39
- <ForwardRef(Base)
40
- as="button"
41
- className="ds-btn ds-option-btn"
42
- >
43
- <button
44
- className="ds-btn ds-option-btn"
45
- >
46
- +
47
- </button>
48
- </ForwardRef(Base)>
49
- </ForwardRef(OptionButtonBase)>
50
- `;
package/OptionButtonSteps/__snapshots__/index.test.tsx.snap DELETED
@@ -1,158 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
- <ForwardRef(OptionButtonSteps)
5
- activeStep={1}
6
- >
7
- <ForwardRef(Base)
8
- as="div"
9
- className="ds-option-btn__steps"
10
- >
11
- <div
12
- className="ds-option-btn__steps"
13
- />
14
- </ForwardRef(Base)>
15
- </ForwardRef(OptionButtonSteps)>
16
- `;
17
-
18
- exports[`renders the OptionButtonSteps with no props 1`] = `
19
- <ForwardRef(OptionButtonSteps)>
20
- <ForwardRef(Base)
21
- as="div"
22
- className="ds-option-btn__steps"
23
- >
24
- <div
25
- className="ds-option-btn__steps"
26
- />
27
- </ForwardRef(Base)>
28
- </ForwardRef(OptionButtonSteps)>
29
- `;
30
-
31
- exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
- <ForwardRef(OptionButtonSteps)
33
- steps={3}
34
- >
35
- <ForwardRef(Base)
36
- as="div"
37
- className="ds-option-btn__steps"
38
- >
39
- <div
40
- className="ds-option-btn__steps"
41
- >
42
- <ForwardRef(Base)
43
- as="div"
44
- className="ds-option-btn__step"
45
- >
46
- <div
47
- className="ds-option-btn__step"
48
- />
49
- </ForwardRef(Base)>
50
- <ForwardRef(Base)
51
- as="div"
52
- className="ds-option-btn__step"
53
- >
54
- <div
55
- className="ds-option-btn__step"
56
- />
57
- </ForwardRef(Base)>
58
- <ForwardRef(Base)
59
- as="div"
60
- className="ds-option-btn__step"
61
- >
62
- <div
63
- className="ds-option-btn__step"
64
- />
65
- </ForwardRef(Base)>
66
- </div>
67
- </ForwardRef(Base)>
68
- </ForwardRef(OptionButtonSteps)>
69
- `;
70
-
71
- exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
- <ForwardRef(OptionButtonSteps)
73
- activeStep={1}
74
- steps={3}
75
- >
76
- <ForwardRef(Base)
77
- as="div"
78
- className="ds-option-btn__steps"
79
- >
80
- <div
81
- className="ds-option-btn__steps"
82
- >
83
- <ForwardRef(Base)
84
- as="div"
85
- className="ds-option-btn__step--active ds-option-btn__step"
86
- >
87
- <div
88
- className="ds-option-btn__step--active ds-option-btn__step"
89
- />
90
- </ForwardRef(Base)>
91
- <ForwardRef(Base)
92
- as="div"
93
- className="ds-option-btn__step"
94
- >
95
- <div
96
- className="ds-option-btn__step"
97
- />
98
- </ForwardRef(Base)>
99
- <ForwardRef(Base)
100
- as="div"
101
- className="ds-option-btn__step"
102
- >
103
- <div
104
- className="ds-option-btn__step"
105
- />
106
- </ForwardRef(Base)>
107
- </div>
108
- </ForwardRef(Base)>
109
- </ForwardRef(OptionButtonSteps)>
110
- `;
111
-
112
- exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
- <ForwardRef(OptionButtonSteps)
114
- steps={4}
115
- >
116
- <ForwardRef(Base)
117
- as="div"
118
- className="ds-option-btn__steps"
119
- >
120
- <div
121
- className="ds-option-btn__steps"
122
- >
123
- <ForwardRef(Base)
124
- as="div"
125
- className="ds-option-btn__step"
126
- >
127
- <div
128
- className="ds-option-btn__step"
129
- />
130
- </ForwardRef(Base)>
131
- <ForwardRef(Base)
132
- as="div"
133
- className="ds-option-btn__step"
134
- >
135
- <div
136
- className="ds-option-btn__step"
137
- />
138
- </ForwardRef(Base)>
139
- <ForwardRef(Base)
140
- as="div"
141
- className="ds-option-btn__step"
142
- >
143
- <div
144
- className="ds-option-btn__step"
145
- />
146
- </ForwardRef(Base)>
147
- <ForwardRef(Base)
148
- as="div"
149
- className="ds-option-btn__step"
150
- >
151
- <div
152
- className="ds-option-btn__step"
153
- />
154
- </ForwardRef(Base)>
155
- </div>
156
- </ForwardRef(Base)>
157
- </ForwardRef(OptionButtonSteps)>
158
- `;
package/cjs/FloatingButton/__snapshots__/index.test.tsx.snap DELETED
@@ -1,65 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the FloatingButton with direction="left" 1`] = `
4
- <ForwardRef(FloatingButton)
5
- direction="left"
6
- >
7
- <ForwardRef(Button)
8
- className="ds-floating-btn--left ds-floating-btn"
9
- >
10
- <ForwardRef(Base)
11
- as="button"
12
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
- printHidden={true}
14
- >
15
- <button
16
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
- >
18
- +
19
- </button>
20
- </ForwardRef(Base)>
21
- </ForwardRef(Button)>
22
- </ForwardRef(FloatingButton)>
23
- `;
24
-
25
- exports[`renders the FloatingButton with direction="right" 1`] = `
26
- <ForwardRef(FloatingButton)
27
- direction="right"
28
- >
29
- <ForwardRef(Button)
30
- className="ds-floating-btn--right ds-floating-btn"
31
- >
32
- <ForwardRef(Base)
33
- as="button"
34
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
- printHidden={true}
36
- >
37
- <button
38
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
- >
40
- +
41
- </button>
42
- </ForwardRef(Base)>
43
- </ForwardRef(Button)>
44
- </ForwardRef(FloatingButton)>
45
- `;
46
-
47
- exports[`renders the FloatingButton with no props 1`] = `
48
- <ForwardRef(FloatingButton)>
49
- <ForwardRef(Button)
50
- className="ds-floating-btn--right ds-floating-btn"
51
- >
52
- <ForwardRef(Base)
53
- as="button"
54
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
- printHidden={true}
56
- >
57
- <button
58
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
- >
60
- +
61
- </button>
62
- </ForwardRef(Base)>
63
- </ForwardRef(Button)>
64
- </ForwardRef(FloatingButton)>
65
- `;
package/cjs/OptionButtonBase/__snapshots__/index.test.tsx.snap DELETED
@@ -1,50 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonBase with selected=false 1`] = `
4
- <ForwardRef(OptionButtonBase)
5
- selected={false}
6
- >
7
- <ForwardRef(Base)
8
- as="button"
9
- className="ds-btn ds-option-btn"
10
- >
11
- <button
12
- className="ds-btn ds-option-btn"
13
- >
14
- +
15
- </button>
16
- </ForwardRef(Base)>
17
- </ForwardRef(OptionButtonBase)>
18
- `;
19
-
20
- exports[`renders the OptionButtonBase with selected=true 1`] = `
21
- <ForwardRef(OptionButtonBase)
22
- selected={true}
23
- >
24
- <ForwardRef(Base)
25
- as="button"
26
- className="ds-option-btn--selected ds-btn ds-option-btn"
27
- >
28
- <button
29
- className="ds-option-btn--selected ds-btn ds-option-btn"
30
- >
31
- +
32
- </button>
33
- </ForwardRef(Base)>
34
- </ForwardRef(OptionButtonBase)>
35
- `;
36
-
37
- exports[`renders the OptionButtonBase with no props 1`] = `
38
- <ForwardRef(OptionButtonBase)>
39
- <ForwardRef(Base)
40
- as="button"
41
- className="ds-btn ds-option-btn"
42
- >
43
- <button
44
- className="ds-btn ds-option-btn"
45
- >
46
- +
47
- </button>
48
- </ForwardRef(Base)>
49
- </ForwardRef(OptionButtonBase)>
50
- `;
package/cjs/OptionButtonSteps/__snapshots__/index.test.tsx.snap DELETED
@@ -1,158 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
- <ForwardRef(OptionButtonSteps)
5
- activeStep={1}
6
- >
7
- <ForwardRef(Base)
8
- as="div"
9
- className="ds-option-btn__steps"
10
- >
11
- <div
12
- className="ds-option-btn__steps"
13
- />
14
- </ForwardRef(Base)>
15
- </ForwardRef(OptionButtonSteps)>
16
- `;
17
-
18
- exports[`renders the OptionButtonSteps with no props 1`] = `
19
- <ForwardRef(OptionButtonSteps)>
20
- <ForwardRef(Base)
21
- as="div"
22
- className="ds-option-btn__steps"
23
- >
24
- <div
25
- className="ds-option-btn__steps"
26
- />
27
- </ForwardRef(Base)>
28
- </ForwardRef(OptionButtonSteps)>
29
- `;
30
-
31
- exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
- <ForwardRef(OptionButtonSteps)
33
- steps={3}
34
- >
35
- <ForwardRef(Base)
36
- as="div"
37
- className="ds-option-btn__steps"
38
- >
39
- <div
40
- className="ds-option-btn__steps"
41
- >
42
- <ForwardRef(Base)
43
- as="div"
44
- className="ds-option-btn__step"
45
- >
46
- <div
47
- className="ds-option-btn__step"
48
- />
49
- </ForwardRef(Base)>
50
- <ForwardRef(Base)
51
- as="div"
52
- className="ds-option-btn__step"
53
- >
54
- <div
55
- className="ds-option-btn__step"
56
- />
57
- </ForwardRef(Base)>
58
- <ForwardRef(Base)
59
- as="div"
60
- className="ds-option-btn__step"
61
- >
62
- <div
63
- className="ds-option-btn__step"
64
- />
65
- </ForwardRef(Base)>
66
- </div>
67
- </ForwardRef(Base)>
68
- </ForwardRef(OptionButtonSteps)>
69
- `;
70
-
71
- exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
- <ForwardRef(OptionButtonSteps)
73
- activeStep={1}
74
- steps={3}
75
- >
76
- <ForwardRef(Base)
77
- as="div"
78
- className="ds-option-btn__steps"
79
- >
80
- <div
81
- className="ds-option-btn__steps"
82
- >
83
- <ForwardRef(Base)
84
- as="div"
85
- className="ds-option-btn__step--active ds-option-btn__step"
86
- >
87
- <div
88
- className="ds-option-btn__step--active ds-option-btn__step"
89
- />
90
- </ForwardRef(Base)>
91
- <ForwardRef(Base)
92
- as="div"
93
- className="ds-option-btn__step"
94
- >
95
- <div
96
- className="ds-option-btn__step"
97
- />
98
- </ForwardRef(Base)>
99
- <ForwardRef(Base)
100
- as="div"
101
- className="ds-option-btn__step"
102
- >
103
- <div
104
- className="ds-option-btn__step"
105
- />
106
- </ForwardRef(Base)>
107
- </div>
108
- </ForwardRef(Base)>
109
- </ForwardRef(OptionButtonSteps)>
110
- `;
111
-
112
- exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
- <ForwardRef(OptionButtonSteps)
114
- steps={4}
115
- >
116
- <ForwardRef(Base)
117
- as="div"
118
- className="ds-option-btn__steps"
119
- >
120
- <div
121
- className="ds-option-btn__steps"
122
- >
123
- <ForwardRef(Base)
124
- as="div"
125
- className="ds-option-btn__step"
126
- >
127
- <div
128
- className="ds-option-btn__step"
129
- />
130
- </ForwardRef(Base)>
131
- <ForwardRef(Base)
132
- as="div"
133
- className="ds-option-btn__step"
134
- >
135
- <div
136
- className="ds-option-btn__step"
137
- />
138
- </ForwardRef(Base)>
139
- <ForwardRef(Base)
140
- as="div"
141
- className="ds-option-btn__step"
142
- >
143
- <div
144
- className="ds-option-btn__step"
145
- />
146
- </ForwardRef(Base)>
147
- <ForwardRef(Base)
148
- as="div"
149
- className="ds-option-btn__step"
150
- >
151
- <div
152
- className="ds-option-btn__step"
153
- />
154
- </ForwardRef(Base)>
155
- </div>
156
- </ForwardRef(Base)>
157
- </ForwardRef(OptionButtonSteps)>
158
- `;
package/src/FloatingButton/__snapshots__/index.test.tsx.snap DELETED
@@ -1,65 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the FloatingButton with direction="left" 1`] = `
4
- <ForwardRef(FloatingButton)
5
- direction="left"
6
- >
7
- <ForwardRef(Button)
8
- className="ds-floating-btn--left ds-floating-btn"
9
- >
10
- <ForwardRef(Base)
11
- as="button"
12
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn"
13
- printHidden={true}
14
- >
15
- <button
16
- className="ds-floating-btn--left ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
17
- >
18
- +
19
- </button>
20
- </ForwardRef(Base)>
21
- </ForwardRef(Button)>
22
- </ForwardRef(FloatingButton)>
23
- `;
24
-
25
- exports[`renders the FloatingButton with direction="right" 1`] = `
26
- <ForwardRef(FloatingButton)
27
- direction="right"
28
- >
29
- <ForwardRef(Button)
30
- className="ds-floating-btn--right ds-floating-btn"
31
- >
32
- <ForwardRef(Base)
33
- as="button"
34
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
35
- printHidden={true}
36
- >
37
- <button
38
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
39
- >
40
- +
41
- </button>
42
- </ForwardRef(Base)>
43
- </ForwardRef(Button)>
44
- </ForwardRef(FloatingButton)>
45
- `;
46
-
47
- exports[`renders the FloatingButton with no props 1`] = `
48
- <ForwardRef(FloatingButton)>
49
- <ForwardRef(Button)
50
- className="ds-floating-btn--right ds-floating-btn"
51
- >
52
- <ForwardRef(Base)
53
- as="button"
54
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn"
55
- printHidden={true}
56
- >
57
- <button
58
- className="ds-floating-btn--right ds-floating-btn ds-btn-primary ds-btn ds-print-hidden"
59
- >
60
- +
61
- </button>
62
- </ForwardRef(Base)>
63
- </ForwardRef(Button)>
64
- </ForwardRef(FloatingButton)>
65
- `;
package/src/OptionButtonBase/__snapshots__/index.test.tsx.snap DELETED
@@ -1,50 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonBase with selected=false 1`] = `
4
- <ForwardRef(OptionButtonBase)
5
- selected={false}
6
- >
7
- <ForwardRef(Base)
8
- as="button"
9
- className="ds-btn ds-option-btn"
10
- >
11
- <button
12
- className="ds-btn ds-option-btn"
13
- >
14
- +
15
- </button>
16
- </ForwardRef(Base)>
17
- </ForwardRef(OptionButtonBase)>
18
- `;
19
-
20
- exports[`renders the OptionButtonBase with selected=true 1`] = `
21
- <ForwardRef(OptionButtonBase)
22
- selected={true}
23
- >
24
- <ForwardRef(Base)
25
- as="button"
26
- className="ds-option-btn--selected ds-btn ds-option-btn"
27
- >
28
- <button
29
- className="ds-option-btn--selected ds-btn ds-option-btn"
30
- >
31
- +
32
- </button>
33
- </ForwardRef(Base)>
34
- </ForwardRef(OptionButtonBase)>
35
- `;
36
-
37
- exports[`renders the OptionButtonBase with no props 1`] = `
38
- <ForwardRef(OptionButtonBase)>
39
- <ForwardRef(Base)
40
- as="button"
41
- className="ds-btn ds-option-btn"
42
- >
43
- <button
44
- className="ds-btn ds-option-btn"
45
- >
46
- +
47
- </button>
48
- </ForwardRef(Base)>
49
- </ForwardRef(OptionButtonBase)>
50
- `;
package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap DELETED
@@ -1,158 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`renders the OptionButtonSteps with activeStep=1 1`] = `
4
- <ForwardRef(OptionButtonSteps)
5
- activeStep={1}
6
- >
7
- <ForwardRef(Base)
8
- as="div"
9
- className="ds-option-btn__steps"
10
- >
11
- <div
12
- className="ds-option-btn__steps"
13
- />
14
- </ForwardRef(Base)>
15
- </ForwardRef(OptionButtonSteps)>
16
- `;
17
-
18
- exports[`renders the OptionButtonSteps with no props 1`] = `
19
- <ForwardRef(OptionButtonSteps)>
20
- <ForwardRef(Base)
21
- as="div"
22
- className="ds-option-btn__steps"
23
- >
24
- <div
25
- className="ds-option-btn__steps"
26
- />
27
- </ForwardRef(Base)>
28
- </ForwardRef(OptionButtonSteps)>
29
- `;
30
-
31
- exports[`renders the OptionButtonSteps with steps="3" 1`] = `
32
- <ForwardRef(OptionButtonSteps)
33
- steps={3}
34
- >
35
- <ForwardRef(Base)
36
- as="div"
37
- className="ds-option-btn__steps"
38
- >
39
- <div
40
- className="ds-option-btn__steps"
41
- >
42
- <ForwardRef(Base)
43
- as="div"
44
- className="ds-option-btn__step"
45
- >
46
- <div
47
- className="ds-option-btn__step"
48
- />
49
- </ForwardRef(Base)>
50
- <ForwardRef(Base)
51
- as="div"
52
- className="ds-option-btn__step"
53
- >
54
- <div
55
- className="ds-option-btn__step"
56
- />
57
- </ForwardRef(Base)>
58
- <ForwardRef(Base)
59
- as="div"
60
- className="ds-option-btn__step"
61
- >
62
- <div
63
- className="ds-option-btn__step"
64
- />
65
- </ForwardRef(Base)>
66
- </div>
67
- </ForwardRef(Base)>
68
- </ForwardRef(OptionButtonSteps)>
69
- `;
70
-
71
- exports[`renders the OptionButtonSteps with steps=3 activeStep=1 1`] = `
72
- <ForwardRef(OptionButtonSteps)
73
- activeStep={1}
74
- steps={3}
75
- >
76
- <ForwardRef(Base)
77
- as="div"
78
- className="ds-option-btn__steps"
79
- >
80
- <div
81
- className="ds-option-btn__steps"
82
- >
83
- <ForwardRef(Base)
84
- as="div"
85
- className="ds-option-btn__step--active ds-option-btn__step"
86
- >
87
- <div
88
- className="ds-option-btn__step--active ds-option-btn__step"
89
- />
90
- </ForwardRef(Base)>
91
- <ForwardRef(Base)
92
- as="div"
93
- className="ds-option-btn__step"
94
- >
95
- <div
96
- className="ds-option-btn__step"
97
- />
98
- </ForwardRef(Base)>
99
- <ForwardRef(Base)
100
- as="div"
101
- className="ds-option-btn__step"
102
- >
103
- <div
104
- className="ds-option-btn__step"
105
- />
106
- </ForwardRef(Base)>
107
- </div>
108
- </ForwardRef(Base)>
109
- </ForwardRef(OptionButtonSteps)>
110
- `;
111
-
112
- exports[`renders the OptionButtonSteps with steps=4 1`] = `
113
- <ForwardRef(OptionButtonSteps)
114
- steps={4}
115
- >
116
- <ForwardRef(Base)
117
- as="div"
118
- className="ds-option-btn__steps"
119
- >
120
- <div
121
- className="ds-option-btn__steps"
122
- >
123
- <ForwardRef(Base)
124
- as="div"
125
- className="ds-option-btn__step"
126
- >
127
- <div
128
- className="ds-option-btn__step"
129
- />
130
- </ForwardRef(Base)>
131
- <ForwardRef(Base)
132
- as="div"
133
- className="ds-option-btn__step"
134
- >
135
- <div
136
- className="ds-option-btn__step"
137
- />
138
- </ForwardRef(Base)>
139
- <ForwardRef(Base)
140
- as="div"
141
- className="ds-option-btn__step"
142
- >
143
- <div
144
- className="ds-option-btn__step"
145
- />
146
- </ForwardRef(Base)>
147
- <ForwardRef(Base)
148
- as="div"
149
- className="ds-option-btn__step"
150
- >
151
- <div
152
- className="ds-option-btn__step"
153
- />
154
- </ForwardRef(Base)>
155
- </div>
156
- </ForwardRef(Base)>
157
- </ForwardRef(OptionButtonSteps)>
158
- `;