diff --git a/webapp/channels/.stylelintrc.json b/webapp/channels/.stylelintrc.json index 973cfc9d10..ed92853322 100644 --- a/webapp/channels/.stylelintrc.json +++ b/webapp/channels/.stylelintrc.json @@ -1,7 +1,13 @@ { - "extends": ["stylelint-config-recommended", "stylelint-config-standard", "stylelint-config-idiomatic-order", "stylelint-config-recommended-scss"], + "extends": [ + "stylelint-config-idiomatic-order", + "stylelint-config-recommended-scss" + ], + "plugins": [ + "@stylistic/stylelint-plugin" + ], "rules": { - "indentation": 4, + "@stylistic/indentation": 4, "no-descending-specificity": null, "font-family-no-missing-generic-family-keyword": null, "property-no-unknown": [ @@ -15,6 +21,8 @@ { "ignore": ["comments"] } - ] + ], + "scss/load-no-partial-leading-underscore": null, + "scss/at-extend-no-missing-placeholder": null } } diff --git a/webapp/channels/package.json b/webapp/channels/package.json index bd6dd185e6..c77a535b32 100644 --- a/webapp/channels/package.json +++ b/webapp/channels/package.json @@ -107,6 +107,7 @@ "@hot-loader/react-dom": "17.0.2", "@mattermost/eslint-plugin": "*", "@redux-devtools/extension": "3.2.3", + "@stylistic/stylelint-plugin": "2.1.0", "@testing-library/jest-dom": "5.16.4", "@testing-library/react": "12.1.4", "@testing-library/user-event": "13.5.0", @@ -174,12 +175,11 @@ "react-router-enzyme-context": "1.2.0", "redux-mock-store": "1.5.4", "redux-persist-node-storage": "2.0.0", - "stylelint-config-idiomatic-order": "8.1.0", - "stylelint-config-recommended": "5.0.0", - "stylelint-config-recommended-scss": "4.2.0", - "stylelint-config-standard": "22.0.0", - "stylelint-order": "4.1.0", - "stylelint-scss": "3.19.0", + "stylelint": "16.2.1", + "stylelint-config-idiomatic-order": "10.0.0", + "stylelint-config-recommended-scss": "14.0.0", + "stylelint-order": "6.0.4", + "stylelint-scss": "6.1.0", "webpack-bundle-analyzer": "4.7.0", "webpack-pwa-manifest": "4.3.0", "yargs": "16.2.0" @@ -190,7 +190,9 @@ } }, "scripts": { - "check": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --cache && stylelint \"**/*.{css,scss}\" --cache", + "check": "npm run check:eslint && npm run check:stylelint", + "check:eslint": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --cache", + "check:stylelint": "stylelint \"**/*.{css,scss}\" --cache", "fix": "eslint --ext .js,.jsx,.tsx,.ts ./src --quiet --fix --cache && stylelint \"**/*.{css,scss}\" --fix --cache", "build": "cross-env NODE_ENV=production webpack", "run": "webpack --progress --watch", diff --git a/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.scss b/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.scss index dffc46d0ca..f3134e0315 100644 --- a/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.scss +++ b/webapp/channels/src/components/admin_console/admin_user_card/admin_user_card.scss @@ -1,7 +1,7 @@ .AdminUserCard { padding: 0; - margin: 2em 0 1em; border-radius: 2px; + margin: 2em 0 1em; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5); .noUserBody { diff --git a/webapp/channels/src/components/admin_console/billing/billing_history.scss b/webapp/channels/src/components/admin_console/billing/billing_history.scss index 15101c2db4..c6022249f8 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_history.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_history.scss @@ -2,8 +2,8 @@ width: 100%; height: '463px'; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); color: var(--sys-center-channel-color); } @@ -168,9 +168,9 @@ height: 32px; padding: 7px; border: none; + border-radius: 4px; margin-left: 4px; background: none; - border-radius: 4px; > i { font-size: 18px; diff --git a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/billing_subscriptions.scss b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/billing_subscriptions.scss index 4bd12220ae..a1bec3b689 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/billing_subscriptions.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/billing_subscriptions.scss @@ -40,8 +40,8 @@ max-width: none; padding: 24px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12); color: var(--sys-center-channel-color); opacity: 1; @@ -109,9 +109,9 @@ width: 100%; padding: 13px 0; border: none; + border-radius: 4px; margin-top: 16px; background: var(--button-bg); - border-radius: 4px; box-shadow: inset 0 0 0 1px var(--sys-button-bg); color: var(--button-color); font-size: 14px; @@ -170,19 +170,19 @@ .PrivateCloudCard__actionButton { display: block; - @include fit-content; - padding: 13px 20px; border: none; + border-radius: 4px; margin-top: 16px; background: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: inset 0 0 0 1px var(--sys-button-bg); color: var(--sys-button-bg); font-size: 14px; font-weight: 600; line-height: 14px; + @include fit-content; + &:hover:not(.disabled) { background: rgba(var(--sys-button-bg-rgb), 0.04); text-decoration: none; @@ -226,17 +226,17 @@ .cancelSubscriptionSection__contactUs { display: block; - @include fit-content; - padding: 13px 20px; - margin-top: 16px; border-radius: 4px; + margin-top: 16px; box-shadow: inset 0 0 0 1px var(--sys-dnd-indicator); color: var(--sys-dnd-indicator); font-size: 12px; font-weight: 600; line-height: 9.5px; + @include fit-content; + &:hover:not(.disabled) { background: rgba(var(--sys-dnd-indicator-rgb), 0.04); color: var(--sys-dnd-indicator); diff --git a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limit_card.scss b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limit_card.scss index 8fdac21c0f..63dca30f18 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limit_card.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limit_card.scss @@ -3,8 +3,8 @@ flex: 0 0 auto; padding: 22px 0 42px 16px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin-right: 8px; border-radius: 4px; + margin-right: 8px; &--full-width { width: auto; diff --git a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limits.scss b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limits.scss index 357548580c..83b81691dc 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limits.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/limits.scss @@ -38,9 +38,9 @@ .btn { padding: 11px 16px; + border-radius: 4px; margin-right: 8px; background: $primary-color; - border-radius: 4px; color: $white; font-size: 12px; font-weight: bold; diff --git a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/mixins.scss b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/mixins.scss index f71f2d70f3..aa2c7d5447 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_subscriptions/mixins.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_subscriptions/mixins.scss @@ -1,9 +1,9 @@ @mixin cloud-card() { padding: 32px 54px 18px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-top: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } diff --git a/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.scss b/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.scss index 4a6a4b92b1..11bbf514df 100644 --- a/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.scss +++ b/webapp/channels/src/components/admin_console/billing/billing_summary/billing_summary.scss @@ -2,9 +2,9 @@ width: 332px; padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-left: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } @@ -152,8 +152,8 @@ align-items: center; justify-content: center; padding: 11px 20px; - background: var(--sys-button-bg); border-radius: 4px; + background: var(--sys-button-bg); color: var(--sys-button-color); &:hover:not(.disabled) { diff --git a/webapp/channels/src/components/admin_console/billing/company_info_display.scss b/webapp/channels/src/components/admin_console/billing/company_info_display.scss index e98b8d6159..a36e20475d 100644 --- a/webapp/channels/src/components/admin_console/billing/company_info_display.scss +++ b/webapp/channels/src/components/admin_console/billing/company_info_display.scss @@ -1,7 +1,7 @@ .CompanyInfoDisplay { border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); color: var(--sys-center-channel-color); } @@ -32,8 +32,8 @@ display: flex; align-items: center; padding: 8px 16px; - background: var(--sys-button-bg); border-radius: 4px; + background: var(--sys-button-bg); color: var(--sys-button-color); &:hover:not(.disabled) { diff --git a/webapp/channels/src/components/admin_console/billing/company_info_edit.scss b/webapp/channels/src/components/admin_console/billing/company_info_edit.scss index 6daade45e7..8661c17098 100644 --- a/webapp/channels/src/components/admin_console/billing/company_info_edit.scss +++ b/webapp/channels/src/components/admin_console/billing/company_info_edit.scss @@ -1,9 +1,9 @@ .CompanyInfoEdit__card { padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-top: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); isolation: isolate; diff --git a/webapp/channels/src/components/admin_console/billing/delete_workspace/progress_modal.scss b/webapp/channels/src/components/admin_console/billing/delete_workspace/progress_modal.scss index c27433e575..cace87cb04 100644 --- a/webapp/channels/src/components/admin_console/billing/delete_workspace/progress_modal.scss +++ b/webapp/channels/src/components/admin_console/billing/delete_workspace/progress_modal.scss @@ -12,15 +12,15 @@ .ProcessPayment-progress { width: 387px; height: 4px; + border-radius: 4px; margin: 0 auto; margin-top: 60px; background: rgba(var(--secondary-blue-rgb), 0.12); - border-radius: 4px; } .ProcessPayment-progress-fill { height: 100%; - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); } } diff --git a/webapp/channels/src/components/admin_console/billing/delete_workspace/result_modal.scss b/webapp/channels/src/components/admin_console/billing/delete_workspace/result_modal.scss index ac34a95df8..2d2881517b 100644 --- a/webapp/channels/src/components/admin_console/billing/delete_workspace/result_modal.scss +++ b/webapp/channels/src/components/admin_console/billing/delete_workspace/result_modal.scss @@ -37,8 +37,8 @@ width: 600px; height: 360px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 8px; + margin: auto; transform: translate(-50%, -50%) !important; .modal-header { diff --git a/webapp/channels/src/components/admin_console/billing/payment_info_display.scss b/webapp/channels/src/components/admin_console/billing/payment_info_display.scss index 3cdf3431d7..352df888f2 100644 --- a/webapp/channels/src/components/admin_console/billing/payment_info_display.scss +++ b/webapp/channels/src/components/admin_console/billing/payment_info_display.scss @@ -1,7 +1,7 @@ .PaymentInfoDisplay { border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); color: var(--sys-center-channel-color); } @@ -32,8 +32,8 @@ display: flex; align-items: center; padding: 8px 16px; - background: var(--sys-button-bg); border-radius: 4px; + background: var(--sys-button-bg); color: var(--sys-button-color); &:hover:not(.disabled) { @@ -131,8 +131,8 @@ .PaymentInfoDisplay__paymentInfo-editButton { padding: 2px; - margin-left: 12px; border-radius: 4px; + margin-left: 12px; color: rgba(var(--sys-center-channel-color-rgb), 0.75); font-size: 18px; diff --git a/webapp/channels/src/components/admin_console/billing/payment_info_edit.scss b/webapp/channels/src/components/admin_console/billing/payment_info_edit.scss index 9a07f58aec..74bd68a242 100644 --- a/webapp/channels/src/components/admin_console/billing/payment_info_edit.scss +++ b/webapp/channels/src/components/admin_console/billing/payment_info_edit.scss @@ -1,9 +1,9 @@ .PaymentInfoEdit__card { padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-top: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } diff --git a/webapp/channels/src/components/admin_console/billing/plan_details/plan_details.scss b/webapp/channels/src/components/admin_console/billing/plan_details/plan_details.scss index e1c095a847..bc19766560 100644 --- a/webapp/channels/src/components/admin_console/billing/plan_details/plan_details.scss +++ b/webapp/channels/src/components/admin_console/billing/plan_details/plan_details.scss @@ -4,8 +4,8 @@ width: 568px; padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } @@ -36,8 +36,8 @@ &.btn { padding: 11px 16px; - background: $primary-color; border-radius: 4px; + background: $primary-color; color: $white; font-size: 12px; font-weight: bold; @@ -116,9 +116,9 @@ .TrialBadge { padding: 0 4px; + border-radius: 3px; margin-left: 10px; background: var(--sys-online-indicator); - border-radius: 3px; color: #fff; text-transform: uppercase; diff --git a/webapp/channels/src/components/admin_console/data_grid/data_grid.scss b/webapp/channels/src/components/admin_console/data_grid/data_grid.scss index fbfbe85596..c5a2307b7e 100644 --- a/webapp/channels/src/components/admin_console/data_grid/data_grid.scss +++ b/webapp/channels/src/components/admin_console/data_grid/data_grid.scss @@ -1,3 +1,5 @@ +@use 'sass:color'; + @import 'utils/variables'; .DataGrid { @@ -22,8 +24,8 @@ height: 32px; box-sizing: border-box; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.2); - margin-left: 8px; border-radius: 4px; + margin-left: 8px; input { width: 100%; @@ -94,7 +96,7 @@ &:hover { border-left: 2px solid $primary-color; - background-color: lighten($primary-color, 45%); + background-color: color.adjust($primary-color, $lightness: 45%); } .DataGrid_cell { @@ -215,9 +217,9 @@ flex-direction: column; align-items: center; padding: 8px; + border-radius: 4px; margin-left: auto; background: transparent; - border-radius: 4px; color: rgba(var(--sys-center-channel-color-rgb), 0.75); text-decoration: none; } diff --git a/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.scss b/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.scss index 4739f174c8..c039a6438e 100644 --- a/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.scss +++ b/webapp/channels/src/components/admin_console/feature_discovery/feature_discovery.scss @@ -3,8 +3,8 @@ .FeatureDiscovery { display: grid; padding: 20px; - background: $white; border-radius: 8px; + background: $white; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); font-family: Open Sans; font-style: normal; @@ -45,9 +45,9 @@ width: 160px; height: 48px; padding: 14px 0; + border-radius: 4px; margin-right: 8px; background: $primary-color; - border-radius: 4px; color: $white; font-size: 16px; font-weight: 400; diff --git a/webapp/channels/src/components/admin_console/filter/filter.scss b/webapp/channels/src/components/admin_console/filter/filter.scss index 51d7a5f360..41dff0ad1a 100644 --- a/webapp/channels/src/components/admin_console/filter/filter.scss +++ b/webapp/channels/src/components/admin_console/filter/filter.scss @@ -8,8 +8,8 @@ height: 32px; padding: 0 10px; border: 0; - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); color: var(--sys-button-bg); font-size: 12px; @@ -36,10 +36,10 @@ box-sizing: border-box; padding: 16px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-top: 4px; margin-bottom: 24px; background: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); &.Filter__show { @@ -104,8 +104,8 @@ &__control { min-height: 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.16); - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); color: rgba(var(--sys-center-channel-color-rgb), 0.75); font-size: 12px; diff --git a/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.scss b/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.scss index c2ebdd633c..908f3aea11 100644 --- a/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.scss +++ b/webapp/channels/src/components/admin_console/ip_filtering/add_edit_ip_filter_modal.scss @@ -5,8 +5,8 @@ left: 50%; width: 600px; border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 12px; + margin: auto; transform: translate(-50%, -50%) !important; } @@ -59,8 +59,8 @@ padding-bottom: 0; padding-left: 32px; border: 0; - background: var(--center-channel-bg) !important; border-radius: 12px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -79,8 +79,8 @@ max-width: 536px; height: 52px; border: 1px rgba(87, 158, 255, 0.16) solid; - background: rgba(87, 158, 255, 0.08); border-radius: 4px; + background: rgba(87, 158, 255, 0.08); .Content { display: flex; @@ -155,9 +155,9 @@ flex: none; padding: 12px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--button-bg); - border-radius: 4px; color: var(--sys-button-color); font-size: 14px; font-weight: 600; @@ -168,8 +168,8 @@ .modal-footer { padding: 24px 32px; - border-top: none; border-radius: 12px; + border-top: none; font-family: Open Sans; font-size: 14px; font-style: normal; @@ -179,8 +179,8 @@ .btn-cancel { padding: 10px 20px; border: none; - background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); border-radius: 4px; + background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); color: var(--button-bg, #1c58d9); } @@ -193,9 +193,9 @@ padding: 10px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--button-bg, #1c58d9); - border-radius: 4px; color: var(--button-color, #fff); } } diff --git a/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.scss b/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.scss index e79d67d07c..e47bde49b6 100644 --- a/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.scss +++ b/webapp/channels/src/components/admin_console/ip_filtering/delete_confirmation.scss @@ -5,8 +5,8 @@ left: 50%; width: 600px; border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 12px; + margin: auto; transform: translate(-50%, -50%) !important; } @@ -58,8 +58,8 @@ padding-bottom: 0; padding-left: 32px; border: 0; - background: var(--center-channel-bg) !important; border-radius: 12px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -81,8 +81,8 @@ .modal-footer { padding: 24px 32px; - border-top: none; border-radius: 12px; + border-top: none; font-family: Open Sans; font-size: 14px; font-style: normal; @@ -92,17 +92,17 @@ .btn-cancel { padding: 10px 20px; border: none; - background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); border-radius: 4px; + background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); color: var(--button-bg, #1c58d9); } .btn-delete { padding: 10px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--denim-status-do-not-disturb, #d24b4e); - border-radius: 4px; color: var(--button-color, #fff); } } diff --git a/webapp/channels/src/components/admin_console/ip_filtering/edit_section/edit_sections.scss b/webapp/channels/src/components/admin_console/ip_filtering/edit_section/edit_sections.scss index 92b9da5c16..382b85d926 100644 --- a/webapp/channels/src/components/admin_console/ip_filtering/edit_section/edit_sections.scss +++ b/webapp/channels/src/components/admin_console/ip_filtering/edit_section/edit_sections.scss @@ -3,8 +3,8 @@ height: auto; max-height: 100%; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08); .TableSectionContent { @@ -225,8 +225,8 @@ justify-content: flex-start; padding: 10px 16px; border: none; - background: #1c58d9; border-radius: 4px; + background: #1c58d9; color: #fff; gap: 10px; } @@ -239,8 +239,8 @@ justify-content: flex-start; padding: 16px; border: 1px solid var(--error-text-16, rgba(210, 75, 78, 0.16)); - background: var(--error-text-8, rgba(210, 75, 78, 0.08)); border-radius: 4px; + background: var(--error-text-8, rgba(210, 75, 78, 0.08)); gap: 12px; .Icon { diff --git a/webapp/channels/src/components/admin_console/ip_filtering/ip_filtering.scss b/webapp/channels/src/components/admin_console/ip_filtering/ip_filtering.scss index e75a056938..bd5c1fb25d 100644 --- a/webapp/channels/src/components/admin_console/ip_filtering/ip_filtering.scss +++ b/webapp/channels/src/components/admin_console/ip_filtering/ip_filtering.scss @@ -24,8 +24,8 @@ justify-content: flex-start; padding: 24px 32px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - background-color: var(--center-channel-bg); border-radius: 4px; + background-color: var(--center-channel-bg); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08); gap: 24px; diff --git a/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.scss b/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.scss index 33052da205..8eee2494a7 100644 --- a/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.scss +++ b/webapp/channels/src/components/admin_console/ip_filtering/save_confirmation_modal.scss @@ -5,8 +5,8 @@ left: 50%; width: 600px; border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 12px; + margin: auto; transform: translate(-50%, -50%) !important; } @@ -58,8 +58,8 @@ padding-bottom: 0; padding-left: 32px; border: 0; - background: var(--center-channel-bg) !important; border-radius: 12px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -86,9 +86,9 @@ justify-content: flex-start; padding: 16px; border: 1px solid rgba(87, 158, 255, 0.16); + border-radius: 4px; margin-top: 32px; background: rgba(87, 158, 255, 0.08); - border-radius: 4px; gap: 12px; .Icon { @@ -137,8 +137,8 @@ .modal-footer { padding: 24px 32px; - border-top: none; border-radius: 12px; + border-top: none; font-family: Open Sans; font-size: 14px; font-style: normal; @@ -148,17 +148,17 @@ .btn-cancel { padding: 10px 20px; border: none; - background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); border-radius: 4px; + background: var(--button-bg-8, rgba(28, 88, 217, 0.08)); color: var(--button-bg, #1c58d9); } .btn-delete { padding: 10px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--denim-status-do-not-disturb, #d24b4e); - border-radius: 4px; color: var(--button-color, #fff); } } diff --git a/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition.scss b/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition.scss index 1c3de8e9ab..0259f6a2e4 100644 --- a/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition.scss +++ b/webapp/channels/src/components/admin_console/license_settings/enterprise_edition/enterprise_edition.scss @@ -37,8 +37,8 @@ button { width: 100%; - margin: 5px auto; border-radius: 4px; + margin: 5px auto; } .purchase_buttons { @@ -99,8 +99,8 @@ .licenseInformation { padding: 24px; border: 1px solid rgba(63, 67, 80, 0.16); - margin: 15px 0; border-radius: 4px; + margin: 15px 0; .license-details-top { display: flex; @@ -178,9 +178,9 @@ display: block; padding: 12px 20px; border: 1px solid var(--sys-button-bg); + border-radius: 4px; margin-top: 15px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; color: var(--sys-button-bg); span { diff --git a/webapp/channels/src/components/admin_console/license_settings/license_settings.scss b/webapp/channels/src/components/admin_console/license_settings/license_settings.scss index 88ba400075..8064519963 100644 --- a/webapp/channels/src/components/admin_console/license_settings/license_settings.scss +++ b/webapp/channels/src/components/admin_console/license_settings/license_settings.scss @@ -11,8 +11,8 @@ .panel-card { padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } } @@ -24,8 +24,8 @@ .panel-card { padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } } diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss index eac01bdfca..2587c95648 100644 --- a/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss +++ b/webapp/channels/src/components/admin_console/license_settings/modals/confirm_license_removal_modal.scss @@ -50,9 +50,9 @@ button { height: 40px; + border-radius: 4px; margin-top: 15px !important; margin-left: 10px; - border-radius: 4px; } } diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.scss b/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.scss index 01f15b9f28..32517f8ad9 100644 --- a/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.scss +++ b/webapp/channels/src/components/admin_console/license_settings/modals/ee_license_modal.scss @@ -30,9 +30,9 @@ display: flex; button { + border-radius: 4px; margin-top: 15px !important; margin-left: auto; - border-radius: 4px; } } diff --git a/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.scss b/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.scss index bbd394bd8e..e0bb168724 100644 --- a/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.scss +++ b/webapp/channels/src/components/admin_console/license_settings/modals/upload_license_modal.scss @@ -53,8 +53,8 @@ width: 90%; padding: 12px; border: 1px solid rgba(63, 67, 80, 0.32); - margin-top: 15px; border-radius: 4px; + margin-top: 15px; &__titleSection { color: rgba(63, 67, 80, 0.75); @@ -138,8 +138,8 @@ height: 48px; padding: 5px 24px; border: 0 !important; - margin-top: 15px !important; border-radius: 4px; + margin-top: 15px !important; font-size: 16px; font-weight: 600; line-height: 18px; diff --git a/webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.scss b/webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.scss index 03fa20276c..9f571e1752 100644 --- a/webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.scss +++ b/webapp/channels/src/components/admin_console/license_settings/renew_license_card/renew_license_card.scss @@ -3,9 +3,9 @@ display: block; padding: 12px 20px; border: none; + border-radius: 4px; margin-top: 15px; background: var(--sys-button-bg); - border-radius: 4px; color: var(--sys-button-color); span { diff --git a/webapp/channels/src/components/admin_console/license_settings/team_edition/team_edition.scss b/webapp/channels/src/components/admin_console/license_settings/team_edition/team_edition.scss index c05b56d49e..fc49850b5a 100644 --- a/webapp/channels/src/components/admin_console/license_settings/team_edition/team_edition.scss +++ b/webapp/channels/src/components/admin_console/license_settings/team_edition/team_edition.scss @@ -36,8 +36,8 @@ button { width: 100%; - margin: 5px auto; border-radius: 4px; + margin: 5px auto; } .upgrade-error { diff --git a/webapp/channels/src/components/admin_console/openid_convert/openid_convert.scss b/webapp/channels/src/components/admin_console/openid_convert/openid_convert.scss index 7a4c113d3b..8387b547b0 100644 --- a/webapp/channels/src/components/admin_console/openid_convert/openid_convert.scss +++ b/webapp/channels/src/components/admin_console/openid_convert/openid_convert.scss @@ -4,9 +4,9 @@ display: grid; padding: 0; border: 1px solid rgba(87, 158, 255, 0.24); + border-radius: 4px; margin-bottom: 25px; background-color: rgba(87, 158, 255, 0.08); - border-radius: 4px; font-family: Open Sans; font-style: normal; font-weight: normal; @@ -19,9 +19,9 @@ .btn { width: 191px; height: 32px; + border-radius: 4px; margin-right: 10px; background: $primary-color; - border-radius: 4px; color: $white; font-size: 12px; font-weight: 600; @@ -41,8 +41,8 @@ height: 32px; align-items: center; justify-content: center; - margin: 0 10px 0 0; border-radius: 4px; + margin: 0 10px 0 0; text-decoration: none; &:hover { diff --git a/webapp/channels/src/components/admin_console/schema_admin_settings.scss b/webapp/channels/src/components/admin_console/schema_admin_settings.scss index ce3b36d41e..32bae08f20 100644 --- a/webapp/channels/src/components/admin_console/schema_admin_settings.scss +++ b/webapp/channels/src/components/admin_console/schema_admin_settings.scss @@ -1,7 +1,7 @@ .config-section { + border-radius: 4px; margin-top: 20px; background: white; - border-radius: 4px; .admin-console__wrapper { padding: 0; diff --git a/webapp/channels/src/components/admin_console/server_logs/log_list.scss b/webapp/channels/src/components/admin_console/server_logs/log_list.scss index 39de1ccf19..4723a03f23 100644 --- a/webapp/channels/src/components/admin_console/server_logs/log_list.scss +++ b/webapp/channels/src/components/admin_console/server_logs/log_list.scss @@ -18,8 +18,8 @@ .btn-inverted { border: 2px solid var(--denim-button-bg); - background: transparent; border-radius: 4px; + background: transparent; color: var(--denim-button-bg); font-weight: bold; line-height: 12px; @@ -27,8 +27,8 @@ .btn-dangerous { border: 2px solid var(--dnd-indicator); - background: transparent; border-radius: 4px; + background: transparent; color: var(--dnd-indicator); font-weight: bold; line-height: 16px; diff --git a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.scss b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.scss index eab26db151..0731f43ec7 100644 --- a/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.scss +++ b/webapp/channels/src/components/admin_console/system_roles/system_role/system_role_permissions.scss @@ -48,8 +48,8 @@ .MenuWrapper { box-sizing: border-box; - background: rgba(var(--sys-center-channel-color-rgb), 0.04); border-radius: 4px; + background: rgba(var(--sys-center-channel-color-rgb), 0.04); .PermissionSectionDropdownButton { display: flex; @@ -59,8 +59,8 @@ justify-content: space-between; padding: 1px 0 1px 4px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.16); - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); color: var(--sys-center-channel-color); font-size: 12px; font-style: normal; @@ -151,8 +151,8 @@ .PermissionSection_description { span { padding: 0 4px; - background: rgba(var(--sys-center-channel-color-rgb), 0.08); border-radius: 2px; + background: rgba(var(--sys-center-channel-color-rgb), 0.08); } margin: 0; diff --git a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.scss b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.scss index ab7eac76dc..9b4d5294f4 100644 --- a/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.scss +++ b/webapp/channels/src/components/admin_console/system_user_detail/team_list/team_row.scss @@ -56,8 +56,8 @@ text-decoration: none; &:hover { - background-color: $light-gray; border-radius: 3px; + background-color: $light-gray; } &.warning { diff --git a/webapp/channels/src/components/admin_console/system_users/system_users_export/system_users_export.scss b/webapp/channels/src/components/admin_console/system_users/system_users_export/system_users_export.scss index 3245ab54dd..1a28e4d3fc 100644 --- a/webapp/channels/src/components/admin_console/system_users/system_users_export/system_users_export.scss +++ b/webapp/channels/src/components/admin_console/system_users/system_users_export/system_users_export.scss @@ -7,8 +7,8 @@ height: 20px; align-self: flex-start; justify-content: center; - background: var(--online-indicator, #3db887); border-radius: 12px; + background: var(--online-indicator, #3db887); i { color: var(--center-channel-bg, #fff); diff --git a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.scss b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.scss index cadd04211a..cd9a499774 100644 --- a/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.scss +++ b/webapp/channels/src/components/admin_console/team_channel_settings/team/details/team_profile.scss @@ -5,9 +5,9 @@ .upgrade-options-button { height: 38px; padding: 9px, 16px; + border-radius: 4px; margin-left: 16px; background: #1c58d9; - border-radius: 4px; color: #fff; font-weight: 600; } diff --git a/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.scss b/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.scss index d0720477b4..e6ed2afe23 100644 --- a/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.scss +++ b/webapp/channels/src/components/admin_console/workspace-optimization/dashboard.scss @@ -73,9 +73,9 @@ align-items: center; padding: 24px; border: 1px solid rgba(var(--sys-denim-center-channel-text-rgb), 0.08) !important; + border-radius: 4px; margin-left: 4px; background: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: var(--elevation-1); &__scoreEllipseSvg { @@ -200,8 +200,8 @@ height: 44px; align-items: center; justify-content: center; - background-color: rgba(var(--sys-denim-center-channel-text-rgb), 0.16); border-radius: 50%; + background-color: rgba(var(--sys-denim-center-channel-text-rgb), 0.16); &.success { background-color: rgba(var(--sys-online-indicator-rgb), 0.16); @@ -293,9 +293,9 @@ button { max-height: 32px; padding: 5px 20px !important; + border-radius: 4px !important; margin-top: 0; margin-right: 10px; - border-radius: 4px !important; font-weight: 600; } } diff --git a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss index 1be377c432..c977915dfa 100644 --- a/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss +++ b/webapp/channels/src/components/advanced_text_editor/advanced_text_editor.scss @@ -102,8 +102,8 @@ justify-content: center; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--center-channel-color-rgb), 0.75); cursor: pointer; fill: currentColor; @@ -202,9 +202,9 @@ padding: 0; &__body { + border-radius: 0; border-right: none; border-left: none; - border-radius: 0; &:focus-visible, &:focus-within, diff --git a/webapp/channels/src/components/alert_banner.scss b/webapp/channels/src/components/alert_banner.scss index 8bf7184a2e..8989ce39cd 100644 --- a/webapp/channels/src/components/alert_banner.scss +++ b/webapp/channels/src/components/alert_banner.scss @@ -60,8 +60,8 @@ padding: 10px 16px; border: none; - background: var(--denim-button-bg); border-radius: 4px; + background: var(--denim-button-bg); color: white; font-size: 12px; font-weight: 600; @@ -74,9 +74,9 @@ padding: 10px 16px; border: none; + border-radius: 4px; margin-left: 4px; background: rgba(28, 88, 217, 0.08); - border-radius: 4px; color: #1c58d9; } } @@ -85,8 +85,8 @@ display: flex; padding: 3px; border: none; - background: none; border-radius: 4px; + background: none; &:hover { background: rgba(0, 0, 0, 0.08); diff --git a/webapp/channels/src/components/analytics/true_up_review.scss b/webapp/channels/src/components/analytics/true_up_review.scss index 7a076968c0..fcad19d6c2 100644 --- a/webapp/channels/src/components/analytics/true_up_review.scss +++ b/webapp/channels/src/components/analytics/true_up_review.scss @@ -3,8 +3,8 @@ width: 100%; height: '463px'; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: var(--elevation-1); color: var(--sys-center-channel-color); } diff --git a/webapp/channels/src/components/announcement_bar/contact_sales/contact_us.scss b/webapp/channels/src/components/announcement_bar/contact_sales/contact_us.scss index 6a8acb8e7e..66a2ce5b9d 100644 --- a/webapp/channels/src/components/announcement_bar/contact_sales/contact_us.scss +++ b/webapp/channels/src/components/announcement_bar/contact_sales/contact_us.scss @@ -4,10 +4,10 @@ display: block; padding: 12px 20px; border: 1px solid var(--sys-button-bg); + border-radius: 4px; margin-top: 15px; margin-left: 10px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; color: var(--sys-button-bg); span { diff --git a/webapp/channels/src/components/announcement_bar/purchase_link/purchase_link.scss b/webapp/channels/src/components/announcement_bar/purchase_link/purchase_link.scss index 490c5871d6..42d8b393a0 100644 --- a/webapp/channels/src/components/announcement_bar/purchase_link/purchase_link.scss +++ b/webapp/channels/src/components/announcement_bar/purchase_link/purchase_link.scss @@ -4,9 +4,9 @@ display: block; padding: 12px 20px; border: none; + border-radius: 4px; margin-top: 15px; background: var(--sys-button-bg); - border-radius: 4px; color: var(--sys-button-color); span { diff --git a/webapp/channels/src/components/announcement_bar/renewal_link/renew_link.scss b/webapp/channels/src/components/announcement_bar/renewal_link/renew_link.scss index 9b2bdfbe5b..27381b035c 100644 --- a/webapp/channels/src/components/announcement_bar/renewal_link/renew_link.scss +++ b/webapp/channels/src/components/announcement_bar/renewal_link/renew_link.scss @@ -4,9 +4,9 @@ display: block; padding: 12px 20px; border: none; + border-radius: 4px; margin-top: 15px; background: var(--sys-button-bg); - border-radius: 4px; color: var(--sys-button-color); span { diff --git a/webapp/channels/src/components/app_bar/app_bar.scss b/webapp/channels/src/components/app_bar/app_bar.scss index 0b2d1648b3..35d4d5149a 100644 --- a/webapp/channels/src/components/app_bar/app_bar.scss +++ b/webapp/channels/src/components/app_bar/app_bar.scss @@ -49,8 +49,8 @@ $app-bar-width: 48px; left: 0; width: 3px; height: $app-bar-icon-size; - background-color: var(--sidebar-text-active-border); border-radius: 0 2px 2px 0; + background-color: var(--sidebar-text-active-border); content: ''; } @@ -71,8 +71,8 @@ $app-bar-width: 48px; overflow: hidden; width: $app-bar-icon-size; height: $app-bar-icon-size; - margin: 0 auto; border-radius: 50%; + margin: 0 auto; line-height: 1; &:hover { diff --git a/webapp/channels/src/components/browse_channels/browse_channels.scss b/webapp/channels/src/components/browse_channels/browse_channels.scss index b4eb5aadf2..c40d9d6df9 100644 --- a/webapp/channels/src/components/browse_channels/browse_channels.scss +++ b/webapp/channels/src/components/browse_channels/browse_channels.scss @@ -93,14 +93,14 @@ background-color: unset; &[aria-expanded='true'] { - background-color: rgba(var(--button-bg-rgb), 0.12); border-radius: 4px; + background-color: rgba(var(--button-bg-rgb), 0.12); } } #menuWrapper:hover { - background-color: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.08); } } } @@ -143,8 +143,8 @@ width: 3px; height: 3px; flex-shrink: 0; - background-color: rgba(var(--center-channel-color-rgb), 0.75); border-radius: 50%; + background-color: rgba(var(--center-channel-color-rgb), 0.75); } .more-modal__description { diff --git a/webapp/channels/src/components/card/card.scss b/webapp/channels/src/components/card/card.scss index aff4ea2573..e623be2513 100644 --- a/webapp/channels/src/components/card/card.scss +++ b/webapp/channels/src/components/card/card.scss @@ -1,7 +1,7 @@ .Card { border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - background-color: var(--center-channel-bg); border-radius: 4px; + background-color: var(--center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); transition: box-shadow 0.3s ease-in-out; @@ -22,9 +22,9 @@ &.console { width: 100%; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 2px; margin-bottom: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 2px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); color: var(--sys-center-channel-color); @@ -50,8 +50,8 @@ height: 32px; padding: 10px 16px; border: none; - margin-left: auto; border-radius: 4px; + margin-left: auto; font-size: 12px; font-weight: 600; line-height: 9.5px; diff --git a/webapp/channels/src/components/center_message_lock/index.scss b/webapp/channels/src/components/center_message_lock/index.scss index 5630f31d4f..c201600239 100644 --- a/webapp/channels/src/components/center_message_lock/index.scss +++ b/webapp/channels/src/components/center_message_lock/index.scss @@ -5,9 +5,9 @@ align-items: center; padding: 16px; border: 1px rgba(var(--center-channel-color-rgb), 0.08) solid; + border-radius: 4px; margin: 0 24px 13px; background-color: rgba(var(--center-channel-color-rgb), 0.04); - border-radius: 4px; &__left { align-self: flex-start; diff --git a/webapp/channels/src/components/channel_notifications_modal/channel_notifications_modal.scss b/webapp/channels/src/components/channel_notifications_modal/channel_notifications_modal.scss index f95ca6b3a6..84d87c5990 100644 --- a/webapp/channels/src/components/channel_notifications_modal/channel_notifications_modal.scss +++ b/webapp/channels/src/components/channel_notifications_modal/channel_notifications_modal.scss @@ -52,8 +52,8 @@ display: flex; padding: 5px 8px; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: var(--button-bg); font-size: 12px; font-weight: 600; @@ -75,8 +75,8 @@ &__save-btn { padding: 12px 20px 12px 20px; border: none; - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); color: var(--button-color); font-size: 14px; font-weight: 600; @@ -100,8 +100,8 @@ &__cancel-btn { padding: 12px 20px 12px 20px; border: none; - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); font-size: 14px; font-weight: 600; diff --git a/webapp/channels/src/components/cloud_fetch_error/cloud_fetch_error.scss b/webapp/channels/src/components/cloud_fetch_error/cloud_fetch_error.scss index 37da61be00..36984d9a19 100644 --- a/webapp/channels/src/components/cloud_fetch_error/cloud_fetch_error.scss +++ b/webapp/channels/src/components/cloud_fetch_error/cloud_fetch_error.scss @@ -4,8 +4,8 @@ align-items: center; padding: 10px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); - background-color: var(--sys-center-channel-bg); border-radius: 4px; + background-color: var(--sys-center-channel-bg); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); color: var(--sys-center-channel-color); text-align: center; diff --git a/webapp/channels/src/components/cloud_invoice_preview/cloud_invoice_preview.scss b/webapp/channels/src/components/cloud_invoice_preview/cloud_invoice_preview.scss index bf97995f27..753de6ca1c 100644 --- a/webapp/channels/src/components/cloud_invoice_preview/cloud_invoice_preview.scss +++ b/webapp/channels/src/components/cloud_invoice_preview/cloud_invoice_preview.scss @@ -2,8 +2,8 @@ top: 15px; width: 860px; height: 1030px; - margin: 0 auto; border-radius: 8px; + margin: 0 auto; overflow-y: hidden !important; .modal-header { diff --git a/webapp/channels/src/components/cloud_start_trial/request_business_email_modal.scss b/webapp/channels/src/components/cloud_start_trial/request_business_email_modal.scss index f59c6dca16..0149bb9459 100644 --- a/webapp/channels/src/components/cloud_start_trial/request_business_email_modal.scss +++ b/webapp/channels/src/components/cloud_start_trial/request_business_email_modal.scss @@ -11,8 +11,8 @@ .modal-content { padding: 0 !important; border-color: rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg); border-radius: 8px; + background: var(--center-channel-bg); color: var(--center-channel-color); } @@ -43,8 +43,8 @@ height: 38px; padding: 0; border: 0; - background: var(--center-channel-bg) !important; border-radius: 8px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } diff --git a/webapp/channels/src/components/common/accordion/accordion.scss b/webapp/channels/src/components/common/accordion/accordion.scss index 77d3215808..608872f082 100644 --- a/webapp/channels/src/components/common/accordion/accordion.scss +++ b/webapp/channels/src/components/common/accordion/accordion.scss @@ -7,8 +7,8 @@ .accordion-card { box-sizing: border-box; border: 1px solid rgba(var(--center-channel-color-rgb) 0.08); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); box-shadow: var(--elevation-1); .accordion-card:not(:first-of-type) { diff --git a/webapp/channels/src/components/common/carousel/carousel.scss b/webapp/channels/src/components/common/carousel/carousel.scss index a0b53f8cad..b3766a2e15 100644 --- a/webapp/channels/src/components/common/carousel/carousel.scss +++ b/webapp/channels/src/components/common/carousel/carousel.scss @@ -98,9 +98,9 @@ .dot { width: 8px; height: 8px; + border-radius: 50%; margin: 0 5px; background: rgba(var(--button-bg-rgb), 0.25); - border-radius: 50%; } .dot.active { diff --git a/webapp/channels/src/components/common/multi_select_cards/multi_select_card.scss b/webapp/channels/src/components/common/multi_select_cards/multi_select_card.scss index 017fe52138..0a5a3fa4af 100644 --- a/webapp/channels/src/components/common/multi_select_cards/multi_select_card.scss +++ b/webapp/channels/src/components/common/multi_select_cards/multi_select_card.scss @@ -9,9 +9,9 @@ align-items: center; padding: 16px 24px 24px; border: none; + border-radius: 8px; margin-right: 16px; background: var(--center-channel-bg); - border-radius: 8px; box-shadow: $elevation-3; cursor: pointer; list-style-type: none; diff --git a/webapp/channels/src/components/custom_status/custom_status.scss b/webapp/channels/src/components/custom_status/custom_status.scss index 73a3d69cdc..7d691f8ac1 100644 --- a/webapp/channels/src/components/custom_status/custom_status.scss +++ b/webapp/channels/src/components/custom_status/custom_status.scss @@ -105,8 +105,8 @@ align-items: center; justify-content: center; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--center-channel-color-rgb), 0.64); fill: rgba(var(--center-channel-color-rgb), 0.64); @@ -211,8 +211,8 @@ font-size: inherit; &:hover { - background-color: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.08); } &:active { @@ -338,8 +338,8 @@ span.emoticon[style]:hover { height: 40px; padding: 10px 40px; border: 2px solid var(--button-bg); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); color: var(--center-channel-color); cursor: pointer; font-size: 14px; diff --git a/webapp/channels/src/components/date_picker/date_picker.scss b/webapp/channels/src/components/date_picker/date_picker.scss index 1dc8d68db0..9cacb5816f 100644 --- a/webapp/channels/src/components/date_picker/date_picker.scss +++ b/webapp/channels/src/components/date_picker/date_picker.scss @@ -1,9 +1,9 @@ .date-picker__popper { padding: 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); + border-radius: 4px; margin: 0; background: var(--center-channel-bg); - border-radius: 4px; box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.12); } diff --git a/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.scss b/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.scss index f4bc81f8b4..0d79a4d7cc 100644 --- a/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.scss +++ b/webapp/channels/src/components/dnd_custom_time_picker_modal/dnd_custom_time_picker_modal.scss @@ -55,8 +55,8 @@ align-items: center; padding: 0 16px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: rgba(var(--center-channel-bg-rgb), 1); border-radius: 4px; + background: rgba(var(--center-channel-bg-rgb), 1); cursor: pointer; text-align: left; @@ -80,8 +80,8 @@ padding: 0 0 2px 40px; border: none; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: transparent; border-radius: 4px; + background: transparent; cursor: pointer; font-size: inherit; diff --git a/webapp/channels/src/components/downgrade_modal/index.scss b/webapp/channels/src/components/downgrade_modal/index.scss index 94427f6235..af3d5e98db 100644 --- a/webapp/channels/src/components/downgrade_modal/index.scss +++ b/webapp/channels/src/components/downgrade_modal/index.scss @@ -13,14 +13,14 @@ .ProcessPayment-progress { width: 387px; height: 4px; + border-radius: 4px; margin: 0 auto; margin-top: 60px; background: rgba(var(--secondary-blue-rgb), 0.12); - border-radius: 4px; } .ProcessPayment-progress-fill { height: 100%; - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); } diff --git a/webapp/channels/src/components/drafts/draft_actions/action.scss b/webapp/channels/src/components/drafts/draft_actions/action.scss index c97af89058..455164e2db 100644 --- a/webapp/channels/src/components/drafts/draft_actions/action.scss +++ b/webapp/channels/src/components/drafts/draft_actions/action.scss @@ -6,8 +6,8 @@ align-items: center; justify-content: center; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--center-channel-color-rgb), 0.4); fill: rgba(var(--center-channel-color-rgb), 0.4); diff --git a/webapp/channels/src/components/drafts/draft_title/draft_title.scss b/webapp/channels/src/components/drafts/draft_title/draft_title.scss index 2d45d06528..17cab0f7b5 100644 --- a/webapp/channels/src/components/drafts/draft_title/draft_title.scss +++ b/webapp/channels/src/components/drafts/draft_title/draft_title.scss @@ -7,9 +7,9 @@ width: 18px; min-width: 18px; height: 18px; + border-radius: 2px; margin: 0 5px; background: rgba(var(--center-channel-color-rgb), 0.16); - border-radius: 2px; font-size: 12px; font-weight: 600; line-height: 18px; diff --git a/webapp/channels/src/components/drafts/panel/panel.scss b/webapp/channels/src/components/drafts/panel/panel.scss index 0c3ca70640..71f5a30ef4 100644 --- a/webapp/channels/src/components/drafts/panel/panel.scss +++ b/webapp/channels/src/components/drafts/panel/panel.scss @@ -3,8 +3,8 @@ .Panel { border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - background-color: var(--center-channel-bg); border-radius: 4px; + background-color: var(--center-channel-bg); box-shadow: var(--elevation-1); cursor: pointer; transition: box-shadow 0.3s ease-in-out; diff --git a/webapp/channels/src/components/feedback_modal/feedback.scss b/webapp/channels/src/components/feedback_modal/feedback.scss index 4977a4c626..fe40027d9d 100644 --- a/webapp/channels/src/components/feedback_modal/feedback.scss +++ b/webapp/channels/src/components/feedback_modal/feedback.scss @@ -9,8 +9,8 @@ width: 100%; padding: 10px; border-color: rgba(var(--sys-denim-center-channel-text-rgb), 0.16); - margin-bottom: 15px; border-radius: 4px; + margin-bottom: 15px; color: black; font-size: 15px; resize: none; diff --git a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_actions/file_preview_modal_main_actions.scss b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_actions/file_preview_modal_main_actions.scss index 16a74c1a13..837c16dd53 100644 --- a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_actions/file_preview_modal_main_actions.scss +++ b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_actions/file_preview_modal_main_actions.scss @@ -19,9 +19,9 @@ align-items: center; justify-content: center; border: unset; + border-radius: 4px; margin-left: 8px; background: transparent; - border-radius: 4px; &:hover { background: rgba(255, 255, 255, 0.16); diff --git a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.scss b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.scss index 3d79946026..771956fc41 100644 --- a/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.scss +++ b/webapp/channels/src/components/file_preview_modal/file_preview_modal_main_nav/file_preview_modal_main_nav.scss @@ -14,9 +14,9 @@ align-items: center; justify-content: center; border: unset; + border-radius: 4px; margin-left: 12px; background: transparent; - border-radius: 4px; font-weight: 600; &:hover { diff --git a/webapp/channels/src/components/file_search_results/file_search_result_item.scss b/webapp/channels/src/components/file_search_results/file_search_result_item.scss index eb0b76bcb4..9c6ecc7fb6 100644 --- a/webapp/channels/src/components/file_search_results/file_search_result_item.scss +++ b/webapp/channels/src/components/file_search_results/file_search_result_item.scss @@ -7,9 +7,9 @@ align-items: center; padding: 11px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); + border-radius: 4px; margin: 0 14px 8px 14px; background: transparent; - border-radius: 4px; color: var(--center-channel-color); cursor: pointer; transition: box-shadow 0.15s ease; @@ -90,9 +90,9 @@ min-width: 32px; height: 32px; justify-content: center; + border-radius: 4px; margin-left: 8px; background-color: var(--center-channel-bg); - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.64); cursor: pointer; fill: rgba(var(--center-channel-color-rgb), 0.64); diff --git a/webapp/channels/src/components/hint-toast/hint_toast.scss b/webapp/channels/src/components/hint-toast/hint_toast.scss index 36cdda5cd6..965672b6e1 100644 --- a/webapp/channels/src/components/hint-toast/hint_toast.scss +++ b/webapp/channels/src/components/hint-toast/hint_toast.scss @@ -1,9 +1,9 @@ .hint-toast { padding: 4px 4px 4px 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); + border-radius: 4px; margin: 0; background-color: var(--center-channel-bg); - border-radius: 4px; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); color: var(--center-channel-color); font-size: 14px; diff --git a/webapp/channels/src/components/icon_message_with_progress_bar/icon_message_with_progress_bar.scss b/webapp/channels/src/components/icon_message_with_progress_bar/icon_message_with_progress_bar.scss index 22b54d4204..349c604807 100644 --- a/webapp/channels/src/components/icon_message_with_progress_bar/icon_message_with_progress_bar.scss +++ b/webapp/channels/src/components/icon_message_with_progress_bar/icon_message_with_progress_bar.scss @@ -1,16 +1,16 @@ .IconMessageWithProgressBar-progress { width: 387px; height: 4px; + border-radius: 4px; margin: 0 auto; margin-top: 60px; background: rgba(var(--secondary-blue-rgb), 0.12); - border-radius: 4px; } .IconMessageWithProgressBar-progress-fill { height: 100%; - background: #0058cc; border-radius: 4px; + background: #0058cc; } .IconMessageWithProgressBar-body { diff --git a/webapp/channels/src/components/info_toast/info_toast.scss b/webapp/channels/src/components/info_toast/info_toast.scss index 8d3d078610..2c138163b0 100644 --- a/webapp/channels/src/components/info_toast/info_toast.scss +++ b/webapp/channels/src/components/info_toast/info_toast.scss @@ -10,8 +10,8 @@ min-height: 40px; align-items: center; padding: 8px; - background: var(--center-channel-text); border-radius: 4px; + background: var(--center-channel-text); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); color: var(--sidebar-text); font-weight: 600; @@ -42,10 +42,10 @@ align-items: center; padding: 6px 10px; border: none; + border-radius: 4px; margin-right: 16px; margin-left: 8px; background: var(--button-bg); - border-radius: 4px; color: var(--sidebar-text); font-size: 11px; font-weight: 600; diff --git a/webapp/channels/src/components/invitation_modal/add_to_channels.scss b/webapp/channels/src/components/invitation_modal/add_to_channels.scss index 22293d10d9..5c5a2d1471 100644 --- a/webapp/channels/src/components/invitation_modal/add_to_channels.scss +++ b/webapp/channels/src/components/invitation_modal/add_to_channels.scss @@ -6,9 +6,9 @@ height: 90px; padding: 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.75); + border-radius: 4px; margin-bottom: 8px; background: var(--center-channel-bg); - border-radius: 4px; resize: vertical; &:focus { diff --git a/webapp/channels/src/components/invitation_modal/invite_as.scss b/webapp/channels/src/components/invitation_modal/invite_as.scss index e69478b188..01b28a82c5 100644 --- a/webapp/channels/src/components/invitation_modal/invite_as.scss +++ b/webapp/channels/src/components/invitation_modal/invite_as.scss @@ -45,8 +45,8 @@ align-items: center; padding: 0 12px; border: 1px solid rgba(var(--denim-button-bg-rgb), 0.08); - background: rgba(var(--denim-button-bg-rgb), 0.04); border-radius: 20px; + background: rgba(var(--denim-button-bg-rgb), 0.04); color: var(--denim-button-bg); .RestrictedIndicator__icon-tooltip-container { diff --git a/webapp/channels/src/components/invitation_modal/result_table.scss b/webapp/channels/src/components/invitation_modal/result_table.scss index 3a67f39986..19bb44b860 100644 --- a/webapp/channels/src/components/invitation_modal/result_table.scss +++ b/webapp/channels/src/components/invitation_modal/result_table.scss @@ -51,9 +51,9 @@ width: 36px; height: 36px; padding: 3px; + border-radius: 18px; margin: 12px 0 12px 12px; background: var(--button-bg); - border-radius: 18px; svg { width: 24px; @@ -68,9 +68,9 @@ width: 36px; height: 36px; padding: 3px; + border-radius: 18px; margin: 12px 0 12px 12px; background: var(--dnd-indicator); - border-radius: 18px; svg { width: 28.8px; diff --git a/webapp/channels/src/components/learn_more_trial_modal/start_trial_btn.scss b/webapp/channels/src/components/learn_more_trial_modal/start_trial_btn.scss index 50e59966fb..2d6c5148c8 100644 --- a/webapp/channels/src/components/learn_more_trial_modal/start_trial_btn.scss +++ b/webapp/channels/src/components/learn_more_trial_modal/start_trial_btn.scss @@ -9,8 +9,8 @@ width: fit-content; padding: 13px 20px; border: none; - background: var(--sys-center-channel-bg); border-radius: 4px; + background: var(--sys-center-channel-bg); box-shadow: inset 0 0 0 1px var(--sys-button-bg); color: var(--sys-button-bg); font-size: 14px; diff --git a/webapp/channels/src/components/login/login.scss b/webapp/channels/src/components/login/login.scss index 11db02891f..e0262ca71d 100644 --- a/webapp/channels/src/components/login/login.scss +++ b/webapp/channels/src/components/login/login.scss @@ -80,8 +80,8 @@ .login-body-custom-branding-image { max-height: 240px; align-self: self-start; - margin-bottom: 28px; border-radius: 8px; + margin-bottom: 28px; } } @@ -94,9 +94,9 @@ width: 540px; box-sizing: border-box; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); + border-radius: 8px; margin-left: 60px; background-color: var(--center-channel-bg); - border-radius: 8px; box-shadow: var(--elevation-5); &.with-error { diff --git a/webapp/channels/src/components/main_menu/learn_about_teams_link.scss b/webapp/channels/src/components/main_menu/learn_about_teams_link.scss index 521b9f9343..c3c6e1563a 100644 --- a/webapp/channels/src/components/main_menu/learn_about_teams_link.scss +++ b/webapp/channels/src/components/main_menu/learn_about_teams_link.scss @@ -17,8 +17,8 @@ >i { display: inline-flex !important; padding: 3px; - background-color: hsla(221, 77%, 48%, 0.08); border-radius: 50%; + background-color: hsla(221, 77%, 48%, 0.08); font-size: 14px !important; &::before { diff --git a/webapp/channels/src/components/markdown_image_expand/markdown_image_expand.scss b/webapp/channels/src/components/markdown_image_expand/markdown_image_expand.scss index f9c20027c0..4138d18454 100644 --- a/webapp/channels/src/components/markdown_image_expand/markdown_image_expand.scss +++ b/webapp/channels/src/components/markdown_image_expand/markdown_image_expand.scss @@ -16,8 +16,8 @@ height: 24px; padding: 0; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 16px; + background-color: var(--center-channel-bg); box-shadow: $elevation-1; color: rgba(var(--center-channel-color-rgb), 0.64); font-size: 18px; @@ -48,8 +48,8 @@ width: 100%; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--center-channel-color-rgb), 0.64); font-size: 18px; line-height: 18px; diff --git a/webapp/channels/src/components/new_channel_modal/new_channel_modal.scss b/webapp/channels/src/components/new_channel_modal/new_channel_modal.scss index a11a2c6037..dfb5d996d4 100644 --- a/webapp/channels/src/components/new_channel_modal/new_channel_modal.scss +++ b/webapp/channels/src/components/new_channel_modal/new_channel_modal.scss @@ -11,8 +11,8 @@ box-sizing: border-box; padding: 12px 16px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); color: var(--center-channel-color); font-size: 14px; line-height: 20px; diff --git a/webapp/channels/src/components/no_results_indicator/no_results_indicator.scss b/webapp/channels/src/components/no_results_indicator/no_results_indicator.scss index a91398044a..687415f3c4 100644 --- a/webapp/channels/src/components/no_results_indicator/no_results_indicator.scss +++ b/webapp/channels/src/components/no_results_indicator/no_results_indicator.scss @@ -43,8 +43,8 @@ height: 120px; align-items: center; justify-content: center; - margin: 22px; border-radius: 100%; + margin: 22px; } .no-results__title { diff --git a/webapp/channels/src/components/onboarding_tasks/onboarding_video_modal/onboarding_video_modal.scss b/webapp/channels/src/components/onboarding_tasks/onboarding_video_modal/onboarding_video_modal.scss index 2189704a19..3045adb553 100644 --- a/webapp/channels/src/components/onboarding_tasks/onboarding_video_modal/onboarding_video_modal.scss +++ b/webapp/channels/src/components/onboarding_tasks/onboarding_video_modal/onboarding_video_modal.scss @@ -51,8 +51,8 @@ overflow: hidden; height: 100%; padding: 0; - margin: 0; border-radius: 8px; + margin: 0; } .modal-footer { diff --git a/webapp/channels/src/components/payment_form/card_input.css b/webapp/channels/src/components/payment_form/card_input.css index 99b5223ec0..1f9166cf9d 100644 --- a/webapp/channels/src/components/payment_form/card_input.css +++ b/webapp/channels/src/components/payment_form/card_input.css @@ -5,9 +5,9 @@ padding-top: 8px; padding-bottom: 2px !important; padding-left: 12px; + border-radius: 4px; background-color: var(--center-channel-bg); background-image: none; - border-radius: 4px; box-shadow: none; color: var(--center-channel-color); font-family: 'Open Sans'; diff --git a/webapp/channels/src/components/payment_form/gather_intent/gather_intent.scss b/webapp/channels/src/components/payment_form/gather_intent/gather_intent.scss index a27977dbd2..2911412bdd 100644 --- a/webapp/channels/src/components/payment_form/gather_intent/gather_intent.scss +++ b/webapp/channels/src/components/payment_form/gather_intent/gather_intent.scss @@ -35,8 +35,8 @@ .modal-content { max-width: 512px; max-height: 465px; - background: var(--center-channel-bg); border-radius: 12px; + background: var(--center-channel-bg); } .modal-dialog { @@ -162,8 +162,8 @@ &__textarea { width: 100%; border: solid 1px rgba(63, 67, 80, 0.16); - background: rgb(var(--center-channel-bg-rgb)); border-radius: 4px; + background: rgb(var(--center-channel-bg-rgb)); resize: none; } } diff --git a/webapp/channels/src/components/payment_form/payment_form.scss b/webapp/channels/src/components/payment_form/payment_form.scss index c8d933c79b..f31fcd058a 100644 --- a/webapp/channels/src/components/payment_form/payment_form.scss +++ b/webapp/channels/src/components/payment_form/payment_form.scss @@ -119,9 +119,9 @@ box-sizing: border-box; padding: 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); + border-radius: 4px; margin-bottom: 16px; background: #fff; - border-radius: 4px; } .PaymentForm-saved-title { diff --git a/webapp/channels/src/components/plugin_marketplace/marketplace_modal.scss b/webapp/channels/src/components/plugin_marketplace/marketplace_modal.scss index 73baeba36d..68a44b3477 100644 --- a/webapp/channels/src/components/plugin_marketplace/marketplace_modal.scss +++ b/webapp/channels/src/components/plugin_marketplace/marketplace_modal.scss @@ -69,8 +69,8 @@ &:focus, &:focus-within { border: none; - background: transparent; border-radius: none; + background: transparent; color: var(--center-channel-color); } } @@ -176,8 +176,8 @@ flex: 0 0 48px; align-items: center; justify-content: center; - background-color: $white; border-radius: 50%; + background-color: $white; svg, img { diff --git a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.scss b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.scss index 411104a86f..2c4d625f49 100644 --- a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.scss +++ b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements.scss @@ -11,9 +11,9 @@ min-width: 0; align-items: center; border: 0; + border-radius: 4px; margin: 4px 0; background: rgba(var(--online-indicator-rgb), 0.08); - border-radius: 4px; color: var(--online-indicator); font-weight: 600; transition: all 0.15s ease-out; diff --git a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements_users_popover.tsx b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements_users_popover.tsx index 2184e40482..cdacc8ae17 100644 --- a/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements_users_popover.tsx +++ b/webapp/channels/src/components/post_view/acknowledgements/post_acknowledgements_users_popover.tsx @@ -57,7 +57,7 @@ const Popover = styled.div` border-radius: 4px; border: solid 1px rgba(var(--center-channel-color-rgb), 0.16); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); - color: lighten($black, 25%); + color: color.adjust($black, $lightness: 25%); font-family: inherit; max-height: 400px; overflow-y: scroll; diff --git a/webapp/channels/src/components/post_view/channel_intro_message/add_members_button.scss b/webapp/channels/src/components/post_view/channel_intro_message/add_members_button.scss index bec2fdfd97..cd8f9e95af 100644 --- a/webapp/channels/src/components/post_view/channel_intro_message/add_members_button.scss +++ b/webapp/channels/src/components/post_view/channel_intro_message/add_members_button.scss @@ -22,8 +22,8 @@ width: fit-content; padding: 8px 16px; border: none; - background-color: var(--button-bg); border-radius: 4px; + background-color: var(--button-bg); color: var(--button-color); font-size: 12px; font-weight: 600; diff --git a/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.scss b/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.scss index 4c60b28609..62bb883743 100644 --- a/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.scss +++ b/webapp/channels/src/components/post_view/post_attachment_opengraph/post_attachment_opengraph.scss @@ -16,9 +16,9 @@ max-width: 700px; padding: 16px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); + border-radius: 4px; margin: 5px 0; background-color: var(--center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); /** @@ -55,8 +55,8 @@ left: -28px; display: none; padding: 5px; - background-color: rgba(var(--center-channel-color-rgb), 0); border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0); color: rgba(var(--center-channel-color-rgb), 0.75); &:hover:not(:active) { @@ -159,8 +159,8 @@ width: 24px; height: 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 50%; + background-color: var(--center-channel-bg); color: rgba(var(--center-channel-color-rgb), 0.75); font-size: 12px; place-content: center; @@ -178,8 +178,8 @@ display: flex; width: auto; border: none; - background-color: transparent; border-radius: 0; + background-color: transparent; } } diff --git a/webapp/channels/src/components/post_view/reaction/reaction.scss b/webapp/channels/src/components/post_view/reaction/reaction.scss index 476d51e8ad..15b1c911aa 100644 --- a/webapp/channels/src/components/post_view/reaction/reaction.scss +++ b/webapp/channels/src/components/post_view/reaction/reaction.scss @@ -18,9 +18,9 @@ align-items: center; padding: 0 5px; border: 1px solid transparent; + border-radius: 4px; margin: 0 4px 4px 0; background: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.75); cursor: pointer; fill: rgba(var(--center-channel-color-rgb), 0.75); diff --git a/webapp/channels/src/components/preparing_workspace/invite_members_link.scss b/webapp/channels/src/components/preparing_workspace/invite_members_link.scss index a3f09a09ff..1e082a538f 100644 --- a/webapp/channels/src/components/preparing_workspace/invite_members_link.scss +++ b/webapp/channels/src/components/preparing_workspace/invite_members_link.scss @@ -7,12 +7,12 @@ height: 48px; flex-grow: 1; padding: 12px 14px; + border-radius: 4px 0 0 4px; border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.2); border-right: 0; border-bottom: 1px solid rgba(var(--center-channel-color-rgb), 0.2); border-left: 1px solid rgba(var(--center-channel-color-rgb), 0.2); background: var(--center-channel-color-rgb); - border-radius: 4px 0 0 4px; color: rgba(var(--center-channel-color-rgb), 0.75); font-size: 16px; } @@ -41,8 +41,8 @@ width: 180px; height: 48px; border: 1px solid var(--button-bg); - background: var(--center-channel-bg); border-radius: 0 4px 4px 0; + background: var(--center-channel-bg); color: var(--button-bg); &:hover { diff --git a/webapp/channels/src/components/preparing_workspace/preparing_workspace.scss b/webapp/channels/src/components/preparing_workspace/preparing_workspace.scss index 08f69b9ee3..16cf737a00 100644 --- a/webapp/channels/src/components/preparing_workspace/preparing_workspace.scss +++ b/webapp/channels/src/components/preparing_workspace/preparing_workspace.scss @@ -36,8 +36,8 @@ width: 404px; align-items: center; padding: 10px; - background-color: var(--dnd-indicator); border-radius: 4px; + background-color: var(--dnd-indicator); box-shadow: $elevation-3; color: var(--center-channel-bg); font-size: 14px; diff --git a/webapp/channels/src/components/preparing_workspace/progress.scss b/webapp/channels/src/components/preparing_workspace/progress.scss index 4223c186b3..8f52aa7e31 100644 --- a/webapp/channels/src/components/preparing_workspace/progress.scss +++ b/webapp/channels/src/components/preparing_workspace/progress.scss @@ -1,3 +1,5 @@ +@use 'sass:color'; + @import 'utils/variables'; @import 'utils/mixins'; @@ -21,14 +23,14 @@ display: inline-block; width: 6px; height: 6px; + border-radius: 6px; margin: 5px 0; background: $primary-color; - border-radius: 6px; opacity: 0.2; &.active { opacity: 1; - outline: 3px solid lighten($primary-color, 50%); + outline: 3px solid color.adjust($primary-color, $lightness: 50%); } } diff --git a/webapp/channels/src/components/pricing_modal/pricing_modal.scss b/webapp/channels/src/components/pricing_modal/pricing_modal.scss index b1da4feda0..71790f8f27 100644 --- a/webapp/channels/src/components/pricing_modal/pricing_modal.scss +++ b/webapp/channels/src/components/pricing_modal/pricing_modal.scss @@ -146,9 +146,9 @@ .self-hosted-interest { padding: 8px; + border-radius: 8px; margin-top: 24px; background: rgba(var(--denim-button-bg-rgb), 0.08); - border-radius: 8px; font-family: 'Open Sans'; font-size: 14px; font-style: normal; @@ -181,9 +181,9 @@ align-items: center; justify-content: center; padding: 14px; + border-radius: 13px 13px 0 0; margin-right: auto; margin-left: auto; - border-radius: 13px 13px 0 0; font-size: 12px; font-style: normal; font-weight: 600; @@ -202,9 +202,9 @@ .bottom { height: auto; border: 1px solid rgba(var(--center-channel-text-rgb), 0.08); + border-radius: 0 0 4px 4px; border-top: 1px solid var(--center-channel-bg); background-color: var(--center-channel-bg); - border-radius: 0 0 4px 4px; box-shadow: var(--elevation-6); .bottom_container { @@ -304,8 +304,8 @@ height: 40px; padding: 10px 24px; border: none; - background: none; border-radius: 4px; + background: none; color: var(--denim-button-bg); font-weight: 600; @@ -391,8 +391,8 @@ position: relative; height: auto; padding: 37px 24px 24px 24px; - background-color: rgba(var(--center-channel-text-rgb), 0.75); border-radius: 0 0 4px 4px; + background-color: rgba(var(--center-channel-text-rgb), 0.75); color: var(--sidebar-text); .illustration { diff --git a/webapp/channels/src/components/product_notices_modal/product_notices_modal.scss b/webapp/channels/src/components/product_notices_modal/product_notices_modal.scss index 76d6035d45..c40ea375b9 100644 --- a/webapp/channels/src/components/product_notices_modal/product_notices_modal.scss +++ b/webapp/channels/src/components/product_notices_modal/product_notices_modal.scss @@ -28,8 +28,8 @@ display: block; max-height: 347px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin: 32px auto 0; border-radius: 4px; + margin: 32px auto 0; } .productNotices__imageDiv { @@ -111,8 +111,8 @@ &.actionButton { display: inline-flex; align-items: center; - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); color: var(--button-bg); text-decoration: none; diff --git a/webapp/channels/src/components/profile_popover/profile_popover.scss b/webapp/channels/src/components/profile_popover/profile_popover.scss index 68574dccf7..43dcf05cf9 100644 --- a/webapp/channels/src/components/profile_popover/profile_popover.scss +++ b/webapp/channels/src/components/profile_popover/profile_popover.scss @@ -115,8 +115,8 @@ color: rgba(var(--center-channel-color-rgb), 0.64); &:hover { - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.08); color: rgba(var(--center-channel-color-rgb), 0.8); } } diff --git a/webapp/channels/src/components/purchase_modal/icon_message.scss b/webapp/channels/src/components/purchase_modal/icon_message.scss index 1fbae1f81a..e16c043b75 100644 --- a/webapp/channels/src/components/purchase_modal/icon_message.scss +++ b/webapp/channels/src/components/purchase_modal/icon_message.scss @@ -59,30 +59,30 @@ .IconMessage-progress { width: 387px; height: 4px; + border-radius: 4px; margin: 0 auto; margin-top: 90px; background: rgba(34, 64, 109, 0.12); - border-radius: 4px; } .IconMessage-progress-fill { height: 100%; - background: #0058cc; border-radius: 4px; + background: #0058cc; } .IconMessage-button { button { - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); color: var(--button-color); } } .IconMessage-tertiary-button { button { - background: rgba(var(--denim-button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--denim-button-bg-rgb), 0.08); color: var(--button-bg); } } diff --git a/webapp/channels/src/components/purchase_modal/process_payment.css b/webapp/channels/src/components/purchase_modal/process_payment.css index be4fa5f15f..68632e43ac 100644 --- a/webapp/channels/src/components/purchase_modal/process_payment.css +++ b/webapp/channels/src/components/purchase_modal/process_payment.css @@ -1,16 +1,16 @@ .ProcessPayment-progress { width: 387px; height: 4px; + border-radius: 4px; margin: 0 auto; margin-top: 60px; background: rgb(34, 64, 109, 0.12); - border-radius: 4px; } .ProcessPayment-progress-fill { height: 100%; - background: #0058cc; border-radius: 4px; + background: #0058cc; } .ProcessPayment-body { diff --git a/webapp/channels/src/components/purchase_modal/purchase.scss b/webapp/channels/src/components/purchase_modal/purchase.scss index 54327a8c52..38fc5d429b 100644 --- a/webapp/channels/src/components/purchase_modal/purchase.scss +++ b/webapp/channels/src/components/purchase_modal/purchase.scss @@ -90,9 +90,9 @@ box-sizing: border-box; padding: 32px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); + border-radius: 4px; margin: 24px 0; background-color: #fff; - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); .CardImage { @@ -219,8 +219,8 @@ padding-bottom: 24px; padding-left: 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 0 0 4px 4px; + background-color: var(--center-channel-bg); .enable_annual_sub { margin-top: 12px; @@ -231,8 +231,8 @@ height: 40px; padding: 10px 24px; border: none; - background: none; border-radius: 4px; + background: none; color: var(--denim-button-bg); font-size: 14px; font-weight: 700; @@ -273,8 +273,8 @@ text-align: center; .summary-section { - background-color: rgba(var(--denim-button-bg-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--denim-button-bg-rgb), 0.08); font-family: 'Metropolis'; .summary-title { @@ -513,8 +513,8 @@ width: fit-content; height: 40px; border: 0; - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); color: var(--button-color); font-size: 14px; font-weight: 600; diff --git a/webapp/channels/src/components/purchase_modal/renewal_card.scss b/webapp/channels/src/components/purchase_modal/renewal_card.scss index 14ebb171c8..6423702235 100644 --- a/webapp/channels/src/components/purchase_modal/renewal_card.scss +++ b/webapp/channels/src/components/purchase_modal/renewal_card.scss @@ -10,8 +10,8 @@ max-width: 353px; padding: 28px 32px; border: 1px solid var(--light-8-center-channel-text, rgba(61, 60, 64, 0.08)); - background: var(--light-center-channel-bg, #fff); border-radius: 4px; + background: var(--light-center-channel-bg, #fff); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08); .SeatsCalculator { @@ -26,9 +26,9 @@ width: 332px; padding: 28px 32px; border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.08); + border-radius: 4px; margin-left: 20px; background-color: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } @@ -195,8 +195,8 @@ align-items: center; justify-content: center; padding: 11px 20px; - background: var(--sys-button-bg); border-radius: 4px; + background: var(--sys-button-bg); color: var(--sys-button-color); &:hover:not(:disabled) { diff --git a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss index 45478bb488..8e84e03625 100644 --- a/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss +++ b/webapp/channels/src/components/scroll_to_bottom_toast/scroll_to_bottom_toast.scss @@ -4,10 +4,10 @@ justify-content: space-between; padding: 4px; padding-left: 12px; + border-radius: 4px; // background-color: var(--center-channel-color--88); background: linear-gradient(0deg, rgba(63, 67, 80, 0.9) 0%, rgba(63, 67, 80, 0.9) 100%), #fff; - border-radius: 4px; box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.12); color: var(--sidebar-text); cursor: pointer; diff --git a/webapp/channels/src/components/search_results/files_filter_menu.scss b/webapp/channels/src/components/search_results/files_filter_menu.scss index 164310a585..17903ad7f1 100644 --- a/webapp/channels/src/components/search_results/files_filter_menu.scss +++ b/webapp/channels/src/components/search_results/files_filter_menu.scss @@ -12,8 +12,8 @@ justify-content: center; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--center-channel-color-rgb), 0.75); cursor: pointer; text-align: center; @@ -25,8 +25,8 @@ width: 10px; height: 10px; border: 2px solid var(--center-channel-bg); - background-color: var(--button-bg); border-radius: 50%; + background-color: var(--button-bg); } &:hover { diff --git a/webapp/channels/src/components/search_results/messages_or_files_selector.scss b/webapp/channels/src/components/search_results/messages_or_files_selector.scss index 35d63543f0..09da3a0b76 100644 --- a/webapp/channels/src/components/search_results/messages_or_files_selector.scss +++ b/webapp/channels/src/components/search_results/messages_or_files_selector.scss @@ -12,17 +12,17 @@ .tab { padding: 4px 12px; border: 0; + border-radius: 4px; margin-right: 4px; background-color: rgba(var(--center-channel-bg-rgb), 1); - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.75); cursor: pointer; font-weight: 600; text-decoration: none; &.active { - background-color: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); .counter { @@ -34,9 +34,9 @@ position: relative; bottom: 1px; padding: 1px 6px; + border-radius: 8px; margin-left: 4px; background-color: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 8px; font-size: 10px; font-weight: 700; } diff --git a/webapp/channels/src/components/self_hosted_purchases/self_hosted_expansion_modal/expansion_card.scss b/webapp/channels/src/components/self_hosted_purchases/self_hosted_expansion_modal/expansion_card.scss index d4ebc0ced4..23382357b0 100644 --- a/webapp/channels/src/components/self_hosted_purchases/self_hosted_expansion_modal/expansion_card.scss +++ b/webapp/channels/src/components/self_hosted_purchases/self_hosted_expansion_modal/expansion_card.scss @@ -118,9 +118,9 @@ &__CompletePurchaseButton { width: 100%; + border-radius: 4px; margin-top: 10px; margin-bottom: 10px; - border-radius: 4px; } &__ChargedTodayDisclaimer { diff --git a/webapp/channels/src/components/self_hosted_purchases/self_hosted_purchase_modal/self_hosted_purchase_modal.scss b/webapp/channels/src/components/self_hosted_purchases/self_hosted_purchase_modal/self_hosted_purchase_modal.scss index 58d5ac31c8..a9cdb64d0f 100644 --- a/webapp/channels/src/components/self_hosted_purchases/self_hosted_purchase_modal/self_hosted_purchase_modal.scss +++ b/webapp/channels/src/components/self_hosted_purchases/self_hosted_purchase_modal/self_hosted_purchase_modal.scss @@ -186,8 +186,8 @@ padding-bottom: 24px; padding-left: 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 0 0 4px 4px; + background-color: var(--center-channel-bg); .enable_annual_sub { margin-top: 12px; @@ -198,8 +198,8 @@ height: 40px; padding: 10px 24px; border: none; - background: none; border-radius: 4px; + background: none; color: var(--denim-button-bg); font-size: 14px; font-weight: 700; @@ -240,8 +240,8 @@ text-align: center; .summary-section { - background-color: rgba(var(--denim-button-bg-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--denim-button-bg-rgb), 0.08); font-family: 'Metropolis'; .summary-title { diff --git a/webapp/channels/src/components/shortcut_key/shortcut_key.scss b/webapp/channels/src/components/shortcut_key/shortcut_key.scss index f3aa2bd6ad..e6147c4568 100644 --- a/webapp/channels/src/components/shortcut_key/shortcut_key.scss +++ b/webapp/channels/src/components/shortcut_key/shortcut_key.scss @@ -2,8 +2,8 @@ .shortcut-key { display: inline-block; padding: 10px 9px 8px 8px; - background: var(--center-channel-color); border-radius: 4px; + background: var(--center-channel-color); color: var(--center-channel-bg); font-size: 14px; font-weight: 500; diff --git a/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.scss b/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.scss index 2276448c66..1cf62e081d 100644 --- a/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.scss +++ b/webapp/channels/src/components/sidebar/unread_channel_indicator/unread_channel_indicator.scss @@ -11,9 +11,9 @@ align-items: center; justify-content: center; padding: 8px; + border-radius: 4px; margin-left: 50%; background: var(--mention-bg); - border-radius: 4px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); color: var(--mention-color); cursor: pointer; diff --git a/webapp/channels/src/components/signup/signup.scss b/webapp/channels/src/components/signup/signup.scss index a4b5e9c91f..5df5d175c4 100644 --- a/webapp/channels/src/components/signup/signup.scss +++ b/webapp/channels/src/components/signup/signup.scss @@ -110,8 +110,8 @@ .signup-body-custom-branding-image { max-height: 540px; align-self: center; - margin-bottom: 28px; border-radius: 8px; + margin-bottom: 28px; } } @@ -124,9 +124,9 @@ width: 540px; box-sizing: border-box; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); + border-radius: 8px; margin-left: 60px; background-color: var(--center-channel-bg); - border-radius: 8px; box-shadow: var(--elevation-5); &.with-error { diff --git a/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.scss b/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.scss index 275546daa1..b9332dca0e 100644 --- a/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.scss +++ b/webapp/channels/src/components/start_trial_form_modal/air_gapped_modal.scss @@ -6,8 +6,8 @@ width: 512px; height: 660px; border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 12px; + margin: auto; transform: translate(-50%, -50%) !important; } @@ -52,8 +52,8 @@ padding-bottom: 0; padding-left: 32px; border: 0; - background: var(--center-channel-bg) !important; border-radius: 12px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -104,9 +104,9 @@ flex: none; padding: 12px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--button-bg); - border-radius: 4px; color: var(--sys-button-color); font-size: 14px; font-weight: 600; diff --git a/webapp/channels/src/components/start_trial_form_modal/start_trial_form_modal.scss b/webapp/channels/src/components/start_trial_form_modal/start_trial_form_modal.scss index 38d0bce6ac..f5ca777f45 100644 --- a/webapp/channels/src/components/start_trial_form_modal/start_trial_form_modal.scss +++ b/webapp/channels/src/components/start_trial_form_modal/start_trial_form_modal.scss @@ -10,8 +10,8 @@ width: 512px; height: 660px; border: 1 px solid rgba(var(--center-channel-color-rgb), 0.08); - margin: auto; border-radius: 8px; + margin: auto; transform: translate(-50%, -50%) !important; } @@ -70,8 +70,8 @@ padding-bottom: 0; padding-left: 32px; border: 0; - background: var(--center-channel-bg) !important; border-radius: 8px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -158,9 +158,9 @@ flex: none; padding: 12px 20px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--button-bg); - border-radius: 4px; color: var(--sys-button-color); font-size: 14px; font-weight: 600; diff --git a/webapp/channels/src/components/team_settings/team_info_tab/team_picture_section.scss b/webapp/channels/src/components/team_settings/team_info_tab/team_picture_section.scss index d621f04d99..be210dcd58 100644 --- a/webapp/channels/src/components/team_settings/team_info_tab/team_picture_section.scss +++ b/webapp/channels/src/components/team_settings/team_info_tab/team_picture_section.scss @@ -24,8 +24,8 @@ height: 120px; align-items: center; justify-content: center; - background-color: var(--sidebar-header-bg); border-radius: 24px; + background-color: var(--sidebar-header-bg); cursor: pointer; } @@ -45,8 +45,8 @@ bottom: -6px; padding: 4px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg, #fff); border-radius: 20px; + background: var(--center-channel-bg, #fff); box-shadow: 0 2px 3px 0 var(--elevation-1); cursor: pointer; } diff --git a/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss b/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss index 588ed68612..7eb806eb66 100644 --- a/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss +++ b/webapp/channels/src/components/threading/channel_threads/thread_footer/thread_footer.scss @@ -24,8 +24,8 @@ .dot-unreads { width: 8px; height: 8px; - background: rgba(var(--sidebar-text-active-border-rgb), 1); border-radius: 50%; + background: rgba(var(--sidebar-text-active-border-rgb), 1); } .Avatars { diff --git a/webapp/channels/src/components/threading/common/button/button.scss b/webapp/channels/src/components/threading/common/button/button.scss index 8a9f875387..2a6582448d 100644 --- a/webapp/channels/src/components/threading/common/button/button.scss +++ b/webapp/channels/src/components/threading/common/button/button.scss @@ -120,8 +120,8 @@ right: 6px; width: 4px; height: 4px; - background: rgba(var(--sidebar-text-active-border-rgb), 1); border-radius: 50%; + background: rgba(var(--sidebar-text-active-border-rgb), 1); } } diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.scss b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.scss index 6acb05b8d4..54d9e39e24 100644 --- a/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.scss +++ b/webapp/channels/src/components/threading/global_threads/thread_item/attachments/file_card/file_card.scss @@ -6,8 +6,8 @@ align-items: center; padding: 0 6px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin: 0 2px; border-radius: 4px; + margin: 0 2px; color: var(--center-channel-color); &__name { @@ -31,8 +31,8 @@ max-width: 28px; min-height: 28px; max-height: 28px; - margin-right: 8px; border-radius: 2px; + margin-right: 8px; } &__attachment { diff --git a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss index d62e42393a..370a5e8546 100644 --- a/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss +++ b/webapp/channels/src/components/threading/global_threads/thread_item/thread_item.scss @@ -75,9 +75,9 @@ display: inline-block; width: 8px; height: 8px; + border-radius: 50%; margin: 0 8px; background: rgba(var(--sidebar-text-active-border-rgb), 1); - border-radius: 50%; text-align: center; } @@ -85,8 +85,8 @@ display: inline-block; width: 16px; height: 16px; - background: rgba(var(--button-bg-rgb), 1); border-radius: 50%; + background: rgba(var(--button-bg-rgb), 1); color: rgba(var(--button-color-rgb), 1); font-size: 10px; font-weight: 700; diff --git a/webapp/channels/src/components/toast/toast.scss b/webapp/channels/src/components/toast/toast.scss index e6b888498e..138e966349 100644 --- a/webapp/channels/src/components/toast/toast.scss +++ b/webapp/channels/src/components/toast/toast.scss @@ -5,9 +5,9 @@ z-index: 2; width: calc(100% - 30px); height: 32px; + border-radius: 4px; margin: 10px 15px 0; background-color: var(--button-bg); - border-radius: 4px; color: var(--button-color); cursor: default; font-size: 13px; diff --git a/webapp/channels/src/components/tours/crt_tour/collapsed_reply_threads_modal.scss b/webapp/channels/src/components/tours/crt_tour/collapsed_reply_threads_modal.scss index c859032225..6cf22f87a7 100644 --- a/webapp/channels/src/components/tours/crt_tour/collapsed_reply_threads_modal.scss +++ b/webapp/channels/src/components/tours/crt_tour/collapsed_reply_threads_modal.scss @@ -17,8 +17,8 @@ .CollapsedReplyThreadsModal__img { border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin-top: 40px; border-radius: 4px; + margin-top: 40px; } .modal-footer { diff --git a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.scss b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.scss index ff5be72723..99808c62be 100644 --- a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.scss +++ b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal.scss @@ -7,8 +7,8 @@ min-height: 440px; padding: 0 !important; border-color: rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg); border-radius: 8px; + background: var(--center-channel-bg); color: var(--center-channel-color); } @@ -40,8 +40,8 @@ min-height: 48px; padding: 0; border: 0; - background: var(--center-channel-bg) !important; border-radius: 8px; + background: var(--center-channel-bg) !important; color: var(--center-channel-color); } @@ -61,8 +61,8 @@ &:focus, &:active:focus { border: none; - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); } height: 30px; @@ -70,8 +70,8 @@ align-self: center; padding: 8px 16px; border: none; - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); font-size: 14px; font-weight: 600; @@ -92,9 +92,9 @@ flex: none; padding: 8px 16px; border: none; + border-radius: 4px; margin-left: 8px; background: var(--button-bg); - border-radius: 4px; color: var(--sys-button-color); font-size: 14px; font-weight: 600; diff --git a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.scss b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.scss index fe5906e7cd..7b3ad1e8ef 100644 --- a/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.scss +++ b/webapp/channels/src/components/trial_benefits_modal/trial_benefits_modal_step_more.scss @@ -4,9 +4,9 @@ width: fit-content; padding: 13px 20px; border: none; + border-radius: 4px; margin-top: 16px; background: var(--sys-center-channel-bg); - border-radius: 4px; box-shadow: inset 0 0 0 1px var(--sys-button-bg); color: var(--sys-button-bg); font-size: 14px; diff --git a/webapp/channels/src/components/user_groups_modal/user_groups_modal.scss b/webapp/channels/src/components/user_groups_modal/user_groups_modal.scss index d5f7178a97..f856e7546e 100644 --- a/webapp/channels/src/components/user_groups_modal/user_groups_modal.scss +++ b/webapp/channels/src/components/user_groups_modal/user_groups_modal.scss @@ -22,9 +22,9 @@ align-items: center; justify-content: space-between; padding: 12px 8px; + border-radius: 8px; margin: 0 12px; background-color: var(--denim-sidebar-active-border); - border-radius: 8px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); color: var(--button-color); @@ -109,8 +109,8 @@ height: 32px; padding: 10px 16px; border: none; - background: rgba(28, 88, 217, 0.08); border-radius: 4px; + background: rgba(28, 88, 217, 0.08); color: var(--denim-button-bg); font-size: 12px; font-weight: 600; @@ -235,9 +235,9 @@ &::-webkit-scrollbar-thumb { border: 8px rgba(0, 0, 0, 0) solid; + border-radius: 9999px; background: rgba(var(--center-channel-color-rgb), 0.24); background-clip: padding-box; - border-radius: 9999px; } .group-row { @@ -291,8 +291,8 @@ .Menu { position: absolute; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - margin-top: 8px; border-radius: 4px; + margin-top: 8px; } } @@ -327,15 +327,15 @@ align-items: center; padding: 4px 6px; border: none; + border-radius: 4px; margin-left: auto; background: transparent; - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.75); text-decoration: none; &:hover { - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.08); color: rgba(var(--center-channel-color-rgb), 0.8); fill: rgba(var(--center-channel-color-rgb), 0.8); } diff --git a/webapp/channels/src/components/user_settings/headers/setting_desktop_header.scss b/webapp/channels/src/components/user_settings/headers/setting_desktop_header.scss index f4e4ca2e88..33e1b27f70 100644 --- a/webapp/channels/src/components/user_settings/headers/setting_desktop_header.scss +++ b/webapp/channels/src/components/user_settings/headers/setting_desktop_header.scss @@ -12,8 +12,8 @@ width: 18px; height: 18px; padding: 2px; - background: rgba(var(--button-bg-rgb), 0.12); border-radius: 50%; + background: rgba(var(--button-bg-rgb), 0.12); text-align: center; } } diff --git a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.scss b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.scss index c99462da98..57d0c94992 100644 --- a/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.scss +++ b/webapp/channels/src/components/view_user_group_modal/view_user_group_modal.scss @@ -38,9 +38,9 @@ span.group-source span { padding: 0 4px; + border-radius: 4px; margin-left: 8px; background: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 4px; font-size: 10px; line-height: 16px; } @@ -68,9 +68,9 @@ &::-webkit-scrollbar-thumb { border: 8px rgba(0, 0, 0, 0) solid; + border-radius: 9999px; background: rgba(var(--center-channel-color-rgb), 0.24); background-clip: padding-box; - border-radius: 9999px; } h2.group-member-count { diff --git a/webapp/channels/src/components/widgets/admin_console/admin_panel.scss b/webapp/channels/src/components/widgets/admin_console/admin_panel.scss index c163035cfd..6a80df556a 100644 --- a/webapp/channels/src/components/widgets/admin_console/admin_panel.scss +++ b/webapp/channels/src/components/widgets/admin_console/admin_panel.scss @@ -3,8 +3,8 @@ .AdminPanel { padding: 0; border: solid 1px alpha-color($black, 0.1); - margin: 2em 0 1em; border-radius: $border-rad; + margin: 2em 0 1em; box-shadow: 0 1px 2px 0 alpha-color($black, 0.5); font-size: 0.95em; diff --git a/webapp/channels/src/components/widgets/inputs/channels_input.scss b/webapp/channels/src/components/widgets/inputs/channels_input.scss index 891519982b..e483949bbd 100644 --- a/webapp/channels/src/components/widgets/inputs/channels_input.scss +++ b/webapp/channels/src/components/widgets/inputs/channels_input.scss @@ -169,9 +169,9 @@ .channels-input__multi-value { align-items: center; padding: 4px; + border-radius: 16px; margin: 4px; background: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 16px; color: var(--center-channel-color); &:nth-last-child(2) { @@ -192,9 +192,9 @@ width: 24px; height: 24px; padding: 4px; + border-radius: 16px; margin-right: 4px; background: rgba(var(--center-channel-color-rgb), 0.75); - border-radius: 16px; } .public-channel-icon { diff --git a/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.scss b/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.scss index 2991386407..3d89face4b 100644 --- a/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.scss +++ b/webapp/channels/src/components/widgets/inputs/dropdown_input_hybrid.scss @@ -95,8 +95,8 @@ .Input.form-control { height: 40px; border: none; - border-right: 1px solid rgba(var(--center-channel-color-rgb), 0.16); border-radius: 4px 0 0 4px; + border-right: 1px solid rgba(var(--center-channel-color-rgb), 0.16); &::-webkit-outer-spin-button, &::-webkit-inner-spin-button { diff --git a/webapp/channels/src/components/widgets/inputs/users_emails_input.scss b/webapp/channels/src/components/widgets/inputs/users_emails_input.scss index e6220f76eb..c5b311bdf1 100644 --- a/webapp/channels/src/components/widgets/inputs/users_emails_input.scss +++ b/webapp/channels/src/components/widgets/inputs/users_emails_input.scss @@ -191,9 +191,9 @@ width: 36px; height: 36px; padding: 3px; + border-radius: 18px; margin-right: 8px; background: var(--button-bg); - border-radius: 18px; svg { width: 24px; @@ -211,9 +211,9 @@ .users-emails-input__multi-value { align-items: center; padding: 4px; + border-radius: 16px; margin: 4px; background: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 16px; color: var(--center-channel-color); &:nth-last-child(2) { @@ -232,9 +232,9 @@ width: 24px; height: 24px; padding: 3px; + border-radius: 16px; margin-right: 4px; background: rgba(var(--center-channel-color-rgb), 0.75); - border-radius: 16px; svg { width: 18px; @@ -281,9 +281,9 @@ height: 60px; align-items: center; justify-content: center; + border-radius: 4px; margin-top: 2px; background: rgba(var(--error-box-background), 0.1); - border-radius: 4px; span { position: relative; diff --git a/webapp/channels/src/components/widgets/links/link.scss b/webapp/channels/src/components/widgets/links/link.scss index 29d729ab88..8b367547a5 100644 --- a/webapp/channels/src/components/widgets/links/link.scss +++ b/webapp/channels/src/components/widgets/links/link.scss @@ -2,8 +2,8 @@ width: fit-content; padding: 8px 16px; border: none; - background-color: var(--button-bg); border-radius: 4px; + background-color: var(--button-bg); color: var(--button-color); font-size: 12px; font-weight: 600; diff --git a/webapp/channels/src/components/widgets/menu/menu_items/menu_item.scss b/webapp/channels/src/components/widgets/menu/menu_items/menu_item.scss index 59d166a617..dadf4c065e 100644 --- a/webapp/channels/src/components/widgets/menu/menu_items/menu_item.scss +++ b/webapp/channels/src/components/widgets/menu/menu_items/menu_item.scss @@ -195,9 +195,9 @@ .MenuCloudTrial { padding: 8px 12px; + border-radius: 4px; margin: 8px; margin-top: 0; - border-radius: 4px; &__free-trial { &__content-title { @@ -315,10 +315,10 @@ align-items: flex-start; padding: 8px; padding-left: 16px; + border-radius: 4px; margin: 8px; margin-top: 0; background-color: rgba(var(--button-bg-rgb), 0.04); - border-radius: 4px; button { padding: 3px 0; diff --git a/webapp/channels/src/components/widgets/modals/components/base_setting_item.scss b/webapp/channels/src/components/widgets/modals/components/base_setting_item.scss index d411bee610..03fdfcf4d6 100644 --- a/webapp/channels/src/components/widgets/modals/components/base_setting_item.scss +++ b/webapp/channels/src/components/widgets/modals/components/base_setting_item.scss @@ -101,11 +101,11 @@ input[type=checkbox] { display: grid; border: 1px solid rgba(var(--center-channel-color-rgb), 0.24); + border-radius: 3px; margin: 0; -webkit-appearance: none; appearance: none; background-color: transparent; - border-radius: 3px; color: rgba(var(--center-channel-color-rgb), 0.24); cursor: pointer; font: inherit; @@ -141,11 +141,11 @@ width: 1.6rem; height: 1.6rem; border: 1px solid rgba(var(--center-channel-color-rgb), 0.24); + border-radius: 50%; margin: 0; -webkit-appearance: none; appearance: none; background-color: transparent; - border-radius: 50%; color: rgba(var(--center-channel-color-rgb), 0.24); cursor: pointer; font: inherit; @@ -155,8 +155,8 @@ input[type="radio"]::before { width: 8px; height: 8px; - background: var(--denim-button-bg); border-radius: 50%; + background: var(--denim-button-bg); content: ''; transform: scale(0); transform-origin: center center; diff --git a/webapp/channels/src/components/widgets/modals/components/modal_header.scss b/webapp/channels/src/components/widgets/modals/components/modal_header.scss index 59b770552f..9382264606 100644 --- a/webapp/channels/src/components/widgets/modals/components/modal_header.scss +++ b/webapp/channels/src/components/widgets/modals/components/modal_header.scss @@ -54,9 +54,9 @@ align-items: center; justify-content: center; border: unset; + border-radius: 4px; margin-left: 8px; background: transparent; - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.56); &:hover, diff --git a/webapp/channels/src/components/widgets/modals/components/modal_sidebar.scss b/webapp/channels/src/components/widgets/modals/components/modal_sidebar.scss index 8f568d97bf..aa2945e000 100644 --- a/webapp/channels/src/components/widgets/modals/components/modal_sidebar.scss +++ b/webapp/channels/src/components/widgets/modals/components/modal_sidebar.scss @@ -18,8 +18,8 @@ align-items: center; padding: 8px 12px; border: none; - background: none; border-radius: 4px; + background: none; color: rgba(var(--center-channel-color-rgb), 0.56); gap: 8px; diff --git a/webapp/channels/src/components/widgets/modals/components/save_changes_panel.scss b/webapp/channels/src/components/widgets/modals/components/save_changes_panel.scss index 5b5718c858..65acdc1a77 100644 --- a/webapp/channels/src/components/widgets/modals/components/save_changes_panel.scss +++ b/webapp/channels/src/components/widgets/modals/components/save_changes_panel.scss @@ -6,12 +6,12 @@ align-items: center; padding: 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); + border-radius: 4px; animation-duration: 300ms; animation-fill-mode: forwards; animation-name: entry-animation; animation-timing-function: ease; background: var(--center-channel-bg); - border-radius: 4px; box-shadow: var(--elevation-3); font-family: 'Open Sans', sans-serif; transition: all 300ms ease; @@ -88,8 +88,8 @@ align-items: center; padding: 10px 16px; border: none; - background: rgba(var(--denim-button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--denim-button-bg-rgb), 0.08); color: var(--denim-button-bg); font-family: inherit; font-size: 12px; @@ -111,8 +111,8 @@ align-items: center; padding: 10px 16px; border: none; - background: var(--denim-button-bg); border-radius: 4px; + background: var(--denim-button-bg); color: var(--button-color); font-family: inherit; font-size: 12px; diff --git a/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.scss b/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.scss index 65019c31d1..d21fcac72b 100644 --- a/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.scss +++ b/webapp/channels/src/components/widgets/public-private-selector/public-private-selector.scss @@ -10,8 +10,8 @@ align-items: center; padding: 12px 22px 12px 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); box-shadow: var(--elevation-1); &:not(:first-child) { diff --git a/webapp/channels/src/components/widgets/separator/separator.scss b/webapp/channels/src/components/widgets/separator/separator.scss index c70637e0c4..490b0463c7 100644 --- a/webapp/channels/src/components/widgets/separator/separator.scss +++ b/webapp/channels/src/components/widgets/separator/separator.scss @@ -57,8 +57,8 @@ z-index: 5; display: inline-block; padding: 0 1em; - background: v(center-channel-bg); border-radius: 50px; + background: v(center-channel-bg); color: v(center-channel-color); font-size: 13px; font-weight: 700; diff --git a/webapp/channels/src/components/widgets/team_icon/team_icon.scss b/webapp/channels/src/components/widgets/team_icon/team_icon.scss index b727264ddd..1344a7b804 100644 --- a/webapp/channels/src/components/widgets/team_icon/team_icon.scss +++ b/webapp/channels/src/components/widgets/team_icon/team_icon.scss @@ -32,8 +32,8 @@ height: 34px; box-sizing: content-box; border: 3px solid rgba(255, 255, 255, 0); - background-color: rgba(var(--sidebar-text-rgb), 0.16); border-radius: 8px; + background-color: rgba(var(--sidebar-text-rgb), 0.16); font-weight: 600; text-align: center; text-transform: uppercase; diff --git a/webapp/channels/src/sass/components/_announcement-bar.scss b/webapp/channels/src/sass/components/_announcement-bar.scss index d06163241f..1861b070b8 100644 --- a/webapp/channels/src/sass/components/_announcement-bar.scss +++ b/webapp/channels/src/sass/components/_announcement-bar.scss @@ -105,9 +105,9 @@ box-sizing: border-box; padding: 4px 8px; border: 1px solid #fff; + border-radius: 4px; margin-left: 8px; background-color: inherit !important; - border-radius: 4px; font-family: Open Sans; font-size: 12px; font-style: normal; diff --git a/webapp/channels/src/sass/components/_buttons.scss b/webapp/channels/src/sass/components/_buttons.scss index b040e6edab..99ed18476e 100644 --- a/webapp/channels/src/sass/components/_buttons.scss +++ b/webapp/channels/src/sass/components/_buttons.scss @@ -26,9 +26,9 @@ button { display: inline-block; width: 8px; height: 8px; + border-radius: 50%; margin: 0 0 0 40px; background: #f74343; - border-radius: 50%; } } diff --git a/webapp/channels/src/sass/components/_channel-header__icon.scss b/webapp/channels/src/sass/components/_channel-header__icon.scss index c950c0ec86..1d6628c83b 100644 --- a/webapp/channels/src/sass/components/_channel-header__icon.scss +++ b/webapp/channels/src/sass/components/_channel-header__icon.scss @@ -8,9 +8,9 @@ justify-content: center; padding: 0; border: none; + border-radius: 4px; margin: 16px 0 0 4px; background: transparent; - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.64); cursor: pointer; fill: rgba(var(--center-channel-color-rgb), 0.64); diff --git a/webapp/channels/src/sass/components/_channel-invite-modal.scss b/webapp/channels/src/sass/components/_channel-invite-modal.scss index f93c10bb57..b214a115ad 100644 --- a/webapp/channels/src/sass/components/_channel-invite-modal.scss +++ b/webapp/channels/src/sass/components/_channel-invite-modal.scss @@ -57,8 +57,8 @@ height: auto; max-height: 272px; padding: 12px 0; - margin: -10px 0 0 24px; border-radius: 4px; + margin: -10px 0 0 24px; box-shadow: var(--elevation-4); } @@ -102,8 +102,8 @@ height: 32px; align-items: center; justify-content: center; - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 30px; + background: rgba(var(--center-channel-color-rgb), 0.08); } .add-group-members { diff --git a/webapp/channels/src/sass/components/_channel-switcher.scss b/webapp/channels/src/sass/components/_channel-switcher.scss index 6414407d26..e6728f74fa 100644 --- a/webapp/channels/src/sass/components/_channel-switcher.scss +++ b/webapp/channels/src/sass/components/_channel-switcher.scss @@ -50,8 +50,8 @@ width: calc(100% - 64px); height: 40px; padding: 0 34px; - margin: 0 32px; border-radius: 4px; + margin: 0 32px; &:focus { padding: 0 33px; diff --git a/webapp/channels/src/sass/components/_color-input.scss b/webapp/channels/src/sass/components/_color-input.scss index d997c90078..7fcdcd2116 100644 --- a/webapp/channels/src/sass/components/_color-input.scss +++ b/webapp/channels/src/sass/components/_color-input.scss @@ -20,8 +20,8 @@ .color-pad { padding: 5px; border-color: rgba(var(--center-channel-color-rgb), 0.32) !important; - background: v(center-channel-bg) !important; border-radius: 0 2px 2px 0; + background: v(center-channel-bg) !important; line-height: 0; } diff --git a/webapp/channels/src/sass/components/_day-picker.scss b/webapp/channels/src/sass/components/_day-picker.scss index b5a242b61a..476ed6d593 100644 --- a/webapp/channels/src/sass/components/_day-picker.scss +++ b/webapp/channels/src/sass/components/_day-picker.scss @@ -36,8 +36,8 @@ left: 50%; width: 32px; height: 32px; - margin-left: -15px; border-radius: 32px; + margin-left: -15px; content: " "; } } @@ -98,8 +98,8 @@ .DayPickerInput-Overlay { padding: 20px 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.08); - background: rgba(var(--center-channel-bg-rgb), 1); border-radius: 4px; + background: rgba(var(--center-channel-bg-rgb), 1); box-shadow: 0 8px 24px 0 alpha-color(black, 0.12); & .DayPicker { diff --git a/webapp/channels/src/sass/components/_dnd-pickers-dropdown-menu.scss b/webapp/channels/src/sass/components/_dnd-pickers-dropdown-menu.scss index 0d9911efa1..11a5379d2b 100644 --- a/webapp/channels/src/sass/components/_dnd-pickers-dropdown-menu.scss +++ b/webapp/channels/src/sass/components/_dnd-pickers-dropdown-menu.scss @@ -16,7 +16,7 @@ .btn { height: 4rem; padding: 0 2rem; - border-radius: $border-rad*2; + border-radius: $border-rad * 2; font-size: 14px; font-weight: 600; } diff --git a/webapp/channels/src/sass/components/_dropdown.scss b/webapp/channels/src/sass/components/_dropdown.scss index aa39cdfe9e..ca81b1edfa 100644 --- a/webapp/channels/src/sass/components/_dropdown.scss +++ b/webapp/channels/src/sass/components/_dropdown.scss @@ -1,8 +1,8 @@ @charset "utf-8"; .dropdown-menu { - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); color: var(--center-channel-color); &.colorpicker { diff --git a/webapp/channels/src/sass/components/_edit-post-time-limit-button.scss b/webapp/channels/src/sass/components/_edit-post-time-limit-button.scss index 1c57f38b66..c378221ae9 100644 --- a/webapp/channels/src/sass/components/_edit-post-time-limit-button.scss +++ b/webapp/channels/src/sass/components/_edit-post-time-limit-button.scss @@ -2,8 +2,8 @@ height: 26px; padding: 0 8px; border-color: #5b6672; + border-radius: $border-rad * 2; background: transparent; - border-radius: $border-rad*2; color: #5b6672; transition: all 0.15s ease; diff --git a/webapp/channels/src/sass/components/_emojisprite.scss b/webapp/channels/src/sass/components/_emojisprite.scss index 52ed4522cd..87b88082cb 100644 --- a/webapp/channels/src/sass/components/_emojisprite.scss +++ b/webapp/channels/src/sass/components/_emojisprite.scss @@ -17,8 +17,8 @@ width: 66px; max-width: none; height: 66px; - background-repeat: no-repeat; border-radius: 18px; + background-repeat: no-repeat; cursor: pointer; -moz-transform: scale(0.35); zoom: 0.35; @@ -28,9 +28,9 @@ width: 66px; max-width: none; height: 66px; + border-radius: 18px; background-image: none !important; background-repeat: no-repeat; - border-radius: 18px; cursor: pointer; -moz-transform: scale(0.35); zoom: 0.35; diff --git a/webapp/channels/src/sass/components/_emoticons.scss b/webapp/channels/src/sass/components/_emoticons.scss index 52eb5f26ac..be6c602201 100644 --- a/webapp/channels/src/sass/components/_emoticons.scss +++ b/webapp/channels/src/sass/components/_emoticons.scss @@ -90,10 +90,10 @@ width: 350px; flex-direction: column; border: 1px solid; - margin-right: 3px; - background: var(--center-channel-bg); border-radius: $border-rad; border-radius: 4px; + margin-right: 3px; + background: var(--center-channel-bg); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); user-select: none; @@ -158,10 +158,10 @@ a { height: 34px; padding-top: 9px; + border-radius: 0; margin-right: 5px; margin-left: 5px; background: transparent; - border-radius: 0; opacity: 1; &:hover, @@ -213,8 +213,8 @@ } &--selected { - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); fill: var(--button-bg); } @@ -327,8 +327,8 @@ opacity: 1; &:hover { - background-color: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.08); } &:last-child { @@ -397,8 +397,8 @@ align-items: center; justify-content: center; border: none; - background: none; border-radius: 4px; + background: none; color: rgba(v(center-channel-color-rgb), 0.75); &:hover { @@ -422,8 +422,8 @@ height: 32px; align-items: center; justify-content: center; - margin-left: 8px; border-radius: 4px; + margin-left: 8px; transition: all 0.35s ease; &:hover { @@ -451,8 +451,8 @@ height: 26px; padding: 4px 0 0 31px; border-width: 0; - background: var(--center-channel-bg); border-radius: inherit; + background: var(--center-channel-bg); font-size: 13px; &:focus { @@ -599,8 +599,8 @@ $emoji-footer-height: $emoji-footer-border-width + $emoji-half-height + $emoji- a, a:hover { - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg) !important; // it gets overriden by link color fill: var(--button-bg); font-size: 12px; diff --git a/webapp/channels/src/sass/components/_files.scss b/webapp/channels/src/sass/components/_files.scss index 1e47e2cf52..7988116bc0 100644 --- a/webapp/channels/src/sass/components/_files.scss +++ b/webapp/channels/src/sass/components/_files.scss @@ -264,8 +264,8 @@ width: unset; max-height: inherit; border-width: 0; - margin: 0; border-radius: 0; + margin: 0; box-shadow: none; } } @@ -332,9 +332,9 @@ height: 6.4rem; align-items: center; border: 1px solid rgba(v(center-channel-color-rgb), 0.16); + border-radius: 4px; margin: 4px 12px 4px 0; background: v(center-channel-bg); - border-radius: 4px; color: v(center-channel-color); cursor: pointer; transition: box-shadow 0.15s ease; @@ -409,10 +409,10 @@ overflow: hidden; width: 4rem; height: 4rem; + border-radius: 4px; background-color: $white; background-repeat: no-repeat; background-size: cover; - border-radius: 4px; text-align: center; &.small { @@ -467,9 +467,9 @@ align-items: center; justify-content: center; border: 0; + border-radius: 4px; margin-left: 8px; background-color: var(--center-channel-bg); - border-radius: 4px; color: rgba(var(--center-channel-color-rgb), 0.64); cursor: pointer; fill: rgba(var(--center-channel-color-rgb), 0.64); @@ -656,8 +656,8 @@ bottom: 0; width: 100%; height: 7px; - margin-bottom: 0; border-radius: 0; + margin-bottom: 0; } .progress-bar { @@ -770,9 +770,9 @@ align-items: center; justify-content: center; border: 1px solid rgba(var(--center-channel-color-rgb), 0.32); + border-radius: 4px; margin: 5px 2px; background: var(--center-channel-bg); - border-radius: 4px; &:hover { z-index: 2; diff --git a/webapp/channels/src/sass/components/_forms.scss b/webapp/channels/src/sass/components/_forms.scss index 9ecb284b54..e3315aa97f 100644 --- a/webapp/channels/src/sass/components/_forms.scss +++ b/webapp/channels/src/sass/components/_forms.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@use 'sass:color'; + .radio, .checkbox { &.margin-bottom--none { @@ -45,7 +47,7 @@ } &.error { - color: darken($red, 20%); + color: color.adjust($red, $lightness: -20%); } } @@ -162,8 +164,8 @@ .app__body { .form-control { border-color: rgba(var(--center-channel-color-rgb), 0.16); - background: v(center-channel-bg); border-radius: 4px; + background: v(center-channel-bg); box-shadow: none; color: v(center-channel-color); diff --git a/webapp/channels/src/sass/components/_groups.scss b/webapp/channels/src/sass/components/_groups.scss index 2dd716cd59..4de5420c1e 100644 --- a/webapp/channels/src/sass/components/_groups.scss +++ b/webapp/channels/src/sass/components/_groups.scss @@ -1,3 +1,5 @@ +@use 'sass:color'; + #ldap_groups { overflow: visible; } @@ -23,8 +25,8 @@ height: 30px; flex-grow: 1; border: 1px solid rgba(0, 0, 0, 0.1); - margin-top: 2px; border-radius: 15px; + margin-top: 2px; stroke: $dark-gray; input { @@ -82,8 +84,8 @@ width: 18px; height: 18px; border: 2px solid $dark-gray; - margin-right: 7px; border-radius: 3px; + margin-right: 7px; vertical-align: middle; &.checked { @@ -183,8 +185,8 @@ align-items: center; justify-content: space-around; border: 2px solid $dark-gray; - margin: 5px 5px 4px 14px; border-radius: 3px; + margin: 5px 5px 4px 14px; &.checked { border: 0; @@ -235,8 +237,8 @@ text-decoration: none; &:hover { - background-color: $light-gray; border-radius: 3px; + background-color: $light-gray; } &.warning { @@ -262,7 +264,7 @@ .group { &.checked { - background-color: lighten($primary-color, 40%); + background-color: color.adjust($primary-color, $lightness: 40%); .group-description { opacity: 1; @@ -274,7 +276,7 @@ } &.checked:nth-child(even) { - background-color: lighten($primary-color, 40%); + background-color: color.adjust($primary-color, $lightness: 40%); } .group-row { @@ -295,7 +297,7 @@ &:hover { border-left: 2px solid $primary-color; - background-color: lighten($primary-color, 45%); + background-color: color.adjust($primary-color, $lightness: 45%); .group-description { opacity: 1; @@ -392,8 +394,8 @@ .profile-picture { width: 32px; height: 32px; - margin: 5px 10px; border-radius: 100%; + margin: 5px 10px; } .user-data { @@ -494,8 +496,8 @@ height: 18px; padding: 0; border: 2px solid $dark-gray; - background: none; border-radius: 3px; + background: none; > * { pointer-events: none; @@ -653,8 +655,8 @@ width: 100%; padding: 5px 8px; border: 1px solid $gray; - background: $white; border-radius: 2px; + background: $white; a { display: block; @@ -667,8 +669,8 @@ .group-user-profile-picture { width: 32px; height: 32px; - margin: 5px 10px; border-radius: 100%; + margin: 5px 10px; } .group-users-to-remove-modal-description { @@ -764,8 +766,8 @@ $unarchived-color: #f74343; .ArchiveButton { border-width: 1px; border-style: solid; - background-color: transparent; border-radius: 4px; + background-color: transparent; } .ArchiveButton___unarchived:hover { diff --git a/webapp/channels/src/sass/components/_links.scss b/webapp/channels/src/sass/components/_links.scss index 21d3faec14..489d049450 100644 --- a/webapp/channels/src/sass/components/_links.scss +++ b/webapp/channels/src/sass/components/_links.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@use 'sass:color'; + a { color: $primary-color; cursor: pointer; @@ -29,10 +31,10 @@ button.style--link { } .text-danger { - color: desaturate($red, 20%); + color: color.adjust($red, $saturation: -20%); &:hover, &:focus { - color: desaturate($red, 20%); + color: color.adjust($red, $saturation: -20%); } } diff --git a/webapp/channels/src/sass/components/_mentions.scss b/webapp/channels/src/sass/components/_mentions.scss index 0961efeeb2..4d82b5b40d 100644 --- a/webapp/channels/src/sass/components/_mentions.scss +++ b/webapp/channels/src/sass/components/_mentions.scss @@ -16,8 +16,8 @@ del .group-mention-link:focus { position: relative; z-index: 10; padding-bottom: 2px; - background: $primary-color; border-radius: 3px; + background: $primary-color; color: $white; } @@ -25,8 +25,8 @@ del .group-mention-link:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - background-color: #777; border-radius: 10px; + background-color: #777; color: #fff; font-size: 12px; font-weight: bold; @@ -38,8 +38,8 @@ del .group-mention-link:focus { .mention--highlight { padding: 0 1px; - background-color: var(--mention-highlight-bg); border-radius: 4px; + background-color: var(--mention-highlight-bg); color: var(--mention-highlight-link); .mention-link, @@ -56,8 +56,8 @@ del .group-mention-link:focus { .non-notification-highlight { padding: 0 1px; - background-color: var(--mention-highlight-bg); border-radius: 4px; + background-color: var(--mention-highlight-bg); color: var(--mention-highlight-link); } diff --git a/webapp/channels/src/sass/components/_modal.scss b/webapp/channels/src/sass/components/_modal.scss index 7d9e535558..af6fc3e086 100644 --- a/webapp/channels/src/sass/components/_modal.scss +++ b/webapp/channels/src/sass/components/_modal.scss @@ -1,5 +1,7 @@ @charset "utf-8"; +@use 'sass:color'; + .browser--ie { .modal { .modal-dialog { @@ -45,8 +47,8 @@ .modal-content { border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background: var(--center-channel-bg); border-radius: 12px; + background: var(--center-channel-bg); } } @@ -327,8 +329,8 @@ .modal-content { border: 1px solid rgba(var(--sys-center-channel-color-rgb), 0.16); - background: var(--sys-center-channel-bg); border-radius: 12px; + background: var(--sys-center-channel-bg); } .modal-chevron-icon { @@ -461,8 +463,8 @@ width: auto; height: auto; max-height: 85vh; - margin: 0 auto; border-radius: 8px; + margin: 0 auto; } video { @@ -643,8 +645,8 @@ flex: 32px 0 0; align-items: center; justify-content: center; - background: rgba(var(--center-channel-color-rgb), 0.2); border-radius: 50%; + background: rgba(var(--center-channel-color-rgb), 0.2); } .user-list { @@ -754,8 +756,8 @@ max-width: none; flex-grow: 0; flex-shrink: 0; - margin-top: 2px; border-radius: 60px; + margin-top: 2px; } .more-modal__details { @@ -1026,7 +1028,7 @@ } .more-modal__row--selected { - background-color: lighten($primary-color, 40%); + background-color: color.adjust($primary-color, $lightness: 40%); .more-modal__actions--round { display: block; diff --git a/webapp/channels/src/sass/components/_multi-select.scss b/webapp/channels/src/sass/components/_multi-select.scss index 2b909ea6da..bf577f92c1 100644 --- a/webapp/channels/src/sass/components/_multi-select.scss +++ b/webapp/channels/src/sass/components/_multi-select.scss @@ -43,8 +43,8 @@ display: table; width: 100%; padding: 8px 13px; - background: rgba(var(--center-channel-color-rgb), 0.12); border-radius: 3px; + background: rgba(var(--center-channel-color-rgb), 0.12); > div { display: table-cell; diff --git a/webapp/channels/src/sass/components/_permissions.scss b/webapp/channels/src/sass/components/_permissions.scss index 06c205ab58..71f1bffebd 100644 --- a/webapp/channels/src/sass/components/_permissions.scss +++ b/webapp/channels/src/sass/components/_permissions.scss @@ -1,3 +1,5 @@ +@use 'sass:color'; + @keyframes rowhighlight { 0% { background-color: $transparent; @@ -147,8 +149,8 @@ align-items: center; justify-content: space-around; border: 2px solid $dark-gray; - margin-right: 5px; border-radius: 3px; + margin-right: 5px; &.checked, &.intermediate { @@ -254,7 +256,7 @@ &:hover { border-left: 2px solid $primary-color; - background-color: lighten($primary-color, 40%); + background-color: color.adjust($primary-color, $lightness: 40%); .permission-description { opacity: 1; @@ -303,7 +305,7 @@ &:hover { border-left: 2px solid $primary-color; - background-color: lighten($primary-color, 40%); + background-color: color.adjust($primary-color, $lightness: 40%); } .permissions-scheme-summary--header { @@ -336,10 +338,10 @@ align-items: center; justify-content: center; padding: 0 8px; + border-radius: 13px; margin-right: 10px; margin-bottom: 10px; background: rgba(0, 0, 0, 0.05); - border-radius: 13px; color: alpha-color($black, 0.75); font-size: 11px; } diff --git a/webapp/channels/src/sass/components/_popover.scss b/webapp/channels/src/sass/components/_popover.scss index bc219d454c..ce84597e75 100644 --- a/webapp/channels/src/sass/components/_popover.scss +++ b/webapp/channels/src/sass/components/_popover.scss @@ -14,8 +14,8 @@ .popover { padding: 0; - background: var(--center-channel-bg); border-radius: $border-rad * 2; + background: var(--center-channel-bg); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); color: var(--center-channel-color); font-family: inherit; @@ -50,9 +50,9 @@ } .popover-content { + border-radius: 0 0 3px 3px; border-top: none; background: v(center-channel-bg); - border-radius: 0 0 3px 3px; box-shadow: rgba(var(--center-channel-color-rgb), 0.08) 0 17px 50px 0, rgba(var(--center-channel-color-rgb), 0.08) 0 12px 15px 0; .shared-user-icon { @@ -265,8 +265,8 @@ width: 24px; height: 24px; padding: 2px; - background: rgba(var(--center-channel-bg-rgb), 1); border-radius: 50px; + background: rgba(var(--center-channel-bg-rgb), 1); svg { width: 100%; @@ -298,8 +298,8 @@ line-height: 18px; &:hover { - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.08); color: rgba(var(--center-channel-color-rgb), 0.8); } } @@ -374,8 +374,8 @@ &::-webkit-scrollbar-thumb { border: 1px solid v(center-channel-bg); - background-color: rgba(var(--center-channel-color-rgb), 0.24) !important; border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.24) !important; } .rdp-months { diff --git a/webapp/channels/src/sass/components/_post-menu.scss b/webapp/channels/src/sass/components/_post-menu.scss index 0a1de5eb66..48b64946f7 100644 --- a/webapp/channels/src/sass/components/_post-menu.scss +++ b/webapp/channels/src/sass/components/_post-menu.scss @@ -20,8 +20,8 @@ align-items: center; justify-content: center; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(v(center-channel-color-rgb), 0.4); fill: rgba(v(center-channel-color-rgb), 0.4); diff --git a/webapp/channels/src/sass/components/_post.scss b/webapp/channels/src/sass/components/_post.scss index b802c90643..31fa195694 100644 --- a/webapp/channels/src/sass/components/_post.scss +++ b/webapp/channels/src/sass/components/_post.scss @@ -7,8 +7,8 @@ min-height: 46px; max-height: 560px; border: none; - background: transparent; border-radius: 4px; + background: transparent; box-shadow: inset 0 0 0 1px rgba(v(center-channel-color-rgb), 0.24); line-height: 20px; resize: none; @@ -168,8 +168,8 @@ left: 50%; width: 370px; height: 370px; - margin: -185px 0 0 -185px; border-radius: 500px; + margin: -185px 0 0 -185px; pointer-events: none; @include alpha-property(background, $black, 0.7); @@ -326,8 +326,8 @@ display: inline-block; padding: 0 8px; border: 1px solid rgba(var(--sidebar-header-text-color-rgb), 0.5); - background: var(--sidebar-header-bg); border-radius: 3px; + background: var(--sidebar-header-bg); color: var(--sidebar-header-text-color); font-size: 12px; line-height: 25px; @@ -462,9 +462,9 @@ align-items: center; justify-content: center; border: none; + border-radius: 4px; margin: 5px 0; background: transparent; - border-radius: 4px; color: rgba(v(center-channel-color-rgb), 0.75); fill: rgba(v(center-channel-color-rgb), 0.75); @@ -1627,8 +1627,8 @@ display: none; padding: 4px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 4px; + background-color: var(--center-channel-bg); box-shadow: $elevation-1; button.size-aware-image__copy_link, @@ -1990,9 +1990,9 @@ flex-shrink: 0; padding: 0 8px; border: 1px solid transparent; + border-radius: 2px; margin: 0 8px; background: var(--center-channel-bg); - border-radius: 2px; font-size: 13px; font-weight: bold; line-height: 24px; @@ -2254,9 +2254,9 @@ display: flex; width: fit-content; padding: 1px 5px 2px; + border-radius: 4px; margin-left: 8px; background-color: var(--sidebar-text-active-border); - border-radius: 4px; color: var(--sidebar-text-active-color); font-size: 12px; font-weight: 600; @@ -2305,9 +2305,9 @@ .post__header-set-custom-status { display: revert; padding: 0 6px; + border-radius: 4px; margin-left: 8px; background: rgba(var(--center-channel-color-rgb), 0.08); - border-radius: 4px; &-icon > svg { width: 12px; diff --git a/webapp/channels/src/sass/components/_react-select.scss b/webapp/channels/src/sass/components/_react-select.scss index 6a9b1561c4..f9349f6b2e 100644 --- a/webapp/channels/src/sass/components/_react-select.scss +++ b/webapp/channels/src/sass/components/_react-select.scss @@ -9,9 +9,9 @@ .react-select__multi-value { align-items: center; + border-radius: 32px; margin: 4px 4px 4px 0; background: rgba(var(--sys-center-channel-color-rgb), 0.08); - border-radius: 32px; color: var(--sys-center-channel-color); .app__body & { diff --git a/webapp/channels/src/sass/components/_remove-image.scss b/webapp/channels/src/sass/components/_remove-image.scss index 3cc4eaa1fa..85f9033e2d 100644 --- a/webapp/channels/src/sass/components/_remove-image.scss +++ b/webapp/channels/src/sass/components/_remove-image.scss @@ -13,8 +13,8 @@ align-items: center; justify-content: center; border: 1px solid alpha-color($black, 0.15); - background: $white; border-radius: 4px; + background: $white; img { max-width: 100%; @@ -32,8 +32,8 @@ align-items: center; justify-content: center; border: none; - background: alpha-color($black, 0.8); border-radius: 40px; + background: alpha-color($black, 0.8); color: white; font-size: 20px; diff --git a/webapp/channels/src/sass/components/_scrollbar.scss b/webapp/channels/src/sass/components/_scrollbar.scss index b4e6a1d131..66b72145c7 100644 --- a/webapp/channels/src/sass/components/_scrollbar.scss +++ b/webapp/channels/src/sass/components/_scrollbar.scss @@ -10,8 +10,8 @@ } ::-webkit-scrollbar-thumb { - background: rgba(var(--center-channel-color-rgb), 0.4); border-radius: $border-rad * 2; + background: rgba(var(--center-channel-color-rgb), 0.4); } body { @@ -44,16 +44,16 @@ body { .scrollbar--horizontal, .scrollbar--vertical { - background-color: rgba(var(--sidebar-text-rgb), 0.32); border-radius: 2px; + background-color: rgba(var(--sidebar-text-rgb), 0.32); } .scrollbar--vertical--RHS { top: 2px; right: 2px; bottom: 2px; - margin-right: 3px; border-radius: 3px; + margin-right: 3px; } .scrollbar--thumb--RHS { diff --git a/webapp/channels/src/sass/components/_search.scss b/webapp/channels/src/sass/components/_search.scss index 57749e6492..73c7437031 100644 --- a/webapp/channels/src/sass/components/_search.scss +++ b/webapp/channels/src/sass/components/_search.scss @@ -89,8 +89,8 @@ display: flex; align-items: center; padding: 0; - background: rgba(var(--sidebar-text-rgb), 0.08); border-radius: 4px; + background: rgba(var(--sidebar-text-rgb), 0.08); .searchTypeBadge { position: relative; @@ -99,9 +99,9 @@ align-items: center; justify-content: center; padding: 2px 2px 2px 7px; + border-radius: 4px; margin: 0 6px; background: rgba(var(--sidebar-text-rgb), 0.08); - border-radius: 4px; color: var(--sidebar-text); font-size: 10px; font-weight: 700; @@ -142,8 +142,8 @@ width: 180px; height: 32px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.24); - margin: 16px 0 0; border-radius: 4px; + margin: 16px 0 0; .input-clear { right: 4px; @@ -391,8 +391,8 @@ .search-hint__suggestion-list__label { padding: 1px 5px; - background: rgba(var(--center-channel-color-rgb), 0.16); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.16); font-size: 10px; font-weight: 600; letter-spacing: 0.01em; @@ -418,9 +418,9 @@ justify-content: center; padding: 8px 16px; border: 1px solid v(button-bg); + border-radius: 4px; margin: 18px 8px 16px 0; background: v(center-channel-bg); - border-radius: 4px; color: v(button-bg); font-size: 12px; line-height: 1; @@ -470,8 +470,8 @@ display: inline-flex !important; align-items: center; padding: 4px; - background-color: hsla(221, 77%, 48%, 0.08); border-radius: 50%; + background-color: hsla(221, 77%, 48%, 0.08); font-size: 14px !important; gap: 10px; diff --git a/webapp/channels/src/sass/components/_settings-modal.scss b/webapp/channels/src/sass/components/_settings-modal.scss index 5c4a430ea4..b5b356ba10 100644 --- a/webapp/channels/src/sass/components/_settings-modal.scss +++ b/webapp/channels/src/sass/components/_settings-modal.scss @@ -32,8 +32,8 @@ } &:hover { - background-color: rgba(var(--center-channel-color-rgb), 0.04); border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.04); color: rgba(var(--center-channel-color-rgb), 0.8); } } diff --git a/webapp/channels/src/sass/components/_sidebar-header-dropdown-button.scss b/webapp/channels/src/sass/components/_sidebar-header-dropdown-button.scss index d64194c73a..949d1fb023 100644 --- a/webapp/channels/src/sass/components/_sidebar-header-dropdown-button.scss +++ b/webapp/channels/src/sass/components/_sidebar-header-dropdown-button.scss @@ -30,8 +30,8 @@ bottom: 2px; width: 8px; height: 8px; - background: #f74343; border-radius: 50%; + background: #f74343; } .unread-badge-addon { @@ -40,8 +40,8 @@ right: 4px; width: 12px; height: 12px; - background-color: var(--sidebar-header-bg); border-radius: 32px; + background-color: var(--sidebar-header-bg); } .menu-icon { diff --git a/webapp/channels/src/sass/components/_single_image_view.scss b/webapp/channels/src/sass/components/_single_image_view.scss index fa978d1f35..e408129280 100644 --- a/webapp/channels/src/sass/components/_single_image_view.scss +++ b/webapp/channels/src/sass/components/_single_image_view.scss @@ -21,8 +21,8 @@ display: inline-block; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; font-size: 18px; line-height: 18px; @@ -48,8 +48,8 @@ width: 24px; height: 24px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: var(--center-channel-bg); border-radius: 16px; + background-color: var(--center-channel-bg); box-shadow: $elevation-1; line-height: 20px; diff --git a/webapp/channels/src/sass/components/_status-icon.scss b/webapp/channels/src/sass/components/_status-icon.scss index bb78942716..343882c4c4 100644 --- a/webapp/channels/src/sass/components/_status-icon.scss +++ b/webapp/channels/src/sass/components/_status-icon.scss @@ -64,9 +64,9 @@ bottom: -4px; width: 15px; height: 15px; + border-radius: 100px; margin: 0; background: var(--center-channel-bg); - border-radius: 100px; line-height: 0; visibility: visible; @@ -152,8 +152,8 @@ top: 0; width: 15px; height: 15px; - margin: 0 9px 0 -1px; border-radius: 2px; + margin: 0 9px 0 -1px; font-size: 10px; font-weight: 600; line-height: 14px; diff --git a/webapp/channels/src/sass/components/_suggestion-list.scss b/webapp/channels/src/sass/components/_suggestion-list.scss index a4d9cbb80a..c6ef2bfab0 100644 --- a/webapp/channels/src/sass/components/_suggestion-list.scss +++ b/webapp/channels/src/sass/components/_suggestion-list.scss @@ -63,8 +63,8 @@ max-height: 292px; padding-bottom: 12px; border: 1px solid rgba(var(--center-channel-color-rgb), 0.16); - background-color: v(center-channel-bg); border-radius: 4px; + background-color: v(center-channel-bg); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); -webkit-overflow-scrolling: touch; overflow-x: auto; @@ -77,8 +77,8 @@ &::-webkit-scrollbar-thumb { border: 1px solid v(center-channel-bg); - background-color: rgba(var(--center-channel-color-rgb), 0.24) !important; border-radius: 4px; + background-color: rgba(var(--center-channel-color-rgb), 0.24) !important; } .modal & { @@ -104,8 +104,8 @@ flex: 0 0 3.7rem; align-items: center; justify-content: center; - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.08); font-size: 20px; font-weight: 600; diff --git a/webapp/channels/src/sass/components/_system-notice.scss b/webapp/channels/src/sass/components/_system-notice.scss index d565a3fd8f..fcf3194936 100644 --- a/webapp/channels/src/sass/components/_system-notice.scss +++ b/webapp/channels/src/sass/components/_system-notice.scss @@ -9,8 +9,8 @@ width: 386px; padding: 18px 20px 0; border: 1px solid rgba(var(--center-channel-color-rgb, 0.12)); - background-color: var(--center-channel-bg); border-radius: 4px; + background-color: var(--center-channel-bg); box-shadow: rgba(var(--center-channel-color-rgb), 0.1) 0 20px 30px 0, rgba(var(--center-channel-color-rgb), 0.1) 0 14px 20px 0; } diff --git a/webapp/channels/src/sass/components/_toggle.scss b/webapp/channels/src/sass/components/_toggle.scss index e75f74aadb..5c7b13afb4 100644 --- a/webapp/channels/src/sass/components/_toggle.scss +++ b/webapp/channels/src/sass/components/_toggle.scss @@ -1,9 +1,11 @@ +@use 'sass:color'; + // Based on https://codepen.io/aanjulena/pen/ZLZjzV // Colors $brand-primary: #2a9fd8; $gray: #6b7381; -$gray-light: lighten($gray, 15%); -$gray-lighter: lighten($gray, 30%); +$gray-light: color.adjust($gray, $lightness: 15%); +$gray-lighter: color.adjust($gray, $lightness: 30%); // Button Colors $btn-default-color: $gray; @@ -28,7 +30,7 @@ $toggle-default-font-size: 0.75rem; // Mixin for Default Switch Styles // Variables: $size, $margin, $color, $bg, $active-bg, $font-size @mixin toggle-mixin($size: $toggle-default-size, $margin: $toggle-default-margin, $font-size: $toggle-default-font-size) { - $handlePosition: calc($size/7); + $handlePosition: calc($size / 7); $handleSize: calc($size - (2 * $handlePosition)); position: relative; @@ -55,8 +57,8 @@ $toggle-default-font-size: 0.75rem; left: $handlePosition; width: $handleSize; height: $handleSize; - background: #fff; border-radius: 1rem; + background: #fff; transition: left 0.25s; } diff --git a/webapp/channels/src/sass/components/_tooltip.scss b/webapp/channels/src/sass/components/_tooltip.scss index 3116eb5ca1..c3ddf16509 100644 --- a/webapp/channels/src/sass/components/_tooltip.scss +++ b/webapp/channels/src/sass/components/_tooltip.scss @@ -77,8 +77,8 @@ .floating-ui-tooltip { max-width: 220px; padding: 4px 8px; - background: #000; border-radius: 4px; + background: #000; box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12); color: #fff; font-size: 12px; diff --git a/webapp/channels/src/sass/components/_videos.scss b/webapp/channels/src/sass/components/_videos.scss index ea59f2be52..6d9ac35ded 100644 --- a/webapp/channels/src/sass/components/_videos.scss +++ b/webapp/channels/src/sass/components/_videos.scss @@ -6,8 +6,8 @@ overflow: hidden; max-width: 480px; height: 360px; - margin-bottom: 8px; border-radius: 4px; + margin-bottom: 8px; iframe, video { @@ -27,9 +27,9 @@ left: 50%; width: 200px; height: 150px; + border-radius: 10px; margin: -75px 0 0 -100px; background-color: alpha-color($black, 0.5); - border-radius: 10px; } } @@ -71,8 +71,8 @@ position: relative; max-width: 480px; max-height: 350px; - margin-bottom: 8px; border-radius: 4px; + margin-bottom: 8px; -moz-force-broken-image-icon: 1; transition: all 0.1s linear; diff --git a/webapp/channels/src/sass/layout/_content.scss b/webapp/channels/src/sass/layout/_content.scss index 34e37eefa9..7003604dc1 100644 --- a/webapp/channels/src/sass/layout/_content.scss +++ b/webapp/channels/src/sass/layout/_content.scss @@ -13,7 +13,7 @@ // the negative margin-right is used // to prevent the icons in the header from // moving to the left when the RHS is open - // + // the below z-index is used to ensure the icons // stays on the top and don't get hidden by the // search's input block @@ -38,7 +38,7 @@ // the negative margin-right is used // to prevent the icons in the header from // moving to the left when the RHS is open - // + // the below z-index is used to ensure the icons // stays on the top and don't get hidden by the // search's input block diff --git a/webapp/channels/src/sass/layout/_headers.scss b/webapp/channels/src/sass/layout/_headers.scss index fd3616db79..01afbc7f5e 100644 --- a/webapp/channels/src/sass/layout/_headers.scss +++ b/webapp/channels/src/sass/layout/_headers.scss @@ -86,8 +86,8 @@ z-index: 1; height: 24px; padding: 4px; - margin-left: 4px; border-radius: 4px; + margin-left: 4px; color: v(center-channel-color); float: left; @@ -573,8 +573,8 @@ .channel-intro__content { padding: 10px 15px; - background: $bg--gray; border-radius: 3px; + background: $bg--gray; word-break: break-word; } } diff --git a/webapp/channels/src/sass/layout/_markdown.scss b/webapp/channels/src/sass/layout/_markdown.scss index 4c9fe35d0b..1edee6d947 100644 --- a/webapp/channels/src/sass/layout/_markdown.scss +++ b/webapp/channels/src/sass/layout/_markdown.scss @@ -119,8 +119,8 @@ h6.markdown__heading { .markdown-inline-img--scaled-down { max-height: 18px; - margin: 2px; border-radius: 2px; + margin: 2px; &:hover { z-index: 2; @@ -149,8 +149,8 @@ h6.markdown__heading { #header-popover { .markdown-inline-img { max-height: 18px; - margin: 2px; border-radius: 2px; + margin: 2px; -moz-force-broken-image-icon: 1; } @@ -215,8 +215,8 @@ h6.markdown__heading { top: 6px; right: 1px; padding: 4px 4px 0; - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); } &.post-code--wrap { @@ -241,8 +241,8 @@ h6.markdown__heading { flex-direction: row; padding: 8.5px; border: 1px solid rgba(v(center-channel-color-rgb), 0.2); - margin: 5px 0; border-radius: 0.25em; + margin: 5px 0; cursor: auto; font-size: 13px; overflow-x: auto; @@ -295,8 +295,8 @@ h6.markdown__heading { .post-code__clipboard { width: 28px; height: 28px; - margin-right: 0; border-radius: 4px; + margin-right: 0; cursor: pointer; &:hover { @@ -329,9 +329,9 @@ h6.markdown__heading { .post-code__language { height: 28px; padding: 4px 8px; + border-radius: 4px; margin-left: 4px; background-color: rgba(var(--center-channel-color-rgb), 0.75); - border-radius: 4px; color: var(--center-channel-bg); user-select: none; } diff --git a/webapp/channels/src/sass/layout/_navigation.scss b/webapp/channels/src/sass/layout/_navigation.scss index f492f6d2d0..9ee2b209b0 100644 --- a/webapp/channels/src/sass/layout/_navigation.scss +++ b/webapp/channels/src/sass/layout/_navigation.scss @@ -90,8 +90,8 @@ padding: 0 10px; border-width: 0; border-color: transparent; - margin: 0; border-radius: 0; + margin: 0; fill: var(--sidebar-header-text-color); float: left; line-height: 48px; @@ -103,9 +103,9 @@ align-items: center; justify-content: center; padding: 0; + border-radius: 50px; margin: 9px 10px 0 0; background: rgba(var(--sidebar-header-text-color-rgb), 0.2); - border-radius: 50px; line-height: 0; &:hover, diff --git a/webapp/channels/src/sass/layout/_sidebar-left.scss b/webapp/channels/src/sass/layout/_sidebar-left.scss index 03c6d8a419..ae8e18e1c7 100644 --- a/webapp/channels/src/sass/layout/_sidebar-left.scss +++ b/webapp/channels/src/sass/layout/_sidebar-left.scss @@ -257,9 +257,9 @@ $sidebarOpacityAnimationDuration: 0.15s; width: 100%; align-items: center; padding: 0 5px 0 2px; + border-radius: 4px; margin-bottom: 8px; background: rgba(var(--sidebar-text-rgb), 0.08); - border-radius: 4px; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: left; @@ -301,14 +301,14 @@ $sidebarOpacityAnimationDuration: 0.15s; .SidebarChannelNavigator_backButton { padding: 0; - background: transparent; border-radius: 4px; + background: transparent; } .SidebarChannelNavigator_forwardButton { padding: 0; - background: transparent; border-radius: 4px; + background: transparent; } } @@ -372,8 +372,8 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 28px; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--sidebar-text-rgb), 0.8); font-size: 20px; } @@ -400,8 +400,8 @@ $sidebarOpacityAnimationDuration: 0.15s; .SidebarHeaderMenuWrapper { overflow: hidden; padding-left: 5px; - background: transparent; border-radius: 4px; + background: transparent; &:hover, &:active, @@ -545,8 +545,8 @@ $sidebarOpacityAnimationDuration: 0.15s; justify-content: center; padding: 0; border: none; - background: transparent; border-radius: 4px; + background: transparent; color: rgba(var(--sidebar-text-rgb), 0.64); font-size: 16px; line-height: 16px; @@ -599,10 +599,10 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 16px; align-items: center; padding: 0 4px; + border-radius: 4px; margin-right: 16px; margin-left: 4px; background: var(--mention-bg); - border-radius: 4px; color: var(--mention-color); font-size: 10px; font-weight: 600; @@ -620,8 +620,8 @@ $sidebarOpacityAnimationDuration: 0.15s; align-items: center; padding: 10px; border: 1px dashed rgba(var(--sidebar-text-rgb), 0.3); - margin: 0 16px; border-radius: 4px; + margin: 0 16px; opacity: 1; >i { @@ -797,8 +797,8 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 32px; padding: 3px 10px; border: 1px solid var(--sidebar-text); - background-color: inherit; border-radius: 4px; + background-color: inherit; color: var(--sidebar-text); cursor: pointer; font-size: 12px; @@ -932,8 +932,8 @@ $sidebarOpacityAnimationDuration: 0.15s; box-shadow: inset -1px 0 0 rgba(var(--sidebar-text-rgb), 0.64), inset 0 -1px 0 rgba(var(--sidebar-text-rgb), 0.64), inset 1px 0 0 rgba(var(--sidebar-text-rgb), 0.64), inset 0 1px 0 rgba(var(--sidebar-text-rgb), 0.64); .SidebarChannelGroupHeader { - background-color: var(--sidebar-bg); border-radius: 4px 4px 0 0; + background-color: var(--sidebar-bg); box-shadow: inset -1px 0 0 rgba(var(--sidebar-text-rgb), 0.64), inset 1px 0 0 rgba(var(--sidebar-text-rgb), 0.64), inset 0 1px 0 rgba(var(--sidebar-text-rgb), 0.64); } } @@ -963,9 +963,9 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 28px; padding: 0; border: none; + border-radius: 4px; margin: 2px 16px 2px 2px; background: transparent; - border-radius: 4px; color: rgba(var(--sidebar-text-rgb), 0.64); font-size: 18px; line-height: 16px; @@ -989,9 +989,9 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 28px; padding: 0; border: none; + border-radius: 4px; margin: 2px 2px 2px auto; background: transparent; - border-radius: 4px; color: rgba(var(--sidebar-text-rgb), 0.64); font-size: 16px; line-height: 16px; @@ -1066,13 +1066,13 @@ $sidebarOpacityAnimationDuration: 0.15s; &.dragging { /* MM-32401: Needed to ensure that the channel selected count is displayed correctly */ overflow: visible; - background-color: var(--sidebar-bg); border-radius: 4px; + background-color: var(--sidebar-bg); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); .SidebarLink { - background: rgba(255, 255, 255, 0.08); border-radius: 4px; + background: rgba(255, 255, 255, 0.08); } } @@ -1119,8 +1119,8 @@ $sidebarOpacityAnimationDuration: 0.15s; right: -8px; height: 25px; padding: 2px 9px 7px 9px; - background: var(--center-channel-color); border-radius: 20px; + background: var(--center-channel-color); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); >span { @@ -1276,8 +1276,8 @@ $sidebarOpacityAnimationDuration: 0.15s; left: -2px; width: 4px; height: 100%; - background: var(--sidebar-text-active-border); border-radius: 4px; + background: var(--sidebar-text-active-border); content: ''; } @@ -1321,8 +1321,8 @@ $sidebarOpacityAnimationDuration: 0.15s; height: 13px; align-items: center; justify-content: center; - background: var(--sidebar-bg); border-radius: 100%; + background: var(--sidebar-bg); font-size: 12px; } } @@ -1391,8 +1391,8 @@ $sidebarOpacityAnimationDuration: 0.15s; z-index: 100; padding: 2px 0; border: 1px solid #c6c6c6; - background: #f0f0f0; border-radius: 5px; + background: #f0f0f0; color: black; cursor: pointer; } diff --git a/webapp/channels/src/sass/layout/_sidebar-right.scss b/webapp/channels/src/sass/layout/_sidebar-right.scss index 6d824a733c..82026bb9de 100644 --- a/webapp/channels/src/sass/layout/_sidebar-right.scss +++ b/webapp/channels/src/sass/layout/_sidebar-right.scss @@ -163,8 +163,8 @@ &:hover { border-color: transparent; - background: rgba(var(--center-channel-color-rgb), 0.08); border-radius: 4px; + background: rgba(var(--center-channel-color-rgb), 0.08); color: rgba(var(--center-channel-color-rgb), 0.75); } diff --git a/webapp/channels/src/sass/layout/_team-sidebar.scss b/webapp/channels/src/sass/layout/_team-sidebar.scss index a78e817d4a..c3c56c1fd5 100644 --- a/webapp/channels/src/sass/layout/_team-sidebar.scss +++ b/webapp/channels/src/sass/layout/_team-sidebar.scss @@ -53,8 +53,8 @@ right: -3px; width: 8px; height: 8px; - background: var(--mention-bg); border-radius: 100%; + background: var(--mention-bg); box-shadow: 0 0 0 3px var(--sidebar-teambar-bg); } } @@ -104,8 +104,8 @@ width: 16px; height: 16px; justify-content: center; - background: #000; border-radius: 4px; + background: #000; color: #fff; font-size: 12px; font-style: normal; diff --git a/webapp/channels/src/sass/layout/_webhooks.scss b/webapp/channels/src/sass/layout/_webhooks.scss index f541b53b56..91a0c0b56a 100644 --- a/webapp/channels/src/sass/layout/_webhooks.scss +++ b/webapp/channels/src/sass/layout/_webhooks.scss @@ -3,8 +3,8 @@ .webhooks__container { padding: 0 13px 15px; border: 1px solid; - margin-top: 10px; border-radius: 4px; + margin-top: 10px; @include alpha-property(background, $black, 0.1); } @@ -103,19 +103,19 @@ .attachment__content { border-width: 1px; border-style: solid; + border-radius: 0 4px 4px 0; border-left: none; margin: 5px 0 5px 20px; background: var(--center-channel-bg); - border-radius: 0 4px 4px 0; &.permalink--opengraph { margin: 5px 0 0 20px; } &.attachment__content--permalink { + border-radius: 4px 4px 4px 4px; border-left-width: 1px; border-left-style: solid; - border-radius: 4px 4px 4px 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); } } @@ -271,8 +271,8 @@ width: 100%; max-width: 400px; max-height: 200px; - margin-top: 10px; border-radius: 3px; + margin-top: 10px; &.loading { height: 150px; @@ -313,8 +313,8 @@ .attachment__author-icon { width: 14px; height: 14px; - margin-right: 5px; border-radius: 50px; + margin-right: 5px; } .attachment__thumb-container { diff --git a/webapp/channels/src/sass/responsive/_mobile.scss b/webapp/channels/src/sass/responsive/_mobile.scss index 08bba0ec53..608cf7d5a8 100644 --- a/webapp/channels/src/sass/responsive/_mobile.scss +++ b/webapp/channels/src/sass/responsive/_mobile.scss @@ -73,8 +73,8 @@ height: 30px; padding-top: 13px; border: 1px solid $white; - margin-left: -15px; border-radius: 50%; + margin-left: -15px; color: $white; font-family: 'Open Sans', sans-serif; font-size: 23px; @@ -385,9 +385,9 @@ align-items: center; padding: 6em 2em 4em; border: 0; + border-radius: 0; margin: 0; background: transparent; - border-radius: 0; .Menu__content { position: relative; @@ -656,8 +656,8 @@ >button { height: auto; padding: 15px 20px; - border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.12); border-radius: 0; + border-top: 1px solid rgba(var(--center-channel-color-rgb), 0.12); } &:first-child { @@ -808,8 +808,8 @@ height: 30px; padding-top: 13px; border: 1px solid $white; - margin-left: -15px; border-radius: 50%; + margin-left: -15px; color: $white; font-family: 'Open Sans', sans-serif; font-size: 23px; @@ -1372,8 +1372,8 @@ .form-control { padding: 0 31px; border: none; - background: var(--center-channel-bg); border-radius: 3px; + background: var(--center-channel-bg); } } } @@ -1448,8 +1448,8 @@ ul { position: relative; top: 5px; - background: var(--center-channel-bg); border-radius: 3px; + background: var(--center-channel-bg); clear: both; li { @@ -1552,8 +1552,8 @@ ul { position: relative; top: 5px; - background: var(--center-channel-bg); border-radius: 3px; + background: var(--center-channel-bg); clear: both; li { diff --git a/webapp/channels/src/sass/routes/_admin-console.scss b/webapp/channels/src/sass/routes/_admin-console.scss index 2274a87790..52bbaa7813 100644 --- a/webapp/channels/src/sass/routes/_admin-console.scss +++ b/webapp/channels/src/sass/routes/_admin-console.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@use 'sass:color'; + .admin-console__wrapper { overflow: auto; } @@ -61,8 +63,8 @@ } mark { - background-color: $highlight-color; border-radius: 5%; + background-color: $highlight-color; } .btn { @@ -302,8 +304,8 @@ .banner__url { padding: 0.7em 1em; - background: alpha-color($black, 0.07); border-radius: 2px; + background: alpha-color($black, 0.07); word-break: break-all; } @@ -489,8 +491,8 @@ height: 34px; align-items: center; justify-content: center; - margin: 0 10px 0 0; border-radius: $border-rad; + margin: 0 10px 0 0; text-decoration: none; transition: all 0.15s ease; @@ -608,9 +610,9 @@ width: 204px; padding: 5px 36px; border: 1px solid #666; + border-radius: 20px; margin: 8px; background: rgba(255, 255, 255, 0.05); - border-radius: 20px; color: $white; font-size: 14px; outline: none; @@ -644,8 +646,8 @@ } mark { - background-color: $highlight-color; border-radius: 5%; + background-color: $highlight-color; } body.announcement-bar--fixed & { @@ -751,9 +753,9 @@ top: -1px; height: 16px; padding: 0 4px 0 4px; + border-radius: 4px; margin-left: 8px; background-color: rgba(255, 255, 255, 0.75); - border-radius: 4px; color: rgba(61, 60, 64, 1); font-size: 10px; font-weight: 600; @@ -795,11 +797,11 @@ } &:hover { - color: lighten($primary-color, 10); + color: color.adjust($primary-color, $lightness: 10%); text-decoration: none; i { - color: lighten($primary-color, 10); + color: color.adjust($primary-color, $lightness: 10%); } } diff --git a/webapp/channels/src/sass/routes/_backstage.scss b/webapp/channels/src/sass/routes/_backstage.scss index b5af40ebf3..d0071c85e9 100644 --- a/webapp/channels/src/sass/routes/_backstage.scss +++ b/webapp/channels/src/sass/routes/_backstage.scss @@ -52,10 +52,10 @@ > ul { @include clearfix; + border-radius: 2px; border-right: 1px solid $light-gray; border-left: 1px solid $light-gray; - border-radius: 2px; } } @@ -339,9 +339,9 @@ flex: 0 0 30%; padding: 20px; border: 1px solid $light-gray; + border-radius: 4px; margin: 0 30px 30px 0; background-color: $white; - border-radius: 4px; text-align: center; transition: all 0.2s ease; @@ -426,8 +426,8 @@ .bot-list { border: 1px solid rgba(0, 0, 0, 0.1); - margin-top: 12px; border-radius: 4px; + margin-top: 12px; line-height: 24px; } @@ -446,8 +446,8 @@ &.alert { padding: 12px; - margin: 0; border-radius: 0; + margin: 0; } .form-horizontal { @@ -491,8 +491,8 @@ width: 32px; height: 32px; flex: 0 0 32px; - margin-right: 15px; border-radius: 50%; + margin-right: 15px; float: left; } @@ -505,8 +505,8 @@ overflow: hidden; width: 129px; height: 129px; - margin-bottom: 20px; border-radius: 50%; + margin-bottom: 20px; } .bot-profile__remove { @@ -518,8 +518,8 @@ height: 26px; align-items: center; justify-content: center; - background: $black; border-radius: 50%; + background: $black; color: $white; text-decoration: none; transition: all 0.15s ease; diff --git a/webapp/channels/src/sass/routes/_get-app.scss b/webapp/channels/src/sass/routes/_get-app.scss index 461b68c1fc..71eb8dcba0 100644 --- a/webapp/channels/src/sass/routes/_get-app.scss +++ b/webapp/channels/src/sass/routes/_get-app.scss @@ -143,9 +143,9 @@ height: 18px; padding: 0; border: 2px solid $dark-gray; + border-radius: 3px; margin-right: 7px; background: none; - border-radius: 3px; > * { pointer-events: none; diff --git a/webapp/channels/src/sass/routes/_loading.scss b/webapp/channels/src/sass/routes/_loading.scss index cd072db799..c34ecca75f 100644 --- a/webapp/channels/src/sass/routes/_loading.scss +++ b/webapp/channels/src/sass/routes/_loading.scss @@ -40,16 +40,16 @@ display: inline-block; width: 4px; height: 4px; + border-radius: 10px; margin: 0 2px; animation: move 0.75s infinite linear; background-color: var(--center-channel-color); - border-radius: 10px; opacity: 0.1; } @for $i from 1 through 3 { .round-#{$i} { - animation-delay: 0.2s*$i; + animation-delay: 0.2s * $i; } } } diff --git a/webapp/channels/src/sass/routes/_settings.scss b/webapp/channels/src/sass/routes/_settings.scss index 3434eb7f74..3b8e09bab3 100644 --- a/webapp/channels/src/sass/routes/_settings.scss +++ b/webapp/channels/src/sass/routes/_settings.scss @@ -103,9 +103,9 @@ .profile-img-preview { width: 128px; height: 128px; + border-radius: 100%; background-position: 50% 50%; background-size: cover; - border-radius: 100%; } .profile-img__container { @@ -125,8 +125,8 @@ justify-content: center; padding: 0; border: none; - background: $black; border-radius: 50%; + background: $black; color: $white; text-decoration: none; transition: all 0.15s ease; @@ -151,8 +151,8 @@ .img-preview__image { overflow: hidden; border: 1px solid alpha-color($black, 0.15); - background-color: $white; border-radius: 6px; + background-color: $white; } div { @@ -173,8 +173,8 @@ height: 24px; padding: 0; border: none; - background: $black; border-radius: 50%; + background: $black; color: $white; line-height: 23px; text-align: center; @@ -355,9 +355,9 @@ .theme-elements__body { max-height: 0; padding: 0 0 0 24px; + border-radius: 0 0 3px 3px; margin: 0 20px 0 0; background-color: rgba(255, 255, 255, 0.05); - border-radius: 0 0 3px 3px; overflow-y: hidden; transition: all 0.4s ease-out; @@ -597,8 +597,8 @@ } .post-profile-img { - margin-right: 8px; border-radius: 50px; + margin-right: 8px; } } @@ -692,8 +692,8 @@ align-items: center; justify-content: center; padding: 0 6px; - background-color: rgba(var(--button-bg-rgb), 0.08); border-radius: 12px; + background-color: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); font-size: 12px; font-weight: 600; diff --git a/webapp/channels/src/sass/routes/_signup.scss b/webapp/channels/src/sass/routes/_signup.scss index 82569d608c..3c318e441e 100644 --- a/webapp/channels/src/sass/routes/_signup.scss +++ b/webapp/channels/src/sass/routes/_signup.scss @@ -1,5 +1,7 @@ @charset 'UTF-8'; +@use 'sass:color'; + body { &.announcement-bar--fixed { .signup-header { @@ -80,7 +82,7 @@ body { p { width: 100%; margin: 0; - color: lighten($black, 50%); + color: color.adjust($black, $lightness: 50%); line-height: 1.6em; white-space: pre-wrap; word-break: break-word; @@ -206,8 +208,8 @@ body { .block--gray { display: inline-block; padding: 0.85em 1.2em; - background: #f2f2f2; border-radius: 3px; + background: #f2f2f2; font-weight: 600; } @@ -280,9 +282,9 @@ body { .control-label { width: 100%; padding: 0.7em 1em; + border-radius: 3px; margin: 1em 0 0; background: #f2f2f2; - border-radius: 3px; color: #999; font-size: 14px; font-weight: normal; @@ -336,9 +338,8 @@ body { .signup-team-all { max-height: calc(75vh - (108px + 89px)); border: 1px solid #ddd; - margin: 0 0 20px; - border-radius: 2px; border-radius: 4px; + margin: 0 0 20px; .signup-team-dir { @include pie-clearfix; diff --git a/webapp/channels/src/sass/routes/_statistics.scss b/webapp/channels/src/sass/routes/_statistics.scss index 7885bf0bdb..cb027adcf4 100644 --- a/webapp/channels/src/sass/routes/_statistics.scss +++ b/webapp/channels/src/sass/routes/_statistics.scss @@ -53,9 +53,9 @@ .total-count { width: 100%; border: 1px solid $light-gray; + border-radius: 3px; margin: 1em 0; background: $white; - border-radius: 3px; text-align: center; &--has-message { diff --git a/webapp/channels/src/sass/utils/_mixins.scss b/webapp/channels/src/sass/utils/_mixins.scss index 7f318ced3c..0c1fbb8528 100644 --- a/webapp/channels/src/sass/utils/_mixins.scss +++ b/webapp/channels/src/sass/utils/_mixins.scss @@ -88,8 +88,8 @@ display: inline-flex; align-items: center; border: 0; - background: rgba(var(--button-bg-rgb), 0.08); border-radius: 4px; + background: rgba(var(--button-bg-rgb), 0.08); color: var(--button-bg); font-weight: 600; transition: all 0.15s ease-out; @@ -127,8 +127,8 @@ align-items: center; justify-content: center; border: 0; - background: var(--button-bg); border-radius: 4px; + background: var(--button-bg); color: var(--button-color); font-weight: 600; transition: all 0.15s ease-out; @@ -165,8 +165,8 @@ align-items: center; justify-content: center; border: 1px solid var(--denim-button-bg); - background: var(--center-channel-bg); border-radius: 4px; + background: var(--center-channel-bg); color: var(--button-bg); font-weight: 600; transition: all 0.15s ease-out; @@ -268,8 +268,8 @@ align-items: center; justify-content: center; border: 0; - background: none; border-radius: 4px; + background: none; color: rgba(var(--center-channel-color-rgb), 0.64); &:focus, diff --git a/webapp/channels/src/sass/utils/_modifiers.scss b/webapp/channels/src/sass/utils/_modifiers.scss index 883341d5a4..79352cf14c 100644 --- a/webapp/channels/src/sass/utils/_modifiers.scss +++ b/webapp/channels/src/sass/utils/_modifiers.scss @@ -10,35 +10,35 @@ $positions: 't'top, @each $label, $position in $positions { .p#{$label}-#{$i} { - padding-#{$position}: #{$i*4}px !important; + padding-#{$position}: #{$i * 4}px !important; } } @each $label, $position in $positions { .m#{$label}-#{$i} { - margin-#{$position}: #{$i*4}px !important; + margin-#{$position}: #{$i * 4}px !important; } } .m-#{$i} { - margin: #{$i*4}px !important; + margin: #{$i * 4}px !important; } .p-#{$i} { - padding: #{$i*4}px !important; + padding: #{$i * 4}px !important; } .px-#{$i} { - padding: 0 #{$i*4}px 0 #{$i*4}px !important; + padding: 0 #{$i * 4}px 0 #{$i * 4}px !important; } .py-#{$i} { - padding: #{$i*4}px 0 #{$i*4}px 0 !important; + padding: #{$i * 4}px 0 #{$i * 4}px 0 !important; } .h-#{$i} { - height: #{$i*4}px !important; + height: #{$i * 4}px !important; } } diff --git a/webapp/channels/src/sass/utils/_variables.scss b/webapp/channels/src/sass/utils/_variables.scss index 63d9655932..57822d0602 100644 --- a/webapp/channels/src/sass/utils/_variables.scss +++ b/webapp/channels/src/sass/utils/_variables.scss @@ -1,8 +1,10 @@ @charset 'UTF-8'; +@use 'sass:color'; + // Color Variables $primary-color: #166de0; -$primary-color--hover: darken($primary-color, 10%); +$primary-color--hover: color.adjust($primary-color, $lightness: -10%); $bg--gray: rgb(245, 245, 245); $white: rgb(255, 255, 255); $black: rgb(0, 0, 0); diff --git a/webapp/channels/webpack.config.js b/webapp/channels/webpack.config.js index 67897c5169..3e4d7b86e5 100644 --- a/webapp/channels/webpack.config.js +++ b/webapp/channels/webpack.config.js @@ -23,7 +23,7 @@ const NPM_TARGET = process.env.npm_lifecycle_event; const targetIsRun = NPM_TARGET?.startsWith('run'); const targetIsStats = NPM_TARGET === 'stats'; const targetIsDevServer = NPM_TARGET?.startsWith('dev-server'); -const targetIsEslint = NPM_TARGET === 'check' || NPM_TARGET === 'fix' || process.env.VSCODE_CWD; +const targetIsEslint = NPM_TARGET?.startsWith('check') || NPM_TARGET === 'fix' || process.env.VSCODE_CWD; const DEV = targetIsRun || targetIsStats || targetIsDevServer; diff --git a/webapp/package-lock.json b/webapp/package-lock.json index b9480d011c..8f521dc444 100644 --- a/webapp/package-lock.json +++ b/webapp/package-lock.json @@ -35,8 +35,8 @@ "eslint-import-resolver-webpack": "0.13.2", "eslint-plugin-formatjs": "4.12.2", "mini-css-extract-plugin": "2.7.5", - "sass": "1.62.1", - "sass-loader": "13.2.2", + "sass": "1.71.1", + "sass-loader": "14.1.1", "strip-ansi": "6.0.1", "style-loader": "3.3.2", "webpack": "5.81.0", @@ -153,6 +153,7 @@ "@hot-loader/react-dom": "17.0.2", "@mattermost/eslint-plugin": "*", "@redux-devtools/extension": "3.2.3", + "@stylistic/stylelint-plugin": "2.1.0", "@testing-library/jest-dom": "5.16.4", "@testing-library/react": "12.1.4", "@testing-library/user-event": "13.5.0", @@ -220,12 +221,11 @@ "react-router-enzyme-context": "1.2.0", "redux-mock-store": "1.5.4", "redux-persist-node-storage": "2.0.0", - "stylelint-config-idiomatic-order": "8.1.0", - "stylelint-config-recommended": "5.0.0", - "stylelint-config-recommended-scss": "4.2.0", - "stylelint-config-standard": "22.0.0", - "stylelint-order": "4.1.0", - "stylelint-scss": "3.19.0", + "stylelint": "16.2.1", + "stylelint-config-idiomatic-order": "10.0.0", + "stylelint-config-recommended-scss": "14.0.0", + "stylelint-order": "6.0.4", + "stylelint-scss": "6.1.0", "webpack-bundle-analyzer": "4.7.0", "webpack-pwa-manifest": "4.3.0", "yargs": "16.2.0" @@ -260,6 +260,7 @@ }, "node_modules/@ampproject/remapping": { "version": "2.2.1", + "dev": true, "license": "Apache-2.0", "dependencies": { "@jridgewell/gen-mapping": "^0.3.0", @@ -339,6 +340,7 @@ }, "node_modules/@babel/compat-data": { "version": "7.23.3", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -346,6 +348,7 @@ }, "node_modules/@babel/core": { "version": "7.21.8", + "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "^2.2.0", @@ -408,6 +411,7 @@ }, "node_modules/@babel/helper-compilation-targets": { "version": "7.22.15", + "dev": true, "license": "MIT", "dependencies": { "@babel/compat-data": "^7.22.9", @@ -422,6 +426,7 @@ }, "node_modules/@babel/helper-compilation-targets/node_modules/lru-cache": { "version": "5.1.1", + "dev": true, "license": "ISC", "dependencies": { "yallist": "^3.0.2" @@ -429,6 +434,7 @@ }, "node_modules/@babel/helper-compilation-targets/node_modules/yallist": { "version": "3.1.1", + "dev": true, "license": "ISC" }, "node_modules/@babel/helper-create-class-features-plugin": { @@ -536,6 +542,7 @@ }, "node_modules/@babel/helper-module-transforms": { "version": "7.23.3", + "dev": true, "license": "MIT", "dependencies": { "@babel/helper-environment-visitor": "^7.22.20", @@ -604,6 +611,7 @@ }, "node_modules/@babel/helper-simple-access": { "version": "7.22.5", + "dev": true, "license": "MIT", "dependencies": { "@babel/types": "^7.22.5" @@ -649,6 +657,7 @@ }, "node_modules/@babel/helper-validator-option": { "version": "7.22.15", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -669,6 +678,7 @@ }, "node_modules/@babel/helpers": { "version": "7.23.4", + "dev": true, "license": "MIT", "dependencies": { "@babel/template": "^7.22.15", @@ -2116,6 +2126,92 @@ "dev": true, "license": "MIT" }, + "node_modules/@csstools/css-parser-algorithms": { + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.0.tgz", + "integrity": "sha512-YfEHq0eRH98ffb5/EsrrDspVWAuph6gDggAE74ZtjecsmyyWpW768hOyiONa8zwWGbIWYfa2Xp4tRTrpQQ00CQ==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "@csstools/css-tokenizer": "^2.2.3" + } + }, + "node_modules/@csstools/css-tokenizer": { + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.3.tgz", + "integrity": "sha512-pp//EvZ9dUmGuGtG1p+n17gTHEOqu9jO+FiCUjNN3BDmyhdA2Jq9QsVeR7K8/2QCK17HSsioPlTW9ZkzoWb3Lg==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "engines": { + "node": "^14 || ^16 || >=18" + } + }, + "node_modules/@csstools/media-query-list-parser": { + "version": "2.1.8", + "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.8.tgz", + "integrity": "sha512-DiD3vG5ciNzeuTEoh74S+JMjQDs50R3zlxHnBnfd04YYfA/kh2KiBCGhzqLxlJcNq+7yNQ3stuZZYLX6wK/U2g==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "@csstools/css-parser-algorithms": "^2.6.0", + "@csstools/css-tokenizer": "^2.2.3" + } + }, + "node_modules/@csstools/selector-specificity": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.2.tgz", + "integrity": "sha512-RpHaZ1h9LE7aALeQXmXrJkRG84ZxIsctEN2biEUmFyKpzFM3zZ35eUMcIzZFsw/2olQE6v69+esEqU2f1MKycg==", + "dev": true, + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/csstools" + }, + { + "type": "opencollective", + "url": "https://opencollective.com/csstools" + } + ], + "engines": { + "node": "^14 || ^16 || >=18" + }, + "peerDependencies": { + "postcss-selector-parser": "^6.0.13" + } + }, "node_modules/@deanwhillier/jest-matchmedia-mock": { "version": "1.2.0", "dev": true, @@ -2727,6 +2823,102 @@ "react": "*" } }, + "node_modules/@isaacs/cliui": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz", + "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==", + "dev": true, + "dependencies": { + "string-width": "^5.1.2", + "string-width-cjs": "npm:string-width@^4.2.0", + "strip-ansi": "^7.0.1", + "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", + "wrap-ansi": "^8.1.0", + "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" + }, + "engines": { + "node": ">=12" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/ansi-styles": { + "version": "6.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz", + "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-styles?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/emoji-regex": { + "version": "9.2.2", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz", + "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==", + "dev": true + }, + "node_modules/@isaacs/cliui/node_modules/string-width": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz", + "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==", + "dev": true, + "dependencies": { + "eastasianwidth": "^0.2.0", + "emoji-regex": "^9.2.2", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@isaacs/cliui/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/@isaacs/cliui/node_modules/wrap-ansi": { + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz", + "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^6.1.0", + "string-width": "^5.0.1", + "strip-ansi": "^7.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/@istanbuljs/load-nyc-config": { "version": "1.1.0", "dev": true, @@ -4115,6 +4307,12 @@ "resolved": "platform/types", "link": true }, + "node_modules/@mdn/browser-compat-data": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@mdn/browser-compat-data/-/browser-compat-data-4.2.1.tgz", + "integrity": "sha512-EWUguj2kd7ldmrF9F+vI5hUOralPd+sdsUnYbRy33vZTuZkduC1shE9TtEMEjAQwyfyMb4ole5KtjF8MsnQOlA==", + "dev": true + }, "node_modules/@mui/base": { "version": "5.0.0-alpha.127", "license": "MIT", @@ -4404,6 +4602,7 @@ }, "node_modules/@nodelib/fs.scandir": { "version": "2.1.5", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "2.0.5", @@ -4415,6 +4614,7 @@ }, "node_modules/@nodelib/fs.stat": { "version": "2.0.5", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -4422,6 +4622,7 @@ }, "node_modules/@nodelib/fs.walk": { "version": "1.2.8", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.scandir": "2.1.5", @@ -4431,6 +4632,16 @@ "node": ">= 8" } }, + "node_modules/@pkgjs/parseargs": { + "version": "0.11.0", + "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz", + "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==", + "dev": true, + "optional": true, + "engines": { + "node": ">=14" + } + }, "node_modules/@polka/url": { "version": "1.0.0-next.23", "dev": true, @@ -4644,31 +4855,35 @@ "version": "1.41.0", "license": "MIT" }, - "node_modules/@stylelint/postcss-css-in-js": { - "version": "0.37.3", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-css-in-js/-/postcss-css-in-js-0.37.3.tgz", - "integrity": "sha512-scLk3cSH1H9KggSniseb2KNAU5D9FWc3H7BxCSAIdtU9OWIyw0zkEZ9qEKHryRM+SExYXRKNb7tOOVNAsQ3iwg==", - "deprecated": "Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.", + "node_modules/@stylistic/stylelint-plugin": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/@stylistic/stylelint-plugin/-/stylelint-plugin-2.1.0.tgz", + "integrity": "sha512-mUZEW9uImHSbXeyzbFmHb8WPBv56UTaEnWL/3dGdAiJ54C+8GTfDwDVdI6gbqT9wV7zynkPu7tCXc5746H9mZQ==", + "dev": true, "dependencies": { - "@babel/core": "^7.17.9" + "@csstools/css-parser-algorithms": "^2.5.0", + "@csstools/css-tokenizer": "^2.2.3", + "@csstools/media-query-list-parser": "^2.1.7", + "is-plain-object": "^5.0.0", + "postcss-selector-parser": "^6.0.15", + "postcss-value-parser": "^4.2.0", + "style-search": "^0.1.0", + "stylelint": "^16.2.1" + }, + "engines": { + "node": "^18.12 || >=20.9" }, "peerDependencies": { - "postcss": ">=7.0.0", - "postcss-syntax": ">=0.36.2" + "stylelint": "^16.0.2" } }, - "node_modules/@stylelint/postcss-markdown": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/@stylelint/postcss-markdown/-/postcss-markdown-0.36.2.tgz", - "integrity": "sha512-2kGbqUVJUGE8dM+bMzXG/PYUWKkjLIkRLWNh39OaADkiabDRdw8ATFCgbMz5xdIcvwspPAluSL7uY+ZiTWdWmQ==", - "deprecated": "Use the original unforked package instead: postcss-markdown", - "dependencies": { - "remark": "^13.0.0", - "unist-util-find-all-after": "^3.0.2" - }, - "peerDependencies": { - "postcss": ">=7.0.0", - "postcss-syntax": ">=0.36.2" + "node_modules/@stylistic/stylelint-plugin/node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" } }, "node_modules/@tanstack/react-table": { @@ -5179,14 +5394,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@types/mdast": { - "version": "3.0.15", - "resolved": "https://registry.npmjs.org/@types/mdast/-/mdast-3.0.15.tgz", - "integrity": "sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==", - "dependencies": { - "@types/unist": "^2" - } - }, "node_modules/@types/mime": { "version": "1.3.5", "dev": true, @@ -5197,11 +5404,6 @@ "dev": true, "license": "MIT" }, - "node_modules/@types/minimist": { - "version": "1.2.5", - "resolved": "https://registry.npmjs.org/@types/minimist/-/minimist-1.2.5.tgz", - "integrity": "sha512-hov8bUuiLiyFPGyFPE1lwWhmzYbirOXQNNo40+y3zow8aFVTeyn3VWL0VFFfdNddA8S4Vf0Tc062rzyNr7Paag==" - }, "node_modules/@types/node": { "version": "18.18.13", "dev": true, @@ -5218,10 +5420,11 @@ "@types/node": "*" } }, - "node_modules/@types/normalize-package-data": { - "version": "2.4.4", - "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz", - "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==" + "node_modules/@types/object-path": { + "version": "0.11.4", + "resolved": "https://registry.npmjs.org/@types/object-path/-/object-path-0.11.4.tgz", + "integrity": "sha512-4tgJ1Z3elF/tOMpA8JLVuR9spt9Ynsf7+JjqsQ2IqtiPJtcLoHoXcT6qU4E10cPFqyXX5HDm9QwIzZhBSkLxsw==", + "dev": true }, "node_modules/@types/parse-json": { "version": "4.0.2", @@ -5513,10 +5716,11 @@ "version": "5.0.1", "license": "MIT" }, - "node_modules/@types/unist": { - "version": "2.0.10", - "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.10.tgz", - "integrity": "sha512-IfYcSBWE3hLpBg8+X2SEa8LVkJdJEkT2Ese2aaLs3ptGdVtABxndrMaxuFlQ1qdFf9Q5rDvDpxI3WwgvKFAsQA==" + "node_modules/@types/ua-parser-js": { + "version": "0.7.39", + "resolved": "https://registry.npmjs.org/@types/ua-parser-js/-/ua-parser-js-0.7.39.tgz", + "integrity": "sha512-P/oDfpofrdtF5xw433SPALpdSchtJmY7nsJItf8h3KXqOslkbySh8zq4dSWXH2oTjRvJ5PczVEoCZPow6GicLg==", + "dev": true }, "node_modules/@types/webpack-env": { "version": "1.18.1", @@ -5943,6 +6147,15 @@ } } }, + "node_modules/@wessberg/stringutil": { + "version": "1.0.19", + "resolved": "https://registry.npmjs.org/@wessberg/stringutil/-/stringutil-1.0.19.tgz", + "integrity": "sha512-9AZHVXWlpN8Cn9k5BC/O0Dzb9E9xfEMXzYrNunwvkUTvuK7xgQPVRZpLo+jWCOZ5r8oBa8NIrHuPEu1hzbb6bg==", + "dev": true, + "engines": { + "node": ">=8.0.0" + } + }, "node_modules/@xobotyi/scrollbar-width": { "version": "1.9.5", "license": "MIT" @@ -6067,6 +6280,7 @@ }, "node_modules/ajv": { "version": "8.12.0", + "dev": true, "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.1", @@ -6133,6 +6347,7 @@ }, "node_modules/ansi-regex": { "version": "5.0.1", + "devOptional": true, "license": "MIT", "engines": { "node": ">=8" @@ -6140,6 +6355,7 @@ }, "node_modules/ansi-styles": { "version": "4.3.0", + "dev": true, "license": "MIT", "dependencies": { "color-convert": "^2.0.1" @@ -6282,6 +6498,7 @@ }, "node_modules/array-union": { "version": "2.1.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -6382,14 +6599,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/arrify": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz", - "integrity": "sha512-3CYzex9M9FGQjCGMGyi6/31c8GJbgb0qGyrx5HWxPd0aCwh4cB2YjMb2Xf9UuoogrMrlO9cTqnB5rI5GHZTcUA==", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/asn1.js": { "version": "5.4.1", "license": "MIT", @@ -6410,8 +6619,8 @@ }, "node_modules/astral-regex": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz", - "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==", + "dev": true, + "license": "MIT", "engines": { "node": ">=8" } @@ -6438,48 +6647,6 @@ "node": ">= 4.5.0" } }, - "node_modules/autoprefixer": { - "version": "9.8.8", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.8.tgz", - "integrity": "sha512-eM9d/swFopRt5gdJ7jrpCwgvEMIayITpojhkkSMRsFHYuH5bkSQ4p/9qTEHtmNudUZh22Tehu7I6CxAW0IXTKA==", - "dependencies": { - "browserslist": "^4.12.0", - "caniuse-lite": "^1.0.30001109", - "normalize-range": "^0.1.2", - "num2fraction": "^1.2.2", - "picocolors": "^0.2.1", - "postcss": "^7.0.32", - "postcss-value-parser": "^4.1.0" - }, - "bin": { - "autoprefixer": "bin/autoprefixer" - }, - "funding": { - "type": "tidelift", - "url": "https://tidelift.com/funding/github/npm/autoprefixer" - } - }, - "node_modules/autoprefixer/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/autoprefixer/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, "node_modules/available-typed-arrays": { "version": "1.0.5", "license": "MIT", @@ -6761,15 +6928,6 @@ "@babel/core": "^7.0.0" } }, - "node_modules/bail": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/bail/-/bail-1.0.5.tgz", - "integrity": "sha512-xFbRxM1tahm08yHBP16MMjVUAvDaBMD38zsM9EMAUN61omwLmKlOpB/Zku5QkjZ8TZ4vn53pj+t518cH0S03RQ==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/balanced-match": { "version": "1.0.2", "license": "MIT" @@ -7352,6 +7510,7 @@ }, "node_modules/braces": { "version": "3.0.2", + "dev": true, "license": "MIT", "dependencies": { "fill-range": "^7.0.1" @@ -7428,6 +7587,7 @@ }, "node_modules/browserslist": { "version": "4.22.1", + "dev": true, "funding": [ { "type": "opencollective", @@ -7456,6 +7616,75 @@ "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" } }, + "node_modules/browserslist-generator": { + "version": "1.0.66", + "resolved": "https://registry.npmjs.org/browserslist-generator/-/browserslist-generator-1.0.66.tgz", + "integrity": "sha512-aFDax4Qzh29DdyhHQBD2Yu2L5OvaDnvYFMbmpLrLwwaNK4H6dHEhC/Nxv93/+mfAA+a/t94ln0P2JZvHO6LZDA==", + "dev": true, + "dependencies": { + "@mdn/browser-compat-data": "^4.1.16", + "@types/object-path": "^0.11.1", + "@types/semver": "^7.3.9", + "@types/ua-parser-js": "^0.7.36", + "browserslist": "4.20.2", + "caniuse-lite": "^1.0.30001328", + "isbot": "3.4.5", + "object-path": "^0.11.8", + "semver": "^7.3.7", + "ua-parser-js": "^1.0.2" + }, + "engines": { + "node": ">=8.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/wessberg/browserslist-generator?sponsor=1" + } + }, + "node_modules/browserslist-generator/node_modules/browserslist": { + "version": "4.20.2", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.20.2.tgz", + "integrity": "sha512-CQOBCqp/9pDvDbx3xfMi+86pr4KXIf2FDkTTdeuYw8OxS9t898LA1Khq57gtufFILXpfgsSx5woNgsBgvGjpsA==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/browserslist" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/browserslist" + } + ], + "dependencies": { + "caniuse-lite": "^1.0.30001317", + "electron-to-chromium": "^1.4.84", + "escalade": "^3.1.1", + "node-releases": "^2.0.2", + "picocolors": "^1.0.0" + }, + "bin": { + "browserslist": "cli.js" + }, + "engines": { + "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7" + } + }, + "node_modules/browserslist-generator/node_modules/semver": { + "version": "7.6.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", + "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", + "dev": true, + "dependencies": { + "lru-cache": "^6.0.0" + }, + "bin": { + "semver": "bin/semver.js" + }, + "engines": { + "node": ">=10" + } + }, "node_modules/bser": { "version": "2.1.1", "dev": true, @@ -7622,27 +7851,12 @@ }, "node_modules/camelcase": { "version": "5.3.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6" } }, - "node_modules/camelcase-keys": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-6.2.2.tgz", - "integrity": "sha512-YrwaA0vEKazPBkn0ipTiMpSajYDSe+KjQfrjhcBMxJt/znbvlHd8Pw/Vamaz5EB4Wfhs3SUR3Z9mwRu/P3s3Yg==", - "dependencies": { - "camelcase": "^5.3.1", - "map-obj": "^4.0.0", - "quick-lru": "^4.0.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/camelize": { "version": "1.0.1", "license": "MIT", @@ -7652,6 +7866,7 @@ }, "node_modules/caniuse-lite": { "version": "1.0.30001564", + "dev": true, "funding": [ { "type": "opencollective", @@ -7698,6 +7913,7 @@ }, "node_modules/chalk": { "version": "4.1.2", + "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^4.1.0", @@ -7718,33 +7934,6 @@ "node": ">=10" } }, - "node_modules/character-entities": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-1.2.4.tgz", - "integrity": "sha512-iBMyeEHxfVnIakwOuDXpVkc54HijNgCyQB2w0VfGQThle6NXn50zU6V/u+LDhxHcDUPojn6Kpga3PTAD8W1bQw==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/character-entities-legacy": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-entities-legacy/-/character-entities-legacy-1.1.4.tgz", - "integrity": "sha512-3Xnr+7ZFS1uxeiUDvV02wQ+QDbc55o97tIV5zHScSPJpcLm/r0DFPcoY3tYRp+VZukxuMeKgXYmsXQHO05zQeA==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/character-reference-invalid": { - "version": "1.1.4", - "resolved": "https://registry.npmjs.org/character-reference-invalid/-/character-reference-invalid-1.1.4.tgz", - "integrity": "sha512-mKKUkUbhPpQlCOfIuZkvSEgktjPFIsZKRRbC6KWVEMvlzblj3i3asQv5ODsrwt0N3pHAEvjP8KTQPHkp0+6jOg==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/chart.js": { "version": "3.8.2", "license": "MIT" @@ -7903,17 +8092,6 @@ "node": ">=6" } }, - "node_modules/clone-regexp": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/clone-regexp/-/clone-regexp-2.2.0.tgz", - "integrity": "sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q==", - "dependencies": { - "is-regexp": "^2.0.0" - }, - "engines": { - "node": ">=6" - } - }, "node_modules/clone-response": { "version": "1.0.2", "dev": true, @@ -7956,6 +8134,7 @@ }, "node_modules/color-convert": { "version": "2.0.1", + "dev": true, "license": "MIT", "dependencies": { "color-name": "~1.1.4" @@ -7970,6 +8149,7 @@ }, "node_modules/color-name": { "version": "1.1.4", + "dev": true, "license": "MIT" }, "node_modules/color-support": { @@ -7980,6 +8160,12 @@ "color-support": "bin.js" } }, + "node_modules/colord": { + "version": "2.9.3", + "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz", + "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==", + "dev": true + }, "node_modules/colorette": { "version": "2.0.20", "dev": true, @@ -8007,6 +8193,21 @@ "dev": true, "license": "MIT" }, + "node_modules/compatfactory": { + "version": "0.0.13", + "resolved": "https://registry.npmjs.org/compatfactory/-/compatfactory-0.0.13.tgz", + "integrity": "sha512-k9Sl/Qal3xQPnjAFZaRpl7jlCh0hDEhVaxyiTMfiHKC/w5TYn4Nds+7340X/v1OrAQC5xGBtaD2JpWgPhXWaAw==", + "dev": true, + "dependencies": { + "helpertypes": "^0.0.18" + }, + "engines": { + "node": ">=10.0.0" + }, + "peerDependencies": { + "typescript": ">=3.x || >= 4.x" + } + }, "node_modules/compressible": { "version": "2.0.18", "dev": true, @@ -8401,6 +8602,24 @@ "node": ">= 8" } }, + "node_modules/crosspath": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/crosspath/-/crosspath-1.0.0.tgz", + "integrity": "sha512-mpjkSErNO6vioL/Cde2aF4UBysPFEMyn+1AN1t7Oc4yqvzSRWe8iBte4P8BHyjo64OmC+ZBxwjIqmpSpIWiQ7Q==", + "dev": true, + "dependencies": { + "@types/node": "^16.11.7" + }, + "engines": { + "node": ">=10.0.0" + } + }, + "node_modules/crosspath/node_modules/@types/node": { + "version": "16.18.86", + "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.86.tgz", + "integrity": "sha512-QMvdZf+ZTSiv7gspwhqbfB7Y5DmbYgCsUnakS8Ul9uRbJQehDKaM7SL+GbcDS003Lh7VK4YlelHsRm9HCv26eA==", + "dev": true + }, "node_modules/crypto-browserify": { "version": "3.12.0", "license": "MIT", @@ -8453,6 +8672,15 @@ "node": "*" } }, + "node_modules/css-functions-list": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.1.tgz", + "integrity": "sha512-Nj5YcaGgBtuUmn1D7oHqPW0c9iui7xsTsj5lIX8ZgevdfhmjFfKB3r8moHJtNJnctnYXJyYX5I1pp90HM4TPgQ==", + "dev": true, + "engines": { + "node": ">=12 || >=16" + } + }, "node_modules/css-in-js-utils": { "version": "3.1.0", "license": "MIT", @@ -8560,6 +8788,7 @@ }, "node_modules/cssesc": { "version": "3.0.0", + "dev": true, "license": "MIT", "bin": { "cssesc": "bin/cssesc" @@ -8673,37 +8902,6 @@ } } }, - "node_modules/decamelize": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz", - "integrity": "sha512-z2S+W9X73hAUUki+N+9Za2lBlun89zigOyGrsax+KUQ6wKW4ZoWpEYBkGhQjwAjjDCkWxhY0VKEhk8wzY7F5cA==", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/decamelize-keys": { - "version": "1.1.1", - "resolved": "https://registry.npmjs.org/decamelize-keys/-/decamelize-keys-1.1.1.tgz", - "integrity": "sha512-WiPxgEirIV0/eIOMcnFBA3/IJZAZqKnwAwWyvvdi4lsr1WCN22nhdf/3db3DoZcUjTV2SqfzIwNyp6y2xs3nmg==", - "dependencies": { - "decamelize": "^1.1.0", - "map-obj": "^1.0.0" - }, - "engines": { - "node": ">=0.10.0" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/decamelize-keys/node_modules/map-obj": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-1.0.1.tgz", - "integrity": "sha512-7N/q3lyZ+LVCp7PzuxrJr4KMbBE2hW7BT7YNia330OFxIf4d3r5zVpicP2650l7CPN6RM9zOJRl3NGpqSiw3Eg==", - "engines": { - "node": ">=0.10.0" - } - }, "node_modules/decimal.js": { "version": "10.4.3", "dev": true, @@ -9134,6 +9332,7 @@ }, "node_modules/dir-glob": { "version": "3.0.1", + "dev": true, "license": "MIT", "dependencies": { "path-type": "^4.0.0" @@ -9368,6 +9567,12 @@ "version": "3.1.1", "license": "MIT" }, + "node_modules/eastasianwidth": { + "version": "0.2.0", + "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz", + "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==", + "dev": true + }, "node_modules/ee-first": { "version": "1.1.1", "dev": true, @@ -9375,6 +9580,7 @@ }, "node_modules/electron-to-chromium": { "version": "1.4.593", + "dev": true, "license": "ISC" }, "node_modules/elliptic": { @@ -9469,6 +9675,15 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, + "node_modules/env-paths": { + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", + "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", + "dev": true, + "engines": { + "node": ">=6" + } + }, "node_modules/envinfo": { "version": "7.11.0", "dev": true, @@ -9763,6 +9978,7 @@ }, "node_modules/escalade": { "version": "3.1.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -10741,17 +10957,6 @@ "which": "bin/which" } }, - "node_modules/execall": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/execall/-/execall-2.0.0.tgz", - "integrity": "sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow==", - "dependencies": { - "clone-regexp": "^2.1.0" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/executable": { "version": "4.1.1", "dev": true, @@ -10923,6 +11128,7 @@ }, "node_modules/fast-glob": { "version": "3.3.2", + "dev": true, "license": "MIT", "dependencies": { "@nodelib/fs.stat": "^2.0.2", @@ -10937,6 +11143,7 @@ }, "node_modules/fast-glob/node_modules/glob-parent": { "version": "5.1.2", + "dev": true, "license": "ISC", "dependencies": { "is-glob": "^4.0.1" @@ -10985,6 +11192,7 @@ }, "node_modules/fastest-levenshtein": { "version": "1.0.16", + "dev": true, "license": "MIT", "engines": { "node": ">= 4.9.1" @@ -10996,6 +11204,7 @@ }, "node_modules/fastq": { "version": "1.15.0", + "dev": true, "license": "ISC", "dependencies": { "reusify": "^1.0.4" @@ -11030,6 +11239,7 @@ }, "node_modules/file-entry-cache": { "version": "6.0.1", + "dev": true, "license": "MIT", "dependencies": { "flat-cache": "^3.0.4" @@ -11111,6 +11321,7 @@ }, "node_modules/fill-range": { "version": "7.0.1", + "dev": true, "license": "MIT", "dependencies": { "to-regex-range": "^5.0.1" @@ -11205,6 +11416,7 @@ }, "node_modules/flat-cache": { "version": "3.2.0", + "dev": true, "license": "MIT", "dependencies": { "flatted": "^3.2.9", @@ -11217,6 +11429,7 @@ }, "node_modules/flatted": { "version": "3.2.9", + "dev": true, "license": "ISC" }, "node_modules/flexsearch": { @@ -11255,6 +11468,34 @@ "is-callable": "^1.1.3" } }, + "node_modules/foreground-child": { + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz", + "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==", + "dev": true, + "dependencies": { + "cross-spawn": "^7.0.0", + "signal-exit": "^4.0.1" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/foreground-child/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, "node_modules/form-data": { "version": "4.0.0", "license": "MIT", @@ -11358,6 +11599,7 @@ }, "node_modules/fs.realpath": { "version": "1.0.0", + "devOptional": true, "license": "ISC" }, "node_modules/fsevents": { @@ -11425,6 +11667,7 @@ }, "node_modules/gensync": { "version": "1.0.0-beta.2", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" @@ -11474,17 +11717,6 @@ "node": ">=4" } }, - "node_modules/get-stdin": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz", - "integrity": "sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg==", - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/get-stream": { "version": "4.1.0", "dev": true, @@ -11596,6 +11828,7 @@ }, "node_modules/glob": { "version": "7.2.3", + "devOptional": true, "license": "ISC", "dependencies": { "fs.realpath": "^1.0.0", @@ -11638,8 +11871,8 @@ }, "node_modules/global-modules": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz", - "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==", + "dev": true, + "license": "MIT", "dependencies": { "global-prefix": "^3.0.0" }, @@ -11649,8 +11882,8 @@ }, "node_modules/global-prefix": { "version": "3.0.0", - "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz", - "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==", + "dev": true, + "license": "MIT", "dependencies": { "ini": "^1.3.5", "kind-of": "^6.0.2", @@ -11662,8 +11895,8 @@ }, "node_modules/global-prefix/node_modules/which": { "version": "1.3.1", - "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", - "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==", + "dev": true, + "license": "ISC", "dependencies": { "isexe": "^2.0.0" }, @@ -11693,6 +11926,7 @@ }, "node_modules/globby": { "version": "11.1.0", + "dev": true, "license": "MIT", "dependencies": { "array-union": "^2.1.0", @@ -11711,22 +11945,8 @@ }, "node_modules/globjoin": { "version": "0.1.4", - "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz", - "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==" - }, - "node_modules/gonzales-pe": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/gonzales-pe/-/gonzales-pe-4.3.0.tgz", - "integrity": "sha512-otgSPpUmdWJ43VXyiNgEYE4luzHCL2pz4wQ0OnDluC6Eg4Ko3Vexy/SrSynglw/eR+OhkzmqFCZa/OFa/RgAOQ==", - "dependencies": { - "minimist": "^1.2.5" - }, - "bin": { - "gonzales": "bin/gonzales.js" - }, - "engines": { - "node": ">=0.6.0" - } + "dev": true, + "license": "MIT" }, "node_modules/gopd": { "version": "1.0.1", @@ -11799,14 +12019,6 @@ "dev": true, "license": "MIT" }, - "node_modules/hard-rejection": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/hard-rejection/-/hard-rejection-2.1.0.tgz", - "integrity": "sha512-VIZB+ibDhx7ObhAe7OVtoEbuP4h/MuOTHJ+J8h/eBXotJYl0fBgR72xDFCKgIh22OJZIOVNxBMWuhAr10r8HdA==", - "engines": { - "node": ">=6" - } - }, "node_modules/harmony-reflect": { "version": "1.6.2", "dev": true, @@ -11829,6 +12041,7 @@ }, "node_modules/has-flag": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -11939,6 +12152,15 @@ "he": "bin/he" } }, + "node_modules/helpertypes": { + "version": "0.0.18", + "resolved": "https://registry.npmjs.org/helpertypes/-/helpertypes-0.0.18.tgz", + "integrity": "sha512-XRhfbSEmR+poXUC5/8AbmYNJb2riOT6qPzjGJZr0S9YedHiaY+/tzPYzWMUclYMEdCYo/1l8PDYrQFCj02v97w==", + "dev": true, + "engines": { + "node": ">=10.0.0" + } + }, "node_modules/highlight.js": { "version": "11.6.0", "license": "BSD-3-Clause", @@ -11978,17 +12200,6 @@ "version": "16.13.1", "license": "MIT" }, - "node_modules/hosted-git-info": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-4.1.0.tgz", - "integrity": "sha512-kyCuEOWjJqZuDbRHzL8V93NzQhwIB71oFWSyzVo+KPZI+pnQPPxucdkrOZvkLRnrf5URsQM+IJ09Dw29cRALIA==", - "dependencies": { - "lru-cache": "^6.0.0" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/hpack.js": { "version": "2.1.6", "dev": true, @@ -12097,8 +12308,8 @@ }, "node_modules/html-tags": { "version": "3.3.1", - "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz", - "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==", + "dev": true, + "license": "MIT", "engines": { "node": ">=8" }, @@ -12332,6 +12543,7 @@ }, "node_modules/ignore": { "version": "5.3.0", + "dev": true, "license": "MIT", "engines": { "node": ">= 4" @@ -12728,6 +12940,7 @@ }, "node_modules/imurmurhash": { "version": "0.1.4", + "dev": true, "license": "MIT", "engines": { "node": ">=0.8.19" @@ -12735,6 +12948,7 @@ }, "node_modules/indent-string": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -12742,6 +12956,7 @@ }, "node_modules/inflight": { "version": "1.0.6", + "devOptional": true, "license": "ISC", "dependencies": { "once": "^1.3.0", @@ -12754,6 +12969,7 @@ }, "node_modules/ini": { "version": "1.3.8", + "dev": true, "license": "ISC" }, "node_modules/inline-style-prefixer": { @@ -12865,28 +13081,6 @@ "node": ">= 10" } }, - "node_modules/is-alphabetical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphabetical/-/is-alphabetical-1.0.4.tgz", - "integrity": "sha512-DwzsA04LQ10FHTZuL0/grVDk4rFoVH1pjAToYwBrHSxcrBIGQuXrQMtD5U1b0U2XVgKZCTLLP8u2Qxqhy3l2Vg==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, - "node_modules/is-alphanumerical": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-alphanumerical/-/is-alphanumerical-1.0.4.tgz", - "integrity": "sha512-UzoZUr+XfVz3t3v4KyGEniVL9BDRoQtY7tOyrRybkVNjDFWyo1yhXNGrrBTQxp3ib9BLAWs7k2YKBQsFRkZG9A==", - "dependencies": { - "is-alphabetical": "^1.0.0", - "is-decimal": "^1.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/is-arguments": { "version": "1.1.1", "dev": true, @@ -12966,28 +13160,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-buffer": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz", - "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/feross" - }, - { - "type": "patreon", - "url": "https://www.patreon.com/feross" - }, - { - "type": "consulting", - "url": "https://feross.org/support" - } - ], - "engines": { - "node": ">=4" - } - }, "node_modules/is-builtin-module": { "version": "3.2.1", "dev": true, @@ -13053,15 +13225,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-decimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-decimal/-/is-decimal-1.0.4.tgz", - "integrity": "sha512-RGdriMmQQvZ2aqaQq3awNA6dCGtKpiDFcOzrTWrDAT2MiWrKQVPmxLGHl7Y2nNu6led0kEyoX0enY0qXYsv9zw==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/is-docker": { "version": "2.2.1", "dev": true, @@ -13078,6 +13241,7 @@ }, "node_modules/is-extglob": { "version": "2.1.1", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -13095,6 +13259,7 @@ }, "node_modules/is-fullwidth-code-point": { "version": "3.0.0", + "devOptional": true, "license": "MIT", "engines": { "node": ">=8" @@ -13147,6 +13312,7 @@ }, "node_modules/is-glob": { "version": "4.0.3", + "dev": true, "license": "MIT", "dependencies": { "is-extglob": "^2.1.1" @@ -13155,15 +13321,6 @@ "node": ">=0.10.0" } }, - "node_modules/is-hexadecimal": { - "version": "1.0.4", - "resolved": "https://registry.npmjs.org/is-hexadecimal/-/is-hexadecimal-1.0.4.tgz", - "integrity": "sha512-gyPJuv83bHMpocVYoqof5VDiZveEoGoFL8m3BXNb2VW8Xs+rz9kqO8LOQ5DH6EsuvilT1ApazU0pyl+ytbPtlw==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/is-jpg": { "version": "2.0.0", "dev": true, @@ -13201,6 +13358,7 @@ }, "node_modules/is-number": { "version": "7.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.12.0" @@ -13237,6 +13395,7 @@ }, "node_modules/is-plain-obj": { "version": "1.1.0", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -13289,14 +13448,6 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/is-regexp": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-regexp/-/is-regexp-2.1.0.tgz", - "integrity": "sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA==", - "engines": { - "node": ">=6" - } - }, "node_modules/is-retry-allowed": { "version": "1.2.0", "dev": true, @@ -13391,19 +13542,9 @@ }, "node_modules/is-typedarray": { "version": "1.0.0", + "dev": true, "license": "MIT" }, - "node_modules/is-unicode-supported": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz", - "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==", - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/is-weakmap": { "version": "2.0.1", "license": "MIT", @@ -13447,8 +13588,18 @@ "version": "2.0.5", "license": "MIT" }, + "node_modules/isbot": { + "version": "3.4.5", + "resolved": "https://registry.npmjs.org/isbot/-/isbot-3.4.5.tgz", + "integrity": "sha512-+KD6q1BBtw0iK9aGBGSfxJ31/ZgizKRjhm8ebgJUBMx0aeeQuIJ1I72beCoIrltIZGrSm4vmrxRxrG5n1aUTtw==", + "dev": true, + "engines": { + "node": ">=12" + } + }, "node_modules/isexe": { "version": "2.0.0", + "dev": true, "license": "ISC" }, "node_modules/isobject": { @@ -13594,6 +13745,24 @@ "set-function-name": "^2.0.1" } }, + "node_modules/jackspeak": { + "version": "2.3.6", + "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz", + "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==", + "dev": true, + "dependencies": { + "@isaacs/cliui": "^8.0.2" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + }, + "optionalDependencies": { + "@pkgjs/parseargs": "^0.11.0" + } + }, "node_modules/jest": { "version": "29.7.0", "dev": true, @@ -15963,6 +16132,7 @@ }, "node_modules/json-buffer": { "version": "3.0.1", + "dev": true, "license": "MIT" }, "node_modules/json-parse-even-better-errors": { @@ -15971,6 +16141,7 @@ }, "node_modules/json-schema-traverse": { "version": "1.0.0", + "dev": true, "license": "MIT" }, "node_modules/json-stable-stringify": { @@ -16002,6 +16173,7 @@ }, "node_modules/json5": { "version": "2.2.3", + "dev": true, "license": "MIT", "bin": { "json5": "lib/cli.js" @@ -16063,6 +16235,7 @@ }, "node_modules/keyv": { "version": "4.5.4", + "dev": true, "license": "MIT", "dependencies": { "json-buffer": "3.0.1" @@ -16070,6 +16243,7 @@ }, "node_modules/kind-of": { "version": "6.0.3", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -16083,18 +16257,11 @@ "node": ">=6" } }, - "node_modules/klona": { - "version": "2.0.6", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 8" - } - }, "node_modules/known-css-properties": { - "version": "0.21.0", - "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.21.0.tgz", - "integrity": "sha512-sZLUnTqimCkvkgRS+kbPlYW5o8q5w1cu+uIisKpEWkj31I8mx8kNG162DwRav8Zirkva6N5uoFsm9kzK4mUXjw==" + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz", + "integrity": "sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==", + "dev": true }, "node_modules/language-subtag-registry": { "version": "0.3.22", @@ -16271,37 +16438,13 @@ }, "node_modules/lodash.truncate": { "version": "4.4.2", - "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz", - "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==" + "dev": true, + "license": "MIT" }, "node_modules/lodash.upperfirst": { "version": "4.3.1", "license": "MIT" }, - "node_modules/log-symbols": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz", - "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==", - "dependencies": { - "chalk": "^4.1.0", - "is-unicode-supported": "^0.1.0" - }, - "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/longest-streak": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/longest-streak/-/longest-streak-2.0.4.tgz", - "integrity": "sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/loose-envify": { "version": "1.4.0", "license": "MIT", @@ -16387,17 +16530,6 @@ "tmpl": "1.0.5" } }, - "node_modules/map-obj": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-4.3.0.tgz", - "integrity": "sha512-hdN1wVrZbb29eBGiGjJbeP8JbKjq1urkHJ/LIP/NY48MZ1QVXUsQBV1G1zvYFHn1XE06cwjBsOI2K3Ulnj1YXQ==", - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/mark.js": { "version": "8.11.1", "license": "MIT" @@ -16417,8 +16549,8 @@ }, "node_modules/mathml-tag-names": { "version": "2.1.3", - "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz", - "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==", + "dev": true, + "license": "MIT", "funding": { "type": "github", "url": "https://github.com/sponsors/wooorm" @@ -16437,48 +16569,6 @@ "safe-buffer": "^5.1.2" } }, - "node_modules/mdast-util-from-markdown": { - "version": "0.8.5", - "resolved": "https://registry.npmjs.org/mdast-util-from-markdown/-/mdast-util-from-markdown-0.8.5.tgz", - "integrity": "sha512-2hkTXtYYnr+NubD/g6KGBS/0mFmBcifAsI0yIWRiRo0PjVs6SSOSOdtzbp6kSGnShDN6G5aWZpKQ2lWRy27mWQ==", - "dependencies": { - "@types/mdast": "^3.0.0", - "mdast-util-to-string": "^2.0.0", - "micromark": "~2.11.0", - "parse-entities": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-to-markdown": { - "version": "0.6.5", - "resolved": "https://registry.npmjs.org/mdast-util-to-markdown/-/mdast-util-to-markdown-0.6.5.tgz", - "integrity": "sha512-XeV9sDE7ZlOQvs45C9UKMtfTcctcaj/pGwH8YLbMHoMOXNNCn2LsqVQOqrF1+/NU8lKDAqozme9SCXWyo9oAcQ==", - "dependencies": { - "@types/unist": "^2.0.0", - "longest-streak": "^2.0.0", - "mdast-util-to-string": "^2.0.0", - "parse-entities": "^2.0.0", - "repeat-string": "^1.0.0", - "zwitch": "^1.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/mdast-util-to-string": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/mdast-util-to-string/-/mdast-util-to-string-2.0.0.tgz", - "integrity": "sha512-AW4DRS3QbBayY/jJmD8437V1Gombjf8RSOUCMFBuo5iHi58AGEgVCKQ+ezHkZZDpAQS75hcBMpLqjpJTjtUL7w==", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/mdn-data": { "version": "2.0.14", "license": "CC0-1.0" @@ -16512,36 +16602,12 @@ "license": "MIT" }, "node_modules/meow": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/meow/-/meow-9.0.0.tgz", - "integrity": "sha512-+obSblOQmRhcyBt62furQqRAQpNyWXo8BuQ5bN7dG8wmwQ+vwHKp/rCFD4CrTP8CsDQD1sjoZ94K417XEUk8IQ==", - "dependencies": { - "@types/minimist": "^1.2.0", - "camelcase-keys": "^6.2.2", - "decamelize": "^1.2.0", - "decamelize-keys": "^1.1.0", - "hard-rejection": "^2.1.0", - "minimist-options": "4.1.0", - "normalize-package-data": "^3.0.0", - "read-pkg-up": "^7.0.1", - "redent": "^3.0.0", - "trim-newlines": "^3.0.0", - "type-fest": "^0.18.0", - "yargs-parser": "^20.2.3" - }, + "version": "13.2.0", + "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz", + "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==", + "dev": true, "engines": { - "node": ">=10" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/meow/node_modules/type-fest": { - "version": "0.18.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.18.1.tgz", - "integrity": "sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==", - "engines": { - "node": ">=10" + "node": ">=18" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -16559,6 +16625,7 @@ }, "node_modules/merge2": { "version": "1.4.1", + "dev": true, "license": "MIT", "engines": { "node": ">= 8" @@ -16572,27 +16639,9 @@ "node": ">= 0.6" } }, - "node_modules/micromark": { - "version": "2.11.4", - "resolved": "https://registry.npmjs.org/micromark/-/micromark-2.11.4.tgz", - "integrity": "sha512-+WoovN/ppKolQOFIAajxi7Lu9kInbPxFuTBVEavFcL8eAfVstoc5MocPmqBeAdBOJV00uaVjegzH4+MA0DN/uA==", - "funding": [ - { - "type": "GitHub Sponsors", - "url": "https://github.com/sponsors/unifiedjs" - }, - { - "type": "OpenCollective", - "url": "https://opencollective.com/unified" - } - ], - "dependencies": { - "debug": "^4.0.0", - "parse-entities": "^2.0.0" - } - }, "node_modules/micromatch": { "version": "4.0.5", + "dev": true, "license": "MIT", "dependencies": { "braces": "^3.0.2", @@ -16669,6 +16718,7 @@ }, "node_modules/min-indent": { "version": "1.0.1", + "dev": true, "license": "MIT", "engines": { "node": ">=4" @@ -16717,23 +16767,10 @@ "url": "https://github.com/sponsors/ljharb" } }, - "node_modules/minimist-options": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/minimist-options/-/minimist-options-4.1.0.tgz", - "integrity": "sha512-Q4r8ghd80yhO/0j1O3B2BjweX3fiHg9cdOwjJd2J76Q135c+NDxGCqdYKQ1SKBuFfgWbAUzBfvYjPUEeNgqN1A==", - "dependencies": { - "arrify": "^1.0.1", - "is-plain-obj": "^1.1.0", - "kind-of": "^6.0.3" - }, - "engines": { - "node": ">= 6" - } - }, "node_modules/minipass": { "version": "5.0.0", + "devOptional": true, "license": "ISC", - "optional": true, "engines": { "node": ">=8" } @@ -17195,6 +17232,7 @@ }, "node_modules/node-releases": { "version": "2.0.13", + "dev": true, "license": "MIT" }, "node_modules/nopt": { @@ -17211,34 +17249,6 @@ "node": ">=6" } }, - "node_modules/normalize-package-data": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-3.0.3.tgz", - "integrity": "sha512-p2W1sgqij3zMMyRC067Dg16bfzVH+w7hyegmpIvZ4JNjqtGOVAIvLmjBx3yP7YTe9vKJgkoNOPjwQGogDoMXFA==", - "dependencies": { - "hosted-git-info": "^4.0.1", - "is-core-module": "^2.5.0", - "semver": "^7.3.4", - "validate-npm-package-license": "^3.0.1" - }, - "engines": { - "node": ">=10" - } - }, - "node_modules/normalize-package-data/node_modules/semver": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz", - "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==", - "dependencies": { - "lru-cache": "^6.0.0" - }, - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/normalize-path": { "version": "3.0.0", "dev": true, @@ -17247,19 +17257,6 @@ "node": ">=0.10.0" } }, - "node_modules/normalize-range": { - "version": "0.1.2", - "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz", - "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==", - "engines": { - "node": ">=0.10.0" - } - }, - "node_modules/normalize-selector": { - "version": "0.2.0", - "resolved": "https://registry.npmjs.org/normalize-selector/-/normalize-selector-0.2.0.tgz", - "integrity": "sha512-dxvWdI8gw6eAvk9BlPffgEoGfM7AdijoCwOEJge3e3ulT2XLgmU7KvvxprOaCu05Q1uGRHmOhHe1r6emZoKyFw==" - }, "node_modules/normalize-url": { "version": "2.0.1", "dev": true, @@ -17353,11 +17350,6 @@ "url": "https://github.com/fb55/nth-check?sponsor=1" } }, - "node_modules/num2fraction": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/num2fraction/-/num2fraction-1.2.2.tgz", - "integrity": "sha512-Y1wZESM7VUThYY+4W+X4ySH2maqcA+p7UR+w8VWNWVAd6lwuXXWz/w/Cz43J/dI2I+PS6wD5N+bJUF+gjWvIqg==" - }, "node_modules/nwsapi": { "version": "2.2.7", "dev": true, @@ -17399,6 +17391,15 @@ "node": ">= 0.4" } }, + "node_modules/object-path": { + "version": "0.11.8", + "resolved": "https://registry.npmjs.org/object-path/-/object-path-0.11.8.tgz", + "integrity": "sha512-YJjNZrlXJFM42wTBn6zgOJVar9KFJvzx6sTWDte8sWZF//cnjl0BxHNpfZx+ZffXX63A9q0b1zsFiBX4g4X5KA==", + "dev": true, + "engines": { + "node": ">= 10.12.0" + } + }, "node_modules/object.assign": { "version": "4.1.4", "license": "MIT", @@ -17500,6 +17501,7 @@ }, "node_modules/once": { "version": "1.4.0", + "devOptional": true, "license": "ISC", "dependencies": { "wrappy": "1" @@ -17764,6 +17766,7 @@ }, "node_modules/p-try": { "version": "2.2.0", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -17823,23 +17826,6 @@ "xml2js": "^0.4.5" } }, - "node_modules/parse-entities": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/parse-entities/-/parse-entities-2.0.0.tgz", - "integrity": "sha512-kkywGpCcRYhqQIchaWqZ875wzpS/bMKhz5HnN3p7wveJTkTtyAB/AlnS0f8DFSqYW1T82t6yEAkEcB+A1I3MbQ==", - "dependencies": { - "character-entities": "^1.0.0", - "character-entities-legacy": "^1.0.0", - "character-reference-invalid": "^1.0.0", - "is-alphanumerical": "^1.0.0", - "is-decimal": "^1.0.0", - "is-hexadecimal": "^1.0.0" - }, - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/parse-headers": { "version": "2.0.5", "dev": true, @@ -17903,6 +17889,7 @@ }, "node_modules/path-exists": { "version": "4.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -17910,6 +17897,7 @@ }, "node_modules/path-is-absolute": { "version": "1.0.1", + "devOptional": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -17927,6 +17915,31 @@ "version": "1.0.7", "license": "MIT" }, + "node_modules/path-scurry": { + "version": "1.10.1", + "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz", + "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==", + "dev": true, + "dependencies": { + "lru-cache": "^9.1.1 || ^10.0.0", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/path-scurry/node_modules/lru-cache": { + "version": "10.2.0", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz", + "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==", + "dev": true, + "engines": { + "node": "14 || >=16.14" + } + }, "node_modules/path-to-regexp": { "version": "1.8.0", "license": "MIT", @@ -18229,7 +18242,9 @@ } }, "node_modules/postcss": { - "version": "8.4.31", + "version": "8.4.35", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz", + "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==", "funding": [ { "type": "opencollective", @@ -18244,9 +18259,8 @@ "url": "https://github.com/sponsors/ai" } ], - "license": "MIT", "dependencies": { - "nanoid": "^3.3.6", + "nanoid": "^3.3.7", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" }, @@ -18254,120 +18268,9 @@ "node": "^10 || ^12 || >=14" } }, - "node_modules/postcss-html": { - "version": "0.36.0", - "resolved": "https://registry.npmjs.org/postcss-html/-/postcss-html-0.36.0.tgz", - "integrity": "sha512-HeiOxGcuwID0AFsNAL0ox3mW6MHH5cstWN1Z3Y+n6H+g12ih7LHdYxWwEA/QmrebctLjo79xz9ouK3MroHwOJw==", - "dependencies": { - "htmlparser2": "^3.10.0" - }, - "peerDependencies": { - "postcss": ">=5.0.0", - "postcss-syntax": ">=0.36.0" - } - }, - "node_modules/postcss-html/node_modules/dom-serializer": { - "version": "0.2.2", - "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-0.2.2.tgz", - "integrity": "sha512-2/xPb3ORsQ42nHYiSunXkDjPLBaEj/xTwUO4B7XCZQTRk7EBtTOPaygh10YAAh2OI1Qrp6NWfpAhzswj0ydt9g==", - "dependencies": { - "domelementtype": "^2.0.1", - "entities": "^2.0.0" - } - }, - "node_modules/postcss-html/node_modules/dom-serializer/node_modules/domelementtype": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz", - "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==", - "funding": [ - { - "type": "github", - "url": "https://github.com/sponsors/fb55" - } - ] - }, - "node_modules/postcss-html/node_modules/dom-serializer/node_modules/entities": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz", - "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==", - "funding": { - "url": "https://github.com/fb55/entities?sponsor=1" - } - }, - "node_modules/postcss-html/node_modules/domelementtype": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-1.3.1.tgz", - "integrity": "sha512-BSKB+TSpMpFI/HOxCNr1O8aMOTZ8hT3pM3GQ0w/mWRmkhEDSFJkkyzz4XQsBV44BChwGkrDfMyjVD0eA2aFV3w==" - }, - "node_modules/postcss-html/node_modules/domhandler": { - "version": "2.4.2", - "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-2.4.2.tgz", - "integrity": "sha512-JiK04h0Ht5u/80fdLMCEmV4zkNh2BcoMFBmZ/91WtYZ8qVXSKjiw7fXMgFPnHcSZgOo3XdinHvmnDUeMf5R4wA==", - "dependencies": { - "domelementtype": "1" - } - }, - "node_modules/postcss-html/node_modules/domutils": { - "version": "1.7.0", - "resolved": "https://registry.npmjs.org/domutils/-/domutils-1.7.0.tgz", - "integrity": "sha512-Lgd2XcJ/NjEw+7tFvfKxOzCYKZsdct5lczQ2ZaQY8Djz7pfAD3Gbp8ySJWtreII/vDlMVmxwa6pHmdxIYgttDg==", - "dependencies": { - "dom-serializer": "0", - "domelementtype": "1" - } - }, - "node_modules/postcss-html/node_modules/entities": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/entities/-/entities-1.1.2.tgz", - "integrity": "sha512-f2LZMYl1Fzu7YSBKg+RoROelpOaNrcGmE9AZubeDfrCEia483oW4MI4VyFd5VNHIgQ/7qm1I0wUHK1eJnn2y2w==" - }, - "node_modules/postcss-html/node_modules/htmlparser2": { - "version": "3.10.1", - "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-3.10.1.tgz", - "integrity": "sha512-IgieNijUMbkDovyoKObU1DUhm1iwNYE/fuifEoEHfd1oZKZDaONBSkal7Y01shxsM49R4XaMdGez3WnF9UfiCQ==", - "dependencies": { - "domelementtype": "^1.3.1", - "domhandler": "^2.3.0", - "domutils": "^1.5.1", - "entities": "^1.1.1", - "inherits": "^2.0.1", - "readable-stream": "^3.1.1" - } - }, - "node_modules/postcss-less": { - "version": "3.1.4", - "resolved": "https://registry.npmjs.org/postcss-less/-/postcss-less-3.1.4.tgz", - "integrity": "sha512-7TvleQWNM2QLcHqvudt3VYjULVB49uiW6XzEUFmvwHzvsOEF5MwBrIXZDJQvJNFGjJQTzSzZnDoCJ8h/ljyGXA==", - "dependencies": { - "postcss": "^7.0.14" - }, - "engines": { - "node": ">=6.14.4" - } - }, - "node_modules/postcss-less/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/postcss-less/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, "node_modules/postcss-media-query-parser": { "version": "0.2.3", + "dev": true, "license": "MIT" }, "node_modules/postcss-modules-extract-imports": { @@ -18427,105 +18330,66 @@ }, "node_modules/postcss-resolve-nested-selector": { "version": "0.1.1", + "dev": true, "license": "MIT" }, "node_modules/postcss-safe-parser": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-4.0.2.tgz", - "integrity": "sha512-Uw6ekxSWNLCPesSv/cmqf2bY/77z11O7jZGPax3ycZMFU/oi2DMH9i89AdHc1tRwFg/arFoEwX0IS3LCUxJh1g==", - "dependencies": { - "postcss": "^7.0.26" - }, + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz", + "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/postcss-safe-parser/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/postcss-safe-parser/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" + "node": ">=18.0" }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, - "node_modules/postcss-sass": { - "version": "0.4.4", - "resolved": "https://registry.npmjs.org/postcss-sass/-/postcss-sass-0.4.4.tgz", - "integrity": "sha512-BYxnVYx4mQooOhr+zer0qWbSPYnarAy8ZT7hAQtbxtgVf8gy+LSLT/hHGe35h14/pZDTw1DsxdbrwxBN++H+fg==", - "dependencies": { - "gonzales-pe": "^4.3.0", - "postcss": "^7.0.21" - } - }, - "node_modules/postcss-sass/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/postcss-sass/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" + "peerDependencies": { + "postcss": "^8.4.31" } }, "node_modules/postcss-scss": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-2.1.1.tgz", - "integrity": "sha512-jQmGnj0hSGLd9RscFw9LyuSVAa5Bl1/KBPqG1NQw9w8ND55nY4ZEsdlVuYJvLPpV+y0nwTV5v/4rHPzZRihQbA==", - "dependencies": { - "postcss": "^7.0.6" - }, + "version": "4.0.9", + "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz", + "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/postcss/" + }, + { + "type": "tidelift", + "url": "https://tidelift.com/funding/github/npm/postcss-scss" + }, + { + "type": "github", + "url": "https://github.com/sponsors/ai" + } + ], "engines": { - "node": ">=6.0.0" - } - }, - "node_modules/postcss-scss/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/postcss-scss/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" + "node": ">=12.0" }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" + "peerDependencies": { + "postcss": "^8.4.29" } }, "node_modules/postcss-selector-parser": { - "version": "6.0.13", - "license": "MIT", + "version": "6.0.15", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz", + "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==", + "dev": true, "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -18534,47 +18398,6 @@ "node": ">=4" } }, - "node_modules/postcss-sorting": { - "version": "5.0.1", - "dev": true, - "license": "MIT", - "dependencies": { - "lodash": "^4.17.14", - "postcss": "^7.0.17" - }, - "engines": { - "node": ">=8.7.0" - } - }, - "node_modules/postcss-sorting/node_modules/picocolors": { - "version": "0.2.1", - "dev": true, - "license": "ISC" - }, - "node_modules/postcss-sorting/node_modules/postcss": { - "version": "7.0.39", - "dev": true, - "license": "MIT", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, - "node_modules/postcss-syntax": { - "version": "0.36.2", - "resolved": "https://registry.npmjs.org/postcss-syntax/-/postcss-syntax-0.36.2.tgz", - "integrity": "sha512-nBRg/i7E3SOHWxF3PpF5WnJM/jQ1YpY9000OaVXlAQj6Zp/kIqJxEDWIZ67tAd7NLuk7zqN4yqe9nc0oNAOs1w==", - "peerDependencies": { - "postcss": ">=5.0.0" - } - }, "node_modules/postcss-value-parser": { "version": "4.2.0", "license": "MIT" @@ -18793,6 +18616,7 @@ }, "node_modules/punycode": { "version": "2.3.1", + "dev": true, "license": "MIT", "engines": { "node": ">=6" @@ -18846,6 +18670,7 @@ }, "node_modules/queue-microtask": { "version": "1.2.3", + "dev": true, "funding": [ { "type": "github", @@ -18862,14 +18687,6 @@ ], "license": "MIT" }, - "node_modules/quick-lru": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-4.0.1.tgz", - "integrity": "sha512-ARhCpm70fzdcvNQfPoy49IaanKkTlRWF2JMzqhcJbhSFRZv7nPTvZJdcY7301IPmvW+/p0RgIWnQDLJxifsQ7g==", - "engines": { - "node": ">=8" - } - }, "node_modules/raf": { "version": "3.4.1", "license": "MIT", @@ -19540,124 +19357,6 @@ "lodash": "^4.0.1" } }, - "node_modules/read-pkg": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", - "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", - "dependencies": { - "@types/normalize-package-data": "^2.4.0", - "normalize-package-data": "^2.5.0", - "parse-json": "^5.0.0", - "type-fest": "^0.6.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/read-pkg-up": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz", - "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==", - "dependencies": { - "find-up": "^4.1.0", - "read-pkg": "^5.2.0", - "type-fest": "^0.8.1" - }, - "engines": { - "node": ">=8" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/read-pkg-up/node_modules/find-up": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz", - "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==", - "dependencies": { - "locate-path": "^5.0.0", - "path-exists": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/read-pkg-up/node_modules/locate-path": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz", - "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==", - "dependencies": { - "p-locate": "^4.1.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/read-pkg-up/node_modules/p-limit": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", - "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", - "dependencies": { - "p-try": "^2.0.0" - }, - "engines": { - "node": ">=6" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, - "node_modules/read-pkg-up/node_modules/p-locate": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz", - "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==", - "dependencies": { - "p-limit": "^2.2.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/read-pkg-up/node_modules/type-fest": { - "version": "0.8.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz", - "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==", - "engines": { - "node": ">=8" - } - }, - "node_modules/read-pkg/node_modules/hosted-git-info": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz", - "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==" - }, - "node_modules/read-pkg/node_modules/normalize-package-data": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz", - "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==", - "dependencies": { - "hosted-git-info": "^2.1.4", - "resolve": "^1.10.0", - "semver": "2 || 3 || 4 || 5", - "validate-npm-package-license": "^3.0.1" - } - }, - "node_modules/read-pkg/node_modules/semver": { - "version": "5.7.2", - "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz", - "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==", - "bin": { - "semver": "bin/semver" - } - }, - "node_modules/read-pkg/node_modules/type-fest": { - "version": "0.6.0", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", - "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", - "engines": { - "node": ">=8" - } - }, "node_modules/readable-stream": { "version": "3.6.2", "license": "MIT", @@ -19713,6 +19412,7 @@ }, "node_modules/redent": { "version": "3.0.0", + "dev": true, "license": "MIT", "dependencies": { "indent-string": "^4.0.0", @@ -19874,44 +19574,6 @@ "node": ">= 0.10" } }, - "node_modules/remark": { - "version": "13.0.0", - "resolved": "https://registry.npmjs.org/remark/-/remark-13.0.0.tgz", - "integrity": "sha512-HDz1+IKGtOyWN+QgBiAT0kn+2s6ovOxHyPAFGKVE81VSzJ+mq7RwHFledEvB5F1p4iJvOah/LOKdFuzvRnNLCA==", - "dependencies": { - "remark-parse": "^9.0.0", - "remark-stringify": "^9.0.0", - "unified": "^9.1.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/remark-parse": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/remark-parse/-/remark-parse-9.0.0.tgz", - "integrity": "sha512-geKatMwSzEXKHuzBNU1z676sGcDcFoChMK38TgdHJNAYfFtsfHDQG7MoJAjs6sgYMqyLduCYWDIWZIxiPeafEw==", - "dependencies": { - "mdast-util-from-markdown": "^0.8.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/remark-stringify": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/remark-stringify/-/remark-stringify-9.0.1.tgz", - "integrity": "sha512-mWmNg3ZtESvZS8fv5PTvaPckdL4iNlCHTt8/e/8oN08nArHRHjNZMKzA/YW3+p7/lYqIw4nx1XsjCBo/AxNChg==", - "dependencies": { - "mdast-util-to-markdown": "^0.6.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/renderkid": { "version": "3.0.0", "dev": true, @@ -20005,14 +19667,6 @@ "entities": "^2.0.0" } }, - "node_modules/repeat-string": { - "version": "1.6.1", - "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz", - "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==", - "engines": { - "node": ">=0.10" - } - }, "node_modules/replace-ext": { "version": "1.0.1", "dev": true, @@ -20031,6 +19685,7 @@ }, "node_modules/require-from-string": { "version": "2.0.2", + "dev": true, "license": "MIT", "engines": { "node": ">=0.10.0" @@ -20124,6 +19779,7 @@ }, "node_modules/reusify": { "version": "1.0.4", + "dev": true, "license": "MIT", "engines": { "iojs": ">=1.0.0", @@ -20132,6 +19788,7 @@ }, "node_modules/rimraf": { "version": "3.0.2", + "devOptional": true, "license": "ISC", "dependencies": { "glob": "^7.1.3" @@ -20166,13 +19823,97 @@ } }, "node_modules/rollup-plugin-scss": { - "version": "3.0.0", + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-scss/-/rollup-plugin-scss-4.0.0.tgz", + "integrity": "sha512-wxasNXDYC2m+fDxCMgK00WebVWYmeFvShyNABmjvSJZ6D1/SepwqFeaMFMQromveI79gfvb64yJjiZZxSZxEIA==", "dev": true, - "license": "MIT", "dependencies": { "rollup-pluginutils": "^2.3.3" } }, + "node_modules/rollup-plugin-ts": { + "version": "2.0.7", + "resolved": "https://registry.npmjs.org/rollup-plugin-ts/-/rollup-plugin-ts-2.0.7.tgz", + "integrity": "sha512-M9sppRKX6y/b2KXbGdUdHid0tshAEK/sEeYLBHBJiBa4swukSsoFVXKGGZasLcjaXhgUnnizFuvFFj6znxwvSA==", + "dev": true, + "dependencies": { + "@rollup/pluginutils": "^4.2.0", + "@wessberg/stringutil": "^1.0.19", + "browserslist": "^4.20.2", + "browserslist-generator": "^1.0.66", + "chalk": "4.1.2", + "compatfactory": "^0.0.13", + "crosspath": "1.0.0", + "magic-string": "^0.26.1", + "ts-clone-node": "^0.3.32", + "tslib": "^2.3.1" + }, + "engines": { + "node": ">=10.0.0", + "npm": ">=7.0.0", + "pnpm": ">=3.2.0", + "yarn": ">=1.13" + }, + "funding": { + "type": "github", + "url": "https://github.com/wessberg/rollup-plugin-ts?sponsor=1" + }, + "peerDependencies": { + "@babel/core": ">=6.x || >=7.x", + "@babel/plugin-transform-runtime": ">=6.x || >=7.x", + "@babel/preset-env": ">=6.x || >=7.x", + "@babel/runtime": ">=6.x || >=7.x", + "@swc/core": ">=1.x", + "@swc/helpers": ">=0.2", + "rollup": ">=1.x || >=2.x", + "typescript": ">=3.2.x || >= 4.x" + }, + "peerDependenciesMeta": { + "@babel/core": { + "optional": true + }, + "@babel/plugin-transform-runtime": { + "optional": true + }, + "@babel/preset-env": { + "optional": true + }, + "@babel/runtime": { + "optional": true + }, + "@swc/core": { + "optional": true + }, + "@swc/helpers": { + "optional": true + } + } + }, + "node_modules/rollup-plugin-ts/node_modules/@rollup/pluginutils": { + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-4.2.1.tgz", + "integrity": "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==", + "dev": true, + "dependencies": { + "estree-walker": "^2.0.1", + "picomatch": "^2.2.2" + }, + "engines": { + "node": ">= 8.0.0" + } + }, + "node_modules/rollup-plugin-ts/node_modules/magic-string": { + "version": "0.26.7", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.26.7.tgz", + "integrity": "sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==", + "dev": true, + "dependencies": { + "sourcemap-codec": "^1.4.8" + }, + "engines": { + "node": ">=12" + } + }, "node_modules/rollup-pluginutils": { "version": "2.8.2", "dev": true, @@ -20208,6 +19949,7 @@ }, "node_modules/run-parallel": { "version": "1.2.0", + "dev": true, "funding": [ { "type": "github", @@ -20286,9 +20028,10 @@ "license": "MIT" }, "node_modules/sass": { - "version": "1.62.1", + "version": "1.71.1", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.71.1.tgz", + "integrity": "sha512-wovtnV2PxzteLlfNzbgm1tFXPLoZILYAMJtvoXXkD7/+1uP41eKkIt1ypWq5/q2uT94qHjXehEYfmjKOvjL9sg==", "dev": true, - "license": "MIT", "dependencies": { "chokidar": ">=3.0.0 <4.0.0", "immutable": "^4.0.0", @@ -20302,29 +20045,29 @@ } }, "node_modules/sass-loader": { - "version": "13.2.2", + "version": "14.1.1", + "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.1.1.tgz", + "integrity": "sha512-QX8AasDg75monlybel38BZ49JP5Z+uSKfKwF2rO7S74BywaRmGQMUBw9dtkS+ekyM/QnP+NOrRYq8ABMZ9G8jw==", "dev": true, - "license": "MIT", "dependencies": { - "klona": "^2.0.6", "neo-async": "^2.6.2" }, "engines": { - "node": ">= 14.15.0" + "node": ">= 18.12.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/webpack" }, "peerDependencies": { - "fibers": ">= 3.1.0", - "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", + "@rspack/core": "0.x || 1.x", + "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0", "sass": "^1.3.0", "sass-embedded": "*", "webpack": "^5.0.0" }, "peerDependenciesMeta": { - "fibers": { + "@rspack/core": { "optional": true }, "node-sass": { @@ -20335,6 +20078,9 @@ }, "sass-embedded": { "optional": true + }, + "webpack": { + "optional": true } } }, @@ -20433,6 +20179,7 @@ }, "node_modules/semver": { "version": "6.3.1", + "devOptional": true, "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -20734,6 +20481,7 @@ }, "node_modules/signal-exit": { "version": "3.0.7", + "devOptional": true, "license": "ISC" }, "node_modules/simple-concat": { @@ -20807,6 +20555,7 @@ }, "node_modules/slash": { "version": "3.0.0", + "dev": true, "license": "MIT", "engines": { "node": ">=8" @@ -20814,8 +20563,8 @@ }, "node_modules/slice-ansi": { "version": "4.0.0", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz", - "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==", + "dev": true, + "license": "MIT", "dependencies": { "ansi-styles": "^4.0.0", "astral-regex": "^2.0.0", @@ -20951,34 +20700,6 @@ "dev": true, "license": "MIT" }, - "node_modules/spdx-correct": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz", - "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==", - "dependencies": { - "spdx-expression-parse": "^3.0.0", - "spdx-license-ids": "^3.0.0" - } - }, - "node_modules/spdx-exceptions": { - "version": "2.5.0", - "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz", - "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==" - }, - "node_modules/spdx-expression-parse": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz", - "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==", - "dependencies": { - "spdx-exceptions": "^2.1.0", - "spdx-license-ids": "^3.0.0" - } - }, - "node_modules/spdx-license-ids": { - "version": "3.0.17", - "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.17.tgz", - "integrity": "sha512-sh8PWc/ftMqAAdFiBu6Fy6JUOYjqDJBJvIhpfDMyHrr0Rbp5liZqd4TjtQ/RgfLjKFZb+LMx5hpml5qOWy0qvg==" - }, "node_modules/spdy": { "version": "4.0.2", "dev": true, @@ -21007,14 +20728,6 @@ "wbuf": "^1.7.3" } }, - "node_modules/specificity": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/specificity/-/specificity-0.4.1.tgz", - "integrity": "sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg==", - "bin": { - "specificity": "bin/specificity" - } - }, "node_modules/sprintf-js": { "version": "1.0.3", "dev": true, @@ -21136,6 +20849,7 @@ }, "node_modules/string-width": { "version": "4.2.3", + "devOptional": true, "license": "MIT", "dependencies": { "emoji-regex": "^8.0.0", @@ -21146,8 +20860,30 @@ "node": ">=8" } }, + "node_modules/string-width-cjs": { + "name": "string-width", + "version": "4.2.3", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz", + "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==", + "dev": true, + "dependencies": { + "emoji-regex": "^8.0.0", + "is-fullwidth-code-point": "^3.0.0", + "strip-ansi": "^6.0.1" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/string-width-cjs/node_modules/emoji-regex": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz", + "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==", + "dev": true + }, "node_modules/string-width/node_modules/emoji-regex": { "version": "8.0.0", + "devOptional": true, "license": "MIT" }, "node_modules/string.prototype.matchall": { @@ -21210,6 +20946,7 @@ }, "node_modules/strip-ansi": { "version": "6.0.1", + "devOptional": true, "license": "MIT", "dependencies": { "ansi-regex": "^5.0.1" @@ -21218,6 +20955,19 @@ "node": ">=8" } }, + "node_modules/strip-ansi-cjs": { + "name": "strip-ansi", + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz", + "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==", + "dev": true, + "dependencies": { + "ansi-regex": "^5.0.1" + }, + "engines": { + "node": ">=8" + } + }, "node_modules/strip-bom": { "version": "4.0.0", "dev": true, @@ -21252,6 +21002,7 @@ }, "node_modules/strip-indent": { "version": "3.0.0", + "dev": true, "license": "MIT", "dependencies": { "min-indent": "^1.0.0" @@ -21330,7 +21081,8 @@ "node_modules/style-search": { "version": "0.1.0", "resolved": "https://registry.npmjs.org/style-search/-/style-search-0.1.0.tgz", - "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==" + "integrity": "sha512-Dj1Okke1C3uKKwQcetra4jSuk0DqbzbYtXipzFlFMZtowbF1x7BKJwB9AayVMyFARvU8EDrZdcax4At/452cAg==", + "dev": true }, "node_modules/styled-components": { "version": "5.3.6", @@ -21379,64 +21131,55 @@ } }, "node_modules/stylelint": { - "version": "13.13.1", - "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-13.13.1.tgz", - "integrity": "sha512-Mv+BQr5XTUrKqAXmpqm6Ddli6Ief+AiPZkRsIrAoUKFuq/ElkUh9ZMYxXD0iQNZ5ADghZKLOWz1h7hTClB7zgQ==", + "version": "16.2.1", + "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.2.1.tgz", + "integrity": "sha512-SfIMGFK+4n7XVAyv50CpVfcGYWG4v41y6xG7PqOgQSY8M/PgdK0SQbjWFblxjJZlN9jNq879mB4BCZHJRIJ1hA==", + "dev": true, "dependencies": { - "@stylelint/postcss-css-in-js": "^0.37.2", - "@stylelint/postcss-markdown": "^0.36.2", - "autoprefixer": "^9.8.6", + "@csstools/css-parser-algorithms": "^2.5.0", + "@csstools/css-tokenizer": "^2.2.3", + "@csstools/media-query-list-parser": "^2.1.7", + "@csstools/selector-specificity": "^3.0.1", "balanced-match": "^2.0.0", - "chalk": "^4.1.1", - "cosmiconfig": "^7.0.0", - "debug": "^4.3.1", - "execall": "^2.0.0", - "fast-glob": "^3.2.5", - "fastest-levenshtein": "^1.0.12", - "file-entry-cache": "^6.0.1", - "get-stdin": "^8.0.0", + "colord": "^2.9.3", + "cosmiconfig": "^9.0.0", + "css-functions-list": "^3.2.1", + "css-tree": "^2.3.1", + "debug": "^4.3.4", + "fast-glob": "^3.3.2", + "fastest-levenshtein": "^1.0.16", + "file-entry-cache": "^8.0.0", "global-modules": "^2.0.0", - "globby": "^11.0.3", + "globby": "^11.1.0", "globjoin": "^0.1.4", - "html-tags": "^3.1.0", - "ignore": "^5.1.8", - "import-lazy": "^4.0.0", + "html-tags": "^3.3.1", + "ignore": "^5.3.0", "imurmurhash": "^0.1.4", - "known-css-properties": "^0.21.0", - "lodash": "^4.17.21", - "log-symbols": "^4.1.0", + "is-plain-object": "^5.0.0", + "known-css-properties": "^0.29.0", "mathml-tag-names": "^2.1.3", - "meow": "^9.0.0", - "micromatch": "^4.0.4", - "normalize-selector": "^0.2.0", - "postcss": "^7.0.35", - "postcss-html": "^0.36.0", - "postcss-less": "^3.1.4", - "postcss-media-query-parser": "^0.2.3", + "meow": "^13.1.0", + "micromatch": "^4.0.5", + "normalize-path": "^3.0.0", + "picocolors": "^1.0.0", + "postcss": "^8.4.33", "postcss-resolve-nested-selector": "^0.1.1", - "postcss-safe-parser": "^4.0.2", - "postcss-sass": "^0.4.4", - "postcss-scss": "^2.1.1", - "postcss-selector-parser": "^6.0.5", - "postcss-syntax": "^0.36.2", - "postcss-value-parser": "^4.1.0", + "postcss-safe-parser": "^7.0.0", + "postcss-selector-parser": "^6.0.15", + "postcss-value-parser": "^4.2.0", "resolve-from": "^5.0.0", - "slash": "^3.0.0", - "specificity": "^0.4.1", - "string-width": "^4.2.2", - "strip-ansi": "^6.0.0", - "style-search": "^0.1.0", - "sugarss": "^2.0.0", + "string-width": "^4.2.3", + "strip-ansi": "^7.1.0", + "supports-hyperlinks": "^3.0.0", "svg-tags": "^1.0.0", - "table": "^6.6.0", - "v8-compile-cache": "^2.3.0", - "write-file-atomic": "^3.0.3" + "table": "^6.8.1", + "write-file-atomic": "^5.0.1" }, "bin": { - "stylelint": "bin/stylelint.js" + "stylelint": "bin/stylelint.mjs" }, "engines": { - "node": ">=10.13.0" + "node": ">=18.12.0" }, "funding": { "type": "opencollective", @@ -21444,247 +21187,331 @@ } }, "node_modules/stylelint-config-idiomatic-order": { - "version": "8.1.0", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-idiomatic-order/-/stylelint-config-idiomatic-order-10.0.0.tgz", + "integrity": "sha512-gJjT1nwhgnHS52+mRn+5Iw6keZIPRN4W+vbzct9Elb+tWOo61jC/CzXzAJHvvOYQZqUYItfs2aQ8fU5hnCvuGg==", "dev": true, - "license": "MIT", "dependencies": { - "stylelint-order": "^3.1.1" + "stylelint-order": "^6.0.2" + }, + "engines": { + "node": ">=12" }, "peerDependencies": { "stylelint": ">=11" } }, - "node_modules/stylelint-config-idiomatic-order/node_modules/picocolors": { - "version": "0.2.1", - "dev": true, - "license": "ISC" - }, - "node_modules/stylelint-config-idiomatic-order/node_modules/postcss": { - "version": "7.0.39", - "dev": true, - "license": "MIT", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, - "node_modules/stylelint-config-idiomatic-order/node_modules/stylelint-order": { - "version": "3.1.1", - "dev": true, - "license": "MIT", - "dependencies": { - "lodash": "^4.17.15", - "postcss": "^7.0.17", - "postcss-sorting": "^5.0.1" - }, - "engines": { - "node": ">=8.7.0" - }, - "peerDependencies": { - "stylelint": ">=10.0.1" - } - }, "node_modules/stylelint-config-recommended": { - "version": "5.0.0", + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz", + "integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==", "dev": true, - "license": "MIT", + "engines": { + "node": ">=18.12.0" + }, "peerDependencies": { - "stylelint": "^13.13.0" + "stylelint": "^16.0.0" } }, "node_modules/stylelint-config-recommended-scss": { - "version": "4.2.0", + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.0.0.tgz", + "integrity": "sha512-HDvpoOAQ1RpF+sPbDOT2Q2/YrBDEJDnUymmVmZ7mMCeNiFSdhRdyGEimBkz06wsN+HaFwUh249gDR+I9JR7Onw==", "dev": true, - "license": "MIT", "dependencies": { - "stylelint-config-recommended": "^3.0.0" + "postcss-scss": "^4.0.9", + "stylelint-config-recommended": "^14.0.0", + "stylelint-scss": "^6.0.0" + }, + "engines": { + "node": ">=18.12.0" }, "peerDependencies": { - "stylelint": "^10.1.0 || ^11.0.0 || ^12.0.0 || ^13.0.0", - "stylelint-scss": "^3.0.0" - } - }, - "node_modules/stylelint-config-recommended-scss/node_modules/stylelint-config-recommended": { - "version": "3.0.0", - "dev": true, - "license": "MIT", - "peerDependencies": { - "stylelint": ">=10.1.0" - } - }, - "node_modules/stylelint-config-standard": { - "version": "22.0.0", - "dev": true, - "license": "MIT", - "dependencies": { - "stylelint-config-recommended": "^5.0.0" + "postcss": "^8.3.3", + "stylelint": "^16.0.2" }, - "peerDependencies": { - "stylelint": "^13.13.0" + "peerDependenciesMeta": { + "postcss": { + "optional": true + } } }, "node_modules/stylelint-order": { - "version": "4.1.0", + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/stylelint-order/-/stylelint-order-6.0.4.tgz", + "integrity": "sha512-0UuKo4+s1hgQ/uAxlYU4h0o0HS4NiQDud0NAUNI0aa8FJdmYHA5ZZTFHiV5FpmE3071e9pZx5j0QpVJW5zOCUA==", "dev": true, - "license": "MIT", "dependencies": { - "lodash": "^4.17.15", - "postcss": "^7.0.31", - "postcss-sorting": "^5.0.1" + "postcss": "^8.4.32", + "postcss-sorting": "^8.0.2" }, "peerDependencies": { - "stylelint": "^10.0.1 || ^11.0.0 || ^12.0.0 || ^13.0.0" + "stylelint": "^14.0.0 || ^15.0.0 || ^16.0.1" } }, - "node_modules/stylelint-order/node_modules/picocolors": { - "version": "0.2.1", + "node_modules/stylelint-order/node_modules/postcss-sorting": { + "version": "8.0.2", + "resolved": "https://registry.npmjs.org/postcss-sorting/-/postcss-sorting-8.0.2.tgz", + "integrity": "sha512-M9dkSrmU00t/jK7rF6BZSZauA5MAaBW4i5EnJXspMwt4iqTh/L9j6fgMnbElEOfyRyfLfVbIHj/R52zHzAPe1Q==", "dev": true, - "license": "ISC" - }, - "node_modules/stylelint-order/node_modules/postcss": { - "version": "7.0.39", - "dev": true, - "license": "MIT", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" + "peerDependencies": { + "postcss": "^8.4.20" } }, "node_modules/stylelint-scss": { - "version": "3.19.0", + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.1.0.tgz", + "integrity": "sha512-kCfK8TQzthGwb4vaZniZgxRsVbCM4ZckmT1b/H5m4FU3I8Dz0id9llKsy1NMp3XXqC8+OPD4rVKtUbSxXlJb5g==", "dev": true, - "license": "MIT", "dependencies": { - "lodash": "^4.17.15", + "known-css-properties": "^0.29.0", "postcss-media-query-parser": "^0.2.3", "postcss-resolve-nested-selector": "^0.1.1", - "postcss-selector-parser": "^6.0.2", - "postcss-value-parser": "^4.1.0" + "postcss-selector-parser": "^6.0.15", + "postcss-value-parser": "^4.2.0" }, "engines": { - "node": ">=8" + "node": ">=18.12.0" }, "peerDependencies": { - "stylelint": "^8.0.0 || ^9.0.0 || ^10.0.0 || ^11.0.0 || ^12.0.0 || ^13.0.0" + "stylelint": "^16.0.2" + } + }, + "node_modules/stylelint/node_modules/ansi-regex": { + "version": "6.0.1", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz", + "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==", + "dev": true, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/ansi-regex?sponsor=1" } }, "node_modules/stylelint/node_modules/balanced-match": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz", - "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==" + "dev": true, + "license": "MIT" + }, + "node_modules/stylelint/node_modules/brace-expansion": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz", + "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==", + "dev": true, + "dependencies": { + "balanced-match": "^1.0.0" + } + }, + "node_modules/stylelint/node_modules/brace-expansion/node_modules/balanced-match": { + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz", + "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", + "dev": true }, "node_modules/stylelint/node_modules/cosmiconfig": { - "version": "7.1.0", - "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.1.0.tgz", - "integrity": "sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz", + "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==", + "dev": true, "dependencies": { - "@types/parse-json": "^4.0.0", - "import-fresh": "^3.2.1", - "parse-json": "^5.0.0", - "path-type": "^4.0.0", - "yaml": "^1.10.0" + "env-paths": "^2.2.1", + "import-fresh": "^3.3.0", + "js-yaml": "^4.1.0", + "parse-json": "^5.2.0" }, "engines": { - "node": ">=10" - } - }, - "node_modules/stylelint/node_modules/import-lazy": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz", - "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==", - "engines": { - "node": ">=8" - } - }, - "node_modules/stylelint/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/stylelint/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" + "node": ">=14" }, "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" + "url": "https://github.com/sponsors/d-fischer" + }, + "peerDependencies": { + "typescript": ">=4.9.5" + }, + "peerDependenciesMeta": { + "typescript": { + "optional": true + } + } + }, + "node_modules/stylelint/node_modules/css-tree": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz", + "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==", + "dev": true, + "dependencies": { + "mdn-data": "2.0.30", + "source-map-js": "^1.0.1" + }, + "engines": { + "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0" + } + }, + "node_modules/stylelint/node_modules/file-entry-cache": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz", + "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==", + "dev": true, + "dependencies": { + "flat-cache": "^4.0.0" + }, + "engines": { + "node": ">=16.0.0" + } + }, + "node_modules/stylelint/node_modules/flat-cache": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.0.tgz", + "integrity": "sha512-EryKbCE/wxpxKniQlyas6PY1I9vwtF3uCBweX+N8KYTCn3Y12RTGtQAJ/bd5pl7kxUAc8v/R3Ake/N17OZiFqA==", + "dev": true, + "dependencies": { + "flatted": "^3.2.9", + "keyv": "^4.5.4", + "rimraf": "^5.0.5" + }, + "engines": { + "node": ">=16" + } + }, + "node_modules/stylelint/node_modules/glob": { + "version": "10.3.10", + "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz", + "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==", + "dev": true, + "dependencies": { + "foreground-child": "^3.1.0", + "jackspeak": "^2.3.5", + "minimatch": "^9.0.1", + "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0", + "path-scurry": "^1.10.1" + }, + "bin": { + "glob": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/stylelint/node_modules/is-plain-object": { + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", + "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/stylelint/node_modules/mdn-data": { + "version": "2.0.30", + "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz", + "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==", + "dev": true + }, + "node_modules/stylelint/node_modules/minimatch": { + "version": "9.0.3", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz", + "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==", + "dev": true, + "dependencies": { + "brace-expansion": "^2.0.1" + }, + "engines": { + "node": ">=16 || 14 >=14.17" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" } }, "node_modules/stylelint/node_modules/resolve-from": { "version": "5.0.0", - "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz", - "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==", + "dev": true, + "license": "MIT", "engines": { "node": ">=8" } }, + "node_modules/stylelint/node_modules/rimraf": { + "version": "5.0.5", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-5.0.5.tgz", + "integrity": "sha512-CqDakW+hMe/Bz202FPEymy68P+G50RfMQK+Qo5YUqc9SPipvbGjCGKd0RSKEelbsfQuw3g5NZDSrlZZAJurH1A==", + "dev": true, + "dependencies": { + "glob": "^10.3.7" + }, + "bin": { + "rimraf": "dist/esm/bin.mjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/stylelint/node_modules/signal-exit": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz", + "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==", + "dev": true, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/sponsors/isaacs" + } + }, + "node_modules/stylelint/node_modules/strip-ansi": { + "version": "7.1.0", + "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz", + "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==", + "dev": true, + "dependencies": { + "ansi-regex": "^6.0.1" + }, + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/chalk/strip-ansi?sponsor=1" + } + }, + "node_modules/stylelint/node_modules/supports-hyperlinks": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz", + "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==", + "dev": true, + "dependencies": { + "has-flag": "^4.0.0", + "supports-color": "^7.0.0" + }, + "engines": { + "node": ">=14.18" + } + }, "node_modules/stylelint/node_modules/write-file-atomic": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-3.0.3.tgz", - "integrity": "sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==", + "version": "5.0.1", + "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz", + "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==", + "dev": true, "dependencies": { "imurmurhash": "^0.1.4", - "is-typedarray": "^1.0.0", - "signal-exit": "^3.0.2", - "typedarray-to-buffer": "^3.1.5" + "signal-exit": "^4.0.1" + }, + "engines": { + "node": "^14.17.0 || ^16.13.0 || >=18.0.0" } }, "node_modules/stylis": { "version": "4.2.0", "license": "MIT" }, - "node_modules/sugarss": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/sugarss/-/sugarss-2.0.0.tgz", - "integrity": "sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==", - "dependencies": { - "postcss": "^7.0.2" - } - }, - "node_modules/sugarss/node_modules/picocolors": { - "version": "0.2.1", - "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-0.2.1.tgz", - "integrity": "sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==" - }, - "node_modules/sugarss/node_modules/postcss": { - "version": "7.0.39", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.39.tgz", - "integrity": "sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==", - "dependencies": { - "picocolors": "^0.2.1", - "source-map": "^0.6.1" - }, - "engines": { - "node": ">=6.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/postcss/" - } - }, "node_modules/supports-color": { "version": "7.2.0", + "dev": true, "license": "MIT", "dependencies": { "has-flag": "^4.0.0" @@ -21717,8 +21544,7 @@ }, "node_modules/svg-tags": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz", - "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==" + "dev": true }, "node_modules/svgo": { "version": "2.8.0", @@ -21830,8 +21656,8 @@ }, "node_modules/table": { "version": "6.8.1", - "resolved": "https://registry.npmjs.org/table/-/table-6.8.1.tgz", - "integrity": "sha512-Y4X9zqrCftUhMeH2EptSSERdVKt/nEdijTOacGD/97EKjhQ/Qs8RTlEGABSJNNN8lac9kheH+af7yAkEWlgneA==", + "dev": true, + "license": "BSD-3-Clause", "dependencies": { "ajv": "^8.0.1", "lodash.truncate": "^4.4.2", @@ -22204,6 +22030,7 @@ }, "node_modules/to-regex-range": { "version": "5.0.1", + "dev": true, "license": "MIT", "dependencies": { "is-number": "^7.0.0" @@ -22288,14 +22115,6 @@ "tree-kill": "cli.js" } }, - "node_modules/trim-newlines": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/trim-newlines/-/trim-newlines-3.0.1.tgz", - "integrity": "sha512-c1PTsA3tYrIsLGkJkzHF+w9F2EyxfXGo4UyJc4pFL++FMjnq0HJS69T3M7d//gKrFKwy429bouPescbjecU+Zw==", - "engines": { - "node": ">=8" - } - }, "node_modules/trim-repeated": { "version": "1.0.0", "dev": true, @@ -22315,15 +22134,6 @@ "node": ">=0.8.0" } }, - "node_modules/trough": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/trough/-/trough-1.0.5.tgz", - "integrity": "sha512-rvuRbTarPXmMb79SmzEp8aqXNKcK+y0XaB298IXueQ8I2PsrATcPBCSPyK/dDNa2iWOhKlfNnOjdAOTBU/nkFA==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "node_modules/ts-api-utils": { "version": "1.2.1", "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.2.1.tgz", @@ -22336,6 +22146,25 @@ "typescript": ">=4.2.0" } }, + "node_modules/ts-clone-node": { + "version": "0.3.32", + "resolved": "https://registry.npmjs.org/ts-clone-node/-/ts-clone-node-0.3.32.tgz", + "integrity": "sha512-YYGvoWy2Ba98/YC/0leD7IRsU/q5pu/KRg9dD8omzkbgoZ8g7gfYfED9mWMTyNp7J3CQiiKyvM62B7mXXHKU7Q==", + "dev": true, + "dependencies": { + "compatfactory": "^0.0.13" + }, + "engines": { + "node": ">=10.0.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/wessberg/ts-clone-node?sponsor=1" + }, + "peerDependencies": { + "typescript": "^3.x || ^4.x" + } + }, "node_modules/ts-easing": { "version": "0.2.0", "license": "Unlicense" @@ -22512,6 +22341,7 @@ }, "node_modules/typedarray-to-buffer": { "version": "3.1.5", + "dev": true, "license": "MIT", "dependencies": { "is-typedarray": "^1.0.0" @@ -22529,6 +22359,29 @@ "node": ">=14.17" } }, + "node_modules/ua-parser-js": { + "version": "1.0.37", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-1.0.37.tgz", + "integrity": "sha512-bhTyI94tZofjo+Dn8SN6Zv8nBDvyXTymAdM3LDI/0IboIUwTu1rEhW7v2TfiVsoYWgkQ4kOVqnI8APUFbIQIFQ==", + "dev": true, + "funding": [ + { + "type": "opencollective", + "url": "https://opencollective.com/ua-parser-js" + }, + { + "type": "paypal", + "url": "https://paypal.me/faisalman" + }, + { + "type": "github", + "url": "https://github.com/sponsors/faisalman" + } + ], + "engines": { + "node": "*" + } + }, "node_modules/unbox-primitive": { "version": "1.0.2", "license": "MIT", @@ -22638,64 +22491,6 @@ "node": ">=4" } }, - "node_modules/unified": { - "version": "9.2.2", - "resolved": "https://registry.npmjs.org/unified/-/unified-9.2.2.tgz", - "integrity": "sha512-Sg7j110mtefBD+qunSLO1lqOEKdrwBFBrR6Qd8f4uwkhWNlbkaqwHse6e7QvD3AP/MNoJdEDLaf8OxYyoWgorQ==", - "dependencies": { - "bail": "^1.0.0", - "extend": "^3.0.0", - "is-buffer": "^2.0.0", - "is-plain-obj": "^2.0.0", - "trough": "^1.0.0", - "vfile": "^4.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/unified/node_modules/is-plain-obj": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz", - "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==", - "engines": { - "node": ">=8" - } - }, - "node_modules/unist-util-find-all-after": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/unist-util-find-all-after/-/unist-util-find-all-after-3.0.2.tgz", - "integrity": "sha512-xaTC/AGZ0rIM2gM28YVRAFPIZpzbpDtU3dRmp7EXlNVA8ziQc4hY3H7BHXM1J49nEmiqc3svnqMReW+PGqbZKQ==", - "dependencies": { - "unist-util-is": "^4.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/unist-util-is": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.1.0.tgz", - "integrity": "sha512-ZOQSsnce92GrxSqlnEEseX0gi7GH9zTJZ0p9dtu87WRb/37mMPO2Ilx1s/t9vBHrFhbgweUwb+t7cIn5dxPhZg==", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/unist-util-stringify-position": { - "version": "2.0.3", - "resolved": "https://registry.npmjs.org/unist-util-stringify-position/-/unist-util-stringify-position-2.0.3.tgz", - "integrity": "sha512-3faScn5I+hy9VleOq/qNbAd6pAx7iH5jYBMS9I1HgQVijz/4mv5Bvw5iw1sC/90CODiKo81G/ps8AJrISn687g==", - "dependencies": { - "@types/unist": "^2.0.2" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/unit-compare": { "version": "1.0.1", "dev": true, @@ -22722,6 +22517,7 @@ }, "node_modules/update-browserslist-db": { "version": "1.0.13", + "dev": true, "funding": [ { "type": "opencollective", @@ -22750,6 +22546,7 @@ }, "node_modules/uri-js": { "version": "4.4.1", + "dev": true, "license": "BSD-2-Clause", "dependencies": { "punycode": "^2.1.0" @@ -22826,11 +22623,6 @@ "uuid": "dist/bin/uuid" } }, - "node_modules/v8-compile-cache": { - "version": "2.4.0", - "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz", - "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==" - }, "node_modules/v8-to-istanbul": { "version": "9.2.0", "dev": true, @@ -22849,15 +22641,6 @@ "dev": true, "license": "MIT" }, - "node_modules/validate-npm-package-license": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz", - "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==", - "dependencies": { - "spdx-correct": "^3.0.0", - "spdx-expression-parse": "^3.0.0" - } - }, "node_modules/value-equal": { "version": "1.0.1", "license": "MIT" @@ -22870,34 +22653,6 @@ "node": ">= 0.8" } }, - "node_modules/vfile": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/vfile/-/vfile-4.2.1.tgz", - "integrity": "sha512-O6AE4OskCG5S1emQ/4gl8zK586RqA3srz3nfK/Viy0UPToBc5Trp9BVFb1u0CjsKrAWwnpr4ifM/KBXPWwJbCA==", - "dependencies": { - "@types/unist": "^2.0.0", - "is-buffer": "^2.0.0", - "unist-util-stringify-position": "^2.0.0", - "vfile-message": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, - "node_modules/vfile-message": { - "version": "2.0.4", - "resolved": "https://registry.npmjs.org/vfile-message/-/vfile-message-2.0.4.tgz", - "integrity": "sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==", - "dependencies": { - "@types/unist": "^2.0.0", - "unist-util-stringify-position": "^2.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/unified" - } - }, "node_modules/w3c-hr-time": { "version": "1.0.2", "dev": true, @@ -23497,8 +23252,27 @@ "url": "https://github.com/chalk/wrap-ansi?sponsor=1" } }, + "node_modules/wrap-ansi-cjs": { + "name": "wrap-ansi", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz", + "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==", + "dev": true, + "dependencies": { + "ansi-styles": "^4.0.0", + "string-width": "^4.1.0", + "strip-ansi": "^6.0.0" + }, + "engines": { + "node": ">=10" + }, + "funding": { + "url": "https://github.com/chalk/wrap-ansi?sponsor=1" + } + }, "node_modules/wrappy": { "version": "1.0.2", + "devOptional": true, "license": "ISC" }, "node_modules/write-file-atomic": { @@ -23633,6 +23407,7 @@ }, "node_modules/yargs-parser": { "version": "20.2.9", + "dev": true, "license": "ISC", "engines": { "node": ">=10" @@ -23662,15 +23437,6 @@ "version": "0.9.0", "license": "MIT" }, - "node_modules/zwitch": { - "version": "1.0.5", - "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-1.0.5.tgz", - "integrity": "sha512-V50KMwwzqJV0NpZIZFwfOD5/lyny3WlSzRiXgA0G7VUnRlqttta1L6UQIHzd6EuBY/cHGfwTIck7w1yH6Q5zUw==", - "funding": { - "type": "github", - "url": "https://github.com/sponsors/wooorm" - } - }, "platform/client": { "name": "@mattermost/client", "version": "9.3.0", @@ -25036,7 +24802,8 @@ "@types/shallow-equals": "^1.0.0", "@types/styled-components": "^5.1.19", "rollup": "^2.75.7", - "rollup-plugin-scss": "^3.0.0", + "rollup-plugin-scss": "4.0.0", + "rollup-plugin-ts": "^2.0.5", "typescript": "^5.0.0" }, "peerDependencies": { diff --git a/webapp/package.json b/webapp/package.json index 9de92d340e..aef10259bc 100644 --- a/webapp/package.json +++ b/webapp/package.json @@ -40,8 +40,8 @@ "eslint-import-resolver-webpack": "0.13.2", "eslint-plugin-formatjs": "4.12.2", "mini-css-extract-plugin": "2.7.5", - "sass": "1.62.1", - "sass-loader": "13.2.2", + "sass": "1.71.1", + "sass-loader": "14.1.1", "strip-ansi": "6.0.1", "style-loader": "3.3.2", "webpack": "5.81.0", diff --git a/webapp/platform/components/package.json b/webapp/platform/components/package.json index 1c0abd3532..ffd9655add 100644 --- a/webapp/platform/components/package.json +++ b/webapp/platform/components/package.json @@ -28,7 +28,8 @@ "@types/shallow-equals": "^1.0.0", "@types/styled-components": "^5.1.19", "rollup": "^2.75.7", - "rollup-plugin-scss": "^3.0.0", + "rollup-plugin-scss": "4.0.0", + "rollup-plugin-ts": "^2.0.5", "typescript": "^5.0.0" }, "peerDependencies": { diff --git a/webapp/platform/components/rollup.config.js b/webapp/platform/components/rollup.config.js index 481b6ac6b0..5adbd3801e 100644 --- a/webapp/platform/components/rollup.config.js +++ b/webapp/platform/components/rollup.config.js @@ -30,7 +30,10 @@ export default [ }, ], plugins: [ - scss(), + scss({ + fileName: 'index.esm.css', + outputToFilesystem: true, + }), resolve({ browser: true, extensions: ['.ts', '.tsx'],