From 0af2440f955f11433da1b040f76b79bfcbf51032 Mon Sep 17 00:00:00 2001 From: Matt Gallo Date: Mon, 18 Nov 2024 15:01:04 -0500 Subject: [PATCH] chore: sass cleanup --- react/ai-label/src/Example/example.scss | 11 ++--- react/ai-label/src/index.scss | 1 - react/batch-actions/src/Example/example.scss | 11 ++--- react/batch-actions/src/index.scss | 13 ----- .../column-alignment/src/Example/example.scss | 12 ++--- react/column-alignment/src/index.scss | 2 - .../customizeColumns/src/Example/example.scss | 12 ++--- react/customizeColumns/src/index.scss | 4 +- .../src/Example/example.scss | 11 ++--- react/dynamic-nested-rows/src/index.scss | 1 - react/editableCells/src/Example/example.scss | 11 ++--- react/editableCells/src/index.scss | 1 - react/filterFlyout/src/Example/example.scss | 11 +++-- react/filterFlyout/src/index.scss | 2 - react/filterPanel/src/Example/example.scss | 11 +++-- react/filterPanel/src/index.scss | 2 - react/globalFilter/src/Example/example.scss | 12 ++--- react/globalFilter/src/index.scss | 2 - react/header/src/Example/example.scss | 11 ++--- react/header/src/index.scss | 1 - react/infiniteScroll/src/Example/example.scss | 11 ++--- react/infiniteScroll/src/index.scss | 1 - react/mix-and-match/src/Example/example.scss | 12 ++--- react/mix-and-match/src/index.scss | 2 - react/nestedRows/src/Example/example.scss | 11 ++--- react/nestedRows/src/index.scss | 1 - react/pagination/src/Example/example.scss | 11 ++--- react/pagination/src/index.scss | 1 - react/row-actions/src/Example/example.scss | 8 +--- react/row-actions/src/index.scss | 1 - react/row-click/src/Example/example.scss | 9 ++-- react/row-click/src/index.scss | 2 - react/row-settings/src/Example/example.scss | 9 ++-- react/row-settings/src/index.scss | 2 - react/rowExpansion/src/Example/example.scss | 47 +------------------ react/rowExpansion/src/index.scss | 1 - react/sortable/src/Example/example.scss | 8 +--- react/sortable/src/index.scss | 1 - react/sticky-columns/src/Example/example.scss | 47 +------------------ react/sticky-columns/src/index.scss | 1 - 40 files changed, 91 insertions(+), 237 deletions(-) diff --git a/react/ai-label/src/Example/example.scss b/react/ai-label/src/Example/example.scss index 753e95f..f1cfac4 100644 --- a/react/ai-label/src/Example/example.scss +++ b/react/ai-label/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/ai-label/src/index.scss b/react/ai-label/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/ai-label/src/index.scss +++ b/react/ai-label/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/batch-actions/src/Example/example.scss b/react/batch-actions/src/Example/example.scss index 8b9e65e..3311a96 100644 --- a/react/batch-actions/src/Example/example.scss +++ b/react/batch-actions/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/batch-actions/src/index.scss b/react/batch-actions/src/index.scss index a82a47f..bf8c799 100644 --- a/react/batch-actions/src/index.scss +++ b/react/batch-actions/src/index.scss @@ -1,21 +1,8 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; padding: 0; } - -.example--link { - @include type.type-style('label-01'); - - display: flex; - align-items: center; - margin-right: 0.5rem; -} - -.example--link__icon { - margin-right: 0.25rem; -} diff --git a/react/column-alignment/src/Example/example.scss b/react/column-alignment/src/Example/example.scss index c50c16e..c3233b4 100644 --- a/react/column-alignment/src/Example/example.scss +++ b/react/column-alignment/src/Example/example.scss @@ -1,9 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/column-alignment/src/index.scss b/react/column-alignment/src/index.scss index e3f9104..bf8c799 100644 --- a/react/column-alignment/src/index.scss +++ b/react/column-alignment/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/customizeColumns/src/Example/example.scss b/react/customizeColumns/src/Example/example.scss index b64bee0..fd431bb 100644 --- a/react/customizeColumns/src/Example/example.scss +++ b/react/customizeColumns/src/Example/example.scss @@ -1,9 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/customizeColumns/src/index.scss b/react/customizeColumns/src/index.scss index aff3609..31bd04c 100644 --- a/react/customizeColumns/src/index.scss +++ b/react/customizeColumns/src/index.scss @@ -1,9 +1,7 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/spacing' as *; body { margin: 0; diff --git a/react/dynamic-nested-rows/src/Example/example.scss b/react/dynamic-nested-rows/src/Example/example.scss index d1c31ca..8181908 100644 --- a/react/dynamic-nested-rows/src/Example/example.scss +++ b/react/dynamic-nested-rows/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/dynamic-nested-rows/src/index.scss b/react/dynamic-nested-rows/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/dynamic-nested-rows/src/index.scss +++ b/react/dynamic-nested-rows/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/editableCells/src/Example/example.scss b/react/editableCells/src/Example/example.scss index bbf1ead..537d76c 100644 --- a/react/editableCells/src/Example/example.scss +++ b/react/editableCells/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/editableCells/src/index.scss b/react/editableCells/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/editableCells/src/index.scss +++ b/react/editableCells/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/filterFlyout/src/Example/example.scss b/react/filterFlyout/src/Example/example.scss index 80f7c0e..0146f29 100644 --- a/react/filterFlyout/src/Example/example.scss +++ b/react/filterFlyout/src/Example/example.scss @@ -1,8 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; @use '@carbon/type/scss/font-family'; .page-grid { diff --git a/react/filterFlyout/src/index.scss b/react/filterFlyout/src/index.scss index e3f9104..bf8c799 100644 --- a/react/filterFlyout/src/index.scss +++ b/react/filterFlyout/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/filterPanel/src/Example/example.scss b/react/filterPanel/src/Example/example.scss index 1faeb22..0c33340 100644 --- a/react/filterPanel/src/Example/example.scss +++ b/react/filterPanel/src/Example/example.scss @@ -1,8 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; @use '@carbon/type/scss/font-family'; .page-grid { diff --git a/react/filterPanel/src/index.scss b/react/filterPanel/src/index.scss index e3f9104..bf8c799 100644 --- a/react/filterPanel/src/index.scss +++ b/react/filterPanel/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/globalFilter/src/Example/example.scss b/react/globalFilter/src/Example/example.scss index e21ac10..812b965 100644 --- a/react/globalFilter/src/Example/example.scss +++ b/react/globalFilter/src/Example/example.scss @@ -1,9 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/globalFilter/src/index.scss b/react/globalFilter/src/index.scss index e3f9104..bf8c799 100644 --- a/react/globalFilter/src/index.scss +++ b/react/globalFilter/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/header/src/Example/example.scss b/react/header/src/Example/example.scss index 49c4ace..c59bc19 100644 --- a/react/header/src/Example/example.scss +++ b/react/header/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; :root { @include theme; diff --git a/react/header/src/index.scss b/react/header/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/header/src/index.scss +++ b/react/header/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/infiniteScroll/src/Example/example.scss b/react/infiniteScroll/src/Example/example.scss index 9fa50d1..796394a 100644 --- a/react/infiniteScroll/src/Example/example.scss +++ b/react/infiniteScroll/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/infiniteScroll/src/index.scss b/react/infiniteScroll/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/infiniteScroll/src/index.scss +++ b/react/infiniteScroll/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/mix-and-match/src/Example/example.scss b/react/mix-and-match/src/Example/example.scss index 8b9e65e..bb0d726 100644 --- a/react/mix-and-match/src/Example/example.scss +++ b/react/mix-and-match/src/Example/example.scss @@ -1,9 +1,9 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/mix-and-match/src/index.scss b/react/mix-and-match/src/index.scss index e3f9104..bf8c799 100644 --- a/react/mix-and-match/src/index.scss +++ b/react/mix-and-match/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/nestedRows/src/Example/example.scss b/react/nestedRows/src/Example/example.scss index 3268c3b..8847667 100644 --- a/react/nestedRows/src/Example/example.scss +++ b/react/nestedRows/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/nestedRows/src/index.scss b/react/nestedRows/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/nestedRows/src/index.scss +++ b/react/nestedRows/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/pagination/src/Example/example.scss b/react/pagination/src/Example/example.scss index 8b9e65e..3311a96 100644 --- a/react/pagination/src/Example/example.scss +++ b/react/pagination/src/Example/example.scss @@ -1,9 +1,8 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; +@use '@carbon/react/scss/utilities'; +@use '@carbon/react/scss/colors'; +@use '@carbon/react/scss/type'; .page-grid { margin-top: 4rem; diff --git a/react/pagination/src/index.scss b/react/pagination/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/pagination/src/index.scss +++ b/react/pagination/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/row-actions/src/Example/example.scss b/react/row-actions/src/Example/example.scss index f6458f0..cc1d6c2 100644 --- a/react/row-actions/src/Example/example.scss +++ b/react/row-actions/src/Example/example.scss @@ -1,9 +1,5 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; diff --git a/react/row-actions/src/index.scss b/react/row-actions/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/row-actions/src/index.scss +++ b/react/row-actions/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/row-click/src/Example/example.scss b/react/row-click/src/Example/example.scss index bee447b..481d095 100644 --- a/react/row-click/src/Example/example.scss +++ b/react/row-click/src/Example/example.scss @@ -1,9 +1,6 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; diff --git a/react/row-click/src/index.scss b/react/row-click/src/index.scss index e3f9104..bf8c799 100644 --- a/react/row-click/src/index.scss +++ b/react/row-click/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/row-settings/src/Example/example.scss b/react/row-settings/src/Example/example.scss index c206110..75b0b81 100644 --- a/react/row-settings/src/Example/example.scss +++ b/react/row-settings/src/Example/example.scss @@ -1,9 +1,6 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/ibm-products/css/index'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; diff --git a/react/row-settings/src/index.scss b/react/row-settings/src/index.scss index e3f9104..bf8c799 100644 --- a/react/row-settings/src/index.scss +++ b/react/row-settings/src/index.scss @@ -1,8 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; -@use '@carbon/ibm-products/css/index'; body { margin: 0; diff --git a/react/rowExpansion/src/Example/example.scss b/react/rowExpansion/src/Example/example.scss index 8b9e65e..9aa0e42 100644 --- a/react/rowExpansion/src/Example/example.scss +++ b/react/rowExpansion/src/Example/example.scss @@ -1,9 +1,5 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; @@ -14,45 +10,6 @@ align-items: center; } -.basic-table th, -.cds--data-table th:last-of-type { - position: relative; -} - -.resizer { - position: absolute; - top: 0; - height: 100%; - width: 5px; - background: rgb(0 0 0 / 50%); - cursor: col-resize; - user-select: none; - touch-action: none; -} - -.resizer.ltr { - right: 0; -} - -.resizer.rtl { - left: 0; -} - -.resizer.isResizing { - background: blue; - opacity: 1; -} - -@media (hover: hover) { - .resizer { - opacity: 0; - } - - *:hover > .resizer { - opacity: 1; - } -} - .tanstack-example { padding-bottom: 2rem; } diff --git a/react/rowExpansion/src/index.scss b/react/rowExpansion/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/rowExpansion/src/index.scss +++ b/react/rowExpansion/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/sortable/src/Example/example.scss b/react/sortable/src/Example/example.scss index 56fcf50..e0b29bb 100644 --- a/react/sortable/src/Example/example.scss +++ b/react/sortable/src/Example/example.scss @@ -1,9 +1,5 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; diff --git a/react/sortable/src/index.scss b/react/sortable/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/sortable/src/index.scss +++ b/react/sortable/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0; diff --git a/react/sticky-columns/src/Example/example.scss b/react/sticky-columns/src/Example/example.scss index 8b9e65e..9aa0e42 100644 --- a/react/sticky-columns/src/Example/example.scss +++ b/react/sticky-columns/src/Example/example.scss @@ -1,9 +1,5 @@ -@use '@carbon/styles/scss/theme' as *; -@use '@carbon/styles/scss/spacing' as *; -@use '@carbon/styles/scss/utilities'; -@use '@carbon/styles/scss/colors'; -@use '@carbon/styles/scss/type'; -@use '@carbon/type/scss/font-family'; +@use '@carbon/react/scss/theme' as *; +@use '@carbon/react/scss/spacing' as *; .page-grid { margin-top: 4rem; @@ -14,45 +10,6 @@ align-items: center; } -.basic-table th, -.cds--data-table th:last-of-type { - position: relative; -} - -.resizer { - position: absolute; - top: 0; - height: 100%; - width: 5px; - background: rgb(0 0 0 / 50%); - cursor: col-resize; - user-select: none; - touch-action: none; -} - -.resizer.ltr { - right: 0; -} - -.resizer.rtl { - left: 0; -} - -.resizer.isResizing { - background: blue; - opacity: 1; -} - -@media (hover: hover) { - .resizer { - opacity: 0; - } - - *:hover > .resizer { - opacity: 1; - } -} - .tanstack-example { padding-bottom: 2rem; } diff --git a/react/sticky-columns/src/index.scss b/react/sticky-columns/src/index.scss index 1fd7f3f..bf8c799 100644 --- a/react/sticky-columns/src/index.scss +++ b/react/sticky-columns/src/index.scss @@ -1,7 +1,6 @@ @use '@carbon/react' with ( $font-path: '@ibm/plex' ); -@use '@carbon/styles/scss/type'; body { margin: 0;