diff --git a/.changeset/early-dolphins-hammer.md b/.changeset/early-dolphins-hammer.md new file mode 100644 index 00000000000..b8c072f52fd --- /dev/null +++ b/.changeset/early-dolphins-hammer.md @@ -0,0 +1,13 @@ +--- +"@talend/react-faceted-search": patch +"@talend/storybook-docs": patch +"@talend/design-system": patch +"@talend/design-docs": patch +"@talend/react-components": patch +"@talend/react-dataviz": patch +"@talend/react-stepper": patch +"@talend/react-forms": patch +"@talend/bootstrap-theme": patch +--- + +Fix: remove tilde for @use in sass files diff --git a/packages/components/src/AboutDialog/AboutDialog.module.scss b/packages/components/src/AboutDialog/AboutDialog.module.scss index a647d91f629..1c3c28db2db 100644 --- a/packages/components/src/AboutDialog/AboutDialog.module.scss +++ b/packages/components/src/AboutDialog/AboutDialog.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .about-dialog { :global(.modal-body) { diff --git a/packages/components/src/ActionBar/ActionBar.module.scss b/packages/components/src/ActionBar/ActionBar.module.scss index 308b9e092c5..b3e646daef1 100644 --- a/packages/components/src/ActionBar/ActionBar.module.scss +++ b/packages/components/src/ActionBar/ActionBar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-action-bar-margin: $padding-small $padding-large $padding-small 0 !default; diff --git a/packages/components/src/ActionIntercom/Intercom.module.scss b/packages/components/src/ActionIntercom/Intercom.module.scss index 80c9e60d7a9..da362c3cf94 100644 --- a/packages/components/src/ActionIntercom/Intercom.module.scss +++ b/packages/components/src/ActionIntercom/Intercom.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-intercom { position: relative; diff --git a/packages/components/src/ActionList/ActionList.module.scss b/packages/components/src/ActionList/ActionList.module.scss index e8837f0f9c3..b2ef355da96 100644 --- a/packages/components/src/ActionList/ActionList.module.scss +++ b/packages/components/src/ActionList/ActionList.module.scss @@ -1,6 +1,6 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/_tokens.scss' as tokens; +@use '@talend/design-tokens/lib/_tokens.scss' as tokens; //// /// Action list diff --git a/packages/components/src/Actions/ActionButton/ActionButton.module.scss b/packages/components/src/Actions/ActionButton/ActionButton.module.scss index 387f7565418..6782335ffb3 100644 --- a/packages/components/src/Actions/ActionButton/ActionButton.module.scss +++ b/packages/components/src/Actions/ActionButton/ActionButton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-action-button-skeleton-circle { margin-left: $padding-smaller; diff --git a/packages/components/src/Actions/ActionButton/Button.stories.module.scss b/packages/components/src/Actions/ActionButton/Button.stories.module.scss index d7d990e47d9..3fd0c0f1084 100644 --- a/packages/components/src/Actions/ActionButton/Button.stories.module.scss +++ b/packages/components/src/Actions/ActionButton/Button.stories.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .storybook-wrapped-action { margin-top: 200px; diff --git a/packages/components/src/Actions/ActionDropdown/ActionDropdown.module.scss b/packages/components/src/Actions/ActionDropdown/ActionDropdown.module.scss index 5da439426f3..3fe51e1d4dc 100644 --- a/packages/components/src/Actions/ActionDropdown/ActionDropdown.module.scss +++ b/packages/components/src/Actions/ActionDropdown/ActionDropdown.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-dropdown-loader-padding: $padding-small !default; $tc-dropdown-button-right-padding: 0.5rem; diff --git a/packages/components/src/Actions/ActionFile/ActionFile.module.scss b/packages/components/src/Actions/ActionFile/ActionFile.module.scss index 80648e99e59..dd69b9957e6 100644 --- a/packages/components/src/Actions/ActionFile/ActionFile.module.scss +++ b/packages/components/src/Actions/ActionFile/ActionFile.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; input[type='file'] { &.action-file-input:focus + label { diff --git a/packages/components/src/Actions/ActionIconToggle/ActionIconToggle.module.scss b/packages/components/src/Actions/ActionIconToggle/ActionIconToggle.module.scss index 7748f0abc4d..10e07d7ae5c 100644 --- a/packages/components/src/Actions/ActionIconToggle/ActionIconToggle.module.scss +++ b/packages/components/src/Actions/ActionIconToggle/ActionIconToggle.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-icon-toggle-size: 1.5rem !default; $tc-icon-toggle-icon-size: $svg-sm-size !default; diff --git a/packages/components/src/Actions/ActionSplitDropdown/ActionSplitDropdown.module.scss b/packages/components/src/Actions/ActionSplitDropdown/ActionSplitDropdown.module.scss index 922351c1a49..abfda93cd94 100644 --- a/packages/components/src/Actions/ActionSplitDropdown/ActionSplitDropdown.module.scss +++ b/packages/components/src/Actions/ActionSplitDropdown/ActionSplitDropdown.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-split-dropdown { li>a { diff --git a/packages/components/src/AppGuidedTour/DemoContentStep.module.scss b/packages/components/src/AppGuidedTour/DemoContentStep.module.scss index f559858a510..745b1c2e335 100644 --- a/packages/components/src/AppGuidedTour/DemoContentStep.module.scss +++ b/packages/components/src/AppGuidedTour/DemoContentStep.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .info { white-space: pre; diff --git a/packages/components/src/AppSwitcher/AppSwitcher.module.scss b/packages/components/src/AppSwitcher/AppSwitcher.module.scss index 9e86b8bd15d..be2e9e12fab 100644 --- a/packages/components/src/AppSwitcher/AppSwitcher.module.scss +++ b/packages/components/src/AppSwitcher/AppSwitcher.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-app-switcher { :global(.tc-svg-icon:first-child) { diff --git a/packages/components/src/Badge/Badge.module.scss b/packages/components/src/Badge/Badge.module.scss index a358c4056c2..ea1f545774c 100644 --- a/packages/components/src/Badge/Badge.module.scss +++ b/packages/components/src/Badge/Badge.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; $tc-badge-large-label-font-size: 0.875rem !default; diff --git a/packages/components/src/Breadcrumbs/Breadcrumbs.module.scss b/packages/components/src/Breadcrumbs/Breadcrumbs.module.scss index ce89774837d..32b5c63a1e5 100644 --- a/packages/components/src/Breadcrumbs/Breadcrumbs.module.scss +++ b/packages/components/src/Breadcrumbs/Breadcrumbs.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; //// /// Breadcrumb diff --git a/packages/components/src/CircularProgress/CircularProgress.module.scss b/packages/components/src/CircularProgress/CircularProgress.module.scss index b508b3ea57e..8e7c9f5dea6 100644 --- a/packages/components/src/CircularProgress/CircularProgress.module.scss +++ b/packages/components/src/CircularProgress/CircularProgress.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // CircularProgress styles $tc-circular-progress-light-fill: tokens.$coral-color-neutral-text-inverted !default; diff --git a/packages/components/src/CollapsiblePanel/CollapsiblePanel.module.scss b/packages/components/src/CollapsiblePanel/CollapsiblePanel.module.scss index fac14d1990b..7bd1ae5f211 100644 --- a/packages/components/src/CollapsiblePanel/CollapsiblePanel.module.scss +++ b/packages/components/src/CollapsiblePanel/CollapsiblePanel.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-collapsible-panel-padding-smaller: $padding-smaller !default; $tc-collapsible-panel-padding-normal: $padding-normal !default; diff --git a/packages/components/src/DataViewer/Badges/LengthBadge/LengthBadge.module.scss b/packages/components/src/DataViewer/Badges/LengthBadge/LengthBadge.module.scss index db8c830f330..44bc7b90abd 100644 --- a/packages/components/src/DataViewer/Badges/LengthBadge/LengthBadge.module.scss +++ b/packages/components/src/DataViewer/Badges/LengthBadge/LengthBadge.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tc-length-badge { background-color: tokens.$coral-color-neutral-background-medium; diff --git a/packages/components/src/DataViewer/Core/Tree/Tree.module.scss b/packages/components/src/DataViewer/Core/Tree/Tree.module.scss index 9fe43b9e9b1..43f874b27dd 100644 --- a/packages/components/src/DataViewer/Core/Tree/Tree.module.scss +++ b/packages/components/src/DataViewer/Core/Tree/Tree.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; :global(.tc-model .tc-tree) { overflow: auto; diff --git a/packages/components/src/DataViewer/Headers/TreeHeader/TreeHeader.module.scss b/packages/components/src/DataViewer/Headers/TreeHeader/TreeHeader.module.scss index d56f17d7096..89a583d8657 100644 --- a/packages/components/src/DataViewer/Headers/TreeHeader/TreeHeader.module.scss +++ b/packages/components/src/DataViewer/Headers/TreeHeader/TreeHeader.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $default-height: 2.5rem !default; diff --git a/packages/components/src/DataViewer/Icons/TreeBranchIcon/TreeBranchIcon.module.scss b/packages/components/src/DataViewer/Icons/TreeBranchIcon/TreeBranchIcon.module.scss index 6ad38e2de61..79f18048855 100644 --- a/packages/components/src/DataViewer/Icons/TreeBranchIcon/TreeBranchIcon.module.scss +++ b/packages/components/src/DataViewer/Icons/TreeBranchIcon/TreeBranchIcon.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-tree-branch-icon { display: flex; diff --git a/packages/components/src/DataViewer/ModelViewer/ModelViewer.module.scss b/packages/components/src/DataViewer/ModelViewer/ModelViewer.module.scss index 92954c28c56..94abf5c88ed 100644 --- a/packages/components/src/DataViewer/ModelViewer/ModelViewer.module.scss +++ b/packages/components/src/DataViewer/ModelViewer/ModelViewer.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; $model-node-height: 1.875rem !default; diff --git a/packages/components/src/DataViewer/RecordsViewer/RecordsViewer.module.scss b/packages/components/src/DataViewer/RecordsViewer/RecordsViewer.module.scss index 2880ac95ac3..049c903829e 100644 --- a/packages/components/src/DataViewer/RecordsViewer/RecordsViewer.module.scss +++ b/packages/components/src/DataViewer/RecordsViewer/RecordsViewer.module.scss @@ -1,6 +1,6 @@ /* stylelint-disable declaration-no-important */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $hightlight-height: 1.375rem !default; $records-node-height: $hightlight-height !default; diff --git a/packages/components/src/DataViewer/Text/SimpleTextKeyValue/DefaultValueRenderer.module.scss b/packages/components/src/DataViewer/Text/SimpleTextKeyValue/DefaultValueRenderer.module.scss index 1ff3eb7f721..8f2ae7efde6 100644 --- a/packages/components/src/DataViewer/Text/SimpleTextKeyValue/DefaultValueRenderer.module.scss +++ b/packages/components/src/DataViewer/Text/SimpleTextKeyValue/DefaultValueRenderer.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .td-default-cell { height: 100%; diff --git a/packages/components/src/DataViewer/Text/SimpleTextKeyValue/SimpleTextKeyValue.module.scss b/packages/components/src/DataViewer/Text/SimpleTextKeyValue/SimpleTextKeyValue.module.scss index 93b7a128c47..4ee51a0bd9c 100644 --- a/packages/components/src/DataViewer/Text/SimpleTextKeyValue/SimpleTextKeyValue.module.scss +++ b/packages/components/src/DataViewer/Text/SimpleTextKeyValue/SimpleTextKeyValue.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-simple-text { display: flex; diff --git a/packages/components/src/DataViewer/Virtualized/VirtualizedTree/VirtualizedTree.module.scss b/packages/components/src/DataViewer/Virtualized/VirtualizedTree/VirtualizedTree.module.scss index 67da66aa1e6..c9052dd4693 100644 --- a/packages/components/src/DataViewer/Virtualized/VirtualizedTree/VirtualizedTree.module.scss +++ b/packages/components/src/DataViewer/Virtualized/VirtualizedTree/VirtualizedTree.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-virtualized-tree { flex: 1 1 auto; diff --git a/packages/components/src/DataViewer/theme.module.scss b/packages/components/src/DataViewer/theme.module.scss index 78c2ae3a15f..954e37181b7 100644 --- a/packages/components/src/DataViewer/theme.module.scss +++ b/packages/components/src/DataViewer/theme.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-layout-skeleton-width: 6rem !default; $tc-layout-skeleton-height: 6rem !default; diff --git a/packages/components/src/Datalist/Datalist.module.scss b/packages/components/src/Datalist/Datalist.module.scss index 452123280f1..74f094c1fb4 100644 --- a/packages/components/src/Datalist/Datalist.module.scss +++ b/packages/components/src/Datalist/Datalist.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-datalist-items-max-height: 20rem !default; $tc-datalist-item-height: 2.5rem !default; diff --git a/packages/components/src/DateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss b/packages/components/src/DateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss index f870b65aedb..3772ee079ca 100644 --- a/packages/components/src/DateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss +++ b/packages/components/src/DateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../shared/styles/mixins'; diff --git a/packages/components/src/DateTimePickers/InputTimePicker/InputTimePicker.module.scss b/packages/components/src/DateTimePickers/InputTimePicker/InputTimePicker.module.scss index 807493a6140..047422bd876 100644 --- a/packages/components/src/DateTimePickers/InputTimePicker/InputTimePicker.module.scss +++ b/packages/components/src/DateTimePickers/InputTimePicker/InputTimePicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../shared/styles/mixins'; $tc-timepicker-width: 5rem !default; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/DateTime/Validation/Validation.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/DateTime/Validation/Validation.module.scss index a180071ebfe..c4bd8cda0d2 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/DateTime/Validation/Validation.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/DateTime/Validation/Validation.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .validation { display: flex; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss index 6c80ea95cbb..efb07c18961 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/InputDateTimePicker/InputDateTimePicker.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-datetimepicker-width: 19.375rem !default; $tc-datetimepicker-box-shadow: 0 0.0625rem 0.1875rem 0 rgba(0, 0, 0, 0.2) !default; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DatePicker/DatePicker.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DatePicker/DatePicker.module.scss index bb442501623..4a1929a77d8 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DatePicker/DatePicker.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DatePicker/DatePicker.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; @import '../../shared/styles/variables'; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DateTimePicker/DateTimePicker.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DateTimePicker/DateTimePicker.module.scss index b7e00b3eee2..0cf637145f4 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DateTimePicker/DateTimePicker.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/DateTimePicker/DateTimePicker.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; @import '../../shared/styles/variables'; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/MonthPicker/MonthPicker.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/MonthPicker/MonthPicker.module.scss index 3cd0dcd6a56..b434ad82365 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/MonthPicker/MonthPicker.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/MonthPicker/MonthPicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; @import '../../shared/styles/variables'; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/TimePicker/TimePicker.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/TimePicker/TimePicker.module.scss index b603ee7c2be..69dc41488d1 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/TimePicker/TimePicker.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/pickers/TimePicker/TimePicker.module.scss @@ -1,7 +1,7 @@ /* stylelint-disable color-hex-case */ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/mixins.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/mixins.scss index 838e50aae57..dc8dcd1cdf8 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/mixins.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/mixins.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @mixin nav-action { padding: 0; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/variables.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/variables.scss index 573e96695d0..30c4b66b21a 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/variables.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/shared/styles/variables.scss @@ -1,3 +1,3 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $border-default: 0.0625rem solid tokens.$coral-color-neutral-border !default; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/DateTimeView/DateTimeView.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/DateTimeView/DateTimeView.module.scss index 1ece7b92d07..8fd30947c8c 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/DateTimeView/DateTimeView.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/DateTimeView/DateTimeView.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @import '../../shared/styles/variables'; diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/HeaderTitle/HeaderTitle.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/HeaderTitle/HeaderTitle.module.scss index 1c34e04b237..329e3ba4aa8 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/HeaderTitle/HeaderTitle.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/HeaderTitle/HeaderTitle.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; .common { diff --git a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/ViewLayout/ViewLayout.module.scss b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/ViewLayout/ViewLayout.module.scss index a3fce3798b8..0f226804f6a 100644 --- a/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/ViewLayout/ViewLayout.module.scss +++ b/packages/components/src/DateTimePickers/LegacyDateTimePickers/views/ViewLayout/ViewLayout.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .container { height: 100%; diff --git a/packages/components/src/DateTimePickers/pickers/CalendarPicker/CalendarPicker.module.scss b/packages/components/src/DateTimePickers/pickers/CalendarPicker/CalendarPicker.module.scss index 2be1c376115..0fded4be2f5 100644 --- a/packages/components/src/DateTimePickers/pickers/CalendarPicker/CalendarPicker.module.scss +++ b/packages/components/src/DateTimePickers/pickers/CalendarPicker/CalendarPicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .container { color: tokens.$coral-color-neutral-text-weak; diff --git a/packages/components/src/DateTimePickers/pickers/DatePicker/DatePicker.module.scss b/packages/components/src/DateTimePickers/pickers/DatePicker/DatePicker.module.scss index bab448e491c..ad97e6b5aad 100644 --- a/packages/components/src/DateTimePickers/pickers/DatePicker/DatePicker.module.scss +++ b/packages/components/src/DateTimePickers/pickers/DatePicker/DatePicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; diff --git a/packages/components/src/DateTimePickers/pickers/MonthPicker/MonthPicker.module.scss b/packages/components/src/DateTimePickers/pickers/MonthPicker/MonthPicker.module.scss index 0e3120a2055..5890568266a 100644 --- a/packages/components/src/DateTimePickers/pickers/MonthPicker/MonthPicker.module.scss +++ b/packages/components/src/DateTimePickers/pickers/MonthPicker/MonthPicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../../shared/styles/mixins'; @import '../../shared/styles/variables'; diff --git a/packages/components/src/DateTimePickers/pickers/TimePicker/TimePicker.module.scss b/packages/components/src/DateTimePickers/pickers/TimePicker/TimePicker.module.scss index 0007fd51f4c..fa462952568 100644 --- a/packages/components/src/DateTimePickers/pickers/TimePicker/TimePicker.module.scss +++ b/packages/components/src/DateTimePickers/pickers/TimePicker/TimePicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .container { padding: tokens.$coral-spacing-xxs 0; diff --git a/packages/components/src/DateTimePickers/shared/styles/mixins.scss b/packages/components/src/DateTimePickers/shared/styles/mixins.scss index aebe4b5b074..4d3df6658e3 100644 --- a/packages/components/src/DateTimePickers/shared/styles/mixins.scss +++ b/packages/components/src/DateTimePickers/shared/styles/mixins.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import './variables'; diff --git a/packages/components/src/DateTimePickers/shared/styles/variables.scss b/packages/components/src/DateTimePickers/shared/styles/variables.scss index 573e96695d0..30c4b66b21a 100644 --- a/packages/components/src/DateTimePickers/shared/styles/variables.scss +++ b/packages/components/src/DateTimePickers/shared/styles/variables.scss @@ -1,3 +1,3 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $border-default: 0.0625rem solid tokens.$coral-color-neutral-border !default; diff --git a/packages/components/src/DateTimePickers/views/HeaderTitle/HeaderTitle.module.scss b/packages/components/src/DateTimePickers/views/HeaderTitle/HeaderTitle.module.scss index d812287ae1c..fe9c294fe72 100644 --- a/packages/components/src/DateTimePickers/views/HeaderTitle/HeaderTitle.module.scss +++ b/packages/components/src/DateTimePickers/views/HeaderTitle/HeaderTitle.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .common { display: flex; diff --git a/packages/components/src/DateTimePickers/views/ViewLayout/ViewLayout.module.scss b/packages/components/src/DateTimePickers/views/ViewLayout/ViewLayout.module.scss index 923d3d1138f..af916d5efd8 100644 --- a/packages/components/src/DateTimePickers/views/ViewLayout/ViewLayout.module.scss +++ b/packages/components/src/DateTimePickers/views/ViewLayout/ViewLayout.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .container { height: 100%; diff --git a/packages/components/src/Dialog/Dialog.scss b/packages/components/src/Dialog/Dialog.scss index 60b3576b074..a90a0291a88 100644 --- a/packages/components/src/Dialog/Dialog.scss +++ b/packages/components/src/Dialog/Dialog.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; :global { .modal-flex .modal-body { diff --git a/packages/components/src/Drawer/Drawer.module.scss b/packages/components/src/Drawer/Drawer.module.scss index 8b759c96921..8f066727c54 100644 --- a/packages/components/src/Drawer/Drawer.module.scss +++ b/packages/components/src/Drawer/Drawer.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $tc-drawer-bgcolor: tokens.$coral-color-neutral-background !default; $tc-drawer-padding: tokens.$coral-spacing-m !default; diff --git a/packages/components/src/EditableText/EditableText.module.scss b/packages/components/src/EditableText/EditableText.module.scss index f282587c180..e74f1c7fe22 100644 --- a/packages/components/src/EditableText/EditableText.module.scss +++ b/packages/components/src/EditableText/EditableText.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @import '~@talend/bootstrap-theme/src/theme/animation'; diff --git a/packages/components/src/EditableText/InlineForm.module.scss b/packages/components/src/EditableText/InlineForm.module.scss index cf65263f13f..29ac58e2417 100644 --- a/packages/components/src/EditableText/InlineForm.module.scss +++ b/packages/components/src/EditableText/InlineForm.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; $tc-icon-editable-text-size: 0.5rem !default; diff --git a/packages/components/src/EditableText/PlainTextTitle.module.scss b/packages/components/src/EditableText/PlainTextTitle.module.scss index a8d00572c3e..189aee7235c 100644 --- a/packages/components/src/EditableText/PlainTextTitle.module.scss +++ b/packages/components/src/EditableText/PlainTextTitle.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @mixin ellipsis { white-space: nowrap; diff --git a/packages/components/src/Emphasis/Emphasis.module.scss b/packages/components/src/Emphasis/Emphasis.module.scss index 9a8852cdc0e..5a98bf46944 100644 --- a/packages/components/src/Emphasis/Emphasis.module.scss +++ b/packages/components/src/Emphasis/Emphasis.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .highlight { font-weight: $font-weight-semi-bold; diff --git a/packages/components/src/Enumeration/Enumeration.module.scss b/packages/components/src/Enumeration/Enumeration.module.scss index 0f12ee25844..75c34984f0b 100644 --- a/packages/components/src/Enumeration/Enumeration.module.scss +++ b/packages/components/src/Enumeration/Enumeration.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-enumeration-height: 50vh !default; $tc-enumeration-font-size: 0.875rem !default; diff --git a/packages/components/src/Enumeration/Enumeration.stories.module.scss b/packages/components/src/Enumeration/Enumeration.stories.module.scss index 830bcee1638..aaab49f9758 100644 --- a/packages/components/src/Enumeration/Enumeration.stories.module.scss +++ b/packages/components/src/Enumeration/Enumeration.stories.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .enum-with-class { :global(.tc-enumeration-items) { diff --git a/packages/components/src/Enumeration/Header/Header.module.scss b/packages/components/src/Enumeration/Header/Header.module.scss index 85c56273e9a..e556e17fca5 100644 --- a/packages/components/src/Enumeration/Header/Header.module.scss +++ b/packages/components/src/Enumeration/Header/Header.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-enumeration-smaller-padding: $padding-smaller !default; $tc-enumeration-small-padding: $padding-small !default; diff --git a/packages/components/src/Enumeration/Items/EmptyListPlaceholder.module.scss b/packages/components/src/Enumeration/Items/EmptyListPlaceholder.module.scss index de133360a2c..526dcedcec4 100644 --- a/packages/components/src/Enumeration/Items/EmptyListPlaceholder.module.scss +++ b/packages/components/src/Enumeration/Items/EmptyListPlaceholder.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-enumeration-hint { color: $silver; diff --git a/packages/components/src/Enumeration/Items/Item/Item.module.scss b/packages/components/src/Enumeration/Items/Item/Item.module.scss index 9b13876c4ff..eb3b98d0686 100644 --- a/packages/components/src/Enumeration/Items/Item/Item.module.scss +++ b/packages/components/src/Enumeration/Items/Item/Item.module.scss @@ -1,6 +1,6 @@ /* stylelint-disable color-hex-case */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-enumeration-normal-padding: $padding-normal !default; $tc-enumeration-smaller-padding: $padding-smaller !default; diff --git a/packages/components/src/Enumeration/Items/Items.module.scss b/packages/components/src/Enumeration/Items/Items.module.scss index 899d33ca72d..bfe95071cb7 100644 --- a/packages/components/src/Enumeration/Items/Items.module.scss +++ b/packages/components/src/Enumeration/Items/Items.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-enumeration-height: 40vh !default; diff --git a/packages/components/src/FilterBar/FilterBar.module.scss b/packages/components/src/FilterBar/FilterBar.module.scss index 658fb032470..9b8b8886bcf 100644 --- a/packages/components/src/FilterBar/FilterBar.module.scss +++ b/packages/components/src/FilterBar/FilterBar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // Filter styles $tc-filter-bar-width: 250px !default; diff --git a/packages/components/src/FormatValue/FormatValue.module.scss b/packages/components/src/FormatValue/FormatValue.module.scss index 83d8c565bf1..30d9b595d7e 100644 --- a/packages/components/src/FormatValue/FormatValue.module.scss +++ b/packages/components/src/FormatValue/FormatValue.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $svg-tab-width: 1.625rem !default; $svg-other-characters: 0.1875rem !default; diff --git a/packages/components/src/GridLayout/Grid.module.scss b/packages/components/src/GridLayout/Grid.module.scss index fc6975001ae..372f7f98f7d 100644 --- a/packages/components/src/GridLayout/Grid.module.scss +++ b/packages/components/src/GridLayout/Grid.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .layout { :global(.react-grid-item) { diff --git a/packages/components/src/GridLayout/Tile/Footer/TileFooter.module.scss b/packages/components/src/GridLayout/Tile/Footer/TileFooter.module.scss index 414d1bc13e4..d8cc89c5640 100644 --- a/packages/components/src/GridLayout/Tile/Footer/TileFooter.module.scss +++ b/packages/components/src/GridLayout/Tile/Footer/TileFooter.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-tile-footer { display: flex; diff --git a/packages/components/src/GridLayout/Tile/Header/TileHeader.module.scss b/packages/components/src/GridLayout/Tile/Header/TileHeader.module.scss index e758daba0e6..f359e9a29d4 100644 --- a/packages/components/src/GridLayout/Tile/Header/TileHeader.module.scss +++ b/packages/components/src/GridLayout/Tile/Header/TileHeader.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-tile-header { display: flex; diff --git a/packages/components/src/GridLayout/Tile/Tile.module.scss b/packages/components/src/GridLayout/Tile/Tile.module.scss index 048eb5b7655..d23f8d1e01b 100644 --- a/packages/components/src/GridLayout/Tile/Tile.module.scss +++ b/packages/components/src/GridLayout/Tile/Tile.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-tile-container { display: flex; diff --git a/packages/components/src/GuidedTour/GuidedTour.module.scss b/packages/components/src/GuidedTour/GuidedTour.module.scss index 62aee9b998b..6858b44e1a0 100644 --- a/packages/components/src/GuidedTour/GuidedTour.module.scss +++ b/packages/components/src/GuidedTour/GuidedTour.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; $tc-guidedtour-accent-color: tokens.$coral-color-accent-text !default; diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss index 1e6967053ed..e2c53a3a9a1 100644 --- a/packages/components/src/HeaderBar/HeaderBar.module.scss +++ b/packages/components/src/HeaderBar/HeaderBar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-headerbar-logo-width: tokens.$coral-sizing-s !default; $tc-headerbar-logo-full-width: 5.3125rem !default; diff --git a/packages/components/src/HttpError/HttpError.module.scss b/packages/components/src/HttpError/HttpError.module.scss index e0de639081f..8017d49e474 100644 --- a/packages/components/src/HttpError/HttpError.module.scss +++ b/packages/components/src/HttpError/HttpError.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .http-error { position: relative; diff --git a/packages/components/src/JSONSchemaRenderer/JSONSchemaRenderer.module.scss b/packages/components/src/JSONSchemaRenderer/JSONSchemaRenderer.module.scss index 617959b0e43..c7bb8b48397 100644 --- a/packages/components/src/JSONSchemaRenderer/JSONSchemaRenderer.module.scss +++ b/packages/components/src/JSONSchemaRenderer/JSONSchemaRenderer.module.scss @@ -1,6 +1,6 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .json-schema-renderer { margin-top: $padding-large; diff --git a/packages/components/src/Layout/Layout.module.scss b/packages/components/src/Layout/Layout.module.scss index af6d1cffebd..84a5ea717a1 100644 --- a/packages/components/src/Layout/Layout.module.scss +++ b/packages/components/src/Layout/Layout.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; //// /// Layout diff --git a/packages/components/src/Layout/OneColumn/OneColumn.module.scss b/packages/components/src/Layout/OneColumn/OneColumn.module.scss index 563860abd1c..d18afe19d6f 100644 --- a/packages/components/src/Layout/OneColumn/OneColumn.module.scss +++ b/packages/components/src/Layout/OneColumn/OneColumn.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; // OneColumn styles diff --git a/packages/components/src/Layout/SkipLinks/SkipLinks.module.scss b/packages/components/src/Layout/SkipLinks/SkipLinks.module.scss index 1b1ca897eeb..c1039e843a3 100644 --- a/packages/components/src/Layout/SkipLinks/SkipLinks.module.scss +++ b/packages/components/src/Layout/SkipLinks/SkipLinks.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-skip-links { position: absolute; diff --git a/packages/components/src/Layout/TwoColumns/TwoColumns.module.scss b/packages/components/src/Layout/TwoColumns/TwoColumns.module.scss index b7835acbca1..7e128179d07 100644 --- a/packages/components/src/Layout/TwoColumns/TwoColumns.module.scss +++ b/packages/components/src/Layout/TwoColumns/TwoColumns.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; //// /// Layout diff --git a/packages/components/src/List/List.module.scss b/packages/components/src/List/List.module.scss index 4b0cb9f0596..7459782c3b4 100644 --- a/packages/components/src/List/List.module.scss +++ b/packages/components/src/List/List.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // List styles diff --git a/packages/components/src/List/ListComposition/DisplayMode/DisplayModeToggle.scss b/packages/components/src/List/ListComposition/DisplayMode/DisplayModeToggle.scss index 0489f319bc3..a57615c147c 100644 --- a/packages/components/src/List/ListComposition/DisplayMode/DisplayModeToggle.scss +++ b/packages/components/src/List/ListComposition/DisplayMode/DisplayModeToggle.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; $tc-display-button-icon-height: 1.5rem; diff --git a/packages/components/src/List/ListComposition/List.module.scss b/packages/components/src/List/ListComposition/List.module.scss index 7fa9f69aa77..b4258c7d68a 100644 --- a/packages/components/src/List/ListComposition/List.module.scss +++ b/packages/components/src/List/ListComposition/List.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .list { display: flex; diff --git a/packages/components/src/List/ListComposition/SortBy/SortBy.module.scss b/packages/components/src/List/ListComposition/SortBy/SortBy.module.scss index 1095445ca0b..2077813a4ef 100644 --- a/packages/components/src/List/ListComposition/SortBy/SortBy.module.scss +++ b/packages/components/src/List/ListComposition/SortBy/SortBy.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // SelectSortBy styles $tc-order-chooser-icon-size: 0.375rem !default; diff --git a/packages/components/src/List/ListComposition/Toolbar/ListToolbar.module.scss b/packages/components/src/List/ListComposition/Toolbar/ListToolbar.module.scss index d2951070acc..3d8608899c1 100644 --- a/packages/components/src/List/ListComposition/Toolbar/ListToolbar.module.scss +++ b/packages/components/src/List/ListComposition/Toolbar/ListToolbar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-toolbar-height: 4.375rem; diff --git a/packages/components/src/List/Toolbar/ColumnChooserButton/ColumnChooser/ColumnChooser.module.scss b/packages/components/src/List/Toolbar/ColumnChooserButton/ColumnChooser/ColumnChooser.module.scss index 85a76b77b27..437b6fc6945 100644 --- a/packages/components/src/List/Toolbar/ColumnChooserButton/ColumnChooser/ColumnChooser.module.scss +++ b/packages/components/src/List/Toolbar/ColumnChooserButton/ColumnChooser/ColumnChooser.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-popover-border-width: 0.0625rem !default; $tc-height: 2.5rem; diff --git a/packages/components/src/List/Toolbar/Pagination/Pagination.module.scss b/packages/components/src/List/Toolbar/Pagination/Pagination.module.scss index aac92c2a8f0..50a43dbac03 100644 --- a/packages/components/src/List/Toolbar/Pagination/Pagination.module.scss +++ b/packages/components/src/List/Toolbar/Pagination/Pagination.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-pagination { :global(.tc-svg-icon) { diff --git a/packages/components/src/List/Toolbar/SelectAll/SelectAll.module.scss b/packages/components/src/List/Toolbar/SelectAll/SelectAll.module.scss index 5e8e8234834..a9290c6b06d 100644 --- a/packages/components/src/List/Toolbar/SelectAll/SelectAll.module.scss +++ b/packages/components/src/List/Toolbar/SelectAll/SelectAll.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .container { background: tokens.$coral-color-neutral-background; diff --git a/packages/components/src/List/Toolbar/SelectSortBy/SelectSortBy.module.scss b/packages/components/src/List/Toolbar/SelectSortBy/SelectSortBy.module.scss index aa511dbf477..d60d1276625 100644 --- a/packages/components/src/List/Toolbar/SelectSortBy/SelectSortBy.module.scss +++ b/packages/components/src/List/Toolbar/SelectSortBy/SelectSortBy.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // SelectSortBy styles diff --git a/packages/components/src/List/Toolbar/Toolbar.module.scss b/packages/components/src/List/Toolbar/Toolbar.module.scss index 23610ee87c8..42c5b877706 100644 --- a/packages/components/src/List/Toolbar/Toolbar.module.scss +++ b/packages/components/src/List/Toolbar/Toolbar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // Toolbar styles $tc-list-toolbar-height: 4.375rem !default; diff --git a/packages/components/src/ListView/Header/Header.module.scss b/packages/components/src/ListView/Header/Header.module.scss index aee48690133..df94efff09e 100644 --- a/packages/components/src/ListView/Header/Header.module.scss +++ b/packages/components/src/ListView/Header/Header.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-listview-header-height: 28px !default; $tc-listview-svg-color: tokens.$coral-color-neutral-text !default; diff --git a/packages/components/src/ListView/Items/Items.module.scss b/packages/components/src/ListView/Items/Items.module.scss index 49af22afcb5..fef6bcb65e9 100644 --- a/packages/components/src/ListView/Items/Items.module.scss +++ b/packages/components/src/ListView/Items/Items.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; $tc-listview-height: 40vh !default; diff --git a/packages/components/src/ListView/ListView.module.scss b/packages/components/src/ListView/ListView.module.scss index c5824d284d5..e75c1e9e9ea 100644 --- a/packages/components/src/ListView/ListView.module.scss +++ b/packages/components/src/ListView/ListView.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-listview-svg-color: tokens.$coral-color-neutral-icon !default; $tc-listview-font-size: 0.875rem !default; diff --git a/packages/components/src/Loader/Loader.module.scss b/packages/components/src/Loader/Loader.module.scss index 810c0e02a40..2b9ea08dead 100644 --- a/packages/components/src/Loader/Loader.module.scss +++ b/packages/components/src/Loader/Loader.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-loader { display: flex; diff --git a/packages/components/src/MultiSelect/Dropdown.module.scss b/packages/components/src/MultiSelect/Dropdown.module.scss index 68c5ff26969..9a9e5b8cb30 100644 --- a/packages/components/src/MultiSelect/Dropdown.module.scss +++ b/packages/components/src/MultiSelect/Dropdown.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .dropdown { z-index: 100; diff --git a/packages/components/src/MultiSelect/ItemOption.module.scss b/packages/components/src/MultiSelect/ItemOption.module.scss index f40e00d84a3..f57ccf9cfa6 100644 --- a/packages/components/src/MultiSelect/ItemOption.module.scss +++ b/packages/components/src/MultiSelect/ItemOption.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .row { padding-left: $padding-normal; diff --git a/packages/components/src/MultiSelect/MultiSelect.module.scss b/packages/components/src/MultiSelect/MultiSelect.module.scss index a22d140baf7..2f2166eb346 100644 --- a/packages/components/src/MultiSelect/MultiSelect.module.scss +++ b/packages/components/src/MultiSelect/MultiSelect.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // MultiSelect styles .container { diff --git a/packages/components/src/Notification/Notification.module.scss b/packages/components/src/Notification/Notification.module.scss index 26ee64f7080..eb4e262b2d6 100644 --- a/packages/components/src/Notification/Notification.module.scss +++ b/packages/components/src/Notification/Notification.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-notification-animation-duration: 0.3s !default; diff --git a/packages/components/src/ObjectViewer/JSONLike/JSONLike.module.scss b/packages/components/src/ObjectViewer/JSONLike/JSONLike.module.scss index 5814cd630b9..ef6b18d8ac1 100644 --- a/packages/components/src/ObjectViewer/JSONLike/JSONLike.module.scss +++ b/packages/components/src/ObjectViewer/JSONLike/JSONLike.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @mixin chevron($color) { border: 1px solid tokens.$coral-color-accent-border; diff --git a/packages/components/src/ObjectViewer/List/List.module.scss b/packages/components/src/ObjectViewer/List/List.module.scss index 88ce03a6fb9..3fa8252df78 100644 --- a/packages/components/src/ObjectViewer/List/List.module.scss +++ b/packages/components/src/ObjectViewer/List/List.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // List styles .container { diff --git a/packages/components/src/ObjectViewer/Table/Table.module.scss b/packages/components/src/ObjectViewer/Table/Table.module.scss index 527c23478c5..1dbab071981 100644 --- a/packages/components/src/ObjectViewer/Table/Table.module.scss +++ b/packages/components/src/ObjectViewer/Table/Table.module.scss @@ -1,5 +1,5 @@ /* stylelint-disable scss/selector-no-redundant-nesting-selector */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .table { .nativevalue { diff --git a/packages/components/src/OverlayTrigger/OverlayTrigger.module.scss b/packages/components/src/OverlayTrigger/OverlayTrigger.module.scss index 589814f50f8..45b30916510 100644 --- a/packages/components/src/OverlayTrigger/OverlayTrigger.module.scss +++ b/packages/components/src/OverlayTrigger/OverlayTrigger.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-action-button-positionned { position: relative; diff --git a/packages/components/src/PieChart/PieChart.module.scss b/packages/components/src/PieChart/PieChart.module.scss index 31f738c4474..da331babc7f 100644 --- a/packages/components/src/PieChart/PieChart.module.scss +++ b/packages/components/src/PieChart/PieChart.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; $tc-pie-chart-font-size: $font-size-large !default; diff --git a/packages/components/src/Progress/Progress.module.scss b/packages/components/src/Progress/Progress.module.scss index 2984152b2c8..4af9ccdced6 100644 --- a/packages/components/src/Progress/Progress.module.scss +++ b/packages/components/src/Progress/Progress.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $infinite-indicator-ratio: 3; $infinite-indicator-width: calc(100% / $infinite-indicator-ratio); diff --git a/packages/components/src/RadarChart/RadarChart.module.scss b/packages/components/src/RadarChart/RadarChart.module.scss index 12db652ce3a..90c4437076e 100644 --- a/packages/components/src/RadarChart/RadarChart.module.scss +++ b/packages/components/src/RadarChart/RadarChart.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-radar-chart { :global { diff --git a/packages/components/src/ResourceList/Resource/Resource.module.scss b/packages/components/src/ResourceList/Resource/Resource.module.scss index f450013ca6a..874053a3728 100644 --- a/packages/components/src/ResourceList/Resource/Resource.module.scss +++ b/packages/components/src/ResourceList/Resource/Resource.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .resource-item { padding-left: $padding-normal; diff --git a/packages/components/src/ResourceList/ResourceList.module.scss b/packages/components/src/ResourceList/ResourceList.module.scss index 8c304465a1f..a8f9ccfb4c8 100644 --- a/packages/components/src/ResourceList/ResourceList.module.scss +++ b/packages/components/src/ResourceList/ResourceList.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-resource-list-margin-top: 1.25rem !default; $tc-resource-list-height: 15.625rem !default; diff --git a/packages/components/src/ResourceList/Toolbar/NameFilter/NameFilter.module.scss b/packages/components/src/ResourceList/Toolbar/NameFilter/NameFilter.module.scss index 950b1b51526..56bfd45b68b 100644 --- a/packages/components/src/ResourceList/Toolbar/NameFilter/NameFilter.module.scss +++ b/packages/components/src/ResourceList/Toolbar/NameFilter/NameFilter.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-resource-picker-name-filter { flex: 1; diff --git a/packages/components/src/ResourceList/Toolbar/SortOptions/OrderChooser/OrderChooser.module.scss b/packages/components/src/ResourceList/Toolbar/SortOptions/OrderChooser/OrderChooser.module.scss index c35fc122290..03229572145 100644 --- a/packages/components/src/ResourceList/Toolbar/SortOptions/OrderChooser/OrderChooser.module.scss +++ b/packages/components/src/ResourceList/Toolbar/SortOptions/OrderChooser/OrderChooser.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; $tc-resource-picker-order-chooser-icon-size: 0.375rem !default; diff --git a/packages/components/src/ResourceList/Toolbar/SortOptions/SortOptions.module.scss b/packages/components/src/ResourceList/Toolbar/SortOptions/SortOptions.module.scss index f5725049926..40f01f8620f 100644 --- a/packages/components/src/ResourceList/Toolbar/SortOptions/SortOptions.module.scss +++ b/packages/components/src/ResourceList/Toolbar/SortOptions/SortOptions.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-resource-picker-sort-options { display: flex; diff --git a/packages/components/src/ResourceList/Toolbar/StateFilter/StateFilter.module.scss b/packages/components/src/ResourceList/Toolbar/StateFilter/StateFilter.module.scss index ac6208d2ca7..e278fa0b1a2 100644 --- a/packages/components/src/ResourceList/Toolbar/StateFilter/StateFilter.module.scss +++ b/packages/components/src/ResourceList/Toolbar/StateFilter/StateFilter.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-resource-picker-toolbar-favorite-color: tokens.$coral-color-warning-text !default; $tc-resource-picker-toolbar-certified-color: tokens.$coral-color-accent-text !default; diff --git a/packages/components/src/ResourceList/Toolbar/Toolbar.module.scss b/packages/components/src/ResourceList/Toolbar/Toolbar.module.scss index 116e291fc03..a2f2e549d2d 100644 --- a/packages/components/src/ResourceList/Toolbar/Toolbar.module.scss +++ b/packages/components/src/ResourceList/Toolbar/Toolbar.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-resource-list-toolbar { display: flex; diff --git a/packages/components/src/ResourcePicker/ResourcePicker.module.scss b/packages/components/src/ResourcePicker/ResourcePicker.module.scss index 08bde0ab1df..c1364a86661 100644 --- a/packages/components/src/ResourcePicker/ResourcePicker.module.scss +++ b/packages/components/src/ResourcePicker/ResourcePicker.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; $tc-resource-picker-toolbar-height: 2.1875rem !default; diff --git a/packages/components/src/Rich/Error/RichError.module.scss b/packages/components/src/Rich/Error/RichError.module.scss index cef79f3481a..1963298fbbf 100644 --- a/packages/components/src/Rich/Error/RichError.module.scss +++ b/packages/components/src/Rich/Error/RichError.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; $tc-rich-error-icon-size: 2.25rem !default; diff --git a/packages/components/src/Rich/HeaderTitle/HeaderTitle.module.scss b/packages/components/src/Rich/HeaderTitle/HeaderTitle.module.scss index a74b91814b3..32a2f7ba9d9 100644 --- a/packages/components/src/Rich/HeaderTitle/HeaderTitle.module.scss +++ b/packages/components/src/Rich/HeaderTitle/HeaderTitle.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-header-title-font-size: 1rem !default; $tc-header-title-font-weight: 700 !default; diff --git a/packages/components/src/Rich/Layout/RichLayout.module.scss b/packages/components/src/Rich/Layout/RichLayout.module.scss index 5eb446c7a42..7a8a6f417ff 100644 --- a/packages/components/src/Rich/Layout/RichLayout.module.scss +++ b/packages/components/src/Rich/Layout/RichLayout.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-popover-border-width: 0.0625rem !default; $tc-popover-border-color: tokens.$coral-color-neutral-border-weak !default; diff --git a/packages/components/src/SidePanel/SidePanel.module.scss b/packages/components/src/SidePanel/SidePanel.module.scss index 749663d4f77..561c7ee51da 100644 --- a/packages/components/src/SidePanel/SidePanel.module.scss +++ b/packages/components/src/SidePanel/SidePanel.module.scss @@ -1,7 +1,7 @@ /* stylelint-disable color-hex-case */ /* stylelint-disable declaration-no-important */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; //// /// Side panel diff --git a/packages/components/src/Skeleton/Skeleton.module.scss b/packages/components/src/Skeleton/Skeleton.module.scss index c1d8ea901c4..c0890e1da22 100644 --- a/packages/components/src/Skeleton/Skeleton.module.scss +++ b/packages/components/src/Skeleton/Skeleton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; diff --git a/packages/components/src/Slider/Slider.module.scss b/packages/components/src/Slider/Slider.module.scss index 9f15ea4d612..be98e22cfad 100644 --- a/packages/components/src/Slider/Slider.module.scss +++ b/packages/components/src/Slider/Slider.module.scss @@ -1,6 +1,6 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/_tokens.scss' as tokens; +@use '@talend/design-tokens/lib/_tokens.scss' as tokens; $tc-slider-thumb-shadow: 0 1px 2px 0 rgba(117, 132, 149, 0.5); //$slate-gray; $tc-slider-thumb-shadow-focused: 0 3px 4px 0.5px rgba(0, 0, 0, 0.25); diff --git a/packages/components/src/Status/Status.module.scss b/packages/components/src/Status/Status.module.scss index 923bd97383a..0725f5b5ad9 100644 --- a/packages/components/src/Status/Status.module.scss +++ b/packages/components/src/Status/Status.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-status-icon-size: $svg-md-size !default; $tc-status-action-min-size: 23px !default; diff --git a/packages/components/src/Stepper/Stepper.component.module.scss b/packages/components/src/Stepper/Stepper.component.module.scss index 2809e1276e6..74b08ce700f 100644 --- a/packages/components/src/Stepper/Stepper.component.module.scss +++ b/packages/components/src/Stepper/Stepper.component.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $stepper-icon-size: $svg-md-size !default; diff --git a/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss b/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss index 90d7a424232..54f6911375a 100644 --- a/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss +++ b/packages/components/src/SubHeaderBar/SubHeaderBar.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; @mixin input-icon($margin-left) { diff --git a/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss b/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss index f00a1d691a0..8b1658e77a1 100644 --- a/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss +++ b/packages/components/src/SubHeaderBar/TitleSubHeader/TitleSubHeader.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; diff --git a/packages/components/src/TabBar/TabBar.module.scss b/packages/components/src/TabBar/TabBar.module.scss index 1a4438b04ff..9365bd069e1 100644 --- a/packages/components/src/TabBar/TabBar.module.scss +++ b/packages/components/src/TabBar/TabBar.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-tab-bar-menu { display: flex; diff --git a/packages/components/src/Toggle/LabelToggle/LabelToggle.module.scss b/packages/components/src/Toggle/LabelToggle/LabelToggle.module.scss index 11329da8f54..7b08275139b 100644 --- a/packages/components/src/Toggle/LabelToggle/LabelToggle.module.scss +++ b/packages/components/src/Toggle/LabelToggle/LabelToggle.module.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; @mixin radio-toolbar-input($color, $opacity) { diff --git a/packages/components/src/TooltipTrigger/TooltipTrigger.module.scss b/packages/components/src/TooltipTrigger/TooltipTrigger.module.scss index a591a2ae6fc..6522b647249 100644 --- a/packages/components/src/TooltipTrigger/TooltipTrigger.module.scss +++ b/packages/components/src/TooltipTrigger/TooltipTrigger.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; @use '@talend/design-tokens/lib/tokens'; $tc-tooltip-max-width: 18.75rem !default; diff --git a/packages/components/src/TreeView/TreeView.module.scss b/packages/components/src/TreeView/TreeView.module.scss index f6997a74d17..ae3acaf9856 100644 --- a/packages/components/src/TreeView/TreeView.module.scss +++ b/packages/components/src/TreeView/TreeView.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // TreeView styles diff --git a/packages/components/src/TreeView/TreeViewItem/TreeViewItem.module.scss b/packages/components/src/TreeView/TreeViewItem/TreeViewItem.module.scss index aed17415d55..4788638edc6 100644 --- a/packages/components/src/TreeView/TreeViewItem/TreeViewItem.module.scss +++ b/packages/components/src/TreeView/TreeViewItem/TreeViewItem.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; // TreeView styles $item-height: 2.5rem; diff --git a/packages/components/src/Typeahead/Typeahead.module.scss b/packages/components/src/Typeahead/Typeahead.module.scss index 555072928ef..165b6353eef 100644 --- a/packages/components/src/Typeahead/Typeahead.module.scss +++ b/packages/components/src/Typeahead/Typeahead.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; @import '~@talend/bootstrap-theme/src/theme/animation'; $tc-typeahead-input-color: tokens.$coral-color-neutral-text !default; diff --git a/packages/components/src/VirtualizedList/CellActions/RowLargeCellActions.module.scss b/packages/components/src/VirtualizedList/CellActions/RowLargeCellActions.module.scss index b1871b1caaa..82184fddfdb 100644 --- a/packages/components/src/VirtualizedList/CellActions/RowLargeCellActions.module.scss +++ b/packages/components/src/VirtualizedList/CellActions/RowLargeCellActions.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; // Large display specificities .row { diff --git a/packages/components/src/VirtualizedList/CellActions/RowTableCellActions.module.scss b/packages/components/src/VirtualizedList/CellActions/RowTableCellActions.module.scss index 2f5904d9429..83daebe5068 100644 --- a/packages/components/src/VirtualizedList/CellActions/RowTableCellActions.module.scss +++ b/packages/components/src/VirtualizedList/CellActions/RowTableCellActions.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; // manage actions display on row hover .row { diff --git a/packages/components/src/VirtualizedList/CellBoolean/CellBoolean.module.scss b/packages/components/src/VirtualizedList/CellBoolean/CellBoolean.module.scss index d0940fbdb0c..4783c6ddfda 100644 --- a/packages/components/src/VirtualizedList/CellBoolean/CellBoolean.module.scss +++ b/packages/components/src/VirtualizedList/CellBoolean/CellBoolean.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .cell-boolean-container { display: flex; diff --git a/packages/components/src/VirtualizedList/CellCheckbox/CellCheckbox.module.scss b/packages/components/src/VirtualizedList/CellCheckbox/CellCheckbox.module.scss index 52b95cd0a20..b0c21bfdd00 100644 --- a/packages/components/src/VirtualizedList/CellCheckbox/CellCheckbox.module.scss +++ b/packages/components/src/VirtualizedList/CellCheckbox/CellCheckbox.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-list-checkbox { :global(.checkbox) { diff --git a/packages/components/src/VirtualizedList/CellDatetime/CellDatetime.module.scss b/packages/components/src/VirtualizedList/CellDatetime/CellDatetime.module.scss index 3baee74676d..7fa925905b0 100644 --- a/packages/components/src/VirtualizedList/CellDatetime/CellDatetime.module.scss +++ b/packages/components/src/VirtualizedList/CellDatetime/CellDatetime.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .cell-icon-container { display: flex; diff --git a/packages/components/src/VirtualizedList/CellIconText/CellIconText.module.scss b/packages/components/src/VirtualizedList/CellIconText/CellIconText.module.scss index 1d18f6558da..2158b8d1170 100644 --- a/packages/components/src/VirtualizedList/CellIconText/CellIconText.module.scss +++ b/packages/components/src/VirtualizedList/CellIconText/CellIconText.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-icon-text { display: flex; diff --git a/packages/components/src/VirtualizedList/CellLink/CellLink.module.scss b/packages/components/src/VirtualizedList/CellLink/CellLink.module.scss index 83c3b1c9f48..40b0a164e90 100644 --- a/packages/components/src/VirtualizedList/CellLink/CellLink.module.scss +++ b/packages/components/src/VirtualizedList/CellLink/CellLink.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .cell-link-container { > a { diff --git a/packages/components/src/VirtualizedList/CellTextIcon/CellWithIcon.module.scss b/packages/components/src/VirtualizedList/CellTextIcon/CellWithIcon.module.scss index 084c1c25092..9b12b61b393 100644 --- a/packages/components/src/VirtualizedList/CellTextIcon/CellWithIcon.module.scss +++ b/packages/components/src/VirtualizedList/CellTextIcon/CellWithIcon.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .cell-icon-container { display: flex; diff --git a/packages/components/src/VirtualizedList/CellTitle/CellTitle.module.scss b/packages/components/src/VirtualizedList/CellTitle/CellTitle.module.scss index 2eebe92d2cd..cfb8292559f 100644 --- a/packages/components/src/VirtualizedList/CellTitle/CellTitle.module.scss +++ b/packages/components/src/VirtualizedList/CellTitle/CellTitle.module.scss @@ -1,6 +1,6 @@ /* stylelint-disable declaration-no-important */ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-list-title-icon-size: $svg-rg-size !default; diff --git a/packages/components/src/VirtualizedList/CellTitle/CellTitleActions.module.scss b/packages/components/src/VirtualizedList/CellTitle/CellTitleActions.module.scss index 12d192e41d2..b961fe76e36 100644 --- a/packages/components/src/VirtualizedList/CellTitle/CellTitleActions.module.scss +++ b/packages/components/src/VirtualizedList/CellTitle/CellTitleActions.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-list-title-actions-ellipsis: '\22ee'; $tc-list-title-dropdown-menu-triangle: '\25b2'; diff --git a/packages/components/src/VirtualizedList/HeaderCheckbox/HeaderCheckbox.module.scss b/packages/components/src/VirtualizedList/HeaderCheckbox/HeaderCheckbox.module.scss index 42400695b54..e0bc5701b62 100644 --- a/packages/components/src/VirtualizedList/HeaderCheckbox/HeaderCheckbox.module.scss +++ b/packages/components/src/VirtualizedList/HeaderCheckbox/HeaderCheckbox.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-list-checkbox { :global(.checkbox) { diff --git a/packages/components/src/VirtualizedList/HeaderIcon/HeaderIcon.module.scss b/packages/components/src/VirtualizedList/HeaderIcon/HeaderIcon.module.scss index eba5fe74501..aee6599b6d0 100644 --- a/packages/components/src/VirtualizedList/HeaderIcon/HeaderIcon.module.scss +++ b/packages/components/src/VirtualizedList/HeaderIcon/HeaderIcon.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; $tc-list-header-icon-margin-top: 3px !default; diff --git a/packages/components/src/VirtualizedList/HeaderResizable/HeaderResizable.module.scss b/packages/components/src/VirtualizedList/HeaderResizable/HeaderResizable.module.scss index b6bc45cd3ec..120e1680627 100644 --- a/packages/components/src/VirtualizedList/HeaderResizable/HeaderResizable.module.scss +++ b/packages/components/src/VirtualizedList/HeaderResizable/HeaderResizable.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $drag-element-width: $padding-smaller; diff --git a/packages/components/src/VirtualizedList/ListGrid/ListGrid.module.scss b/packages/components/src/VirtualizedList/ListGrid/ListGrid.module.scss index c5d19b25742..06dc4203331 100644 --- a/packages/components/src/VirtualizedList/ListGrid/ListGrid.module.scss +++ b/packages/components/src/VirtualizedList/ListGrid/ListGrid.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-list-list { padding: $padding-normal; diff --git a/packages/components/src/VirtualizedList/ListTable/ListTable.module.scss b/packages/components/src/VirtualizedList/ListTable/ListTable.module.scss index 253e0644c02..9cea7c588b9 100644 --- a/packages/components/src/VirtualizedList/ListTable/ListTable.module.scss +++ b/packages/components/src/VirtualizedList/ListTable/ListTable.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; $tc-list-table-cell-padding: $padding-small !default; diff --git a/packages/components/src/VirtualizedList/NoRows/NoRows.module.scss b/packages/components/src/VirtualizedList/NoRows/NoRows.module.scss index 544c42b1780..2fc5b56aeae 100644 --- a/packages/components/src/VirtualizedList/NoRows/NoRows.module.scss +++ b/packages/components/src/VirtualizedList/NoRows/NoRows.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-virtualizedlist-no-result, :global(.tc-virtualizedlist-no-result) { diff --git a/packages/components/src/VirtualizedList/RowCollapsiblePanel/RowCollapsiblePanel.module.scss b/packages/components/src/VirtualizedList/RowCollapsiblePanel/RowCollapsiblePanel.module.scss index a582017372c..45eba1b5f01 100644 --- a/packages/components/src/VirtualizedList/RowCollapsiblePanel/RowCollapsiblePanel.module.scss +++ b/packages/components/src/VirtualizedList/RowCollapsiblePanel/RowCollapsiblePanel.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; :global(.tc-collapsible-row) { :global(.panel[class*='collapsible-panel']) { diff --git a/packages/components/src/VirtualizedList/RowLarge/RowLarge.module.scss b/packages/components/src/VirtualizedList/RowLarge/RowLarge.module.scss index 389181cb338..fef80c4303e 100644 --- a/packages/components/src/VirtualizedList/RowLarge/RowLarge.module.scss +++ b/packages/components/src/VirtualizedList/RowLarge/RowLarge.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; .tc-list-large { padding: $padding-small; diff --git a/packages/components/src/VirtualizedList/RowSelection/RowSelection.module.scss b/packages/components/src/VirtualizedList/RowSelection/RowSelection.module.scss index 5aaec997f5d..a837ab347d3 100644 --- a/packages/components/src/VirtualizedList/RowSelection/RowSelection.module.scss +++ b/packages/components/src/VirtualizedList/RowSelection/RowSelection.module.scss @@ -1,5 +1,5 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/design-tokens/lib/tokens'; :global(.tc-list-table) { .row-selection.selected { diff --git a/packages/components/src/VirtualizedList/VirtualizedList.module.scss b/packages/components/src/VirtualizedList/VirtualizedList.module.scss index 4ac728b06a6..3fbd1171b60 100644 --- a/packages/components/src/VirtualizedList/VirtualizedList.module.scss +++ b/packages/components/src/VirtualizedList/VirtualizedList.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; :global(.tc-virtualizedlist-default-cell) { min-width: 0; diff --git a/packages/components/src/WithDrawer/withDrawer.module.scss b/packages/components/src/WithDrawer/withDrawer.module.scss index a7c0394c712..8a1cb2f2879 100644 --- a/packages/components/src/WithDrawer/withDrawer.module.scss +++ b/packages/components/src/WithDrawer/withDrawer.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/bootstrap-theme/src/theme/guidelines' as *; +@use '@talend/bootstrap-theme/src/theme/guidelines' as *; .tc-with-drawer { height: 100%; diff --git a/packages/dataviz/src/components/BarChart/ColoredBar/ColoredBar.component.module.scss b/packages/dataviz/src/components/BarChart/ColoredBar/ColoredBar.component.module.scss index cec03562d25..fe12228f902 100755 --- a/packages/dataviz/src/components/BarChart/ColoredBar/ColoredBar.component.module.scss +++ b/packages/dataviz/src/components/BarChart/ColoredBar/ColoredBar.component.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import '../bar-chart'; $module: colored-bar; diff --git a/packages/dataviz/src/components/BarChart/_bar-chart.scss b/packages/dataviz/src/components/BarChart/_bar-chart.scss index 86e0af5e7fb..3cc7d869210 100755 --- a/packages/dataviz/src/components/BarChart/_bar-chart.scss +++ b/packages/dataviz/src/components/BarChart/_bar-chart.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $pattern-bar-primary-color: tokens.$coral-color-charts-warning-weak; $pattern-bar-secondary-color: tokens.$coral-color-charts-warning-strong; diff --git a/packages/dataviz/src/components/BoxPlot/BoxPlot.component.module.scss b/packages/dataviz/src/components/BoxPlot/BoxPlot.component.module.scss index 020c974d43b..4fcb8dd2642 100755 --- a/packages/dataviz/src/components/BoxPlot/BoxPlot.component.module.scss +++ b/packages/dataviz/src/components/BoxPlot/BoxPlot.component.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // Imported (almost) as-is from TDP .box-plot { diff --git a/packages/dataviz/src/components/GeoChart/GeoChart.module.scss b/packages/dataviz/src/components/GeoChart/GeoChart.module.scss index d8f38c96746..b7534b5ec10 100644 --- a/packages/dataviz/src/components/GeoChart/GeoChart.module.scss +++ b/packages/dataviz/src/components/GeoChart/GeoChart.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; :export { scaleMinColor: tokens.$coral-color-charts-default-weak; /* stylelint-disable-line property-no-unknown */ diff --git a/packages/dataviz/src/components/KeyValueTooltip/KeyValueTooltip.component.module.scss b/packages/dataviz/src/components/KeyValueTooltip/KeyValueTooltip.component.module.scss index ed1d18f7e0e..23e729de9fb 100755 --- a/packages/dataviz/src/components/KeyValueTooltip/KeyValueTooltip.component.module.scss +++ b/packages/dataviz/src/components/KeyValueTooltip/KeyValueTooltip.component.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $module: key-value-tooltip; diff --git a/packages/dataviz/src/components/LineChart/LineChart.module.scss b/packages/dataviz/src/components/LineChart/LineChart.module.scss index 7c427334248..77e2e49ee38 100644 --- a/packages/dataviz/src/components/LineChart/LineChart.module.scss +++ b/packages/dataviz/src/components/LineChart/LineChart.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/_tokens.scss' as tokens; +@use '@talend/design-tokens/lib/_tokens.scss' as tokens; $module: line-chart; diff --git a/packages/dataviz/src/components/RangeFilter/RangeFilter.component.module.scss b/packages/dataviz/src/components/RangeFilter/RangeFilter.component.module.scss index 5b2e16120b6..fb6aeb1b3bd 100755 --- a/packages/dataviz/src/components/RangeFilter/RangeFilter.component.module.scss +++ b/packages/dataviz/src/components/RangeFilter/RangeFilter.component.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $module: range-filter; diff --git a/packages/dataviz/src/components/Tooltip/Tooltip.component.module.scss b/packages/dataviz/src/components/Tooltip/Tooltip.component.module.scss index 63acc8d9889..f27b4af6336 100644 --- a/packages/dataviz/src/components/Tooltip/Tooltip.component.module.scss +++ b/packages/dataviz/src/components/Tooltip/Tooltip.component.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .dataviz-tooltip { padding: tokens.$coral-spacing-m; diff --git a/packages/design-docs/src/StatusTable.module.scss b/packages/design-docs/src/StatusTable.module.scss index b4e55779f27..2d84a2906aa 100644 --- a/packages/design-docs/src/StatusTable.module.scss +++ b/packages/design-docs/src/StatusTable.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .legend { margin: tokens.$coral-spacing-m 0; diff --git a/packages/design-docs/src/tokens/ColorComposition.module.scss b/packages/design-docs/src/tokens/ColorComposition.module.scss index 6d1f6ba3846..8c8d73cf0c6 100644 --- a/packages/design-docs/src/tokens/ColorComposition.module.scss +++ b/packages/design-docs/src/tokens/ColorComposition.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .card { justify-content: center; diff --git a/packages/design-docs/src/tokens/ExampleCard.module.scss b/packages/design-docs/src/tokens/ExampleCard.module.scss index 1383d20e96d..d9fa2a6cd90 100644 --- a/packages/design-docs/src/tokens/ExampleCard.module.scss +++ b/packages/design-docs/src/tokens/ExampleCard.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .card { width: calc(#{tokens.$coral-sizing-maximal} * 1.5); diff --git a/packages/design-docs/src/tokens/TokenValue.module.scss b/packages/design-docs/src/tokens/TokenValue.module.scss index 4eea5df3321..ee8485a117a 100644 --- a/packages/design-docs/src/tokens/TokenValue.module.scss +++ b/packages/design-docs/src/tokens/TokenValue.module.scss @@ -1,5 +1,5 @@ /* stylelint-disable declaration-no-important */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .btn { display: flex; diff --git a/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanel.module.scss b/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanel.module.scss index a4a8e6c18d3..0d56ead8fab 100644 --- a/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanel.module.scss +++ b/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanel.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .panelWrapper { box-shadow: tokens.$coral-elevation-shadow-neutral-s; diff --git a/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanelHeader.module.scss b/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanelHeader.module.scss index 32d161ae85d..d8121d32ee9 100644 --- a/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanelHeader.module.scss +++ b/packages/design-system/src/components/Accordion/Primitive/CollapsiblePanelHeader.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .headerWrapper { display: flex; diff --git a/packages/design-system/src/components/Badge/button/BadgeButton.module.scss b/packages/design-system/src/components/Badge/button/BadgeButton.module.scss index 8bed31946f1..cd276791ed1 100644 --- a/packages/design-system/src/components/Badge/button/BadgeButton.module.scss +++ b/packages/design-system/src/components/Badge/button/BadgeButton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge__button { align-items: center; diff --git a/packages/design-system/src/components/Badge/primitive/BadgePrimitive.module.scss b/packages/design-system/src/components/Badge/primitive/BadgePrimitive.module.scss index 42793906fab..1b7749c5d55 100644 --- a/packages/design-system/src/components/Badge/primitive/BadgePrimitive.module.scss +++ b/packages/design-system/src/components/Badge/primitive/BadgePrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge { display: inline-block; diff --git a/packages/design-system/src/components/Badge/variants/BadgeDropdown.module.scss b/packages/design-system/src/components/Badge/variants/BadgeDropdown.module.scss index 88ace286784..e933a3c3f71 100644 --- a/packages/design-system/src/components/Badge/variants/BadgeDropdown.module.scss +++ b/packages/design-system/src/components/Badge/variants/BadgeDropdown.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge-dropdown__placeholder { color: tokens.$coral-color-neutral-text; diff --git a/packages/design-system/src/components/Badge/variants/BadgeValue.module.scss b/packages/design-system/src/components/Badge/variants/BadgeValue.module.scss index 83d9e4c1e9d..28197aaadd6 100644 --- a/packages/design-system/src/components/Badge/variants/BadgeValue.module.scss +++ b/packages/design-system/src/components/Badge/variants/BadgeValue.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge-value__children { color: tokens.$coral-color-neutral-text; diff --git a/packages/design-system/src/components/Breadcrumbs/Breadcrumbs.module.scss b/packages/design-system/src/components/Breadcrumbs/Breadcrumbs.module.scss index 88525307d1e..5494feb2faf 100644 --- a/packages/design-system/src/components/Breadcrumbs/Breadcrumbs.module.scss +++ b/packages/design-system/src/components/Breadcrumbs/Breadcrumbs.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .breadcrumbs { display: block; diff --git a/packages/design-system/src/components/Button/Primitive/ButtonStyles.module.scss b/packages/design-system/src/components/Button/Primitive/ButtonStyles.module.scss index 6cdaf74ca31..f396aa94fe7 100644 --- a/packages/design-system/src/components/Button/Primitive/ButtonStyles.module.scss +++ b/packages/design-system/src/components/Button/Primitive/ButtonStyles.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .button { position: relative; diff --git a/packages/design-system/src/components/Button/variations/ButtonDestructive.module.scss b/packages/design-system/src/components/Button/variations/ButtonDestructive.module.scss index 8e81dfc2a9d..2823fa835f0 100644 --- a/packages/design-system/src/components/Button/variations/ButtonDestructive.module.scss +++ b/packages/design-system/src/components/Button/variations/ButtonDestructive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .destructive { color: tokens.$coral-color-danger-text-weak; diff --git a/packages/design-system/src/components/Button/variations/ButtonPrimary.module.scss b/packages/design-system/src/components/Button/variations/ButtonPrimary.module.scss index 9dfdbda4406..a4883276ea7 100644 --- a/packages/design-system/src/components/Button/variations/ButtonPrimary.module.scss +++ b/packages/design-system/src/components/Button/variations/ButtonPrimary.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .primary { color: tokens.$coral-color-accent-text-weak; diff --git a/packages/design-system/src/components/Button/variations/ButtonSecondary.module.scss b/packages/design-system/src/components/Button/variations/ButtonSecondary.module.scss index 8dbd9bb909b..aa8ca05c1ff 100644 --- a/packages/design-system/src/components/Button/variations/ButtonSecondary.module.scss +++ b/packages/design-system/src/components/Button/variations/ButtonSecondary.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .secondary { color: tokens.$coral-color-accent-text; diff --git a/packages/design-system/src/components/Button/variations/ButtonTertiary.module.scss b/packages/design-system/src/components/Button/variations/ButtonTertiary.module.scss index 407fd34eaab..f09c317bf8b 100644 --- a/packages/design-system/src/components/Button/variations/ButtonTertiary.module.scss +++ b/packages/design-system/src/components/Button/variations/ButtonTertiary.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tertiary { color: tokens.$coral-color-accent-text; diff --git a/packages/design-system/src/components/ButtonAsLink/Primitive/ButtonPrimitiveAsLink.module.scss b/packages/design-system/src/components/ButtonAsLink/Primitive/ButtonPrimitiveAsLink.module.scss index 7d6282209b9..e10a401c32e 100644 --- a/packages/design-system/src/components/ButtonAsLink/Primitive/ButtonPrimitiveAsLink.module.scss +++ b/packages/design-system/src/components/ButtonAsLink/Primitive/ButtonPrimitiveAsLink.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .button { text-decoration: none; diff --git a/packages/design-system/src/components/ButtonIcon/Primitive/ButtonIcon.module.scss b/packages/design-system/src/components/ButtonIcon/Primitive/ButtonIcon.module.scss index 4e932e225a3..f69c714f879 100644 --- a/packages/design-system/src/components/ButtonIcon/Primitive/ButtonIcon.module.scss +++ b/packages/design-system/src/components/ButtonIcon/Primitive/ButtonIcon.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .buttonIcon { display: inline-flex; diff --git a/packages/design-system/src/components/Card/Card.module.scss b/packages/design-system/src/components/Card/Card.module.scss index 8571f0aa18d..55ccf1608b1 100644 --- a/packages/design-system/src/components/Card/Card.module.scss +++ b/packages/design-system/src/components/Card/Card.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .card { width: 100%; diff --git a/packages/design-system/src/components/Clickable/Clickable.module.scss b/packages/design-system/src/components/Clickable/Clickable.module.scss index d5115bf1194..18b2feb2ea8 100644 --- a/packages/design-system/src/components/Clickable/Clickable.module.scss +++ b/packages/design-system/src/components/Clickable/Clickable.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .clickable { cursor: pointer; diff --git a/packages/design-system/src/components/Combobox/Combobox.module.scss b/packages/design-system/src/components/Combobox/Combobox.module.scss index bab40e2e9ff..cbdb977da63 100644 --- a/packages/design-system/src/components/Combobox/Combobox.module.scss +++ b/packages/design-system/src/components/Combobox/Combobox.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../Form/Primitives/mixins' as Form; .combobox { diff --git a/packages/design-system/src/components/Divider/Divider.module.scss b/packages/design-system/src/components/Divider/Divider.module.scss index 87d35b1e927..56ff11ce34b 100644 --- a/packages/design-system/src/components/Divider/Divider.module.scss +++ b/packages/design-system/src/components/Divider/Divider.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .divider { border: none; diff --git a/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss b/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss index e18430463d6..0a850d1ce0e 100644 --- a/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss +++ b/packages/design-system/src/components/Drawer/Primitive/PrimitiveDrawer.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .drawer { width: tokens.$coral-sizing-maximal; diff --git a/packages/design-system/src/components/Drawer/variants/FloatingDrawer/FloatingDrawer.module.scss b/packages/design-system/src/components/Drawer/variants/FloatingDrawer/FloatingDrawer.module.scss index d9c9eaf78ca..7c2f2369e48 100644 --- a/packages/design-system/src/components/Drawer/variants/FloatingDrawer/FloatingDrawer.module.scss +++ b/packages/design-system/src/components/Drawer/variants/FloatingDrawer/FloatingDrawer.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .drawer { position: absolute; diff --git a/packages/design-system/src/components/Dropdown/Primitive/DropdownDivider.module.scss b/packages/design-system/src/components/Dropdown/Primitive/DropdownDivider.module.scss index 5eae3152dbd..94eee65b17c 100644 --- a/packages/design-system/src/components/Dropdown/Primitive/DropdownDivider.module.scss +++ b/packages/design-system/src/components/Dropdown/Primitive/DropdownDivider.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .divider { margin: 0; diff --git a/packages/design-system/src/components/Dropdown/Primitive/DropdownEntry.module.scss b/packages/design-system/src/components/Dropdown/Primitive/DropdownEntry.module.scss index 97731f49726..9eeacd4119a 100644 --- a/packages/design-system/src/components/Dropdown/Primitive/DropdownEntry.module.scss +++ b/packages/design-system/src/components/Dropdown/Primitive/DropdownEntry.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $icon-alignment-offset-m: -0.1875rem; diff --git a/packages/design-system/src/components/Dropdown/Primitive/DropdownShell.module.scss b/packages/design-system/src/components/Dropdown/Primitive/DropdownShell.module.scss index ce144eb6d44..b8584a1570d 100644 --- a/packages/design-system/src/components/Dropdown/Primitive/DropdownShell.module.scss +++ b/packages/design-system/src/components/Dropdown/Primitive/DropdownShell.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .dropdownShell { z-index: tokens.$coral-elevation-layer-interactive-front; diff --git a/packages/design-system/src/components/Dropdown/Primitive/DropdownTitle.module.scss b/packages/design-system/src/components/Dropdown/Primitive/DropdownTitle.module.scss index f14b12359d5..0fb9c1a242f 100644 --- a/packages/design-system/src/components/Dropdown/Primitive/DropdownTitle.module.scss +++ b/packages/design-system/src/components/Dropdown/Primitive/DropdownTitle.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .dropdownTitle { background: tokens.$coral-color-accent-background-weak; diff --git a/packages/design-system/src/components/EmptyState/primitive/EmptyStatePrimitive.module.scss b/packages/design-system/src/components/EmptyState/primitive/EmptyStatePrimitive.module.scss index 144b394df04..d0dfc73b88a 100644 --- a/packages/design-system/src/components/EmptyState/primitive/EmptyStatePrimitive.module.scss +++ b/packages/design-system/src/components/EmptyState/primitive/EmptyStatePrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .emptyState { width: 95%; diff --git a/packages/design-system/src/components/Enumeration/Enumeration.module.scss b/packages/design-system/src/components/Enumeration/Enumeration.module.scss index 831d7e3e445..e5f28994de6 100644 --- a/packages/design-system/src/components/Enumeration/Enumeration.module.scss +++ b/packages/design-system/src/components/Enumeration/Enumeration.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .enumeration { border: tokens.$coral-border-s-solid tokens.$coral-color-neutral-border; diff --git a/packages/design-system/src/components/Enumeration/EnumerationHeader/EnumerationHeader.module.scss b/packages/design-system/src/components/Enumeration/EnumerationHeader/EnumerationHeader.module.scss index da02bad011e..9dcb9a4626e 100644 --- a/packages/design-system/src/components/Enumeration/EnumerationHeader/EnumerationHeader.module.scss +++ b/packages/design-system/src/components/Enumeration/EnumerationHeader/EnumerationHeader.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .enumeration { &__header { diff --git a/packages/design-system/src/components/Enumeration/EnumerationItem/EnumerationItem.module.scss b/packages/design-system/src/components/Enumeration/EnumerationItem/EnumerationItem.module.scss index 61b413d3082..28f7e6cc640 100644 --- a/packages/design-system/src/components/Enumeration/EnumerationItem/EnumerationItem.module.scss +++ b/packages/design-system/src/components/Enumeration/EnumerationItem/EnumerationItem.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .enumeration__item { align-items: center; diff --git a/packages/design-system/src/components/ErrorState/ErrorState.module.scss b/packages/design-system/src/components/ErrorState/ErrorState.module.scss index c5995f63e68..783f7487832 100644 --- a/packages/design-system/src/components/ErrorState/ErrorState.module.scss +++ b/packages/design-system/src/components/ErrorState/ErrorState.module.scss @@ -1,9 +1,9 @@ -@use '~@talend/design-tokens/lib/tokens'; - -.error-state { - font: tokens.$coral-paragraph-m; - - &__title { - font: tokens.$coral-heading-m; - } -} +@use '@talend/design-tokens/lib/tokens'; + +.error-state { + font: tokens.$coral-paragraph-m; + + &__title { + font: tokens.$coral-heading-m; + } +} diff --git a/packages/design-system/src/components/Form/Affix/AffixStyles.module.scss b/packages/design-system/src/components/Form/Affix/AffixStyles.module.scss index 38b18d3a0d3..8bef3ab5e34 100644 --- a/packages/design-system/src/components/Form/Affix/AffixStyles.module.scss +++ b/packages/design-system/src/components/Form/Affix/AffixStyles.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @mixin button-affix-styles() { color: tokens.$coral-color-accent-text; diff --git a/packages/design-system/src/components/Form/Buttons/Buttons.module.scss b/packages/design-system/src/components/Form/Buttons/Buttons.module.scss index 75093dbb0d9..110cdca4894 100644 --- a/packages/design-system/src/components/Form/Buttons/Buttons.module.scss +++ b/packages/design-system/src/components/Form/Buttons/Buttons.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .buttons { button:first-child, diff --git a/packages/design-system/src/components/Form/Field/Input/Input.File.module.scss b/packages/design-system/src/components/Form/Field/Input/Input.File.module.scss index 0e3ef0793a4..7ed9b1ed86d 100644 --- a/packages/design-system/src/components/Form/Field/Input/Input.File.module.scss +++ b/packages/design-system/src/components/Form/Field/Input/Input.File.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .wrapper { width: 100%; diff --git a/packages/design-system/src/components/Form/Field/Input/Input.ToggleSwitch.module.scss b/packages/design-system/src/components/Form/Field/Input/Input.ToggleSwitch.module.scss index 098cf05ce7e..2d00b5cf2b7 100644 --- a/packages/design-system/src/components/Form/Field/Input/Input.ToggleSwitch.module.scss +++ b/packages/design-system/src/components/Form/Field/Input/Input.ToggleSwitch.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $wrapper-width: 2rem; $marker-size: 0.8125rem; diff --git a/packages/design-system/src/components/Form/Field/Input/hooks/passwordButton.module.scss b/packages/design-system/src/components/Form/Field/Input/hooks/passwordButton.module.scss index 179e17b2c20..db4d62b708b 100644 --- a/packages/design-system/src/components/Form/Field/Input/hooks/passwordButton.module.scss +++ b/packages/design-system/src/components/Form/Field/Input/hooks/passwordButton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .button { padding: 0 tokens.$coral-spacing-xs; diff --git a/packages/design-system/src/components/Form/Fieldset/Fieldset.module.scss b/packages/design-system/src/components/Form/Fieldset/Fieldset.module.scss index 89d3c439174..a998e05f0d0 100644 --- a/packages/design-system/src/components/Form/Fieldset/Fieldset.module.scss +++ b/packages/design-system/src/components/Form/Fieldset/Fieldset.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .fieldset { padding: 0; diff --git a/packages/design-system/src/components/Form/Form.module.scss b/packages/design-system/src/components/Form/Form.module.scss index b469d04383b..54f995e41e5 100644 --- a/packages/design-system/src/components/Form/Form.module.scss +++ b/packages/design-system/src/components/Form/Form.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .form { display: flex; diff --git a/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.module.scss b/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.module.scss index 1ba49d45dfa..ea78a7ff242 100644 --- a/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Checkbox/Checkbox.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $checkmark-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjA1IDEgMyA1LjEuOTUgMy4wNDk1IDAgNGwzIDMgNS01LjA1TDcuMDUgMVoiIGZpbGw9IiNmZmYiLz48bWFzayBpZD0iYSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMSIgd2lkdGg9IjgiIGhlaWdodD0iNiI+PHBhdGggZD0iTTcuMDUgMSAzIDUuMS45NSAzLjA0OTUgMCA0bDMgMyA1LTUuMDVMNy4wNSAxWiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48L3N2Zz4='); $checkmark-image-indeterminate: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCA1SDBWM2g4djJaIiBmaWxsPSIjZmZmIi8+PC9zdmc+'); diff --git a/packages/design-system/src/components/Form/Primitives/Input/Input.module.scss b/packages/design-system/src/components/Form/Primitives/Input/Input.module.scss index 474b660d635..6ddb8ff09df 100644 --- a/packages/design-system/src/components/Form/Primitives/Input/Input.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Input/Input.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../mixins' as Form; .input { diff --git a/packages/design-system/src/components/Form/Primitives/InputWrapper/InputWrapper.module.scss b/packages/design-system/src/components/Form/Primitives/InputWrapper/InputWrapper.module.scss index fe962a8f999..ad7ed29ada3 100644 --- a/packages/design-system/src/components/Form/Primitives/InputWrapper/InputWrapper.module.scss +++ b/packages/design-system/src/components/Form/Primitives/InputWrapper/InputWrapper.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../mixins' as Form; .inputShell { diff --git a/packages/design-system/src/components/Form/Primitives/Label/Label.module.scss b/packages/design-system/src/components/Form/Primitives/Label/Label.module.scss index 7dcf5fa9439..a0437331c9b 100644 --- a/packages/design-system/src/components/Form/Primitives/Label/Label.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Label/Label.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .label { font: tokens.$coral-paragraph-s-bold; diff --git a/packages/design-system/src/components/Form/Primitives/Radio/Radio.module.scss b/packages/design-system/src/components/Form/Primitives/Radio/Radio.module.scss index e0ae538d9f7..fa34a0277f0 100644 --- a/packages/design-system/src/components/Form/Primitives/Radio/Radio.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Radio/Radio.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $radio-size: tokens.$coral-sizing-xxxs; $mark-size: calc(#{tokens.$coral-sizing-xxs} / 2); diff --git a/packages/design-system/src/components/Form/Primitives/Select/Select.module.scss b/packages/design-system/src/components/Form/Primitives/Select/Select.module.scss index bf5edbbc8fd..98a6d1b1ae0 100644 --- a/packages/design-system/src/components/Form/Primitives/Select/Select.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Select/Select.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../mixins' as Form; @use '../../../Form/Affix/AffixStyles.module' as Affix; diff --git a/packages/design-system/src/components/Form/Primitives/Textarea/Textarea.module.scss b/packages/design-system/src/components/Form/Primitives/Textarea/Textarea.module.scss index de49e66dce7..c9aa373ac1e 100644 --- a/packages/design-system/src/components/Form/Primitives/Textarea/Textarea.module.scss +++ b/packages/design-system/src/components/Form/Primitives/Textarea/Textarea.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../mixins' as Form; .textarea { diff --git a/packages/design-system/src/components/Form/Primitives/_mixins.scss b/packages/design-system/src/components/Form/Primitives/_mixins.scss index 4d8ec9a2776..40f3ccd458f 100644 --- a/packages/design-system/src/components/Form/Primitives/_mixins.scss +++ b/packages/design-system/src/components/Form/Primitives/_mixins.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $standard-input-height: calc(2rem - 0.125rem); diff --git a/packages/design-system/src/components/Form/Row/Row.module.scss b/packages/design-system/src/components/Form/Row/Row.module.scss index 3514d36c408..15633af0162 100644 --- a/packages/design-system/src/components/Form/Row/Row.module.scss +++ b/packages/design-system/src/components/Form/Row/Row.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .row { display: inline-flex; diff --git a/packages/design-system/src/components/Icon/Icon.module.scss b/packages/design-system/src/components/Icon/Icon.module.scss index bc9ac6b50c4..7bcf0f97327 100644 --- a/packages/design-system/src/components/Icon/Icon.module.scss +++ b/packages/design-system/src/components/Icon/Icon.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens' as tokens; +@use '@talend/design-tokens/lib/tokens' as tokens; .border { circle, diff --git a/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.module.scss b/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.module.scss index 19edd2b4def..c49847814a5 100644 --- a/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.module.scss +++ b/packages/design-system/src/components/InlineEditing/Primitives/InlineEditingPrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .inlineEditor { &__editor { diff --git a/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss b/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss index 6dca77eb921..93141c68b46 100644 --- a/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss +++ b/packages/design-system/src/components/InlineMessage/Primitive/InlineMessagePrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .inlineMessage { align-items: center; diff --git a/packages/design-system/src/components/InlineMessage/variations/InlineMessageBeta.module.scss b/packages/design-system/src/components/InlineMessage/variations/InlineMessageBeta.module.scss index c05e61ba874..8a5a43d619c 100644 --- a/packages/design-system/src/components/InlineMessage/variations/InlineMessageBeta.module.scss +++ b/packages/design-system/src/components/InlineMessage/variations/InlineMessageBeta.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .beta { &_withBackground { diff --git a/packages/design-system/src/components/InlineMessage/variations/InlineMessageDestructive.module.scss b/packages/design-system/src/components/InlineMessage/variations/InlineMessageDestructive.module.scss index 7085a083698..39d125a6855 100644 --- a/packages/design-system/src/components/InlineMessage/variations/InlineMessageDestructive.module.scss +++ b/packages/design-system/src/components/InlineMessage/variations/InlineMessageDestructive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .destructive { &_withBackground { diff --git a/packages/design-system/src/components/InlineMessage/variations/InlineMessageInformation.module.scss b/packages/design-system/src/components/InlineMessage/variations/InlineMessageInformation.module.scss index 7d255e6c298..3fdad1f661b 100644 --- a/packages/design-system/src/components/InlineMessage/variations/InlineMessageInformation.module.scss +++ b/packages/design-system/src/components/InlineMessage/variations/InlineMessageInformation.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .information { &_withBackground { diff --git a/packages/design-system/src/components/InlineMessage/variations/InlineMessageSuccess.module.scss b/packages/design-system/src/components/InlineMessage/variations/InlineMessageSuccess.module.scss index f2d3725a5c7..420ba68ce17 100644 --- a/packages/design-system/src/components/InlineMessage/variations/InlineMessageSuccess.module.scss +++ b/packages/design-system/src/components/InlineMessage/variations/InlineMessageSuccess.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .success { &_withBackground { diff --git a/packages/design-system/src/components/InlineMessage/variations/InlineMessageWarning.module.scss b/packages/design-system/src/components/InlineMessage/variations/InlineMessageWarning.module.scss index e624548ad00..d5507b9f569 100644 --- a/packages/design-system/src/components/InlineMessage/variations/InlineMessageWarning.module.scss +++ b/packages/design-system/src/components/InlineMessage/variations/InlineMessageWarning.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .warning { &_withBackground { diff --git a/packages/design-system/src/components/Link/Link.module.scss b/packages/design-system/src/components/Link/Link.module.scss index 17ddb227b2a..58a82da0edd 100644 --- a/packages/design-system/src/components/Link/Link.module.scss +++ b/packages/design-system/src/components/Link/Link.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $icon-alignment-offset-m: -0.1875rem; $icon-alignment-offset-s: -0.0625rem; diff --git a/packages/design-system/src/components/Linkable/LinkableStyles.module.scss b/packages/design-system/src/components/Linkable/LinkableStyles.module.scss index 954d8cfee1d..5ebe169586d 100644 --- a/packages/design-system/src/components/Linkable/LinkableStyles.module.scss +++ b/packages/design-system/src/components/Linkable/LinkableStyles.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $icon-alignment-offset-m: -0.1875rem; $icon-alignment-offset-s: 0.0625rem; diff --git a/packages/design-system/src/components/Message/Primitive/MessageStyles.module.scss b/packages/design-system/src/components/Message/Primitive/MessageStyles.module.scss index 7c0623cc6de..0e334d51429 100644 --- a/packages/design-system/src/components/Message/Primitive/MessageStyles.module.scss +++ b/packages/design-system/src/components/Message/Primitive/MessageStyles.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .message { display: flex; diff --git a/packages/design-system/src/components/Message/variations/MessageDestructive.module.scss b/packages/design-system/src/components/Message/variations/MessageDestructive.module.scss index 8202a245329..126166f4c13 100644 --- a/packages/design-system/src/components/Message/variations/MessageDestructive.module.scss +++ b/packages/design-system/src/components/Message/variations/MessageDestructive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .destructive_border { border-left-color: tokens.$coral-color-danger-icon; diff --git a/packages/design-system/src/components/Message/variations/MessageInformation.module.scss b/packages/design-system/src/components/Message/variations/MessageInformation.module.scss index 7b57987a95d..03359f6b541 100644 --- a/packages/design-system/src/components/Message/variations/MessageInformation.module.scss +++ b/packages/design-system/src/components/Message/variations/MessageInformation.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .information_border { border-left-color: tokens.$coral-color-info-icon; diff --git a/packages/design-system/src/components/Message/variations/MessageSuccess.module.scss b/packages/design-system/src/components/Message/variations/MessageSuccess.module.scss index 112267b9a84..b1581b1b5df 100644 --- a/packages/design-system/src/components/Message/variations/MessageSuccess.module.scss +++ b/packages/design-system/src/components/Message/variations/MessageSuccess.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .success_border { border-left-color: tokens.$coral-color-success-icon; diff --git a/packages/design-system/src/components/Message/variations/MessageWarning.module.scss b/packages/design-system/src/components/Message/variations/MessageWarning.module.scss index 91ed70d6d33..e4781745444 100644 --- a/packages/design-system/src/components/Message/variations/MessageWarning.module.scss +++ b/packages/design-system/src/components/Message/variations/MessageWarning.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .warning_border { border-left-color: tokens.$coral-color-warning-icon; diff --git a/packages/design-system/src/components/Modal/Modal.module.scss b/packages/design-system/src/components/Modal/Modal.module.scss index c54a2699a0f..5d35b68f754 100644 --- a/packages/design-system/src/components/Modal/Modal.module.scss +++ b/packages/design-system/src/components/Modal/Modal.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .modal-backdrop::before, .modal-backdrop { diff --git a/packages/design-system/src/components/Popover/Popover.module.scss b/packages/design-system/src/components/Popover/Popover.module.scss index 929e599bc71..46512512054 100644 --- a/packages/design-system/src/components/Popover/Popover.module.scss +++ b/packages/design-system/src/components/Popover/Popover.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .popover { background-color: tokens.$coral-color-neutral-background; diff --git a/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss b/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss index cb89da9b023..5f484671957 100644 --- a/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss +++ b/packages/design-system/src/components/QualityBar/QualityRatioBar.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $custom-quality-bar-placeholder-line-hover-height: 0.25rem; diff --git a/packages/design-system/src/components/RatioBar/RatioBar.module.scss b/packages/design-system/src/components/RatioBar/RatioBar.module.scss index 7afe1319242..da9d1c15297 100644 --- a/packages/design-system/src/components/RatioBar/RatioBar.module.scss +++ b/packages/design-system/src/components/RatioBar/RatioBar.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $custom-ratio-bar-height: 0.5rem; $custom-ratio-bar-line-height: 0.4rem; diff --git a/packages/design-system/src/components/RichRadioButton/RichRadioButton.module.scss b/packages/design-system/src/components/RichRadioButton/RichRadioButton.module.scss index c3e6366d008..60491cb880f 100644 --- a/packages/design-system/src/components/RichRadioButton/RichRadioButton.module.scss +++ b/packages/design-system/src/components/RichRadioButton/RichRadioButton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .rich-radio-button { background-color: tokens.$coral-color-accent-background-weak; diff --git a/packages/design-system/src/components/Skeleton/Primitive/Skeleton.module.scss b/packages/design-system/src/components/Skeleton/Primitive/Skeleton.module.scss index 7fcc5e10391..22062f4dc00 100644 --- a/packages/design-system/src/components/Skeleton/Primitive/Skeleton.module.scss +++ b/packages/design-system/src/components/Skeleton/Primitive/Skeleton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .skeleton { display: inline-block; diff --git a/packages/design-system/src/components/Skeleton/variations/SkeletonButtonIcon.module.scss b/packages/design-system/src/components/Skeleton/variations/SkeletonButtonIcon.module.scss index e9a03cf3f8a..818e18121f6 100644 --- a/packages/design-system/src/components/Skeleton/variations/SkeletonButtonIcon.module.scss +++ b/packages/design-system/src/components/Skeleton/variations/SkeletonButtonIcon.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .buttonIconSkeleton { width: tokens.$coral-sizing-m; diff --git a/packages/design-system/src/components/Skeleton/variations/SkeletonHeading.module.scss b/packages/design-system/src/components/Skeleton/variations/SkeletonHeading.module.scss index 4fa92b74744..83208b7f913 100644 --- a/packages/design-system/src/components/Skeleton/variations/SkeletonHeading.module.scss +++ b/packages/design-system/src/components/Skeleton/variations/SkeletonHeading.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .skeletonHeading { max-width: tokens.$coral-sizing-maximal; diff --git a/packages/design-system/src/components/Skeleton/variations/SkeletonInput.module.scss b/packages/design-system/src/components/Skeleton/variations/SkeletonInput.module.scss index ff4b579a799..ab345a94dd3 100644 --- a/packages/design-system/src/components/Skeleton/variations/SkeletonInput.module.scss +++ b/packages/design-system/src/components/Skeleton/variations/SkeletonInput.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @use '../../Form/Primitives/mixins' as Form; .skeleton-input { diff --git a/packages/design-system/src/components/Skeleton/variations/SkeletonSized.module.scss b/packages/design-system/src/components/Skeleton/variations/SkeletonSized.module.scss index 7c6098962bc..b505a7730ed 100644 --- a/packages/design-system/src/components/Skeleton/variations/SkeletonSized.module.scss +++ b/packages/design-system/src/components/Skeleton/variations/SkeletonSized.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .skeleton-sized-circle { border-radius: tokens.$coral-radius-round; diff --git a/packages/design-system/src/components/Stack/Primitive/StackPrimitive.module.scss b/packages/design-system/src/components/Stack/Primitive/StackPrimitive.module.scss index dba3cf10a07..f9ade92b1f7 100644 --- a/packages/design-system/src/components/Stack/Primitive/StackPrimitive.module.scss +++ b/packages/design-system/src/components/Stack/Primitive/StackPrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .stack { display: flex; diff --git a/packages/design-system/src/components/Status/Primitive/Status.module.scss b/packages/design-system/src/components/Status/Primitive/Status.module.scss index 37802ebe77a..ce36797b3a7 100644 --- a/packages/design-system/src/components/Status/Primitive/Status.module.scss +++ b/packages/design-system/src/components/Status/Primitive/Status.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .status { display: flex; diff --git a/packages/design-system/src/components/Stepper/Progress/Primitive/Progress.module.scss b/packages/design-system/src/components/Stepper/Progress/Primitive/Progress.module.scss index cba18ddc047..48a5cc62c32 100644 --- a/packages/design-system/src/components/Stepper/Progress/Primitive/Progress.module.scss +++ b/packages/design-system/src/components/Stepper/Progress/Primitive/Progress.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .progress { diff --git a/packages/design-system/src/components/Stepper/Progress/variations/Progress.horizontal.module.scss b/packages/design-system/src/components/Stepper/Progress/variations/Progress.horizontal.module.scss index c4380e24b85..2691c8ee822 100644 --- a/packages/design-system/src/components/Stepper/Progress/variations/Progress.horizontal.module.scss +++ b/packages/design-system/src/components/Stepper/Progress/variations/Progress.horizontal.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .horizontal { top: calc(#{tokens.$coral-sizing-xxxs} / 2 - 0.0313rem); diff --git a/packages/design-system/src/components/Stepper/Progress/variations/Progress.vertical.module.scss b/packages/design-system/src/components/Stepper/Progress/variations/Progress.vertical.module.scss index 4433cfcb9a3..91524c0513c 100644 --- a/packages/design-system/src/components/Stepper/Progress/variations/Progress.vertical.module.scss +++ b/packages/design-system/src/components/Stepper/Progress/variations/Progress.vertical.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .vertical { top: tokens.$coral-sizing-xxs; diff --git a/packages/design-system/src/components/Stepper/Step/Primitive/Step.module.scss b/packages/design-system/src/components/Stepper/Step/Primitive/Step.module.scss index b8a047b7edb..3efbd325775 100644 --- a/packages/design-system/src/components/Stepper/Step/Primitive/Step.module.scss +++ b/packages/design-system/src/components/Stepper/Step/Primitive/Step.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @keyframes pulse { 0% { diff --git a/packages/design-system/src/components/Stepper/Step/variations/Step.Skeleton.module.scss b/packages/design-system/src/components/Stepper/Step/variations/Step.Skeleton.module.scss index 63613d13d30..ac12620fe87 100644 --- a/packages/design-system/src/components/Stepper/Step/variations/Step.Skeleton.module.scss +++ b/packages/design-system/src/components/Stepper/Step/variations/Step.Skeleton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .skeleton { position: relative; diff --git a/packages/design-system/src/components/Stepper/Stepper.module.scss b/packages/design-system/src/components/Stepper/Stepper.module.scss index f4811a5a7f0..287e0607617 100644 --- a/packages/design-system/src/components/Stepper/Stepper.module.scss +++ b/packages/design-system/src/components/Stepper/Stepper.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .stepper { diff --git a/packages/design-system/src/components/Switch/Switch.module.scss b/packages/design-system/src/components/Switch/Switch.module.scss index d6a697a3248..be34465c654 100644 --- a/packages/design-system/src/components/Switch/Switch.module.scss +++ b/packages/design-system/src/components/Switch/Switch.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens' as tokens; +@use '@talend/design-tokens/lib/tokens' as tokens; .switch { .container { diff --git a/packages/design-system/src/components/Tabs/Primitive/TabStyles.module.scss b/packages/design-system/src/components/Tabs/Primitive/TabStyles.module.scss index 5d41881b7a0..d02c6ab3b89 100644 --- a/packages/design-system/src/components/Tabs/Primitive/TabStyles.module.scss +++ b/packages/design-system/src/components/Tabs/Primitive/TabStyles.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tablist { list-style-type: none; diff --git a/packages/design-system/src/components/Tag/primitive/TagPrimitive.module.scss b/packages/design-system/src/components/Tag/primitive/TagPrimitive.module.scss index f08ad123d9c..84e31a8b162 100644 --- a/packages/design-system/src/components/Tag/primitive/TagPrimitive.module.scss +++ b/packages/design-system/src/components/Tag/primitive/TagPrimitive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { display: inline-block; diff --git a/packages/design-system/src/components/Tag/variations/TagBeta.module.scss b/packages/design-system/src/components/Tag/variations/TagBeta.module.scss index 02336f4f7ea..bdde32393c0 100644 --- a/packages/design-system/src/components/Tag/variations/TagBeta.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagBeta.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-beta-text-strong; diff --git a/packages/design-system/src/components/Tag/variations/TagDefault.module.scss b/packages/design-system/src/components/Tag/variations/TagDefault.module.scss index 33a388a01b8..f4647c5f151 100644 --- a/packages/design-system/src/components/Tag/variations/TagDefault.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagDefault.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-neutral-text; diff --git a/packages/design-system/src/components/Tag/variations/TagDestructive.module.scss b/packages/design-system/src/components/Tag/variations/TagDestructive.module.scss index 484f407a404..07d9b10eaf4 100644 --- a/packages/design-system/src/components/Tag/variations/TagDestructive.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagDestructive.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-danger-text-strong; diff --git a/packages/design-system/src/components/Tag/variations/TagInformation.module.scss b/packages/design-system/src/components/Tag/variations/TagInformation.module.scss index 3057d15a389..7cf554bbbcf 100644 --- a/packages/design-system/src/components/Tag/variations/TagInformation.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagInformation.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-info-text-strong; diff --git a/packages/design-system/src/components/Tag/variations/TagSuccess.module.scss b/packages/design-system/src/components/Tag/variations/TagSuccess.module.scss index b823889cf6b..a762e933630 100644 --- a/packages/design-system/src/components/Tag/variations/TagSuccess.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagSuccess.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-success-text-strong; diff --git a/packages/design-system/src/components/Tag/variations/TagWarning.module.scss b/packages/design-system/src/components/Tag/variations/TagWarning.module.scss index f3dc2af8e96..36be2c8f73e 100644 --- a/packages/design-system/src/components/Tag/variations/TagWarning.module.scss +++ b/packages/design-system/src/components/Tag/variations/TagWarning.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tag { color: tokens.$coral-color-warning-text-strong; diff --git a/packages/design-system/src/components/ThemeProvider/ThemeProvider.scss b/packages/design-system/src/components/ThemeProvider/ThemeProvider.scss index 11b3c6b5698..ab7fd8b4056 100644 --- a/packages/design-system/src/components/ThemeProvider/ThemeProvider.scss +++ b/packages/design-system/src/components/ThemeProvider/ThemeProvider.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; body { margin: 0; diff --git a/packages/design-system/src/components/Tooltip/Tooltip.module.scss b/packages/design-system/src/components/Tooltip/Tooltip.module.scss index f3659df1388..8a13f748d89 100644 --- a/packages/design-system/src/components/Tooltip/Tooltip.module.scss +++ b/packages/design-system/src/components/Tooltip/Tooltip.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .container { padding: tokens.$coral-spacing-xxs tokens.$coral-spacing-xs; diff --git a/packages/design-system/src/components/illustrations/IconDefault.module.scss b/packages/design-system/src/components/illustrations/IconDefault.module.scss index 90a894d1ba4..75ab42b6bd7 100644 --- a/packages/design-system/src/components/illustrations/IconDefault.module.scss +++ b/packages/design-system/src/components/illustrations/IconDefault.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .mediumIllustration { width: tokens.$coral-sizing-l; diff --git a/packages/design-system/src/components/illustrations/SpotDefault.module.scss b/packages/design-system/src/components/illustrations/SpotDefault.module.scss index ac8ae9a9fff..a6eb902d994 100644 --- a/packages/design-system/src/components/illustrations/SpotDefault.module.scss +++ b/packages/design-system/src/components/illustrations/SpotDefault.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .largeIllustration { width: tokens.$coral-sizing-maximal; diff --git a/packages/design-system/src/stories/docs/Area.module.scss b/packages/design-system/src/stories/docs/Area.module.scss index 8226cd21986..7d1fbea69b3 100644 --- a/packages/design-system/src/stories/docs/Area.module.scss +++ b/packages/design-system/src/stories/docs/Area.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .area { display: flex; diff --git a/packages/faceted-search/src/components/AddFacetPopover/AddFacetPopover.module.scss b/packages/faceted-search/src/components/AddFacetPopover/AddFacetPopover.module.scss index 20e24be1270..361af2b6513 100644 --- a/packages/faceted-search/src/components/AddFacetPopover/AddFacetPopover.module.scss +++ b/packages/faceted-search/src/components/AddFacetPopover/AddFacetPopover.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tc-add-facet-popover { width: tokens.$coral-sizing-xxxl; diff --git a/packages/faceted-search/src/components/AdvancedSearch/AdvancedSearch.module.scss b/packages/faceted-search/src/components/AdvancedSearch/AdvancedSearch.module.scss index 99756397cf6..36ca3b2e0d0 100644 --- a/packages/faceted-search/src/components/AdvancedSearch/AdvancedSearch.module.scss +++ b/packages/faceted-search/src/components/AdvancedSearch/AdvancedSearch.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $search-icon-offset: 1.125rem; $search-input-left-offset: 2rem; diff --git a/packages/faceted-search/src/components/Badges/BadgeCheckboxes/BadgeCheckboxes.module.scss b/packages/faceted-search/src/components/Badges/BadgeCheckboxes/BadgeCheckboxes.module.scss index 9287e2ab8f4..1ab7a70c183 100644 --- a/packages/faceted-search/src/components/Badges/BadgeCheckboxes/BadgeCheckboxes.module.scss +++ b/packages/faceted-search/src/components/Badges/BadgeCheckboxes/BadgeCheckboxes.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .fs-badge-checkbox-form-checkboxes { max-height: tokens.$coral-sizing-xxxl; diff --git a/packages/faceted-search/src/components/Badges/BadgeFaceted/BadgeFaceted.module.scss b/packages/faceted-search/src/components/Badges/BadgeFaceted/BadgeFaceted.module.scss index 68164fdc85f..2f6508c1cfe 100644 --- a/packages/faceted-search/src/components/Badges/BadgeFaceted/BadgeFaceted.module.scss +++ b/packages/faceted-search/src/components/Badges/BadgeFaceted/BadgeFaceted.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // stylelint-disable scss/selector-no-redundant-nesting-selector .tc-badge-faceted { diff --git a/packages/faceted-search/src/components/Badges/BadgeMenu/BadgeMenu.module.scss b/packages/faceted-search/src/components/Badges/BadgeMenu/BadgeMenu.module.scss index d795e471ada..1bb1538ae99 100644 --- a/packages/faceted-search/src/components/Badges/BadgeMenu/BadgeMenu.module.scss +++ b/packages/faceted-search/src/components/Badges/BadgeMenu/BadgeMenu.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .fs-badge-menu-form-items { max-height: tokens.$coral-sizing-xxxl; diff --git a/packages/faceted-search/src/components/Badges/BadgeOperator/BadgeOperator.module.scss b/packages/faceted-search/src/components/Badges/BadgeOperator/BadgeOperator.module.scss index 0e228c50f77..21527d21a87 100644 --- a/packages/faceted-search/src/components/Badges/BadgeOperator/BadgeOperator.module.scss +++ b/packages/faceted-search/src/components/Badges/BadgeOperator/BadgeOperator.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $circle-size-large: 1.375rem !default; $circle-size-small: 1.125rem !default; diff --git a/packages/faceted-search/src/components/Badges/BadgeSlider/BadgeSlider.module.scss b/packages/faceted-search/src/components/Badges/BadgeSlider/BadgeSlider.module.scss index 72a7a2ff22f..0d5f69c31ea 100644 --- a/packages/faceted-search/src/components/Badges/BadgeSlider/BadgeSlider.module.scss +++ b/packages/faceted-search/src/components/Badges/BadgeSlider/BadgeSlider.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // stylelint-disable property-no-vendor-prefix .tc-badge-slider-form-body { diff --git a/packages/faceted-search/src/components/BasicSearch/BasicSearch.module.scss b/packages/faceted-search/src/components/BasicSearch/BasicSearch.module.scss index 2327b274cea..0d1e1b24615 100644 --- a/packages/faceted-search/src/components/BasicSearch/BasicSearch.module.scss +++ b/packages/faceted-search/src/components/BasicSearch/BasicSearch.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tc-basic-search { align-items: center; diff --git a/packages/faceted-search/src/components/FacetedToolbar/FacetedToolbar.module.scss b/packages/faceted-search/src/components/FacetedToolbar/FacetedToolbar.module.scss index 3bbfc2c2932..410206cd681 100644 --- a/packages/faceted-search/src/components/FacetedToolbar/FacetedToolbar.module.scss +++ b/packages/faceted-search/src/components/FacetedToolbar/FacetedToolbar.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // stylelint-disable order/order $toolbar-height: 3.4375rem; diff --git a/packages/forms/src/FormSkeleton.module.scss b/packages/forms/src/FormSkeleton.module.scss index 6719d125708..8b5d2d697b1 100644 --- a/packages/forms/src/FormSkeleton.module.scss +++ b/packages/forms/src/FormSkeleton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; :global(.tc-drawer-content:has([data-drawer-absolute-footer-buttons])) { margin-bottom: 66px; diff --git a/packages/forms/src/UIForm/UIForm.module.scss b/packages/forms/src/UIForm/UIForm.module.scss index 72ca381f88a..822c4bfd335 100644 --- a/packages/forms/src/UIForm/UIForm.module.scss +++ b/packages/forms/src/UIForm/UIForm.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; :global(.tc-drawer-content:has([data-drawer-absolute-footer-buttons])) { margin-bottom: 50px; diff --git a/packages/forms/src/UIForm/fields/Code/CodeSkeleton.module.scss b/packages/forms/src/UIForm/fields/Code/CodeSkeleton.module.scss index 12ee7afd973..763ac87ff11 100644 --- a/packages/forms/src/UIForm/fields/Code/CodeSkeleton.module.scss +++ b/packages/forms/src/UIForm/fields/Code/CodeSkeleton.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .code-widget__loading { display: grid; diff --git a/packages/forms/src/UIForm/fields/Comparator/Comparator.module.scss b/packages/forms/src/UIForm/fields/Comparator/Comparator.module.scss index 008d1d21d7f..66fae260207 100644 --- a/packages/forms/src/UIForm/fields/Comparator/Comparator.module.scss +++ b/packages/forms/src/UIForm/fields/Comparator/Comparator.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $tf-comparator-operator-height: 1.875rem !default; $tf-comparator-operator-width: 3.125rem !default; diff --git a/packages/forms/src/UIForm/fields/KeyValue/KeyValue.module.scss b/packages/forms/src/UIForm/fields/KeyValue/KeyValue.module.scss index 3df93c8f3da..a3cdc0088a3 100644 --- a/packages/forms/src/UIForm/fields/KeyValue/KeyValue.module.scss +++ b/packages/forms/src/UIForm/fields/KeyValue/KeyValue.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .key-value { display: flex; diff --git a/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss b/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss index b129b1e5a05..26a813c74f4 100644 --- a/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss +++ b/packages/forms/src/UIForm/fields/MultiSelectTag/MultiSelectTag.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .wrapper { position: relative; diff --git a/packages/forms/src/UIForm/fieldsets/Array/ArrayItem.module.scss b/packages/forms/src/UIForm/fieldsets/Array/ArrayItem.module.scss index 76728ebc596..c23912d20e8 100644 --- a/packages/forms/src/UIForm/fieldsets/Array/ArrayItem.module.scss +++ b/packages/forms/src/UIForm/fieldsets/Array/ArrayItem.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tf-array-item { display: flex; diff --git a/packages/forms/src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss b/packages/forms/src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss index 56caab8d0e0..ce9be6e93ff 100644 --- a/packages/forms/src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss +++ b/packages/forms/src/UIForm/fieldsets/Array/DefaultArrayTemplate.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tf-array-fieldset { &::before { diff --git a/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss b/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss index d86ff408ea0..db5586dccb6 100644 --- a/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss +++ b/packages/forms/src/UIForm/fieldsets/Array/displayMode/TextModeArrayTemplate.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tf-array-text-mode { ol { diff --git a/packages/stepper/src/components/StepperForm/StepperForm.module.scss b/packages/stepper/src/components/StepperForm/StepperForm.module.scss index 0f139f49e83..caba149c4bf 100644 --- a/packages/stepper/src/components/StepperForm/StepperForm.module.scss +++ b/packages/stepper/src/components/StepperForm/StepperForm.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/_tokens.scss'; +@use '@talend/design-tokens/lib/_tokens.scss'; .stepper-form { display: flex; diff --git a/packages/storybook-docs/src/components/Card.module.scss b/packages/storybook-docs/src/components/Card.module.scss index 39adaeaa61e..42fb9ee58de 100644 --- a/packages/storybook-docs/src/components/Card.module.scss +++ b/packages/storybook-docs/src/components/Card.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .card { display: flex; diff --git a/packages/storybook-docs/src/components/FigmaIframe.module.scss b/packages/storybook-docs/src/components/FigmaIframe.module.scss index f857918d70d..76b05e59a26 100644 --- a/packages/storybook-docs/src/components/FigmaIframe.module.scss +++ b/packages/storybook-docs/src/components/FigmaIframe.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .iframe { border-radius: tokens.$coral-radius-s; diff --git a/packages/storybook-docs/src/components/FigmaImage.module.scss b/packages/storybook-docs/src/components/FigmaImage.module.scss index fd1e952d8e4..34f0834c11a 100644 --- a/packages/storybook-docs/src/components/FigmaImage.module.scss +++ b/packages/storybook-docs/src/components/FigmaImage.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .image { display: flex; diff --git a/packages/storybook-docs/src/components/Grid.module.scss b/packages/storybook-docs/src/components/Grid.module.scss index 110e6cf16a8..fe473f4c5be 100644 --- a/packages/storybook-docs/src/components/Grid.module.scss +++ b/packages/storybook-docs/src/components/Grid.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .grid { display: grid; diff --git a/packages/storybook-docs/src/components/Statuses/Status.module.scss b/packages/storybook-docs/src/components/Statuses/Status.module.scss index 73ac03f43a4..ac9c3babed5 100644 --- a/packages/storybook-docs/src/components/Statuses/Status.module.scss +++ b/packages/storybook-docs/src/components/Statuses/Status.module.scss @@ -1,5 +1,5 @@ /* stylelint-disable declaration-no-important */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge { display: inline-flex; diff --git a/packages/storybook-docs/src/components/Trial/Trial.module.scss b/packages/storybook-docs/src/components/Trial/Trial.module.scss index 90725d4f5da..88e7771be4b 100644 --- a/packages/storybook-docs/src/components/Trial/Trial.module.scss +++ b/packages/storybook-docs/src/components/Trial/Trial.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .trial { padding: tokens.$coral-sizing-m; diff --git a/packages/storybook-docs/src/components/Use.module.scss b/packages/storybook-docs/src/components/Use.module.scss index 6d5b45b1eaf..88e3212ebce 100644 --- a/packages/storybook-docs/src/components/Use.module.scss +++ b/packages/storybook-docs/src/components/Use.module.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .block { padding: tokens.$coral-spacing-s; diff --git a/packages/storybook-docs/src/globalStyles.scss b/packages/storybook-docs/src/globalStyles.scss index f187a911277..2cf15cb7bbb 100644 --- a/packages/storybook-docs/src/globalStyles.scss +++ b/packages/storybook-docs/src/globalStyles.scss @@ -1,5 +1,5 @@ /* stylelint-disable declaration-no-important */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // stylelint-disable scss/selector-no-redundant-nesting-selector * { diff --git a/packages/storybook-docs/src/managerStyles.scss b/packages/storybook-docs/src/managerStyles.scss index 6091bfc8232..1a349c9175a 100644 --- a/packages/storybook-docs/src/managerStyles.scss +++ b/packages/storybook-docs/src/managerStyles.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; #root { div[role='main'] { diff --git a/packages/theme/src/theme/_badges.scss b/packages/theme/src/theme/_badges.scss index 556b5444d95..090c2d825b2 100644 --- a/packages/theme/src/theme/_badges.scss +++ b/packages/theme/src/theme/_badges.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .badge { color: tokens.$coral-color-neutral-text; diff --git a/packages/theme/src/theme/_breadcrumbs.scss b/packages/theme/src/theme/_breadcrumbs.scss index 4cbc447f2dd..21aabfa7395 100644 --- a/packages/theme/src/theme/_breadcrumbs.scss +++ b/packages/theme/src/theme/_breadcrumbs.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; //// /// Bootstrap breadcrumbs customization /// @group Breadcrumbs diff --git a/packages/theme/src/theme/_dropdowns.scss b/packages/theme/src/theme/_dropdowns.scss index beec1c5920c..81ce997a6a7 100644 --- a/packages/theme/src/theme/_dropdowns.scss +++ b/packages/theme/src/theme/_dropdowns.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; //// /// Bootstrap dropdowns customization diff --git a/packages/theme/src/theme/_forms.checkbox.scss b/packages/theme/src/theme/_forms.checkbox.scss index 739ec40783c..8f010436701 100644 --- a/packages/theme/src/theme/_forms.checkbox.scss +++ b/packages/theme/src/theme/_forms.checkbox.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $tt-checkbox-size: 0.875rem !default; $checkmark-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik03LjA1IDEgMyA1LjEuOTUgMy4wNDk1IDAgNGwzIDMgNS01LjA1TDcuMDUgMVoiIGZpbGw9IiNmZmYiLz48bWFzayBpZD0iYSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMSIgd2lkdGg9IjgiIGhlaWdodD0iNiI+PHBhdGggZD0iTTcuMDUgMSAzIDUuMS45NSAzLjA0OTUgMCA0bDMgMyA1LTUuMDVMNy4wNSAxWiIgZmlsbD0iI2ZmZiIvPjwvbWFzaz48L3N2Zz4='); diff --git a/packages/theme/src/theme/_forms.input.scss b/packages/theme/src/theme/_forms.input.scss index 94f3922d366..77aad10408d 100644 --- a/packages/theme/src/theme/_forms.input.scss +++ b/packages/theme/src/theme/_forms.input.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .radio input[type='radio'], .radio-inline input[type='radio'], diff --git a/packages/theme/src/theme/_forms.label.scss b/packages/theme/src/theme/_forms.label.scss index ba7f4896449..d4129a6d369 100644 --- a/packages/theme/src/theme/_forms.label.scss +++ b/packages/theme/src/theme/_forms.label.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; label { font-size: $font-size-small; diff --git a/packages/theme/src/theme/_forms.legend.scss b/packages/theme/src/theme/_forms.legend.scss index 62501aab95d..16cec2bdcec 100644 --- a/packages/theme/src/theme/_forms.legend.scss +++ b/packages/theme/src/theme/_forms.legend.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; legend { font-size: 1.0625rem; diff --git a/packages/theme/src/theme/_forms.radio.scss b/packages/theme/src/theme/_forms.radio.scss index ae039f7de35..bf0d8caa020 100644 --- a/packages/theme/src/theme/_forms.radio.scss +++ b/packages/theme/src/theme/_forms.radio.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $tt-radio-size: 0.875rem !default; diff --git a/packages/theme/src/theme/_forms.scss b/packages/theme/src/theme/_forms.scss index b9437070dfe..ad45e5e7ad1 100644 --- a/packages/theme/src/theme/_forms.scss +++ b/packages/theme/src/theme/_forms.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; //// /// Bootstrap forms customization diff --git a/packages/theme/src/theme/_forms.select.scss b/packages/theme/src/theme/_forms.select.scss index c0266713b2a..62220bb8b2a 100644 --- a/packages/theme/src/theme/_forms.select.scss +++ b/packages/theme/src/theme/_forms.select.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; select.form-control { border-color: tokens.$coral-color-neutral-border; diff --git a/packages/theme/src/theme/_forms.switch.scss b/packages/theme/src/theme/_forms.switch.scss index 62d8c97f2b9..6a2141f51a6 100644 --- a/packages/theme/src/theme/_forms.switch.scss +++ b/packages/theme/src/theme/_forms.switch.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $switch-thumb-shadow: 0 1px 2px 0 rgba(117, 132, 149, 0.5); //$slate-gray; $switch-thumb-shadow-focused: 0 3px 4px 0.5px rgba(0, 0, 0, 0.25); diff --git a/packages/theme/src/theme/_guidelines.scss b/packages/theme/src/theme/_guidelines.scss index c30b44519c9..c62e9fea8c4 100644 --- a/packages/theme/src/theme/_guidelines.scss +++ b/packages/theme/src/theme/_guidelines.scss @@ -2,7 +2,7 @@ /// Talend spec from the guidelines /// @group Guidelines //// -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; @import './helpers'; @import './colors'; diff --git a/packages/theme/src/theme/_input-groups.scss b/packages/theme/src/theme/_input-groups.scss index b5a2ae4d460..55765f7b70c 100644 --- a/packages/theme/src/theme/_input-groups.scss +++ b/packages/theme/src/theme/_input-groups.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; //// /// Bootstrap input groups customization /// @group Input groups diff --git a/packages/theme/src/theme/_labels.scss b/packages/theme/src/theme/_labels.scss index 5a7dac61768..8f37b628cd0 100644 --- a/packages/theme/src/theme/_labels.scss +++ b/packages/theme/src/theme/_labels.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // // Labels diff --git a/packages/theme/src/theme/_list-group.scss b/packages/theme/src/theme/_list-group.scss index 2047ed03e64..69a392cea3c 100644 --- a/packages/theme/src/theme/_list-group.scss +++ b/packages/theme/src/theme/_list-group.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .list-group-item { background-color: tokens.$coral-color-neutral-background; diff --git a/packages/theme/src/theme/_modals.scss b/packages/theme/src/theme/_modals.scss index 4c06ae433a1..0c5f32b9e7b 100644 --- a/packages/theme/src/theme/_modals.scss +++ b/packages/theme/src/theme/_modals.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .modal-dialog { display: flex; diff --git a/packages/theme/src/theme/_navbar.scss b/packages/theme/src/theme/_navbar.scss index 724b72452e5..4da694f5a5d 100644 --- a/packages/theme/src/theme/_navbar.scss +++ b/packages/theme/src/theme/_navbar.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .navbar-inverse { color: tokens.$coral-color-neutral-text-inverted; diff --git a/packages/theme/src/theme/_navs.scss b/packages/theme/src/theme/_navs.scss index 8671f9cb64b..e9129952201 100644 --- a/packages/theme/src/theme/_navs.scss +++ b/packages/theme/src/theme/_navs.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; $tc-tabbar-active-border-size: 0.125rem !default; diff --git a/packages/theme/src/theme/_pager.scss b/packages/theme/src/theme/_pager.scss index e0283061073..20e4359c212 100644 --- a/packages/theme/src/theme/_pager.scss +++ b/packages/theme/src/theme/_pager.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .pager li > a, .pager li > span { diff --git a/packages/theme/src/theme/_pagination.scss b/packages/theme/src/theme/_pagination.scss index c138f082843..3d97400e5fa 100644 --- a/packages/theme/src/theme/_pagination.scss +++ b/packages/theme/src/theme/_pagination.scss @@ -1,5 +1,5 @@ /* stylelint-disable selector-no-qualifying-type */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .pagination > li > a, .pagination > li > span { diff --git a/packages/theme/src/theme/_panels.scss b/packages/theme/src/theme/_panels.scss index d2813d4ff62..e4127086a3a 100644 --- a/packages/theme/src/theme/_panels.scss +++ b/packages/theme/src/theme/_panels.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .panel, .panel-default { diff --git a/packages/theme/src/theme/_popovers.scss b/packages/theme/src/theme/_popovers.scss index 0662b773396..cf01c9eb578 100644 --- a/packages/theme/src/theme/_popovers.scss +++ b/packages/theme/src/theme/_popovers.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .popover { background-color: tokens.$coral-color-neutral-background; diff --git a/packages/theme/src/theme/_tables.scss b/packages/theme/src/theme/_tables.scss index c7f728db5c9..00fc06d4cee 100644 --- a/packages/theme/src/theme/_tables.scss +++ b/packages/theme/src/theme/_tables.scss @@ -1,7 +1,7 @@ // escape following rule to ovveride bootstrap table styles /* stylelint-disable selector-no-qualifying-type */ /* stylelint-disable declaration-no-important */ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .table-striped > tbody > tr:nth-of-type(odd) { background-color: tokens.$coral-color-neutral-background; diff --git a/packages/theme/src/theme/_tooltip.scss b/packages/theme/src/theme/_tooltip.scss index 2e36a726c2e..e35077a66d9 100644 --- a/packages/theme/src/theme/_tooltip.scss +++ b/packages/theme/src/theme/_tooltip.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .tooltip-inner { overflow-wrap: break-word; diff --git a/packages/theme/src/theme/_variables.scss b/packages/theme/src/theme/_variables.scss index cba61a67e33..25568ccadf3 100644 --- a/packages/theme/src/theme/_variables.scss +++ b/packages/theme/src/theme/_variables.scss @@ -1,7 +1,7 @@ /* stylelint-disable color-hex-case */ @use "sass:color"; @use "sass:math"; -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; // This is a fork but try to keep it as close to the original as possible $bootstrap-sass-asset-helper: false !default; diff --git a/packages/theme/src/theme/_wells.scss b/packages/theme/src/theme/_wells.scss index 555838004b7..fa6e3de24b3 100644 --- a/packages/theme/src/theme/_wells.scss +++ b/packages/theme/src/theme/_wells.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .well, .jumbotron { diff --git a/packages/theme/src/theme/alerts.scss b/packages/theme/src/theme/alerts.scss index 02f02c109ff..dcf437af4a6 100644 --- a/packages/theme/src/theme/alerts.scss +++ b/packages/theme/src/theme/alerts.scss @@ -1,4 +1,4 @@ -@use '~@talend/design-tokens/lib/tokens'; +@use '@talend/design-tokens/lib/tokens'; .alert-warning { color: tokens.$coral-color-neutral-text;