@pingux/astro 2.23.0-alpha.0 → 2.23.1-alpha.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/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js +60 -435
  2. package/lib/cjs/utils/designUtils/figmaLinks.js +3 -0
  3. package/lib/recipes/TrialExperienceIndustryButtons.stories.js +60 -435
  4. package/lib/utils/designUtils/figmaLinks.js +3 -0
  5. package/package.json +1 -1
package/lib/cjs/recipes/TrialExperienceIndustryButtons.stories.js CHANGED
@@ -12,6 +12,7 @@ var _react = _interopRequireDefault(require("react"));
12
12
  var _CloseIcon = _interopRequireDefault(require("@pingux/mdi-react/CloseIcon"));
13
13
  var _hooks = require("../hooks");
14
14
  var _index = require("../index");
15
+ var _figmaLinks = require("../utils/designUtils/figmaLinks.js");
15
16
  var _react2 = require("@emotion/react");
16
17
  var _default = {
17
18
  title: 'Recipes/Trial Experience Buttons'
@@ -19,10 +20,10 @@ var _default = {
19
20
  exports["default"] = _default;
20
21
  var sx = {
21
22
  contentProps: {
22
- maxWidth: '880px',
23
+ maxWidth: '757px',
23
24
  width: '100%',
24
25
  px: '40px',
25
- pb: '45px',
26
+ pb: '35px',
26
27
  overflowY: 'scroll'
27
28
  },
28
29
  buttonLabelStyle: {
@@ -30,8 +31,8 @@ var sx = {
30
31
  color: 'text.primary',
31
32
  fontWeight: 1,
32
33
  fontSize: 'lg',
33
- lineHeight: '21px',
34
- mb: '37px',
34
+ lineHeight: 'normal',
35
+ mb: '31px',
35
36
  maxHeight: '115px',
36
37
  overflow: 'hidden'
37
38
  },
@@ -59,7 +60,7 @@ var sx = {
59
60
  gridContainerStyle: {
60
61
  display: 'grid !important',
61
62
  'gridTemplateColumns': 'repeat(auto-fit, minmax(0, 146px))',
62
- gap: '13px',
63
+ gap: 'md',
63
64
  maxWidth: '862px',
64
65
  'boxSizing': 'border-box',
65
66
  'justifyContent': 'center',
@@ -69,29 +70,27 @@ var sx = {
69
70
  headingTextStyle: {
70
71
  fontWeight: '3',
71
72
  fontSize: '30px',
72
- lineHeight: '37px',
73
+ lineHeight: 'normal',
73
74
  textAlign: 'center',
74
75
  color: 'text.primary',
75
76
  marginBottom: 'sm',
76
- marginTop: 'md'
77
+ marginTop: 'sm',
78
+ height: '42px'
77
79
  },
78
80
  iconStyle: {
79
81
  mb: 'sm',
80
82
  mt: '25px'
81
83
  },
82
- InfoLinkBox: {
83
- justifyContent: 'center',
84
- pt: '30px'
85
- },
86
84
  subheadingTextStyle: {
87
85
  fontWeight: '0',
88
86
  fontSize: 'lg',
89
- lineHeight: '20px',
87
+ lineHeight: '115%',
90
88
  textAlign: 'center',
91
89
  alignSelf: 'center',
92
90
  color: 'text.primary',
93
- marginBottom: 'xl',
94
- maxWidth: '357px'
91
+ marginBottom: '35px',
92
+ maxWidth: '491px',
93
+ height: '37px'
95
94
  }
96
95
  };
97
96
  var retailSVG = function retailSVG(props) {
@@ -131,118 +130,6 @@ var retailSVG = function retailSVG(props) {
131
130
  fill: "#051727"
132
131
  }));
133
132
  };
134
- var airlineSVG = function airlineSVG(props) {
135
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
136
- width: "251",
137
- height: "251",
138
- viewBox: "0 0 251 251",
139
- fill: "none",
140
- xmlns: "http://www.w3.org/2000/svg",
141
- "aria-labelledby": "airline-icon-title"
142
- }, props), (0, _react2.jsx)("title", {
143
- id: "airline-icon-title"
144
- }, "Airline Icon"), (0, _react2.jsx)("g", {
145
- clipPath: "url(#clip0_1363_5255)"
146
- }, (0, _react2.jsx)("path", {
147
- fillRule: "evenodd",
148
- clipRule: "evenodd",
149
- d: "M51.5664 137.361H142.583V128.361H51.5664V137.361ZM182.178 137.361H203.775V128.361H182.178V137.361Z",
150
- fill: "#B3282D"
151
- }), (0, _react2.jsx)("path", {
152
- fillRule: "evenodd",
153
- clipRule: "evenodd",
154
- d: "M144.381 56.3706H100.976L116.177 104.896L124.766 102.206L113.227 65.3706H138.728L158.069 105.504L166.177 101.597L144.381 56.3706ZM50.1374 77.4535H14.1562V163.586H100.417V154.586H23.1562V86.4535H44.7675L62.2509 118.849H194.005C209.161 118.849 218.187 125.841 223.636 134.275C227.987 141.008 230.067 148.718 230.817 154.586H170.351V163.586H240.216L240.156 159.027C240.062 151.889 237.937 139.823 231.195 129.39C224.295 118.712 212.58 109.849 194.005 109.849H67.6208L50.1374 77.4535ZM133.42 203.695L169.668 137.596L161.777 133.268L128.091 194.695H106.763L122.147 150.805L113.654 147.827L94.0713 203.695H133.42Z",
155
- fill: "#051727"
156
- }), (0, _react2.jsx)("path", {
157
- fillRule: "evenodd",
158
- clipRule: "evenodd",
159
- d: "M0.906253 211.195L30.9063 211.195L30.9062 220.195L0.906252 220.195L0.906253 211.195Z",
160
- fill: "#051727"
161
- }), (0, _react2.jsx)("path", {
162
- fillRule: "evenodd",
163
- clipRule: "evenodd",
164
- d: "M207.156 22.1953L250.656 22.1953L250.656 31.1953L207.156 31.1953L207.156 22.1953Z",
165
- fill: "#051727"
166
- }), (0, _react2.jsx)("path", {
167
- fillRule: "evenodd",
168
- clipRule: "evenodd",
169
- d: "M177.066 42.6953H212.746V51.6953L177.066 51.6953V42.6953Z",
170
- fill: "#B3282D"
171
- }), (0, _react2.jsx)("path", {
172
- fillRule: "evenodd",
173
- clipRule: "evenodd",
174
- d: "M222.246 42.6953H237.246V51.6953H222.246V42.6953Z",
175
- fill: "#B3282D"
176
- }), (0, _react2.jsx)("path", {
177
- fillRule: "evenodd",
178
- clipRule: "evenodd",
179
- d: "M24.1172 194.695L51.5664 194.695L51.5664 203.695L24.1172 203.695L24.1172 194.695Z",
180
- fill: "#B3282D"
181
- })), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
182
- id: "clip0_1363_5255"
183
- }, (0, _react2.jsx)("rect", {
184
- width: "250",
185
- height: "250",
186
- fill: "white",
187
- transform: "translate(0.90625 0.282715)"
188
- }))));
189
- };
190
- var educationSVG = function educationSVG(props) {
191
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
192
- width: "251",
193
- height: "251",
194
- viewBox: "0 0 251 251",
195
- fill: "none",
196
- xmlns: "http://www.w3.org/2000/svg",
197
- "aria-labelledby": "education-icon-title"
198
- }, props), (0, _react2.jsx)("title", {
199
- id: "education-icon-title"
200
- }, "Education Icon"), (0, _react2.jsx)("g", {
201
- clipPath: "url(#clip0_1363_5233)"
202
- }, (0, _react2.jsx)("path", {
203
- fillRule: "evenodd",
204
- clipRule: "evenodd",
205
- d: "M211.33 15.7827L232.33 15.7827L232.33 24.7827L211.33 24.7827L211.33 15.7827Z",
206
- fill: "#051727"
207
- }), (0, _react2.jsx)("path", {
208
- fillRule: "evenodd",
209
- clipRule: "evenodd",
210
- d: "M240.33 15.7827L250.33 15.7827V24.7827H240.33V15.7827Z",
211
- fill: "#B3282D"
212
- }), (0, _react2.jsx)("path", {
213
- fillRule: "evenodd",
214
- clipRule: "evenodd",
215
- d: "M0.330081 214.413L30.3301 214.413L30.3301 223.413L0.33008 223.413L0.330081 214.413Z",
216
- fill: "#051727"
217
- }), (0, _react2.jsx)("path", {
218
- fillRule: "evenodd",
219
- clipRule: "evenodd",
220
- d: "M45.4316 197.913L57.1309 197.913L57.1309 206.913L45.4316 206.913L45.4316 197.913Z",
221
- fill: "#B3282D"
222
- }), (0, _react2.jsx)("path", {
223
- fillRule: "evenodd",
224
- clipRule: "evenodd",
225
- d: "M17.1309 197.913L37.6309 197.913L37.6309 206.913L17.1309 206.913L17.1309 197.913Z",
226
- fill: "#B3282D"
227
- }), (0, _react2.jsx)("path", {
228
- fillRule: "evenodd",
229
- clipRule: "evenodd",
230
- d: "M71.1892 59.2397C80.547 69.1575 94.8044 76.8825 116.197 76.7853L77.8365 45.7084L83.5018 38.7153L122.298 70.1451C119.871 58.7127 114.63 47.3224 105.96 38.8401C95.3726 28.4824 79.1581 21.9549 55.1272 25.6396C56.6632 35.761 61.4064 48.8714 71.1892 59.2397ZM49.3208 17.5169C78.0709 11.9279 98.6559 19.1039 112.254 32.4067C121.839 41.7835 127.66 53.9178 130.583 66.0008C134.355 57.6079 140.083 49.6143 148.058 43.7951C160.531 34.694 177.837 31.3993 200.015 39.1466L203.788 40.4648L202.924 44.3676C200.819 53.8775 194.654 67.2152 182.802 76.6124C171.299 85.7324 154.859 90.7994 132.751 85.6709V107.572H123.751V85.4715C95.9764 87.6193 76.9699 78.4807 64.6431 65.4161C51.7816 51.7849 46.582 34.3048 45.6918 22.2661L45.397 18.2797L49.3208 17.5169ZM142.431 78.267C158.017 80.1634 169.258 75.8646 177.21 69.5601C185.561 62.9389 190.62 53.8287 193.054 46.3615C175.314 41.1823 162.433 44.4471 153.363 51.0654C146.739 55.8982 141.85 62.7384 138.614 70.0866L169.527 52.6138L173.956 60.4488L142.431 78.267Z",
231
- fill: "#B3282D"
232
- }), (0, _react2.jsx)("path", {
233
- fillRule: "evenodd",
234
- clipRule: "evenodd",
235
- d: "M157.131 108.828H148.887V130.354L192.983 215.228C197.998 224.88 190.994 236.413 180.116 236.413H76.3872C65.5096 236.413 58.5052 224.88 63.5202 215.228L107.616 130.354V108.828H99.3722V99.8276H157.131V108.828ZM116.616 108.828H139.887V132.553L145.074 142.536H132.22V151.536H149.75L155.999 163.565L132.26 163.35L132.179 172.35L160.698 172.608L167.941 186.549L88.5625 186.549L116.616 132.553V108.828ZM83.8866 195.549L71.5066 219.377C69.6043 223.038 72.2612 227.413 76.3872 227.413H180.116C184.242 227.413 186.899 223.038 184.997 219.377L172.617 195.549L83.8866 195.549Z",
236
- fill: "#051727"
237
- })), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
238
- id: "clip0_1363_5233"
239
- }, (0, _react2.jsx)("rect", {
240
- width: "250",
241
- height: "250",
242
- fill: "white",
243
- transform: "translate(0.330078 0.282715)"
244
- }))));
245
- };
246
133
  var financialSVG = function financialSVG(props) {
247
134
  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
248
135
  width: "250",
@@ -303,57 +190,6 @@ var financialSVG = function financialSVG(props) {
303
190
  fill: "white"
304
191
  }))));
305
192
  };
306
- var governmentSVG = function governmentSVG(props) {
307
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
308
- width: "251",
309
- height: "250",
310
- viewBox: "0 0 251 250",
311
- fill: "none",
312
- xmlns: "http://www.w3.org/2000/svg",
313
- "aria-labelledby": "govermant-icon-title"
314
- }, props), (0, _react2.jsx)("title", {
315
- id: "govermant-icon-title"
316
- }, "Govermant Icon"), (0, _react2.jsx)("g", {
317
- clipPath: "url(#clip0_2_568)"
318
- }, (0, _react2.jsx)("path", {
319
- fillRule: "evenodd",
320
- clipRule: "evenodd",
321
- d: "M225.239 46.5376L189.043 46.5376L189.043 37.5376L225.239 37.5376L225.239 46.5376Z",
322
- fill: "#051727"
323
- }), (0, _react2.jsx)("path", {
324
- fillRule: "evenodd",
325
- clipRule: "evenodd",
326
- d: "M203.911 64.5376L232.504 64.5376V55.5376L203.911 55.5376V64.5376ZM240.602 64.5376L250.602 64.5376V55.5376L240.602 55.5376V64.5376Z",
327
- fill: "#B3282D"
328
- }), (0, _react2.jsx)("path", {
329
- fillRule: "evenodd",
330
- clipRule: "evenodd",
331
- d: "M27.602 223.5L8.60156 223.5L8.60156 214.5L27.602 214.5L27.602 223.5Z",
332
- fill: "#B3282D"
333
- }), (0, _react2.jsx)("path", {
334
- fillRule: "evenodd",
335
- clipRule: "evenodd",
336
- d: "M35.5 240.5L0.60205 240.5L0.602051 231.5L35.5 231.5L35.5 240.5Z",
337
- fill: "#051727"
338
- }), (0, _react2.jsx)("path", {
339
- fillRule: "evenodd",
340
- clipRule: "evenodd",
341
- d: "M120.118 16.3896H168.618V48.8896H129.118V63.1853H120.118V16.3896ZM129.118 39.8896H159.618V25.3896H129.118V39.8896Z",
342
- fill: "#B3282D"
343
- }), (0, _react2.jsx)("path", {
344
- fillRule: "evenodd",
345
- clipRule: "evenodd",
346
- d: "M61.0898 120.157C66.8957 92.6788 93.3575 71.5005 125.681 71.5005C158.001 71.5005 184.47 92.6813 190.272 120.157H61.0898ZM51.9181 120.157C57.8459 87.1848 88.8747 62.5005 125.681 62.5005C162.49 62.5005 193.511 87.1823 199.443 120.157H205.767V129.157H193.081V196.5H209.79V223.5H109.518V214.5H200.79V205.5H50.4141V214.5H85.4175V223.5H41.4141V196.5H58.1237V129.157H45.4386V120.157H51.9181ZM91.6832 129.157H108.823V196.5H91.6832V129.157ZM117.823 196.5V129.157H133.382V196.5H117.823ZM142.382 196.5V129.157H159.522V196.5H142.382ZM82.6832 129.157H67.1237V196.5H82.6832V129.157ZM168.522 196.5V129.157H184.081V196.5H168.522Z",
347
- fill: "#051727"
348
- })), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
349
- id: "clip0_2_568"
350
- }, (0, _react2.jsx)("rect", {
351
- width: "250",
352
- height: "250",
353
- fill: "white",
354
- transform: "translate(0.602051)"
355
- }))));
356
- };
357
193
  var healthcareSVG = function healthcareSVG(props) {
358
194
  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
359
195
  width: "250",
@@ -406,271 +242,54 @@ var healthcareSVG = function healthcareSVG(props) {
406
242
  fill: "#051727"
407
243
  }));
408
244
  };
409
- var hotelSVG = function hotelSVG(props) {
410
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
411
- width: "58",
412
- height: "58",
413
- viewBox: "0 0 58 58",
414
- fill: "none",
415
- xmlns: "http://www.w3.org/2000/svg",
416
- "aria-labelledby": "hotel-icon-title"
417
- }, props), (0, _react2.jsx)("title", {
418
- id: "hotel-icon-title"
419
- }, "Hotel Icon"), (0, _react2.jsx)("g", {
420
- clipPath: "url(#clip0_212_10020)"
421
- }, (0, _react2.jsx)("path", {
422
- fillRule: "evenodd",
423
- clipRule: "evenodd",
424
- d: "M4.15229 52.8122H0.0922852V50.7242H4.15229V52.8122Z",
425
- fill: "#B3282D"
426
- }), (0, _react2.jsx)("path", {
427
- fillRule: "evenodd",
428
- clipRule: "evenodd",
429
- d: "M58.0922 6.41222L50.7842 6.41222L50.7842 4.32422L58.0922 4.32422L58.0922 6.41222Z",
430
- fill: "#B3282D"
431
- }), (0, _react2.jsx)("path", {
432
- fillRule: "evenodd",
433
- clipRule: "evenodd",
434
- d: "M52.5244 10.0372L47.1304 10.0372L47.1304 7.94922L52.5244 7.94922L52.5244 10.0372Z",
435
- fill: "#051727"
436
- }), (0, _react2.jsx)("path", {
437
- fillRule: "evenodd",
438
- clipRule: "evenodd",
439
- d: "M8.09634 56.2052H4.15234V54.1172H8.09634V56.2052Z",
440
- fill: "#051727"
441
- }), (0, _react2.jsx)("path", {
442
- fillRule: "evenodd",
443
- clipRule: "evenodd",
444
- d: "M44.8166 10.0372H42.4966V7.94922H44.8166V10.0372Z",
445
- fill: "#051727"
446
- }), (0, _react2.jsx)("path", {
447
- fillRule: "evenodd",
448
- clipRule: "evenodd",
449
- d: "M16.7145 19.6297H19.9455V22.8607H16.7145V19.6297ZM14.6265 24.9487V17.5417H22.0335V24.9487H14.6265ZM16.7145 30.3755H19.9455V33.6065H16.7145V30.3755ZM14.6265 35.6945V28.2875H22.0335V35.6945H14.6265ZM19.9455 41.0379H16.7145V44.2689H19.9455V41.0379ZM14.6265 38.9499V46.3569H22.0335V38.9499H14.6265ZM25.7295 30.3755H28.9605V33.6065H25.7295V30.3755ZM23.6415 35.6945V28.2875H31.0485V35.6945H23.6415ZM28.9605 19.6297H25.7295V22.8607H28.9605V19.6297ZM23.6415 17.5417V24.9487H31.0485V17.5417H23.6415ZM25.7295 41.0379H28.9605V44.2689H25.7295V41.0379ZM23.6415 46.3569V38.9499H31.0485V46.3569H23.6415Z",
450
- fill: "#B3282D"
451
- }), (0, _react2.jsx)("path", {
452
- fillRule: "evenodd",
453
- clipRule: "evenodd",
454
- d: "M14.7031 7.83325H30.8477V12.2143H35.5276V22.3697L49.3208 24.5177V51.7612H35.5276V51.7683H10.0237V12.2143H14.7031V7.83325ZM35.5276 49.4412H47.0008V26.5044L35.5276 24.7177V49.4412ZM28.5277 10.1533V12.2143H17.0231V10.1533H28.5277ZM33.4396 14.3023H12.1117V49.6803H33.4396V14.3023ZM40.0431 33.0868H37.4663V30.7668H40.0431V33.0868ZM42.24 33.0868H44.8168V30.7668H42.24V33.0868ZM40.0431 38.6673H37.4663V36.3473H40.0431V38.6673ZM42.24 38.6673H44.8168V36.3473H42.24V38.6673ZM40.0431 44.4504H37.4663V42.1304H40.0431V44.4504ZM42.24 44.4504H44.8168V42.1304H42.24V44.4504Z",
455
- fill: "#051727"
456
- })), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
457
- id: "clip0_212_10020"
458
- }, (0, _react2.jsx)("rect", {
459
- width: "58",
460
- height: "58",
461
- fill: "white"
462
- }))));
463
- };
464
- var manufacturingSVG = function manufacturingSVG(props) {
465
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
466
- width: "250",
467
- height: "250",
468
- viewBox: "0 0 250 250",
469
- fill: "none",
470
- xmlns: "http://www.w3.org/2000/svg",
471
- "aria-labelledby": "manufacturing-icon-title"
472
- }, props), (0, _react2.jsx)("title", {
473
- id: "manufacturing-icon-title"
474
- }, "Manufacturing Icon"), (0, _react2.jsx)("path", {
475
- fillRule: "evenodd",
476
- clipRule: "evenodd",
477
- d: "M59 45.5H21V36.5H59V45.5Z",
478
- fill: "#051727"
479
- }), (0, _react2.jsx)("path", {
480
- fillRule: "evenodd",
481
- clipRule: "evenodd",
482
- d: "M0 65.5H20V56.5H0V65.5Z",
483
- fill: "#B3282D"
484
- }), (0, _react2.jsx)("path", {
485
- fillRule: "evenodd",
486
- clipRule: "evenodd",
487
- d: "M40 65.5H30V56.5H40V65.5Z",
488
- fill: "#B3282D"
489
- }), (0, _react2.jsx)("path", {
490
- fillRule: "evenodd",
491
- clipRule: "evenodd",
492
- d: "M230 239H250V230H230V239Z",
493
- fill: "#B3282D"
494
- }), (0, _react2.jsx)("path", {
495
- fillRule: "evenodd",
496
- clipRule: "evenodd",
497
- d: "M172.978 39.772C172.978 31.6136 179.592 25 187.75 25C195.908 25 202.522 31.6136 202.522 39.772C202.522 47.9303 195.908 54.544 187.75 54.544C179.592 54.544 172.978 47.9303 172.978 39.772ZM164.159 42.7171L115.744 62.5269C119.635 67.023 122.122 72.7676 122.523 79.0789L169.046 54.4461C166.443 51.1328 164.702 47.1107 164.159 42.7171ZM176.467 60.7009L121.054 90.0401C119.281 95.1847 116.054 99.6524 111.865 102.952V139.963H129.966V166.638H179.034V175.638L33.291 175.638L33.291 219.499L205.019 219.499V175.638H195.64V166.638H214.019V228.499L24.291 228.499L24.291 166.638H56.6733V139.963H75.246V101.309C69.8216 96.1902 66.436 88.9343 66.436 80.8876C66.436 65.3838 79.0043 52.8154 94.5081 52.8154C99.2731 52.8154 103.761 54.0026 107.692 56.0974L165.073 32.6188C168.109 22.9854 177.114 16 187.75 16C200.879 16 211.522 26.6431 211.522 39.772C211.522 43.6407 210.598 47.2936 208.958 50.5219L215.427 74.7733L200.285 82.3517L185.465 63.4356C182.233 63.1275 179.19 62.1722 176.467 60.7009ZM195.869 62.1214L202.834 71.0117L204.841 70.0073L201.876 58.8933C200.056 60.2406 198.036 61.3341 195.869 62.1214ZM102.865 139.963H84.246V107.025C87.4247 108.274 90.8863 108.96 94.5081 108.96C97.4183 108.96 100.225 108.517 102.865 107.695V139.963ZM94.5081 61.8154C83.9749 61.8154 75.436 70.3543 75.436 80.8876C75.436 91.4208 83.9749 99.9597 94.5081 99.9597C105.041 99.9597 113.58 91.4208 113.58 80.8876C113.58 70.3543 105.041 61.8154 94.5081 61.8154ZM65.6733 148.963V165.677H120.966V148.963H65.6733Z",
498
- fill: "#051727"
499
- }), (0, _react2.jsx)("path", {
500
- fillRule: "evenodd",
501
- clipRule: "evenodd",
502
- d: "M72.5419 190.053C68.4829 190.053 65.1924 193.343 65.1924 197.402C65.1924 201.461 68.4829 204.752 72.5419 204.752C76.6009 204.752 79.8914 201.461 79.8914 197.402C79.8914 193.343 76.6009 190.053 72.5419 190.053ZM56.1924 197.402C56.1924 188.373 63.5123 181.053 72.5419 181.053C81.5715 181.053 88.8914 188.373 88.8914 197.402C88.8914 206.432 81.5715 213.752 72.5419 213.752C63.5123 213.752 56.1924 206.432 56.1924 197.402ZM120.226 190.053C116.166 190.053 112.876 193.343 112.876 197.402C112.876 201.461 116.166 204.752 120.226 204.752C124.285 204.752 127.575 201.461 127.575 197.402C127.575 193.343 124.285 190.053 120.226 190.053ZM103.876 197.402C103.876 188.373 111.196 181.053 120.226 181.053C129.255 181.053 136.575 188.373 136.575 197.402C136.575 206.432 129.255 213.752 120.226 213.752C111.196 213.752 103.876 206.432 103.876 197.402ZM160.56 197.402C160.56 193.343 163.851 190.053 167.91 190.053C171.969 190.053 175.259 193.343 175.259 197.402C175.259 201.461 171.969 204.752 167.91 204.752C163.851 204.752 160.56 201.461 160.56 197.402ZM167.91 181.053C158.88 181.053 151.56 188.373 151.56 197.402C151.56 206.432 158.88 213.752 167.91 213.752C176.939 213.752 184.259 206.432 184.259 197.402C184.259 188.373 176.939 181.053 167.91 181.053Z",
503
- fill: "#B3282D"
504
- }), (0, _react2.jsx)("path", {
505
- d: "M191.396 45.252C194.546 43.1276 195.377 38.8522 193.252 35.7027C191.128 32.5532 186.853 31.7221 183.703 33.8465C180.553 35.9709 179.722 40.2463 181.847 43.3958C183.971 46.5453 188.247 47.3764 191.396 45.252Z",
506
- fill: "#B3282D"
507
- }), (0, _react2.jsx)("path", {
508
- d: "M99.2311 86.3417C102.812 83.9263 103.757 79.0651 101.342 75.4841C98.9262 71.903 94.0651 70.9581 90.484 73.3736C86.903 75.789 85.9581 80.6501 88.3735 84.2312C90.789 87.8123 95.6501 88.7572 99.2311 86.3417Z",
509
- fill: "#B3282D"
510
- }));
511
- };
512
- var pharmancySVG = function pharmancySVG(props) {
245
+ var otherSVG = function otherSVG(props) {
513
246
  return (0, _react2.jsx)("svg", (0, _extends2["default"])({
514
- width: "250",
515
- height: "250",
516
- viewBox: "0 0 250 250",
247
+ width: "47",
248
+ height: "47",
249
+ viewBox: "0 0 47 47",
517
250
  fill: "none",
518
251
  xmlns: "http://www.w3.org/2000/svg",
519
- "aria-labelledby": "pharmancy-icon-title"
252
+ "aria-labelledby": "other-icon-title"
520
253
  }, props), (0, _react2.jsx)("title", {
521
- id: "pharmancy-icon-title"
522
- }, "Pharmancy Icon"), (0, _react2.jsx)("path", {
523
- fillRule: "evenodd",
524
- clipRule: "evenodd",
525
- d: "M240 20.5L205 20.5L205 11.5L240 11.5L240 20.5Z",
526
- fill: "#051727"
527
- }), (0, _react2.jsx)("path", {
528
- fillRule: "evenodd",
529
- clipRule: "evenodd",
530
- d: "M0 238.5L27 238.5V229.5L0 229.5V238.5ZM37 238.5L47 238.5V229.5H37V238.5Z",
531
- fill: "#B3282D"
532
- }), (0, _react2.jsx)("path", {
533
- fillRule: "evenodd",
534
- clipRule: "evenodd",
535
- d: "M250 36.5L240 36.5L240 27.5L250 27.5L250 36.5Z",
536
- fill: "#B3282D"
537
- }), (0, _react2.jsx)("path", {
538
- fillRule: "evenodd",
539
- clipRule: "evenodd",
540
- d: "M45.5 31.5H86.2829V40.5H54.5V214.5H198.5V40.5H168.029V31.5H207.5V223.5H45.5V31.5Z",
541
- fill: "#051727"
542
- }), (0, _react2.jsx)("path", {
543
- fillRule: "evenodd",
544
- clipRule: "evenodd",
545
- d: "M59.5 44.5H85.6535V53.5H68.5V198.5H184.5V179.771H193.5V207.5H59.5V44.5ZM168.823 44.5H193.5V159.983H184.5V53.5H168.823V44.5Z",
546
- fill: "#051727"
547
- }), (0, _react2.jsx)("path", {
548
- d: "M127 39C129.761 39 132 36.7614 132 34C132 31.2386 129.761 29 127 29C124.239 29 122 31.2386 122 34C122 36.7614 124.239 39 127 39Z",
549
- fill: "#051727"
550
- }), (0, _react2.jsx)("path", {
551
- fillRule: "evenodd",
552
- clipRule: "evenodd",
553
- d: "M107.651 16.5H146.851V28.5313H163.5V54.5H90.5V28.5313H107.651V16.5ZM116.651 25.5V37.5313H99.5V45.5H154.5V37.5313H137.851V25.5H116.651Z",
554
- fill: "#051727"
555
- }), (0, _react2.jsx)("path", {
556
- fillRule: "evenodd",
557
- clipRule: "evenodd",
558
- d: "M146.851 16.5H107.651V28.5313H90.5V54.5H163.5V28.5313H146.851V16.5ZM116.651 37.5313V25.5H137.851V37.5313H154.5V45.5H99.5V37.5313H116.651ZM127 39C129.761 39 132 36.7614 132 34C132 31.2386 129.761 29 127 29C124.239 29 122 31.2386 122 34C122 36.7614 124.239 39 127 39ZM86.2829 31.5H45.5V223.5H207.5V31.5H168.029V40.5H198.5V214.5H54.5V40.5H86.2829V31.5ZM85.6535 44.5H59.5V207.5H193.5V179.771H184.5V198.5H68.5V53.5H85.6535V44.5ZM193.5 44.5H168.823V53.5H184.5V159.983H193.5V44.5Z",
559
- fill: "#051727"
560
- }), (0, _react2.jsx)("path", {
561
- fillRule: "evenodd",
562
- clipRule: "evenodd",
563
- d: "M108.041 84.0513H144.946V106.554H167.449V143.446H144.946V165.949H108.041V143.446H85.5513V106.554H108.041V84.0513ZM117.041 93.0513V115.554H94.5513V134.446H117.041V156.949H135.946V134.446H158.449V115.554H135.946V93.0513H117.041Z",
564
- fill: "#B3282D"
254
+ id: "other-icon-title"
255
+ }, "Other Icon"), (0, _react2.jsx)("circle", {
256
+ cx: "11.5",
257
+ cy: "23.5",
258
+ r: "3.5",
259
+ stroke: "#051727",
260
+ "stroke-width": "2"
261
+ }), (0, _react2.jsx)("circle", {
262
+ cx: "23.5",
263
+ cy: "23.5",
264
+ r: "3.5",
265
+ stroke: "#051727",
266
+ "stroke-width": "2"
267
+ }), (0, _react2.jsx)("circle", {
268
+ cx: "35.5",
269
+ cy: "23.5",
270
+ r: "3.5",
271
+ stroke: "#051727",
272
+ "stroke-width": "2"
273
+ }), (0, _react2.jsx)("circle", {
274
+ cx: "23.5",
275
+ cy: "23.5",
276
+ r: "22.5",
277
+ stroke: "#B3282D",
278
+ "stroke-width": "2"
565
279
  }));
566
280
  };
567
- var realtySVG = function realtySVG(props) {
568
- return (0, _react2.jsx)("svg", (0, _extends2["default"])({
569
- width: "250",
570
- height: "251",
571
- viewBox: "0 0 250 251",
572
- fill: "none",
573
- xmlns: "http://www.w3.org/2000/svg",
574
- "aria-labelledby": "realty-icon-title"
575
- }, props), (0, _react2.jsx)("title", {
576
- id: "realty-icon-title"
577
- }, "Realty Icon"), (0, _react2.jsx)("g", {
578
- clipPath: "url(#clip0_6_8180)"
579
- }, (0, _react2.jsx)("path", {
580
- fillRule: "evenodd",
581
- clipRule: "evenodd",
582
- d: "M101.375 111.182H169.875V120.182H101.375V111.182Z",
583
- fill: "#051727"
584
- }), (0, _react2.jsx)("path", {
585
- fillRule: "evenodd",
586
- clipRule: "evenodd",
587
- d: "M101.375 165.182H169.875V174.182H101.375V165.182Z",
588
- fill: "#051727"
589
- }), (0, _react2.jsx)("path", {
590
- d: "M87.125 115.682C87.125 120.238 83.4313 123.932 78.875 123.932C74.3187 123.932 70.625 120.238 70.625 115.682C70.625 111.125 74.3187 107.432 78.875 107.432C83.4313 107.432 87.125 111.125 87.125 115.682Z",
591
- fill: "#051727"
592
- }), (0, _react2.jsx)("path", {
593
- d: "M87.125 169.682C87.125 174.238 83.4313 177.932 78.875 177.932C74.3187 177.932 70.625 174.238 70.625 169.682C70.625 165.125 74.3187 161.432 78.875 161.432C83.4313 161.432 87.125 165.125 87.125 169.682Z",
594
- fill: "#051727"
595
- }), (0, _react2.jsx)("path", {
596
- fillRule: "evenodd",
597
- clipRule: "evenodd",
598
- d: "M186.375 100.182H61.625V130.182H186.375V100.182ZM52.625 91.1816V139.182H195.375V91.1816H52.625Z",
599
- fill: "#B3282D"
600
- }), (0, _react2.jsx)("path", {
601
- fillRule: "evenodd",
602
- clipRule: "evenodd",
603
- d: "M186.375 154.182H61.625V184.182H186.375V154.182ZM52.625 145.182V193.182H195.375V145.182H52.625Z",
604
- fill: "#B3282D"
605
- }), (0, _react2.jsx)("path", {
606
- fillRule: "evenodd",
607
- clipRule: "evenodd",
608
- d: "M123.619 21.6985L162.211 45.2414V27.9713H199.28V65.9798L235.883 89.1284L231.073 96.7349L219 89.1V216.7H198.986V207.7H210V83.4082L190.28 70.9367V36.9713H171.211V61.2745L123.495 32.1649L38.0001 81.5633V207.7H179.852V216.7H29.0001V86.7635L16.7736 93.8279L12.271 86.0352L123.619 21.6985Z",
609
- fill: "#051727"
610
- }), (0, _react2.jsx)("path", {
611
- fillRule: "evenodd",
612
- clipRule: "evenodd",
613
- d: "M9.5 21.4316H35.5V30.4316H9.5V21.4316Z",
614
- fill: "#051727"
615
- }), (0, _react2.jsx)("path", {
616
- fillRule: "evenodd",
617
- clipRule: "evenodd",
618
- d: "M18.75 39.4316H47V48.4316H18.75V39.4316Z",
619
- fill: "#B3282D"
620
- }), (0, _react2.jsx)("path", {
621
- fillRule: "evenodd",
622
- clipRule: "evenodd",
623
- d: "M0 39.4316L9.5 39.4316L9.5 48.4316L-7.86805e-07 48.4316L0 39.4316Z",
624
- fill: "#B3282D"
625
- }), (0, _react2.jsx)("path", {
626
- fillRule: "evenodd",
627
- clipRule: "evenodd",
628
- d: "M223.228 225.932H245.728V234.932H223.228V225.932Z",
629
- fill: "#B3282D"
630
- }), (0, _react2.jsx)("path", {
631
- fillRule: "evenodd",
632
- clipRule: "evenodd",
633
- d: "M204.25 239.932H234.478V248.932H204.25V239.932Z",
634
- fill: "#051727"
635
- })), (0, _react2.jsx)("defs", null, (0, _react2.jsx)("clipPath", {
636
- id: "clip0_6_8180"
637
- }, (0, _react2.jsx)("rect", {
638
- width: "250",
639
- height: "250",
640
- fill: "white",
641
- transform: "translate(0 0.180664)"
642
- }))));
643
- };
644
281
  var buttons = [{
645
282
  name: 'Retail',
646
283
  icon: retailSVG
647
284
  }, {
648
285
  name: 'Financial Services',
649
286
  icon: financialSVG
650
- }, {
651
- name: 'Manufacturing',
652
- icon: manufacturingSVG
653
287
  }, {
654
288
  name: 'Healthcare',
655
289
  icon: healthcareSVG
656
290
  }, {
657
- name: 'Education',
658
- icon: educationSVG
659
- }, {
660
- name: 'Government',
661
- icon: governmentSVG
662
- }, {
663
- name: 'Realty',
664
- icon: realtySVG
665
- }, {
666
- name: 'Pharmacy',
667
- icon: pharmancySVG
668
- }, {
669
- name: 'Airline',
670
- icon: airlineSVG
671
- }, {
672
- name: 'Hotels',
673
- icon: hotelSVG
291
+ name: 'Other',
292
+ icon: otherSVG
674
293
  }];
675
294
  var Default = function Default() {
676
295
  var state = (0, _hooks.useModalState)();
@@ -688,14 +307,19 @@ var Default = function Default() {
688
307
  }, (0, _react2.jsx)(_index.Icon, {
689
308
  icon: _CloseIcon["default"],
690
309
  size: "sm",
310
+ sx: {
311
+ path: {
312
+ fill: 'neutral.40'
313
+ }
314
+ },
691
315
  title: {
692
316
  name: 'Close Icon'
693
317
  }
694
318
  })), (0, _react2.jsx)(_index.Text, {
695
319
  sx: sx.headingTextStyle
696
- }, "Choose Your Industry"), (0, _react2.jsx)(_index.Text, {
320
+ }, "Tailor your experiences"), (0, _react2.jsx)(_index.Text, {
697
321
  sx: sx.subheadingTextStyle
698
- }, "To further customize your experience, choose an industry that most resembles your own."), (0, _react2.jsx)(_index.Box, {
322
+ }, "Tailor your identity experiences for your industry. If you don`t see your industry, choose \"Other\"."), (0, _react2.jsx)(_index.Box, {
699
323
  isRow: true,
700
324
  sx: sx.gridContainerStyle
701
325
  }, (0, _map["default"])(buttons).call(buttons, function (button) {
@@ -711,11 +335,12 @@ var Default = function Default() {
711
335
  }), (0, _react2.jsx)(_index.Text, {
712
336
  sx: sx.buttonLabelStyle
713
337
  }, button.name)));
714
- })), (0, _react2.jsx)(_index.Box, {
715
- isRow: true,
716
- sx: sx.InfoLinkBox
717
- }, (0, _react2.jsx)(_index.Button, {
718
- variant: "link"
719
- }, "Skip"), (0, _react2.jsx)(_index.HelpHint, null, "Info skipping")))));
338
+ })))));
720
339
  };
721
- exports.Default = Default;
340
+ exports.Default = Default;
341
+ Default.parameters = {
342
+ design: {
343
+ type: 'figma',
344
+ url: _figmaLinks.FIGMA_LINKS.trialExperienceButtons["default"]
345
+ }
346
+ };
package/lib/cjs/utils/designUtils/figmaLinks.js CHANGED
@@ -116,6 +116,9 @@ var FIGMA_LINKS = {
116
116
  },
117
117
  slider: {
118
118
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43112%3A1773&mode=dev'
119
+ },
120
+ trialExperienceButtons: {
121
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43369%3A445'
119
122
  }
120
123
  };
121
124
  exports.FIGMA_LINKS = FIGMA_LINKS;
package/lib/recipes/TrialExperienceIndustryButtons.stories.js CHANGED
@@ -3,17 +3,18 @@ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance
3
3
  import React from 'react';
4
4
  import CloseIcon from '@pingux/mdi-react/CloseIcon';
5
5
  import { useModalState } from '../hooks';
6
- import { Box, Button, HelpHint, Icon, IconButton, Modal, OverlayProvider, Text } from '../index';
6
+ import { Box, Button, Icon, IconButton, Modal, OverlayProvider, Text } from '../index';
7
+ import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.js';
7
8
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
9
  export default {
9
10
  title: 'Recipes/Trial Experience Buttons'
10
11
  };
11
12
  var sx = {
12
13
  contentProps: {
13
- maxWidth: '880px',
14
+ maxWidth: '757px',
14
15
  width: '100%',
15
16
  px: '40px',
16
- pb: '45px',
17
+ pb: '35px',
17
18
  overflowY: 'scroll'
18
19
  },
19
20
  buttonLabelStyle: {
@@ -21,8 +22,8 @@ var sx = {
21
22
  color: 'text.primary',
22
23
  fontWeight: 1,
23
24
  fontSize: 'lg',
24
- lineHeight: '21px',
25
- mb: '37px',
25
+ lineHeight: 'normal',
26
+ mb: '31px',
26
27
  maxHeight: '115px',
27
28
  overflow: 'hidden'
28
29
  },
@@ -50,7 +51,7 @@ var sx = {
50
51
  gridContainerStyle: {
51
52
  display: 'grid !important',
52
53
  'gridTemplateColumns': 'repeat(auto-fit, minmax(0, 146px))',
53
- gap: '13px',
54
+ gap: 'md',
54
55
  maxWidth: '862px',
55
56
  'boxSizing': 'border-box',
56
57
  'justifyContent': 'center',
@@ -60,29 +61,27 @@ var sx = {
60
61
  headingTextStyle: {
61
62
  fontWeight: '3',
62
63
  fontSize: '30px',
63
- lineHeight: '37px',
64
+ lineHeight: 'normal',
64
65
  textAlign: 'center',
65
66
  color: 'text.primary',
66
67
  marginBottom: 'sm',
67
- marginTop: 'md'
68
+ marginTop: 'sm',
69
+ height: '42px'
68
70
  },
69
71
  iconStyle: {
70
72
  mb: 'sm',
71
73
  mt: '25px'
72
74
  },
73
- InfoLinkBox: {
74
- justifyContent: 'center',
75
- pt: '30px'
76
- },
77
75
  subheadingTextStyle: {
78
76
  fontWeight: '0',
79
77
  fontSize: 'lg',
80
- lineHeight: '20px',
78
+ lineHeight: '115%',
81
79
  textAlign: 'center',
82
80
  alignSelf: 'center',
83
81
  color: 'text.primary',
84
- marginBottom: 'xl',
85
- maxWidth: '357px'
82
+ marginBottom: '35px',
83
+ maxWidth: '491px',
84
+ height: '37px'
86
85
  }
87
86
  };
88
87
  var retailSVG = function retailSVG(props) {
@@ -122,118 +121,6 @@ var retailSVG = function retailSVG(props) {
122
121
  fill: "#051727"
123
122
  }));
124
123
  };
125
- var airlineSVG = function airlineSVG(props) {
126
- return ___EmotionJSX("svg", _extends({
127
- width: "251",
128
- height: "251",
129
- viewBox: "0 0 251 251",
130
- fill: "none",
131
- xmlns: "http://www.w3.org/2000/svg",
132
- "aria-labelledby": "airline-icon-title"
133
- }, props), ___EmotionJSX("title", {
134
- id: "airline-icon-title"
135
- }, "Airline Icon"), ___EmotionJSX("g", {
136
- clipPath: "url(#clip0_1363_5255)"
137
- }, ___EmotionJSX("path", {
138
- fillRule: "evenodd",
139
- clipRule: "evenodd",
140
- d: "M51.5664 137.361H142.583V128.361H51.5664V137.361ZM182.178 137.361H203.775V128.361H182.178V137.361Z",
141
- fill: "#B3282D"
142
- }), ___EmotionJSX("path", {
143
- fillRule: "evenodd",
144
- clipRule: "evenodd",
145
- d: "M144.381 56.3706H100.976L116.177 104.896L124.766 102.206L113.227 65.3706H138.728L158.069 105.504L166.177 101.597L144.381 56.3706ZM50.1374 77.4535H14.1562V163.586H100.417V154.586H23.1562V86.4535H44.7675L62.2509 118.849H194.005C209.161 118.849 218.187 125.841 223.636 134.275C227.987 141.008 230.067 148.718 230.817 154.586H170.351V163.586H240.216L240.156 159.027C240.062 151.889 237.937 139.823 231.195 129.39C224.295 118.712 212.58 109.849 194.005 109.849H67.6208L50.1374 77.4535ZM133.42 203.695L169.668 137.596L161.777 133.268L128.091 194.695H106.763L122.147 150.805L113.654 147.827L94.0713 203.695H133.42Z",
146
- fill: "#051727"
147
- }), ___EmotionJSX("path", {
148
- fillRule: "evenodd",
149
- clipRule: "evenodd",
150
- d: "M0.906253 211.195L30.9063 211.195L30.9062 220.195L0.906252 220.195L0.906253 211.195Z",
151
- fill: "#051727"
152
- }), ___EmotionJSX("path", {
153
- fillRule: "evenodd",
154
- clipRule: "evenodd",
155
- d: "M207.156 22.1953L250.656 22.1953L250.656 31.1953L207.156 31.1953L207.156 22.1953Z",
156
- fill: "#051727"
157
- }), ___EmotionJSX("path", {
158
- fillRule: "evenodd",
159
- clipRule: "evenodd",
160
- d: "M177.066 42.6953H212.746V51.6953L177.066 51.6953V42.6953Z",
161
- fill: "#B3282D"
162
- }), ___EmotionJSX("path", {
163
- fillRule: "evenodd",
164
- clipRule: "evenodd",
165
- d: "M222.246 42.6953H237.246V51.6953H222.246V42.6953Z",
166
- fill: "#B3282D"
167
- }), ___EmotionJSX("path", {
168
- fillRule: "evenodd",
169
- clipRule: "evenodd",
170
- d: "M24.1172 194.695L51.5664 194.695L51.5664 203.695L24.1172 203.695L24.1172 194.695Z",
171
- fill: "#B3282D"
172
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
173
- id: "clip0_1363_5255"
174
- }, ___EmotionJSX("rect", {
175
- width: "250",
176
- height: "250",
177
- fill: "white",
178
- transform: "translate(0.90625 0.282715)"
179
- }))));
180
- };
181
- var educationSVG = function educationSVG(props) {
182
- return ___EmotionJSX("svg", _extends({
183
- width: "251",
184
- height: "251",
185
- viewBox: "0 0 251 251",
186
- fill: "none",
187
- xmlns: "http://www.w3.org/2000/svg",
188
- "aria-labelledby": "education-icon-title"
189
- }, props), ___EmotionJSX("title", {
190
- id: "education-icon-title"
191
- }, "Education Icon"), ___EmotionJSX("g", {
192
- clipPath: "url(#clip0_1363_5233)"
193
- }, ___EmotionJSX("path", {
194
- fillRule: "evenodd",
195
- clipRule: "evenodd",
196
- d: "M211.33 15.7827L232.33 15.7827L232.33 24.7827L211.33 24.7827L211.33 15.7827Z",
197
- fill: "#051727"
198
- }), ___EmotionJSX("path", {
199
- fillRule: "evenodd",
200
- clipRule: "evenodd",
201
- d: "M240.33 15.7827L250.33 15.7827V24.7827H240.33V15.7827Z",
202
- fill: "#B3282D"
203
- }), ___EmotionJSX("path", {
204
- fillRule: "evenodd",
205
- clipRule: "evenodd",
206
- d: "M0.330081 214.413L30.3301 214.413L30.3301 223.413L0.33008 223.413L0.330081 214.413Z",
207
- fill: "#051727"
208
- }), ___EmotionJSX("path", {
209
- fillRule: "evenodd",
210
- clipRule: "evenodd",
211
- d: "M45.4316 197.913L57.1309 197.913L57.1309 206.913L45.4316 206.913L45.4316 197.913Z",
212
- fill: "#B3282D"
213
- }), ___EmotionJSX("path", {
214
- fillRule: "evenodd",
215
- clipRule: "evenodd",
216
- d: "M17.1309 197.913L37.6309 197.913L37.6309 206.913L17.1309 206.913L17.1309 197.913Z",
217
- fill: "#B3282D"
218
- }), ___EmotionJSX("path", {
219
- fillRule: "evenodd",
220
- clipRule: "evenodd",
221
- d: "M71.1892 59.2397C80.547 69.1575 94.8044 76.8825 116.197 76.7853L77.8365 45.7084L83.5018 38.7153L122.298 70.1451C119.871 58.7127 114.63 47.3224 105.96 38.8401C95.3726 28.4824 79.1581 21.9549 55.1272 25.6396C56.6632 35.761 61.4064 48.8714 71.1892 59.2397ZM49.3208 17.5169C78.0709 11.9279 98.6559 19.1039 112.254 32.4067C121.839 41.7835 127.66 53.9178 130.583 66.0008C134.355 57.6079 140.083 49.6143 148.058 43.7951C160.531 34.694 177.837 31.3993 200.015 39.1466L203.788 40.4648L202.924 44.3676C200.819 53.8775 194.654 67.2152 182.802 76.6124C171.299 85.7324 154.859 90.7994 132.751 85.6709V107.572H123.751V85.4715C95.9764 87.6193 76.9699 78.4807 64.6431 65.4161C51.7816 51.7849 46.582 34.3048 45.6918 22.2661L45.397 18.2797L49.3208 17.5169ZM142.431 78.267C158.017 80.1634 169.258 75.8646 177.21 69.5601C185.561 62.9389 190.62 53.8287 193.054 46.3615C175.314 41.1823 162.433 44.4471 153.363 51.0654C146.739 55.8982 141.85 62.7384 138.614 70.0866L169.527 52.6138L173.956 60.4488L142.431 78.267Z",
222
- fill: "#B3282D"
223
- }), ___EmotionJSX("path", {
224
- fillRule: "evenodd",
225
- clipRule: "evenodd",
226
- d: "M157.131 108.828H148.887V130.354L192.983 215.228C197.998 224.88 190.994 236.413 180.116 236.413H76.3872C65.5096 236.413 58.5052 224.88 63.5202 215.228L107.616 130.354V108.828H99.3722V99.8276H157.131V108.828ZM116.616 108.828H139.887V132.553L145.074 142.536H132.22V151.536H149.75L155.999 163.565L132.26 163.35L132.179 172.35L160.698 172.608L167.941 186.549L88.5625 186.549L116.616 132.553V108.828ZM83.8866 195.549L71.5066 219.377C69.6043 223.038 72.2612 227.413 76.3872 227.413H180.116C184.242 227.413 186.899 223.038 184.997 219.377L172.617 195.549L83.8866 195.549Z",
227
- fill: "#051727"
228
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
229
- id: "clip0_1363_5233"
230
- }, ___EmotionJSX("rect", {
231
- width: "250",
232
- height: "250",
233
- fill: "white",
234
- transform: "translate(0.330078 0.282715)"
235
- }))));
236
- };
237
124
  var financialSVG = function financialSVG(props) {
238
125
  return ___EmotionJSX("svg", _extends({
239
126
  width: "250",
@@ -294,57 +181,6 @@ var financialSVG = function financialSVG(props) {
294
181
  fill: "white"
295
182
  }))));
296
183
  };
297
- var governmentSVG = function governmentSVG(props) {
298
- return ___EmotionJSX("svg", _extends({
299
- width: "251",
300
- height: "250",
301
- viewBox: "0 0 251 250",
302
- fill: "none",
303
- xmlns: "http://www.w3.org/2000/svg",
304
- "aria-labelledby": "govermant-icon-title"
305
- }, props), ___EmotionJSX("title", {
306
- id: "govermant-icon-title"
307
- }, "Govermant Icon"), ___EmotionJSX("g", {
308
- clipPath: "url(#clip0_2_568)"
309
- }, ___EmotionJSX("path", {
310
- fillRule: "evenodd",
311
- clipRule: "evenodd",
312
- d: "M225.239 46.5376L189.043 46.5376L189.043 37.5376L225.239 37.5376L225.239 46.5376Z",
313
- fill: "#051727"
314
- }), ___EmotionJSX("path", {
315
- fillRule: "evenodd",
316
- clipRule: "evenodd",
317
- d: "M203.911 64.5376L232.504 64.5376V55.5376L203.911 55.5376V64.5376ZM240.602 64.5376L250.602 64.5376V55.5376L240.602 55.5376V64.5376Z",
318
- fill: "#B3282D"
319
- }), ___EmotionJSX("path", {
320
- fillRule: "evenodd",
321
- clipRule: "evenodd",
322
- d: "M27.602 223.5L8.60156 223.5L8.60156 214.5L27.602 214.5L27.602 223.5Z",
323
- fill: "#B3282D"
324
- }), ___EmotionJSX("path", {
325
- fillRule: "evenodd",
326
- clipRule: "evenodd",
327
- d: "M35.5 240.5L0.60205 240.5L0.602051 231.5L35.5 231.5L35.5 240.5Z",
328
- fill: "#051727"
329
- }), ___EmotionJSX("path", {
330
- fillRule: "evenodd",
331
- clipRule: "evenodd",
332
- d: "M120.118 16.3896H168.618V48.8896H129.118V63.1853H120.118V16.3896ZM129.118 39.8896H159.618V25.3896H129.118V39.8896Z",
333
- fill: "#B3282D"
334
- }), ___EmotionJSX("path", {
335
- fillRule: "evenodd",
336
- clipRule: "evenodd",
337
- d: "M61.0898 120.157C66.8957 92.6788 93.3575 71.5005 125.681 71.5005C158.001 71.5005 184.47 92.6813 190.272 120.157H61.0898ZM51.9181 120.157C57.8459 87.1848 88.8747 62.5005 125.681 62.5005C162.49 62.5005 193.511 87.1823 199.443 120.157H205.767V129.157H193.081V196.5H209.79V223.5H109.518V214.5H200.79V205.5H50.4141V214.5H85.4175V223.5H41.4141V196.5H58.1237V129.157H45.4386V120.157H51.9181ZM91.6832 129.157H108.823V196.5H91.6832V129.157ZM117.823 196.5V129.157H133.382V196.5H117.823ZM142.382 196.5V129.157H159.522V196.5H142.382ZM82.6832 129.157H67.1237V196.5H82.6832V129.157ZM168.522 196.5V129.157H184.081V196.5H168.522Z",
338
- fill: "#051727"
339
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
340
- id: "clip0_2_568"
341
- }, ___EmotionJSX("rect", {
342
- width: "250",
343
- height: "250",
344
- fill: "white",
345
- transform: "translate(0.602051)"
346
- }))));
347
- };
348
184
  var healthcareSVG = function healthcareSVG(props) {
349
185
  return ___EmotionJSX("svg", _extends({
350
186
  width: "250",
@@ -397,271 +233,54 @@ var healthcareSVG = function healthcareSVG(props) {
397
233
  fill: "#051727"
398
234
  }));
399
235
  };
400
- var hotelSVG = function hotelSVG(props) {
236
+ var otherSVG = function otherSVG(props) {
401
237
  return ___EmotionJSX("svg", _extends({
402
- width: "58",
403
- height: "58",
404
- viewBox: "0 0 58 58",
238
+ width: "47",
239
+ height: "47",
240
+ viewBox: "0 0 47 47",
405
241
  fill: "none",
406
242
  xmlns: "http://www.w3.org/2000/svg",
407
- "aria-labelledby": "hotel-icon-title"
243
+ "aria-labelledby": "other-icon-title"
408
244
  }, props), ___EmotionJSX("title", {
409
- id: "hotel-icon-title"
410
- }, "Hotel Icon"), ___EmotionJSX("g", {
411
- clipPath: "url(#clip0_212_10020)"
412
- }, ___EmotionJSX("path", {
413
- fillRule: "evenodd",
414
- clipRule: "evenodd",
415
- d: "M4.15229 52.8122H0.0922852V50.7242H4.15229V52.8122Z",
416
- fill: "#B3282D"
417
- }), ___EmotionJSX("path", {
418
- fillRule: "evenodd",
419
- clipRule: "evenodd",
420
- d: "M58.0922 6.41222L50.7842 6.41222L50.7842 4.32422L58.0922 4.32422L58.0922 6.41222Z",
421
- fill: "#B3282D"
422
- }), ___EmotionJSX("path", {
423
- fillRule: "evenodd",
424
- clipRule: "evenodd",
425
- d: "M52.5244 10.0372L47.1304 10.0372L47.1304 7.94922L52.5244 7.94922L52.5244 10.0372Z",
426
- fill: "#051727"
427
- }), ___EmotionJSX("path", {
428
- fillRule: "evenodd",
429
- clipRule: "evenodd",
430
- d: "M8.09634 56.2052H4.15234V54.1172H8.09634V56.2052Z",
431
- fill: "#051727"
432
- }), ___EmotionJSX("path", {
433
- fillRule: "evenodd",
434
- clipRule: "evenodd",
435
- d: "M44.8166 10.0372H42.4966V7.94922H44.8166V10.0372Z",
436
- fill: "#051727"
437
- }), ___EmotionJSX("path", {
438
- fillRule: "evenodd",
439
- clipRule: "evenodd",
440
- d: "M16.7145 19.6297H19.9455V22.8607H16.7145V19.6297ZM14.6265 24.9487V17.5417H22.0335V24.9487H14.6265ZM16.7145 30.3755H19.9455V33.6065H16.7145V30.3755ZM14.6265 35.6945V28.2875H22.0335V35.6945H14.6265ZM19.9455 41.0379H16.7145V44.2689H19.9455V41.0379ZM14.6265 38.9499V46.3569H22.0335V38.9499H14.6265ZM25.7295 30.3755H28.9605V33.6065H25.7295V30.3755ZM23.6415 35.6945V28.2875H31.0485V35.6945H23.6415ZM28.9605 19.6297H25.7295V22.8607H28.9605V19.6297ZM23.6415 17.5417V24.9487H31.0485V17.5417H23.6415ZM25.7295 41.0379H28.9605V44.2689H25.7295V41.0379ZM23.6415 46.3569V38.9499H31.0485V46.3569H23.6415Z",
441
- fill: "#B3282D"
442
- }), ___EmotionJSX("path", {
443
- fillRule: "evenodd",
444
- clipRule: "evenodd",
445
- d: "M14.7031 7.83325H30.8477V12.2143H35.5276V22.3697L49.3208 24.5177V51.7612H35.5276V51.7683H10.0237V12.2143H14.7031V7.83325ZM35.5276 49.4412H47.0008V26.5044L35.5276 24.7177V49.4412ZM28.5277 10.1533V12.2143H17.0231V10.1533H28.5277ZM33.4396 14.3023H12.1117V49.6803H33.4396V14.3023ZM40.0431 33.0868H37.4663V30.7668H40.0431V33.0868ZM42.24 33.0868H44.8168V30.7668H42.24V33.0868ZM40.0431 38.6673H37.4663V36.3473H40.0431V38.6673ZM42.24 38.6673H44.8168V36.3473H42.24V38.6673ZM40.0431 44.4504H37.4663V42.1304H40.0431V44.4504ZM42.24 44.4504H44.8168V42.1304H42.24V44.4504Z",
446
- fill: "#051727"
447
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
448
- id: "clip0_212_10020"
449
- }, ___EmotionJSX("rect", {
450
- width: "58",
451
- height: "58",
452
- fill: "white"
453
- }))));
454
- };
455
- var manufacturingSVG = function manufacturingSVG(props) {
456
- return ___EmotionJSX("svg", _extends({
457
- width: "250",
458
- height: "250",
459
- viewBox: "0 0 250 250",
460
- fill: "none",
461
- xmlns: "http://www.w3.org/2000/svg",
462
- "aria-labelledby": "manufacturing-icon-title"
463
- }, props), ___EmotionJSX("title", {
464
- id: "manufacturing-icon-title"
465
- }, "Manufacturing Icon"), ___EmotionJSX("path", {
466
- fillRule: "evenodd",
467
- clipRule: "evenodd",
468
- d: "M59 45.5H21V36.5H59V45.5Z",
469
- fill: "#051727"
470
- }), ___EmotionJSX("path", {
471
- fillRule: "evenodd",
472
- clipRule: "evenodd",
473
- d: "M0 65.5H20V56.5H0V65.5Z",
474
- fill: "#B3282D"
475
- }), ___EmotionJSX("path", {
476
- fillRule: "evenodd",
477
- clipRule: "evenodd",
478
- d: "M40 65.5H30V56.5H40V65.5Z",
479
- fill: "#B3282D"
480
- }), ___EmotionJSX("path", {
481
- fillRule: "evenodd",
482
- clipRule: "evenodd",
483
- d: "M230 239H250V230H230V239Z",
484
- fill: "#B3282D"
485
- }), ___EmotionJSX("path", {
486
- fillRule: "evenodd",
487
- clipRule: "evenodd",
488
- d: "M172.978 39.772C172.978 31.6136 179.592 25 187.75 25C195.908 25 202.522 31.6136 202.522 39.772C202.522 47.9303 195.908 54.544 187.75 54.544C179.592 54.544 172.978 47.9303 172.978 39.772ZM164.159 42.7171L115.744 62.5269C119.635 67.023 122.122 72.7676 122.523 79.0789L169.046 54.4461C166.443 51.1328 164.702 47.1107 164.159 42.7171ZM176.467 60.7009L121.054 90.0401C119.281 95.1847 116.054 99.6524 111.865 102.952V139.963H129.966V166.638H179.034V175.638L33.291 175.638L33.291 219.499L205.019 219.499V175.638H195.64V166.638H214.019V228.499L24.291 228.499L24.291 166.638H56.6733V139.963H75.246V101.309C69.8216 96.1902 66.436 88.9343 66.436 80.8876C66.436 65.3838 79.0043 52.8154 94.5081 52.8154C99.2731 52.8154 103.761 54.0026 107.692 56.0974L165.073 32.6188C168.109 22.9854 177.114 16 187.75 16C200.879 16 211.522 26.6431 211.522 39.772C211.522 43.6407 210.598 47.2936 208.958 50.5219L215.427 74.7733L200.285 82.3517L185.465 63.4356C182.233 63.1275 179.19 62.1722 176.467 60.7009ZM195.869 62.1214L202.834 71.0117L204.841 70.0073L201.876 58.8933C200.056 60.2406 198.036 61.3341 195.869 62.1214ZM102.865 139.963H84.246V107.025C87.4247 108.274 90.8863 108.96 94.5081 108.96C97.4183 108.96 100.225 108.517 102.865 107.695V139.963ZM94.5081 61.8154C83.9749 61.8154 75.436 70.3543 75.436 80.8876C75.436 91.4208 83.9749 99.9597 94.5081 99.9597C105.041 99.9597 113.58 91.4208 113.58 80.8876C113.58 70.3543 105.041 61.8154 94.5081 61.8154ZM65.6733 148.963V165.677H120.966V148.963H65.6733Z",
489
- fill: "#051727"
490
- }), ___EmotionJSX("path", {
491
- fillRule: "evenodd",
492
- clipRule: "evenodd",
493
- d: "M72.5419 190.053C68.4829 190.053 65.1924 193.343 65.1924 197.402C65.1924 201.461 68.4829 204.752 72.5419 204.752C76.6009 204.752 79.8914 201.461 79.8914 197.402C79.8914 193.343 76.6009 190.053 72.5419 190.053ZM56.1924 197.402C56.1924 188.373 63.5123 181.053 72.5419 181.053C81.5715 181.053 88.8914 188.373 88.8914 197.402C88.8914 206.432 81.5715 213.752 72.5419 213.752C63.5123 213.752 56.1924 206.432 56.1924 197.402ZM120.226 190.053C116.166 190.053 112.876 193.343 112.876 197.402C112.876 201.461 116.166 204.752 120.226 204.752C124.285 204.752 127.575 201.461 127.575 197.402C127.575 193.343 124.285 190.053 120.226 190.053ZM103.876 197.402C103.876 188.373 111.196 181.053 120.226 181.053C129.255 181.053 136.575 188.373 136.575 197.402C136.575 206.432 129.255 213.752 120.226 213.752C111.196 213.752 103.876 206.432 103.876 197.402ZM160.56 197.402C160.56 193.343 163.851 190.053 167.91 190.053C171.969 190.053 175.259 193.343 175.259 197.402C175.259 201.461 171.969 204.752 167.91 204.752C163.851 204.752 160.56 201.461 160.56 197.402ZM167.91 181.053C158.88 181.053 151.56 188.373 151.56 197.402C151.56 206.432 158.88 213.752 167.91 213.752C176.939 213.752 184.259 206.432 184.259 197.402C184.259 188.373 176.939 181.053 167.91 181.053Z",
494
- fill: "#B3282D"
495
- }), ___EmotionJSX("path", {
496
- d: "M191.396 45.252C194.546 43.1276 195.377 38.8522 193.252 35.7027C191.128 32.5532 186.853 31.7221 183.703 33.8465C180.553 35.9709 179.722 40.2463 181.847 43.3958C183.971 46.5453 188.247 47.3764 191.396 45.252Z",
497
- fill: "#B3282D"
498
- }), ___EmotionJSX("path", {
499
- d: "M99.2311 86.3417C102.812 83.9263 103.757 79.0651 101.342 75.4841C98.9262 71.903 94.0651 70.9581 90.484 73.3736C86.903 75.789 85.9581 80.6501 88.3735 84.2312C90.789 87.8123 95.6501 88.7572 99.2311 86.3417Z",
500
- fill: "#B3282D"
245
+ id: "other-icon-title"
246
+ }, "Other Icon"), ___EmotionJSX("circle", {
247
+ cx: "11.5",
248
+ cy: "23.5",
249
+ r: "3.5",
250
+ stroke: "#051727",
251
+ "stroke-width": "2"
252
+ }), ___EmotionJSX("circle", {
253
+ cx: "23.5",
254
+ cy: "23.5",
255
+ r: "3.5",
256
+ stroke: "#051727",
257
+ "stroke-width": "2"
258
+ }), ___EmotionJSX("circle", {
259
+ cx: "35.5",
260
+ cy: "23.5",
261
+ r: "3.5",
262
+ stroke: "#051727",
263
+ "stroke-width": "2"
264
+ }), ___EmotionJSX("circle", {
265
+ cx: "23.5",
266
+ cy: "23.5",
267
+ r: "22.5",
268
+ stroke: "#B3282D",
269
+ "stroke-width": "2"
501
270
  }));
502
271
  };
503
- var pharmancySVG = function pharmancySVG(props) {
504
- return ___EmotionJSX("svg", _extends({
505
- width: "250",
506
- height: "250",
507
- viewBox: "0 0 250 250",
508
- fill: "none",
509
- xmlns: "http://www.w3.org/2000/svg",
510
- "aria-labelledby": "pharmancy-icon-title"
511
- }, props), ___EmotionJSX("title", {
512
- id: "pharmancy-icon-title"
513
- }, "Pharmancy Icon"), ___EmotionJSX("path", {
514
- fillRule: "evenodd",
515
- clipRule: "evenodd",
516
- d: "M240 20.5L205 20.5L205 11.5L240 11.5L240 20.5Z",
517
- fill: "#051727"
518
- }), ___EmotionJSX("path", {
519
- fillRule: "evenodd",
520
- clipRule: "evenodd",
521
- d: "M0 238.5L27 238.5V229.5L0 229.5V238.5ZM37 238.5L47 238.5V229.5H37V238.5Z",
522
- fill: "#B3282D"
523
- }), ___EmotionJSX("path", {
524
- fillRule: "evenodd",
525
- clipRule: "evenodd",
526
- d: "M250 36.5L240 36.5L240 27.5L250 27.5L250 36.5Z",
527
- fill: "#B3282D"
528
- }), ___EmotionJSX("path", {
529
- fillRule: "evenodd",
530
- clipRule: "evenodd",
531
- d: "M45.5 31.5H86.2829V40.5H54.5V214.5H198.5V40.5H168.029V31.5H207.5V223.5H45.5V31.5Z",
532
- fill: "#051727"
533
- }), ___EmotionJSX("path", {
534
- fillRule: "evenodd",
535
- clipRule: "evenodd",
536
- d: "M59.5 44.5H85.6535V53.5H68.5V198.5H184.5V179.771H193.5V207.5H59.5V44.5ZM168.823 44.5H193.5V159.983H184.5V53.5H168.823V44.5Z",
537
- fill: "#051727"
538
- }), ___EmotionJSX("path", {
539
- d: "M127 39C129.761 39 132 36.7614 132 34C132 31.2386 129.761 29 127 29C124.239 29 122 31.2386 122 34C122 36.7614 124.239 39 127 39Z",
540
- fill: "#051727"
541
- }), ___EmotionJSX("path", {
542
- fillRule: "evenodd",
543
- clipRule: "evenodd",
544
- d: "M107.651 16.5H146.851V28.5313H163.5V54.5H90.5V28.5313H107.651V16.5ZM116.651 25.5V37.5313H99.5V45.5H154.5V37.5313H137.851V25.5H116.651Z",
545
- fill: "#051727"
546
- }), ___EmotionJSX("path", {
547
- fillRule: "evenodd",
548
- clipRule: "evenodd",
549
- d: "M146.851 16.5H107.651V28.5313H90.5V54.5H163.5V28.5313H146.851V16.5ZM116.651 37.5313V25.5H137.851V37.5313H154.5V45.5H99.5V37.5313H116.651ZM127 39C129.761 39 132 36.7614 132 34C132 31.2386 129.761 29 127 29C124.239 29 122 31.2386 122 34C122 36.7614 124.239 39 127 39ZM86.2829 31.5H45.5V223.5H207.5V31.5H168.029V40.5H198.5V214.5H54.5V40.5H86.2829V31.5ZM85.6535 44.5H59.5V207.5H193.5V179.771H184.5V198.5H68.5V53.5H85.6535V44.5ZM193.5 44.5H168.823V53.5H184.5V159.983H193.5V44.5Z",
550
- fill: "#051727"
551
- }), ___EmotionJSX("path", {
552
- fillRule: "evenodd",
553
- clipRule: "evenodd",
554
- d: "M108.041 84.0513H144.946V106.554H167.449V143.446H144.946V165.949H108.041V143.446H85.5513V106.554H108.041V84.0513ZM117.041 93.0513V115.554H94.5513V134.446H117.041V156.949H135.946V134.446H158.449V115.554H135.946V93.0513H117.041Z",
555
- fill: "#B3282D"
556
- }));
557
- };
558
- var realtySVG = function realtySVG(props) {
559
- return ___EmotionJSX("svg", _extends({
560
- width: "250",
561
- height: "251",
562
- viewBox: "0 0 250 251",
563
- fill: "none",
564
- xmlns: "http://www.w3.org/2000/svg",
565
- "aria-labelledby": "realty-icon-title"
566
- }, props), ___EmotionJSX("title", {
567
- id: "realty-icon-title"
568
- }, "Realty Icon"), ___EmotionJSX("g", {
569
- clipPath: "url(#clip0_6_8180)"
570
- }, ___EmotionJSX("path", {
571
- fillRule: "evenodd",
572
- clipRule: "evenodd",
573
- d: "M101.375 111.182H169.875V120.182H101.375V111.182Z",
574
- fill: "#051727"
575
- }), ___EmotionJSX("path", {
576
- fillRule: "evenodd",
577
- clipRule: "evenodd",
578
- d: "M101.375 165.182H169.875V174.182H101.375V165.182Z",
579
- fill: "#051727"
580
- }), ___EmotionJSX("path", {
581
- d: "M87.125 115.682C87.125 120.238 83.4313 123.932 78.875 123.932C74.3187 123.932 70.625 120.238 70.625 115.682C70.625 111.125 74.3187 107.432 78.875 107.432C83.4313 107.432 87.125 111.125 87.125 115.682Z",
582
- fill: "#051727"
583
- }), ___EmotionJSX("path", {
584
- d: "M87.125 169.682C87.125 174.238 83.4313 177.932 78.875 177.932C74.3187 177.932 70.625 174.238 70.625 169.682C70.625 165.125 74.3187 161.432 78.875 161.432C83.4313 161.432 87.125 165.125 87.125 169.682Z",
585
- fill: "#051727"
586
- }), ___EmotionJSX("path", {
587
- fillRule: "evenodd",
588
- clipRule: "evenodd",
589
- d: "M186.375 100.182H61.625V130.182H186.375V100.182ZM52.625 91.1816V139.182H195.375V91.1816H52.625Z",
590
- fill: "#B3282D"
591
- }), ___EmotionJSX("path", {
592
- fillRule: "evenodd",
593
- clipRule: "evenodd",
594
- d: "M186.375 154.182H61.625V184.182H186.375V154.182ZM52.625 145.182V193.182H195.375V145.182H52.625Z",
595
- fill: "#B3282D"
596
- }), ___EmotionJSX("path", {
597
- fillRule: "evenodd",
598
- clipRule: "evenodd",
599
- d: "M123.619 21.6985L162.211 45.2414V27.9713H199.28V65.9798L235.883 89.1284L231.073 96.7349L219 89.1V216.7H198.986V207.7H210V83.4082L190.28 70.9367V36.9713H171.211V61.2745L123.495 32.1649L38.0001 81.5633V207.7H179.852V216.7H29.0001V86.7635L16.7736 93.8279L12.271 86.0352L123.619 21.6985Z",
600
- fill: "#051727"
601
- }), ___EmotionJSX("path", {
602
- fillRule: "evenodd",
603
- clipRule: "evenodd",
604
- d: "M9.5 21.4316H35.5V30.4316H9.5V21.4316Z",
605
- fill: "#051727"
606
- }), ___EmotionJSX("path", {
607
- fillRule: "evenodd",
608
- clipRule: "evenodd",
609
- d: "M18.75 39.4316H47V48.4316H18.75V39.4316Z",
610
- fill: "#B3282D"
611
- }), ___EmotionJSX("path", {
612
- fillRule: "evenodd",
613
- clipRule: "evenodd",
614
- d: "M0 39.4316L9.5 39.4316L9.5 48.4316L-7.86805e-07 48.4316L0 39.4316Z",
615
- fill: "#B3282D"
616
- }), ___EmotionJSX("path", {
617
- fillRule: "evenodd",
618
- clipRule: "evenodd",
619
- d: "M223.228 225.932H245.728V234.932H223.228V225.932Z",
620
- fill: "#B3282D"
621
- }), ___EmotionJSX("path", {
622
- fillRule: "evenodd",
623
- clipRule: "evenodd",
624
- d: "M204.25 239.932H234.478V248.932H204.25V239.932Z",
625
- fill: "#051727"
626
- })), ___EmotionJSX("defs", null, ___EmotionJSX("clipPath", {
627
- id: "clip0_6_8180"
628
- }, ___EmotionJSX("rect", {
629
- width: "250",
630
- height: "250",
631
- fill: "white",
632
- transform: "translate(0 0.180664)"
633
- }))));
634
- };
635
272
  var buttons = [{
636
273
  name: 'Retail',
637
274
  icon: retailSVG
638
275
  }, {
639
276
  name: 'Financial Services',
640
277
  icon: financialSVG
641
- }, {
642
- name: 'Manufacturing',
643
- icon: manufacturingSVG
644
278
  }, {
645
279
  name: 'Healthcare',
646
280
  icon: healthcareSVG
647
281
  }, {
648
- name: 'Education',
649
- icon: educationSVG
650
- }, {
651
- name: 'Government',
652
- icon: governmentSVG
653
- }, {
654
- name: 'Realty',
655
- icon: realtySVG
656
- }, {
657
- name: 'Pharmacy',
658
- icon: pharmancySVG
659
- }, {
660
- name: 'Airline',
661
- icon: airlineSVG
662
- }, {
663
- name: 'Hotels',
664
- icon: hotelSVG
282
+ name: 'Other',
283
+ icon: otherSVG
665
284
  }];
666
285
  export var Default = function Default() {
667
286
  var state = useModalState();
@@ -679,14 +298,19 @@ export var Default = function Default() {
679
298
  }, ___EmotionJSX(Icon, {
680
299
  icon: CloseIcon,
681
300
  size: "sm",
301
+ sx: {
302
+ path: {
303
+ fill: 'neutral.40'
304
+ }
305
+ },
682
306
  title: {
683
307
  name: 'Close Icon'
684
308
  }
685
309
  })), ___EmotionJSX(Text, {
686
310
  sx: sx.headingTextStyle
687
- }, "Choose Your Industry"), ___EmotionJSX(Text, {
311
+ }, "Tailor your experiences"), ___EmotionJSX(Text, {
688
312
  sx: sx.subheadingTextStyle
689
- }, "To further customize your experience, choose an industry that most resembles your own."), ___EmotionJSX(Box, {
313
+ }, "Tailor your identity experiences for your industry. If you don`t see your industry, choose \"Other\"."), ___EmotionJSX(Box, {
690
314
  isRow: true,
691
315
  sx: sx.gridContainerStyle
692
316
  }, _mapInstanceProperty(buttons).call(buttons, function (button) {
@@ -702,10 +326,11 @@ export var Default = function Default() {
702
326
  }), ___EmotionJSX(Text, {
703
327
  sx: sx.buttonLabelStyle
704
328
  }, button.name)));
705
- })), ___EmotionJSX(Box, {
706
- isRow: true,
707
- sx: sx.InfoLinkBox
708
- }, ___EmotionJSX(Button, {
709
- variant: "link"
710
- }, "Skip"), ___EmotionJSX(HelpHint, null, "Info skipping")))));
329
+ })))));
330
+ };
331
+ Default.parameters = {
332
+ design: {
333
+ type: 'figma',
334
+ url: FIGMA_LINKS.trialExperienceButtons["default"]
335
+ }
711
336
  };
package/lib/utils/designUtils/figmaLinks.js CHANGED
@@ -109,5 +109,8 @@ export var FIGMA_LINKS = {
109
109
  },
110
110
  slider: {
111
111
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43112%3A1773&mode=dev'
112
+ },
113
+ trialExperienceButtons: {
114
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43369%3A445'
112
115
  }
113
116
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.23.0-alpha.0",
3
+ "version": "2.23.1-alpha.0",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",