diff --git a/.github/workflows/stylelint.yml b/.github/workflows/stylelint.yml new file mode 100644 index 0000000000..88ddff2f9e --- /dev/null +++ b/.github/workflows/stylelint.yml @@ -0,0 +1,25 @@ +name: Stylelint CSS + +on: + pull_request: + paths: + - 'packages/**/*.css' + +jobs: + stylelint: + runs-on: ubuntu-latest + + steps: + - name: Checkout repository + uses: actions/checkout@v4 + + - name: Set up Node.js + uses: actions/setup-node@v4 + with: + node-version: '20' + + - name: Install dependencies + run: yarn install --frozen-lockfile + + - name: Run stylelint on CSS files + run: yarn lint:css diff --git a/.stylelintrc.json b/.stylelintrc.json new file mode 100644 index 0000000000..81a987290d --- /dev/null +++ b/.stylelintrc.json @@ -0,0 +1,12 @@ +{ + "plugins": ["stylelint-order"], + "ignoreFiles": [ + "**/dist/**", + "**/node_modules/**", + "**/examples/**", + "**/devTemplate/**" + ], + "rules": { + "order/properties-alphabetical-order": true + } +} diff --git a/package.json b/package.json index 54808a3bf6..08e8f863a3 100644 --- a/package.json +++ b/package.json @@ -86,6 +86,8 @@ "sass": "^1.89.2", "storybook": "^10.1.11", "storybook-addon-fetch-mock": "^2.0.1", + "stylelint": "^17.3.0", + "stylelint-order": "^7.0.1", "syncpack": "^13.0.4", "use-debounce": "^10.1.0", "vite": "^7.3.1", @@ -100,6 +102,9 @@ "./packages/*/src/**/*.{js,jsx,ts,tsx}": [ "eslint --config .eslintrc.json", "npx prettier --write" + ], + "packages/**/*.css": [ + "stylelint --fix" ] }, "private": true, @@ -138,6 +143,8 @@ "knip:unused-exports": "knip --include exports,types", "knip:unused-files": "knip --include files", "lint": "eslint packages/*/src/**/*.{js,jsx,ts,tsx}", + "lint:css": "stylelint 'packages/**/*.css'", + "lint:css:fix": "stylelint 'packages/**/*.css' --fix", "postinstall": "patch-package", "predeploy": "storybook build --output-dir .storybook_build && touch .storybook_build/.nojekyll", "prepare": "husky install", diff --git a/packages/chart/src/components/Annotations/components/AnnotationDraggable.styles.css b/packages/chart/src/components/Annotations/components/AnnotationDraggable.styles.css index 1afccc44f1..5bf71c85d2 100644 --- a/packages/chart/src/components/Annotations/components/AnnotationDraggable.styles.css +++ b/packages/chart/src/components/Annotations/components/AnnotationDraggable.styles.css @@ -1,6 +1,6 @@ .cdc-open-viz-module.type-chart .annotation__desktop-label { - line-height: 1.1rem; font-size: 16px; + line-height: 1.1rem; } .cdc-open-viz-module.type-chart { @@ -9,17 +9,17 @@ } .annotation__has-dropdown-number { - display: flex; - justify-content: center; align-items: center; + border: 1px solid #666; border-radius: 50%; - width: 24px; + box-sizing: border-box; + display: flex; + font-size: 14px; height: 24px; - min-width: 24px; + justify-content: center; min-height: 24px; - border: 1px solid #666; + min-width: 24px; text-align: center; - font-size: 14px; - box-sizing: border-box; + width: 24px; } } diff --git a/packages/chart/src/components/Annotations/components/AnnotationList.styles.css b/packages/chart/src/components/Annotations/components/AnnotationList.styles.css index 140717dea2..86342079e0 100644 --- a/packages/chart/src/components/Annotations/components/AnnotationList.styles.css +++ b/packages/chart/src/components/Annotations/components/AnnotationList.styles.css @@ -1,23 +1,23 @@ .cdc-open-viz-module.type-chart { .annotation__title-circle { - display: flex; - justify-content: center; align-items: center; + border: 1px solid #666; border-radius: 50%; - padding: 8px; - width: 24px; + display: flex; + font-size: 14px; height: 24px; - margin-right: 5px; + justify-content: center; line-height: 1.5rem; - border: 1px solid #666; + margin-right: 5px; + padding: 8px; text-align: center; - font-size: 14px; + width: 24px; } .annotation__title-wrapper { + align-items: center; display: flex; flex-wrap: nowrap; - align-items: center; } .annotation__title-wrapper .annotation__title-text { @@ -33,7 +33,7 @@ } .cove-component__content { - container-type: inline-size; container-name: content; + container-type: inline-size; } } diff --git a/packages/chart/src/components/EditorPanel/components/Panels/Panel.Visual.tsx b/packages/chart/src/components/EditorPanel/components/Panels/Panel.Visual.tsx index 52ed190690..d3436da6a8 100644 --- a/packages/chart/src/components/EditorPanel/components/Panels/Panel.Visual.tsx +++ b/packages/chart/src/components/EditorPanel/components/Panels/Panel.Visual.tsx @@ -32,7 +32,7 @@ import { PaletteSelector, DeveloperPaletteRollback } from '@cdc/core/components/ import { HeaderThemeSelector } from '@cdc/core/components/HeaderThemeSelector' import { CustomColorsEditor } from '@cdc/core/components/CustomColorsEditor' import { getColorScale } from '../../../../helpers/getColorScale' -import '@cdc/core/styles/v2/components/editor.scss' +import '@cdc/core/styles/components/editor.scss' import './panelVisual.styles.css' const PanelVisual: FC = props => { diff --git a/packages/chart/src/components/Legend/LegendGroup/LegendGroup.styles.css b/packages/chart/src/components/Legend/LegendGroup/LegendGroup.styles.css index 8030529b86..076fd3c78f 100644 --- a/packages/chart/src/components/Legend/LegendGroup/LegendGroup.styles.css +++ b/packages/chart/src/components/Legend/LegendGroup/LegendGroup.styles.css @@ -6,14 +6,14 @@ margin-bottom: 0.5rem; .group-item .visx-legend-label { - font-weight: 400; font-size: 0.889rem; + font-weight: 400; margin-bottom: 0.5rem; } .group-label { - font-weight: 500; font-family: Nunito, sans-serif; font-size: 1rem; + font-weight: 500; } } @@ -22,9 +22,9 @@ grid-gap: 10px; &.group-item { + align-items: flex-start; display: flex; flex-direction: column; - align-items: flex-start; } & .inactive { @@ -32,9 +32,9 @@ transition: 0.2s all; } & .highlighted { + border-radius: 1px; outline: 1px solid #005ea2; outline-offset: 5px; - border-radius: 1px; } } } diff --git a/packages/chart/src/components/SmallMultiples/SmallMultiples.css b/packages/chart/src/components/SmallMultiples/SmallMultiples.css index f68f554a26..9b698da5e4 100644 --- a/packages/chart/src/components/SmallMultiples/SmallMultiples.css +++ b/packages/chart/src/components/SmallMultiples/SmallMultiples.css @@ -1,13 +1,13 @@ .small-multiples-container { - width: 100%; display: flex; flex-direction: column; + width: 100%; } .small-multiples-grid { display: grid; - width: 100%; flex: 1; + width: 100%; } .small-multiple-tile { @@ -20,13 +20,13 @@ } .tile-title { - margin: 0; font-weight: 700; - text-align: left; line-height: 1.3; + margin: 0; + text-align: left; } .tile-chart { - width: 100%; flex-shrink: 0; + width: 100%; } diff --git a/packages/chart/src/components/WarmingStripes/WarmingStripesGradientLegend.css b/packages/chart/src/components/WarmingStripes/WarmingStripesGradientLegend.css index f9384d284c..8b424eadd7 100644 --- a/packages/chart/src/components/WarmingStripes/WarmingStripesGradientLegend.css +++ b/packages/chart/src/components/WarmingStripes/WarmingStripesGradientLegend.css @@ -4,16 +4,16 @@ } .warming-stripes-gradient-legend__title { + font-size: 16px; font-weight: 600; margin-bottom: 0.5rem; - font-size: 16px; } .warming-stripes-gradient-legend__description { - margin-top: 0.5rem; - margin-bottom: 1rem; - font-size: 14px; color: #555; + font-size: 14px; + margin-bottom: 1rem; + margin-top: 0.5rem; } .warming-stripes-gradient-legend__container { @@ -22,14 +22,14 @@ .warming-stripes-gradient-legend__svg { display: block; - width: 100%; overflow: visible; + width: 100%; } .warming-stripes-gradient-legend__series-label { - text-align: center; - margin-top: 0.5rem; + color: #333; font-size: 14px; font-weight: 500; - color: #333; + margin-top: 0.5rem; + text-align: center; } diff --git a/packages/chart/src/scss/main.scss b/packages/chart/src/scss/main.scss index 68ddb426e6..23f9d90831 100644 --- a/packages/chart/src/scss/main.scss +++ b/packages/chart/src/scss/main.scss @@ -1,4 +1,4 @@ -@import '@cdc/core/styles/v2/utils/breakpoints'; +@import '@cdc/core/styles/utils/breakpoints'; .form-container { overflow-y: auto; diff --git a/packages/core/components/Alert/components/Alert.styles.css b/packages/core/components/Alert/components/Alert.styles.css index 1512b01e4a..5ebd3540a0 100644 --- a/packages/core/components/Alert/components/Alert.styles.css +++ b/packages/core/components/Alert/components/Alert.styles.css @@ -5,8 +5,8 @@ .alert { align-items: center; - justify-content: center; display: inline-flex; + justify-content: center; .cove-icon { margin: 5px; diff --git a/packages/core/components/ComboBox/combobox.styles.css b/packages/core/components/ComboBox/combobox.styles.css index 8f5637525e..ce7e390aac 100644 --- a/packages/core/components/ComboBox/combobox.styles.css +++ b/packages/core/components/ComboBox/combobox.styles.css @@ -5,50 +5,50 @@ } .cove-combobox-wrapper { - position: relative; - display: flex; align-items: center; + display: flex; + position: relative; width: 100%; } input.cove-combobox-input[role='combobox'] { - width: 100%; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-clip: padding-box; + background-color: white; + border: 1px solid var(--cool-gray-10) !important; + border-radius: 0.333rem; + color: var(--cool-gray-90); + cursor: text; display: block; - padding: 0.5rem 3rem 0.5rem 0.5rem; font-family: var(--app-font-secondary); - font-weight: 300; font-size: 0.833rem; + font-weight: 300; line-height: normal; - color: var(--cool-gray-90); - background-color: white; - background-clip: padding-box; - border: 1px solid var(--cool-gray-10) !important; - border-radius: 0.333rem; + padding: 0.5rem 3rem 0.5rem 0.5rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - cursor: text; + width: 100%; } input.cove-combobox-input[role='combobox']:focus { - color: var(--cool-gray-90); background-color: white; border: 1px solid var(--cool-gray-10) !important; box-shadow: none; + color: var(--cool-gray-90); } input.cove-combobox-input[role='combobox']:focus-visible { + border-radius: 6px !important; outline: dashed 2px rgb(0, 122, 153) !important; outline-offset: 3px !important; - border-radius: 6px !important; } input.cove-combobox-input[role='combobox']:disabled { background-color: var(--lightestGray); color: var(--cool-gray-90); - opacity: 1; cursor: default; + opacity: 1; } input.cove-combobox-input[role='combobox']:disabled::placeholder { @@ -62,21 +62,21 @@ } .cove-combobox-button { - position: absolute; - right: 0.5rem; - top: 50%; - transform: translateY(-50%); - display: flex; align-items: center; - justify-content: center; - width: 1em; - height: 1em; background: transparent; border: none; cursor: pointer; + display: flex; + height: 1em; + justify-content: center; padding: 0; - z-index: 2; pointer-events: none; + position: absolute; + right: 0.5rem; + top: 50%; + transform: translateY(-50%); + width: 1em; + z-index: 2; } .cove-combobox-button:disabled { @@ -94,21 +94,21 @@ } .cove-combobox-listbox { - position: absolute; - top: calc(100% + 0.125rem); - left: 0; - right: auto; - width: 150%; - z-index: 1000; - max-height: 20rem; - margin: 0; - padding: 0; - overflow-y: auto; - list-style: none; background-color: white; border: 1px solid var(--cool-gray-10); border-radius: 0.333rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + left: 0; + list-style: none; + margin: 0; + max-height: 20rem; + overflow-y: auto; + padding: 0; + position: absolute; + right: auto; + top: calc(100% + 0.125rem); + width: 150%; + z-index: 1000; } .cove-combobox-listbox:has(.no-results) { @@ -116,14 +116,14 @@ } .cove-combobox-option { - padding: 0.5rem 0.5rem; - font-family: var(--app-font-secondary); - font-weight: 300; - font-size: 0.778rem; color: var(--cool-gray-90); cursor: pointer; - user-select: none; + font-family: var(--app-font-secondary); + font-size: 0.778rem; + font-weight: 300; + padding: 0.5rem 0.5rem; transition: background-color 0.15s ease-in-out; + user-select: none; } .cove-combobox-option .cove-combobox-option-highlight { @@ -148,15 +148,15 @@ } .sr-only { - position: absolute; - width: 1px; + border: 0; + clip: rect(0, 0, 0, 0); height: 1px; - padding: 0; margin: -1px; overflow: hidden; - clip: rect(0, 0, 0, 0); + padding: 0; + position: absolute; white-space: nowrap; - border: 0; + width: 1px; } @media (prefers-reduced-motion: reduce) { diff --git a/packages/core/components/CustomColorsEditor/CustomColorsEditor.css b/packages/core/components/CustomColorsEditor/CustomColorsEditor.css index f0b2d767c7..2dc0bbfcb0 100644 --- a/packages/core/components/CustomColorsEditor/CustomColorsEditor.css +++ b/packages/core/components/CustomColorsEditor/CustomColorsEditor.css @@ -1,38 +1,38 @@ .custom-colors-editor { - padding: 0.75rem; + background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.25rem; - background-color: #f8f9fa; + padding: 0.75rem; } .custom-colors-editor .custom-colors-label { + color: #495057; display: block; + font-size: 0.875rem; font-weight: 600; margin-bottom: 0.5rem; - font-size: 0.875rem; - color: #495057; } .custom-colors-editor .custom-colors-notice { - display: flex; align-items: flex-start; - gap: 0.5rem; - padding: 0.75rem; - margin-bottom: 0.75rem; background-color: #d1ecf1; border: 1px solid #bee5eb; border-radius: 0.25rem; color: #0c5460; + display: flex; font-size: 0.8125rem; + gap: 0.5rem; line-height: 1.5; + margin-bottom: 0.75rem; + padding: 0.75rem; } .custom-colors-editor .custom-colors-notice .notice-icon { - width: 16px; - height: 16px; + color: #17a2b8; flex-shrink: 0; + height: 16px; margin-top: 0.125rem; - color: #17a2b8; + width: 16px; } .custom-colors-editor .custom-colors-notice strong { @@ -41,8 +41,8 @@ .custom-colors-editor .custom-colors-notice a { color: #0c5460; - text-decoration: underline; font-weight: 500; + text-decoration: underline; } .custom-colors-editor .custom-colors-notice a:hover { @@ -51,21 +51,21 @@ } .custom-colors-editor .custom-colors-preview { - display: flex; - gap: 2px; - margin-bottom: 0.75rem; - padding: 0.5rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; + display: flex; + gap: 2px; + margin-bottom: 0.75rem; min-height: 36px; overflow: hidden; + padding: 0.5rem; } .custom-colors-editor .custom-colors-preview .preview-swatch { + border-radius: 2px; flex: 1; min-width: 8px; - border-radius: 2px; transition: transform 0.15s ease; } @@ -110,21 +110,21 @@ } .custom-colors-editor .custom-color-item.dragging { - opacity: 0.5; box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); cursor: grabbing; + opacity: 0.5; } .custom-colors-editor .custom-color-item:hover:not(.dragging) { - box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); border-color: #adb5bd; + box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1); } .custom-colors-editor .color-item-controls { - display: flex; align-items: center; - gap: 0.5rem; + display: flex; flex-wrap: wrap; + gap: 0.5rem; } @media (max-width: 576px) { @@ -135,12 +135,12 @@ .custom-colors-editor .color-item-drag-handle { color: #adb5bd; - font-size: 0.875rem; cursor: grab; - user-select: none; - line-height: 1; flex-shrink: 0; + font-size: 0.875rem; + line-height: 1; padding: 0 0.125rem; + user-select: none; } .custom-colors-editor .color-item-drag-handle:active { @@ -152,23 +152,23 @@ } .custom-colors-editor .color-item-number { + color: #6c757d; + flex-shrink: 0; + font-size: 0.75rem; font-weight: 600; min-width: 24px; text-align: right; - color: #6c757d; - font-size: 0.75rem; - flex-shrink: 0; } .custom-colors-editor .color-picker { - width: 48px; - height: 34px; border: 1px solid #ced4da; border-radius: 0.25rem; cursor: pointer; - padding: 2px; flex-shrink: 0; + height: 34px; + padding: 2px; transition: border-color 0.15s ease; + width: 48px; } .custom-colors-editor .color-picker:hover { @@ -176,15 +176,15 @@ } .custom-colors-editor .color-picker:focus { - outline: none; border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); + outline: none; } .custom-colors-editor .color-input-wrapper { flex: 1; - min-width: 0; margin-bottom: 0; + min-width: 0; } /* Override TextField label wrapper styles */ @@ -210,26 +210,26 @@ .custom-colors-editor .color-item-buttons { display: flex; + flex-shrink: 0; gap: 0.25rem; margin-left: auto; - flex-shrink: 0; } .custom-colors-editor .btn-move, .custom-colors-editor .btn-remove { - padding: 0.25rem 0.5rem; + align-items: center; + background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; - background-color: #fff; cursor: pointer; - font-size: 0.875rem; - line-height: 1.5; - transition: all 0.15s ease; display: inline-flex; - align-items: center; + font-size: 0.875rem; + height: 28px; justify-content: center; + line-height: 1.5; min-width: 28px; - height: 28px; + padding: 0.25rem 0.5rem; + transition: all 0.15s ease; } .custom-colors-editor .btn-move:hover:not(:disabled), @@ -246,39 +246,39 @@ .custom-colors-editor .btn-move:disabled, .custom-colors-editor .btn-remove:disabled { - opacity: 0.35; cursor: not-allowed; + opacity: 0.35; } .custom-colors-editor .btn-remove { color: #dc3545; - font-weight: 700; font-size: 1.125rem; + font-weight: 700; } .custom-colors-editor .btn-remove:hover:not(:disabled) { background-color: #dc3545; - color: #fff; border-color: #dc3545; + color: #fff; } .custom-colors-editor .btn-add-color { - width: 100%; - padding: 0.5rem; + background-color: #fff; border: 2px dashed #ced4da; border-radius: 0.25rem; - background-color: #fff; color: #6c757d; - font-weight: 600; - font-size: 0.875rem; cursor: pointer; + font-size: 0.875rem; + font-weight: 600; + padding: 0.5rem; transition: all 0.15s ease; + width: 100%; } .custom-colors-editor .btn-add-color:hover:not(:disabled) { + background-color: #e7f1ff; border-color: #007bff; color: #007bff; - background-color: #e7f1ff; } .custom-colors-editor .btn-add-color:active:not(:disabled) { @@ -286,14 +286,14 @@ } .custom-colors-editor .btn-add-color:disabled { - opacity: 0.5; cursor: not-allowed; + opacity: 0.5; } .custom-colors-editor .custom-colors-info { - text-align: center; - font-size: 0.75rem; color: #6c757d; - margin-top: 0.5rem; + font-size: 0.75rem; font-style: italic; + margin-top: 0.5rem; + text-align: center; } diff --git a/packages/core/components/DataTable/components/SortIcon/sort-icon.css b/packages/core/components/DataTable/components/SortIcon/sort-icon.css index 680ca374b8..8ed1b38dc4 100644 --- a/packages/core/components/DataTable/components/SortIcon/sort-icon.css +++ b/packages/core/components/DataTable/components/SortIcon/sort-icon.css @@ -1,7 +1,7 @@ .sort-icon { + align-items: center; display: flex; flex-direction: column; - align-items: center; justify-content: center; position: absolute; @@ -11,12 +11,12 @@ z-index: 1; svg { - width: 0.75rem; - height: 0.75rem; fill: rgba(255, 255, 255, 0.5); + height: 0.75rem; + line-height: 1; margin: 0; padding: 0; - line-height: 1; + width: 0.75rem; &.active { fill: white; diff --git a/packages/core/components/DataTable/data-table.css b/packages/core/components/DataTable/data-table.css index ed4496f925..40951c27ed 100644 --- a/packages/core/components/DataTable/data-table.css +++ b/packages/core/components/DataTable/data-table.css @@ -1,8 +1,8 @@ .cove, .cdc-open-viz-module { .table { - width: unset; min-width: 100%; + width: unset; } .bs4 .table.table-width-unset { @@ -14,28 +14,28 @@ } .table-container { - overflow-x: auto; - border-right: 1px solid var(--lightGray); - border-left: 1px solid var(--lightGray); border-bottom: 1px solid var(--lightGray); + border-left: 1px solid var(--lightGray); + border-right: 1px solid var(--lightGray); + overflow-x: auto; } div.data-table-heading { - position: relative; border: var(--cool-gray-10) 1px solid; border-radius: 6px; + position: relative; svg { - position: absolute; height: 100%; - width: 15px; - top: 0; + position: absolute; right: 1em; + top: 0; + width: 15px; } &:focus { - z-index: 2; position: relative; + z-index: 2; } } @@ -48,12 +48,12 @@ } table.data-table { - margin-bottom: 0; + appearance: none; background: #fff; - position: relative; border: none; border-collapse: collapse; - appearance: none; + margin-bottom: 0; + position: relative; table-layout: fixed; * { @@ -61,15 +61,15 @@ } thead { - user-select: none; -moz-user-select: none; user-select: none; + user-select: none; button { background: none; - font-size: initial; - color: #fff !important; border: 0; + color: #fff !important; + font-size: initial; } tr { @@ -81,13 +81,13 @@ color: #fff !important; .resizer { + bottom: 0; cursor: e-resize; - width: 10px; position: absolute; - top: 0; - bottom: 0; right: 0; + top: 0; touch-action: none; + width: 10px; } tr { @@ -96,17 +96,17 @@ th, td { - padding: 0.5em 0.7em; + border-right: 1px solid var(--lightGray) !important; line-height: normal; + padding: 0.5em 0.7em; position: relative; text-align: left; - border-right: 1px solid var(--lightGray) !important; } th { background-color: var(--primary); - background-repeat: no-repeat; background-position: right 0.5em center; + background-repeat: no-repeat; background-size: 10px 5px; color: #fff !important } @@ -134,8 +134,8 @@ th, td { - padding: 0.3em 0.7em; border-right: 1px solid rgba(0, 0, 0, 0.1); + padding: 0.3em 0.7em; white-space: nowrap; &:last-child { @@ -158,32 +158,32 @@ } td a { + bottom: 0; + color: inherit; + display: block; + left: 0; padding: 0.3em 0.7em; position: absolute; - top: 0; - bottom: 0; right: 0; - left: 0; - display: block; - color: inherit; text-decoration: none; + top: 0; } td div a { - position: relative; - padding: 0; display: inline; + padding: 0; + position: relative; } td span.table-link { - text-decoration: underline; - cursor: pointer; color: #075290; + cursor: pointer; + text-decoration: underline; svg { + margin-left: 5px; max-width: 13px; vertical-align: baseline; - margin-left: 5px; } } @@ -197,16 +197,16 @@ position: relative; .no-data-message { + align-items: center; background: rgba(255, 255, 255, 0.5); - top: 0; - left: 0; - right: 0; bottom: 0; - position: absolute; - text-align: center; display: flex; - align-items: center; justify-content: center; + left: 0; + position: absolute; + right: 0; + text-align: center; + top: 0; z-index: 7; :is(h3) { @@ -231,14 +231,14 @@ } .data-table-pagination { - margin: 1rem 0; - display: flex; align-items: center; + display: flex; + margin: 1rem 0; ul { + display: flex; list-style: none; margin: 0 1rem 0 0; - display: flex; li+li { margin-left: 0.3rem; @@ -258,8 +258,8 @@ button[disabled] { background: var(--mediumGray); - opacity: 0.3; cursor: default; + opacity: 0.3; &:hover { background: var(--mediumGray); @@ -271,9 +271,9 @@ .btn-download { color: #fff; float: right; + margin: 1em 0; text-decoration: none; transition: 0.3s all; - margin: 1em 0; &:hover { transition: 0.3s all; @@ -281,7 +281,7 @@ } .download-links a:not(:last-child) { - margin-right: 10px; display: inline-block; + margin-right: 10px; } } \ No newline at end of file diff --git a/packages/core/components/EditorPanel/EditorPanel.styles.css b/packages/core/components/EditorPanel/EditorPanel.styles.css index a900d154c9..29cbae0d56 100644 --- a/packages/core/components/EditorPanel/EditorPanel.styles.css +++ b/packages/core/components/EditorPanel/EditorPanel.styles.css @@ -3,9 +3,9 @@ /* Color palette in editor panel context */ .editor-panel .header .color-palette li { - width: 1.5em; - height: 1.5em; display: inline-block; + height: 1.5em; + width: 1.5em; } .editor-panel .color-palette { @@ -13,12 +13,12 @@ } .editor-panel .color-palette li { - width: 1.5em; - height: 1.5em; + border: rgba(0, 0, 0, 0.3) 3px solid; + cursor: pointer; display: inline-block; + height: 1.5em; margin-right: 0.5em; - cursor: pointer; - border: rgba(0, 0, 0, 0.3) 3px solid; + width: 1.5em; } .editor-panel .color-palette li.active { @@ -26,24 +26,24 @@ } .editor-panel .color-palette a { - display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.8); + display: inline-block; } .editor-panel .color-palette.series-list { + border: none; flex-direction: column; padding: 0; - border: none; } .editor-panel .color-palette.series-list li { - padding: 0.3em 0.5em; - display: flex; align-items: center; + border: 0; + display: flex; + height: auto; justify-content: space-between; + padding: 0.3em 0.5em; width: auto; - height: auto; - border: 0; } .editor-panel .color-palette.series-list li:not(:last-child) { @@ -61,10 +61,10 @@ } .editor-panel .guidance-link svg { - width: 60px; color: var(--blue); - margin-right: 1rem; height: 60px; + margin-right: 1rem; + width: 60px; } .editor-panel .guidance-link svg path { @@ -72,18 +72,18 @@ } .editor-panel .warning { - color: #d8000c; background-color: #ffd2d2; - padding: 0.75em 1em; - margin: 1em 0; - font-size: 0.8em; border: #d8000c 1px solid; border-radius: 0.4em; + color: #d8000c; + font-size: 0.8em; + margin: 1em 0; + padding: 0.75em 1em; } .editor-panel .warning strong { - font-weight: 600; display: block; + font-weight: 600; } .editor-panel .advanced { @@ -96,18 +96,18 @@ } .editor-panel .advanced .advanced-toggle-link { - padding-top: 1em; + cursor: pointer; display: block; + padding-top: 1em; text-align: left; - cursor: pointer; text-decoration: underline; } .editor-panel .advanced .advanced-toggle-link span { - text-decoration: none; display: inline-block; font-family: monospace; padding-right: 5px; + text-decoration: none; } .editor-panel .advanced .advanced-toggle-link:hover { @@ -115,29 +115,29 @@ } .editor-panel .advanced textarea { - height: 400px; - width: 100%; + box-sizing: border-box; + font-family: monospace; font-size: 0.9em; + height: 400px; padding: 0.5em; - font-family: monospace; - box-sizing: border-box; + width: 100%; } .editor-panel .heading-2 { background: #565656; + border-bottom: #565656 3px solid; color: #fff; font-size: 1.1em; padding: 0.6em 1em; position: relative; - border-bottom: #565656 3px solid; z-index: 3; } .editor-panel label { - text-transform: uppercase; display: block; font-size: 0.8em; font-weight: 600; + text-transform: uppercase; } .editor-panel label:not(:first-child) { @@ -145,8 +145,8 @@ } .editor-panel label span.edit-label { - margin-bottom: 0.3em; display: block; + margin-bottom: 0.3em; } .editor-panel label span.column-heading { @@ -158,25 +158,25 @@ } .editor-panel label.checkbox span { - text-transform: none; font-size: 1em; font-weight: 400; + text-transform: none; } .editor-panel label.checkbox input { - margin-top: 0; margin-right: 0.5em; + margin-top: 0; } .editor-panel input[type='checkbox'], .editor-panel input[type='radio'] { + cursor: pointer; display: inline-block; - width: auto !important; height: auto !important; - padding: 0; margin-right: 0.5em; - cursor: pointer; + padding: 0; user-select: none; + width: auto !important; } .editor-panel input[type='text'], @@ -193,8 +193,8 @@ .editor-panel .primary-fieldset { border-top: rgba(0, 0, 0, 0.3) 2px solid; - padding-top: 2em; margin-top: 2em; + padding-top: 2em; } .editor-panel ul.column-edit { @@ -223,28 +223,28 @@ .editor-panel .edit-block { border: 1px solid rgba(0, 0, 0, 0.3); - padding: 1em; margin-top: 1em; + padding: 1em; position: relative; } .editor-panel .edit-block .remove-column { - position: absolute; - top: 0; - right: 0; - border: 0; background: rgba(0, 0, 0, 0.1); + border: 0; color: #000; + cursor: pointer; font-size: 0.8em; padding: 0.3em; - cursor: pointer; + position: absolute; + right: 0; + top: 0; } .editor-panel span.subtext { - text-transform: none; display: block; font-size: 0.8em; font-weight: 400; + text-transform: none; } .editor-panel .sort-list { @@ -252,12 +252,12 @@ } .editor-panel .sort-list li { - border: 1px solid rgba(0, 0, 0, 0.2); - padding: 0.3em; - display: flex; align-items: center; + border: 1px solid rgba(0, 0, 0, 0.2); cursor: move; + display: flex; margin-bottom: 0.3em; + padding: 0.3em; } .editor-panel .sort-list li svg { @@ -265,8 +265,8 @@ } .editor-panel .info { - margin-top: 1em; font-size: 0.9em; + margin-top: 1em; } /* React Tags Component styles (third-party library) */ @@ -275,8 +275,8 @@ } .editor-panel .react-tags { - position: relative; cursor: text; + position: relative; } .editor-panel .react-tags input.react-tags__search-input { @@ -296,20 +296,20 @@ } .editor-panel .react-tags__selected-tag { - display: inline-block; - box-sizing: border-box; + background: #f1f1f1; border: 1px solid #d1d1d1; border-radius: 2px; - background: #f1f1f1; - padding: 0.4em 0.6em; + box-sizing: border-box; + display: inline-block; font-size: 0.8em; - margin-right: 0.3em; margin-bottom: 0.3em; + margin-right: 0.3em; + padding: 0.4em 0.6em; } .editor-panel .react-tags__selected-tag:after { - content: '\2715'; color: #aaa; + content: '\2715'; margin-left: 8px; } @@ -330,12 +330,12 @@ } .editor-panel .react-tags__search input { - max-width: 100%; + font-size: inherit; + line-height: inherit; margin: 0; + max-width: 100%; outline: none; padding: 0.5em 0.3em; - font-size: inherit; - line-height: inherit; } .editor-panel .react-tags__search input::-ms-clear { @@ -343,9 +343,9 @@ } .editor-panel .react-tags__suggestions { + left: 0; position: absolute; top: 100%; - left: 0; width: 100%; } @@ -356,13 +356,13 @@ } .editor-panel .react-tags__suggestions ul { - margin: 4px -1px; - padding: 0; - list-style: none; background: white; border: 1px solid #d1d1d1; border-radius: 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); + list-style: none; + margin: 4px -1px; + padding: 0; } .editor-panel .react-tags__suggestions li { @@ -371,14 +371,14 @@ } .editor-panel .react-tags__suggestions li mark { - text-decoration: underline; background: none; font-weight: 600; + text-decoration: underline; } .editor-panel .react-tags__suggestions li:hover { - cursor: pointer; background: #eee; + cursor: pointer; } .editor-panel .react-tags__suggestions li.is-active { @@ -386,23 +386,23 @@ } .editor-panel .react-tags__suggestions li.is-disabled { - opacity: 0.5; cursor: auto; + opacity: 0.5; } .editor-toggle { - position: fixed; - top: 1em; - right: 1em; background: var(--blue); - color: white; border: 0; border-radius: 0.5em; - padding: 0.5em 1em; - font-size: 1em; + color: white; cursor: pointer; - z-index: 9999999999; display: none; + font-size: 1em; + padding: 0.5em 1em; + position: fixed; + right: 1em; + top: 1em; + z-index: 9999999999; } .editor-toggle.active { @@ -429,8 +429,8 @@ } :is(span).edit-label { - margin-bottom: 0.3em; display: block; + margin-bottom: 0.3em; } .react-tooltip { diff --git a/packages/core/components/EditorWrapper/editor-wrapper.style.css b/packages/core/components/EditorWrapper/editor-wrapper.style.css index ec92f7add6..25bfb6af96 100644 --- a/packages/core/components/EditorWrapper/editor-wrapper.style.css +++ b/packages/core/components/EditorWrapper/editor-wrapper.style.css @@ -1,7 +1,7 @@ .editor-wrapper { --editorPanelWidth: 350px; - position: relative; min-height: 80vh; + position: relative; .editor-panel { :is(form) { border-right: var(--lightGray) 1px solid; diff --git a/packages/core/components/HeaderThemeSelector/HeaderThemeSelector.css b/packages/core/components/HeaderThemeSelector/HeaderThemeSelector.css index 3751805deb..7ba3c6f7e6 100644 --- a/packages/core/components/HeaderThemeSelector/HeaderThemeSelector.css +++ b/packages/core/components/HeaderThemeSelector/HeaderThemeSelector.css @@ -6,8 +6,8 @@ .header .edit-label { display: block; - margin-bottom: 0.5rem; font-weight: 500; + margin-bottom: 0.5rem; } .header .color-palette { @@ -20,13 +20,13 @@ } .header .color-palette button { - width: 30px; - height: 30px; - border-radius: 50%; border: 2px solid transparent; + border-radius: 50%; cursor: pointer; - transition: all 0.2s ease; + height: 30px; outline: none; + transition: all 0.2s ease; + width: 30px; } .header .color-palette button:hover { diff --git a/packages/core/components/Layout/styles/editor.scss b/packages/core/components/Layout/styles/editor.scss index a0541bf3bf..df04a9d84e 100644 --- a/packages/core/components/Layout/styles/editor.scss +++ b/packages/core/components/Layout/styles/editor.scss @@ -1,4 +1,4 @@ -@import '../../../styles/v2/utils/variables'; +@import '../../../styles/utils/variables'; $editorAnimationTimer: 400ms; $mediumGray: #e6e6e6; diff --git a/packages/core/components/Loader/loader.styles.css b/packages/core/components/Loader/loader.styles.css index 4eb386fb4f..5f65519e43 100644 --- a/packages/core/components/Loader/loader.styles.css +++ b/packages/core/components/Loader/loader.styles.css @@ -1,10 +1,10 @@ .cove-loader { &.fullscreen { background: rgba(255, 255, 255, 0.8); - position: absolute; - width: 100%; display: flex; justify-content: center; + position: absolute; + width: 100%; z-index: 100; & > * { margin-top: 40vh; diff --git a/packages/core/components/MultiSelect/multiselect.styles.css b/packages/core/components/MultiSelect/multiselect.styles.css index 8ebc061f32..ac1a298f0c 100644 --- a/packages/core/components/MultiSelect/multiselect.styles.css +++ b/packages/core/components/MultiSelect/multiselect.styles.css @@ -3,45 +3,45 @@ display: block; } .wrapper { - display: inline-flex; align-items: center; + display: inline-flex; width: 100%; .selected { &[aria-disabled='true'] { background: var(--lightestGray); } border: 1px solid var(--lightGray); - padding: 7px; + border-radius: 5px; + display: inline-block; min-width: 200px; + padding: 7px; width: 100%; - display: inline-block; :is(button) { - border: none; background: none; + border: none; } :is(div) { - display: inline-block; - padding: 0 0 0 5px; - margin-right: 5px; - margin-bottom: 2px; background: var(--lightGray); border-radius: 5px; + display: inline-block; + margin-bottom: 2px; + margin-right: 5px; + padding: 0 0 0 5px; } .expand { - padding: 2px 0px; - margin-right: -6px; + color: var(--mediumGray); float: right; margin-bottom: -3px; - color: var(--mediumGray); + margin-right: -6px; + padding: 2px 0px; &:focus { outline: none; } } - border-radius: 5px; } .cove-tooltip__content { - position: absolute; min-width: 120px; + position: absolute; :is(p) { margin-bottom: 0; } @@ -52,15 +52,15 @@ } .dropdown { background: white; - position: absolute; - top: var(--select-height); - margin-top: 0px; border: 1px solid var(--lightGray); - padding-left: 0; - min-height: 40px; + margin-top: 0px; max-height: 200px; - overflow-y: scroll; + min-height: 40px; min-width: 200px; + overflow-y: scroll; + padding-left: 0; + position: absolute; + top: var(--select-height); z-index: 4; :is(li) { diff --git a/packages/core/components/NestedDropdown/nesteddropdown.styles.css b/packages/core/components/NestedDropdown/nesteddropdown.styles.css index 956233bd2e..9c4522bf24 100644 --- a/packages/core/components/NestedDropdown/nesteddropdown.styles.css +++ b/packages/core/components/NestedDropdown/nesteddropdown.styles.css @@ -16,14 +16,14 @@ } .search-input { - color: var(--cool-gray-90); - font-weight: 300; border: none; - position: relative; + color: var(--cool-gray-90); display: inline-block; - width: 100%; + font-weight: 300; padding: 0; + position: relative; + width: 100%; &::placeholder { color: var(--cool-gray-90); } @@ -36,21 +36,21 @@ [class^='main-nested-dropdown-container-'], .nested-dropdown-input-container { border: 1px solid var(--cool-gray-10); + font-size: 1em; min-width: 200px; padding: 0.4rem 0.75rem; - font-size: 1em; } [class^='selectable-item-'] { + font-weight: normal; list-style: none; padding-left: 20px; position: relative; - font-weight: normal; white-space: nowrap; & .check-mark { - position: absolute; left: 0px; + position: absolute; } &:hover { @@ -59,16 +59,16 @@ } .nested-dropdown-input-container { - display: block; - width: calc(100% + 7px); border-radius: 0.25rem; + display: block; position: relative; + width: calc(100% + 7px); & > span.list-arrow { - position: absolute; - top: 9px; - right: 9px; float: right; pointer-events: none; + position: absolute; + right: 9px; + top: 9px; } &.disabled { @@ -80,12 +80,12 @@ } & [class^='main-nested-dropdown-container-'] { + background: white; max-height: 375px; + min-width: 200px; overflow-y: auto; position: absolute; z-index: 3; - min-width: 200px; - background: white; } .hide { diff --git a/packages/core/components/PaletteSelector/PaletteSelector.css b/packages/core/components/PaletteSelector/PaletteSelector.css index d10e9e0c4a..6cdf5f6b23 100644 --- a/packages/core/components/PaletteSelector/PaletteSelector.css +++ b/packages/core/components/PaletteSelector/PaletteSelector.css @@ -7,12 +7,12 @@ /* List item-based palette selector (used by maps) */ .color-palette li { - width: 1.5em; - height: 1.5em; + border: rgba(0, 0, 0, 0.3) 3px solid; + cursor: pointer; display: inline-block; + height: 1.5em; margin-right: 0.5em; - cursor: pointer; - border: rgba(0, 0, 0, 0.3) 3px solid; + width: 1.5em; } .color-palette li.active { @@ -33,25 +33,25 @@ } .color-palette a { - display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.8); + display: inline-block; } /* Series list variant */ .color-palette.series-list { + border: none; flex-direction: column; padding: 0; - border: none; } .color-palette.series-list li { - padding: 0.3em 0.5em; - display: flex; align-items: center; + border: 0; + display: flex; + height: auto; justify-content: space-between; + padding: 0.3em 0.5em; width: auto; - height: auto; - border: 0; } .color-palette.series-list li:not(:last-child) { @@ -60,18 +60,18 @@ /* Header variant */ .header .color-palette li { - width: 1.5em; - height: 1.5em; display: inline-block; + height: 1.5em; + width: 1.5em; } /* Developer rollback component styles */ .developer-palette-rollback { - margin: 8px 0; - padding: 8px; + background-color: #fffbf0; border: 1px dashed #ffc107; border-radius: 4px; - background-color: #fffbf0; + margin: 8px 0; + padding: 8px; } .developer-palette-rollback .rollback-info { diff --git a/packages/core/components/RichTooltip/richTooltip.css b/packages/core/components/RichTooltip/richTooltip.css index 234dfe3582..064fa871da 100644 --- a/packages/core/components/RichTooltip/richTooltip.css +++ b/packages/core/components/RichTooltip/richTooltip.css @@ -1,16 +1,16 @@ .tooltip-link { + color: var(--cool-gray-90); + cursor: pointer; + font-family: var(--app-font-main); + font-size: 0.833rem !important; + position: relative; text-decoration: underline; text-decoration-color: var(--cool-gray-90); text-decoration-style: dotted; text-decoration-thickness: 2px; text-underline-offset: 0.25rem; - position: relative; - cursor: pointer; - color: var(--cool-gray-90); - font-family: var(--app-font-main); - font-size: 0.833rem !important; } .tooltip-link:hover { - text-decoration-color: #009ec1; color: var(--cool-gray-90); + text-decoration-color: #009ec1; } diff --git a/packages/core/components/Table/table.styles.css b/packages/core/components/Table/table.styles.css index 2a32db0255..359cc450c3 100644 --- a/packages/core/components/Table/table.styles.css +++ b/packages/core/components/Table/table.styles.css @@ -2,9 +2,9 @@ clip: rect(0 0 0 0); clip-path: inset(50%); height: 1px; + left: -10000px; overflow: hidden; + position: fixed; white-space: nowrap; width: 1px; - position: fixed; - left: -10000px; } diff --git a/packages/core/components/elements/Button.jsx b/packages/core/components/elements/Button.jsx index e24dd70ef5..cdfa462749 100644 --- a/packages/core/components/elements/Button.jsx +++ b/packages/core/components/elements/Button.jsx @@ -3,7 +3,7 @@ import PropTypes from 'prop-types' import LoadSpin from '../ui/LoadSpin' -import '../../styles/v2/components/button.scss' +import '../../styles/components/button.scss' const Button = ({ style, diff --git a/packages/core/components/elements/Card.jsx b/packages/core/components/elements/Card.jsx index b7b8023002..5966d171ac 100644 --- a/packages/core/components/elements/Card.jsx +++ b/packages/core/components/elements/Card.jsx @@ -1,6 +1,6 @@ import React from 'react' -import '../../styles/v2/components/card.scss' +import '../../styles/components/card.scss' const Card = ({ children, className, ...attributes }) => { return ( diff --git a/packages/core/components/inputs/InputCheckbox.jsx b/packages/core/components/inputs/InputCheckbox.jsx index b388c96542..07b6d165c9 100644 --- a/packages/core/components/inputs/InputCheckbox.jsx +++ b/packages/core/components/inputs/InputCheckbox.jsx @@ -2,7 +2,7 @@ import React, { useState, useEffect, memo } from 'react' import PropTypes from 'prop-types' import Check from '../../assets/icon-check.svg' -import '../../styles/v2/components/input/index.scss' +import '../../styles/components/input/index.scss' const InputCheckbox = memo( ({ diff --git a/packages/core/components/inputs/InputSelect.tsx b/packages/core/components/inputs/InputSelect.tsx index 2b94406642..db099bdaff 100644 --- a/packages/core/components/inputs/InputSelect.tsx +++ b/packages/core/components/inputs/InputSelect.tsx @@ -1,4 +1,4 @@ -import '../../styles/v2/components/input/index.scss' +import '../../styles/components/input/index.scss' interface InputProps { label? diff --git a/packages/core/components/inputs/InputText.jsx b/packages/core/components/inputs/InputText.jsx index e7cfe93a8f..f694a09528 100644 --- a/packages/core/components/inputs/InputText.jsx +++ b/packages/core/components/inputs/InputText.jsx @@ -1,7 +1,7 @@ import React, { useState, useEffect, memo } from 'react' import { useDebounce } from 'use-debounce' -import '../../styles/v2/components/input/index.scss' +import '../../styles/components/input/index.scss' const InputText = memo(({ label, section = null, subsection = null, fieldName, updateField, value: stateValue, type = 'input', tooltip, placeholder, i = null, min = null, max = null, className, ...attributes }) => { const [value, setValue] = useState(stateValue) diff --git a/packages/core/components/inputs/InputToggle.tsx b/packages/core/components/inputs/InputToggle.tsx index fb1c930fa3..2148ef091b 100644 --- a/packages/core/components/inputs/InputToggle.tsx +++ b/packages/core/components/inputs/InputToggle.tsx @@ -1,6 +1,6 @@ import React, { useState, useEffect } from 'react' -import '../../styles/v2/components/input/index.scss' +import '../../styles/components/input/index.scss' type InputSliderProps = { /** Add label to the input field */ diff --git a/packages/core/components/managers/DataDesigner.tsx b/packages/core/components/managers/DataDesigner.tsx index 1a0e46b179..fadaadcf6a 100644 --- a/packages/core/components/managers/DataDesigner.tsx +++ b/packages/core/components/managers/DataDesigner.tsx @@ -9,7 +9,7 @@ import { DATA_TABLE_SINGLE_ROW, DATA_TABLE_MULTI_ROW } from '../../templates/dataDesignerTables' -import '../../styles/v2/components/data-designer.scss' +import '../../styles/components/data-designer.scss' import { ConfigureData } from '../../types/ConfigureData' type DataDesignerProps = { diff --git a/packages/core/components/ui/Accordion.jsx b/packages/core/components/ui/Accordion.jsx index a822fdf64d..5c1f44a285 100644 --- a/packages/core/components/ui/Accordion.jsx +++ b/packages/core/components/ui/Accordion.jsx @@ -11,7 +11,7 @@ import PropTypes from 'prop-types' import Icon from './Icon' import Tooltip from './Tooltip' -import '../../styles/v2/components/accordion.scss' +import '../../styles/components/accordion.scss' import './accordion.styles.css' //Define the "slots" to be populated by subcomponents diff --git a/packages/core/components/ui/Icon.tsx b/packages/core/components/ui/Icon.tsx index a65286b30a..3a8250a649 100644 --- a/packages/core/components/ui/Icon.tsx +++ b/packages/core/components/ui/Icon.tsx @@ -38,7 +38,7 @@ import iconRotateLeft from '../../assets/icon-rotate-left.svg' import iconCommand from '../../assets/icon-command.svg' import iconMagnifyingGlass from '../../assets/icon-magnifying-glass.svg' -import '../../styles/v2/components/icon.scss' +import '../../styles/components/icon.scss' const iconHash = { caretUp: iconCaretUp, diff --git a/packages/core/components/ui/LoadSpin.jsx b/packages/core/components/ui/LoadSpin.jsx index 70bd6cefbb..f0cd8d34dc 100644 --- a/packages/core/components/ui/LoadSpin.jsx +++ b/packages/core/components/ui/LoadSpin.jsx @@ -1,5 +1,5 @@ import React from 'react' -import '../../styles/v2/components/loadspin.scss' +import '../../styles/components/loadspin.scss' const LoadSpin = ({ color = '#fff', opacity = 100, size = 100, className }) => { const n = 8 diff --git a/packages/core/components/ui/Modal.jsx b/packages/core/components/ui/Modal.jsx index 22d8ac23aa..9369b5140b 100644 --- a/packages/core/components/ui/Modal.jsx +++ b/packages/core/components/ui/Modal.jsx @@ -4,7 +4,7 @@ import PropTypes from 'prop-types' import { useGlobalContext } from '../GlobalContext' import Icon from './Icon' -import '../../styles/v2/components/modal.scss' +import '../../styles/components/modal.scss' //Define the "slots" to be populated by subcomponents const ModalHeader = () => null diff --git a/packages/core/components/ui/Overlay.jsx b/packages/core/components/ui/Overlay.jsx index 12b193c76c..a00b816d99 100644 --- a/packages/core/components/ui/Overlay.jsx +++ b/packages/core/components/ui/Overlay.jsx @@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react' import { useGlobalContext } from '../GlobalContext' -import '../../styles/v2/components/overlay.scss' +import '../../styles/components/overlay.scss' const Overlay = ({ disableBgClose, children, override = null }) => { //Access global modal state diff --git a/packages/core/components/ui/Title/title.styles.css b/packages/core/components/ui/Title/title.styles.css index a8044e48ea..1ded1b3e8f 100644 --- a/packages/core/components/ui/Title/title.styles.css +++ b/packages/core/components/ui/Title/title.styles.css @@ -1,27 +1,27 @@ .cdc-open-viz-module header.cove-component__header { - position: relative; - padding: 1rem; - margin: 0; + + border-top-left-radius: 3px; + border-top-right-radius: 3px; color: var(--white); + margin: 0; + padding: 1rem; + position: relative; & > sup { - font-size: var(--superTitle-font-size); font-family: var(--app-font-secondary); + font-size: var(--superTitle-font-size); font-weight: 500; text-transform: uppercase; top: 0; } h2 { - font-size: var(--title-font-size); - font-family: var(--app-font-secondary); color: var(--white); + font-family: var(--app-font-secondary); + font-size: var(--title-font-size); margin: 0; } - border-top-left-radius: 3px; - border-top-right-radius: 3px; - &.mb-0 { margin-bottom: 0 !important; } @@ -35,8 +35,8 @@ } &:not(:empty) { - border-bottom-width: 4px; border-bottom-style: solid; + border-bottom-width: 4px; } &.bite-header { @@ -111,29 +111,29 @@ /* Used in dashboards to more closely associate a title-only component with the content below it */ .cdc-open-viz-module .cove-title--no-content { - margin-top: 1rem; margin-bottom: 0; + margin-top: 1rem; } .cdc-open-viz-module .cove-title h2 { + border-bottom: 1px solid var(--cool-gray-10); color: #0b4778; - font-size: 1.95rem; font-family: var(--app-font-secondary); - border-bottom: 1px solid var(--cool-gray-10); + font-size: 1.95rem; font-weight: 300; } .cdc-open-viz-module .cove-title h3 { - font-size: 1.5rem; font-family: var(--app-font-secondary); + font-size: 1.5rem; } .cdc-open-viz-module .cove-title sup { + color: #666; font-family: var(--app-font-secondary); font-size: 0.75rem; font-weight: 600; text-transform: uppercase; - color: #666; sup { font-size: 75%; } diff --git a/packages/core/components/ui/Tooltip.tsx b/packages/core/components/ui/Tooltip.tsx index 6057dbbc00..4d1fc77c9e 100644 --- a/packages/core/components/ui/Tooltip.tsx +++ b/packages/core/components/ui/Tooltip.tsx @@ -6,7 +6,7 @@ import 'react-tooltip/dist/react-tooltip.css' import type { PlacesType } from 'react-tooltip' // Styles -import '../../styles/v2/components/ui/tooltip.scss' +import '../../styles/components/ui/tooltip.scss' const TooltipTarget = children => children const TooltipContent = children => children diff --git a/packages/core/components/ui/accordion.styles.css b/packages/core/components/ui/accordion.styles.css index b35b27d362..3739604b85 100644 --- a/packages/core/components/ui/accordion.styles.css +++ b/packages/core/components/ui/accordion.styles.css @@ -5,13 +5,13 @@ } .accordion__button { + border-bottom: 1px solid rgba(0, 0, 0, 0.2); cursor: pointer; font-size: 1em; padding: 0.3em 1em; - width: 100%; - text-align: left; position: relative; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); + text-align: left; + width: 100%; } .accordion__panel:first-child { @@ -19,31 +19,31 @@ } .accordion__button:before { - display: inline-block; + border-bottom: 2px solid currentColor; + border-right: 2px solid currentColor; content: ''; + display: inline-block; height: 7px; - width: 7px; margin-right: 1em; - border-bottom: 2px solid currentColor; - border-right: 2px solid currentColor; - transform: rotate(-45deg) translateY(-50%); - right: 0; position: absolute; + right: 0; top: 50%; + transform: rotate(-45deg) translateY(-50%); transition: 0.1s all; + width: 7px; } .accordion__button[aria-expanded='true']::before, .accordion__button[aria-selected='true']::before { - transform: rotate(45deg) translateY(-50%); margin-right: 1.3em; + transform: rotate(45deg) translateY(-50%); transition: 0.1s all; } .accordion__panel { + animation: fadein 0.2s ease-in; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 1em 1.25em 2em; - animation: fadein 0.2s ease-in; } .accordion__panel h5 { diff --git a/packages/core/styles/_common-components.css b/packages/core/styles/_common-components.css index 11b1c5319c..ea7f08c1f9 100644 --- a/packages/core/styles/_common-components.css +++ b/packages/core/styles/_common-components.css @@ -4,10 +4,10 @@ /* Shared loader component */ /* Used across: chart, dashboard, data-bite, waffle-chart packages */ .loader { - width: 100%; - text-align: center; - display: inline-block; animation: spin 1s linear infinite; + display: inline-block; + text-align: center; + width: 100%; } .loader::before { @@ -18,9 +18,9 @@ /* TODO: Currently different panel classes on different packages */ .accordion__button svg.warning-icon, .cove-accordion__button svg.warning-icon { + left: auto; position: absolute; right: 35px; - left: auto; top: 50%; transform: translateY(-50%); @@ -28,8 +28,8 @@ .warning-icon { color: #d72f00; - width: 15px; height: 15px; + width: 15px; } .warning-icon path { @@ -39,21 +39,21 @@ /* Shared checkbox group component */ /* Used across: chart, data-bite, markup-include packages */ .checkbox-group { - padding: 16px; border: 1px solid #c4c4c4; border-radius: 8px; - margin-top: 8px; margin-bottom: 24px; + margin-top: 8px; + padding: 16px; } .cove-accordion__panel.panel-visual .checkbox-group label.checkbox, .cove-accordion__panel.panel-visual .reverse-labels label.checkbox, .panel-visual .checkbox-group label.checkbox, .panel-visual .reverse-labels label.checkbox { - display: flex !important; align-items: center !important; - width: 100% !important; + display: flex !important; margin-bottom: 8px !important; + width: 100% !important; } .cove-accordion__panel.panel-visual .checkbox-group label.checkbox input[type="checkbox"], @@ -68,6 +68,6 @@ .cove-accordion__panel.panel-visual .reverse-labels label.checkbox span, .panel-visual .checkbox-group label.checkbox span, .panel-visual .reverse-labels label.checkbox span { - flex: 1 !important; display: inline-block !important; + flex: 1 !important; } \ No newline at end of file diff --git a/packages/core/styles/v2/base/_file-selector.scss b/packages/core/styles/base/_file-selector.scss similarity index 100% rename from packages/core/styles/v2/base/_file-selector.scss rename to packages/core/styles/base/_file-selector.scss diff --git a/packages/core/styles/v2/base/_general.scss b/packages/core/styles/base/_general.scss similarity index 100% rename from packages/core/styles/v2/base/_general.scss rename to packages/core/styles/base/_general.scss diff --git a/packages/core/styles/v2/base/_heading.scss b/packages/core/styles/base/_heading.scss similarity index 100% rename from packages/core/styles/v2/base/_heading.scss rename to packages/core/styles/base/_heading.scss diff --git a/packages/core/styles/v2/base/_reset.scss b/packages/core/styles/base/_reset.scss similarity index 100% rename from packages/core/styles/v2/base/_reset.scss rename to packages/core/styles/base/_reset.scss diff --git a/packages/core/styles/v2/base/index.scss b/packages/core/styles/base/index.scss similarity index 100% rename from packages/core/styles/v2/base/index.scss rename to packages/core/styles/base/index.scss diff --git a/packages/core/styles/v2/components/accordion.scss b/packages/core/styles/components/accordion.scss similarity index 100% rename from packages/core/styles/v2/components/accordion.scss rename to packages/core/styles/components/accordion.scss diff --git a/packages/core/styles/v2/components/button.scss b/packages/core/styles/components/button.scss similarity index 100% rename from packages/core/styles/v2/components/button.scss rename to packages/core/styles/components/button.scss diff --git a/packages/core/styles/v2/components/card.scss b/packages/core/styles/components/card.scss similarity index 100% rename from packages/core/styles/v2/components/card.scss rename to packages/core/styles/components/card.scss diff --git a/packages/core/styles/v2/components/data-designer.scss b/packages/core/styles/components/data-designer.scss similarity index 100% rename from packages/core/styles/v2/components/data-designer.scss rename to packages/core/styles/components/data-designer.scss diff --git a/packages/core/styles/v2/components/editor.scss b/packages/core/styles/components/editor.scss similarity index 98% rename from packages/core/styles/v2/components/editor.scss rename to packages/core/styles/components/editor.scss index ee1a0fa1a1..42a50f70cc 100644 --- a/packages/core/styles/v2/components/editor.scss +++ b/packages/core/styles/components/editor.scss @@ -1,7 +1,7 @@ @import '../utils/variables'; @import '../themes/index'; -@import '../../../components/HeaderThemeSelector/HeaderThemeSelector.css'; -@import '../../_common-components'; +@import '../../components/HeaderThemeSelector/HeaderThemeSelector.css'; +@import '../_common-components'; .cove-editor { display: grid; diff --git a/packages/core/styles/v2/components/icon.scss b/packages/core/styles/components/icon.scss similarity index 100% rename from packages/core/styles/v2/components/icon.scss rename to packages/core/styles/components/icon.scss diff --git a/packages/core/styles/v2/components/input/_input-check-radio.scss b/packages/core/styles/components/input/_input-check-radio.scss similarity index 100% rename from packages/core/styles/v2/components/input/_input-check-radio.scss rename to packages/core/styles/components/input/_input-check-radio.scss diff --git a/packages/core/styles/v2/components/input/_input-group.scss b/packages/core/styles/components/input/_input-group.scss similarity index 100% rename from packages/core/styles/v2/components/input/_input-group.scss rename to packages/core/styles/components/input/_input-group.scss diff --git a/packages/core/styles/v2/components/input/_input-slider.scss b/packages/core/styles/components/input/_input-slider.scss similarity index 100% rename from packages/core/styles/v2/components/input/_input-slider.scss rename to packages/core/styles/components/input/_input-slider.scss diff --git a/packages/core/styles/v2/components/input/_input.scss b/packages/core/styles/components/input/_input.scss similarity index 100% rename from packages/core/styles/v2/components/input/_input.scss rename to packages/core/styles/components/input/_input.scss diff --git a/packages/core/styles/v2/components/input/index.scss b/packages/core/styles/components/input/index.scss similarity index 100% rename from packages/core/styles/v2/components/input/index.scss rename to packages/core/styles/components/input/index.scss diff --git a/packages/core/styles/v2/components/loadspin.scss b/packages/core/styles/components/loadspin.scss similarity index 100% rename from packages/core/styles/v2/components/loadspin.scss rename to packages/core/styles/components/loadspin.scss diff --git a/packages/core/styles/v2/components/modal.scss b/packages/core/styles/components/modal.scss similarity index 100% rename from packages/core/styles/v2/components/modal.scss rename to packages/core/styles/components/modal.scss diff --git a/packages/core/styles/v2/components/overlay.scss b/packages/core/styles/components/overlay.scss similarity index 100% rename from packages/core/styles/v2/components/overlay.scss rename to packages/core/styles/components/overlay.scss diff --git a/packages/core/styles/v2/components/ui/tooltip.scss b/packages/core/styles/components/ui/tooltip.scss similarity index 100% rename from packages/core/styles/v2/components/ui/tooltip.scss rename to packages/core/styles/components/ui/tooltip.scss diff --git a/packages/core/styles/cove-main.scss b/packages/core/styles/cove-main.scss index abab8835ea..3ecb687926 100644 --- a/packages/core/styles/cove-main.scss +++ b/packages/core/styles/cove-main.scss @@ -1,8 +1,8 @@ -@import 'v2/utils/breakpoints'; +@import 'utils/breakpoints'; @import 'base'; @import 'heading-colors'; -@import 'v2/themes/color-definitions'; +@import 'themes/color-definitions'; @import 'variables'; @import '_common-components'; -@import 'v2/components/ui/tooltip'; -@import 'v2/main.scss'; \ No newline at end of file +@import 'components/ui/tooltip'; +@import 'main'; \ No newline at end of file diff --git a/packages/core/styles/filters.scss b/packages/core/styles/filters.scss index 02c1b2397e..789327d6d0 100644 --- a/packages/core/styles/filters.scss +++ b/packages/core/styles/filters.scss @@ -1,4 +1,4 @@ -@import 'v2/utils/breakpoints'; +@import 'utils/breakpoints'; .filters-section { &__wrapper { diff --git a/packages/core/styles/v2/layout/_alert.scss b/packages/core/styles/layout/_alert.scss similarity index 100% rename from packages/core/styles/v2/layout/_alert.scss rename to packages/core/styles/layout/_alert.scss diff --git a/packages/core/styles/v2/layout/_component.scss b/packages/core/styles/layout/_component.scss similarity index 100% rename from packages/core/styles/v2/layout/_component.scss rename to packages/core/styles/layout/_component.scss diff --git a/packages/core/styles/v2/layout/_data-table.scss b/packages/core/styles/layout/_data-table.scss similarity index 100% rename from packages/core/styles/v2/layout/_data-table.scss rename to packages/core/styles/layout/_data-table.scss diff --git a/packages/core/styles/v2/layout/_progression.scss b/packages/core/styles/layout/_progression.scss similarity index 100% rename from packages/core/styles/v2/layout/_progression.scss rename to packages/core/styles/layout/_progression.scss diff --git a/packages/core/styles/v2/layout/_tooltip.scss b/packages/core/styles/layout/_tooltip.scss similarity index 100% rename from packages/core/styles/v2/layout/_tooltip.scss rename to packages/core/styles/layout/_tooltip.scss diff --git a/packages/core/styles/v2/layout/index.scss b/packages/core/styles/layout/index.scss similarity index 100% rename from packages/core/styles/v2/layout/index.scss rename to packages/core/styles/layout/index.scss diff --git a/packages/core/styles/v2/main.scss b/packages/core/styles/main.scss similarity index 100% rename from packages/core/styles/v2/main.scss rename to packages/core/styles/main.scss diff --git a/packages/core/styles/v2/themes/_color-definitions.scss b/packages/core/styles/themes/_color-definitions.scss similarity index 99% rename from packages/core/styles/v2/themes/_color-definitions.scss rename to packages/core/styles/themes/_color-definitions.scss index b9df334b96..01190777da 100644 --- a/packages/core/styles/v2/themes/_color-definitions.scss +++ b/packages/core/styles/themes/_color-definitions.scss @@ -1,6 +1,6 @@ @use 'sass:string'; @use 'sass:list'; -@import './../../variables'; +@import './../variables'; $theme: ( 'amber': ( diff --git a/packages/core/styles/v2/themes/index.scss b/packages/core/styles/themes/index.scss similarity index 100% rename from packages/core/styles/v2/themes/index.scss rename to packages/core/styles/themes/index.scss diff --git a/packages/core/styles/v2/utils/_align.scss b/packages/core/styles/utils/_align.scss similarity index 100% rename from packages/core/styles/v2/utils/_align.scss rename to packages/core/styles/utils/_align.scss diff --git a/packages/core/styles/v2/utils/_animations.scss b/packages/core/styles/utils/_animations.scss similarity index 100% rename from packages/core/styles/v2/utils/_animations.scss rename to packages/core/styles/utils/_animations.scss diff --git a/packages/core/styles/v2/utils/_breakpoints.scss b/packages/core/styles/utils/_breakpoints.scss similarity index 100% rename from packages/core/styles/v2/utils/_breakpoints.scss rename to packages/core/styles/utils/_breakpoints.scss diff --git a/packages/core/styles/v2/utils/_grid.scss b/packages/core/styles/utils/_grid.scss similarity index 100% rename from packages/core/styles/v2/utils/_grid.scss rename to packages/core/styles/utils/_grid.scss diff --git a/packages/core/styles/v2/utils/_mixins.scss b/packages/core/styles/utils/_mixins.scss similarity index 100% rename from packages/core/styles/v2/utils/_mixins.scss rename to packages/core/styles/utils/_mixins.scss diff --git a/packages/core/styles/v2/utils/_variables.scss b/packages/core/styles/utils/_variables.scss similarity index 100% rename from packages/core/styles/v2/utils/_variables.scss rename to packages/core/styles/utils/_variables.scss diff --git a/packages/core/styles/v2/utils/index.scss b/packages/core/styles/utils/index.scss similarity index 100% rename from packages/core/styles/v2/utils/index.scss rename to packages/core/styles/utils/index.scss diff --git a/packages/core/styles/waiting.scss b/packages/core/styles/waiting.scss index 4392dcb817..af3f804e59 100644 --- a/packages/core/styles/waiting.scss +++ b/packages/core/styles/waiting.scss @@ -1,5 +1,5 @@ .cdc-open-viz-module { - @import 'v2/utils/mixins'; + @import 'utils/mixins'; .waiting { &.collapsed { padding: 2em !important; diff --git a/packages/dashboard/src/components/DashboardFilters/dashboardfilter.styles.css b/packages/dashboard/src/components/DashboardFilters/dashboardfilter.styles.css index cbd411edf4..85d05860ec 100644 --- a/packages/dashboard/src/components/DashboardFilters/dashboardfilter.styles.css +++ b/packages/dashboard/src/components/DashboardFilters/dashboardfilter.styles.css @@ -4,18 +4,18 @@ font-weight: 700; } .btn { + align-self: flex-end; /* this is the height that is defined for the .form-control class in _forms.scss in bootstrap. */ height: calc(1.5em + 0.75rem + 2px); - align-self: flex-end; } .loading-filter { position: relative; .spinner-border { + height: 1.5rem; position: absolute; - top: 55%; right: 10%; + top: 55%; width: 1.5rem; - height: 1.5rem; } } :is(select):disabled { diff --git a/packages/dashboard/src/components/MultiConfigTabs/multiconfigtabs.styles.css b/packages/dashboard/src/components/MultiConfigTabs/multiconfigtabs.styles.css index d96ab912c6..8981e0ccf7 100644 --- a/packages/dashboard/src/components/MultiConfigTabs/multiconfigtabs.styles.css +++ b/packages/dashboard/src/components/MultiConfigTabs/multiconfigtabs.styles.css @@ -1,17 +1,17 @@ .multi-config-tabs { .nav-link { + border-color: var(--lightGray); border-radius: 6px 6px 0 0; - font-weight: 400; + color: var(--primary); display: block; + font-weight: 400; padding: 0.5rem 1rem; @media (max-width: 480px) { padding: 0.5rem 0.8rem; } - color: var(--primary); - border-color: var(--lightGray); :is(button) { - display: none; background: none; + display: none; } &:hover { :is(button) { @@ -31,9 +31,9 @@ font-weight: bold; } .btn-danger { - text-decoration: none; - padding: 0px 5px; font-size: inherit; + padding: 0px 5px; + text-decoration: none; } } .add { diff --git a/packages/dashboard/src/components/Toggle/toggle-style.css b/packages/dashboard/src/components/Toggle/toggle-style.css index f725635f45..f1c5796a97 100644 --- a/packages/dashboard/src/components/Toggle/toggle-style.css +++ b/packages/dashboard/src/components/Toggle/toggle-style.css @@ -3,8 +3,8 @@ .toggle-component { display: flex; justify-content: right; - width: 100%; margin-bottom: 15px; + width: 100%; :first-child:is(div) { border: var(--border); border-radius: 5px 0 0 5px; @@ -14,18 +14,18 @@ border-radius: 0 5px 5px 0; } :is(div) { - border-top: var(--border); + background-color: var(--white); border-bottom: var(--border); - padding: 7px 15px; + border-top: var(--border); + color: var(--primary); + cursor: pointer; display: inline; float: right; - cursor: pointer; + padding: 7px 15px; &.selected { background-color: var(--primary); color: white; } - background-color: var(--white); - color: var(--primary); :is(svg) { height: 25px; } diff --git a/packages/dashboard/src/components/VisualizationsPanel/visualizations-panel-styles.css b/packages/dashboard/src/components/VisualizationsPanel/visualizations-panel-styles.css index 8c5e6a37f5..41abca22f1 100644 --- a/packages/dashboard/src/components/VisualizationsPanel/visualizations-panel-styles.css +++ b/packages/dashboard/src/components/VisualizationsPanel/visualizations-panel-styles.css @@ -1,10 +1,10 @@ .visualizations-panel { background-color: #fff; + border-right: #c7c7c7 1px solid; + overflow-y: scroll; padding: 1em; width: var(--editorWidth); - border-right: #c7c7c7 1px solid; z-index: 1; - overflow-y: scroll; &.advanced-editor { width: 50vw; diff --git a/packages/dashboard/src/components/Widget/widget.styles.css b/packages/dashboard/src/components/Widget/widget.styles.css index e71e343a38..140047f09d 100644 --- a/packages/dashboard/src/components/Widget/widget.styles.css +++ b/packages/dashboard/src/components/Widget/widget.styles.css @@ -1,13 +1,13 @@ .widget__toggle-title { - display: flex; - flex-direction: column; - justify-content: center; align-items: center; - width: 100%; - height: 25%; background-color: #005eaa; color: white; + display: flex; + flex-direction: column; + height: 25%; + justify-content: center; padding: 5px; + width: 100%; } .widget__edit-title-icon { @@ -19,37 +19,37 @@ } .widget--toggle .widget__content .widget-menu + svg { + flex-grow: unset; height: 35px !important; width: 35px !important; - flex-grow: unset; } .widget-menu { position: absolute; - top: 6px; right: 6px; + top: 6px; } .widget-menu { - display: flex; align-items: center; + display: flex; justify-content: space-between; } .btn-configure { background: none; - width: 20px; height: 20px; - padding: 0; margin: 0 5px; + padding: 0; + width: 20px; } .widget-menu-item { + cursor: pointer; display: block; - width: 20px; height: 20px; - cursor: pointer; user-select: none; + width: 20px; } .widget-menu-item svg { diff --git a/packages/dashboard/src/scss/main.scss b/packages/dashboard/src/scss/main.scss index fc02d63116..1bf5520172 100644 --- a/packages/dashboard/src/scss/main.scss +++ b/packages/dashboard/src/scss/main.scss @@ -1,4 +1,4 @@ -@import '@cdc/core/styles/v2/utils/breakpoints'; +@import '@cdc/core/styles/utils/breakpoints'; .cdc-open-viz-module.type-dashboard { @import 'editor-panel'; diff --git a/packages/data-bite/src/components/EditorPanel/EditorPanel.tsx b/packages/data-bite/src/components/EditorPanel/EditorPanel.tsx index 0fc6f5c583..ac67be554a 100644 --- a/packages/data-bite/src/components/EditorPanel/EditorPanel.tsx +++ b/packages/data-bite/src/components/EditorPanel/EditorPanel.tsx @@ -7,7 +7,7 @@ import Context from '../../context' // Components import { EditorPanel as BaseEditorPanel } from '@cdc/core/components/EditorPanel/EditorPanel' -import '@cdc/core/styles/v2/components/editor.scss' +import '@cdc/core/styles/components/editor.scss' import AdvancedEditor from '@cdc/core/components/AdvancedEditor' import Tooltip from '@cdc/core/components/ui/Tooltip' import Icon from '@cdc/core/components/ui/Icon' diff --git a/packages/editor/src/components/DataImport/components/DataImport.tsx b/packages/editor/src/components/DataImport/components/DataImport.tsx index aba503c787..6e215a33d8 100644 --- a/packages/editor/src/components/DataImport/components/DataImport.tsx +++ b/packages/editor/src/components/DataImport/components/DataImport.tsx @@ -24,7 +24,7 @@ import { type Visualization } from '@cdc/core/types/Visualization' import { type DataSet } from '@cdc/core/types/DataSet' import './data-import.scss' -import '@cdc/core/styles/v2/components/data-designer.scss' +import '@cdc/core/styles/components/data-designer.scss' import { errorMessages, maxFileSize } from '../../../helpers/errorMessages' import { displaySize } from '../helpers/displaySize' diff --git a/packages/map/src/components/Annotation/AnnotationList.styles.css b/packages/map/src/components/Annotation/AnnotationList.styles.css index 655b1db234..f8326312dc 100644 --- a/packages/map/src/components/Annotation/AnnotationList.styles.css +++ b/packages/map/src/components/Annotation/AnnotationList.styles.css @@ -1,29 +1,29 @@ .cdc-open-viz-module.type-map { .annotation__title-circle { - display: flex; - justify-content: center; align-items: center; + + border: 2px solid #666; border-radius: 50%; - padding: 8px; - width: 16px; + display: flex; + font-size: 14px; height: 16px; - margin-right: 5px; + justify-content: center; line-height: 1.5rem; - - border: 2px solid #666; + margin-right: 5px; + padding: 8px; text-align: center; - font-size: 14px; + width: 16px; } .annotation__title-wrapper { + align-items: center; display: flex; flex-wrap: nowrap; - align-items: center; } .annotation__title-wrapper .annotation__title-text { - margin-left: 5px; font-size: 16px; + margin-left: 5px; } .annotation__subtext { @@ -39,7 +39,7 @@ } .cove-component__content { - container-type: inline-size; container-name: content; + container-type: inline-size; } } diff --git a/packages/map/src/components/EditorPanel/components/EditorPanel.tsx b/packages/map/src/components/EditorPanel/components/EditorPanel.tsx index c2a9d7f61e..4be0f89299 100644 --- a/packages/map/src/components/EditorPanel/components/EditorPanel.tsx +++ b/packages/map/src/components/EditorPanel/components/EditorPanel.tsx @@ -54,7 +54,7 @@ import useColumnsRequiredChecker from '../../../hooks/useColumnsRequiredChecker' import { addUIDs } from '../../../helpers' import generateRuntimeData from '../../../helpers/generateRuntimeData' -import '@cdc/core/styles/v2/components/editor.scss' +import '@cdc/core/styles/components/editor.scss' import './editorPanel.styles.css' import FootnotesEditor from '@cdc/core/components/EditorPanel/FootnotesEditor' import { Datasets } from '@cdc/core/types/DataSet' diff --git a/packages/map/src/components/EditorPanel/components/editorPanel.styles.css b/packages/map/src/components/EditorPanel/components/editorPanel.styles.css index a4d54d24fc..85356a748f 100644 --- a/packages/map/src/components/EditorPanel/components/editorPanel.styles.css +++ b/packages/map/src/components/EditorPanel/components/editorPanel.styles.css @@ -1,30 +1,30 @@ .geo-buttons { - list-style: none; color: var(--mediumGray); display: grid; + list-style: none; button { width: 100% !important; } svg { + box-sizing: border-box; display: block; - max-width: 80px; - max-height: 40px; margin: 0.5em auto; - box-sizing: border-box; + max-height: 40px; + max-width: 80px; path { fill: currentColor; } } button { + align-items: center; background: transparent; - padding: 0.3em 0.75em; - display: flex; border: var(--lightGray) 1px solid; - width: 40%; - align-items: center; - margin-right: 1em; cursor: pointer; - overflow: hidden; + display: flex; flex-direction: column; + margin-right: 1em; + overflow: hidden; + padding: 0.3em 0.75em; transition: 0.2s all; + width: 40%; svg { display: block; height: 25px; @@ -32,8 +32,8 @@ max-width: 100%; } span { - text-transform: none; font-size: 1em; + text-transform: none; } &:hover { background: #f2f2f2; @@ -48,13 +48,13 @@ fill: #005eaa; } &:before { - content: ' '; - width: 5px; background: #005eaa; - left: 0; - top: 0; bottom: 0; + content: ' '; + left: 0; position: absolute; + top: 0; + width: 5px; } } } @@ -62,24 +62,24 @@ .editor-toggle { background: #f2f2f2; + border: 0; border-radius: 60px; + box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; color: #000; + cursor: pointer; font-size: 1em; - border: 0; + height: 25px; + left: 307px; position: fixed; - z-index: 100; transition: 0.1s background; - cursor: pointer; width: 25px; - height: 25px; - left: 307px; - box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px; + z-index: 100; &:before { - top: 43%; + content: '\00ab'; left: 50%; - transform: translate(-50%, -50%); position: absolute; - content: '\00ab'; + top: 43%; + transform: translate(-50%, -50%); } &.collapsed { left: 1em; diff --git a/packages/map/src/components/Legend/components/LegendGroup/legend.group.css b/packages/map/src/components/Legend/components/LegendGroup/legend.group.css index 80114a07ba..a387bf8762 100644 --- a/packages/map/src/components/Legend/components/LegendGroup/legend.group.css +++ b/packages/map/src/components/Legend/components/LegendGroup/legend.group.css @@ -1,15 +1,15 @@ .group-label { - font-weight: 500; font-family: Nunito, sans-serif; font-size: 1rem; + font-weight: 500; margin-bottom: 0.5rem; } .group-list-item { - list-style: none; - font-weight: 400; + cursor: pointer; font-size: 0.889rem; + font-weight: 400; + list-style: none; margin-top: 0.5rem !important; - cursor: pointer; } .group-container { @@ -21,7 +21,7 @@ } .legend-group-item-not-disable { + border-radius: 1px; outline: 1px solid #005ea2; outline-offset: 5px; - border-radius: 1px; } diff --git a/packages/map/src/components/Legend/components/index.scss b/packages/map/src/components/Legend/components/index.scss index 0bdec647a0..bc07006429 100644 --- a/packages/map/src/components/Legend/components/index.scss +++ b/packages/map/src/components/Legend/components/index.scss @@ -1,4 +1,4 @@ -@import '@cdc/core/styles/v2/utils/breakpoints'; +@import '@cdc/core/styles/utils/breakpoints'; .cdc-map-inner-container { .map-container.world aside.side { diff --git a/packages/map/src/components/SmallMultiples/SmallMultiples.css b/packages/map/src/components/SmallMultiples/SmallMultiples.css index 5e889f3fc8..ed48fde4df 100644 --- a/packages/map/src/components/SmallMultiples/SmallMultiples.css +++ b/packages/map/src/components/SmallMultiples/SmallMultiples.css @@ -1,13 +1,13 @@ .small-multiples-container { - width: 100%; display: flex; flex-direction: column; + width: 100%; } .small-multiples-grid { display: grid; - width: 100%; flex: 1; + width: 100%; } .small-multiple-tile { @@ -20,13 +20,13 @@ } .tile-title { - margin: 0; font-weight: 700; - text-align: left; line-height: 1.3; + margin: 0; + text-align: left; } .tile-map { - width: 100%; flex-shrink: 0; + width: 100%; } diff --git a/packages/map/src/components/UsaMap/components/UsaMap.Region.styles.css b/packages/map/src/components/UsaMap/components/UsaMap.Region.styles.css index a53f217083..b137f94c1d 100644 --- a/packages/map/src/components/UsaMap/components/UsaMap.Region.styles.css +++ b/packages/map/src/components/UsaMap/components/UsaMap.Region.styles.css @@ -54,8 +54,8 @@ #region-2-territories, #region-9-territories { text { - font-weight: bold; font-size: 14px; + font-weight: bold; } } diff --git a/packages/map/src/components/UsaMap/components/UsaMap.SingleState.styles.css b/packages/map/src/components/UsaMap/components/UsaMap.SingleState.styles.css index 4f98dab152..154a80e5c2 100644 --- a/packages/map/src/components/UsaMap/components/UsaMap.SingleState.styles.css +++ b/packages/map/src/components/UsaMap/components/UsaMap.SingleState.styles.css @@ -1,8 +1,8 @@ .countyMapGroup { + stroke: none !important; + transform-origin: center; transition: transform 1s; will-change: transform; - transform-origin: center; - stroke: none !important; } .countyMapGroup--no-transition { diff --git a/packages/map/src/components/WorldMap/worldMap.styles.css b/packages/map/src/components/WorldMap/worldMap.styles.css index 566aa30bd1..b45446bfda 100644 --- a/packages/map/src/components/WorldMap/worldMap.styles.css +++ b/packages/map/src/components/WorldMap/worldMap.styles.css @@ -4,8 +4,8 @@ } .geography-container { cursor: move; - position: relative; flex-grow: 1; + position: relative; width: 100%; .geo-point { transition: 0.3s all; diff --git a/packages/map/src/components/zoomControls.styles.css b/packages/map/src/components/zoomControls.styles.css index 48a8e5a871..dc3b4ba369 100644 --- a/packages/map/src/components/zoomControls.styles.css +++ b/packages/map/src/components/zoomControls.styles.css @@ -1,14 +1,14 @@ .zoom-controls { - display: flex; - position: absolute; bottom: 2em; + display: flex; left: 1em; + position: absolute; z-index: 4; > button.reset { - margin-left: 5px; background: rgba(0, 0, 0, 0.65); - transition: 0.2s all; color: #fff; + margin-left: 5px; + transition: 0.2s all; &:hover { background: rgba(0, 0, 0, 0.8); transition: 0.2s all; @@ -21,17 +21,17 @@ } } > button:not(.reset) { - display: flex; align-items: center; + background: rgba(0, 0, 0, 0.65); + border: 0; + border-radius: 100%; + color: #fff; + display: flex; + height: 1.75em; justify-content: center; padding: 0.2em; - height: 1.75em; - width: 1.75em; - background: rgba(0, 0, 0, 0.65); transition: 0.2s all; - color: #fff; - border-radius: 100%; - border: 0; + width: 1.75em; &:hover { background: rgba(0, 0, 0, 0.8); transition: 0.2s all; diff --git a/packages/map/src/scss/main.scss b/packages/map/src/scss/main.scss index 4aedccf909..21ea780484 100644 --- a/packages/map/src/scss/main.scss +++ b/packages/map/src/scss/main.scss @@ -1,4 +1,4 @@ -@import '@cdc/core/styles/v2/utils/breakpoints'; +@import '@cdc/core/styles/utils/breakpoints'; @import 'editor-panel'; @import '@cdc/core/styles/accessibility'; diff --git a/packages/markup-include/src/cdcMarkupInclude.style.css b/packages/markup-include/src/cdcMarkupInclude.style.css index 48243166e6..0b60ed18a2 100644 --- a/packages/markup-include/src/cdcMarkupInclude.style.css +++ b/packages/markup-include/src/cdcMarkupInclude.style.css @@ -15,18 +15,18 @@ .cdc-open-viz-module.markup-include.isEditor { .cove-tooltip-variable { - position: relative; - display: inline; background: var(--orange-tertiary); + display: inline; + position: relative; .cove-tooltip-value { - display: none; - position: absolute; background: var(--white); border: 1px solid black; + display: none; font-size: 16px; + max-width: 500px; padding: 10px; + position: absolute; width: 100vw; - max-width: 500px; z-index: 9999; } &:hover > .cove-tooltip-value { diff --git a/packages/waffle-chart/src/components/EditorPanel.jsx b/packages/waffle-chart/src/components/EditorPanel.jsx index 8cdd1ca0e4..621092607a 100644 --- a/packages/waffle-chart/src/components/EditorPanel.jsx +++ b/packages/waffle-chart/src/components/EditorPanel.jsx @@ -15,7 +15,7 @@ import { useFilterManagement } from '@cdc/core/hooks/useFilterManagement' import { useDataColumns } from '@cdc/core/hooks/useDataColumns' import { VisualSection } from '@cdc/core/components/EditorPanel/sections/VisualSection' -import '@cdc/core/styles/v2/components/editor.scss' +import '@cdc/core/styles/components/editor.scss' import WarningImage from '../images/warning.svg' import { DATA_OPERATORS, DATA_FUNCTIONS } from '../CdcWaffleChart' diff --git a/yarn.lock b/yarn.lock index 3276f589d4..956c7d1286 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1033,6 +1033,59 @@ resolved "https://registry.yarnpkg.com/@bcoe/v8-coverage/-/v8-coverage-1.0.2.tgz#bbe12dca5b4ef983a0d0af4b07b9bc90ea0ababa" integrity sha512-6zABk/ECA/QYSCQ1NGiVwwbQerUCZ+TQbp64Q3AgmfNvurHH0j8TtXa1qbShXA6qqkpAj4V5W8pP6mLe1mcMqA== +"@cacheable/memory@^2.0.7": + version "2.0.7" + resolved "https://registry.yarnpkg.com/@cacheable/memory/-/memory-2.0.7.tgz#1e066dc543b7c6797d0d230ce23d90898aca14c7" + integrity sha512-RbxnxAMf89Tp1dLhXMS7ceft/PGsDl1Ip7T20z5nZ+pwIAsQ1p2izPjVG69oCLv/jfQ7HDPHTWK0c9rcAWXN3A== + dependencies: + "@cacheable/utils" "^2.3.3" + "@keyv/bigmap" "^1.3.0" + hookified "^1.14.0" + keyv "^5.5.5" + +"@cacheable/utils@^2.3.3": + version "2.3.4" + resolved "https://registry.yarnpkg.com/@cacheable/utils/-/utils-2.3.4.tgz#3d0d6f9069ff3ff325f877bfd9c09468981f8a68" + integrity sha512-knwKUJEYgIfwShABS1BX6JyJJTglAFcEU7EXqzTdiGCXur4voqkiJkdgZIQtWNFhynzDWERcTYv/sETMu3uJWA== + dependencies: + hashery "^1.3.0" + keyv "^5.6.0" + +"@csstools/css-calc@^3.1.1": + version "3.1.1" + resolved "https://registry.yarnpkg.com/@csstools/css-calc/-/css-calc-3.1.1.tgz#78b494996dac41a02797dcca18ac3b46d25b3fd7" + integrity sha512-HJ26Z/vmsZQqs/o3a6bgKslXGFAungXGbinULZO3eMsOyNJHeBBZfup5FiZInOghgoM4Hwnmw+OgbJCNg1wwUQ== + +"@csstools/css-parser-algorithms@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@csstools/css-parser-algorithms/-/css-parser-algorithms-4.0.0.tgz#e1c65dc09378b42f26a111fca7f7075fc2c26164" + integrity sha512-+B87qS7fIG3L5h3qwJ/IFbjoVoOe/bpOdh9hAjXbvx0o8ImEmUsGXN0inFOnk2ChCFgqkkGFQ+TpM5rbhkKe4w== + +"@csstools/css-syntax-patches-for-csstree@^1.0.26": + version "1.0.28" + resolved "https://registry.yarnpkg.com/@csstools/css-syntax-patches-for-csstree/-/css-syntax-patches-for-csstree-1.0.28.tgz#cd239a16f95c0ed7c6d74315da4e38f2e93bbf19" + integrity sha512-1NRf1CUBjnr3K7hu8BLxjQrKCxEe8FP/xmPTenAxCRZWVLbmGotkFvG9mfNpjA6k7Bw1bw4BilZq9cu19RA5pg== + +"@csstools/css-tokenizer@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@csstools/css-tokenizer/-/css-tokenizer-4.0.0.tgz#798a33950d11226a0ebb6acafa60f5594424967f" + integrity sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA== + +"@csstools/media-query-list-parser@^5.0.0": + version "5.0.0" + resolved "https://registry.yarnpkg.com/@csstools/media-query-list-parser/-/media-query-list-parser-5.0.0.tgz#99e8d03ff6f9f8df8cf9876e0f17d075e6dae9e7" + integrity sha512-T9lXmZOfnam3eMERPsszjY5NK0jX8RmThmmm99FZ8b7z8yMaFZWKwLWGZuTwdO3ddRY5fy13GmmEYZXB4I98Eg== + +"@csstools/selector-resolve-nested@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@csstools/selector-resolve-nested/-/selector-resolve-nested-4.0.0.tgz#ccc38c2cdc14c3ddd1d94647803facef654d47e2" + integrity sha512-9vAPxmp+Dx3wQBIUwc1v7Mdisw1kbbaGqXUM8QLTgWg7SoPGYtXBsMXvsFs/0Bn5yoFhcktzxNZGNaUt0VjgjA== + +"@csstools/selector-specificity@^6.0.0": + version "6.0.0" + resolved "https://registry.yarnpkg.com/@csstools/selector-specificity/-/selector-specificity-6.0.0.tgz#ef28e27c1ded1d8e5c54879a9399e7055aed1920" + integrity sha512-4sSgl78OtOXEX/2d++8A83zHNTgwCJMaR24FvsYL7Uf/VS8HZk9PTwR51elTbGqMuwH3szLvvOXEaVnqn0Z3zA== + "@emnapi/core@^1.7.1": version "1.8.1" resolved "https://registry.yarnpkg.com/@emnapi/core/-/core-1.8.1.tgz#fd9efe721a616288345ffee17a1f26ac5dd01349" @@ -1542,6 +1595,19 @@ string-argv "^0.3.1" type-detect "^4.0.8" +"@keyv/bigmap@^1.3.0": + version "1.3.1" + resolved "https://registry.yarnpkg.com/@keyv/bigmap/-/bigmap-1.3.1.tgz#fc82fa83947e7ff68c6798d08907db842771ef2c" + integrity sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ== + dependencies: + hashery "^1.4.0" + hookified "^1.15.0" + +"@keyv/serialize@^1.1.1": + version "1.1.1" + resolved "https://registry.yarnpkg.com/@keyv/serialize/-/serialize-1.1.1.tgz#0c01dd3a3483882af7cf3878d4e71d505c81fc4a" + integrity sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA== + "@lerna/child-process@7.4.2": version "7.4.2" resolved "https://registry.yarnpkg.com/@lerna/child-process/-/child-process-7.4.2.tgz#a2fd013ac2150dc288270d3e0d0b850c06bec511" @@ -2450,6 +2516,11 @@ resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz#719df7fb41766bc143369eaa0dd56d8dc87c9958" integrity sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg== +"@sindresorhus/merge-streams@^4.0.0": + version "4.0.0" + resolved "https://registry.yarnpkg.com/@sindresorhus/merge-streams/-/merge-streams-4.0.0.tgz#abb11d99aeb6d27f1b563c38147a72d50058e339" + integrity sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ== + "@standard-schema/spec@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@standard-schema/spec/-/spec-1.1.0.tgz#a79b55dbaf8604812f52d140b2c9ab41bc150bb8" @@ -3874,6 +3945,16 @@ ajv@^6.12.4: json-schema-traverse "^0.4.1" uri-js "^4.2.2" +ajv@^8.0.1: + version "8.18.0" + resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.18.0.tgz#8864186b6738d003eb3a933172bb3833e10cefbc" + integrity sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A== + dependencies: + fast-deep-equal "^3.1.3" + fast-uri "^3.0.1" + json-schema-traverse "^1.0.0" + require-from-string "^2.0.2" + ansi-colors@^4.1.1: version "4.1.3" resolved "https://registry.yarnpkg.com/ansi-colors/-/ansi-colors-4.1.3.tgz#37611340eb2243e70cc604cad35d63270d48781b" @@ -4128,6 +4209,11 @@ ast-v8-to-istanbul@^0.3.3: estree-walker "^3.0.3" js-tokens "^9.0.1" +astral-regex@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31" + integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ== + async-function@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/async-function/-/async-function-1.0.0.tgz#509c9fca60eaf85034c6829838188e4e4c8ffb2b" @@ -4286,6 +4372,11 @@ balanced-match@^1.0.0: resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee" integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw== +balanced-match@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-3.0.1.tgz#e854b098724b15076384266497392a271f4a26a0" + integrity sha512-vjtV3hiLqYDNRoiAv0zC4QaGAMPomEoq83PRmYIofPswwZurCeWR5LByXm7SyoL0Zh5+2z0+HC7jG8gSZJUh0w== + bare-events@^2.5.4, bare-events@^2.7.0: version "2.8.2" resolved "https://registry.yarnpkg.com/bare-events/-/bare-events-2.8.2.tgz#7b3e10bd8e1fc80daf38bb516921678f566ab89f" @@ -4529,6 +4620,17 @@ cacache@^17.0.0: tar "^6.1.11" unique-filename "^3.0.0" +cacheable@^2.3.2: + version "2.3.2" + resolved "https://registry.yarnpkg.com/cacheable/-/cacheable-2.3.2.tgz#89800b4864c3ab8b23dae6dca8b6232cbf49b299" + integrity sha512-w+ZuRNmex9c1TR9RcsxbfTKCjSL0rh1WA5SABbrWprIHeNBdmyQLSYonlDy9gpD+63XT8DgZ/wNh1Smvc9WnJA== + dependencies: + "@cacheable/memory" "^2.0.7" + "@cacheable/utils" "^2.3.3" + hookified "^1.15.0" + keyv "^5.5.5" + qified "^0.6.0" + call-bind-apply-helpers@^1.0.0, call-bind-apply-helpers@^1.0.1, call-bind-apply-helpers@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz#4b5428c222be985d79c3d82657479dbe0b59b2d6" @@ -4817,6 +4919,11 @@ color-support@^1.1.3: resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2" integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg== +colord@^2.9.3: + version "2.9.3" + resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.3.tgz#4f8ce919de456f1d5c1c368c307fe20f3e59fb43" + integrity sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw== + colorette@^2.0.20: version "2.0.20" resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.20.tgz#9eb793e6833067f7235902fcd3b09917a000a95a" @@ -5081,6 +5188,11 @@ css-box-model@^1.2.1: dependencies: tiny-invariant "^1.0.6" +css-functions-list@^3.2.3: + version "3.3.3" + resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.3.3.tgz#c4ab5008659de2e3baf3752c8fdef7662f3ffe23" + integrity sha512-8HFEBPKhOpJPEPu70wJJetjKta86Gw9+CCyCnB3sui2qQfOvRyqBy4IKLKKAwdMpWb2lHXWk9Wb4Z6AmaUT1Pg== + css-line-break@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/css-line-break/-/css-line-break-2.1.0.tgz#bfef660dfa6f5397ea54116bb3cb4873edbc4fa0" @@ -5088,11 +5200,24 @@ css-line-break@^2.1.0: dependencies: utrie "^1.0.2" +css-tree@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/css-tree/-/css-tree-3.1.0.tgz#7aabc035f4e66b5c86f54570d55e05b1346eb0fd" + integrity sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w== + dependencies: + mdn-data "2.12.2" + source-map-js "^1.0.1" + css.escape@^1.5.1: version "1.5.1" resolved "https://registry.yarnpkg.com/css.escape/-/css.escape-1.5.1.tgz#42e27d4fa04ae32f931a4b4d4191fa9cddee97cb" integrity sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg== +cssesc@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee" + integrity sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg== + cssstyle@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/cssstyle/-/cssstyle-3.0.0.tgz#17ca9c87d26eac764bb8cfd00583cff21ce0277a" @@ -6697,6 +6822,16 @@ fast-levenshtein@^2.0.6: resolved "https://registry.yarnpkg.com/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz#3d8a5c66883a16a30ca8643e851f19baa7797917" integrity sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw== +fast-uri@^3.0.1: + version "3.1.0" + resolved "https://registry.yarnpkg.com/fast-uri/-/fast-uri-3.1.0.tgz#66eecff6c764c0df9b762e62ca7edcfb53b4edfa" + integrity sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA== + +fastest-levenshtein@^1.0.16: + version "1.0.16" + resolved "https://registry.yarnpkg.com/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz#210e61b6ff181de91ea9b3d1b84fdedd47e034e5" + integrity sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg== + fastq@^1.6.0: version "1.20.1" resolved "https://registry.yarnpkg.com/fastq/-/fastq-1.20.1.tgz#ca750a10dc925bc8b18839fd203e3ef4b3ced675" @@ -6746,6 +6881,13 @@ figures@3.2.0, figures@^3.0.0: dependencies: escape-string-regexp "^1.0.5" +file-entry-cache@^11.1.2: + version "11.1.2" + resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-11.1.2.tgz#5b2014aac2259b5591ae6fd7f6d1ed2153545abe" + integrity sha512-N2WFfK12gmrK1c1GXOqiAJ1tc5YE+R53zvQ+t5P8S5XhnmKYVB5eZEiLNZKDSmoG8wqqbF9EXYBBW/nef19log== + dependencies: + flat-cache "^6.1.20" + file-entry-cache@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027" @@ -6854,12 +6996,21 @@ flat-cache@^3.0.4: keyv "^4.5.3" rimraf "^3.0.2" +flat-cache@^6.1.20: + version "6.1.20" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-6.1.20.tgz#9db7bf5278c4ca29c92492dcb0c6a52a7017ff83" + integrity sha512-AhHYqwvN62NVLp4lObVXGVluiABTHapoB57EyegZVmazN+hhGhLTn3uZbOofoTw4DSDvVCadzzyChXhOAvy8uQ== + dependencies: + cacheable "^2.3.2" + flatted "^3.3.3" + hookified "^1.15.0" + flat@^5.0.2: version "5.0.2" resolved "https://registry.yarnpkg.com/flat/-/flat-5.0.2.tgz#8ca6fe332069ffa9d324c327198c598259ceb241" integrity sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ== -flatted@^3.2.9: +flatted@^3.2.9, flatted@^3.3.3: version "3.3.3" resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358" integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg== @@ -7034,6 +7185,11 @@ get-east-asian-width@^1.0.0, get-east-asian-width@^1.3.1: resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.4.0.tgz#9bc4caa131702b4b61729cb7e42735bc550c9ee6" integrity sha512-QZjmEOC+IT1uk6Rx0sX22V6uHWVwbdbxf1faPqJ1QhLdGgsRGCZoyaQBm/piRdJy/D2um6hM1UP7ZEeQ4EkP+Q== +get-east-asian-width@^1.5.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/get-east-asian-width/-/get-east-asian-width-1.5.0.tgz#ce7008fe345edcf5497a6f557cfa54bc318a9ce7" + integrity sha512-CQ+bEO+Tva/qlmw24dCejulK5pMzVnUOFOijVogd3KQs07HnRIgp8TGipvCCRT06xeYEbpbgwaCxglFyiuIcmA== + get-func-name@^2.0.1, get-func-name@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/get-func-name/-/get-func-name-2.0.2.tgz#0d7cf20cd13fda808669ffa88f4ffc7a3943fc41" @@ -7266,6 +7422,22 @@ glob@^9.2.0: minipass "^4.2.4" path-scurry "^1.6.1" +global-modules@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780" + integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A== + dependencies: + global-prefix "^3.0.0" + +global-prefix@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97" + integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg== + dependencies: + ini "^1.3.5" + kind-of "^6.0.2" + which "^1.3.1" + globals@^13.19.0: version "13.24.0" resolved "https://registry.yarnpkg.com/globals/-/globals-13.24.0.tgz#8432a19d78ce0c1e833949c36adb345400bb1171" @@ -7305,6 +7477,18 @@ globby@^14.1.0: slash "^5.1.0" unicorn-magic "^0.3.0" +globby@^16.1.0: + version "16.1.1" + resolved "https://registry.yarnpkg.com/globby/-/globby-16.1.1.tgz#a26012f57b819f0491c834dbf09f89b0ce6ba104" + integrity sha512-dW7vl+yiAJSp6aCekaVnVJxurRv7DCOLyXqEG3RYMYUg7AuJ2jCqPkZTA8ooqC2vtnkaMcV5WfFBMuEnTu1OQg== + dependencies: + "@sindresorhus/merge-streams" "^4.0.0" + fast-glob "^3.3.3" + ignore "^7.0.5" + is-path-inside "^4.0.0" + slash "^5.1.0" + unicorn-magic "^0.4.0" + globby@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" @@ -7316,6 +7500,11 @@ globby@^6.1.0: pify "^2.0.0" pinkie-promise "^2.0.0" +globjoin@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43" + integrity sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg== + gopd@^1.0.1, gopd@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/gopd/-/gopd-1.2.0.tgz#89f56b8217bdbc8802bd299df6d7f1081d7e51a1" @@ -7371,6 +7560,11 @@ has-flag@^4.0.0: resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b" integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ== +has-flag@^5.0.1: + version "5.0.1" + resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-5.0.1.tgz#5483db2ae02a472d1d0691462fc587d1843cd940" + integrity sha512-CsNUt5x9LUdx6hnk/E2SZLsDyvfqANZSUq4+D3D8RzDJ2M+HDTIkF60ibS1vHaK55vzgiZw1bEPFG9yH7l33wA== + has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854" @@ -7402,6 +7596,13 @@ has-unicode@2.0.1, has-unicode@^2.0.1: resolved "https://registry.yarnpkg.com/has-unicode/-/has-unicode-2.0.1.tgz#e0e6fe6a28cf51138855e086d1691e771de2a8b9" integrity sha512-8Rf9Y83NBReMnx0gFzA8JImQACstCYWUplepDa9xprwwtmgEZUF0h/i5xSA625zB/I37EtrswSST6OXxwaaIJQ== +hashery@^1.3.0, hashery@^1.4.0: + version "1.5.0" + resolved "https://registry.yarnpkg.com/hashery/-/hashery-1.5.0.tgz#f28a8068b8d08f5a40afd2a5515e4a1c8b84444a" + integrity sha512-nhQ6ExaOIqti2FDWoEMWARUqIKyjr2VcZzXShrI+A3zpeiuPWzx6iPftt44LhP74E5sW36B75N6VHbvRtpvO6Q== + dependencies: + hookified "^1.14.0" + hasown@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.2.tgz#003eaf91be7adc372e84ec59dc37252cedb80003" @@ -7421,6 +7622,11 @@ hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.1, hoist-non-react- dependencies: react-is "^16.7.0" +hookified@^1.14.0, hookified@^1.15.0: + version "1.15.1" + resolved "https://registry.yarnpkg.com/hookified/-/hookified-1.15.1.tgz#b1fafeaa5489cdc29cb85546a8f837ed4ffbbcb6" + integrity sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg== + hosted-git-info@^2.1.4: version "2.8.9" resolved "https://registry.yarnpkg.com/hosted-git-info/-/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9" @@ -7484,6 +7690,11 @@ html-react-parser@^5.2.3: react-property "2.0.2" style-to-js "1.1.21" +html-tags@^5.1.0: + version "5.1.0" + resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-5.1.0.tgz#ec7214b57b3e50e2a4cec39414454338a94291f8" + integrity sha512-n6l5uca7/y5joxZ3LUePhzmBFUJ+U2YWzhMa8XUTecSeSlQiZdF5XAd/Q3/WUl0VsXgUwWi8I7CNIwdI5WN1SQ== + html2canvas@^1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/html2canvas/-/html2canvas-1.4.1.tgz#7cef1888311b5011d507794a066041b14669a543" @@ -7618,7 +7829,7 @@ ignore@^5.0.4, ignore@^5.2.0, ignore@^5.3.1: resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5" integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g== -ignore@^7.0.3: +ignore@^7.0.3, ignore@^7.0.5: version "7.0.5" resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9" integrity sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg== @@ -7644,6 +7855,11 @@ import-local@3.1.0: pkg-dir "^4.2.0" resolve-cwd "^3.0.0" +import-meta-resolve@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz#08cb85b5bd37ecc8eb1e0f670dc2767002d43734" + integrity sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg== + imurmurhash@^0.1.4: version "0.1.4" resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea" @@ -7684,7 +7900,7 @@ inherits@2.0.3: resolved "https://registry.yarnpkg.com/inherits/-/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de" integrity sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw== -ini@^1.3.2, ini@^1.3.4, ini@^1.3.8: +ini@^1.3.2, ini@^1.3.4, ini@^1.3.5, ini@^1.3.8: version "1.3.8" resolved "https://registry.yarnpkg.com/ini/-/ini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c" integrity sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew== @@ -7977,6 +8193,11 @@ is-path-inside@^3.0.3: resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-3.0.3.tgz#d231362e53a07ff2b0e0ea7fed049161ffd16283" integrity sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ== +is-path-inside@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-4.0.0.tgz#805aeb62c47c1b12fc3fd13bfb3ed1e7430071db" + integrity sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA== + is-plain-obj@^1.0.0, is-plain-obj@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/is-plain-obj/-/is-plain-obj-1.1.0.tgz#71a50c8429dfca773c92a390a4a03b39fcd51d3e" @@ -8410,6 +8631,11 @@ json-schema-traverse@^0.4.1: resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz#69f6a87d9513ab8bb8fe63bdb0979c448e684660" integrity sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg== +json-schema-traverse@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz#ae7bcb3656ab77a73ba5c49bf654f38e6b6860e2" + integrity sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug== + json-stable-stringify-without-jsonify@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651" @@ -8521,6 +8747,13 @@ keyv@^4.5.3: dependencies: json-buffer "3.0.1" +keyv@^5.5.5, keyv@^5.6.0: + version "5.6.0" + resolved "https://registry.yarnpkg.com/keyv/-/keyv-5.6.0.tgz#03044074c6b4d072d0a62c7b9fa649537baf0105" + integrity sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw== + dependencies: + "@keyv/serialize" "^1.1.1" + kind-of@^3.0.2: version "3.2.2" resolved "https://registry.yarnpkg.com/kind-of/-/kind-of-3.2.2.tgz#31ea21a734bab9bbb0f32466d893aea51e4a3c64" @@ -8568,6 +8801,11 @@ knip@^5.81.0: strip-json-comments "5.0.3" zod "^4.1.11" +known-css-properties@^0.37.0: + version "0.37.0" + resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.37.0.tgz#10ebe49b9dbb6638860ff8a002fb65a053f4aec5" + integrity sha512-JCDrsP4Z1Sb9JwG0aJ8Eo2r7k4Ou5MwmThS/6lcIe1ICyb7UBJKGRIUUdqc2ASdE/42lgz6zFUnzAIhtXnBVrQ== + language-subtag-registry@^0.3.20: version "0.3.23" resolved "https://registry.yarnpkg.com/language-subtag-registry/-/language-subtag-registry-0.3.23.tgz#23529e04d9e3b74679d70142df3fd2eb6ec572e7" @@ -8823,6 +9061,11 @@ lodash.sortby@^4.7.0: resolved "https://registry.yarnpkg.com/lodash.sortby/-/lodash.sortby-4.7.0.tgz#edd14c824e2cc9c1e0b0a1b42bb5210516a42438" integrity sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA== +lodash.truncate@^4.4.2: + version "4.4.2" + resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" + integrity sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw== + lodash@>=4.17.23, lodash@^4.17.15, lodash@^4.17.21, lodash@^4.17.23: version "4.17.23" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.23.tgz#f113b0378386103be4f6893388c73d0bde7f2c5a" @@ -9027,6 +9270,16 @@ math-intrinsics@^1.1.0: resolved "https://registry.yarnpkg.com/math-intrinsics/-/math-intrinsics-1.1.0.tgz#a0dd74be81e2aa5c2f27e65ce283605ee4e2b7f9" integrity sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g== +mathml-tag-names@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-4.0.0.tgz#295494906312f849a9236e6cd9accc902814d477" + integrity sha512-aa6AU2Pcx0VP/XWnh8IGL0SYSgQHDT6Ucror2j2mXeFAlN3ahaNs8EZtG1YiticMkSLj3Gt6VPFfZogt7G5iFQ== + +mdn-data@2.12.2: + version "2.12.2" + resolved "https://registry.yarnpkg.com/mdn-data/-/mdn-data-2.12.2.tgz#9ae6c41a9e65adf61318b32bff7b64fbfb13f8cf" + integrity sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA== + mdurl@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/mdurl/-/mdurl-1.0.1.tgz#fe85b2ec75a59037f2adfec100fd6c601761152e" @@ -9042,6 +9295,11 @@ memoize-one@^6.0.0: resolved "https://registry.yarnpkg.com/memoize-one/-/memoize-one-6.0.0.tgz#b2591b871ed82948aee4727dc6abceeeac8c1045" integrity sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw== +meow@^14.0.0: + version "14.1.0" + resolved "https://registry.yarnpkg.com/meow/-/meow-14.1.0.tgz#3cd2d16ad534829ab12fcb5010fc2fdb89facd31" + integrity sha512-EDYo6VlmtnumlcBCbh1gLJ//9jvM/ndXHfVXIFrZVr6fGcwTUyCTFNTLCKuY3ffbK8L/+3Mzqnd58RojiZqHVw== + meow@^8.1.2: version "8.1.2" resolved "https://registry.yarnpkg.com/meow/-/meow-8.1.2.tgz#bcbe45bda0ee1729d350c03cffc8395a36c4e897" @@ -9489,6 +9747,11 @@ normalize-package-data@^5.0.0: semver "^7.3.5" validate-npm-package-license "^3.0.4" +normalize-path@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/normalize-path/-/normalize-path-3.0.0.tgz#0dcd69ff23a1c9b11fd0978316644a0388216a65" + integrity sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA== + npm-bundled@^1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/npm-bundled/-/npm-bundled-1.1.2.tgz#944c78789bd739035b70baa2ca5cc32b8d860bc1" @@ -10348,6 +10611,29 @@ possible-typed-array-names@^1.0.0: resolved "https://registry.yarnpkg.com/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz#93e3582bc0e5426586d9d07b79ee40fc841de4ae" integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg== +postcss-safe-parser@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-7.0.1.tgz#36e4f7e608111a0ca940fd9712ce034718c40ec0" + integrity sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A== + +postcss-selector-parser@^7.1.1: + version "7.1.1" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-7.1.1.tgz#e75d2e0d843f620e5df69076166f4e16f891cb9f" + integrity sha512-orRsuYpJVw8LdAwqqLykBj9ecS5/cRHlI5+nvTo8LcCKmzDmqVORXtOIYEEQuL9D4BxtA1lm5isAqzQZCoQ6Eg== + dependencies: + cssesc "^3.0.0" + util-deprecate "^1.0.2" + +postcss-sorting@^9.1.0: + version "9.1.0" + resolved "https://registry.yarnpkg.com/postcss-sorting/-/postcss-sorting-9.1.0.tgz#d2e7d43896dd399c23b5b86fc0b807a86146b590" + integrity sha512-Mn8KJ45HNNG6JBpBizXcyf6LqY/qyqetGcou/nprDnFwBFBLGj0j/sNKV2lj2KMOVOwdXu14aEzqJv8CIV6e8g== + +postcss-value-parser@^4.2.0: + version "4.2.0" + resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" + integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== + postcss@^8.4.27, postcss@^8.5.6: version "8.5.6" resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c" @@ -10560,6 +10846,13 @@ pure-rand@^6.1.0: resolved "https://registry.yarnpkg.com/pure-rand/-/pure-rand-6.1.0.tgz#d173cf23258231976ccbdb05247c9787957604f2" integrity sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA== +qified@^0.6.0: + version "0.6.0" + resolved "https://registry.yarnpkg.com/qified/-/qified-0.6.0.tgz#a9c33f51fa37d03003065638bb7dff45d7a81297" + integrity sha512-tsSGN1x3h569ZSU1u6diwhltLyfUWDp3YbFHedapTmpBl0B3P6U3+Qptg7xu+v+1io1EwhdPyyRHYbEw0KN2FA== + dependencies: + hookified "^1.14.0" + qs@^6.14.1, qs@~6.14.0: version "6.14.1" resolved "https://registry.yarnpkg.com/qs/-/qs-6.14.1.tgz#a41d85b9d3902f31d27861790506294881871159" @@ -10984,6 +11277,11 @@ require-directory@^2.1.1: resolved "https://registry.yarnpkg.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42" integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q== +require-from-string@^2.0.2: + version "2.0.2" + resolved "https://registry.yarnpkg.com/require-from-string/-/require-from-string-2.0.2.tgz#89a7fdd938261267318eafe14f9c32e598c36909" + integrity sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw== + requires-port@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff" @@ -11448,6 +11746,15 @@ slash@^5.1.0: resolved "https://registry.yarnpkg.com/slash/-/slash-5.1.0.tgz#be3adddcdf09ac38eebe8dcdc7b1a57a75b095ce" integrity sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg== +slice-ansi@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b" + integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ== + dependencies: + ansi-styles "^4.0.0" + astral-regex "^2.0.0" + is-fullwidth-code-point "^3.0.0" + slice-ansi@^5.0.0: version "5.0.0" resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-5.0.0.tgz#b73063c57aa96f9cd881654b15294d95d285c42a" @@ -11515,7 +11822,7 @@ sort-keys@^2.0.0: dependencies: is-plain-obj "^1.0.0" -"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1: +"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.1, source-map-js@^1.0.2, source-map-js@^1.2.0, source-map-js@^1.2.1: version "1.2.1" resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.2.1.tgz#1ce5650fddd87abc099eda37dcff024c2667ae46" integrity sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA== @@ -11699,6 +12006,14 @@ string-width@^7.0.0, string-width@^7.2.0: get-east-asian-width "^1.0.0" strip-ansi "^7.1.0" +string-width@^8.1.1: + version "8.2.0" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-8.2.0.tgz#bdb6a9bd6d7800db635adae96cdb0443fec56c42" + integrity sha512-6hJPQ8N0V0P3SNmP6h2J99RLuzrWz2gvT7VnK5tKvrNqJoyS9W4/Fb8mo31UiPvy00z7DQXkP2hnKBVav76thw== + dependencies: + get-east-asian-width "^1.5.0" + strip-ansi "^7.1.2" + string.prototype.includes@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/string.prototype.includes/-/string.prototype.includes-2.0.1.tgz#eceef21283640761a81dbe16d6c7171a4edf7d92" @@ -11795,7 +12110,7 @@ strip-ansi@^6.0.0, strip-ansi@^6.0.1: dependencies: ansi-regex "^5.0.1" -strip-ansi@^7.0.1, strip-ansi@^7.1.0: +strip-ansi@^7.0.1, strip-ansi@^7.1.0, strip-ansi@^7.1.2: version "7.1.2" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.2.tgz#132875abde678c7ea8d691533f2e7e22bb744dba" integrity sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA== @@ -11893,6 +12208,59 @@ style-to-object@1.0.14: dependencies: inline-style-parser "0.2.7" +stylelint-order@^7.0.1: + version "7.0.1" + resolved "https://registry.yarnpkg.com/stylelint-order/-/stylelint-order-7.0.1.tgz#6075378153d8727ff5b5dee8615150f56bce35d3" + integrity sha512-GWPei1zBVDDjxM+/BmcSCiOcHNd8rSqW6FUZtqQGlTRpD0Z5nSzspzWD8rtKif5KPdzUG68DApKEV/y/I9VbTw== + dependencies: + postcss "^8.5.6" + postcss-sorting "^9.1.0" + +stylelint@^17.3.0: + version "17.3.0" + resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-17.3.0.tgz#18fa199862205516d7011524557fae4ff5b9d60f" + integrity sha512-1POV91lcEMhj6SLVaOeA0KlS9yattS+qq+cyWqP/nYzWco7K5jznpGH1ExngvPlTM9QF1Kjd2bmuzJu9TH2OcA== + dependencies: + "@csstools/css-calc" "^3.1.1" + "@csstools/css-parser-algorithms" "^4.0.0" + "@csstools/css-syntax-patches-for-csstree" "^1.0.26" + "@csstools/css-tokenizer" "^4.0.0" + "@csstools/media-query-list-parser" "^5.0.0" + "@csstools/selector-resolve-nested" "^4.0.0" + "@csstools/selector-specificity" "^6.0.0" + balanced-match "^3.0.1" + colord "^2.9.3" + cosmiconfig "^9.0.0" + css-functions-list "^3.2.3" + css-tree "^3.1.0" + debug "^4.4.3" + fast-glob "^3.3.3" + fastest-levenshtein "^1.0.16" + file-entry-cache "^11.1.2" + global-modules "^2.0.0" + globby "^16.1.0" + globjoin "^0.1.4" + html-tags "^5.1.0" + ignore "^7.0.5" + import-meta-resolve "^4.2.0" + imurmurhash "^0.1.4" + is-plain-object "^5.0.0" + known-css-properties "^0.37.0" + mathml-tag-names "^4.0.0" + meow "^14.0.0" + micromatch "^4.0.8" + normalize-path "^3.0.0" + picocolors "^1.1.1" + postcss "^8.5.6" + postcss-safe-parser "^7.0.1" + postcss-selector-parser "^7.1.1" + postcss-value-parser "^4.2.0" + string-width "^8.1.1" + supports-hyperlinks "^4.4.0" + svg-tags "^1.0.0" + table "^6.9.0" + write-file-atomic "^7.0.0" + stylis@4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/stylis/-/stylis-4.2.0.tgz#79daee0208964c8fe695a42fcffcac633a211a51" @@ -11912,6 +12280,11 @@ supercluster@^8.0.1: dependencies: kdbush "^4.0.2" +supports-color@^10.2.2: + version "10.2.2" + resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-10.2.2.tgz#466c2978cc5cd0052d542a0b576461c2b802ebb4" + integrity sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g== + supports-color@^7.1.0: version "7.2.0" resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-7.2.0.tgz#1b7dcdcb32b8138801b3e478ba6a51caa89648da" @@ -11919,6 +12292,14 @@ supports-color@^7.1.0: dependencies: has-flag "^4.0.0" +supports-hyperlinks@^4.4.0: + version "4.4.0" + resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-4.4.0.tgz#b25ed8e5ef67388d1ce1e83029c07df19d36b870" + integrity sha512-UKbpT93hN5Nr9go5UY7bopIB9YQlMz9nm/ct4IXt/irb5YRkn9WaqrOBJGZ5Pwvsd5FQzSVeYlGdXoCAPQZrPg== + dependencies: + has-flag "^5.0.1" + supports-color "^10.2.2" + supports-preserve-symlinks-flag@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" @@ -11929,6 +12310,11 @@ svg-parser@^2.0.4: resolved "https://registry.yarnpkg.com/svg-parser/-/svg-parser-2.0.4.tgz#fdc2e29e13951736140b76cb122c8ee6630eb6b5" integrity sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ== +svg-tags@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764" + integrity sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA== + symbol-tree@^3.2.4: version "3.2.4" resolved "https://registry.yarnpkg.com/symbol-tree/-/symbol-tree-3.2.4.tgz#430637d248ba77e078883951fb9aa0eed7c63fa2" @@ -11957,6 +12343,17 @@ syncpack@^13.0.4: tightrope "0.2.0" ts-toolbelt "^9.6.0" +table@^6.9.0: + version "6.9.0" + resolved "https://registry.yarnpkg.com/table/-/table-6.9.0.tgz#50040afa6264141c7566b3b81d4d82c47a8668f5" + integrity sha512-9kY+CygyYM6j02t5YFHbNz2FN5QmYGv9zAjVp4lCDjlCw7amdckXlEt/bjMhUIfj4ThGRE4gCUH5+yGnNuPo5A== + dependencies: + ajv "^8.0.1" + lodash.truncate "^4.4.2" + slice-ansi "^4.0.0" + string-width "^4.2.3" + strip-ansi "^6.0.1" + tar-fs@^3.0.6: version "3.1.1" resolved "https://registry.yarnpkg.com/tar-fs/-/tar-fs-3.1.1.tgz#4f164e59fb60f103d472360731e8c6bb4a7fe9ef" @@ -12430,6 +12827,11 @@ unicorn-magic@^0.3.0: resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.3.0.tgz#4efd45c85a69e0dd576d25532fbfa22aa5c8a104" integrity sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA== +unicorn-magic@^0.4.0: + version "0.4.0" + resolved "https://registry.yarnpkg.com/unicorn-magic/-/unicorn-magic-0.4.0.tgz#78c6a090fd6d07abd2468b83b385603e00dfdb24" + integrity sha512-wH590V9VNgYH9g3lH9wWjTrUoKsjLF6sGLjhR4sH1LWpLmCOH0Zf7PukhDA8BiS7KHe4oPNkcTHqYkj7SOGUOw== + unique-filename@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-2.0.1.tgz#e785f8675a9a7589e0ac77e0b5c34d2eaeac6da2" @@ -12546,7 +12948,7 @@ use-sync-external-store@^1.0.0, use-sync-external-store@^1.5.0: resolved "https://registry.yarnpkg.com/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz#b174bfa65cb2b526732d9f2ac0a408027876f32d" integrity sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w== -util-deprecate@^1.0.1, util-deprecate@~1.0.1: +util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf" integrity sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw== @@ -13189,6 +13591,13 @@ which-typed-array@^1.1.13, which-typed-array@^1.1.16, which-typed-array@^1.1.19: gopd "^1.2.0" has-tostringtag "^1.0.2" +which@^1.3.1: + version "1.3.1" + resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" + integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== + dependencies: + isexe "^2.0.0" + which@^2.0.1, which@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1" @@ -13295,6 +13704,14 @@ write-file-atomic@^2.4.2: imurmurhash "^0.1.4" signal-exit "^3.0.2" +write-file-atomic@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-7.0.0.tgz#f89def4f223e9bf8b06cc6fdb12bda3a917505c7" + integrity sha512-YnlPC6JqnZl6aO4uRc+dx5PHguiR9S6WeoLtpxNT9wIG+BDya7ZNE1q7KOjVgaA73hKhKLpVPgJ5QA9THQ5BRg== + dependencies: + imurmurhash "^0.1.4" + signal-exit "^4.0.1" + write-json-file@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a"