@taikai/rocket-kit 2.0.0-beta.8 → 2.0.1
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/README.md +12 -5
- package/dist/atoms/button/types.d.ts +1 -1
- package/dist/atoms/file-picker/index.d.ts +17 -0
- package/dist/atoms/file-picker/stories/file-picker.stories.d.ts +23 -0
- package/dist/atoms/file-picker/styles.d.ts +7 -0
- package/dist/atoms/select-interactive/components/index.d.ts +6 -0
- package/dist/atoms/select-interactive/index.d.ts +2 -1
- package/dist/atoms/select-interactive/stories/select-interactive.stories.d.ts +9 -9
- package/dist/atoms/select-interactive/styles.d.ts +1 -0
- package/dist/atoms/select-interactive/types.d.ts +34 -0
- package/dist/atoms/tag/types.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/ions/variables.d.ts +1 -0
- package/dist/rocket-kit.cjs.development.js +430 -244
- package/dist/rocket-kit.cjs.development.js.map +1 -1
- package/dist/rocket-kit.cjs.production.min.js +292 -200
- package/dist/rocket-kit.cjs.production.min.js.map +1 -1
- package/dist/rocket-kit.esm.js +430 -245
- package/dist/rocket-kit.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rocket-kit.esm.js
CHANGED
|
@@ -16,6 +16,7 @@ const colors = {
|
|
|
16
16
|
normal: '#000000',
|
|
17
17
|
light: '#ffffff',
|
|
18
18
|
blue: '#4250e4',
|
|
19
|
+
darkBlue: '#1825AD',
|
|
19
20
|
orange: '#ff6a2c',
|
|
20
21
|
darkOrange: /*#__PURE__*/darken(0.2, '#ff6a2c'),
|
|
21
22
|
red: '#ef5766',
|
|
@@ -123,10 +124,13 @@ const {
|
|
|
123
124
|
red,
|
|
124
125
|
darkRed,
|
|
125
126
|
purple,
|
|
126
|
-
darkPurple
|
|
127
|
+
darkPurple,
|
|
128
|
+
blue,
|
|
129
|
+
darkBlue
|
|
127
130
|
} = colors;
|
|
128
131
|
const {
|
|
129
|
-
bold
|
|
132
|
+
bold,
|
|
133
|
+
medium
|
|
130
134
|
} = fontWeight;
|
|
131
135
|
const pulseKeyframes = keyframes`
|
|
132
136
|
0% {
|
|
@@ -142,7 +146,7 @@ const pulseKeyframes = keyframes`
|
|
|
142
146
|
const ButtonWrapper = /*#__PURE__*/_styled.button.withConfig({
|
|
143
147
|
displayName: "styles__ButtonWrapper",
|
|
144
148
|
componentId: "baestp-0"
|
|
145
|
-
})(["--button:", ";--txt:", ";--hover:", ";", " ", " ", " ", " ", " ", " ", " ", " ", " border-width:", ";border-style:solid;border-color:var(--button);border-radius:", ";background-color:", ";width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";text-transform:uppercase;white-space:nowrap;transition-duration:0.3s;cursor:pointer;@media ", "{min-width:", ";}&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}&:disabled{cursor:inherit;opacity:0.5;&:hover{pointer-events:none;}}> *:not(:last-child){margin-left:", ";margin-right:", ";}.spinner{border-top-color:", ";}span{position:relative;font-size:0.75rem;font-weight:", ";color:", ";pointer-events:none;transition-duration:0.3s;order:", ";}svg{order:", ";width:auto;min-width:", ";height:", ";fill:", ";transition:0.3s;}", ""], green, light, darkGreen, props => props.color === 'green' && css`
|
|
149
|
+
})(["--button:", ";--txt:", ";--hover:", ";", " ", " ", " ", " ", " ", " ", " ", " ", " ", " border-width:", ";border-style:solid;border-color:var(--button);border-radius:", ";background-color:", ";width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";text-transform:uppercase;white-space:nowrap;transition-duration:0.3s;cursor:pointer;@media ", "{min-width:", ";}&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}&:disabled{cursor:inherit;opacity:0.5;&:hover{pointer-events:none;}}> *:not(:last-child){margin-left:", ";margin-right:", ";}.spinner{border-top-color:", ";}span{position:relative;font-size:0.75rem;font-weight:", ";letter-spacing:1px;color:", ";pointer-events:none;transition-duration:0.3s;order:", ";}svg{order:", ";width:auto;min-width:", ";height:", ";fill:", ";transition:0.3s;}", ""], green, light, darkGreen, props => props.color === 'green' && css`
|
|
146
150
|
--button: ${green};
|
|
147
151
|
--hover: ${darkGreen};
|
|
148
152
|
`, props => props.color === 'orange' && css`
|
|
@@ -154,6 +158,9 @@ const ButtonWrapper = /*#__PURE__*/_styled.button.withConfig({
|
|
|
154
158
|
`, props => props.color === 'grey' && css`
|
|
155
159
|
--button: ${grey$1};
|
|
156
160
|
--hover: ${darkGrey};
|
|
161
|
+
`, props => props.color === 'blue' && css`
|
|
162
|
+
--button: ${blue};
|
|
163
|
+
--hover: ${darkBlue};
|
|
157
164
|
`, props => props.color === 'purple' && css`
|
|
158
165
|
--button: ${purple};
|
|
159
166
|
--hover: ${darkPurple};
|
|
@@ -171,7 +178,7 @@ const ButtonWrapper = /*#__PURE__*/_styled.button.withConfig({
|
|
|
171
178
|
`, props => props.color === 'magic' && css`
|
|
172
179
|
--button: ${light};
|
|
173
180
|
--hover: ${lightGrey};
|
|
174
|
-
`, props => props.variant === 'outline' ? '3px' : 0, props => props.variant === 'text' ? 0 : '999px', props => props.variant === 'solid' ? 'var(--button)' : 'transparent', props => props.value ? props.circle ? rem('36px') : 'min-content' : rem('36px'), /*#__PURE__*/rem('
|
|
181
|
+
`, props => props.variant === 'outline' ? '3px' : 0, props => props.variant === 'text' ? 0 : '999px', props => props.variant === 'solid' ? 'var(--button)' : 'transparent', props => props.value ? props.circle ? rem('36px') : 'min-content' : rem('36px'), /*#__PURE__*/rem('32px'), props => props.value ? props.circle ? 0 : `0 ${rem('20px')}` : 0, device.l, props => props.value ? rem('100px') : rem('36px'), props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--hover)' : 'transparent', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.iconPosition === 'right' ? '5px' : 0, props => props.iconPosition === 'left' ? '5px' : 0, props => props.variant === 'solid' ? '' : 'var(--button)', medium, props => props.variant === 'solid' ? 'var(--txt)' : 'var(--button)', props => props.iconPosition === 'left' ? 2 : 1, props => props.iconPosition === 'left' ? 1 : 2, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), props => props.variant === 'solid' ? 'var(--txt)' : 'var(--button)', props => props.color === 'magic' && css`
|
|
175
182
|
position: relative;
|
|
176
183
|
background-image: linear-gradient(to bottom right, #ef5867, #5031a8);
|
|
177
184
|
height: ${rem('60px')};
|
|
@@ -354,15 +361,18 @@ const {
|
|
|
354
361
|
red: red$1,
|
|
355
362
|
darkRed: darkRed$1,
|
|
356
363
|
purple: purple$1,
|
|
357
|
-
darkPurple: darkPurple$1
|
|
364
|
+
darkPurple: darkPurple$1,
|
|
365
|
+
blue: blue$1,
|
|
366
|
+
darkBlue: darkBlue$1
|
|
358
367
|
} = colors;
|
|
359
368
|
const {
|
|
360
|
-
bold: bold$1
|
|
369
|
+
bold: bold$1,
|
|
370
|
+
medium: medium$1
|
|
361
371
|
} = fontWeight;
|
|
362
372
|
const ButtonLinkStyle = /*#__PURE__*/_styled.a.withConfig({
|
|
363
373
|
displayName: "styles__ButtonLinkStyle",
|
|
364
374
|
componentId: "clge7v-0"
|
|
365
|
-
})(["--button:", ";--txt:", ";--hover:", ";", " ", " ", " ", " ", " ", " ", " ", " ", " border-width:", ";border-style:solid;border-color:var(--button);border-radius:", ";background-color:", ";width:min-content;min-width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";text-transform:uppercase;white-space:nowrap;text-decoration:none;transition-duration:0.3s;cursor:pointer;@media ", "{min-width:", ";}&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}> *:not(:last-child){margin-left:", ";margin-right:", ";}span{position:relative;font-size:0.75rem;font-weight:", ";color:", ";pointer-events:none;transition-duration:0.3s;order:", ";}svg{order:", ";width:auto;min-width:", ";height:", ";fill:", ";transition:0.3s;}", ""], green$1, light$2, darkGreen$1, props => props.color === 'green' && css`
|
|
375
|
+
})(["--button:", ";--txt:", ";--hover:", ";", " ", " ", " ", " ", " ", " ", " ", " ", " ", " border-width:", ";border-style:solid;border-color:var(--button);border-radius:", ";background-color:", ";width:min-content;min-width:", ";height:", ";display:flex;justify-content:center;align-items:center;padding:", ";text-transform:uppercase;white-space:nowrap;text-decoration:none;transition-duration:0.3s;cursor:pointer;@media ", "{min-width:", ";}&:hover{border-color:", ";background-color:", ";span{color:", ";}svg{fill:", ";}}> *:not(:last-child){margin-left:", ";margin-right:", ";}span{position:relative;font-size:0.75rem;font-weight:", ";letter-spacing:1px;color:", ";pointer-events:none;transition-duration:0.3s;order:", ";}svg{order:", ";width:auto;min-width:", ";height:", ";fill:", ";transition:0.3s;}", ""], green$1, light$2, darkGreen$1, props => props.color === 'green' && css`
|
|
366
376
|
--button: ${green$1};
|
|
367
377
|
--hover: ${darkGreen$1};
|
|
368
378
|
`, props => props.color === 'orange' && css`
|
|
@@ -384,6 +394,9 @@ const ButtonLinkStyle = /*#__PURE__*/_styled.a.withConfig({
|
|
|
384
394
|
`, props => props.color === 'dark' && css`
|
|
385
395
|
--button: ${normal$2};
|
|
386
396
|
--hover: ${darkGrey$1};
|
|
397
|
+
`, props => props.color === 'blue' && css`
|
|
398
|
+
--button: ${blue$1};
|
|
399
|
+
--hover: ${darkBlue$1};
|
|
387
400
|
`, props => props.color === 'pulse' && css`
|
|
388
401
|
--button: ${red$1};
|
|
389
402
|
--hover: ${darkRed$1};
|
|
@@ -391,7 +404,7 @@ const ButtonLinkStyle = /*#__PURE__*/_styled.a.withConfig({
|
|
|
391
404
|
`, props => props.color === 'magic' && css`
|
|
392
405
|
--button: ${light$2};
|
|
393
406
|
--hover: ${lightGrey$2};
|
|
394
|
-
`, props => props.variant === 'outline' ? '3px' : 0, props => props.variant === 'text' ? 0 : '999px', props => props.variant === 'solid' ? 'var(--button)' : 'transparent', props => props.value ? rem('80px') : rem('36px'), /*#__PURE__*/rem('
|
|
407
|
+
`, props => props.variant === 'outline' ? '3px' : 0, props => props.variant === 'text' ? 0 : '999px', props => props.variant === 'solid' ? 'var(--button)' : 'transparent', props => props.value ? rem('80px') : rem('36px'), /*#__PURE__*/rem('32px'), props => props.value ? `0 ${rem('20px')}` : 0, device.l, props => props.value ? rem('100px') : rem('36px'), props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? 'var(--hover)' : 'transparent', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.variant === 'solid' ? '' : 'var(--hover)', props => props.iconPosition === 'right' ? '5px' : 0, props => props.iconPosition === 'left' ? '5px' : 0, medium$1, props => props.variant === 'solid' ? 'var(--txt)' : 'var(--button)', props => props.iconPosition === 'left' ? 2 : 1, props => props.iconPosition === 'left' ? 1 : 2, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), props => props.variant === 'solid' ? 'var(--txt)' : 'var(--button)', props => props.color === 'magic' && css`
|
|
395
408
|
position: relative;
|
|
396
409
|
background-image: linear-gradient(to bottom right, #ef5867, #5031a8);
|
|
397
410
|
height: ${rem('60px')};
|
|
@@ -753,7 +766,8 @@ const icons = {
|
|
|
753
766
|
"ledger": 'M3 21.0526V27.4139H12.6806V26.0048H4.4172V21.0526H3ZM3 5.00808V11.3532H4.4172V6.40912H12.6887V5L3 5.00808Z M29 21.0526V27.4139H19.3167V26.0048H27.5882V21.0526H29ZM29 5.00808V11.3532H27.5882V6.40912H19.3167V5L29 5.00808Z M14.1841 11.3612H12.7749V21.0445H19.1362V19.7728H14.1841V11.3612Z',
|
|
754
767
|
"moonbeam": 'M21.142 5.645c2.964 1.257 4.94 4.356 4.715 7.499-5.299 0-10.598 0.045-15.896-0.045 0-2.111 0.718-4.266 2.245-5.748 2.245-2.29 5.972-3.009 8.936-1.706z M20.917 25.852c0.314 0 0.584 0.18 0.584 0.404s-0.27 0.404-0.584 0.404h-8.532c-0.314 0-0.584-0.18-0.584-0.404s0.269-0.404 0.584-0.404h8.532z M10.544 26.661c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M15.663 24.505c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M25.677 23.338c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-8.352c-0.314 0-0.584-0.269-0.584-0.584s0.27-0.584 0.584-0.584h8.352z M4.706 22.35c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M13.014 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.27 0.584-0.584 0.584h-6.87c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h6.87z M28.416 21.182c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-13.651c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h13.651z M25.857 19.027c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M7.266 20.195c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M22.354 16.916c0.314 0 0.584 0.269 0.584 0.584s-0.269 0.584-0.584 0.584h-16.75c-0.314 0-0.584-0.269-0.584-0.584s0.269-0.584 0.584-0.584h16.75z M3.584 18.084c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M7.266 15.929c0.322 0 0.584-0.261 0.584-0.584s-0.261-0.584-0.584-0.584c-0.322 0-0.584 0.261-0.584 0.584s0.261 0.584 0.584 0.584z M27.473 14.761c0.314 0 0.584 0.27 0.584 0.584s-0.269 0.584-0.584 0.584h-18.231c-0.314 0-0.584-0.27-0.584-0.584s0.269-0.584 0.584-0.584h18.231z',
|
|
755
768
|
"solidity": 'M20.535 3l4.177 7.429h-8.357l-4.177 7.427-4.177-7.427 4.177-7.429h8.357zM16.398 21.571l4.177-7.427 4.18 7.427-4.18 7.429h-8.357l-4.177-7.429h8.357z',
|
|
756
|
-
"metamask": 'M27.043 16.037l1.128-1.32c0.006-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.013-0.005-0.025-0.012-0.036s-0.016-0.020-0.027-0.026l-0.415-0.299 0.722-0.66c0.005-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.014-0.005-0.027-0.012-0.039s-0.016-0.022-0.027-0.030l-0.514-0.399 0.706-0.537c0.011-0.009 0.021-0.021 0.027-0.034s0.010-0.028 0.011-0.042c0.002-0.015-0.001-0.031-0.008-0.044s-0.018-0.025-0.031-0.033l-0.484-0.376 0.837-4.053v-0.046l-1.274-3.838c-0.011-0.020-0.029-0.035-0.050-0.043s-0.044-0.009-0.066-0.003v0l-8.183 3.071h-6.778l-8.168-3.071h-0.077c-0.022 0.015-0.038 0.037-0.046 0.061l-1.274 3.838c-0.004 0.015-0.004 0.031 0 0.046l0.852 4.053-0.507 0.376c-0.012 0.009-0.022 0.020-0.029 0.034s-0.010 0.028-0.010 0.043c0.001 0.015 0.005 0.029 0.011 0.043s0.016 0.025 0.027 0.034l0.722 0.537-0.514 0.407c-0.011 0.008-0.020 0.018-0.027 0.030s-0.011 0.025-0.011 0.039c-0.007 0.025-0.007 0.052 0 0.077l0.714 0.66-0.415 0.299c-0.017 0.018-0.030 0.038-0.038 0.062-0.008 0.025-0.008 0.052 0 0.077l1.136 1.32-1.75 5.42c-0.004 0.009-0.005 0.018-0.005 0.027s0.002 0.018 0.005 0.027l1.635 5.588c0.003 0.012 0.008 0.024 0.015 0.034s0.017 0.019 0.027 0.025c0.011 0.006 0.023 0.011 0.035 0.012s0.025 0.001 0.037-0.003l5.688-1.535 1.090 0.89 2.303 1.535h4l2.303-1.574 1.067-0.875 5.696 1.535c0.025 0.007 0.053 0.004 0.076-0.009s0.040-0.035 0.047-0.060l1.643-5.588v-0.054l-1.812-5.42zM11.060 19.314c-0.018-0.008-0.034-0.020-0.045-0.037s-0.017-0.036-0.017-0.055c0-0.020 0.006-0.039 0.017-0.055s0.027-0.029 0.045-0.037l2.011-0.921c0.023-0.009 0.047-0.009 0.070 0s0.041 0.025 0.053 0.046l0.837 1.75c0.010 0.013 0.015 0.029 0.015 0.046s-0.005 0.033-0.015 0.046c-0.007 0.014-0.018 0.026-0.032 0.034s-0.029 0.012-0.045 0.012l-2.894-0.829zM18.222 26.146c-0.016 0.009-0.035 0.015-0.054 0.015s-0.037-0.005-0.054-0.015l-0.238-0.192h-3.746l-0.223 0.192c-0.020 0.008-0.042 0.008-0.061 0h-0.046c-0.017-0.011-0.031-0.025-0.040-0.043s-0.014-0.037-0.014-0.057l0.276-2.226c0.008-0.025 0.025-0.046 0.046-0.061l0.476-0.338c0.008-0.004 0.018-0.005 0.027-0.005s0.018 0.002 0.027 0.005h2.863l0.484 0.33c0.010 0.027 0.010 0.057 0 0.084v0l0.276 2.211c0.007 0.016 0.010 0.034 0.008 0.051s-0.007 0.034-0.016 0.049h0.008zM20.971 19.307l-2.863 0.844h-0.061c-0.009-0.025-0.009-0.052 0-0.077-0.003-0.018-0.003-0.036 0-0.054l0.837-1.758c0.014-0.021 0.034-0.037 0.058-0.045s0.049-0.009 0.073-0.001l2.019 0.921c0.019 0.008 0.034 0.023 0.044 0.041s0.013 0.039 0.010 0.059c-0.007 0.025-0.024 0.047-0.047 0.060s-0.050 0.016-0.076 0.009h0.008z'
|
|
769
|
+
"metamask": 'M27.043 16.037l1.128-1.32c0.006-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.013-0.005-0.025-0.012-0.036s-0.016-0.020-0.027-0.026l-0.415-0.299 0.722-0.66c0.005-0.012 0.008-0.025 0.008-0.038s-0.003-0.026-0.008-0.038c-0.001-0.014-0.005-0.027-0.012-0.039s-0.016-0.022-0.027-0.030l-0.514-0.399 0.706-0.537c0.011-0.009 0.021-0.021 0.027-0.034s0.010-0.028 0.011-0.042c0.002-0.015-0.001-0.031-0.008-0.044s-0.018-0.025-0.031-0.033l-0.484-0.376 0.837-4.053v-0.046l-1.274-3.838c-0.011-0.020-0.029-0.035-0.050-0.043s-0.044-0.009-0.066-0.003v0l-8.183 3.071h-6.778l-8.168-3.071h-0.077c-0.022 0.015-0.038 0.037-0.046 0.061l-1.274 3.838c-0.004 0.015-0.004 0.031 0 0.046l0.852 4.053-0.507 0.376c-0.012 0.009-0.022 0.020-0.029 0.034s-0.010 0.028-0.010 0.043c0.001 0.015 0.005 0.029 0.011 0.043s0.016 0.025 0.027 0.034l0.722 0.537-0.514 0.407c-0.011 0.008-0.020 0.018-0.027 0.030s-0.011 0.025-0.011 0.039c-0.007 0.025-0.007 0.052 0 0.077l0.714 0.66-0.415 0.299c-0.017 0.018-0.030 0.038-0.038 0.062-0.008 0.025-0.008 0.052 0 0.077l1.136 1.32-1.75 5.42c-0.004 0.009-0.005 0.018-0.005 0.027s0.002 0.018 0.005 0.027l1.635 5.588c0.003 0.012 0.008 0.024 0.015 0.034s0.017 0.019 0.027 0.025c0.011 0.006 0.023 0.011 0.035 0.012s0.025 0.001 0.037-0.003l5.688-1.535 1.090 0.89 2.303 1.535h4l2.303-1.574 1.067-0.875 5.696 1.535c0.025 0.007 0.053 0.004 0.076-0.009s0.040-0.035 0.047-0.060l1.643-5.588v-0.054l-1.812-5.42zM11.060 19.314c-0.018-0.008-0.034-0.020-0.045-0.037s-0.017-0.036-0.017-0.055c0-0.020 0.006-0.039 0.017-0.055s0.027-0.029 0.045-0.037l2.011-0.921c0.023-0.009 0.047-0.009 0.070 0s0.041 0.025 0.053 0.046l0.837 1.75c0.010 0.013 0.015 0.029 0.015 0.046s-0.005 0.033-0.015 0.046c-0.007 0.014-0.018 0.026-0.032 0.034s-0.029 0.012-0.045 0.012l-2.894-0.829zM18.222 26.146c-0.016 0.009-0.035 0.015-0.054 0.015s-0.037-0.005-0.054-0.015l-0.238-0.192h-3.746l-0.223 0.192c-0.020 0.008-0.042 0.008-0.061 0h-0.046c-0.017-0.011-0.031-0.025-0.040-0.043s-0.014-0.037-0.014-0.057l0.276-2.226c0.008-0.025 0.025-0.046 0.046-0.061l0.476-0.338c0.008-0.004 0.018-0.005 0.027-0.005s0.018 0.002 0.027 0.005h2.863l0.484 0.33c0.010 0.027 0.010 0.057 0 0.084v0l0.276 2.211c0.007 0.016 0.010 0.034 0.008 0.051s-0.007 0.034-0.016 0.049h0.008zM20.971 19.307l-2.863 0.844h-0.061c-0.009-0.025-0.009-0.052 0-0.077-0.003-0.018-0.003-0.036 0-0.054l0.837-1.758c0.014-0.021 0.034-0.037 0.058-0.045s0.049-0.009 0.073-0.001l2.019 0.921c0.019 0.008 0.034 0.023 0.044 0.041s0.013 0.039 0.010 0.059c-0.007 0.025-0.024 0.047-0.047 0.060s-0.050 0.016-0.076 0.009h0.008z',
|
|
770
|
+
"launch": 'M19.1153 6C18.4467 6 17.9048 6.54196 17.9048 7.2105C17.9048 7.87905 18.4467 8.42101 19.1153 8.42101H21.8671L13.4974 16.7907C13.0247 17.2634 13.0247 18.0299 13.4974 18.5026C13.9701 18.9753 14.7366 18.9753 15.2093 18.5026L23.579 10.1329V12.8847C23.579 13.5533 24.121 14.0952 24.7895 14.0952C25.458 14.0952 26 13.5533 26 12.8847V7.2105C26 6.54196 25.458 6 24.7895 6H19.1153Z M9.14146 8.16167C8.8816 8.16167 8.63239 8.26489 8.44864 8.44864C8.26489 8.63239 8.16167 8.8816 8.16167 9.14146V22.8585C8.16167 23.1184 8.26489 23.3676 8.44864 23.5514C8.63239 23.7351 8.8816 23.8383 9.14146 23.8383H22.8585C23.1184 23.8383 23.3676 23.7351 23.5514 23.5514C23.7351 23.3676 23.8383 23.1184 23.8383 22.8585V19.055C23.8383 18.5139 24.277 18.0752 24.8181 18.0752C25.3592 18.0752 25.7979 18.5139 25.7979 19.055V22.8585C25.7979 23.6381 25.4882 24.3858 24.937 24.937C24.3858 25.4882 23.6381 25.7979 22.8585 25.7979H9.14146C8.36189 25.7979 7.61424 25.4882 7.06301 24.937C6.51177 24.3858 6.20208 23.6381 6.20208 22.8585V9.14146C6.20208 8.36189 6.51177 7.61425 7.06301 7.06301C7.61425 6.51177 8.36189 6.20208 9.14146 6.20208H12.945C13.4861 6.20208 13.9248 6.64075 13.9248 7.18187C13.9248 7.723 13.4861 8.16167 12.945 8.16167H9.14146Z M6.92011 6.92011C7.50925 6.33097 8.30829 6 9.14146 6H12.945C13.5977 6 14.1268 6.52914 14.1268 7.18187C14.1268 7.83461 13.5977 8.36375 12.945 8.36375H9.14146C8.9352 8.36375 8.73738 8.44569 8.59153 8.59153C8.44568 8.73738 8.36375 8.9352 8.36375 9.14146V22.8585C8.36375 23.0648 8.44568 23.2626 8.59153 23.4085C8.73738 23.5543 8.9352 23.6363 9.14146 23.6363H22.8585C23.0648 23.6363 23.2626 23.5543 23.4085 23.4085C23.5543 23.2626 23.6363 23.0648 23.6363 22.8585V19.055C23.6363 18.4023 24.1654 17.8732 24.8181 17.8732C25.4709 17.8732 26 18.4023 26 19.055V22.8585C26 23.6917 25.669 24.4908 25.0799 25.0799C24.4908 25.669 23.6917 26 22.8585 26H9.14146C8.30829 26 7.50925 25.669 6.92011 25.0799C6.33097 24.4907 6 23.6917 6 22.8585V9.14146C6 8.30829 6.33097 7.50925 6.92011 6.92011ZM9.14146 6.40416C8.41548 6.40416 7.71924 6.69256 7.2059 7.2059C6.69256 7.71924 6.40416 8.41548 6.40416 9.14146V22.8585C6.40416 23.5845 6.69256 24.2808 7.2059 24.7941C7.71924 25.3074 8.41548 25.5958 9.14146 25.5958H22.8585C23.5845 25.5958 24.2808 25.3074 24.7941 24.7941C25.3074 24.2808 25.5958 23.5845 25.5958 22.8585V19.055C25.5958 18.6255 25.2476 18.2773 24.8181 18.2773C24.3886 18.2773 24.0404 18.6255 24.0404 19.055V22.8585C24.0404 23.172 23.9159 23.4726 23.6943 23.6943C23.4726 23.9159 23.172 24.0404 22.8585 24.0404H9.14146C8.82801 24.0404 8.52739 23.9159 8.30575 23.6943C8.0841 23.4726 7.95958 23.172 7.95958 22.8585V9.14146C7.95958 8.828 8.0841 8.52739 8.30575 8.30575C8.52739 8.0841 8.828 7.95958 9.14146 7.95958H12.945C13.3745 7.95958 13.7227 7.61139 13.7227 7.18187C13.7227 6.75236 13.3745 6.40416 12.945 6.40416H9.14146Z'
|
|
757
771
|
};
|
|
758
772
|
|
|
759
773
|
const {
|
|
@@ -1019,16 +1033,20 @@ const Spinner = props => {
|
|
|
1019
1033
|
};
|
|
1020
1034
|
|
|
1021
1035
|
const {
|
|
1036
|
+
normal: normal$5,
|
|
1022
1037
|
light: light$7,
|
|
1023
1038
|
grey: grey$b,
|
|
1024
1039
|
green: green$5,
|
|
1025
1040
|
orange: orange$2,
|
|
1026
1041
|
red: red$7
|
|
1027
1042
|
} = colors;
|
|
1043
|
+
const {
|
|
1044
|
+
bold: bold$3
|
|
1045
|
+
} = fontWeight;
|
|
1028
1046
|
const TagWrapper = /*#__PURE__*/_styled.span.withConfig({
|
|
1029
1047
|
displayName: "styles__TagWrapper",
|
|
1030
1048
|
componentId: "sc-1ghratr-0"
|
|
1031
|
-
})(["display:inline-block;border:", " solid ", ";border-radius:
|
|
1049
|
+
})(["display:inline-block;border:", " solid ", ";border-radius:", ";background-color:", ";max-width:", ";padding:", " ", ";font-size:", ";font-weight:", ";letter-spacing:0.1em;line-height:1;color:", ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;&:not(:first-child){margin-left:", ";}", " ", " ", " ", " ", " ", ""], /*#__PURE__*/rem('2px'), grey$b, /*#__PURE__*/rem('3px'), grey$b, /*#__PURE__*/rem('150px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('8px'), /*#__PURE__*/rem('12px'), bold$3, light$7, /*#__PURE__*/rem('5px'), props => props.color === 'green' && css`
|
|
1032
1050
|
border-color: ${green$5};
|
|
1033
1051
|
background-color: ${green$5};
|
|
1034
1052
|
color: ${props.variant === 'solid' ? light$7 : green$5};
|
|
@@ -1044,6 +1062,10 @@ const TagWrapper = /*#__PURE__*/_styled.span.withConfig({
|
|
|
1044
1062
|
border-color: ${grey$b};
|
|
1045
1063
|
background-color: ${grey$b};
|
|
1046
1064
|
color: ${props.variant === 'solid' ? light$7 : grey$b};
|
|
1065
|
+
`, props => props.color === 'light' && css`
|
|
1066
|
+
border-color: ${light$7};
|
|
1067
|
+
background-color: ${light$7};
|
|
1068
|
+
color: ${props.variant === 'solid' ? normal$5 : light$7};
|
|
1047
1069
|
`, props => props.variant === 'outline' && css`
|
|
1048
1070
|
background-color: transparent;
|
|
1049
1071
|
`);
|
|
@@ -1070,12 +1092,12 @@ const {
|
|
|
1070
1092
|
light: light$8
|
|
1071
1093
|
} = colors;
|
|
1072
1094
|
const {
|
|
1073
|
-
bold: bold$
|
|
1095
|
+
bold: bold$4
|
|
1074
1096
|
} = fontWeight;
|
|
1075
1097
|
const TagWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
1076
1098
|
displayName: "styles__TagWrapper",
|
|
1077
1099
|
componentId: "db57da-0"
|
|
1078
|
-
})(["display:flex;border:", " solid ", ";border-radius:", ";
|
|
1100
|
+
})(["display:flex;border:", " solid ", ";border-radius:", ";line-height:1;max-width:100%;width:max-content;overflow:hidden;span{display:inline-block;padding:", " ", ";font-size:", ";font-weight:", ";letter-spacing:0.1em;&.label{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;}&.value{background-color:", ";font-weight:", ";color:", ";}}&:not(:first-child){margin-left:", ";}"], /*#__PURE__*/rem('2px'), grey$c, /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('3px'), /*#__PURE__*/rem('8px'), /*#__PURE__*/rem('12px'), bold$4, grey$c, bold$4, light$8, /*#__PURE__*/rem('5px'));
|
|
1079
1101
|
|
|
1080
1102
|
const TagNumber = props => {
|
|
1081
1103
|
const {
|
|
@@ -1221,9 +1243,10 @@ const Select = props => {
|
|
|
1221
1243
|
};
|
|
1222
1244
|
|
|
1223
1245
|
const {
|
|
1224
|
-
normal: normal$
|
|
1246
|
+
normal: normal$6,
|
|
1225
1247
|
light: light$9,
|
|
1226
1248
|
grey: grey$d,
|
|
1249
|
+
lightGrey: lightGrey$8,
|
|
1227
1250
|
purple: purple$5,
|
|
1228
1251
|
lightPurple
|
|
1229
1252
|
} = colors;
|
|
@@ -1258,11 +1281,11 @@ const SelectWrapper = _styled.div`
|
|
|
1258
1281
|
}
|
|
1259
1282
|
|
|
1260
1283
|
&__input {
|
|
1261
|
-
color: ${normal$
|
|
1284
|
+
color: ${normal$6};
|
|
1262
1285
|
}
|
|
1263
1286
|
|
|
1264
1287
|
&__single-value {
|
|
1265
|
-
color: ${normal$
|
|
1288
|
+
color: ${normal$6};
|
|
1266
1289
|
}
|
|
1267
1290
|
|
|
1268
1291
|
&__indicator {
|
|
@@ -1301,7 +1324,7 @@ const SelectWrapper = _styled.div`
|
|
|
1301
1324
|
|
|
1302
1325
|
&--is-selected {
|
|
1303
1326
|
background-color: ${lightPurple};
|
|
1304
|
-
color: ${normal$
|
|
1327
|
+
color: ${normal$6};
|
|
1305
1328
|
}
|
|
1306
1329
|
}
|
|
1307
1330
|
}
|
|
@@ -1329,7 +1352,7 @@ const SelectWrapper = _styled.div`
|
|
|
1329
1352
|
|
|
1330
1353
|
.select__option--is-selected {
|
|
1331
1354
|
svg {
|
|
1332
|
-
fill: ${normal$
|
|
1355
|
+
fill: ${normal$6};
|
|
1333
1356
|
transition-duration: 0.3s;
|
|
1334
1357
|
}
|
|
1335
1358
|
}
|
|
@@ -1340,64 +1363,92 @@ const SelectWrapper = _styled.div`
|
|
|
1340
1363
|
transition-duration: 0.3s;
|
|
1341
1364
|
}
|
|
1342
1365
|
}
|
|
1343
|
-
`;
|
|
1344
1366
|
|
|
1345
|
-
|
|
1346
|
-
|
|
1347
|
-
|
|
1348
|
-
|
|
1349
|
-
|
|
1350
|
-
|
|
1351
|
-
|
|
1352
|
-
value,
|
|
1353
|
-
clear = true,
|
|
1354
|
-
onChange = () => {},
|
|
1355
|
-
onInputChange = () => {},
|
|
1356
|
-
error,
|
|
1357
|
-
disabled = false,
|
|
1358
|
-
dataTestId
|
|
1359
|
-
} = props;
|
|
1360
|
-
const {
|
|
1361
|
-
Option
|
|
1362
|
-
} = components;
|
|
1363
|
-
|
|
1364
|
-
const CustomSelectOption = (props, commonProps) => /*#__PURE__*/React.createElement(Option, Object.assign({}, props, commonProps), props.data.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
1365
|
-
icon: props.data.icon
|
|
1366
|
-
}) : props.data.customImage ? props.data.customImage : null, props.data.label);
|
|
1367
|
+
.select__option--is-disabled {
|
|
1368
|
+
pointer-events: none;
|
|
1369
|
+
}
|
|
1370
|
+
`;
|
|
1371
|
+
const SelectGroupLabel = _styled.span`
|
|
1372
|
+
font-size: ${/*#__PURE__*/rem('12px')};
|
|
1373
|
+
color: ${lightGrey$8};
|
|
1367
1374
|
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1375
|
+
+ .tag {
|
|
1376
|
+
border-color: ${lightGrey$8};
|
|
1377
|
+
background-color: ${lightGrey$8};
|
|
1378
|
+
color: ${grey$d};
|
|
1379
|
+
}
|
|
1380
|
+
`;
|
|
1371
1381
|
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1382
|
+
const {
|
|
1383
|
+
Option
|
|
1384
|
+
} = components;
|
|
1385
|
+
const FormatGroupLabel = ({
|
|
1386
|
+
label,
|
|
1387
|
+
options
|
|
1388
|
+
}) => {
|
|
1389
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1390
|
+
style: {
|
|
1391
|
+
display: 'flex',
|
|
1392
|
+
alignItems: 'center',
|
|
1393
|
+
justifyContent: 'space-between'
|
|
1394
|
+
}
|
|
1395
|
+
}, /*#__PURE__*/React.createElement(SelectGroupLabel, {
|
|
1396
|
+
className: "selective-options-group-label"
|
|
1397
|
+
}, label), /*#__PURE__*/React.createElement(Tag, {
|
|
1398
|
+
value: `${options == null ? void 0 : options.length}`
|
|
1399
|
+
}));
|
|
1400
|
+
};
|
|
1401
|
+
const CustomSelectOption = (props, commonProps) => /*#__PURE__*/React.createElement(Option, Object.assign({}, props, commonProps), props.data.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
1402
|
+
icon: props.data.icon
|
|
1403
|
+
}) : props.data.customImage ? props.data.customImage : null, props.data.label);
|
|
1404
|
+
const CustomSelectValue = props => /*#__PURE__*/React.createElement("div", null, props.data.icon ? /*#__PURE__*/React.createElement(Icon, {
|
|
1405
|
+
icon: props.data.icon
|
|
1406
|
+
}) : props.data.customImage ? props.data.customImage : null, props.data.label);
|
|
1407
|
+
|
|
1408
|
+
const SelectInteractive = ({
|
|
1409
|
+
name,
|
|
1410
|
+
multi = false,
|
|
1411
|
+
search = true,
|
|
1412
|
+
placeholder,
|
|
1413
|
+
options,
|
|
1414
|
+
value,
|
|
1415
|
+
clear = true,
|
|
1416
|
+
error,
|
|
1417
|
+
disabled = false,
|
|
1418
|
+
formatGroupLabel = true,
|
|
1419
|
+
onChange = () => {},
|
|
1420
|
+
onInputChange = () => {},
|
|
1421
|
+
...rest
|
|
1422
|
+
}) => {
|
|
1423
|
+
return /*#__PURE__*/React.createElement(SelectWrapper, Object.assign({}, rest), /*#__PURE__*/React.createElement(Select$1, {
|
|
1377
1424
|
name: name,
|
|
1425
|
+
value: value,
|
|
1378
1426
|
isMulti: multi,
|
|
1379
|
-
isSearchable: search,
|
|
1380
|
-
isDisabled: disabled,
|
|
1381
|
-
placeholder: placeholder,
|
|
1382
1427
|
options: options,
|
|
1383
|
-
value: value,
|
|
1384
1428
|
isClearable: clear,
|
|
1385
|
-
|
|
1429
|
+
isDisabled: disabled,
|
|
1430
|
+
isSearchable: search,
|
|
1431
|
+
classNamePrefix: "select",
|
|
1432
|
+
placeholder: placeholder,
|
|
1433
|
+
className: "select-interactive",
|
|
1434
|
+
// @ts-ignore
|
|
1435
|
+
onChange: e => onChange(e != null ? e : []),
|
|
1386
1436
|
defaultMenuIsOpen: false,
|
|
1387
1437
|
onInputChange: onInputChange,
|
|
1388
1438
|
components: {
|
|
1389
1439
|
Option: CustomSelectOption,
|
|
1390
1440
|
SingleValue: CustomSelectValue
|
|
1391
|
-
}
|
|
1441
|
+
},
|
|
1442
|
+
formatGroupLabel: s => formatGroupLabel ? FormatGroupLabel == null ? void 0 : FormatGroupLabel(s) : undefined
|
|
1392
1443
|
}), error ? /*#__PURE__*/React.createElement(ErrorField, {
|
|
1393
1444
|
error: error
|
|
1394
1445
|
}) : null);
|
|
1395
1446
|
};
|
|
1396
1447
|
|
|
1397
1448
|
const {
|
|
1398
|
-
normal: normal$
|
|
1449
|
+
normal: normal$7,
|
|
1399
1450
|
grey: grey$e,
|
|
1400
|
-
lightGrey: lightGrey$
|
|
1451
|
+
lightGrey: lightGrey$9,
|
|
1401
1452
|
red: red$8,
|
|
1402
1453
|
lightRed
|
|
1403
1454
|
} = colors;
|
|
@@ -1412,7 +1463,7 @@ const Wrapper$2 = _styled.div`
|
|
|
1412
1463
|
input {
|
|
1413
1464
|
flex: 1;
|
|
1414
1465
|
border: 0;
|
|
1415
|
-
color: ${props => props.error ? red$8 : normal$
|
|
1466
|
+
color: ${props => props.error ? red$8 : normal$7};
|
|
1416
1467
|
}
|
|
1417
1468
|
|
|
1418
1469
|
& + span {
|
|
@@ -1423,7 +1474,7 @@ const Appendix = _styled.div`
|
|
|
1423
1474
|
border-width: ${props => props.position === 'left' ? `0 ${rem('1px')} 0 0` : `0 0 0 ${rem('1px')}`};
|
|
1424
1475
|
border-style: solid;
|
|
1425
1476
|
border-color: ${props => props.error ? red$8 : grey$e};
|
|
1426
|
-
background-color: ${props => props.error ? lightRed : lightGrey$
|
|
1477
|
+
background-color: ${props => props.error ? lightRed : lightGrey$9};
|
|
1427
1478
|
padding: 0 ${/*#__PURE__*/rem('15px')};
|
|
1428
1479
|
color: ${props => props.error ? red$8 : grey$e};
|
|
1429
1480
|
line-height: ${/*#__PURE__*/rem('48px')};
|
|
@@ -1924,11 +1975,11 @@ const VideoPlayer = props => {
|
|
|
1924
1975
|
};
|
|
1925
1976
|
|
|
1926
1977
|
const {
|
|
1927
|
-
lightGrey: lightGrey$
|
|
1978
|
+
lightGrey: lightGrey$a,
|
|
1928
1979
|
green: green$6
|
|
1929
1980
|
} = colors;
|
|
1930
1981
|
const {
|
|
1931
|
-
bold: bold$
|
|
1982
|
+
bold: bold$5
|
|
1932
1983
|
} = fontWeight;
|
|
1933
1984
|
const Wrapper$5 = _styled.div`
|
|
1934
1985
|
display: flex;
|
|
@@ -1937,7 +1988,7 @@ const Wrapper$5 = _styled.div`
|
|
|
1937
1988
|
const Bar = _styled.div`
|
|
1938
1989
|
flex: 1;
|
|
1939
1990
|
border-radius: 999px;
|
|
1940
|
-
background-color: ${lightGrey$
|
|
1991
|
+
background-color: ${lightGrey$a};
|
|
1941
1992
|
height: ${/*#__PURE__*/rem('10px')};
|
|
1942
1993
|
overflow: hidden;
|
|
1943
1994
|
`;
|
|
@@ -1951,7 +2002,7 @@ const Progress = _styled.div`
|
|
|
1951
2002
|
const Value = _styled.div`
|
|
1952
2003
|
margin-left: ${/*#__PURE__*/rem('5px')};
|
|
1953
2004
|
font-size: 0.75rem;
|
|
1954
|
-
font-weight: ${bold$
|
|
2005
|
+
font-weight: ${bold$5};
|
|
1955
2006
|
`;
|
|
1956
2007
|
|
|
1957
2008
|
const ProgressBar = props => {
|
|
@@ -1967,7 +2018,7 @@ const ProgressBar = props => {
|
|
|
1967
2018
|
const {
|
|
1968
2019
|
light: light$b,
|
|
1969
2020
|
green: green$7,
|
|
1970
|
-
lightGrey: lightGrey$
|
|
2021
|
+
lightGrey: lightGrey$b
|
|
1971
2022
|
} = colors;
|
|
1972
2023
|
const Switcher = _styled.fieldset`
|
|
1973
2024
|
margin: 0;
|
|
@@ -2026,7 +2077,7 @@ const Switcher = _styled.fieldset`
|
|
|
2026
2077
|
}
|
|
2027
2078
|
|
|
2028
2079
|
&.switch-off:checked ~ .bg {
|
|
2029
|
-
background-color: ${lightGrey$
|
|
2080
|
+
background-color: ${lightGrey$b};
|
|
2030
2081
|
}
|
|
2031
2082
|
}
|
|
2032
2083
|
|
|
@@ -2054,7 +2105,7 @@ const Switcher = _styled.fieldset`
|
|
|
2054
2105
|
border-radius: 999px;
|
|
2055
2106
|
background-color: transparent;
|
|
2056
2107
|
transition: all 0.3s ease-out;
|
|
2057
|
-
background-color: ${lightGrey$
|
|
2108
|
+
background-color: ${lightGrey$b};
|
|
2058
2109
|
}
|
|
2059
2110
|
}
|
|
2060
2111
|
}
|
|
@@ -2142,10 +2193,144 @@ const Toggle = ({
|
|
|
2142
2193
|
};
|
|
2143
2194
|
|
|
2144
2195
|
const {
|
|
2145
|
-
|
|
2196
|
+
red: red$9,
|
|
2197
|
+
grey: grey$f,
|
|
2198
|
+
lightGrey: lightGrey$c,
|
|
2199
|
+
darkGrey: darkGrey$2,
|
|
2200
|
+
green: green$8,
|
|
2201
|
+
darkGreen: darkGreen$4,
|
|
2146
2202
|
light: light$c,
|
|
2147
|
-
|
|
2148
|
-
|
|
2203
|
+
normal: normal$8
|
|
2204
|
+
} = colors;
|
|
2205
|
+
const Wrapper$6 = _styled.div`
|
|
2206
|
+
input {
|
|
2207
|
+
width: 0.1px;
|
|
2208
|
+
height: 0.1px;
|
|
2209
|
+
opacity: 0;
|
|
2210
|
+
overflow: hidden;
|
|
2211
|
+
position: absolute;
|
|
2212
|
+
z-index: -1;
|
|
2213
|
+
}
|
|
2214
|
+
|
|
2215
|
+
label {
|
|
2216
|
+
margin-bottom: 0 !important;
|
|
2217
|
+
border-width: ${props => props.minimal ? `0 0 ${rem('1px')} 0` : rem('1px')};
|
|
2218
|
+
border-style: solid;
|
|
2219
|
+
border-color: ${props => props.error ? red$9 : grey$f};
|
|
2220
|
+
border-radius: ${props => props.minimal ? 0 : rem('6px')};
|
|
2221
|
+
background-color: ${props => props.disabled ? lightGrey$c : 'transparent'};
|
|
2222
|
+
display: flex;
|
|
2223
|
+
justify-content: space-between;
|
|
2224
|
+
align-items: center;
|
|
2225
|
+
width: 100%;
|
|
2226
|
+
height: ${/*#__PURE__*/rem('50px')};
|
|
2227
|
+
-webkit-appearance: none;
|
|
2228
|
+
outline: none;
|
|
2229
|
+
cursor: ${props => props.disabled ? 'default' : 'pointer'};
|
|
2230
|
+
pointer-events: ${props => props.disabled ? 'none' : ''};
|
|
2231
|
+
overflow: hidden;
|
|
2232
|
+
|
|
2233
|
+
span {
|
|
2234
|
+
display: flex;
|
|
2235
|
+
align-items: center;
|
|
2236
|
+
|
|
2237
|
+
&.file-name {
|
|
2238
|
+
flex: 1;
|
|
2239
|
+
display: block;
|
|
2240
|
+
padding: ${props => props.minimal ? 0 : `0 ${rem('10px')}`};
|
|
2241
|
+
color: ${props => props.disabled ? grey$f : normal$8};
|
|
2242
|
+
white-space: nowrap;
|
|
2243
|
+
overflow: hidden;
|
|
2244
|
+
text-overflow: ellipsis;
|
|
2245
|
+
}
|
|
2246
|
+
|
|
2247
|
+
&.button {
|
|
2248
|
+
border-left: ${props => props.minimal ? 0 : `${rem('1px')} solid ${grey$f}`};
|
|
2249
|
+
background-color: ${props => props.minimal ? 'transparent' : props.disabled ? lightGrey$c : green$8};
|
|
2250
|
+
height: 100%;
|
|
2251
|
+
padding: ${props => props.minimal ? `0 ${rem('5px')} 0 ${rem('20px')}` : `0 ${rem('20px')}`};
|
|
2252
|
+
color: ${props => props.disabled ? grey$f : props.minimal ? darkGrey$2 : light$c};
|
|
2253
|
+
transition-duration: 0.3s;
|
|
2254
|
+
|
|
2255
|
+
svg {
|
|
2256
|
+
margin-right: ${/*#__PURE__*/rem('8px')};
|
|
2257
|
+
width: auto;
|
|
2258
|
+
height: ${/*#__PURE__*/rem('24px')};
|
|
2259
|
+
fill: ${props => props.disabled ? grey$f : props.minimal ? darkGrey$2 : light$c};
|
|
2260
|
+
transition-duration: 0.3s;
|
|
2261
|
+
}
|
|
2262
|
+
|
|
2263
|
+
&:hover {
|
|
2264
|
+
background-color: ${props => props.minimal ? 'transparent' : darkGreen$4};
|
|
2265
|
+
color: ${props => props.minimal ? darkGreen$4 : light$c};
|
|
2266
|
+
|
|
2267
|
+
svg {
|
|
2268
|
+
fill: ${props => props.disabled ? grey$f : props.minimal ? darkGreen$4 : light$c};
|
|
2269
|
+
}
|
|
2270
|
+
}
|
|
2271
|
+
}
|
|
2272
|
+
}
|
|
2273
|
+
}
|
|
2274
|
+
`;
|
|
2275
|
+
|
|
2276
|
+
const FilePicker = props => {
|
|
2277
|
+
const {
|
|
2278
|
+
minimal = false,
|
|
2279
|
+
name,
|
|
2280
|
+
accept,
|
|
2281
|
+
multiple = false,
|
|
2282
|
+
placeholder = 'Select file',
|
|
2283
|
+
pluralText = 'files selected',
|
|
2284
|
+
error,
|
|
2285
|
+
dataTestId,
|
|
2286
|
+
onChange = () => {},
|
|
2287
|
+
value = '',
|
|
2288
|
+
buttonText = 'Browse',
|
|
2289
|
+
disabled = false
|
|
2290
|
+
} = props;
|
|
2291
|
+
const [fileName, setFileName] = useState(value ? value : placeholder);
|
|
2292
|
+
|
|
2293
|
+
const getUploadedFileName = e => {
|
|
2294
|
+
let files = e.target.files,
|
|
2295
|
+
value = e.target.value,
|
|
2296
|
+
fileName;
|
|
2297
|
+
if (files && files.length > 1) fileName = `${files.length} ${pluralText}`;else fileName = value.split('\\').pop();
|
|
2298
|
+
if (fileName) setFileName(fileName);
|
|
2299
|
+
};
|
|
2300
|
+
|
|
2301
|
+
return /*#__PURE__*/React.createElement(Wrapper$6, {
|
|
2302
|
+
disabled: disabled,
|
|
2303
|
+
minimal: minimal,
|
|
2304
|
+
error: !!error
|
|
2305
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
2306
|
+
id: name,
|
|
2307
|
+
type: "file",
|
|
2308
|
+
accept: accept,
|
|
2309
|
+
multiple: multiple,
|
|
2310
|
+
"data-multiple-caption": fileName,
|
|
2311
|
+
onChange: evt => {
|
|
2312
|
+
getUploadedFileName(evt);
|
|
2313
|
+
onChange(evt);
|
|
2314
|
+
},
|
|
2315
|
+
"data-testid": dataTestId
|
|
2316
|
+
}), /*#__PURE__*/React.createElement("label", {
|
|
2317
|
+
htmlFor: name
|
|
2318
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
2319
|
+
className: "file-name"
|
|
2320
|
+
}, fileName), /*#__PURE__*/React.createElement("span", {
|
|
2321
|
+
className: "button"
|
|
2322
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
2323
|
+
icon: "upload"
|
|
2324
|
+
}), buttonText)), error && /*#__PURE__*/React.createElement(ErrorField, {
|
|
2325
|
+
error: error
|
|
2326
|
+
}));
|
|
2327
|
+
};
|
|
2328
|
+
|
|
2329
|
+
const {
|
|
2330
|
+
normal: normal$9,
|
|
2331
|
+
light: light$d,
|
|
2332
|
+
lightGrey: lightGrey$d,
|
|
2333
|
+
red: red$a
|
|
2149
2334
|
} = colors;
|
|
2150
2335
|
const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
2151
2336
|
displayName: "styles__ActionsMenuStyle",
|
|
@@ -2154,11 +2339,11 @@ const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2154
2339
|
const List = /*#__PURE__*/_styled.ul.withConfig({
|
|
2155
2340
|
displayName: "styles__List",
|
|
2156
2341
|
componentId: "sc-1peafop-1"
|
|
2157
|
-
})(["position:absolute;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";min-width:", ";max-width:", ";padding:0;-moz-box-shadow:0 0 ", " 0 ", ";-webkit-box-shadow:0 0 ", " 0 ", ";box-shadow:0 0 ", " 0 ", ";z-index:1;", " li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}&.danger{border-top:", " solid ", ";a{color:", ";}}&.disabled{a{color:", ";pointer-events:none;}&:hover{background-color:transparent;}}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}"], /*#__PURE__*/rem('1px'), lightGrey$
|
|
2342
|
+
})(["position:absolute;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";min-width:", ";max-width:", ";padding:0;-moz-box-shadow:0 0 ", " 0 ", ";-webkit-box-shadow:0 0 ", " 0 ", ";box-shadow:0 0 ", " 0 ", ";z-index:1;", " li{list-style:none;min-height:", ";display:flex;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}&.danger{border-top:", " solid ", ";a{color:", ";}}&.disabled{a{color:", ";pointer-events:none;}&:hover{background-color:transparent;}}a{width:100%;display:flex;align-items:center;padding:0 ", ";color:", ";text-decoration:none;white-space:nowrap;span{display:table-cell;overflow:hidden;text-overflow:ellipsis;}}}"], /*#__PURE__*/rem('1px'), lightGrey$d, /*#__PURE__*/rem('4px'), light$d, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('200px'), /*#__PURE__*/rem('250px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$9), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$9), /*#__PURE__*/rem('15px'), /*#__PURE__*/lighten(0.7, normal$9), props => props.rowIndex != undefined && css`
|
|
2158
2343
|
--margin: ${`calc(${rem('45px')} + ${rem('50px')} * ${props.rowIndex} + ${rem('42px')})`};
|
|
2159
2344
|
top: var(--margin);
|
|
2160
2345
|
right: ${rem('5px')};
|
|
2161
|
-
`, /*#__PURE__*/rem('45px'), lightGrey$
|
|
2346
|
+
`, /*#__PURE__*/rem('45px'), lightGrey$d, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('1px'), lightGrey$d, red$a, lightGrey$d, /*#__PURE__*/rem('20px'), normal$9);
|
|
2162
2347
|
|
|
2163
2348
|
const ActionMenuList = props => {
|
|
2164
2349
|
const {
|
|
@@ -2231,13 +2416,13 @@ const ActionsMenu = props => {
|
|
|
2231
2416
|
};
|
|
2232
2417
|
|
|
2233
2418
|
const {
|
|
2234
|
-
light: light$
|
|
2235
|
-
grey: grey$
|
|
2419
|
+
light: light$e,
|
|
2420
|
+
grey: grey$g
|
|
2236
2421
|
} = colors;
|
|
2237
2422
|
const CardValueStyle = /*#__PURE__*/_styled.div.withConfig({
|
|
2238
2423
|
displayName: "styles__CardValueStyle",
|
|
2239
2424
|
componentId: "sc-1ki7jdk-0"
|
|
2240
|
-
})(["border:", " solid ", ";border-radius:", ";background-color:", ";display:flex;flex-direction:column;padding:", ";overflow-x:auto;@media ", "{padding:", ";}> span{display:block;margin-top:", ";font-size:2rem;font-weight:var(--bold,700);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], /*#__PURE__*/rem('1px'), grey$
|
|
2425
|
+
})(["border:", " solid ", ";border-radius:", ";background-color:", ";display:flex;flex-direction:column;padding:", ";overflow-x:auto;@media ", "{padding:", ";}> span{display:block;margin-top:", ";font-size:2rem;font-weight:var(--bold,700);line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}"], /*#__PURE__*/rem('1px'), grey$g, /*#__PURE__*/rem('6px'), light$e, /*#__PURE__*/rem('15px'), device.l, /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('5px'));
|
|
2241
2426
|
const CardValueButtonWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2242
2427
|
displayName: "styles__CardValueButtonWrapper",
|
|
2243
2428
|
componentId: "sc-1ki7jdk-1"
|
|
@@ -2268,11 +2453,11 @@ const CardValue = props => {
|
|
|
2268
2453
|
};
|
|
2269
2454
|
|
|
2270
2455
|
const {
|
|
2271
|
-
grey: grey$
|
|
2272
|
-
light: light$
|
|
2456
|
+
grey: grey$h,
|
|
2457
|
+
light: light$f
|
|
2273
2458
|
} = colors;
|
|
2274
2459
|
const {
|
|
2275
|
-
bold: bold$
|
|
2460
|
+
bold: bold$6
|
|
2276
2461
|
} = fontWeight;
|
|
2277
2462
|
const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2278
2463
|
displayName: "styles__EmptyTableWrapper",
|
|
@@ -2281,15 +2466,15 @@ const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2281
2466
|
const EmptyTableHead = /*#__PURE__*/_styled.div.withConfig({
|
|
2282
2467
|
displayName: "styles__EmptyTableHead",
|
|
2283
2468
|
componentId: "sc-1dgsb9l-1"
|
|
2284
|
-
})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", " ", " 0 0;height:", ";display:flex;align-items:center;font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;> div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;flex:1;padding:0 ", ";font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;&:first-child,&:nth-child(2){display:initial;}@media ", "{&:nth-child(3){display:initial;}}@media ", "{&:nth-child(4){display:initial;}}@media ", "{display:initial;}}"], props => props.border ? rem('1px') : `0 0 ${rem('1px')} 0`, grey$
|
|
2469
|
+
})(["border-width:", ";border-style:solid;border-color:", ";border-radius:", " ", " 0 0;height:", ";display:flex;align-items:center;font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;> div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:none;flex:1;padding:0 ", ";font-size:0.85rem;font-weight:", ";color:", ";text-transform:uppercase;&:first-child,&:nth-child(2){display:initial;}@media ", "{&:nth-child(3){display:initial;}}@media ", "{&:nth-child(4){display:initial;}}@media ", "{display:initial;}}"], props => props.border ? rem('1px') : `0 0 ${rem('1px')} 0`, grey$h, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('50px'), bold$6, grey$h, /*#__PURE__*/rem('15px'), bold$6, grey$h, device.s, device.m, device.l);
|
|
2285
2470
|
const EmptyTableBody = /*#__PURE__*/_styled.div.withConfig({
|
|
2286
2471
|
displayName: "styles__EmptyTableBody",
|
|
2287
2472
|
componentId: "sc-1dgsb9l-2"
|
|
2288
|
-
})(["border-width:", ";border-style:solid;border-color:", ";border-radius:0 0 ", " ", ";"], props => props.border ? `0 ${rem('1px')} ${rem('1px')} ${rem('1px')}` : 0, grey$
|
|
2473
|
+
})(["border-width:", ";border-style:solid;border-color:", ";border-radius:0 0 ", " ", ";"], props => props.border ? `0 ${rem('1px')} ${rem('1px')} ${rem('1px')}` : 0, grey$h, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'));
|
|
2289
2474
|
const EmptyTableRow = /*#__PURE__*/_styled.div.withConfig({
|
|
2290
2475
|
displayName: "styles__EmptyTableRow",
|
|
2291
2476
|
componentId: "sc-1dgsb9l-3"
|
|
2292
|
-
})(["height:", ";display:flex;align-items:center;&:not(:last-child){border-bottom:", " solid ", ";}> div{display:none;flex:1;padding:0 ", ";&:first-child,&:nth-child(2){display:inherit;}@media ", "{&:nth-child(3){display:inherit;}}@media ", "{&:nth-child(4){display:inherit;}}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('1px'), grey$
|
|
2477
|
+
})(["height:", ";display:flex;align-items:center;&:not(:last-child){border-bottom:", " solid ", ";}> div{display:none;flex:1;padding:0 ", ";&:first-child,&:nth-child(2){display:inherit;}@media ", "{&:nth-child(3){display:inherit;}}@media ", "{&:nth-child(4){display:inherit;}}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('1px'), grey$h, /*#__PURE__*/rem('15px'), device.s, device.m, device.l);
|
|
2293
2478
|
const EmptyTableCellText = /*#__PURE__*/_styled.div.withConfig({
|
|
2294
2479
|
displayName: "styles__EmptyTableCellText",
|
|
2295
2480
|
componentId: "sc-1dgsb9l-4"
|
|
@@ -2297,7 +2482,7 @@ const EmptyTableCellText = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2297
2482
|
const EmptyTableOverlay = /*#__PURE__*/_styled.div.withConfig({
|
|
2298
2483
|
displayName: "styles__EmptyTableOverlay",
|
|
2299
2484
|
componentId: "sc-1dgsb9l-5"
|
|
2300
|
-
})(["position:absolute;bottom:0;background-image:linear-gradient( to bottom,", ",", " );width:100%;height:calc(100% - ", ");display:flex;justify-content:center;align-items:flex-end;padding:0 ", " ", " ", ";text-align:center;color:", ";"], /*#__PURE__*/rgba(light$
|
|
2485
|
+
})(["position:absolute;bottom:0;background-image:linear-gradient( to bottom,", ",", " );width:100%;height:calc(100% - ", ");display:flex;justify-content:center;align-items:flex-end;padding:0 ", " ", " ", ";text-align:center;color:", ";"], /*#__PURE__*/rgba(light$f, 0), /*#__PURE__*/rgba(light$f, 1), /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), grey$h);
|
|
2301
2486
|
|
|
2302
2487
|
const EmptyTable = props => {
|
|
2303
2488
|
let rows = [];
|
|
@@ -2357,29 +2542,29 @@ const ModalFooter = props => {
|
|
|
2357
2542
|
};
|
|
2358
2543
|
|
|
2359
2544
|
const {
|
|
2360
|
-
green: green$
|
|
2545
|
+
green: green$9,
|
|
2361
2546
|
lightGreen,
|
|
2362
|
-
darkGreen: darkGreen$
|
|
2363
|
-
grey: grey$
|
|
2364
|
-
lightGrey: lightGrey$
|
|
2365
|
-
darkGrey: darkGrey$
|
|
2366
|
-
red: red$
|
|
2547
|
+
darkGreen: darkGreen$5,
|
|
2548
|
+
grey: grey$i,
|
|
2549
|
+
lightGrey: lightGrey$e,
|
|
2550
|
+
darkGrey: darkGrey$3,
|
|
2551
|
+
red: red$b,
|
|
2367
2552
|
lightRed: lightRed$1,
|
|
2368
2553
|
darkRed: darkRed$3
|
|
2369
2554
|
} = colors;
|
|
2370
|
-
const Wrapper$
|
|
2555
|
+
const Wrapper$7 = /*#__PURE__*/_styled.div.withConfig({
|
|
2371
2556
|
displayName: "styles__Wrapper",
|
|
2372
2557
|
componentId: "d2fn4g-0"
|
|
2373
|
-
})(["--default:", ";--light:", ";--dark:", ";", " ", " ", " border-width:", ";border-style:solid;border-color:var(--default);border-radius:", ";background-color:var(--light);padding:", ";div{&:first-child{flex:1;}p{margin:0;}}", ""], grey$
|
|
2374
|
-
--default: ${grey$
|
|
2375
|
-
--light: ${lightGrey$
|
|
2376
|
-
--dark: ${darkGrey$
|
|
2558
|
+
})(["--default:", ";--light:", ";--dark:", ";", " ", " ", " border-width:", ";border-style:solid;border-color:var(--default);border-radius:", ";background-color:var(--light);padding:", ";div{&:first-child{flex:1;}p{margin:0;}}", ""], grey$i, lightGrey$e, darkGrey$3, props => props.color === 'grey' && css`
|
|
2559
|
+
--default: ${grey$i};
|
|
2560
|
+
--light: ${lightGrey$e};
|
|
2561
|
+
--dark: ${darkGrey$3};
|
|
2377
2562
|
`, props => props.color === 'green' && css`
|
|
2378
|
-
--default: ${green$
|
|
2563
|
+
--default: ${green$9};
|
|
2379
2564
|
--light: ${lightGreen};
|
|
2380
|
-
--dark: ${darkGreen$
|
|
2565
|
+
--dark: ${darkGreen$5};
|
|
2381
2566
|
`, props => props.color === 'red' && css`
|
|
2382
|
-
--default: ${red$
|
|
2567
|
+
--default: ${red$b};
|
|
2383
2568
|
--light: ${lightRed$1};
|
|
2384
2569
|
--dark: ${darkRed$3};
|
|
2385
2570
|
`, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), props => props.buttonValue && css`
|
|
@@ -2425,7 +2610,7 @@ const NoteCard = props => {
|
|
|
2425
2610
|
className = 'note-card',
|
|
2426
2611
|
style
|
|
2427
2612
|
} = props;
|
|
2428
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2613
|
+
return /*#__PURE__*/React.createElement(Wrapper$7, {
|
|
2429
2614
|
className: className,
|
|
2430
2615
|
color: color,
|
|
2431
2616
|
buttonValue: buttonValue,
|
|
@@ -2440,13 +2625,13 @@ function hasValue(value) {
|
|
|
2440
2625
|
}
|
|
2441
2626
|
|
|
2442
2627
|
const {
|
|
2443
|
-
normal: normal$
|
|
2444
|
-
light: light$
|
|
2445
|
-
grey: grey$
|
|
2446
|
-
lightGrey: lightGrey$
|
|
2628
|
+
normal: normal$a,
|
|
2629
|
+
light: light$g,
|
|
2630
|
+
grey: grey$j,
|
|
2631
|
+
lightGrey: lightGrey$f
|
|
2447
2632
|
} = colors;
|
|
2448
2633
|
const {
|
|
2449
|
-
bold: bold$
|
|
2634
|
+
bold: bold$7
|
|
2450
2635
|
} = fontWeight;
|
|
2451
2636
|
const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2452
2637
|
displayName: "styles__TableWrapper",
|
|
@@ -2455,11 +2640,11 @@ const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2455
2640
|
const OverflowWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2456
2641
|
displayName: "styles__OverflowWrapper",
|
|
2457
2642
|
componentId: "vmoy3z-1"
|
|
2458
|
-
})(["@media ", "{display:block;border-radius:", ";background:linear-gradient(to right,", " 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),", " 70%) 0 100%,radial-gradient( farthest-side at 0% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ),radial-gradient( farthest-side at 100% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:", " 100%,", " 100%,", " 100%,", " 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}"], device.s, /*#__PURE__*/rem('6px'), light$
|
|
2643
|
+
})(["@media ", "{display:block;border-radius:", ";background:linear-gradient(to right,", " 30%,rgba(255,255,255,0)),linear-gradient(to right,rgba(255,255,255,0),", " 70%) 0 100%,radial-gradient( farthest-side at 0% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ),radial-gradient( farthest-side at 100% 50%,rgba(0,0,0,0.2),rgba(0,0,0,0) ) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:", " 100%,", " 100%,", " 100%,", " 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;}"], device.s, /*#__PURE__*/rem('6px'), light$g, light$g, /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('40px'), /*#__PURE__*/rem('14px'), /*#__PURE__*/rem('14px'));
|
|
2459
2644
|
const Table = /*#__PURE__*/_styled.table.withConfig({
|
|
2460
2645
|
displayName: "styles__Table",
|
|
2461
2646
|
componentId: "vmoy3z-2"
|
|
2462
|
-
})(["width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td.menu{button{opacity:1;}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? '1px' : '0', grey$
|
|
2647
|
+
})(["width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td.menu{button{opacity:1;}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? '1px' : '0', grey$j, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('1px'), grey$j, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, bold$7, grey$j, lightGrey$f, device.s, /*#__PURE__*/rem('1px'), grey$j, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), normal$a, grey$j, /*#__PURE__*/rem('15px'), bold$7, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('1px'), grey$j, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
|
|
2463
2648
|
|
|
2464
2649
|
const Table$1 = props => {
|
|
2465
2650
|
const {
|
|
@@ -2559,24 +2744,24 @@ const Table$1 = props => {
|
|
|
2559
2744
|
};
|
|
2560
2745
|
|
|
2561
2746
|
const {
|
|
2562
|
-
normal: normal$
|
|
2563
|
-
grey: grey$
|
|
2564
|
-
lightGrey: lightGrey$
|
|
2747
|
+
normal: normal$b,
|
|
2748
|
+
grey: grey$k,
|
|
2749
|
+
lightGrey: lightGrey$g
|
|
2565
2750
|
} = colors;
|
|
2566
2751
|
const {
|
|
2567
|
-
bold: bold$
|
|
2752
|
+
bold: bold$8
|
|
2568
2753
|
} = fontWeight;
|
|
2569
2754
|
const Table$2 = /*#__PURE__*/_styled.table.withConfig({
|
|
2570
2755
|
displayName: "styles__Table",
|
|
2571
2756
|
componentId: "sc-1p618q0-0"
|
|
2572
|
-
})(["position:relative;width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;table-layout:", ";th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td{&.drag-handle{svg{fill:", ";}}&.menu{button{opacity:1;}}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;&.drag-handle{> div{width:min-content;}svg{width:", ";height:", ";fill:", ";transition-duration:0.3s;}}> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? '1px' : '0', grey$
|
|
2757
|
+
})(["position:relative;width:100%;border-width:", ";border-style:solid;border-color:", ";border-radius:", ";border-spacing:0;white-space:nowrap;table-layout:", ";th,td{height:", ";padding:0 ", ";&.center{text-align:center;> div{justify-content:center;}}&.right{text-align:right;> div{justify-content:flex-end;}}&.thin{@media ", "{max-width:min-content;}}&.kai{text-align:right;> div{justify-content:flex-end;}}&.avatar > div{display:flex;align-items:center;.avatar-img{margin-right:", ";}}}th{font-size:0.85rem;&:first-child{border-top-left-radius:", ";}&:last-child{border-top-right-radius:", ";}}tr{border:", " solid ", ";border-radius:", ";position:relative;&:not(:last-child){margin-bottom:", ";}@media ", "{border:0;}}thead{border:none;clip:rect(0 0 0 0);height:", ";margin:", ";overflow:hidden;padding:0;position:absolute;width:", ";@media ", "{display:contents;font-weight:", ";color:", ";text-transform:uppercase;text-align:left;}}tbody{tr{display:block;transition-duration:0.3s;&:hover{background-color:", ";td{&.drag-handle{svg{fill:", ";}}&.menu{button{opacity:1;}}}}@media ", "{display:table-row;}}td{border-top:", " solid ", ";height:inherit;min-height:", ";padding:", ";display:flex;justify-content:flex-end;&.drag-handle{> div{width:min-content;}svg{width:", ";height:", ";fill:", ";transition-duration:0.3s;}}> div{margin-left:", ";height:100%;display:flex;justify-content:flex-end;align-items:center;flex-wrap:nowrap;text-align:right;> span{display:none;&:first-child,&:last-child{display:inherit;}}}img{min-width:", ";min-height:", ";}a{display:flex;align-items:center;color:", ";text-decoration-color:", ";}&:first-child{border:0;}&:before{position:absolute;left:", ";content:attr(data-label);font-weight:", ";text-transform:capitalize;}&.kai{svg{float:right;width:auto;min-width:", ";max-height:", ";}}.avatar-img{display:none;}.tag{margin:0;&:not(:first-child){display:none;}}&.menu{padding:0 ", " 0 0;button{margin-top:", ";transition:0.3s;}ul{top:", ";margin-left:", ";}}@media ", "{display:table-cell;height:", ";padding:0 ", ";align-items:center;> div{position:relative;margin-left:0;display:flex-start;justify-content:flex-start;text-align:left;> span{display:inherit;}}&:first-child{border-top:", " solid ", ";}&:before{content:'';}&.kai{max-width:", ";}.avatar-img{display:inherit;}.tag{&:not(:first-child){display:inherit;}&:not(:last-child){margin-right:", ";}}&.menu{width:", ";button{opacity:0;}}}}}"], props => props.border ? '1px' : '0', grey$k, /*#__PURE__*/rem('6px'), props => props.layout, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('1px'), grey$k, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('1px'), /*#__PURE__*/rem('-1px'), /*#__PURE__*/rem('1px'), device.s, bold$8, grey$k, lightGrey$g, grey$k, device.s, /*#__PURE__*/rem('1px'), grey$k, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), grey$k, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('30px'), normal$b, grey$k, /*#__PURE__*/rem('15px'), bold$8, /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('20px'), /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('36px'), /*#__PURE__*/rem('-170px'), device.s, /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('1px'), grey$k, /*#__PURE__*/rem('100px'), /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('40px'));
|
|
2573
2758
|
const TableRow = /*#__PURE__*/_styled.tr.withConfig({
|
|
2574
2759
|
displayName: "styles__TableRow",
|
|
2575
2760
|
componentId: "sc-1p618q0-1"
|
|
2576
2761
|
})(["&[data-rbd-draggable-id='", "']{position:absolute;display:table;width:100%;}"], props => props.draggableId);
|
|
2577
2762
|
|
|
2578
2763
|
const {
|
|
2579
|
-
light: light$
|
|
2764
|
+
light: light$h
|
|
2580
2765
|
} = colors;
|
|
2581
2766
|
|
|
2582
2767
|
const TableDnD = props => {
|
|
@@ -2631,12 +2816,12 @@ const TableDnD = props => {
|
|
|
2631
2816
|
|
|
2632
2817
|
const getItemStyle = (isDragging, draggableStyle) => ({
|
|
2633
2818
|
userSelect: 'none',
|
|
2634
|
-
background: isDragging ? light$
|
|
2819
|
+
background: isDragging ? light$h : 'transparent',
|
|
2635
2820
|
...draggableStyle
|
|
2636
2821
|
});
|
|
2637
2822
|
|
|
2638
2823
|
const getListStyle = isDraggingOver => ({
|
|
2639
|
-
background: isDraggingOver ? light$
|
|
2824
|
+
background: isDraggingOver ? light$h : 'transparent'
|
|
2640
2825
|
});
|
|
2641
2826
|
|
|
2642
2827
|
return (
|
|
@@ -2735,14 +2920,14 @@ const TableDnD = props => {
|
|
|
2735
2920
|
};
|
|
2736
2921
|
|
|
2737
2922
|
const {
|
|
2738
|
-
normal: normal$
|
|
2739
|
-
grey: grey$
|
|
2740
|
-
red: red$
|
|
2923
|
+
normal: normal$c,
|
|
2924
|
+
grey: grey$l,
|
|
2925
|
+
red: red$c
|
|
2741
2926
|
} = colors;
|
|
2742
|
-
const Wrapper$
|
|
2927
|
+
const Wrapper$8 = /*#__PURE__*/_styled.div.withConfig({
|
|
2743
2928
|
displayName: "styles__Wrapper",
|
|
2744
2929
|
componentId: "mbja2a-0"
|
|
2745
|
-
})(["display:inline-block;> label{margin-bottom:", ";color:", ";span{color:", ";}}&:not(:last-child){margin-bottom:", ";}"], /*#__PURE__*/rem('5px'), props => props.error ? red$
|
|
2930
|
+
})(["display:inline-block;> label{margin-bottom:", ";color:", ";span{color:", ";}}&:not(:last-child){margin-bottom:", ";}"], /*#__PURE__*/rem('5px'), props => props.error ? red$c : grey$l, props => props.error ? red$c : normal$c, /*#__PURE__*/rem('15px'));
|
|
2746
2931
|
|
|
2747
2932
|
const FormGroup = props => {
|
|
2748
2933
|
const {
|
|
@@ -2751,7 +2936,7 @@ const FormGroup = props => {
|
|
|
2751
2936
|
error = false,
|
|
2752
2937
|
children
|
|
2753
2938
|
} = props;
|
|
2754
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2939
|
+
return /*#__PURE__*/React.createElement(Wrapper$8, {
|
|
2755
2940
|
error: error
|
|
2756
2941
|
}, /*#__PURE__*/React.createElement(Label, {
|
|
2757
2942
|
value: label,
|
|
@@ -2760,14 +2945,14 @@ const FormGroup = props => {
|
|
|
2760
2945
|
};
|
|
2761
2946
|
|
|
2762
2947
|
const {
|
|
2763
|
-
grey: grey$
|
|
2764
|
-
lightGrey: lightGrey$
|
|
2948
|
+
grey: grey$m,
|
|
2949
|
+
lightGrey: lightGrey$h,
|
|
2765
2950
|
lightRed: lightRed$2
|
|
2766
2951
|
} = colors;
|
|
2767
|
-
const Wrapper$
|
|
2952
|
+
const Wrapper$9 = /*#__PURE__*/_styled.div.withConfig({
|
|
2768
2953
|
displayName: "styles__Wrapper",
|
|
2769
2954
|
componentId: "sc-124afcu-0"
|
|
2770
|
-
})(["border:", " solid ", ";border-radius:", ";max-width:max-content;height:", ";display:flex;overflow:hidden;button,input{&:disabled{cursor:inherit;background-color:", ";svg{opacity:0.25;}&:hover{pointer-events:none;}}}"], /*#__PURE__*/rem('1px'), grey$
|
|
2955
|
+
})(["border:", " solid ", ";border-radius:", ";max-width:max-content;height:", ";display:flex;overflow:hidden;button,input{&:disabled{cursor:inherit;background-color:", ";svg{opacity:0.25;}&:hover{pointer-events:none;}}}"], /*#__PURE__*/rem('1px'), grey$m, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('50px'), lightGrey$h);
|
|
2771
2956
|
const Input = /*#__PURE__*/_styled.input.withConfig({
|
|
2772
2957
|
displayName: "styles__Input",
|
|
2773
2958
|
componentId: "sc-124afcu-1"
|
|
@@ -2775,7 +2960,7 @@ const Input = /*#__PURE__*/_styled.input.withConfig({
|
|
|
2775
2960
|
const Button$1 = /*#__PURE__*/_styled.button.withConfig({
|
|
2776
2961
|
displayName: "styles__Button",
|
|
2777
2962
|
componentId: "sc-124afcu-2"
|
|
2778
|
-
})(["width:", ";height:", ";border:0;background-color:", ";cursor:pointer;transition-duration:0.3s;&.remove-button{border-right:", " solid ", ";}&.add-button{border-left:", " solid ", ";}svg{width:auto;height:", ";fill:", ";}&:hover{background-color:", ";}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('50px'), lightGrey$
|
|
2963
|
+
})(["width:", ";height:", ";border:0;background-color:", ";cursor:pointer;transition-duration:0.3s;&.remove-button{border-right:", " solid ", ";}&.add-button{border-left:", " solid ", ";}svg{width:auto;height:", ";fill:", ";}&:hover{background-color:", ";}"], /*#__PURE__*/rem('50px'), /*#__PURE__*/rem('50px'), lightGrey$h, /*#__PURE__*/rem('1px'), grey$m, /*#__PURE__*/rem('1px'), grey$m, /*#__PURE__*/rem('20px'), grey$m, lightGrey$h);
|
|
2779
2964
|
|
|
2780
2965
|
const NumberInputSpinner = props => {
|
|
2781
2966
|
const {
|
|
@@ -2807,7 +2992,7 @@ const NumberInputSpinner = props => {
|
|
|
2807
2992
|
setNumber(value);
|
|
2808
2993
|
};
|
|
2809
2994
|
|
|
2810
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2995
|
+
return /*#__PURE__*/React.createElement(Wrapper$9, null, /*#__PURE__*/React.createElement(Button$1, {
|
|
2811
2996
|
className: "remove-button",
|
|
2812
2997
|
"aria-label": decreaseAriaLabel,
|
|
2813
2998
|
onClick: evt => {
|
|
@@ -2841,10 +3026,10 @@ const NumberInputSpinner = props => {
|
|
|
2841
3026
|
};
|
|
2842
3027
|
|
|
2843
3028
|
const {
|
|
2844
|
-
green: green$
|
|
2845
|
-
grey: grey$
|
|
2846
|
-
lightGrey: lightGrey$
|
|
2847
|
-
light: light$
|
|
3029
|
+
green: green$a,
|
|
3030
|
+
grey: grey$n,
|
|
3031
|
+
lightGrey: lightGrey$i,
|
|
3032
|
+
light: light$i
|
|
2848
3033
|
} = colors;
|
|
2849
3034
|
const Steps = /*#__PURE__*/_styled.ul.withConfig({
|
|
2850
3035
|
displayName: "styles__Steps",
|
|
@@ -2853,7 +3038,7 @@ const Steps = /*#__PURE__*/_styled.ul.withConfig({
|
|
|
2853
3038
|
const Step = /*#__PURE__*/_styled.li.withConfig({
|
|
2854
3039
|
displayName: "styles__Step",
|
|
2855
3040
|
componentId: "sc-1s2dhfy-1"
|
|
2856
|
-
})(["list-style:none;flex:1;position:relative;height:", ";display:flex;justify-content:center;align-items:center;padding-right:", ";text-align:center;&:before,&:after{content:'';position:absolute;top:0;border:0 solid ", ";border-width:", " ", ";width:0;height:0;}&:before{left:", ";border-left-color:transparent;}&:after{left:calc(100% - ", ");border-color:transparent;border-left-color:", ";}&:first-child:before{border:none;}&:last-child:after{border:none;}&:first-child{overflow:hidden;> div{border-radius:", " 0 0 ", ";}}&:last-child{padding-right:0;> div{border-radius:0 ", " ", " 0;}}> div{background-color:", ";width:100%;height:100%;display:flex;justify-content:center;align-items:center;span{width:min-content;font-size:0.75rem;color:", ";@media ", "{width:100%;font-size:1rem;font-weight:700;}}}"], /*#__PURE__*/rem('44px'), /*#__PURE__*/rem('18px'), props => props.active ? green$
|
|
3041
|
+
})(["list-style:none;flex:1;position:relative;height:", ";display:flex;justify-content:center;align-items:center;padding-right:", ";text-align:center;&:before,&:after{content:'';position:absolute;top:0;border:0 solid ", ";border-width:", " ", ";width:0;height:0;}&:before{left:", ";border-left-color:transparent;}&:after{left:calc(100% - ", ");border-color:transparent;border-left-color:", ";}&:first-child:before{border:none;}&:last-child:after{border:none;}&:first-child{overflow:hidden;> div{border-radius:", " 0 0 ", ";}}&:last-child{padding-right:0;> div{border-radius:0 ", " ", " 0;}}> div{background-color:", ";width:100%;height:100%;display:flex;justify-content:center;align-items:center;span{width:min-content;font-size:0.75rem;color:", ";@media ", "{width:100%;font-size:1rem;font-weight:700;}}}"], /*#__PURE__*/rem('44px'), /*#__PURE__*/rem('18px'), props => props.active ? green$a : lightGrey$i, /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('-15px'), /*#__PURE__*/rem('18px'), props => props.active ? green$a : lightGrey$i, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), props => props.active ? green$a : lightGrey$i, props => props.active ? light$i : grey$n, device.s);
|
|
2857
3042
|
|
|
2858
3043
|
const WizardSteps = props => {
|
|
2859
3044
|
const {
|
|
@@ -2874,28 +3059,28 @@ const WizardSteps = props => {
|
|
|
2874
3059
|
};
|
|
2875
3060
|
|
|
2876
3061
|
const {
|
|
2877
|
-
light: light$
|
|
2878
|
-
green: green$
|
|
2879
|
-
darkGreen: darkGreen$
|
|
2880
|
-
red: red$
|
|
3062
|
+
light: light$j,
|
|
3063
|
+
green: green$b,
|
|
3064
|
+
darkGreen: darkGreen$6,
|
|
3065
|
+
red: red$d,
|
|
2881
3066
|
darkRed: darkRed$4,
|
|
2882
3067
|
orange: orange$3,
|
|
2883
3068
|
darkOrange: darkOrange$2
|
|
2884
3069
|
} = colors;
|
|
2885
|
-
const Wrapper$
|
|
3070
|
+
const Wrapper$a = _styled.div`
|
|
2886
3071
|
--shadow: 0 0 ${/*#__PURE__*/rem('25px')} 0 rgba(40, 40, 40, 0.2);
|
|
2887
3072
|
|
|
2888
3073
|
position: fixed;
|
|
2889
3074
|
top: ${/*#__PURE__*/rem('15px')};
|
|
2890
3075
|
right: 0;
|
|
2891
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${darkGreen$
|
|
3076
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${darkGreen$6};
|
|
2892
3077
|
border-radius: ${/*#__PURE__*/rem('6px')};
|
|
2893
|
-
background-color: ${green$
|
|
3078
|
+
background-color: ${green$b};
|
|
2894
3079
|
width: ${/*#__PURE__*/rem('300px')};
|
|
2895
3080
|
max-height: min-content;
|
|
2896
3081
|
display: flex;
|
|
2897
3082
|
padding: ${/*#__PURE__*/rem('15px')};
|
|
2898
|
-
color: ${light$
|
|
3083
|
+
color: ${light$j};
|
|
2899
3084
|
-moz-box-shadow: var(--shadow);
|
|
2900
3085
|
-webkit-box-shadow: var(--shadow);
|
|
2901
3086
|
box-shadow: var(--shadow);
|
|
@@ -2906,7 +3091,7 @@ const Wrapper$9 = _styled.div`
|
|
|
2906
3091
|
background-color: transparent;
|
|
2907
3092
|
|
|
2908
3093
|
svg {
|
|
2909
|
-
fill: ${darkGreen$
|
|
3094
|
+
fill: ${darkGreen$6};
|
|
2910
3095
|
}
|
|
2911
3096
|
}
|
|
2912
3097
|
|
|
@@ -2940,7 +3125,7 @@ const Wrapper$9 = _styled.div`
|
|
|
2940
3125
|
|
|
2941
3126
|
${props => props.variant === 'red' && css`
|
|
2942
3127
|
border: ${rem('2px')} solid ${darkRed$4};
|
|
2943
|
-
background-color: ${red$
|
|
3128
|
+
background-color: ${red$d};
|
|
2944
3129
|
|
|
2945
3130
|
button {
|
|
2946
3131
|
svg {
|
|
@@ -2973,7 +3158,7 @@ const AlertNotification = props => {
|
|
|
2973
3158
|
value,
|
|
2974
3159
|
children
|
|
2975
3160
|
} = props;
|
|
2976
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
3161
|
+
return /*#__PURE__*/React.createElement(Wrapper$a, {
|
|
2977
3162
|
className: className,
|
|
2978
3163
|
variant: variant
|
|
2979
3164
|
}, /*#__PURE__*/React.createElement("div", null, value ? /*#__PURE__*/React.createElement("span", null, value) : children), /*#__PURE__*/React.createElement(Button, {
|
|
@@ -2984,13 +3169,13 @@ const AlertNotification = props => {
|
|
|
2984
3169
|
};
|
|
2985
3170
|
|
|
2986
3171
|
const {
|
|
2987
|
-
normal: normal$
|
|
2988
|
-
light: light$
|
|
2989
|
-
blue,
|
|
2990
|
-
lightGrey: lightGrey$
|
|
3172
|
+
normal: normal$d,
|
|
3173
|
+
light: light$k,
|
|
3174
|
+
blue: blue$2,
|
|
3175
|
+
lightGrey: lightGrey$j
|
|
2991
3176
|
} = colors;
|
|
2992
3177
|
const {
|
|
2993
|
-
bold: bold$
|
|
3178
|
+
bold: bold$9
|
|
2994
3179
|
} = fontWeight;
|
|
2995
3180
|
const PaginationWrapper = _styled.div`
|
|
2996
3181
|
--size: ${/*#__PURE__*/rem('30px')};
|
|
@@ -3032,18 +3217,18 @@ const PaginationWrapper = _styled.div`
|
|
|
3032
3217
|
display: flex;
|
|
3033
3218
|
justify-content: center;
|
|
3034
3219
|
align-items: center;
|
|
3035
|
-
color: ${normal$
|
|
3036
|
-
font-weight: ${bold$
|
|
3220
|
+
color: ${normal$d};
|
|
3221
|
+
font-weight: ${bold$9};
|
|
3037
3222
|
text-decoration: none;
|
|
3038
3223
|
|
|
3039
3224
|
&:hover {
|
|
3040
|
-
color: ${blue};
|
|
3225
|
+
color: ${blue$2};
|
|
3041
3226
|
}
|
|
3042
3227
|
|
|
3043
3228
|
svg {
|
|
3044
3229
|
width: ${/*#__PURE__*/rem('18px')};
|
|
3045
3230
|
height: auto;
|
|
3046
|
-
fill: ${blue};
|
|
3231
|
+
fill: ${blue$2};
|
|
3047
3232
|
}
|
|
3048
3233
|
}
|
|
3049
3234
|
|
|
@@ -3051,18 +3236,18 @@ const PaginationWrapper = _styled.div`
|
|
|
3051
3236
|
pointer-events: none;
|
|
3052
3237
|
|
|
3053
3238
|
a {
|
|
3054
|
-
background-color: ${blue};
|
|
3055
|
-
color: ${light$
|
|
3239
|
+
background-color: ${blue$2};
|
|
3240
|
+
color: ${light$k};
|
|
3056
3241
|
}
|
|
3057
3242
|
}
|
|
3058
3243
|
}
|
|
3059
3244
|
|
|
3060
3245
|
&.dark {
|
|
3061
3246
|
a {
|
|
3062
|
-
color: ${lightGrey$
|
|
3247
|
+
color: ${lightGrey$j};
|
|
3063
3248
|
|
|
3064
3249
|
&:hover {
|
|
3065
|
-
color: ${light$
|
|
3250
|
+
color: ${light$k};
|
|
3066
3251
|
}
|
|
3067
3252
|
}
|
|
3068
3253
|
}
|
|
@@ -3121,13 +3306,13 @@ const PaginationControl = props => {
|
|
|
3121
3306
|
};
|
|
3122
3307
|
|
|
3123
3308
|
const {
|
|
3124
|
-
normal: normal$
|
|
3125
|
-
green: green$
|
|
3309
|
+
normal: normal$e,
|
|
3310
|
+
green: green$c
|
|
3126
3311
|
} = colors;
|
|
3127
3312
|
const {
|
|
3128
|
-
bold: bold$
|
|
3313
|
+
bold: bold$a
|
|
3129
3314
|
} = fontWeight;
|
|
3130
|
-
const Wrapper$
|
|
3315
|
+
const Wrapper$b = _styled.div`
|
|
3131
3316
|
min-height: ${props => props.variant === 'default' ? '50vh' : 'inherit'};
|
|
3132
3317
|
display: flex;
|
|
3133
3318
|
flex-direction: column;
|
|
@@ -3143,15 +3328,15 @@ const Wrapper$a = _styled.div`
|
|
|
3143
3328
|
|
|
3144
3329
|
> span {
|
|
3145
3330
|
margin-top: ${/*#__PURE__*/rem('15px')};
|
|
3146
|
-
font-weight: ${bold$
|
|
3147
|
-
color: ${normal$
|
|
3331
|
+
font-weight: ${bold$a};
|
|
3332
|
+
color: ${normal$e};
|
|
3148
3333
|
|
|
3149
3334
|
a {
|
|
3150
|
-
color: ${normal$
|
|
3335
|
+
color: ${normal$e};
|
|
3151
3336
|
transition-duration: 0.3s;
|
|
3152
3337
|
|
|
3153
3338
|
&:hover {
|
|
3154
|
-
color: ${green$
|
|
3339
|
+
color: ${green$c};
|
|
3155
3340
|
}
|
|
3156
3341
|
}
|
|
3157
3342
|
}
|
|
@@ -3162,7 +3347,7 @@ const Error = props => {
|
|
|
3162
3347
|
variant = 'default',
|
|
3163
3348
|
value
|
|
3164
3349
|
} = props;
|
|
3165
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
3350
|
+
return /*#__PURE__*/React.createElement(Wrapper$b, {
|
|
3166
3351
|
variant: variant
|
|
3167
3352
|
}, variant === 'default' ? /*#__PURE__*/React.createElement(Icon, {
|
|
3168
3353
|
icon: "warning",
|
|
@@ -3171,13 +3356,13 @@ const Error = props => {
|
|
|
3171
3356
|
};
|
|
3172
3357
|
|
|
3173
3358
|
const {
|
|
3174
|
-
normal: normal$
|
|
3175
|
-
green: green$
|
|
3359
|
+
normal: normal$f,
|
|
3360
|
+
green: green$d
|
|
3176
3361
|
} = colors;
|
|
3177
3362
|
const {
|
|
3178
|
-
bold: bold$
|
|
3363
|
+
bold: bold$b
|
|
3179
3364
|
} = fontWeight;
|
|
3180
|
-
const Wrapper$
|
|
3365
|
+
const Wrapper$c = _styled.div`
|
|
3181
3366
|
min-height: 50vh;
|
|
3182
3367
|
display: flex;
|
|
3183
3368
|
flex-direction: column;
|
|
@@ -3193,15 +3378,15 @@ const Wrapper$b = _styled.div`
|
|
|
3193
3378
|
|
|
3194
3379
|
> div {
|
|
3195
3380
|
margin-top: ${/*#__PURE__*/rem('15px')};
|
|
3196
|
-
font-weight: ${bold$
|
|
3197
|
-
color: ${normal$
|
|
3381
|
+
font-weight: ${bold$b};
|
|
3382
|
+
color: ${normal$f};
|
|
3198
3383
|
|
|
3199
3384
|
a {
|
|
3200
|
-
color: ${normal$
|
|
3385
|
+
color: ${normal$f};
|
|
3201
3386
|
transition-duration: 0.3s;
|
|
3202
3387
|
|
|
3203
3388
|
&:hover {
|
|
3204
|
-
color: ${green$
|
|
3389
|
+
color: ${green$d};
|
|
3205
3390
|
}
|
|
3206
3391
|
}
|
|
3207
3392
|
}
|
|
@@ -5163,20 +5348,20 @@ const DataWarning = props => {
|
|
|
5163
5348
|
icon = /*#__PURE__*/React.createElement(IconLoginOnly, null);
|
|
5164
5349
|
}
|
|
5165
5350
|
|
|
5166
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5351
|
+
return /*#__PURE__*/React.createElement(Wrapper$c, {
|
|
5167
5352
|
type: type
|
|
5168
5353
|
}, icon, /*#__PURE__*/React.createElement("div", null, children));
|
|
5169
5354
|
};
|
|
5170
5355
|
|
|
5171
5356
|
const {
|
|
5172
|
-
normal: normal$
|
|
5173
|
-
green: green$
|
|
5174
|
-
darkGreen: darkGreen$
|
|
5175
|
-
grey: grey$
|
|
5176
|
-
lightGrey: lightGrey$
|
|
5177
|
-
red: red$
|
|
5357
|
+
normal: normal$g,
|
|
5358
|
+
green: green$e,
|
|
5359
|
+
darkGreen: darkGreen$7,
|
|
5360
|
+
grey: grey$o,
|
|
5361
|
+
lightGrey: lightGrey$k,
|
|
5362
|
+
red: red$e
|
|
5178
5363
|
} = colors;
|
|
5179
|
-
const Wrapper$
|
|
5364
|
+
const Wrapper$d = _styled.ul`
|
|
5180
5365
|
display: flex;
|
|
5181
5366
|
flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
|
|
5182
5367
|
position: relative;
|
|
@@ -5197,11 +5382,11 @@ const Wrapper$c = _styled.ul`
|
|
|
5197
5382
|
}
|
|
5198
5383
|
|
|
5199
5384
|
input[type='radio']:checked ~ .check {
|
|
5200
|
-
border-color: ${darkGreen$
|
|
5385
|
+
border-color: ${darkGreen$7};
|
|
5201
5386
|
}
|
|
5202
5387
|
|
|
5203
5388
|
input[type='radio']:checked ~ .check::before {
|
|
5204
|
-
background-color: ${green$
|
|
5389
|
+
background-color: ${green$e};
|
|
5205
5390
|
}
|
|
5206
5391
|
|
|
5207
5392
|
& + span {
|
|
@@ -5224,7 +5409,7 @@ const Item = _styled.li`
|
|
|
5224
5409
|
padding-left: calc(var(--size) + 5px);
|
|
5225
5410
|
line-height: var(--size);
|
|
5226
5411
|
vertical-align: middle;
|
|
5227
|
-
color: ${props => props.error ? red$
|
|
5412
|
+
color: ${props => props.error ? red$e : null};
|
|
5228
5413
|
cursor: pointer;
|
|
5229
5414
|
z-index: 1;
|
|
5230
5415
|
}
|
|
@@ -5232,7 +5417,7 @@ const Item = _styled.li`
|
|
|
5232
5417
|
.check {
|
|
5233
5418
|
position: absolute;
|
|
5234
5419
|
top: 0;
|
|
5235
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${props => props.error ? red$
|
|
5420
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${props => props.error ? red$e : grey$o};
|
|
5236
5421
|
border-radius: 100%;
|
|
5237
5422
|
width: var(--size);
|
|
5238
5423
|
height: var(--size);
|
|
@@ -5251,21 +5436,21 @@ const Item = _styled.li`
|
|
|
5251
5436
|
}
|
|
5252
5437
|
|
|
5253
5438
|
&:hover .check {
|
|
5254
|
-
border-color: ${normal$
|
|
5439
|
+
border-color: ${normal$g};
|
|
5255
5440
|
}
|
|
5256
5441
|
|
|
5257
5442
|
${props => props.disabled && css`
|
|
5258
5443
|
label {
|
|
5259
|
-
color: ${grey$
|
|
5444
|
+
color: ${grey$o};
|
|
5260
5445
|
}
|
|
5261
5446
|
|
|
5262
5447
|
input[type='radio'] ~ .check,
|
|
5263
5448
|
input[type='radio']:checked ~ .check {
|
|
5264
|
-
border-color: ${lightGrey$
|
|
5449
|
+
border-color: ${lightGrey$k};
|
|
5265
5450
|
}
|
|
5266
5451
|
|
|
5267
5452
|
input[type='radio']:checked ~ .check::before {
|
|
5268
|
-
background-color: ${lightGrey$
|
|
5453
|
+
background-color: ${lightGrey$k};
|
|
5269
5454
|
}
|
|
5270
5455
|
|
|
5271
5456
|
&:hover {
|
|
@@ -5290,7 +5475,7 @@ const RadioGroup = props => {
|
|
|
5290
5475
|
return /*#__PURE__*/React.createElement("div", {
|
|
5291
5476
|
style: style,
|
|
5292
5477
|
className: className
|
|
5293
|
-
}, /*#__PURE__*/React.createElement(Wrapper$
|
|
5478
|
+
}, /*#__PURE__*/React.createElement(Wrapper$d, {
|
|
5294
5479
|
type: type,
|
|
5295
5480
|
group: group,
|
|
5296
5481
|
error: error,
|
|
@@ -5315,7 +5500,7 @@ const RadioGroup = props => {
|
|
|
5315
5500
|
}) : null);
|
|
5316
5501
|
};
|
|
5317
5502
|
|
|
5318
|
-
const Wrapper$
|
|
5503
|
+
const Wrapper$e = _styled.ul`
|
|
5319
5504
|
display: flex;
|
|
5320
5505
|
flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
|
|
5321
5506
|
position: relative;
|
|
@@ -5348,7 +5533,7 @@ const CheckboxGroup = props => {
|
|
|
5348
5533
|
error,
|
|
5349
5534
|
disabled
|
|
5350
5535
|
} = props;
|
|
5351
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5536
|
+
return /*#__PURE__*/React.createElement(Wrapper$e, {
|
|
5352
5537
|
type: type,
|
|
5353
5538
|
error: error
|
|
5354
5539
|
}, children ? children : options && Array.isArray(options) ? options.map((value, index) => /*#__PURE__*/React.createElement("li", {
|
|
@@ -5365,15 +5550,15 @@ const CheckboxGroup = props => {
|
|
|
5365
5550
|
}) : null);
|
|
5366
5551
|
};
|
|
5367
5552
|
|
|
5368
|
-
const Wrapper$
|
|
5553
|
+
const Wrapper$f = _styled.div`
|
|
5369
5554
|
label {
|
|
5370
5555
|
margin-bottom: ${/*#__PURE__*/rem('5px')};
|
|
5371
5556
|
}
|
|
5372
5557
|
`;
|
|
5373
5558
|
const {
|
|
5374
|
-
grey: grey$
|
|
5375
|
-
darkGrey: darkGrey$
|
|
5376
|
-
light: light$
|
|
5559
|
+
grey: grey$p,
|
|
5560
|
+
darkGrey: darkGrey$4,
|
|
5561
|
+
light: light$l,
|
|
5377
5562
|
purple: purple$6
|
|
5378
5563
|
} = colors;
|
|
5379
5564
|
const Field = _styled.div`
|
|
@@ -5401,7 +5586,7 @@ const Field = _styled.div`
|
|
|
5401
5586
|
button {
|
|
5402
5587
|
border: 0;
|
|
5403
5588
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} 0;
|
|
5404
|
-
background-color: ${grey$
|
|
5589
|
+
background-color: ${grey$p};
|
|
5405
5590
|
min-width: ${/*#__PURE__*/rem('50px')};
|
|
5406
5591
|
height: ${/*#__PURE__*/rem('50px')};
|
|
5407
5592
|
display: flex;
|
|
@@ -5417,12 +5602,12 @@ const Field = _styled.div`
|
|
|
5417
5602
|
width: auto;
|
|
5418
5603
|
min-width: ${/*#__PURE__*/rem('20px')};
|
|
5419
5604
|
height: ${/*#__PURE__*/rem('20px')};
|
|
5420
|
-
fill: ${light$
|
|
5605
|
+
fill: ${light$l};
|
|
5421
5606
|
transition: 0.3s;
|
|
5422
5607
|
}
|
|
5423
5608
|
|
|
5424
5609
|
&:hover {
|
|
5425
|
-
background-color: ${darkGrey$
|
|
5610
|
+
background-color: ${darkGrey$4};
|
|
5426
5611
|
}
|
|
5427
5612
|
|
|
5428
5613
|
&:disabled {
|
|
@@ -5430,7 +5615,7 @@ const Field = _styled.div`
|
|
|
5430
5615
|
opacity: 0.5;
|
|
5431
5616
|
|
|
5432
5617
|
&:hover {
|
|
5433
|
-
background-color: ${grey$
|
|
5618
|
+
background-color: ${grey$p};
|
|
5434
5619
|
pointer-events: none;
|
|
5435
5620
|
}
|
|
5436
5621
|
}
|
|
@@ -5454,7 +5639,7 @@ const FieldWidthButton = props => {
|
|
|
5454
5639
|
buttonAction,
|
|
5455
5640
|
buttonDisabled
|
|
5456
5641
|
} = props;
|
|
5457
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5642
|
+
return /*#__PURE__*/React.createElement(Wrapper$f, null, label && /*#__PURE__*/React.createElement(Label, {
|
|
5458
5643
|
value: label
|
|
5459
5644
|
}), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(TextField, {
|
|
5460
5645
|
minimal: false,
|
|
@@ -5476,23 +5661,23 @@ const FieldWidthButton = props => {
|
|
|
5476
5661
|
};
|
|
5477
5662
|
|
|
5478
5663
|
const {
|
|
5479
|
-
normal: normal$
|
|
5664
|
+
normal: normal$h,
|
|
5480
5665
|
purple: purple$7,
|
|
5481
|
-
grey: grey$
|
|
5482
|
-
lightGrey: lightGrey$
|
|
5483
|
-
light: light$
|
|
5666
|
+
grey: grey$q,
|
|
5667
|
+
lightGrey: lightGrey$l,
|
|
5668
|
+
light: light$m
|
|
5484
5669
|
} = colors;
|
|
5485
5670
|
const {
|
|
5486
|
-
bold: bold$
|
|
5671
|
+
bold: bold$c
|
|
5487
5672
|
} = fontWeight;
|
|
5488
|
-
const Wrapper$
|
|
5673
|
+
const Wrapper$g = /*#__PURE__*/_styled.div.withConfig({
|
|
5489
5674
|
displayName: "styles__Wrapper",
|
|
5490
5675
|
componentId: "znznmm-0"
|
|
5491
|
-
})(["display:flex;align-items:center;ul.menu{width:0;animation:showAnimation 1s forwards;animation-delay:0.5s;overflow:hidden;}@keyframes showAnimation{0%{width:0%;}100%{width:100%;}}ul{margin:0;max-width:max-content;padding:0;&.menu{display:flex;li:not(:last-child){margin-right:", ";}}li{position:relative;list-style:none;a{display:flex;align-items:center;padding:", ";color:", ";text-transform:capitalize;text-decoration:none;white-space:nowrap;transition-duration:0.3s;svg{margin-right:", ";width:auto;height:", ";min-width:", ";fill:", ";transition-duration:0.3s;}&:hover{color:", ";svg{fill:", ";}}}&.active{font-weight:", ";a{pointer-events:none;svg{fill:", ";}}}}}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('10px'), normal$
|
|
5676
|
+
})(["display:flex;align-items:center;ul.menu{width:0;animation:showAnimation 1s forwards;animation-delay:0.5s;overflow:hidden;}@keyframes showAnimation{0%{width:0%;}100%{width:100%;}}ul{margin:0;max-width:max-content;padding:0;&.menu{display:flex;li:not(:last-child){margin-right:", ";}}li{position:relative;list-style:none;a{display:flex;align-items:center;padding:", ";color:", ";text-transform:capitalize;text-decoration:none;white-space:nowrap;transition-duration:0.3s;svg{margin-right:", ";width:auto;height:", ";min-width:", ";fill:", ";transition-duration:0.3s;}&:hover{color:", ";svg{fill:", ";}}}&.active{font-weight:", ";a{pointer-events:none;svg{fill:", ";}}}}}"], /*#__PURE__*/rem('10px'), /*#__PURE__*/rem('10px'), normal$h, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('24px'), /*#__PURE__*/rem('24px'), grey$q, props => props.customColor ? props.customColor : purple$7, props => props.customColor ? props.customColor : purple$7, bold$c, props => props.customColor ? props.customColor : purple$7);
|
|
5492
5677
|
const More = /*#__PURE__*/_styled.div.withConfig({
|
|
5493
5678
|
displayName: "styles__More",
|
|
5494
5679
|
componentId: "znznmm-1"
|
|
5495
|
-
})(["position:relative;display:none;&.hide{display:initial;}ul{position:absolute;right:0;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";padding:0;-moz-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);-webkit-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;&.more{display:none;}&.is-open{display:inherit;}li{list-style:none;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;a{color:", ";svg{fill:", ";}}}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;height:100%;padding:", ";}}}"], /*#__PURE__*/rem('1px'), lightGrey$
|
|
5680
|
+
})(["position:relative;display:none;&.hide{display:initial;}ul{position:absolute;right:0;border:", " solid ", ";border-radius:", ";background-color:", ";margin-top:", ";padding:0;-moz-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);-webkit-box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);box-shadow:0 0 ", " 0 rgba(40,40,40,0.2);z-index:1;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;&.more{display:none;}&.is-open{display:inherit;}li{list-style:none;transition-duration:0.3s;&:hover{background-color:", ";cursor:pointer;a{color:", ";svg{fill:", ";}}}&:first-child{border-radius:", " ", " 0 0;}&:last-child{border-radius:0 0 ", " ", ";}a{width:100%;height:100%;padding:", ";}}}"], /*#__PURE__*/rem('1px'), lightGrey$l, /*#__PURE__*/rem('4px'), light$m, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), lightGrey$l, normal$h, normal$h, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('15px'));
|
|
5496
5681
|
|
|
5497
5682
|
const HorizontalNav = props => {
|
|
5498
5683
|
const [showMore, setShowMore] = useState(false);
|
|
@@ -5546,7 +5731,7 @@ const HorizontalNav = props => {
|
|
|
5546
5731
|
|
|
5547
5732
|
return;
|
|
5548
5733
|
}, [ref]);
|
|
5549
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5734
|
+
return /*#__PURE__*/React.createElement(Wrapper$g, {
|
|
5550
5735
|
ref: ref,
|
|
5551
5736
|
className: className,
|
|
5552
5737
|
customColor: customColor
|
|
@@ -5569,10 +5754,10 @@ const HorizontalNav = props => {
|
|
|
5569
5754
|
};
|
|
5570
5755
|
|
|
5571
5756
|
const {
|
|
5572
|
-
light: light$
|
|
5757
|
+
light: light$n
|
|
5573
5758
|
} = colors;
|
|
5574
5759
|
const {
|
|
5575
|
-
bold: bold$
|
|
5760
|
+
bold: bold$d
|
|
5576
5761
|
} = fontWeight;
|
|
5577
5762
|
const ModalOverlay = /*#__PURE__*/_styled.div.withConfig({
|
|
5578
5763
|
displayName: "styles__ModalOverlay",
|
|
@@ -5585,11 +5770,11 @@ const ModalWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
5585
5770
|
const ModalContainer = /*#__PURE__*/_styled.div.withConfig({
|
|
5586
5771
|
displayName: "styles__ModalContainer",
|
|
5587
5772
|
componentId: "sc-16r6vcc-2"
|
|
5588
|
-
})(["position:relative;background:", ";width:100%;min-height:0;padding:", ";word-wrap:break-word;transition-duration:0.3s;@media ", "{--spacing:", ";margin:var(--spacing);border-radius:", ";max-width:", ";padding:var(--spacing);&:after{content:'';position:absolute;bottom:calc(var(--spacing) * -1);width:", ";height:var(--spacing);}}"], light$
|
|
5773
|
+
})(["position:relative;background:", ";width:100%;min-height:0;padding:", ";word-wrap:break-word;transition-duration:0.3s;@media ", "{--spacing:", ";margin:var(--spacing);border-radius:", ";max-width:", ";padding:var(--spacing);&:after{content:'';position:absolute;bottom:calc(var(--spacing) * -1);width:", ";height:var(--spacing);}}"], light$n, /*#__PURE__*/rem('15px'), device.s, /*#__PURE__*/rem('30px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('860px'), /*#__PURE__*/rem('1px'));
|
|
5589
5774
|
const ModalHeader = /*#__PURE__*/_styled.div.withConfig({
|
|
5590
5775
|
displayName: "styles__ModalHeader",
|
|
5591
5776
|
componentId: "sc-16r6vcc-3"
|
|
5592
|
-
})(["display:flex;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}button{display:none;position:absolute;top:0;right:0;margin:", " ", " 0 0;background-color:", ";z-index:1;&:hover{background-color:", ";}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('30px'), bold$
|
|
5777
|
+
})(["display:flex;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}button{display:none;position:absolute;top:0;right:0;margin:", " ", " 0 0;background-color:", ";z-index:1;&:hover{background-color:", ";}@media ", "{display:inherit;}}"], /*#__PURE__*/rem('30px'), bold$d, /*#__PURE__*/rem('-18px'), /*#__PURE__*/rem('-18px'), light$n, light$n, device.s);
|
|
5593
5778
|
|
|
5594
5779
|
const Modal = props => {
|
|
5595
5780
|
const {
|
|
@@ -5640,18 +5825,18 @@ const Modal = props => {
|
|
|
5640
5825
|
};
|
|
5641
5826
|
|
|
5642
5827
|
const {
|
|
5643
|
-
light: light$
|
|
5828
|
+
light: light$o
|
|
5644
5829
|
} = colors;
|
|
5645
5830
|
const {
|
|
5646
|
-
bold: bold$
|
|
5831
|
+
bold: bold$e
|
|
5647
5832
|
} = fontWeight;
|
|
5648
5833
|
const slideInLeft = keyframes`
|
|
5649
5834
|
from {
|
|
5650
|
-
transform:
|
|
5835
|
+
transform: translateX(100%);
|
|
5651
5836
|
}
|
|
5652
5837
|
|
|
5653
5838
|
to {
|
|
5654
|
-
transform:
|
|
5839
|
+
transform: translateX(0);
|
|
5655
5840
|
}
|
|
5656
5841
|
`;
|
|
5657
5842
|
const ModalOverlay$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
@@ -5665,11 +5850,11 @@ const ModalWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
|
5665
5850
|
const ModalContainer$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
5666
5851
|
displayName: "styles__ModalContainer",
|
|
5667
5852
|
componentId: "sc-46huls-2"
|
|
5668
|
-
})(["position:
|
|
5853
|
+
})(["position:fixed;right:0;background:", ";width:100%;height:100vh;display:flex;flex-direction:column;padding:", ";word-wrap:break-word;animation-timing-function:", ";animation-duration:1s;animation-fill-mode:forwards;transform:translateX(100%);animation-name:", ";overflow-y:auto;@media ", "{max-width:", ";padding:", ";}"], light$o, /*#__PURE__*/rem('15px'), /*#__PURE__*/timingFunctions('easeOutQuint'), slideInLeft, device.s, /*#__PURE__*/rem('400px'), /*#__PURE__*/rem('30px'));
|
|
5669
5854
|
const ModalHeader$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
5670
5855
|
displayName: "styles__ModalHeader",
|
|
5671
5856
|
componentId: "sc-46huls-3"
|
|
5672
|
-
})(["top:0;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}"], /*#__PURE__*/rem('30px'), bold$
|
|
5857
|
+
})(["top:0;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}"], /*#__PURE__*/rem('30px'), bold$e);
|
|
5673
5858
|
const ModalContent = /*#__PURE__*/_styled.div.withConfig({
|
|
5674
5859
|
displayName: "styles__ModalContent",
|
|
5675
5860
|
componentId: "sc-46huls-4"
|
|
@@ -5703,9 +5888,9 @@ const ModalDrawer = props => {
|
|
|
5703
5888
|
};
|
|
5704
5889
|
|
|
5705
5890
|
const {
|
|
5706
|
-
lightGrey: lightGrey$
|
|
5891
|
+
lightGrey: lightGrey$m
|
|
5707
5892
|
} = colors;
|
|
5708
|
-
const Wrapper$
|
|
5893
|
+
const Wrapper$h = _styled.div`
|
|
5709
5894
|
div {
|
|
5710
5895
|
width: 100%;
|
|
5711
5896
|
height: 100%;
|
|
@@ -5766,7 +5951,7 @@ const Wrapper$g = _styled.div`
|
|
|
5766
5951
|
|
|
5767
5952
|
.card {
|
|
5768
5953
|
position: relative;
|
|
5769
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${lightGrey$
|
|
5954
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${lightGrey$m};
|
|
5770
5955
|
border-radius: ${/*#__PURE__*/rem('6px')};
|
|
5771
5956
|
width: ${/*#__PURE__*/rem('300px')};
|
|
5772
5957
|
overflow: hidden;
|
|
@@ -5781,7 +5966,7 @@ const Wrapper$g = _styled.div`
|
|
|
5781
5966
|
margin: ${/*#__PURE__*/rem('-45px')} 0 0 ${/*#__PURE__*/rem('20px')};
|
|
5782
5967
|
width: ${/*#__PURE__*/rem('90px')};
|
|
5783
5968
|
height: ${/*#__PURE__*/rem('90px')};
|
|
5784
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${lightGrey$
|
|
5969
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${lightGrey$m};
|
|
5785
5970
|
border-radius: 999px;
|
|
5786
5971
|
}
|
|
5787
5972
|
|
|
@@ -5920,32 +6105,32 @@ const LoadingState = props => {
|
|
|
5920
6105
|
}), paragraphs));
|
|
5921
6106
|
}
|
|
5922
6107
|
|
|
5923
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6108
|
+
return /*#__PURE__*/React.createElement(Wrapper$h, {
|
|
5924
6109
|
type: type
|
|
5925
6110
|
}, loadingType);
|
|
5926
6111
|
};
|
|
5927
6112
|
|
|
5928
6113
|
const {
|
|
5929
|
-
normal: normal$
|
|
5930
|
-
grey: grey$
|
|
5931
|
-
lightGrey: lightGrey$
|
|
5932
|
-
light: light$
|
|
6114
|
+
normal: normal$i,
|
|
6115
|
+
grey: grey$r,
|
|
6116
|
+
lightGrey: lightGrey$n,
|
|
6117
|
+
light: light$p
|
|
5933
6118
|
} = colors;
|
|
5934
|
-
const Wrapper$
|
|
6119
|
+
const Wrapper$i = _styled.div`
|
|
5935
6120
|
.tab {
|
|
5936
|
-
border-color: ${lightGrey$
|
|
6121
|
+
border-color: ${lightGrey$n};
|
|
5937
6122
|
|
|
5938
6123
|
&[aria-selected='true'] {
|
|
5939
6124
|
border-bottom: 0;
|
|
5940
6125
|
}
|
|
5941
6126
|
|
|
5942
6127
|
&[aria-selected='false'] {
|
|
5943
|
-
background-color: ${lightGrey$
|
|
5944
|
-
color: ${grey$
|
|
6128
|
+
background-color: ${lightGrey$n};
|
|
6129
|
+
color: ${grey$r};
|
|
5945
6130
|
transition-duration: 0.3s;
|
|
5946
6131
|
|
|
5947
6132
|
&:hover {
|
|
5948
|
-
color: ${normal$
|
|
6133
|
+
color: ${normal$i};
|
|
5949
6134
|
}
|
|
5950
6135
|
}
|
|
5951
6136
|
|
|
@@ -5960,8 +6145,8 @@ const Wrapper$h = _styled.div`
|
|
|
5960
6145
|
|
|
5961
6146
|
.panel {
|
|
5962
6147
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')};
|
|
5963
|
-
border-color: ${lightGrey$
|
|
5964
|
-
background-color: ${light$
|
|
6148
|
+
border-color: ${lightGrey$n};
|
|
6149
|
+
background-color: ${light$p};
|
|
5965
6150
|
padding: ${/*#__PURE__*/rem('30px')};
|
|
5966
6151
|
}
|
|
5967
6152
|
|
|
@@ -5981,7 +6166,7 @@ const Wrapper$h = _styled.div`
|
|
|
5981
6166
|
.RRT__tab {
|
|
5982
6167
|
background: #eee;
|
|
5983
6168
|
border-style: solid;
|
|
5984
|
-
border-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6169
|
+
border-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
5985
6170
|
border-width: ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} 0;
|
|
5986
6171
|
cursor: pointer;
|
|
5987
6172
|
z-index: 1;
|
|
@@ -5991,7 +6176,7 @@ const Wrapper$h = _styled.div`
|
|
|
5991
6176
|
|
|
5992
6177
|
.RRT__tab:focus {
|
|
5993
6178
|
outline: 0;
|
|
5994
|
-
background-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6179
|
+
background-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
5995
6180
|
}
|
|
5996
6181
|
|
|
5997
6182
|
.RRT__accordion .RRT__tab {
|
|
@@ -6003,12 +6188,12 @@ const Wrapper$h = _styled.div`
|
|
|
6003
6188
|
}
|
|
6004
6189
|
|
|
6005
6190
|
.RRT__tab--selected {
|
|
6006
|
-
background: ${light$
|
|
6007
|
-
border-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6191
|
+
background: ${light$p};
|
|
6192
|
+
border-color: ${/*#__PURE__*/lighten(0.25, grey$r)} ${/*#__PURE__*/lighten(0.25, grey$r)} ${light$p};
|
|
6008
6193
|
}
|
|
6009
6194
|
|
|
6010
6195
|
.RRT__tab--selected:focus {
|
|
6011
|
-
background-color: ${light$
|
|
6196
|
+
background-color: ${light$p};
|
|
6012
6197
|
}
|
|
6013
6198
|
|
|
6014
6199
|
.RRT__tab--disabled {
|
|
@@ -6038,7 +6223,7 @@ const Wrapper$h = _styled.div`
|
|
|
6038
6223
|
.RRT__panel {
|
|
6039
6224
|
margin-top: ${/*#__PURE__*/rem('-1px')};
|
|
6040
6225
|
padding: 1em;
|
|
6041
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$
|
|
6226
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6042
6227
|
}
|
|
6043
6228
|
|
|
6044
6229
|
.RRT__panel--hidden {
|
|
@@ -6050,8 +6235,8 @@ const Wrapper$h = _styled.div`
|
|
|
6050
6235
|
}
|
|
6051
6236
|
|
|
6052
6237
|
.RRT__showmore {
|
|
6053
|
-
background: ${lightGrey$
|
|
6054
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$
|
|
6238
|
+
background: ${lightGrey$n};
|
|
6239
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6055
6240
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} 0 0;
|
|
6056
6241
|
cursor: pointer;
|
|
6057
6242
|
z-index: 1;
|
|
@@ -6061,7 +6246,7 @@ const Wrapper$h = _styled.div`
|
|
|
6061
6246
|
}
|
|
6062
6247
|
|
|
6063
6248
|
.RRT__showmore--selected {
|
|
6064
|
-
background: ${light$
|
|
6249
|
+
background: ${light$p};
|
|
6065
6250
|
border-bottom: none;
|
|
6066
6251
|
}
|
|
6067
6252
|
|
|
@@ -6072,7 +6257,7 @@ const Wrapper$h = _styled.div`
|
|
|
6072
6257
|
}
|
|
6073
6258
|
|
|
6074
6259
|
.RRT__showmore-label--selected {
|
|
6075
|
-
background-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6260
|
+
background-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6076
6261
|
}
|
|
6077
6262
|
|
|
6078
6263
|
.RRT__showmore-list {
|
|
@@ -6110,7 +6295,7 @@ const TabsPanel = props => {
|
|
|
6110
6295
|
}));
|
|
6111
6296
|
};
|
|
6112
6297
|
|
|
6113
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6298
|
+
return /*#__PURE__*/React.createElement(Wrapper$i, null, /*#__PURE__*/React.createElement(Tabs, {
|
|
6114
6299
|
transform: false,
|
|
6115
6300
|
unmountOnExit: unmountOnExit,
|
|
6116
6301
|
selectedTabKey: selectedTabKey,
|
|
@@ -6120,7 +6305,7 @@ const TabsPanel = props => {
|
|
|
6120
6305
|
}));
|
|
6121
6306
|
};
|
|
6122
6307
|
|
|
6123
|
-
const Wrapper$
|
|
6308
|
+
const Wrapper$j = _styled.div`
|
|
6124
6309
|
display: flex;
|
|
6125
6310
|
flex-direction: column;
|
|
6126
6311
|
`;
|
|
@@ -6140,7 +6325,7 @@ const TabsPanel$1 = props => {
|
|
|
6140
6325
|
className = 'grid-container',
|
|
6141
6326
|
children
|
|
6142
6327
|
} = props;
|
|
6143
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6328
|
+
return /*#__PURE__*/React.createElement(Wrapper$j, {
|
|
6144
6329
|
className: className
|
|
6145
6330
|
}, children);
|
|
6146
6331
|
};
|
|
@@ -6167,5 +6352,5 @@ const GridCol$1 = props => {
|
|
|
6167
6352
|
}, children);
|
|
6168
6353
|
};
|
|
6169
6354
|
|
|
6170
|
-
export { ActionsMenu, AlertNotification, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
|
|
6355
|
+
export { ActionsMenu, AlertNotification, AvatarImage, Button, ButtonDropdown, ButtonLink, CardValue, Checkbox, CheckboxButton, CheckboxGroup, DataWarning, EmptyTable, Error, ErrorField, FieldWidthButton, FilePicker, FormGroup, GridCol$1 as GridCol, TabsPanel$1 as GridContainer, GridRow$1 as GridRow, HorizontalNav, Icon, Label, LoadingState, Modal, ModalDrawer, ModalFooter, NoteCard, NumberInputSpinner, PaginationControl, ProgressBar, RadioGroup, Select, SelectInteractive, Slideshow, Spinner, Table$1 as Table, TableDnD, TabsPanel, Tag, TagNumber, TextArea, TextField, TextFieldAppendix, Toggle, TruncateLine, VideoPlayer, WizardSteps };
|
|
6171
6356
|
//# sourceMappingURL=rocket-kit.esm.js.map
|