@cdc/core 1.1.3 → 9.22.9
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/assets/filtered-text.svg +1 -0
- package/assets/icon-caret-down.svg +3 -0
- package/assets/icon-caret-filled-down.svg +3 -0
- package/assets/icon-caret-filled-up.svg +3 -0
- package/assets/icon-caret-up.svg +3 -0
- package/assets/icon-chart-bar-paired.svg +15 -0
- package/assets/icon-chart-bar-stacked.svg +10 -0
- package/assets/icon-chart-bar.svg +3 -0
- package/assets/icon-chart-line.svg +3 -0
- package/assets/icon-chart-pie.svg +3 -0
- package/assets/icon-check.svg +3 -0
- package/assets/icon-close.svg +3 -1
- package/assets/icon-code.svg +2 -2
- package/assets/icon-dashboard.svg +34 -0
- package/assets/icon-databite.svg +3 -0
- package/assets/icon-edit.svg +3 -0
- package/assets/icon-file-upload.svg +3 -0
- package/assets/icon-filter-bars.svg +5 -0
- package/assets/icon-gear.svg +6 -0
- package/assets/icon-grid.svg +2 -3
- package/assets/icon-info.svg +1 -1
- package/assets/icon-link.svg +3 -0
- package/assets/{alabama-graphic.svg → icon-map-alabama.svg} +2 -2
- package/assets/icon-map-usa.svg +3 -0
- package/assets/icon-map-world.svg +3 -0
- package/assets/icon-minus.svg +3 -0
- package/assets/icon-move.svg +8 -0
- package/assets/icon-plus.svg +3 -0
- package/assets/icon-question-circle.svg +3 -0
- package/assets/icon-tools.svg +8 -0
- package/assets/icon-upload.svg +3 -0
- package/assets/icon-warning-circle.svg +3 -0
- package/assets/{icon-warning.svg → icon-warning-triangle.svg} +1 -1
- package/components/AdvancedEditor.js +1 -1
- package/components/{ErrorBoundary.js → ErrorBoundary.jsx} +0 -0
- package/components/{LegendCircle.js → LegendCircle.jsx} +0 -0
- package/components/{Loading.js → Loading.jsx} +0 -0
- package/components/{Waiting.js → Waiting.jsx} +0 -0
- package/components/elements/Button.jsx +122 -3
- package/components/elements/Card.jsx +13 -0
- package/components/inputs/InputCheckbox.jsx +11 -3
- package/components/inputs/InputGroup.jsx +50 -0
- package/components/inputs/InputSelect.jsx +2 -2
- package/components/inputs/InputText.jsx +17 -18
- package/components/inputs/InputToggle.jsx +18 -18
- package/components/managers/DataDesigner.jsx +171 -0
- package/components/ui/Icon.jsx +50 -12
- package/components/ui/LoadSpin.jsx +24 -0
- package/components/ui/Modal.jsx +7 -2
- package/components/ui/Overlay.jsx +3 -1
- package/components/ui/Tooltip.jsx +18 -9
- package/data/colorPalettes.js +170 -124
- package/data/dataDesignerTables.js +148 -0
- package/{components → helpers}/DataTransform.js +3 -3
- package/helpers/fetchRemoteData.js +43 -0
- package/package.json +3 -2
- package/styles/_data-table.scss +13 -13
- package/styles/_global.scss +14 -0
- package/styles/_reset.scss +11 -1
- package/styles/base.scss +17 -1
- package/styles/v2/base/_file-selector.scss +20 -0
- package/styles/v2/base/_general.scss +9 -22
- package/styles/v2/base/_heading.scss +20 -0
- package/styles/v2/base/_reset.scss +2 -1
- package/styles/v2/base/index.scss +5 -1
- package/styles/v2/components/button.scss +27 -66
- package/styles/v2/components/card.scss +7 -0
- package/styles/v2/components/data-designer.scss +100 -0
- package/styles/v2/components/editor.scss +2 -1
- package/styles/v2/components/guidance-block.scss +74 -0
- package/styles/v2/components/icon.scss +0 -4
- package/styles/v2/components/input/_input-check-radio.scss +97 -0
- package/styles/v2/components/input/_input-group.scss +74 -0
- package/styles/v2/components/input/_input-slider.scss +184 -0
- package/styles/v2/components/input/_input.scss +66 -0
- package/styles/v2/components/input/index.scss +7 -0
- package/styles/v2/components/loadspin.scss +100 -0
- package/styles/v2/components/modal.scss +13 -6
- package/styles/v2/components/overlay.scss +2 -0
- package/styles/v2/layout/_alert.scss +11 -10
- package/styles/v2/layout/_component.scss +8 -1
- package/styles/v2/layout/_data-table.scss +71 -150
- package/styles/v2/layout/_progression.scss +4 -2
- package/styles/v2/layout/index.scss +0 -2
- package/styles/v2/main.scss +52 -2
- package/styles/v2/themes/_color-definitions.scss +31 -1
- package/styles/v2/utils/_align.scss +17 -0
- package/styles/v2/utils/_breakpoints.scss +18 -0
- package/styles/v2/utils/_grid.scss +47 -0
- package/styles/v2/utils/_mixins.scss +0 -16
- package/styles/v2/utils/_spacers.scss +31 -0
- package/styles/v2/utils/_variables.scss +7 -0
- package/styles/v2/utils/index.scss +7 -2
- package/assets/asc.svg +0 -1
- package/assets/chart-bar-solid.svg +0 -1
- package/assets/chart-line-solid.svg +0 -1
- package/assets/chart-pie-solid.svg +0 -1
- package/assets/check.svg +0 -3
- package/assets/dashboard.svg +0 -11
- package/assets/data-bite-graphic.svg +0 -3
- package/assets/desc.svg +0 -1
- package/assets/file-upload-solid.svg +0 -1
- package/assets/horizontal-stacked-bar.svg +0 -1
- package/assets/link.svg +0 -1
- package/assets/minus.svg +0 -1
- package/assets/paired-bar.svg +0 -11
- package/assets/plus.svg +0 -1
- package/assets/question-circle.svg +0 -1
- package/assets/upload-solid.svg +0 -1
- package/assets/usa-graphic.svg +0 -3
- package/assets/world-graphic.svg +0 -3
- package/styles/v2/components/input.scss +0 -372
- package/styles/v2/layout/_header.scss +0 -13
- package/styles/v2/layout/_link.scss +0 -46
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.31 82.55"><path d="M83.91,61.36H19.87V12.15c0-1.1-.9-2-2-2h-5.48c-1.1,0-2,.9-2,2v56.69c0,1.1,.9,2,2,2H83.91c1.1,0,2-.9,2-2v-5.48c0-1.1-.9-2-2-2Z"/><path d="M67.1,47.26H26.76c-1.1,0-2,.9-2,2v6.09c0,1.1,.9,2,2,2h40.33c1.1,0,2-.9,2-2v-6.09c0-1.1-.9-2-2-2Zm-13.76,8.09h-16.48v-6.09h16.48v6.09Z"/><path d="M83.91,31.67H26.76c-1.1,0-2,.9-2,2v6.09c0,1.1,.9,2,2,2h57.15c1.1,0,2-.9,2-2v-6.09c0-1.1-.9-2-2-2Zm-13.76,8.09h-26.27v-6.09h26.27v6.09Z"/><path d="M77.03,16.08H26.76c-1.1,0-2,.9-2,2v6.09c0,1.1,.9,2,2,2h50.27c1.1,0,2-.9,2-2v-6.09c0-1.1-.9-2-2-2Zm-16.82,8.09h-24.89v-6.09h24.89v6.09Z"/></svg>
|
package/assets/link.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M314.222 197.78c51.091 51.091 54.377 132.287 9.75 187.16-6.242 7.73-2.784 3.865-84.94 86.02-54.696 54.696-143.266 54.745-197.99 0-54.711-54.69-54.734-143.255 0-197.99 32.773-32.773 51.835-51.899 63.409-63.457 7.463-7.452 20.331-2.354 20.486 8.192a173.31 173.31 0 0 0 4.746 37.828c.966 4.029-.272 8.269-3.202 11.198L80.632 312.57c-32.755 32.775-32.887 85.892 0 118.8 32.775 32.755 85.892 32.887 118.8 0l75.19-75.2c32.718-32.725 32.777-86.013 0-118.79a83.722 83.722 0 0 0-22.814-16.229c-4.623-2.233-7.182-7.25-6.561-12.346 1.356-11.122 6.296-21.885 14.815-30.405l4.375-4.375c3.625-3.626 9.177-4.594 13.76-2.294 12.999 6.524 25.187 15.211 36.025 26.049zM470.958 41.04c-54.724-54.745-143.294-54.696-197.99 0-82.156 82.156-78.698 78.29-84.94 86.02-44.627 54.873-41.341 136.069 9.75 187.16 10.838 10.838 23.026 19.525 36.025 26.049 4.582 2.3 10.134 1.331 13.76-2.294l4.375-4.375c8.52-8.519 13.459-19.283 14.815-30.405.621-5.096-1.938-10.113-6.561-12.346a83.706 83.706 0 0 1-22.814-16.229c-32.777-32.777-32.718-86.065 0-118.79l75.19-75.2c32.908-32.887 86.025-32.755 118.8 0 32.887 32.908 32.755 86.025 0 118.8l-45.848 45.84c-2.93 2.929-4.168 7.169-3.202 11.198a173.31 173.31 0 0 1 4.746 37.828c.155 10.546 13.023 15.644 20.486 8.192 11.574-11.558 30.636-30.684 63.409-63.457 54.733-54.735 54.71-143.3-.001-197.991z"/></svg>
|
package/assets/minus.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 10 2" xmlns="http://www.w3.org/2000/svg"><path d="M4 0H0v2h10V0H6z" fill-rule="nonzero"/></svg>
|
package/assets/paired-bar.svg
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99.1 79.69">
|
|
2
|
-
<rect fill="currentColor" x="45.87" y="12.8" width="8.32" height="53.78" rx="1"/>
|
|
3
|
-
<rect fill="currentColor" x="22.98" y="10.64" width="8.32" height="23.31" rx="1" transform="translate(49.43 -4.84) rotate(90)"/>
|
|
4
|
-
<rect fill="currentColor" x="18.53" y="18.99" width="8.32" height="32.21" rx="1" transform="translate(57.78 12.41) rotate(90)"/>
|
|
5
|
-
<rect fill="currentColor" x="24.43" y="37.69" width="8.32" height="20.41" rx="1" transform="translate(76.48 19.3) rotate(90)"/>
|
|
6
|
-
<rect fill="currentColor" x="27.33" y="53.39" width="8.32" height="14.6" rx="1" transform="translate(92.18 29.2) rotate(90)"/>
|
|
7
|
-
<path fill="currentColor" d="M90.32,20.13v4.33H63.55V20.13H90.32m1-2H62.55a1,1,0,0,0-1,1v6.33a1,1,0,0,0,1,1H91.32a1,1,0,0,0,1-1V19.13a1,1,0,0,0-1-1Z"/>
|
|
8
|
-
<path fill="currentColor" d="M73.68,32.93v4.32H63.55V32.93H73.68m1-2H62.55a1,1,0,0,0-1,1v6.32a1,1,0,0,0,1,1H74.68a1,1,0,0,0,1-1V31.93a1,1,0,0,0-1-1Z"/>
|
|
9
|
-
<path fill="currentColor" d="M80,45.73v4.32H63.55V45.73H80m1-2H62.55a1,1,0,0,0-1,1v6.32a1,1,0,0,0,1,1H81a1,1,0,0,0,1-1V44.73a1,1,0,0,0-1-1Z"/>
|
|
10
|
-
<path fill="currentColor" d="M77.94,58.53v4.32H63.55V58.53H77.94m1-2H62.55a1,1,0,0,0-1,1v6.32a1,1,0,0,0,1,1H78.94a1,1,0,0,0,1-1V57.53a1,1,0,0,0-1-1Z"/>
|
|
11
|
-
</svg>
|
package/assets/plus.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg"><path d="M6 0H4v4H0v2h4v4h2V6h4V4H6z" fill-rule="nonzero"/></svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="question-circle" class="svg-inline--fa fa-question-circle fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z"></path></svg>
|
package/assets/upload-solid.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="upload" class="svg-inline--fa fa-upload fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M296 384h-80c-13.3 0-24-10.7-24-24V192h-87.7c-17.8 0-26.7-21.5-14.1-34.1L242.3 5.7c7.5-7.5 19.8-7.5 27.3 0l152.2 152.2c12.6 12.6 3.7 34.1-14.1 34.1H320v168c0 13.3-10.7 24-24 24zm216-8v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h136v8c0 30.9 25.1 56 56 56h80c30.9 0 56-25.1 56-56v-8h136c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20 9 20 20 20 20-9 20-20z"></path></svg>
|
package/assets/usa-graphic.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 252 137">
|
|
2
|
-
<path fill="currentColor" d="M10.834,5.084 L11.167,7.251 L12.834,10.751 L12,14.418 L10.167,12.085 L9,9.418 L6.334,8.918 L2.167,8.418 L1,8.418 L1.667,10.751 L4,14.084 L4,17.417 L4.667,21.084 L7.667,21.417 L8.834,23.084 L5.167,22.584 L4,23.417 L4.5,26.917 L3.834,30.75 L4,35.25 L2.834,38.25 L1.5,42.583 L2.5,45.583 L3.167,49.416 L3.667,52.249 L3,56.082 L3.5,58.749 L4.667,61.416 L5.667,64.749 L6.5,66.916 L10,69.749 L11.667,69.582 L14,69.915 L11.5,70.582 L12.167,71.749 L10,72.082 L12,74.249 L14,76.416 L13.334,78.249 L16,82.082 L18.834,84.415 L19.167,87.248 L21.5,88.415 L24.667,89.415 L27.167,91.582 L29.334,92.915 L31.667,94.748 L33,95.748 L34.5,99.081 L43,98.914 L59.667,104.747 L73.5,104.747 L73.167,103.414 L79.834,103.414 L82.5,104.914 L84,106.414 L87.834,109.081 L89.167,113.914 L93,115.914 L95.334,116.914 L98.5,113.081 L102.667,113.581 L104.334,114.914 L108.834,122.247 L110.334,124.081 L111.5,128.247 L120.334,131.747 L120,128.747 L119.667,124.581 L122.5,121.247 L122,120.247 L124.834,117.914 L126.334,118.747 L128.834,115.914 L130.334,113.914 L132.5,113.914 L137.334,112.914 L140.834,114.414 L143.5,114.414 L144.5,113.247 L145.667,114.081 L145.834,115.581 L149.334,116.747 L152.667,116.247 L155.5,116.414 L153.167,114.581 L153,113.581 L154.5,112.747 L154.334,111.914 L152,111.914 L149.334,112.247 L151,110.747 L151.834,109.747 L152.667,110.581 L157.5,109.914 L158.167,110.747 L161.5,110.747 L163.334,110.247 L166,110.081 L168.5,111.081 L170,110.914 L171.5,113.081 L174.5,113.247 L176.167,111.914 L177.834,111.914 L181.167,114.747 L183,116.747 L183.5,119.414 L183.167,122.747 L184.334,126.247 L187.5,130.247 L189.334,134.081 L190,135.581 L193.334,134.914 L194.167,131.247 L194.167,125.747 L192.5,121.247 L192,120.081 L191.667,116.747 L188.834,113.414 L188.334,109.414 L188.5,106.081 L189.834,102.414 L192.334,100.414 L192.167,98.914 L195.167,98.414 L199.5,93.581 L201.5,91.914 L203.667,92.247 L205.667,88.414 L208.5,86.914 C208.5,86.914 210.668,87.247 210.834,86.414 C211,85.581 213.167,81.581 213.167,81.581 L210.834,80.248 L212.167,79.081 L212.5,78.248 L211.167,74.915 L209.834,73.415 L211.5,71.582 L210.167,69.915 L209.834,66.582 L209.667,63.749 L210.667,62.916 L211.334,67.083 L211.834,69.083 L213,70.916 L212.667,73.916 L214.5,70.249 L215.667,67.416 L215.834,65.749 L214.167,63.749 L214,62.916 L214.5,62.416 L217.167,64.083 L218,62.083 L219.834,60.25 L220.167,58.25 L219.834,55.917 L220,54.75 L220.334,53.083 L221.667,54.916 L222.334,54.916 L224.334,54.583 L226.334,54.416 L229,53.583 L228.5,52.583 L225.834,52.75 L223.334,53.417 L222.167,54.084 L222,52.917 L222.834,51.917 L225,51.417 L227.667,50.917 L229.5,50.417 L231,49.417 L234.5,50.25 C234.5,50.25 236,51.083 236.167,50.583 C236.334,50.083 236.834,48.75 236.834,48.75 L235.667,47.417 L235.167,45.417 L235.5,42.084 L235.834,39.417 L237.334,37.417 L237.667,36.584 L238.667,37.084 L241.834,33.584 L243,33.584 L245.667,33.251 L246.5,31.584 L248.834,31.584 L250.834,29.917 L250.084,29 L249.167,26.75 L248.167,26 L248.584,20.417 L248.084,15.334 L245.084,14.417 L242.5,15.334 L241.084,15.167 L235.334,28.584 L232.667,28.751 L231.5,29.751 L217.334,29.668 L213.834,32.918 L211.667,34.251 L210.667,37.084 L210.167,38.584 L207.667,40.251 L205.167,40.251 L203.334,39.418 L201,39.751 L198,40.751 L198.167,42.251 L198,44.918 L196.5,46.251 L193.5,46.918 L188.834,49.251 L185.334,50.418 L182,50.585 L180,49.085 L181,47.252 L181.5,46.752 L182.167,44.919 L183.417,44.169 L185,41.419 L183.334,39.252 L183,35.752 L180.834,35.085 L178,37.085 L179,34.752 L180.667,32.419 L180,30.252 L179.5,27.752 L176.834,26.752 L174.5,24.752 L171.667,25.919 L171.834,28.086 L170.167,30.086 L168.834,29.419 L166.334,32.252 L166.334,35.585 L166.667,38.918 L168.167,41.251 L168,46.251 L164.834,49.251 L162.5,49.418 L161.334,45.918 L160.167,43.418 L160.667,40.085 L160.167,36.752 L161.334,34.585 L162,32.418 L163.167,28.751 L160.5,31.751 L162,26.584 L164.334,24.584 L167.167,24.417 L169.334,23.417 L172.834,23.417 L175.667,23.417 L177.5,22.917 L179.667,23.25 L180.667,24.917 L184.834,26.417 L185.667,24.084 L182.834,24.417 L181,24.25 L178.334,22.25 L176.667,21.25 L174.75,19.833 L172.834,20.416 L171,19.083 L166.667,19.25 L164.334,20.75 L162.5,19.583 L160.334,18.25 L157.167,18.083 L160.334,13.583 L156.667,15.25 L153.667,17.583 L150.667,19.25 L148,19.583 L147.667,17.916 L142.167,19.083 L146.792,15.041 L150.042,12.666 L154.084,9.499 L152.417,9.249 L146.917,9.416 L144.417,8.916 L142.167,8.541 L139.917,6.916 L137.417,7.083 L132.667,5.916 L131.417,4.416 L130.75,2.083 L129.584,1 L129.667,2.25 L128.5,4.083 L11.5,4.166 L10.834,5.084 L10.834,5.084 Z"/>
|
|
3
|
-
</svg>
|
package/assets/world-graphic.svg
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496">
|
|
2
|
-
<path fill="currentColor" d="M248,0 C111,0 0,111 0,248 C0,385 111,496 248,496 C385,496 496,385 496,248 C496,111 385,0 248,0 Z M216,50.8 L216,62.1 C216,74 203.5,81.7 192.8,76.4 L168.8,64.4 C183.7,58 199.5,53.5 216,50.8 L216,50.8 Z M248,420.6 L248,448 C137.7,448 48,358.3 48,248 C48,218.9 54.4,191.3 65.6,166.3 C75.5,181 90.8,203.7 100.2,217.4 C105.4,225 111.4,232 118.3,238.1 L119.1,238.8 C128.6,247.4 139.3,254.8 150.7,260.6 C164.7,267.6 185.1,278.8 199.5,286.7 C209.7,292.3 216,303 216,314.7 L216,346.7 C216,355.2 219.4,363.3 225.4,369.3 C240.4,384.4 249.7,408 248,420.6 Z M290.7,443.3 L308.1,396.4 C310.1,390.9 311.4,385.2 312.9,379.5 C314,375.5 316.1,371.8 319.1,368.8 L330.4,357.5 C339.2,348.8 344.1,336.9 344.1,324.5 C344.1,316.4 340.9,308.6 335.2,302.9 L321.5,289.2 C315.5,283.2 307.4,279.8 298.9,279.8 L232,279.8 C222.6,275.1 210.5,247.8 200,247.8 C189.5,247.8 179.1,245.3 169.7,240.6 L158.6,235.1 C154.6,233.1 152,228.9 152,224.4 C152,219.3 155.3,214.7 160.2,213.1 L191.4,202.7 C196.8,200.9 202.7,202.1 206.9,205.8 L216.2,213.9 C217.7,215.2 219.5,215.9 221.4,215.9 L227,215.9 C233,215.9 236.8,209.6 234.2,204.3 L218.6,173.1 C217,170 217.7,166.2 220.2,163.8 L230.1,154.2 C231.6,152.7 233.6,151.9 235.7,151.9 L244.7,151.9 C246.8,151.9 248.9,151.1 250.4,149.6 L258.4,141.6 C261.5,138.5 261.5,133.4 258.4,130.3 L253.7,125.6 C250.6,122.5 250.6,117.4 253.7,114.3 L264,104 L268.7,99.3 C274.9,93.1 274.9,82.9 268.7,76.7 L240.4,48.4 C242.9,48.3 245.4,48 248,48 C326.2,48 393.8,93.2 426.7,158.7 L413.7,165.2 C410,167.1 406.8,169.9 404.5,173.3 L384.9,202.7 C379.5,210.8 379.5,221.3 384.9,229.3 L402.9,256.3 C406.2,261.3 411.3,264.8 417,266.3 L446.2,273.6 C435.4,357.6 372.3,425.5 290.7,443.3 L290.7,443.3 Z"/>
|
|
3
|
-
</svg>
|
|
@@ -1,372 +0,0 @@
|
|
|
1
|
-
@import "../utils/variables";
|
|
2
|
-
@import "../themes/index";
|
|
3
|
-
|
|
4
|
-
input, datalist, textarea, select {
|
|
5
|
-
transition: border-color 200ms $transition-expo-out;
|
|
6
|
-
font-family: sans-serif;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
input[type="text"],
|
|
10
|
-
input[type="number"],
|
|
11
|
-
input[type="date"],
|
|
12
|
-
input[type="search"],
|
|
13
|
-
datalist, textarea, select {
|
|
14
|
-
padding: 0.5em 0.5em;
|
|
15
|
-
border-width: 1px;
|
|
16
|
-
border-style: solid;
|
|
17
|
-
border-color: #cbcbcb;
|
|
18
|
-
border-radius: 3px;
|
|
19
|
-
width: 100%;
|
|
20
|
-
|
|
21
|
-
&::placeholder {
|
|
22
|
-
transition: opacity 400ms $transition-expo-out;
|
|
23
|
-
color: #b3b3b3;
|
|
24
|
-
opacity: 1;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
&:focus {
|
|
28
|
-
border-width: 1px;
|
|
29
|
-
border-style: solid;
|
|
30
|
-
border-color: #4c4c4c;
|
|
31
|
-
outline: 0;
|
|
32
|
-
|
|
33
|
-
&::placeholder {
|
|
34
|
-
opacity: 0;
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
select {
|
|
40
|
-
&.input--small {
|
|
41
|
-
padding: 0;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
input[type="text"] {
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
textarea {
|
|
49
|
-
width: 100%;
|
|
50
|
-
min-height: 140px;
|
|
51
|
-
max-width: 100%;
|
|
52
|
-
line-height: 1.5em;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
label {
|
|
56
|
-
display: block;
|
|
57
|
-
font-size: 0.8em;
|
|
58
|
-
text-transform: uppercase;
|
|
59
|
-
user-select: none;
|
|
60
|
-
|
|
61
|
-
&:not(:first-child) {
|
|
62
|
-
margin-top: 1em;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.cove-input-group {
|
|
67
|
-
&:not(:last-child) {
|
|
68
|
-
margin-bottom: 1.5em;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
> label {
|
|
72
|
-
margin-bottom: 0.5rem;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.cove-input-group--checkbox:last-of-type,
|
|
76
|
-
.cove-input-group--radio:last-of-type {
|
|
77
|
-
margin-bottom: 0;
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.cove-input-group--checkbox {
|
|
82
|
-
margin-bottom: 1rem;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.cove-input-group--checkbox,
|
|
86
|
-
.cove-input-group--radio {
|
|
87
|
-
display: flex;
|
|
88
|
-
align-items: center;
|
|
89
|
-
|
|
90
|
-
label,
|
|
91
|
-
input[type="checkbox"],
|
|
92
|
-
input[type="radio"] {
|
|
93
|
-
cursor: pointer;
|
|
94
|
-
user-select: none;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
label {
|
|
98
|
-
padding-right: 6px;
|
|
99
|
-
|
|
100
|
-
+ input[type="checkbox"],
|
|
101
|
-
+ input[type="radio"] {
|
|
102
|
-
margin-left: 0;
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
input[type="checkbox"],
|
|
107
|
-
input[type="radio"] {
|
|
108
|
-
display: inline-block;
|
|
109
|
-
margin-right: 0;
|
|
110
|
-
margin-left: 0;
|
|
111
|
-
|
|
112
|
-
+ label {
|
|
113
|
-
padding-right: 0;
|
|
114
|
-
padding-left: 6px;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
input[type="radio"] {
|
|
119
|
-
margin-bottom: 5px;
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.cove-input--hidden {
|
|
124
|
-
position: absolute;
|
|
125
|
-
z-index: -999;
|
|
126
|
-
width: 1px;
|
|
127
|
-
height: 1px;
|
|
128
|
-
margin: 0;
|
|
129
|
-
opacity: 0;
|
|
130
|
-
pointer-events: none;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.cove-input__toggle {
|
|
134
|
-
display: inline-block;
|
|
135
|
-
position: relative;
|
|
136
|
-
width: 60px;
|
|
137
|
-
height: 26px;
|
|
138
|
-
padding: 3px;
|
|
139
|
-
cursor: pointer;
|
|
140
|
-
|
|
141
|
-
&.active {
|
|
142
|
-
.cove-input__toggle-button {
|
|
143
|
-
left: 100%;
|
|
144
|
-
transform: translateX(-100%);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.cove-input__toggle-track {
|
|
148
|
-
background-color: #75b936;
|
|
149
|
-
}
|
|
150
|
-
}
|
|
151
|
-
|
|
152
|
-
&.toggle--block {
|
|
153
|
-
width: unset;
|
|
154
|
-
aspect-ratio: 1.85/1;
|
|
155
|
-
padding: 4px;
|
|
156
|
-
|
|
157
|
-
.cove-input__toggle-button {
|
|
158
|
-
border-radius: 10%;
|
|
159
|
-
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.cove-input__toggle-track {
|
|
163
|
-
border-radius: 4px;
|
|
164
|
-
box-shadow: 0 0 0 transparent;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
&.active {
|
|
168
|
-
.cove-input__toggle-track {
|
|
169
|
-
box-shadow: inset -40px 0 10px -10px rgb(0 0 0 / 15%);
|
|
170
|
-
}
|
|
171
|
-
}
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
&.toggle--pill {
|
|
175
|
-
width: 60px;
|
|
176
|
-
height: 25px;
|
|
177
|
-
|
|
178
|
-
.cove-input__toggle-button {
|
|
179
|
-
border-radius: 999px;
|
|
180
|
-
aspect-ratio: 1.75/1;
|
|
181
|
-
|
|
182
|
-
&::before,
|
|
183
|
-
&::after {
|
|
184
|
-
content: '';
|
|
185
|
-
display: block;
|
|
186
|
-
width: 1px;
|
|
187
|
-
height: calc(100% - 10px);
|
|
188
|
-
background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(227, 227, 227, 1) 30%, rgba(227, 227, 227, 1) 70%, rgba(255, 255, 255, 1) 100%);
|
|
189
|
-
position: absolute;
|
|
190
|
-
top: 5px;
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
&::before {
|
|
194
|
-
left: 42%;
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
&::after {
|
|
198
|
-
right: 42%;
|
|
199
|
-
}
|
|
200
|
-
}
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
&.toggle--3d {
|
|
204
|
-
.cove-input__toggle-button {
|
|
205
|
-
background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, 1) 45%, rgb(200 200 200) 100%);
|
|
206
|
-
box-shadow: 0 1px 3px 1px rgb(0 0 0 / 40%), inset 0 0 3px 2px #fff;
|
|
207
|
-
height: 160%;
|
|
208
|
-
top: -30%;
|
|
209
|
-
transform: translateX(-20%);
|
|
210
|
-
|
|
211
|
-
&:after {
|
|
212
|
-
content: '';
|
|
213
|
-
display: block;
|
|
214
|
-
position: absolute;
|
|
215
|
-
top: 0;
|
|
216
|
-
left: 0;
|
|
217
|
-
width: calc(100% - 6px);
|
|
218
|
-
height: calc(100% - 6px);
|
|
219
|
-
border: 1px solid #ececec;
|
|
220
|
-
border-radius: 999px;
|
|
221
|
-
margin: 3px;
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
|
|
225
|
-
.cove-input__toggle-track {
|
|
226
|
-
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 40%)
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
&.active {
|
|
230
|
-
.cove-input__toggle-button {
|
|
231
|
-
transform: translateX(-80%);
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.cove-input__toggle-track {
|
|
235
|
-
box-shadow: inset 1px 1px 3px rgb(0 0 0 / 60%)
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
}
|
|
240
|
-
|
|
241
|
-
.cove-input__toggle--small {
|
|
242
|
-
@extend .cove-input__toggle;
|
|
243
|
-
width: 40px;
|
|
244
|
-
height: 20px;
|
|
245
|
-
|
|
246
|
-
&.toggle--pill {
|
|
247
|
-
width: 45px;
|
|
248
|
-
height: 20px;
|
|
249
|
-
|
|
250
|
-
.cove-input__toggle-button {
|
|
251
|
-
aspect-ratio: 1.5/1;
|
|
252
|
-
|
|
253
|
-
&:before,
|
|
254
|
-
&:after {
|
|
255
|
-
display: none;
|
|
256
|
-
}
|
|
257
|
-
}
|
|
258
|
-
}
|
|
259
|
-
|
|
260
|
-
&.toggle--3d {
|
|
261
|
-
.cove-input__toggle-button {
|
|
262
|
-
box-shadow: 0 1px 2px 2px rgb(0 0 0 / 22%), inset 0 0 3px 2px #fff;
|
|
263
|
-
|
|
264
|
-
&:after {
|
|
265
|
-
width: calc(100% - 4px);
|
|
266
|
-
height: calc(100% - 4px);
|
|
267
|
-
margin: 2px;
|
|
268
|
-
}
|
|
269
|
-
}
|
|
270
|
-
}
|
|
271
|
-
}
|
|
272
|
-
|
|
273
|
-
.cove-input__toggle--large {
|
|
274
|
-
@extend .cove-input__toggle;
|
|
275
|
-
width: 80px;
|
|
276
|
-
height: 35px;
|
|
277
|
-
|
|
278
|
-
&.toggle--pill {
|
|
279
|
-
width: 80px;
|
|
280
|
-
height: 30px;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
&.toggle--3d {
|
|
284
|
-
.cove-input__toggle-button {
|
|
285
|
-
|
|
286
|
-
&:after {
|
|
287
|
-
width: calc(100% - 8px);
|
|
288
|
-
height: calc(100% - 8px);
|
|
289
|
-
margin: 4px;
|
|
290
|
-
}
|
|
291
|
-
}
|
|
292
|
-
}
|
|
293
|
-
}
|
|
294
|
-
|
|
295
|
-
.cove-input__toggle-button {
|
|
296
|
-
position: relative;
|
|
297
|
-
left: 0;
|
|
298
|
-
height: 100%;
|
|
299
|
-
aspect-ratio: 1/1;
|
|
300
|
-
background-color: #fff;
|
|
301
|
-
box-shadow: -2px 4px 10px -7px rgb(0 0 0);
|
|
302
|
-
border-radius: 100%;
|
|
303
|
-
transition: all 200ms $transition-expo-out;
|
|
304
|
-
z-index: 2;
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
.cove-input__toggle-track {
|
|
308
|
-
position: absolute;
|
|
309
|
-
top: 0;
|
|
310
|
-
left: 0;
|
|
311
|
-
width: 100%;
|
|
312
|
-
height: 100%;
|
|
313
|
-
background-color: #ccc;
|
|
314
|
-
border-radius: 999px;
|
|
315
|
-
transition: all 200ms $transition-expo-out;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
.cove-input__checkbox {
|
|
319
|
-
display: inline-block;
|
|
320
|
-
width: 1.75rem;
|
|
321
|
-
aspect-ratio: 1/1;
|
|
322
|
-
cursor: pointer;
|
|
323
|
-
|
|
324
|
-
&--small {
|
|
325
|
-
@extend .cove-input__checkbox;
|
|
326
|
-
width: 1.25rem;
|
|
327
|
-
}
|
|
328
|
-
|
|
329
|
-
&--large {
|
|
330
|
-
@extend .cove-input__checkbox;
|
|
331
|
-
width: 2.25rem;
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
&.active {
|
|
335
|
-
.cove-input__checkbox-box {
|
|
336
|
-
background-color: #fff;
|
|
337
|
-
|
|
338
|
-
&.custom-color {
|
|
339
|
-
box-shadow: none;
|
|
340
|
-
}
|
|
341
|
-
}
|
|
342
|
-
|
|
343
|
-
.cove-input__checkbox-check {
|
|
344
|
-
opacity: 1;
|
|
345
|
-
transform: translateY(-1px);
|
|
346
|
-
}
|
|
347
|
-
}
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
.cove-input__checkbox-box {
|
|
351
|
-
position: relative;
|
|
352
|
-
width: 100%;
|
|
353
|
-
height: 100%;
|
|
354
|
-
background-color: #f4f4f4;
|
|
355
|
-
border-radius: 3px;
|
|
356
|
-
box-shadow: inset 0 0 0 1px #c4c4c4;
|
|
357
|
-
transition: all 150ms $transition-expo-out;
|
|
358
|
-
}
|
|
359
|
-
|
|
360
|
-
.cove-input__checkbox-check {
|
|
361
|
-
position: absolute;
|
|
362
|
-
top: 0;
|
|
363
|
-
right: 0;
|
|
364
|
-
bottom: 0;
|
|
365
|
-
left: 0;
|
|
366
|
-
margin: 3px;
|
|
367
|
-
fill: #fff;
|
|
368
|
-
pointer-events: none;
|
|
369
|
-
transform: translateY(-1px);
|
|
370
|
-
transition: all 250ms $transition-expo-out;
|
|
371
|
-
opacity: 0;
|
|
372
|
-
}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
.guidance-link {
|
|
2
|
-
display: flex;
|
|
3
|
-
position: relative;
|
|
4
|
-
padding: .75em 1em;
|
|
5
|
-
margin: 2em 0 1em;
|
|
6
|
-
text-decoration: none;
|
|
7
|
-
font-size: 1em;
|
|
8
|
-
border: $lightGray 1px solid;
|
|
9
|
-
color: #444;
|
|
10
|
-
transition: .2s all;
|
|
11
|
-
|
|
12
|
-
&:before {
|
|
13
|
-
content: " ";
|
|
14
|
-
position: absolute;
|
|
15
|
-
top: -1px;
|
|
16
|
-
left: -1px;
|
|
17
|
-
bottom: -1px;
|
|
18
|
-
width: 5px;
|
|
19
|
-
background: $blue;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
&:hover {
|
|
23
|
-
background: $lightestGray;
|
|
24
|
-
color: #444;
|
|
25
|
-
transition: .2s all;
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
> div {
|
|
29
|
-
font-size: .9em;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
svg {
|
|
33
|
-
width: 60px;
|
|
34
|
-
color: $blue;
|
|
35
|
-
margin-right: 1rem;
|
|
36
|
-
|
|
37
|
-
path {
|
|
38
|
-
fill: currentColor;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
h3 {
|
|
43
|
-
font-weight: 600;
|
|
44
|
-
font-size: 1.2rem;
|
|
45
|
-
}
|
|
46
|
-
}
|