@taikai/rocket-kit 2.0.0-beta.7 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/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 +359 -199
- package/dist/rocket-kit.cjs.development.js.map +1 -1
- package/dist/rocket-kit.cjs.production.min.js +277 -198
- package/dist/rocket-kit.cjs.production.min.js.map +1 -1
- package/dist/rocket-kit.esm.js +359 -200
- 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,7 +1243,7 @@ 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,
|
|
1227
1249
|
purple: purple$5,
|
|
@@ -1258,11 +1280,11 @@ const SelectWrapper = _styled.div`
|
|
|
1258
1280
|
}
|
|
1259
1281
|
|
|
1260
1282
|
&__input {
|
|
1261
|
-
color: ${normal$
|
|
1283
|
+
color: ${normal$6};
|
|
1262
1284
|
}
|
|
1263
1285
|
|
|
1264
1286
|
&__single-value {
|
|
1265
|
-
color: ${normal$
|
|
1287
|
+
color: ${normal$6};
|
|
1266
1288
|
}
|
|
1267
1289
|
|
|
1268
1290
|
&__indicator {
|
|
@@ -1301,7 +1323,7 @@ const SelectWrapper = _styled.div`
|
|
|
1301
1323
|
|
|
1302
1324
|
&--is-selected {
|
|
1303
1325
|
background-color: ${lightPurple};
|
|
1304
|
-
color: ${normal$
|
|
1326
|
+
color: ${normal$6};
|
|
1305
1327
|
}
|
|
1306
1328
|
}
|
|
1307
1329
|
}
|
|
@@ -1329,7 +1351,7 @@ const SelectWrapper = _styled.div`
|
|
|
1329
1351
|
|
|
1330
1352
|
.select__option--is-selected {
|
|
1331
1353
|
svg {
|
|
1332
|
-
fill: ${normal$
|
|
1354
|
+
fill: ${normal$6};
|
|
1333
1355
|
transition-duration: 0.3s;
|
|
1334
1356
|
}
|
|
1335
1357
|
}
|
|
@@ -1395,7 +1417,7 @@ const SelectInteractive = props => {
|
|
|
1395
1417
|
};
|
|
1396
1418
|
|
|
1397
1419
|
const {
|
|
1398
|
-
normal: normal$
|
|
1420
|
+
normal: normal$7,
|
|
1399
1421
|
grey: grey$e,
|
|
1400
1422
|
lightGrey: lightGrey$8,
|
|
1401
1423
|
red: red$8,
|
|
@@ -1412,7 +1434,7 @@ const Wrapper$2 = _styled.div`
|
|
|
1412
1434
|
input {
|
|
1413
1435
|
flex: 1;
|
|
1414
1436
|
border: 0;
|
|
1415
|
-
color: ${props => props.error ? red$8 : normal$
|
|
1437
|
+
color: ${props => props.error ? red$8 : normal$7};
|
|
1416
1438
|
}
|
|
1417
1439
|
|
|
1418
1440
|
& + span {
|
|
@@ -1928,7 +1950,7 @@ const {
|
|
|
1928
1950
|
green: green$6
|
|
1929
1951
|
} = colors;
|
|
1930
1952
|
const {
|
|
1931
|
-
bold: bold$
|
|
1953
|
+
bold: bold$5
|
|
1932
1954
|
} = fontWeight;
|
|
1933
1955
|
const Wrapper$5 = _styled.div`
|
|
1934
1956
|
display: flex;
|
|
@@ -1951,7 +1973,7 @@ const Progress = _styled.div`
|
|
|
1951
1973
|
const Value = _styled.div`
|
|
1952
1974
|
margin-left: ${/*#__PURE__*/rem('5px')};
|
|
1953
1975
|
font-size: 0.75rem;
|
|
1954
|
-
font-weight: ${bold$
|
|
1976
|
+
font-weight: ${bold$5};
|
|
1955
1977
|
`;
|
|
1956
1978
|
|
|
1957
1979
|
const ProgressBar = props => {
|
|
@@ -2142,10 +2164,144 @@ const Toggle = ({
|
|
|
2142
2164
|
};
|
|
2143
2165
|
|
|
2144
2166
|
const {
|
|
2145
|
-
|
|
2146
|
-
|
|
2167
|
+
red: red$9,
|
|
2168
|
+
grey: grey$f,
|
|
2147
2169
|
lightGrey: lightGrey$b,
|
|
2148
|
-
|
|
2170
|
+
darkGrey: darkGrey$2,
|
|
2171
|
+
green: green$8,
|
|
2172
|
+
darkGreen: darkGreen$4,
|
|
2173
|
+
light: light$c,
|
|
2174
|
+
normal: normal$8
|
|
2175
|
+
} = colors;
|
|
2176
|
+
const Wrapper$6 = _styled.div`
|
|
2177
|
+
input {
|
|
2178
|
+
width: 0.1px;
|
|
2179
|
+
height: 0.1px;
|
|
2180
|
+
opacity: 0;
|
|
2181
|
+
overflow: hidden;
|
|
2182
|
+
position: absolute;
|
|
2183
|
+
z-index: -1;
|
|
2184
|
+
}
|
|
2185
|
+
|
|
2186
|
+
label {
|
|
2187
|
+
margin-bottom: 0 !important;
|
|
2188
|
+
border-width: ${props => props.minimal ? `0 0 ${rem('1px')} 0` : rem('1px')};
|
|
2189
|
+
border-style: solid;
|
|
2190
|
+
border-color: ${props => props.error ? red$9 : grey$f};
|
|
2191
|
+
border-radius: ${props => props.minimal ? 0 : rem('6px')};
|
|
2192
|
+
background-color: ${props => props.disabled ? lightGrey$b : 'transparent'};
|
|
2193
|
+
display: flex;
|
|
2194
|
+
justify-content: space-between;
|
|
2195
|
+
align-items: center;
|
|
2196
|
+
width: 100%;
|
|
2197
|
+
height: ${/*#__PURE__*/rem('50px')};
|
|
2198
|
+
-webkit-appearance: none;
|
|
2199
|
+
outline: none;
|
|
2200
|
+
cursor: ${props => props.disabled ? 'default' : 'pointer'};
|
|
2201
|
+
pointer-events: ${props => props.disabled ? 'none' : ''};
|
|
2202
|
+
overflow: hidden;
|
|
2203
|
+
|
|
2204
|
+
span {
|
|
2205
|
+
display: flex;
|
|
2206
|
+
align-items: center;
|
|
2207
|
+
|
|
2208
|
+
&.file-name {
|
|
2209
|
+
flex: 1;
|
|
2210
|
+
display: block;
|
|
2211
|
+
padding: ${props => props.minimal ? 0 : `0 ${rem('10px')}`};
|
|
2212
|
+
color: ${props => props.disabled ? grey$f : normal$8};
|
|
2213
|
+
white-space: nowrap;
|
|
2214
|
+
overflow: hidden;
|
|
2215
|
+
text-overflow: ellipsis;
|
|
2216
|
+
}
|
|
2217
|
+
|
|
2218
|
+
&.button {
|
|
2219
|
+
border-left: ${props => props.minimal ? 0 : `${rem('1px')} solid ${grey$f}`};
|
|
2220
|
+
background-color: ${props => props.minimal ? 'transparent' : props.disabled ? lightGrey$b : green$8};
|
|
2221
|
+
height: 100%;
|
|
2222
|
+
padding: ${props => props.minimal ? `0 ${rem('5px')} 0 ${rem('20px')}` : `0 ${rem('20px')}`};
|
|
2223
|
+
color: ${props => props.disabled ? grey$f : props.minimal ? darkGrey$2 : light$c};
|
|
2224
|
+
transition-duration: 0.3s;
|
|
2225
|
+
|
|
2226
|
+
svg {
|
|
2227
|
+
margin-right: ${/*#__PURE__*/rem('8px')};
|
|
2228
|
+
width: auto;
|
|
2229
|
+
height: ${/*#__PURE__*/rem('24px')};
|
|
2230
|
+
fill: ${props => props.disabled ? grey$f : props.minimal ? darkGrey$2 : light$c};
|
|
2231
|
+
transition-duration: 0.3s;
|
|
2232
|
+
}
|
|
2233
|
+
|
|
2234
|
+
&:hover {
|
|
2235
|
+
background-color: ${props => props.minimal ? 'transparent' : darkGreen$4};
|
|
2236
|
+
color: ${props => props.minimal ? darkGreen$4 : light$c};
|
|
2237
|
+
|
|
2238
|
+
svg {
|
|
2239
|
+
fill: ${props => props.disabled ? grey$f : props.minimal ? darkGreen$4 : light$c};
|
|
2240
|
+
}
|
|
2241
|
+
}
|
|
2242
|
+
}
|
|
2243
|
+
}
|
|
2244
|
+
}
|
|
2245
|
+
`;
|
|
2246
|
+
|
|
2247
|
+
const FilePicker = props => {
|
|
2248
|
+
const {
|
|
2249
|
+
minimal = false,
|
|
2250
|
+
name,
|
|
2251
|
+
accept,
|
|
2252
|
+
multiple = false,
|
|
2253
|
+
placeholder = 'Select file',
|
|
2254
|
+
pluralText = 'files selected',
|
|
2255
|
+
error,
|
|
2256
|
+
dataTestId,
|
|
2257
|
+
onChange = () => {},
|
|
2258
|
+
value = '',
|
|
2259
|
+
buttonText = 'Browse',
|
|
2260
|
+
disabled = false
|
|
2261
|
+
} = props;
|
|
2262
|
+
const [fileName, setFileName] = useState(value ? value : placeholder);
|
|
2263
|
+
|
|
2264
|
+
const getUploadedFileName = e => {
|
|
2265
|
+
let files = e.target.files,
|
|
2266
|
+
value = e.target.value,
|
|
2267
|
+
fileName;
|
|
2268
|
+
if (files && files.length > 1) fileName = `${files.length} ${pluralText}`;else fileName = value.split('\\').pop();
|
|
2269
|
+
if (fileName) setFileName(fileName);
|
|
2270
|
+
};
|
|
2271
|
+
|
|
2272
|
+
return /*#__PURE__*/React.createElement(Wrapper$6, {
|
|
2273
|
+
disabled: disabled,
|
|
2274
|
+
minimal: minimal,
|
|
2275
|
+
error: !!error
|
|
2276
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
2277
|
+
id: name,
|
|
2278
|
+
type: "file",
|
|
2279
|
+
accept: accept,
|
|
2280
|
+
multiple: multiple,
|
|
2281
|
+
"data-multiple-caption": fileName,
|
|
2282
|
+
onChange: evt => {
|
|
2283
|
+
getUploadedFileName(evt);
|
|
2284
|
+
onChange(evt);
|
|
2285
|
+
},
|
|
2286
|
+
"data-testid": dataTestId
|
|
2287
|
+
}), /*#__PURE__*/React.createElement("label", {
|
|
2288
|
+
htmlFor: name
|
|
2289
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
2290
|
+
className: "file-name"
|
|
2291
|
+
}, fileName), /*#__PURE__*/React.createElement("span", {
|
|
2292
|
+
className: "button"
|
|
2293
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
2294
|
+
icon: "upload"
|
|
2295
|
+
}), buttonText)), error && /*#__PURE__*/React.createElement(ErrorField, {
|
|
2296
|
+
error: error
|
|
2297
|
+
}));
|
|
2298
|
+
};
|
|
2299
|
+
|
|
2300
|
+
const {
|
|
2301
|
+
normal: normal$9,
|
|
2302
|
+
light: light$d,
|
|
2303
|
+
lightGrey: lightGrey$c,
|
|
2304
|
+
red: red$a
|
|
2149
2305
|
} = colors;
|
|
2150
2306
|
const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
2151
2307
|
displayName: "styles__ActionsMenuStyle",
|
|
@@ -2154,11 +2310,11 @@ const ActionsMenuStyle$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2154
2310
|
const List = /*#__PURE__*/_styled.ul.withConfig({
|
|
2155
2311
|
displayName: "styles__List",
|
|
2156
2312
|
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$
|
|
2313
|
+
})(["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$c, /*#__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
2314
|
--margin: ${`calc(${rem('45px')} + ${rem('50px')} * ${props.rowIndex} + ${rem('42px')})`};
|
|
2159
2315
|
top: var(--margin);
|
|
2160
2316
|
right: ${rem('5px')};
|
|
2161
|
-
`, /*#__PURE__*/rem('45px'), lightGrey$
|
|
2317
|
+
`, /*#__PURE__*/rem('45px'), lightGrey$c, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('1px'), lightGrey$c, red$a, lightGrey$c, /*#__PURE__*/rem('20px'), normal$9);
|
|
2162
2318
|
|
|
2163
2319
|
const ActionMenuList = props => {
|
|
2164
2320
|
const {
|
|
@@ -2231,13 +2387,13 @@ const ActionsMenu = props => {
|
|
|
2231
2387
|
};
|
|
2232
2388
|
|
|
2233
2389
|
const {
|
|
2234
|
-
light: light$
|
|
2235
|
-
grey: grey$
|
|
2390
|
+
light: light$e,
|
|
2391
|
+
grey: grey$g
|
|
2236
2392
|
} = colors;
|
|
2237
2393
|
const CardValueStyle = /*#__PURE__*/_styled.div.withConfig({
|
|
2238
2394
|
displayName: "styles__CardValueStyle",
|
|
2239
2395
|
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$
|
|
2396
|
+
})(["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
2397
|
const CardValueButtonWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2242
2398
|
displayName: "styles__CardValueButtonWrapper",
|
|
2243
2399
|
componentId: "sc-1ki7jdk-1"
|
|
@@ -2268,11 +2424,11 @@ const CardValue = props => {
|
|
|
2268
2424
|
};
|
|
2269
2425
|
|
|
2270
2426
|
const {
|
|
2271
|
-
grey: grey$
|
|
2272
|
-
light: light$
|
|
2427
|
+
grey: grey$h,
|
|
2428
|
+
light: light$f
|
|
2273
2429
|
} = colors;
|
|
2274
2430
|
const {
|
|
2275
|
-
bold: bold$
|
|
2431
|
+
bold: bold$6
|
|
2276
2432
|
} = fontWeight;
|
|
2277
2433
|
const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2278
2434
|
displayName: "styles__EmptyTableWrapper",
|
|
@@ -2281,15 +2437,15 @@ const EmptyTableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2281
2437
|
const EmptyTableHead = /*#__PURE__*/_styled.div.withConfig({
|
|
2282
2438
|
displayName: "styles__EmptyTableHead",
|
|
2283
2439
|
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$
|
|
2440
|
+
})(["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
2441
|
const EmptyTableBody = /*#__PURE__*/_styled.div.withConfig({
|
|
2286
2442
|
displayName: "styles__EmptyTableBody",
|
|
2287
2443
|
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$
|
|
2444
|
+
})(["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
2445
|
const EmptyTableRow = /*#__PURE__*/_styled.div.withConfig({
|
|
2290
2446
|
displayName: "styles__EmptyTableRow",
|
|
2291
2447
|
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$
|
|
2448
|
+
})(["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
2449
|
const EmptyTableCellText = /*#__PURE__*/_styled.div.withConfig({
|
|
2294
2450
|
displayName: "styles__EmptyTableCellText",
|
|
2295
2451
|
componentId: "sc-1dgsb9l-4"
|
|
@@ -2297,7 +2453,7 @@ const EmptyTableCellText = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2297
2453
|
const EmptyTableOverlay = /*#__PURE__*/_styled.div.withConfig({
|
|
2298
2454
|
displayName: "styles__EmptyTableOverlay",
|
|
2299
2455
|
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$
|
|
2456
|
+
})(["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
2457
|
|
|
2302
2458
|
const EmptyTable = props => {
|
|
2303
2459
|
let rows = [];
|
|
@@ -2357,29 +2513,29 @@ const ModalFooter = props => {
|
|
|
2357
2513
|
};
|
|
2358
2514
|
|
|
2359
2515
|
const {
|
|
2360
|
-
green: green$
|
|
2516
|
+
green: green$9,
|
|
2361
2517
|
lightGreen,
|
|
2362
|
-
darkGreen: darkGreen$
|
|
2363
|
-
grey: grey$
|
|
2364
|
-
lightGrey: lightGrey$
|
|
2365
|
-
darkGrey: darkGrey$
|
|
2366
|
-
red: red$
|
|
2518
|
+
darkGreen: darkGreen$5,
|
|
2519
|
+
grey: grey$i,
|
|
2520
|
+
lightGrey: lightGrey$d,
|
|
2521
|
+
darkGrey: darkGrey$3,
|
|
2522
|
+
red: red$b,
|
|
2367
2523
|
lightRed: lightRed$1,
|
|
2368
2524
|
darkRed: darkRed$3
|
|
2369
2525
|
} = colors;
|
|
2370
|
-
const Wrapper$
|
|
2526
|
+
const Wrapper$7 = /*#__PURE__*/_styled.div.withConfig({
|
|
2371
2527
|
displayName: "styles__Wrapper",
|
|
2372
2528
|
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$
|
|
2529
|
+
})(["--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$d, darkGrey$3, props => props.color === 'grey' && css`
|
|
2530
|
+
--default: ${grey$i};
|
|
2531
|
+
--light: ${lightGrey$d};
|
|
2532
|
+
--dark: ${darkGrey$3};
|
|
2377
2533
|
`, props => props.color === 'green' && css`
|
|
2378
|
-
--default: ${green$
|
|
2534
|
+
--default: ${green$9};
|
|
2379
2535
|
--light: ${lightGreen};
|
|
2380
|
-
--dark: ${darkGreen$
|
|
2536
|
+
--dark: ${darkGreen$5};
|
|
2381
2537
|
`, props => props.color === 'red' && css`
|
|
2382
|
-
--default: ${red$
|
|
2538
|
+
--default: ${red$b};
|
|
2383
2539
|
--light: ${lightRed$1};
|
|
2384
2540
|
--dark: ${darkRed$3};
|
|
2385
2541
|
`, /*#__PURE__*/rem('2px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('15px'), props => props.buttonValue && css`
|
|
@@ -2425,7 +2581,7 @@ const NoteCard = props => {
|
|
|
2425
2581
|
className = 'note-card',
|
|
2426
2582
|
style
|
|
2427
2583
|
} = props;
|
|
2428
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2584
|
+
return /*#__PURE__*/React.createElement(Wrapper$7, {
|
|
2429
2585
|
className: className,
|
|
2430
2586
|
color: color,
|
|
2431
2587
|
buttonValue: buttonValue,
|
|
@@ -2440,13 +2596,13 @@ function hasValue(value) {
|
|
|
2440
2596
|
}
|
|
2441
2597
|
|
|
2442
2598
|
const {
|
|
2443
|
-
normal: normal$
|
|
2444
|
-
light: light$
|
|
2445
|
-
grey: grey$
|
|
2446
|
-
lightGrey: lightGrey$
|
|
2599
|
+
normal: normal$a,
|
|
2600
|
+
light: light$g,
|
|
2601
|
+
grey: grey$j,
|
|
2602
|
+
lightGrey: lightGrey$e
|
|
2447
2603
|
} = colors;
|
|
2448
2604
|
const {
|
|
2449
|
-
bold: bold$
|
|
2605
|
+
bold: bold$7
|
|
2450
2606
|
} = fontWeight;
|
|
2451
2607
|
const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2452
2608
|
displayName: "styles__TableWrapper",
|
|
@@ -2455,11 +2611,11 @@ const TableWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
2455
2611
|
const OverflowWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
2456
2612
|
displayName: "styles__OverflowWrapper",
|
|
2457
2613
|
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$
|
|
2614
|
+
})(["@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
2615
|
const Table = /*#__PURE__*/_styled.table.withConfig({
|
|
2460
2616
|
displayName: "styles__Table",
|
|
2461
2617
|
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$
|
|
2618
|
+
})(["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$e, 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
2619
|
|
|
2464
2620
|
const Table$1 = props => {
|
|
2465
2621
|
const {
|
|
@@ -2551,29 +2707,32 @@ const Table$1 = props => {
|
|
|
2551
2707
|
}))))))), isVisible && /*#__PURE__*/React.createElement(ActionMenuList, {
|
|
2552
2708
|
actions: actions,
|
|
2553
2709
|
data: rowData,
|
|
2554
|
-
rowIndex: rowIndex
|
|
2710
|
+
rowIndex: rowIndex,
|
|
2711
|
+
handleOptionClick: () => {
|
|
2712
|
+
setIsVisible(false);
|
|
2713
|
+
}
|
|
2555
2714
|
})));
|
|
2556
2715
|
};
|
|
2557
2716
|
|
|
2558
2717
|
const {
|
|
2559
|
-
normal: normal$
|
|
2560
|
-
grey: grey$
|
|
2561
|
-
lightGrey: lightGrey$
|
|
2718
|
+
normal: normal$b,
|
|
2719
|
+
grey: grey$k,
|
|
2720
|
+
lightGrey: lightGrey$f
|
|
2562
2721
|
} = colors;
|
|
2563
2722
|
const {
|
|
2564
|
-
bold: bold$
|
|
2723
|
+
bold: bold$8
|
|
2565
2724
|
} = fontWeight;
|
|
2566
2725
|
const Table$2 = /*#__PURE__*/_styled.table.withConfig({
|
|
2567
2726
|
displayName: "styles__Table",
|
|
2568
2727
|
componentId: "sc-1p618q0-0"
|
|
2569
|
-
})(["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$
|
|
2728
|
+
})(["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$f, 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'));
|
|
2570
2729
|
const TableRow = /*#__PURE__*/_styled.tr.withConfig({
|
|
2571
2730
|
displayName: "styles__TableRow",
|
|
2572
2731
|
componentId: "sc-1p618q0-1"
|
|
2573
2732
|
})(["&[data-rbd-draggable-id='", "']{position:absolute;display:table;width:100%;}"], props => props.draggableId);
|
|
2574
2733
|
|
|
2575
2734
|
const {
|
|
2576
|
-
light: light$
|
|
2735
|
+
light: light$h
|
|
2577
2736
|
} = colors;
|
|
2578
2737
|
|
|
2579
2738
|
const TableDnD = props => {
|
|
@@ -2628,12 +2787,12 @@ const TableDnD = props => {
|
|
|
2628
2787
|
|
|
2629
2788
|
const getItemStyle = (isDragging, draggableStyle) => ({
|
|
2630
2789
|
userSelect: 'none',
|
|
2631
|
-
background: isDragging ? light$
|
|
2790
|
+
background: isDragging ? light$h : 'transparent',
|
|
2632
2791
|
...draggableStyle
|
|
2633
2792
|
});
|
|
2634
2793
|
|
|
2635
2794
|
const getListStyle = isDraggingOver => ({
|
|
2636
|
-
background: isDraggingOver ? light$
|
|
2795
|
+
background: isDraggingOver ? light$h : 'transparent'
|
|
2637
2796
|
});
|
|
2638
2797
|
|
|
2639
2798
|
return (
|
|
@@ -2732,14 +2891,14 @@ const TableDnD = props => {
|
|
|
2732
2891
|
};
|
|
2733
2892
|
|
|
2734
2893
|
const {
|
|
2735
|
-
normal: normal$
|
|
2736
|
-
grey: grey$
|
|
2737
|
-
red: red$
|
|
2894
|
+
normal: normal$c,
|
|
2895
|
+
grey: grey$l,
|
|
2896
|
+
red: red$c
|
|
2738
2897
|
} = colors;
|
|
2739
|
-
const Wrapper$
|
|
2898
|
+
const Wrapper$8 = /*#__PURE__*/_styled.div.withConfig({
|
|
2740
2899
|
displayName: "styles__Wrapper",
|
|
2741
2900
|
componentId: "mbja2a-0"
|
|
2742
|
-
})(["display:inline-block;> label{margin-bottom:", ";color:", ";span{color:", ";}}&:not(:last-child){margin-bottom:", ";}"], /*#__PURE__*/rem('5px'), props => props.error ? red$
|
|
2901
|
+
})(["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'));
|
|
2743
2902
|
|
|
2744
2903
|
const FormGroup = props => {
|
|
2745
2904
|
const {
|
|
@@ -2748,7 +2907,7 @@ const FormGroup = props => {
|
|
|
2748
2907
|
error = false,
|
|
2749
2908
|
children
|
|
2750
2909
|
} = props;
|
|
2751
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2910
|
+
return /*#__PURE__*/React.createElement(Wrapper$8, {
|
|
2752
2911
|
error: error
|
|
2753
2912
|
}, /*#__PURE__*/React.createElement(Label, {
|
|
2754
2913
|
value: label,
|
|
@@ -2757,14 +2916,14 @@ const FormGroup = props => {
|
|
|
2757
2916
|
};
|
|
2758
2917
|
|
|
2759
2918
|
const {
|
|
2760
|
-
grey: grey$
|
|
2761
|
-
lightGrey: lightGrey$
|
|
2919
|
+
grey: grey$m,
|
|
2920
|
+
lightGrey: lightGrey$g,
|
|
2762
2921
|
lightRed: lightRed$2
|
|
2763
2922
|
} = colors;
|
|
2764
|
-
const Wrapper$
|
|
2923
|
+
const Wrapper$9 = /*#__PURE__*/_styled.div.withConfig({
|
|
2765
2924
|
displayName: "styles__Wrapper",
|
|
2766
2925
|
componentId: "sc-124afcu-0"
|
|
2767
|
-
})(["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$
|
|
2926
|
+
})(["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$g);
|
|
2768
2927
|
const Input = /*#__PURE__*/_styled.input.withConfig({
|
|
2769
2928
|
displayName: "styles__Input",
|
|
2770
2929
|
componentId: "sc-124afcu-1"
|
|
@@ -2772,7 +2931,7 @@ const Input = /*#__PURE__*/_styled.input.withConfig({
|
|
|
2772
2931
|
const Button$1 = /*#__PURE__*/_styled.button.withConfig({
|
|
2773
2932
|
displayName: "styles__Button",
|
|
2774
2933
|
componentId: "sc-124afcu-2"
|
|
2775
|
-
})(["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$
|
|
2934
|
+
})(["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$g, /*#__PURE__*/rem('1px'), grey$m, /*#__PURE__*/rem('1px'), grey$m, /*#__PURE__*/rem('20px'), grey$m, lightGrey$g);
|
|
2776
2935
|
|
|
2777
2936
|
const NumberInputSpinner = props => {
|
|
2778
2937
|
const {
|
|
@@ -2804,7 +2963,7 @@ const NumberInputSpinner = props => {
|
|
|
2804
2963
|
setNumber(value);
|
|
2805
2964
|
};
|
|
2806
2965
|
|
|
2807
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
2966
|
+
return /*#__PURE__*/React.createElement(Wrapper$9, null, /*#__PURE__*/React.createElement(Button$1, {
|
|
2808
2967
|
className: "remove-button",
|
|
2809
2968
|
"aria-label": decreaseAriaLabel,
|
|
2810
2969
|
onClick: evt => {
|
|
@@ -2838,10 +2997,10 @@ const NumberInputSpinner = props => {
|
|
|
2838
2997
|
};
|
|
2839
2998
|
|
|
2840
2999
|
const {
|
|
2841
|
-
green: green$
|
|
2842
|
-
grey: grey$
|
|
2843
|
-
lightGrey: lightGrey$
|
|
2844
|
-
light: light$
|
|
3000
|
+
green: green$a,
|
|
3001
|
+
grey: grey$n,
|
|
3002
|
+
lightGrey: lightGrey$h,
|
|
3003
|
+
light: light$i
|
|
2845
3004
|
} = colors;
|
|
2846
3005
|
const Steps = /*#__PURE__*/_styled.ul.withConfig({
|
|
2847
3006
|
displayName: "styles__Steps",
|
|
@@ -2850,7 +3009,7 @@ const Steps = /*#__PURE__*/_styled.ul.withConfig({
|
|
|
2850
3009
|
const Step = /*#__PURE__*/_styled.li.withConfig({
|
|
2851
3010
|
displayName: "styles__Step",
|
|
2852
3011
|
componentId: "sc-1s2dhfy-1"
|
|
2853
|
-
})(["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$
|
|
3012
|
+
})(["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$h, /*#__PURE__*/rem('22px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('-15px'), /*#__PURE__*/rem('18px'), props => props.active ? green$a : lightGrey$h, /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), /*#__PURE__*/rem('6px'), props => props.active ? green$a : lightGrey$h, props => props.active ? light$i : grey$n, device.s);
|
|
2854
3013
|
|
|
2855
3014
|
const WizardSteps = props => {
|
|
2856
3015
|
const {
|
|
@@ -2871,28 +3030,28 @@ const WizardSteps = props => {
|
|
|
2871
3030
|
};
|
|
2872
3031
|
|
|
2873
3032
|
const {
|
|
2874
|
-
light: light$
|
|
2875
|
-
green: green$
|
|
2876
|
-
darkGreen: darkGreen$
|
|
2877
|
-
red: red$
|
|
3033
|
+
light: light$j,
|
|
3034
|
+
green: green$b,
|
|
3035
|
+
darkGreen: darkGreen$6,
|
|
3036
|
+
red: red$d,
|
|
2878
3037
|
darkRed: darkRed$4,
|
|
2879
3038
|
orange: orange$3,
|
|
2880
3039
|
darkOrange: darkOrange$2
|
|
2881
3040
|
} = colors;
|
|
2882
|
-
const Wrapper$
|
|
3041
|
+
const Wrapper$a = _styled.div`
|
|
2883
3042
|
--shadow: 0 0 ${/*#__PURE__*/rem('25px')} 0 rgba(40, 40, 40, 0.2);
|
|
2884
3043
|
|
|
2885
3044
|
position: fixed;
|
|
2886
3045
|
top: ${/*#__PURE__*/rem('15px')};
|
|
2887
3046
|
right: 0;
|
|
2888
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${darkGreen$
|
|
3047
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${darkGreen$6};
|
|
2889
3048
|
border-radius: ${/*#__PURE__*/rem('6px')};
|
|
2890
|
-
background-color: ${green$
|
|
3049
|
+
background-color: ${green$b};
|
|
2891
3050
|
width: ${/*#__PURE__*/rem('300px')};
|
|
2892
3051
|
max-height: min-content;
|
|
2893
3052
|
display: flex;
|
|
2894
3053
|
padding: ${/*#__PURE__*/rem('15px')};
|
|
2895
|
-
color: ${light$
|
|
3054
|
+
color: ${light$j};
|
|
2896
3055
|
-moz-box-shadow: var(--shadow);
|
|
2897
3056
|
-webkit-box-shadow: var(--shadow);
|
|
2898
3057
|
box-shadow: var(--shadow);
|
|
@@ -2903,7 +3062,7 @@ const Wrapper$9 = _styled.div`
|
|
|
2903
3062
|
background-color: transparent;
|
|
2904
3063
|
|
|
2905
3064
|
svg {
|
|
2906
|
-
fill: ${darkGreen$
|
|
3065
|
+
fill: ${darkGreen$6};
|
|
2907
3066
|
}
|
|
2908
3067
|
}
|
|
2909
3068
|
|
|
@@ -2937,7 +3096,7 @@ const Wrapper$9 = _styled.div`
|
|
|
2937
3096
|
|
|
2938
3097
|
${props => props.variant === 'red' && css`
|
|
2939
3098
|
border: ${rem('2px')} solid ${darkRed$4};
|
|
2940
|
-
background-color: ${red$
|
|
3099
|
+
background-color: ${red$d};
|
|
2941
3100
|
|
|
2942
3101
|
button {
|
|
2943
3102
|
svg {
|
|
@@ -2970,7 +3129,7 @@ const AlertNotification = props => {
|
|
|
2970
3129
|
value,
|
|
2971
3130
|
children
|
|
2972
3131
|
} = props;
|
|
2973
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
3132
|
+
return /*#__PURE__*/React.createElement(Wrapper$a, {
|
|
2974
3133
|
className: className,
|
|
2975
3134
|
variant: variant
|
|
2976
3135
|
}, /*#__PURE__*/React.createElement("div", null, value ? /*#__PURE__*/React.createElement("span", null, value) : children), /*#__PURE__*/React.createElement(Button, {
|
|
@@ -2981,13 +3140,13 @@ const AlertNotification = props => {
|
|
|
2981
3140
|
};
|
|
2982
3141
|
|
|
2983
3142
|
const {
|
|
2984
|
-
normal: normal$
|
|
2985
|
-
light: light$
|
|
2986
|
-
blue,
|
|
2987
|
-
lightGrey: lightGrey$
|
|
3143
|
+
normal: normal$d,
|
|
3144
|
+
light: light$k,
|
|
3145
|
+
blue: blue$2,
|
|
3146
|
+
lightGrey: lightGrey$i
|
|
2988
3147
|
} = colors;
|
|
2989
3148
|
const {
|
|
2990
|
-
bold: bold$
|
|
3149
|
+
bold: bold$9
|
|
2991
3150
|
} = fontWeight;
|
|
2992
3151
|
const PaginationWrapper = _styled.div`
|
|
2993
3152
|
--size: ${/*#__PURE__*/rem('30px')};
|
|
@@ -3029,18 +3188,18 @@ const PaginationWrapper = _styled.div`
|
|
|
3029
3188
|
display: flex;
|
|
3030
3189
|
justify-content: center;
|
|
3031
3190
|
align-items: center;
|
|
3032
|
-
color: ${normal$
|
|
3033
|
-
font-weight: ${bold$
|
|
3191
|
+
color: ${normal$d};
|
|
3192
|
+
font-weight: ${bold$9};
|
|
3034
3193
|
text-decoration: none;
|
|
3035
3194
|
|
|
3036
3195
|
&:hover {
|
|
3037
|
-
color: ${blue};
|
|
3196
|
+
color: ${blue$2};
|
|
3038
3197
|
}
|
|
3039
3198
|
|
|
3040
3199
|
svg {
|
|
3041
3200
|
width: ${/*#__PURE__*/rem('18px')};
|
|
3042
3201
|
height: auto;
|
|
3043
|
-
fill: ${blue};
|
|
3202
|
+
fill: ${blue$2};
|
|
3044
3203
|
}
|
|
3045
3204
|
}
|
|
3046
3205
|
|
|
@@ -3048,18 +3207,18 @@ const PaginationWrapper = _styled.div`
|
|
|
3048
3207
|
pointer-events: none;
|
|
3049
3208
|
|
|
3050
3209
|
a {
|
|
3051
|
-
background-color: ${blue};
|
|
3052
|
-
color: ${light$
|
|
3210
|
+
background-color: ${blue$2};
|
|
3211
|
+
color: ${light$k};
|
|
3053
3212
|
}
|
|
3054
3213
|
}
|
|
3055
3214
|
}
|
|
3056
3215
|
|
|
3057
3216
|
&.dark {
|
|
3058
3217
|
a {
|
|
3059
|
-
color: ${lightGrey$
|
|
3218
|
+
color: ${lightGrey$i};
|
|
3060
3219
|
|
|
3061
3220
|
&:hover {
|
|
3062
|
-
color: ${light$
|
|
3221
|
+
color: ${light$k};
|
|
3063
3222
|
}
|
|
3064
3223
|
}
|
|
3065
3224
|
}
|
|
@@ -3118,13 +3277,13 @@ const PaginationControl = props => {
|
|
|
3118
3277
|
};
|
|
3119
3278
|
|
|
3120
3279
|
const {
|
|
3121
|
-
normal: normal$
|
|
3122
|
-
green: green$
|
|
3280
|
+
normal: normal$e,
|
|
3281
|
+
green: green$c
|
|
3123
3282
|
} = colors;
|
|
3124
3283
|
const {
|
|
3125
|
-
bold: bold$
|
|
3284
|
+
bold: bold$a
|
|
3126
3285
|
} = fontWeight;
|
|
3127
|
-
const Wrapper$
|
|
3286
|
+
const Wrapper$b = _styled.div`
|
|
3128
3287
|
min-height: ${props => props.variant === 'default' ? '50vh' : 'inherit'};
|
|
3129
3288
|
display: flex;
|
|
3130
3289
|
flex-direction: column;
|
|
@@ -3140,15 +3299,15 @@ const Wrapper$a = _styled.div`
|
|
|
3140
3299
|
|
|
3141
3300
|
> span {
|
|
3142
3301
|
margin-top: ${/*#__PURE__*/rem('15px')};
|
|
3143
|
-
font-weight: ${bold$
|
|
3144
|
-
color: ${normal$
|
|
3302
|
+
font-weight: ${bold$a};
|
|
3303
|
+
color: ${normal$e};
|
|
3145
3304
|
|
|
3146
3305
|
a {
|
|
3147
|
-
color: ${normal$
|
|
3306
|
+
color: ${normal$e};
|
|
3148
3307
|
transition-duration: 0.3s;
|
|
3149
3308
|
|
|
3150
3309
|
&:hover {
|
|
3151
|
-
color: ${green$
|
|
3310
|
+
color: ${green$c};
|
|
3152
3311
|
}
|
|
3153
3312
|
}
|
|
3154
3313
|
}
|
|
@@ -3159,7 +3318,7 @@ const Error = props => {
|
|
|
3159
3318
|
variant = 'default',
|
|
3160
3319
|
value
|
|
3161
3320
|
} = props;
|
|
3162
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
3321
|
+
return /*#__PURE__*/React.createElement(Wrapper$b, {
|
|
3163
3322
|
variant: variant
|
|
3164
3323
|
}, variant === 'default' ? /*#__PURE__*/React.createElement(Icon, {
|
|
3165
3324
|
icon: "warning",
|
|
@@ -3168,13 +3327,13 @@ const Error = props => {
|
|
|
3168
3327
|
};
|
|
3169
3328
|
|
|
3170
3329
|
const {
|
|
3171
|
-
normal: normal$
|
|
3172
|
-
green: green$
|
|
3330
|
+
normal: normal$f,
|
|
3331
|
+
green: green$d
|
|
3173
3332
|
} = colors;
|
|
3174
3333
|
const {
|
|
3175
|
-
bold: bold$
|
|
3334
|
+
bold: bold$b
|
|
3176
3335
|
} = fontWeight;
|
|
3177
|
-
const Wrapper$
|
|
3336
|
+
const Wrapper$c = _styled.div`
|
|
3178
3337
|
min-height: 50vh;
|
|
3179
3338
|
display: flex;
|
|
3180
3339
|
flex-direction: column;
|
|
@@ -3190,15 +3349,15 @@ const Wrapper$b = _styled.div`
|
|
|
3190
3349
|
|
|
3191
3350
|
> div {
|
|
3192
3351
|
margin-top: ${/*#__PURE__*/rem('15px')};
|
|
3193
|
-
font-weight: ${bold$
|
|
3194
|
-
color: ${normal$
|
|
3352
|
+
font-weight: ${bold$b};
|
|
3353
|
+
color: ${normal$f};
|
|
3195
3354
|
|
|
3196
3355
|
a {
|
|
3197
|
-
color: ${normal$
|
|
3356
|
+
color: ${normal$f};
|
|
3198
3357
|
transition-duration: 0.3s;
|
|
3199
3358
|
|
|
3200
3359
|
&:hover {
|
|
3201
|
-
color: ${green$
|
|
3360
|
+
color: ${green$d};
|
|
3202
3361
|
}
|
|
3203
3362
|
}
|
|
3204
3363
|
}
|
|
@@ -5160,20 +5319,20 @@ const DataWarning = props => {
|
|
|
5160
5319
|
icon = /*#__PURE__*/React.createElement(IconLoginOnly, null);
|
|
5161
5320
|
}
|
|
5162
5321
|
|
|
5163
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5322
|
+
return /*#__PURE__*/React.createElement(Wrapper$c, {
|
|
5164
5323
|
type: type
|
|
5165
5324
|
}, icon, /*#__PURE__*/React.createElement("div", null, children));
|
|
5166
5325
|
};
|
|
5167
5326
|
|
|
5168
5327
|
const {
|
|
5169
|
-
normal: normal$
|
|
5170
|
-
green: green$
|
|
5171
|
-
darkGreen: darkGreen$
|
|
5172
|
-
grey: grey$
|
|
5173
|
-
lightGrey: lightGrey$
|
|
5174
|
-
red: red$
|
|
5328
|
+
normal: normal$g,
|
|
5329
|
+
green: green$e,
|
|
5330
|
+
darkGreen: darkGreen$7,
|
|
5331
|
+
grey: grey$o,
|
|
5332
|
+
lightGrey: lightGrey$j,
|
|
5333
|
+
red: red$e
|
|
5175
5334
|
} = colors;
|
|
5176
|
-
const Wrapper$
|
|
5335
|
+
const Wrapper$d = _styled.ul`
|
|
5177
5336
|
display: flex;
|
|
5178
5337
|
flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
|
|
5179
5338
|
position: relative;
|
|
@@ -5194,11 +5353,11 @@ const Wrapper$c = _styled.ul`
|
|
|
5194
5353
|
}
|
|
5195
5354
|
|
|
5196
5355
|
input[type='radio']:checked ~ .check {
|
|
5197
|
-
border-color: ${darkGreen$
|
|
5356
|
+
border-color: ${darkGreen$7};
|
|
5198
5357
|
}
|
|
5199
5358
|
|
|
5200
5359
|
input[type='radio']:checked ~ .check::before {
|
|
5201
|
-
background-color: ${green$
|
|
5360
|
+
background-color: ${green$e};
|
|
5202
5361
|
}
|
|
5203
5362
|
|
|
5204
5363
|
& + span {
|
|
@@ -5221,7 +5380,7 @@ const Item = _styled.li`
|
|
|
5221
5380
|
padding-left: calc(var(--size) + 5px);
|
|
5222
5381
|
line-height: var(--size);
|
|
5223
5382
|
vertical-align: middle;
|
|
5224
|
-
color: ${props => props.error ? red$
|
|
5383
|
+
color: ${props => props.error ? red$e : null};
|
|
5225
5384
|
cursor: pointer;
|
|
5226
5385
|
z-index: 1;
|
|
5227
5386
|
}
|
|
@@ -5229,7 +5388,7 @@ const Item = _styled.li`
|
|
|
5229
5388
|
.check {
|
|
5230
5389
|
position: absolute;
|
|
5231
5390
|
top: 0;
|
|
5232
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${props => props.error ? red$
|
|
5391
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${props => props.error ? red$e : grey$o};
|
|
5233
5392
|
border-radius: 100%;
|
|
5234
5393
|
width: var(--size);
|
|
5235
5394
|
height: var(--size);
|
|
@@ -5248,21 +5407,21 @@ const Item = _styled.li`
|
|
|
5248
5407
|
}
|
|
5249
5408
|
|
|
5250
5409
|
&:hover .check {
|
|
5251
|
-
border-color: ${normal$
|
|
5410
|
+
border-color: ${normal$g};
|
|
5252
5411
|
}
|
|
5253
5412
|
|
|
5254
5413
|
${props => props.disabled && css`
|
|
5255
5414
|
label {
|
|
5256
|
-
color: ${grey$
|
|
5415
|
+
color: ${grey$o};
|
|
5257
5416
|
}
|
|
5258
5417
|
|
|
5259
5418
|
input[type='radio'] ~ .check,
|
|
5260
5419
|
input[type='radio']:checked ~ .check {
|
|
5261
|
-
border-color: ${lightGrey$
|
|
5420
|
+
border-color: ${lightGrey$j};
|
|
5262
5421
|
}
|
|
5263
5422
|
|
|
5264
5423
|
input[type='radio']:checked ~ .check::before {
|
|
5265
|
-
background-color: ${lightGrey$
|
|
5424
|
+
background-color: ${lightGrey$j};
|
|
5266
5425
|
}
|
|
5267
5426
|
|
|
5268
5427
|
&:hover {
|
|
@@ -5287,7 +5446,7 @@ const RadioGroup = props => {
|
|
|
5287
5446
|
return /*#__PURE__*/React.createElement("div", {
|
|
5288
5447
|
style: style,
|
|
5289
5448
|
className: className
|
|
5290
|
-
}, /*#__PURE__*/React.createElement(Wrapper$
|
|
5449
|
+
}, /*#__PURE__*/React.createElement(Wrapper$d, {
|
|
5291
5450
|
type: type,
|
|
5292
5451
|
group: group,
|
|
5293
5452
|
error: error,
|
|
@@ -5312,7 +5471,7 @@ const RadioGroup = props => {
|
|
|
5312
5471
|
}) : null);
|
|
5313
5472
|
};
|
|
5314
5473
|
|
|
5315
|
-
const Wrapper$
|
|
5474
|
+
const Wrapper$e = _styled.ul`
|
|
5316
5475
|
display: flex;
|
|
5317
5476
|
flex-direction: ${props => props.type === 'column' ? 'column' : 'row'};
|
|
5318
5477
|
position: relative;
|
|
@@ -5345,7 +5504,7 @@ const CheckboxGroup = props => {
|
|
|
5345
5504
|
error,
|
|
5346
5505
|
disabled
|
|
5347
5506
|
} = props;
|
|
5348
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5507
|
+
return /*#__PURE__*/React.createElement(Wrapper$e, {
|
|
5349
5508
|
type: type,
|
|
5350
5509
|
error: error
|
|
5351
5510
|
}, children ? children : options && Array.isArray(options) ? options.map((value, index) => /*#__PURE__*/React.createElement("li", {
|
|
@@ -5362,15 +5521,15 @@ const CheckboxGroup = props => {
|
|
|
5362
5521
|
}) : null);
|
|
5363
5522
|
};
|
|
5364
5523
|
|
|
5365
|
-
const Wrapper$
|
|
5524
|
+
const Wrapper$f = _styled.div`
|
|
5366
5525
|
label {
|
|
5367
5526
|
margin-bottom: ${/*#__PURE__*/rem('5px')};
|
|
5368
5527
|
}
|
|
5369
5528
|
`;
|
|
5370
5529
|
const {
|
|
5371
|
-
grey: grey$
|
|
5372
|
-
darkGrey: darkGrey$
|
|
5373
|
-
light: light$
|
|
5530
|
+
grey: grey$p,
|
|
5531
|
+
darkGrey: darkGrey$4,
|
|
5532
|
+
light: light$l,
|
|
5374
5533
|
purple: purple$6
|
|
5375
5534
|
} = colors;
|
|
5376
5535
|
const Field = _styled.div`
|
|
@@ -5398,7 +5557,7 @@ const Field = _styled.div`
|
|
|
5398
5557
|
button {
|
|
5399
5558
|
border: 0;
|
|
5400
5559
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} 0;
|
|
5401
|
-
background-color: ${grey$
|
|
5560
|
+
background-color: ${grey$p};
|
|
5402
5561
|
min-width: ${/*#__PURE__*/rem('50px')};
|
|
5403
5562
|
height: ${/*#__PURE__*/rem('50px')};
|
|
5404
5563
|
display: flex;
|
|
@@ -5414,12 +5573,12 @@ const Field = _styled.div`
|
|
|
5414
5573
|
width: auto;
|
|
5415
5574
|
min-width: ${/*#__PURE__*/rem('20px')};
|
|
5416
5575
|
height: ${/*#__PURE__*/rem('20px')};
|
|
5417
|
-
fill: ${light$
|
|
5576
|
+
fill: ${light$l};
|
|
5418
5577
|
transition: 0.3s;
|
|
5419
5578
|
}
|
|
5420
5579
|
|
|
5421
5580
|
&:hover {
|
|
5422
|
-
background-color: ${darkGrey$
|
|
5581
|
+
background-color: ${darkGrey$4};
|
|
5423
5582
|
}
|
|
5424
5583
|
|
|
5425
5584
|
&:disabled {
|
|
@@ -5427,7 +5586,7 @@ const Field = _styled.div`
|
|
|
5427
5586
|
opacity: 0.5;
|
|
5428
5587
|
|
|
5429
5588
|
&:hover {
|
|
5430
|
-
background-color: ${grey$
|
|
5589
|
+
background-color: ${grey$p};
|
|
5431
5590
|
pointer-events: none;
|
|
5432
5591
|
}
|
|
5433
5592
|
}
|
|
@@ -5451,7 +5610,7 @@ const FieldWidthButton = props => {
|
|
|
5451
5610
|
buttonAction,
|
|
5452
5611
|
buttonDisabled
|
|
5453
5612
|
} = props;
|
|
5454
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5613
|
+
return /*#__PURE__*/React.createElement(Wrapper$f, null, label && /*#__PURE__*/React.createElement(Label, {
|
|
5455
5614
|
value: label
|
|
5456
5615
|
}), /*#__PURE__*/React.createElement(Field, null, /*#__PURE__*/React.createElement(TextField, {
|
|
5457
5616
|
minimal: false,
|
|
@@ -5473,23 +5632,23 @@ const FieldWidthButton = props => {
|
|
|
5473
5632
|
};
|
|
5474
5633
|
|
|
5475
5634
|
const {
|
|
5476
|
-
normal: normal$
|
|
5635
|
+
normal: normal$h,
|
|
5477
5636
|
purple: purple$7,
|
|
5478
|
-
grey: grey$
|
|
5479
|
-
lightGrey: lightGrey$
|
|
5480
|
-
light: light$
|
|
5637
|
+
grey: grey$q,
|
|
5638
|
+
lightGrey: lightGrey$k,
|
|
5639
|
+
light: light$m
|
|
5481
5640
|
} = colors;
|
|
5482
5641
|
const {
|
|
5483
|
-
bold: bold$
|
|
5642
|
+
bold: bold$c
|
|
5484
5643
|
} = fontWeight;
|
|
5485
|
-
const Wrapper$
|
|
5644
|
+
const Wrapper$g = /*#__PURE__*/_styled.div.withConfig({
|
|
5486
5645
|
displayName: "styles__Wrapper",
|
|
5487
5646
|
componentId: "znznmm-0"
|
|
5488
|
-
})(["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$
|
|
5647
|
+
})(["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);
|
|
5489
5648
|
const More = /*#__PURE__*/_styled.div.withConfig({
|
|
5490
5649
|
displayName: "styles__More",
|
|
5491
5650
|
componentId: "znznmm-1"
|
|
5492
|
-
})(["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$
|
|
5651
|
+
})(["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$k, /*#__PURE__*/rem('4px'), light$m, /*#__PURE__*/rem('5px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), /*#__PURE__*/rem('15px'), lightGrey$k, normal$h, normal$h, /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('4px'), /*#__PURE__*/rem('15px'));
|
|
5493
5652
|
|
|
5494
5653
|
const HorizontalNav = props => {
|
|
5495
5654
|
const [showMore, setShowMore] = useState(false);
|
|
@@ -5543,7 +5702,7 @@ const HorizontalNav = props => {
|
|
|
5543
5702
|
|
|
5544
5703
|
return;
|
|
5545
5704
|
}, [ref]);
|
|
5546
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
5705
|
+
return /*#__PURE__*/React.createElement(Wrapper$g, {
|
|
5547
5706
|
ref: ref,
|
|
5548
5707
|
className: className,
|
|
5549
5708
|
customColor: customColor
|
|
@@ -5566,10 +5725,10 @@ const HorizontalNav = props => {
|
|
|
5566
5725
|
};
|
|
5567
5726
|
|
|
5568
5727
|
const {
|
|
5569
|
-
light: light$
|
|
5728
|
+
light: light$n
|
|
5570
5729
|
} = colors;
|
|
5571
5730
|
const {
|
|
5572
|
-
bold: bold$
|
|
5731
|
+
bold: bold$d
|
|
5573
5732
|
} = fontWeight;
|
|
5574
5733
|
const ModalOverlay = /*#__PURE__*/_styled.div.withConfig({
|
|
5575
5734
|
displayName: "styles__ModalOverlay",
|
|
@@ -5582,11 +5741,11 @@ const ModalWrapper = /*#__PURE__*/_styled.div.withConfig({
|
|
|
5582
5741
|
const ModalContainer = /*#__PURE__*/_styled.div.withConfig({
|
|
5583
5742
|
displayName: "styles__ModalContainer",
|
|
5584
5743
|
componentId: "sc-16r6vcc-2"
|
|
5585
|
-
})(["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$
|
|
5744
|
+
})(["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'));
|
|
5586
5745
|
const ModalHeader = /*#__PURE__*/_styled.div.withConfig({
|
|
5587
5746
|
displayName: "styles__ModalHeader",
|
|
5588
5747
|
componentId: "sc-16r6vcc-3"
|
|
5589
|
-
})(["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$
|
|
5748
|
+
})(["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);
|
|
5590
5749
|
|
|
5591
5750
|
const Modal = props => {
|
|
5592
5751
|
const {
|
|
@@ -5637,10 +5796,10 @@ const Modal = props => {
|
|
|
5637
5796
|
};
|
|
5638
5797
|
|
|
5639
5798
|
const {
|
|
5640
|
-
light: light$
|
|
5799
|
+
light: light$o
|
|
5641
5800
|
} = colors;
|
|
5642
5801
|
const {
|
|
5643
|
-
bold: bold$
|
|
5802
|
+
bold: bold$e
|
|
5644
5803
|
} = fontWeight;
|
|
5645
5804
|
const slideInLeft = keyframes`
|
|
5646
5805
|
from {
|
|
@@ -5662,11 +5821,11 @@ const ModalWrapper$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
|
5662
5821
|
const ModalContainer$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
5663
5822
|
displayName: "styles__ModalContainer",
|
|
5664
5823
|
componentId: "sc-46huls-2"
|
|
5665
|
-
})(["position:absolute;right:0;background:", ";width:100%;min-height:100vh;display:flex;flex-direction:column;padding:", ";word-wrap:break-word;animation-timing-function:", ";animation-duration:1s;animation-fill-mode:forwards;transform:translate3d(100%,0,0);animation-name:", ";@media ", "{max-width:", ";padding:", ";}"], light$
|
|
5824
|
+
})(["position:absolute;right:0;background:", ";width:100%;min-height:100vh;display:flex;flex-direction:column;padding:", ";word-wrap:break-word;animation-timing-function:", ";animation-duration:1s;animation-fill-mode:forwards;transform:translate3d(100%,0,0);animation-name:", ";@media ", "{max-width:", ";padding:", ";}"], light$o, /*#__PURE__*/rem('15px'), /*#__PURE__*/timingFunctions('easeOutQuint'), slideInLeft, device.s, /*#__PURE__*/rem('400px'), /*#__PURE__*/rem('30px'));
|
|
5666
5825
|
const ModalHeader$1 = /*#__PURE__*/_styled.div.withConfig({
|
|
5667
5826
|
displayName: "styles__ModalHeader",
|
|
5668
5827
|
componentId: "sc-46huls-3"
|
|
5669
|
-
})(["top:0;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}"], /*#__PURE__*/rem('30px'), bold$
|
|
5828
|
+
})(["top:0;h2{margin:0 0 ", " 0;font-size:2rem;font-weight:", ";}"], /*#__PURE__*/rem('30px'), bold$e);
|
|
5670
5829
|
const ModalContent = /*#__PURE__*/_styled.div.withConfig({
|
|
5671
5830
|
displayName: "styles__ModalContent",
|
|
5672
5831
|
componentId: "sc-46huls-4"
|
|
@@ -5700,9 +5859,9 @@ const ModalDrawer = props => {
|
|
|
5700
5859
|
};
|
|
5701
5860
|
|
|
5702
5861
|
const {
|
|
5703
|
-
lightGrey: lightGrey$
|
|
5862
|
+
lightGrey: lightGrey$l
|
|
5704
5863
|
} = colors;
|
|
5705
|
-
const Wrapper$
|
|
5864
|
+
const Wrapper$h = _styled.div`
|
|
5706
5865
|
div {
|
|
5707
5866
|
width: 100%;
|
|
5708
5867
|
height: 100%;
|
|
@@ -5763,7 +5922,7 @@ const Wrapper$g = _styled.div`
|
|
|
5763
5922
|
|
|
5764
5923
|
.card {
|
|
5765
5924
|
position: relative;
|
|
5766
|
-
border: ${/*#__PURE__*/rem('2px')} solid ${lightGrey$
|
|
5925
|
+
border: ${/*#__PURE__*/rem('2px')} solid ${lightGrey$l};
|
|
5767
5926
|
border-radius: ${/*#__PURE__*/rem('6px')};
|
|
5768
5927
|
width: ${/*#__PURE__*/rem('300px')};
|
|
5769
5928
|
overflow: hidden;
|
|
@@ -5778,7 +5937,7 @@ const Wrapper$g = _styled.div`
|
|
|
5778
5937
|
margin: ${/*#__PURE__*/rem('-45px')} 0 0 ${/*#__PURE__*/rem('20px')};
|
|
5779
5938
|
width: ${/*#__PURE__*/rem('90px')};
|
|
5780
5939
|
height: ${/*#__PURE__*/rem('90px')};
|
|
5781
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${lightGrey$
|
|
5940
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${lightGrey$l};
|
|
5782
5941
|
border-radius: 999px;
|
|
5783
5942
|
}
|
|
5784
5943
|
|
|
@@ -5917,32 +6076,32 @@ const LoadingState = props => {
|
|
|
5917
6076
|
}), paragraphs));
|
|
5918
6077
|
}
|
|
5919
6078
|
|
|
5920
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6079
|
+
return /*#__PURE__*/React.createElement(Wrapper$h, {
|
|
5921
6080
|
type: type
|
|
5922
6081
|
}, loadingType);
|
|
5923
6082
|
};
|
|
5924
6083
|
|
|
5925
6084
|
const {
|
|
5926
|
-
normal: normal$
|
|
5927
|
-
grey: grey$
|
|
5928
|
-
lightGrey: lightGrey$
|
|
5929
|
-
light: light$
|
|
6085
|
+
normal: normal$i,
|
|
6086
|
+
grey: grey$r,
|
|
6087
|
+
lightGrey: lightGrey$m,
|
|
6088
|
+
light: light$p
|
|
5930
6089
|
} = colors;
|
|
5931
|
-
const Wrapper$
|
|
6090
|
+
const Wrapper$i = _styled.div`
|
|
5932
6091
|
.tab {
|
|
5933
|
-
border-color: ${lightGrey$
|
|
6092
|
+
border-color: ${lightGrey$m};
|
|
5934
6093
|
|
|
5935
6094
|
&[aria-selected='true'] {
|
|
5936
6095
|
border-bottom: 0;
|
|
5937
6096
|
}
|
|
5938
6097
|
|
|
5939
6098
|
&[aria-selected='false'] {
|
|
5940
|
-
background-color: ${lightGrey$
|
|
5941
|
-
color: ${grey$
|
|
6099
|
+
background-color: ${lightGrey$m};
|
|
6100
|
+
color: ${grey$r};
|
|
5942
6101
|
transition-duration: 0.3s;
|
|
5943
6102
|
|
|
5944
6103
|
&:hover {
|
|
5945
|
-
color: ${normal$
|
|
6104
|
+
color: ${normal$i};
|
|
5946
6105
|
}
|
|
5947
6106
|
}
|
|
5948
6107
|
|
|
@@ -5957,8 +6116,8 @@ const Wrapper$h = _styled.div`
|
|
|
5957
6116
|
|
|
5958
6117
|
.panel {
|
|
5959
6118
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')} ${/*#__PURE__*/rem('6px')};
|
|
5960
|
-
border-color: ${lightGrey$
|
|
5961
|
-
background-color: ${light$
|
|
6119
|
+
border-color: ${lightGrey$m};
|
|
6120
|
+
background-color: ${light$p};
|
|
5962
6121
|
padding: ${/*#__PURE__*/rem('30px')};
|
|
5963
6122
|
}
|
|
5964
6123
|
|
|
@@ -5978,7 +6137,7 @@ const Wrapper$h = _styled.div`
|
|
|
5978
6137
|
.RRT__tab {
|
|
5979
6138
|
background: #eee;
|
|
5980
6139
|
border-style: solid;
|
|
5981
|
-
border-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6140
|
+
border-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
5982
6141
|
border-width: ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} ${/*#__PURE__*/rem('1px')} 0;
|
|
5983
6142
|
cursor: pointer;
|
|
5984
6143
|
z-index: 1;
|
|
@@ -5988,7 +6147,7 @@ const Wrapper$h = _styled.div`
|
|
|
5988
6147
|
|
|
5989
6148
|
.RRT__tab:focus {
|
|
5990
6149
|
outline: 0;
|
|
5991
|
-
background-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6150
|
+
background-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
5992
6151
|
}
|
|
5993
6152
|
|
|
5994
6153
|
.RRT__accordion .RRT__tab {
|
|
@@ -6000,12 +6159,12 @@ const Wrapper$h = _styled.div`
|
|
|
6000
6159
|
}
|
|
6001
6160
|
|
|
6002
6161
|
.RRT__tab--selected {
|
|
6003
|
-
background: ${light$
|
|
6004
|
-
border-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6162
|
+
background: ${light$p};
|
|
6163
|
+
border-color: ${/*#__PURE__*/lighten(0.25, grey$r)} ${/*#__PURE__*/lighten(0.25, grey$r)} ${light$p};
|
|
6005
6164
|
}
|
|
6006
6165
|
|
|
6007
6166
|
.RRT__tab--selected:focus {
|
|
6008
|
-
background-color: ${light$
|
|
6167
|
+
background-color: ${light$p};
|
|
6009
6168
|
}
|
|
6010
6169
|
|
|
6011
6170
|
.RRT__tab--disabled {
|
|
@@ -6035,7 +6194,7 @@ const Wrapper$h = _styled.div`
|
|
|
6035
6194
|
.RRT__panel {
|
|
6036
6195
|
margin-top: ${/*#__PURE__*/rem('-1px')};
|
|
6037
6196
|
padding: 1em;
|
|
6038
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$
|
|
6197
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6039
6198
|
}
|
|
6040
6199
|
|
|
6041
6200
|
.RRT__panel--hidden {
|
|
@@ -6047,8 +6206,8 @@ const Wrapper$h = _styled.div`
|
|
|
6047
6206
|
}
|
|
6048
6207
|
|
|
6049
6208
|
.RRT__showmore {
|
|
6050
|
-
background: ${lightGrey$
|
|
6051
|
-
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$
|
|
6209
|
+
background: ${lightGrey$m};
|
|
6210
|
+
border: ${/*#__PURE__*/rem('1px')} solid ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6052
6211
|
border-radius: 0 ${/*#__PURE__*/rem('6px')} 0 0;
|
|
6053
6212
|
cursor: pointer;
|
|
6054
6213
|
z-index: 1;
|
|
@@ -6058,7 +6217,7 @@ const Wrapper$h = _styled.div`
|
|
|
6058
6217
|
}
|
|
6059
6218
|
|
|
6060
6219
|
.RRT__showmore--selected {
|
|
6061
|
-
background: ${light$
|
|
6220
|
+
background: ${light$p};
|
|
6062
6221
|
border-bottom: none;
|
|
6063
6222
|
}
|
|
6064
6223
|
|
|
@@ -6069,7 +6228,7 @@ const Wrapper$h = _styled.div`
|
|
|
6069
6228
|
}
|
|
6070
6229
|
|
|
6071
6230
|
.RRT__showmore-label--selected {
|
|
6072
|
-
background-color: ${/*#__PURE__*/lighten(0.25, grey$
|
|
6231
|
+
background-color: ${/*#__PURE__*/lighten(0.25, grey$r)};
|
|
6073
6232
|
}
|
|
6074
6233
|
|
|
6075
6234
|
.RRT__showmore-list {
|
|
@@ -6107,7 +6266,7 @@ const TabsPanel = props => {
|
|
|
6107
6266
|
}));
|
|
6108
6267
|
};
|
|
6109
6268
|
|
|
6110
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6269
|
+
return /*#__PURE__*/React.createElement(Wrapper$i, null, /*#__PURE__*/React.createElement(Tabs, {
|
|
6111
6270
|
transform: false,
|
|
6112
6271
|
unmountOnExit: unmountOnExit,
|
|
6113
6272
|
selectedTabKey: selectedTabKey,
|
|
@@ -6117,7 +6276,7 @@ const TabsPanel = props => {
|
|
|
6117
6276
|
}));
|
|
6118
6277
|
};
|
|
6119
6278
|
|
|
6120
|
-
const Wrapper$
|
|
6279
|
+
const Wrapper$j = _styled.div`
|
|
6121
6280
|
display: flex;
|
|
6122
6281
|
flex-direction: column;
|
|
6123
6282
|
`;
|
|
@@ -6137,7 +6296,7 @@ const TabsPanel$1 = props => {
|
|
|
6137
6296
|
className = 'grid-container',
|
|
6138
6297
|
children
|
|
6139
6298
|
} = props;
|
|
6140
|
-
return /*#__PURE__*/React.createElement(Wrapper$
|
|
6299
|
+
return /*#__PURE__*/React.createElement(Wrapper$j, {
|
|
6141
6300
|
className: className
|
|
6142
6301
|
}, children);
|
|
6143
6302
|
};
|
|
@@ -6164,5 +6323,5 @@ const GridCol$1 = props => {
|
|
|
6164
6323
|
}, children);
|
|
6165
6324
|
};
|
|
6166
6325
|
|
|
6167
|
-
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 };
|
|
6326
|
+
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 };
|
|
6168
6327
|
//# sourceMappingURL=rocket-kit.esm.js.map
|