From a10f80012fd27f92972a8d170a42660a3f06aca8 Mon Sep 17 00:00:00 2001 From: Sebastien LE MOUILLOUR <32456736+smouillour@users.noreply.github.com> Date: Tue, 23 Apr 2024 14:34:41 +0200 Subject: [PATCH] fix(TMC-28189): remove tilde in @use in sass file (#5286) --- .changeset/early-dolphins-hammer.md | 13 +++++++++++++ .../src/AboutDialog/AboutDialog.module.scss | 2 +- .../src/ActionBar/ActionBar.module.scss | 4 ++-- .../src/ActionIntercom/Intercom.module.scss | 2 +- .../src/ActionList/ActionList.module.scss | 4 ++-- .../ActionButton/ActionButton.module.scss | 2 +- .../ActionButton/Button.stories.module.scss | 2 +- .../ActionDropdown/ActionDropdown.module.scss | 4 ++-- .../Actions/ActionFile/ActionFile.module.scss | 2 +- .../ActionIconToggle.module.scss | 4 ++-- .../ActionSplitDropdown.module.scss | 2 +- .../AppGuidedTour/DemoContentStep.module.scss | 2 +- .../src/AppSwitcher/AppSwitcher.module.scss | 4 ++-- .../components/src/Badge/Badge.module.scss | 2 +- .../src/Breadcrumbs/Breadcrumbs.module.scss | 2 +- .../CircularProgress.module.scss | 4 ++-- .../CollapsiblePanel.module.scss | 4 ++-- .../Badges/LengthBadge/LengthBadge.module.scss | 2 +- .../src/DataViewer/Core/Tree/Tree.module.scss | 4 ++-- .../Headers/TreeHeader/TreeHeader.module.scss | 4 ++-- .../TreeBranchIcon/TreeBranchIcon.module.scss | 4 ++-- .../ModelViewer/ModelViewer.module.scss | 4 ++-- .../RecordsViewer/RecordsViewer.module.scss | 4 ++-- .../DefaultValueRenderer.module.scss | 2 +- .../SimpleTextKeyValue.module.scss | 4 ++-- .../VirtualizedTree.module.scss | 2 +- .../src/DataViewer/theme.module.scss | 4 ++-- .../src/Datalist/Datalist.module.scss | 4 ++-- .../InputDateTimePicker.module.scss | 2 +- .../InputTimePicker.module.scss | 2 +- .../DateTime/Validation/Validation.module.scss | 4 ++-- .../InputDateTimePicker.module.scss | 4 ++-- .../pickers/DatePicker/DatePicker.module.scss | 4 ++-- .../DateTimePicker/DateTimePicker.module.scss | 4 ++-- .../MonthPicker/MonthPicker.module.scss | 2 +- .../pickers/TimePicker/TimePicker.module.scss | 4 ++-- .../shared/styles/mixins.scss | 4 ++-- .../shared/styles/variables.scss | 2 +- .../DateTimeView/DateTimeView.module.scss | 2 +- .../views/HeaderTitle/HeaderTitle.module.scss | 4 ++-- .../views/ViewLayout/ViewLayout.module.scss | 2 +- .../CalendarPicker/CalendarPicker.module.scss | 2 +- .../pickers/DatePicker/DatePicker.module.scss | 2 +- .../MonthPicker/MonthPicker.module.scss | 2 +- .../pickers/TimePicker/TimePicker.module.scss | 2 +- .../DateTimePickers/shared/styles/mixins.scss | 2 +- .../shared/styles/variables.scss | 2 +- .../views/HeaderTitle/HeaderTitle.module.scss | 2 +- .../views/ViewLayout/ViewLayout.module.scss | 2 +- packages/components/src/Dialog/Dialog.scss | 4 ++-- .../components/src/Drawer/Drawer.module.scss | 2 +- .../src/EditableText/EditableText.module.scss | 2 +- .../src/EditableText/InlineForm.module.scss | 4 ++-- .../EditableText/PlainTextTitle.module.scss | 4 ++-- .../src/Emphasis/Emphasis.module.scss | 2 +- .../src/Enumeration/Enumeration.module.scss | 4 ++-- .../Enumeration.stories.module.scss | 2 +- .../src/Enumeration/Header/Header.module.scss | 4 ++-- .../Items/EmptyListPlaceholder.module.scss | 2 +- .../Enumeration/Items/Item/Item.module.scss | 4 ++-- .../src/Enumeration/Items/Items.module.scss | 4 ++-- .../src/FilterBar/FilterBar.module.scss | 4 ++-- .../src/FormatValue/FormatValue.module.scss | 4 ++-- .../components/src/GridLayout/Grid.module.scss | 4 ++-- .../Tile/Footer/TileFooter.module.scss | 2 +- .../Tile/Header/TileHeader.module.scss | 2 +- .../src/GridLayout/Tile/Tile.module.scss | 2 +- .../src/GuidedTour/GuidedTour.module.scss | 2 +- .../src/HeaderBar/HeaderBar.module.scss | 4 ++-- .../src/HttpError/HttpError.module.scss | 4 ++-- .../JSONSchemaRenderer.module.scss | 4 ++-- .../components/src/Layout/Layout.module.scss | 2 +- .../src/Layout/OneColumn/OneColumn.module.scss | 2 +- .../src/Layout/SkipLinks/SkipLinks.module.scss | 4 ++-- .../Layout/TwoColumns/TwoColumns.module.scss | 2 +- packages/components/src/List/List.module.scss | 4 ++-- .../DisplayMode/DisplayModeToggle.scss | 2 +- .../src/List/ListComposition/List.module.scss | 2 +- .../ListComposition/SortBy/SortBy.module.scss | 4 ++-- .../Toolbar/ListToolbar.module.scss | 4 ++-- .../ColumnChooser/ColumnChooser.module.scss | 4 ++-- .../Toolbar/Pagination/Pagination.module.scss | 2 +- .../Toolbar/SelectAll/SelectAll.module.scss | 2 +- .../SelectSortBy/SelectSortBy.module.scss | 4 ++-- .../src/List/Toolbar/Toolbar.module.scss | 4 ++-- .../src/ListView/Header/Header.module.scss | 4 ++-- .../src/ListView/Items/Items.module.scss | 2 +- .../src/ListView/ListView.module.scss | 4 ++-- .../components/src/Loader/Loader.module.scss | 2 +- .../src/MultiSelect/Dropdown.module.scss | 4 ++-- .../src/MultiSelect/ItemOption.module.scss | 4 ++-- .../src/MultiSelect/MultiSelect.module.scss | 4 ++-- .../src/Notification/Notification.module.scss | 4 ++-- .../ObjectViewer/JSONLike/JSONLike.module.scss | 2 +- .../src/ObjectViewer/List/List.module.scss | 2 +- .../src/ObjectViewer/Table/Table.module.scss | 2 +- .../OverlayTrigger/OverlayTrigger.module.scss | 2 +- .../src/PieChart/PieChart.module.scss | 4 ++-- .../src/Progress/Progress.module.scss | 4 ++-- .../src/RadarChart/RadarChart.module.scss | 4 ++-- .../ResourceList/Resource/Resource.module.scss | 4 ++-- .../src/ResourceList/ResourceList.module.scss | 4 ++-- .../Toolbar/NameFilter/NameFilter.module.scss | 4 ++-- .../OrderChooser/OrderChooser.module.scss | 2 +- .../SortOptions/SortOptions.module.scss | 2 +- .../StateFilter/StateFilter.module.scss | 4 ++-- .../ResourceList/Toolbar/Toolbar.module.scss | 4 ++-- .../ResourcePicker/ResourcePicker.module.scss | 2 +- .../src/Rich/Error/RichError.module.scss | 2 +- .../Rich/HeaderTitle/HeaderTitle.module.scss | 4 ++-- .../src/Rich/Layout/RichLayout.module.scss | 4 ++-- .../src/SidePanel/SidePanel.module.scss | 4 ++-- .../src/Skeleton/Skeleton.module.scss | 2 +- .../components/src/Slider/Slider.module.scss | 4 ++-- .../components/src/Status/Status.module.scss | 4 ++-- .../src/Stepper/Stepper.component.module.scss | 4 ++-- .../src/SubHeaderBar/SubHeaderBar.module.scss | 2 +- .../TitleSubHeader/TitleSubHeader.module.scss | 4 ++-- .../components/src/TabBar/TabBar.module.scss | 2 +- .../Toggle/LabelToggle/LabelToggle.module.scss | 2 +- .../TooltipTrigger/TooltipTrigger.module.scss | 2 +- .../src/TreeView/TreeView.module.scss | 4 ++-- .../TreeViewItem/TreeViewItem.module.scss | 4 ++-- .../src/Typeahead/Typeahead.module.scss | 4 ++-- .../RowLargeCellActions.module.scss | 2 +- .../RowTableCellActions.module.scss | 2 +- .../CellBoolean/CellBoolean.module.scss | 2 +- .../CellCheckbox/CellCheckbox.module.scss | 2 +- .../CellDatetime/CellDatetime.module.scss | 2 +- .../CellIconText/CellIconText.module.scss | 2 +- .../CellLink/CellLink.module.scss | 4 ++-- .../CellTextIcon/CellWithIcon.module.scss | 2 +- .../CellTitle/CellTitle.module.scss | 4 ++-- .../CellTitle/CellTitleActions.module.scss | 4 ++-- .../HeaderCheckbox/HeaderCheckbox.module.scss | 2 +- .../HeaderIcon/HeaderIcon.module.scss | 2 +- .../HeaderResizable.module.scss | 4 ++-- .../ListGrid/ListGrid.module.scss | 2 +- .../ListTable/ListTable.module.scss | 4 ++-- .../VirtualizedList/NoRows/NoRows.module.scss | 2 +- .../RowCollapsiblePanel.module.scss | 4 ++-- .../RowLarge/RowLarge.module.scss | 4 ++-- .../RowSelection/RowSelection.module.scss | 4 ++-- .../VirtualizedList.module.scss | 2 +- .../src/WithDrawer/withDrawer.module.scss | 2 +- .../ColoredBar.component.module.scss | 2 +- .../src/components/BarChart/_bar-chart.scss | 2 +- .../BoxPlot/BoxPlot.component.module.scss | 2 +- .../components/GeoChart/GeoChart.module.scss | 2 +- .../KeyValueTooltip.component.module.scss | 2 +- .../components/LineChart/LineChart.module.scss | 2 +- .../RangeFilter.component.module.scss | 2 +- .../Tooltip/Tooltip.component.module.scss | 2 +- .../design-docs/src/StatusTable.module.scss | 2 +- .../src/tokens/ColorComposition.module.scss | 2 +- .../src/tokens/ExampleCard.module.scss | 2 +- .../src/tokens/TokenValue.module.scss | 2 +- .../Primitive/CollapsiblePanel.module.scss | 2 +- .../CollapsiblePanelHeader.module.scss | 2 +- .../Badge/button/BadgeButton.module.scss | 2 +- .../Badge/primitive/BadgePrimitive.module.scss | 2 +- .../Badge/variants/BadgeDropdown.module.scss | 2 +- .../Badge/variants/BadgeValue.module.scss | 2 +- .../Breadcrumbs/Breadcrumbs.module.scss | 2 +- .../Button/Primitive/ButtonStyles.module.scss | 2 +- .../variations/ButtonDestructive.module.scss | 2 +- .../variations/ButtonPrimary.module.scss | 2 +- .../variations/ButtonSecondary.module.scss | 2 +- .../variations/ButtonTertiary.module.scss | 2 +- .../ButtonPrimitiveAsLink.module.scss | 2 +- .../Primitive/ButtonIcon.module.scss | 2 +- .../src/components/Card/Card.module.scss | 2 +- .../components/Clickable/Clickable.module.scss | 2 +- .../components/Combobox/Combobox.module.scss | 2 +- .../src/components/Divider/Divider.module.scss | 2 +- .../Primitive/PrimitiveDrawer.module.scss | 2 +- .../FloatingDrawer/FloatingDrawer.module.scss | 2 +- .../Primitive/DropdownDivider.module.scss | 2 +- .../Primitive/DropdownEntry.module.scss | 2 +- .../Primitive/DropdownShell.module.scss | 2 +- .../Primitive/DropdownTitle.module.scss | 2 +- .../primitive/EmptyStatePrimitive.module.scss | 2 +- .../Enumeration/Enumeration.module.scss | 2 +- .../EnumerationHeader.module.scss | 2 +- .../EnumerationItem.module.scss | 2 +- .../ErrorState/ErrorState.module.scss | 18 +++++++++--------- .../Form/Affix/AffixStyles.module.scss | 2 +- .../Form/Buttons/Buttons.module.scss | 2 +- .../Form/Field/Input/Input.File.module.scss | 2 +- .../Field/Input/Input.ToggleSwitch.module.scss | 2 +- .../Input/hooks/passwordButton.module.scss | 2 +- .../Form/Fieldset/Fieldset.module.scss | 2 +- .../src/components/Form/Form.module.scss | 2 +- .../Primitives/Checkbox/Checkbox.module.scss | 2 +- .../Form/Primitives/Input/Input.module.scss | 2 +- .../InputWrapper/InputWrapper.module.scss | 2 +- .../Form/Primitives/Label/Label.module.scss | 2 +- .../Form/Primitives/Radio/Radio.module.scss | 2 +- .../Form/Primitives/Select/Select.module.scss | 2 +- .../Primitives/Textarea/Textarea.module.scss | 2 +- .../components/Form/Primitives/_mixins.scss | 2 +- .../src/components/Form/Row/Row.module.scss | 2 +- .../src/components/Icon/Icon.module.scss | 2 +- .../InlineEditingPrimitive.module.scss | 2 +- .../InlineMessagePrimitive.module.scss | 2 +- .../variations/InlineMessageBeta.module.scss | 2 +- .../InlineMessageDestructive.module.scss | 2 +- .../InlineMessageInformation.module.scss | 2 +- .../InlineMessageSuccess.module.scss | 2 +- .../InlineMessageWarning.module.scss | 2 +- .../src/components/Link/Link.module.scss | 2 +- .../Linkable/LinkableStyles.module.scss | 2 +- .../Primitive/MessageStyles.module.scss | 2 +- .../variations/MessageDestructive.module.scss | 2 +- .../variations/MessageInformation.module.scss | 2 +- .../variations/MessageSuccess.module.scss | 2 +- .../variations/MessageWarning.module.scss | 2 +- .../src/components/Modal/Modal.module.scss | 2 +- .../src/components/Popover/Popover.module.scss | 2 +- .../QualityBar/QualityRatioBar.module.scss | 2 +- .../components/RatioBar/RatioBar.module.scss | 2 +- .../RichRadioButton.module.scss | 2 +- .../Skeleton/Primitive/Skeleton.module.scss | 2 +- .../variations/SkeletonButtonIcon.module.scss | 2 +- .../variations/SkeletonHeading.module.scss | 2 +- .../variations/SkeletonInput.module.scss | 2 +- .../variations/SkeletonSized.module.scss | 2 +- .../Stack/Primitive/StackPrimitive.module.scss | 2 +- .../Status/Primitive/Status.module.scss | 2 +- .../Progress/Primitive/Progress.module.scss | 2 +- .../variations/Progress.horizontal.module.scss | 2 +- .../variations/Progress.vertical.module.scss | 2 +- .../Stepper/Step/Primitive/Step.module.scss | 2 +- .../Step/variations/Step.Skeleton.module.scss | 2 +- .../src/components/Stepper/Stepper.module.scss | 2 +- .../src/components/Switch/Switch.module.scss | 2 +- .../Tabs/Primitive/TabStyles.module.scss | 2 +- .../Tag/primitive/TagPrimitive.module.scss | 2 +- .../Tag/variations/TagBeta.module.scss | 2 +- .../Tag/variations/TagDefault.module.scss | 2 +- .../Tag/variations/TagDestructive.module.scss | 2 +- .../Tag/variations/TagInformation.module.scss | 2 +- .../Tag/variations/TagSuccess.module.scss | 2 +- .../Tag/variations/TagWarning.module.scss | 2 +- .../ThemeProvider/ThemeProvider.scss | 2 +- .../src/components/Tooltip/Tooltip.module.scss | 2 +- .../illustrations/IconDefault.module.scss | 2 +- .../illustrations/SpotDefault.module.scss | 2 +- .../src/stories/docs/Area.module.scss | 2 +- .../AddFacetPopover.module.scss | 2 +- .../AdvancedSearch/AdvancedSearch.module.scss | 2 +- .../BadgeCheckboxes.module.scss | 2 +- .../BadgeFaceted/BadgeFaceted.module.scss | 2 +- .../Badges/BadgeMenu/BadgeMenu.module.scss | 2 +- .../BadgeOperator/BadgeOperator.module.scss | 2 +- .../Badges/BadgeSlider/BadgeSlider.module.scss | 2 +- .../BasicSearch/BasicSearch.module.scss | 2 +- .../FacetedToolbar/FacetedToolbar.module.scss | 2 +- packages/forms/src/FormSkeleton.module.scss | 2 +- packages/forms/src/UIForm/UIForm.module.scss | 2 +- .../fields/Code/CodeSkeleton.module.scss | 2 +- .../fields/Comparator/Comparator.module.scss | 2 +- .../fields/KeyValue/KeyValue.module.scss | 2 +- .../MultiSelectTag/MultiSelectTag.module.scss | 2 +- .../fieldsets/Array/ArrayItem.module.scss | 2 +- .../Array/DefaultArrayTemplate.module.scss | 2 +- .../TextModeArrayTemplate.module.scss | 2 +- .../StepperForm/StepperForm.module.scss | 2 +- .../src/components/Card.module.scss | 2 +- .../src/components/FigmaIframe.module.scss | 2 +- .../src/components/FigmaImage.module.scss | 2 +- .../src/components/Grid.module.scss | 2 +- .../src/components/Statuses/Status.module.scss | 2 +- .../src/components/Trial/Trial.module.scss | 2 +- .../src/components/Use.module.scss | 2 +- packages/storybook-docs/src/globalStyles.scss | 2 +- packages/storybook-docs/src/managerStyles.scss | 2 +- packages/theme/src/theme/_badges.scss | 2 +- packages/theme/src/theme/_breadcrumbs.scss | 2 +- packages/theme/src/theme/_dropdowns.scss | 2 +- packages/theme/src/theme/_forms.checkbox.scss | 2 +- packages/theme/src/theme/_forms.input.scss | 2 +- packages/theme/src/theme/_forms.label.scss | 2 +- packages/theme/src/theme/_forms.legend.scss | 2 +- packages/theme/src/theme/_forms.radio.scss | 2 +- packages/theme/src/theme/_forms.scss | 2 +- packages/theme/src/theme/_forms.select.scss | 2 +- packages/theme/src/theme/_forms.switch.scss | 2 +- packages/theme/src/theme/_guidelines.scss | 2 +- packages/theme/src/theme/_input-groups.scss | 2 +- packages/theme/src/theme/_labels.scss | 2 +- packages/theme/src/theme/_list-group.scss | 2 +- packages/theme/src/theme/_modals.scss | 2 +- packages/theme/src/theme/_navbar.scss | 2 +- packages/theme/src/theme/_navs.scss | 2 +- packages/theme/src/theme/_pager.scss | 2 +- packages/theme/src/theme/_pagination.scss | 2 +- packages/theme/src/theme/_panels.scss | 2 +- packages/theme/src/theme/_popovers.scss | 2 +- packages/theme/src/theme/_tables.scss | 2 +- packages/theme/src/theme/_tooltip.scss | 2 +- packages/theme/src/theme/_variables.scss | 2 +- packages/theme/src/theme/_wells.scss | 2 +- packages/theme/src/theme/alerts.scss | 2 +- 304 files changed, 398 insertions(+), 385 deletions(-) create mode 100644 .changeset/early-dolphins-hammer.md diff --git a/.changeset/early-dolphins-hammer.md b/.changeset/early-dolphins-hammer.md new file mode 100644 index 0000000000..b8c072f52f --- /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 a647d91f62..1c3c28db2d 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 308b9e092c..b3e646daef 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 80c9e60d7a..da362c3cf9 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 e8837f0f9c..b2ef355da9 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 387f756541..6782335ffb 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 d7d990e47d..3fd0c0f108 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 5da439426f..3fe51e1d4d 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 80648e99e5..dd69b9957e 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 7748f0abc4..10e07d7ae5 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 922351c1a4..abfda93cd9 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 f559858a51..745b1c2e33 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 9e86b8bd15..be2e9e12fa 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 a358c4056c..ea1f545774 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 ce89774837..32b5c63a1e 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 b508b3ea57..8e7c9f5dea 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 fac14d1990..7bd1ae5f21 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 db8c830f33..44bc7b90ab 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 9fe43b9e9b..43f874b27d 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 d56f17d709..89a583d865 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 6ad38e2de6..79f1804885 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 92954c28c5..94abf5c88e 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 2880ac95ac..049c903829 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 1ff3eb7f72..8f2ae7efde 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 93b7a128c4..4ee51a0bd9 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 67da66aa1e..c9052dd469 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 78c2ae3a15..954e37181b 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 452123280f..74f094c1fb 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 f870b65aed..3772ee079c 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 807493a614..047422bd87 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 a180071ebf..c4bd8cda0d 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 6c80ea95cb..efb07c1896 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 bb44250162..4a1929a77d 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 b7e00b3eee..0cf637145f 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 3cd0dcd6a5..b434ad8236 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 b603ee7c2b..69dc41488d 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 838e50aae5..dc8dcd1cdf 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 573e96695d..30c4b66b21 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 1ece7b92d0..8fd30947c8 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 1c34e04b23..329e3ba4aa 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 a3fce3798b..0f226804f6 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 2be1c37611..0fded4be2f 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 bab448e491..ad97e6b5aa 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 0e3120a205..5890568266 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 0007fd51f4..fa46295256 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 aebe4b5b07..4d3df6658e 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 573e96695d..30c4b66b21 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 d812287ae1..fe9c294fe7 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 923d3d1138..af916d5efd 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 60b3576b07..a90a0291a8 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 8b759c9692..8f066727c5 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 f282587c18..e74f1c7fe2 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 cf65263f13..29ac58e241 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 a8d00572c3..189aee7235 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 9a8852cdc0..5a98bf4694 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 0f12ee2584..75c34984f0 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 830bcee163..aaab49f975 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 85c56273e9..e556e17fca 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 de133360a2..526dcedcec 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 9b13876c4f..eb3b98d068 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 899d33ca72..bfe95071cb 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 658fb03247..9b8b8886bc 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 83d8c565bf..30d9b595d7 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 fc6975001a..372f7f98f7 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 414d1bc13e..d8cc89c564 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 e758daba0e..f359e9a29d 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 048eb5b765..d23f8d1e01 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 62aee9b998..6858b44e1a 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 1e6967053e..e2c53a3a9a 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 e0de639081..8017d49e47 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 617959b0e4..c7bb8b4839 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 af6d1cffeb..84a5ea717a 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 563860abd1..d18afe19d6 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 1b1ca897ee..c1039e843a 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 b7835acbca..7e128179d0 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 4b0cb9f059..7459782c3b 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 0489f319bc..a57615c147 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 7fa9f69aa7..b4258c7d68 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 1095445ca0..2077813a4e 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 d2951070ac..3d8608899c 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 85a76b77b2..437b6fc694 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 aac92c2a8f..50a43dbac0 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 5e8e823483..a9290c6b06 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 aa511dbf47..d60d127662 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 23610ee87c..42c5b87770 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 aee4869013..df94efff09 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 49af22afcb..fef6bcb65e 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 c5824d284d..e75c1e9e9e 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 810c0e02a4..2b9ea08dea 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 68c5ff2696..9a9e5b8cb3 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 f40e00d84a..f57ccf9cfa 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 a22d140baf..2f2166eb34 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 26ee64f708..eb4e262b2d 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 5814cd630b..ef6b18d8ac 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 88ce03a6fb..3fa8252df7 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 527c23478c..1dbab07198 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 589814f50f..45b3091651 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 31f738c447..da331babc7 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 2984152b2c..4af9ccdced 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 12db652ce3..90c4437076 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 f450013ca6..874053a372 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 8c304465a1..a8f9ccfb4c 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 950b1b5152..56bfd45b68 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 c35fc12229..0322957214 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 f572504992..40f01f8620 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 ac6208d2ca..e278fa0b1a 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 116e291fc0..a2f2e549d2 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 08bde0ab1d..c1364a8666 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 cef79f3481..1963298fbb 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 a74b91814b..32a2f7ba9d 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 5eb446c7a4..7a8a6f417f 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 749663d4f7..561c7ee51d 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 c1d8ea901c..c0890e1da2 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 9f15ea4d61..be98e22cfa 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 923bd97383..0725f5b5ad 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 2809e1276e..74b08ce700 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 90d7a42423..54f6911375 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 f00a1d691a..8b1658e77a 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 1a4438b04f..9365bd069e 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 11329da8f5..7b08275139 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 a591a2ae6f..6522b64724 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 f6997a74d1..ae3acaf985 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 aed17415d5..4788638edc 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 555072928e..165b6353ee 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 b1871b1caa..82184fddfd 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 2f5904d942..83daebe506 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 d0940fbdb0..4783c6ddfd 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 52b95cd0a2..b0c21bfdd0 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 3baee74676..7fa925905b 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 1d18f6558d..2158b8d117 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 83c3b1c9f4..40b0a164e9 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 084c1c2509..9b12b61b39 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 2eebe92d2c..cfb8292559 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 12d192e41d..b961fe76e3 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 42400695b5..e0bc5701b6 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 eba5fe7450..aee6599b6d 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 b6bc45cd3e..120e168062 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 c5d19b2574..06dc420333 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 253e0644c0..9cea7c588b 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 544c42b178..2fc5b56aea 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 a582017372..45eba1b5f0 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 389181cb33..fef80c4303 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 5aaec997f5..a837ab347d 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 4ac728b06a..3fbd1171b6 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 a7c0394c71..8a1cb2f287 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 cec03562d2..fe12228f90 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 86e0af5e7f..3cc7d86921 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 020c974d43..4fcb8dd264 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 d8f38c9674..b7534b5ec1 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 ed1d18f7e0..23e729de9f 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 7c42733424..77e2e49ee3 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 5b2e16120b..fb6aeb1b3b 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 63acc8d988..f27b4af633 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 b4e55779f2..2d84a2906a 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 6d1f6ba384..8c8d73cf0c 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 1383d20e96..d9fa2a6cd9 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 4eea5df332..ee8485a117 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 a4a8e6c18d..0d56ead8fa 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 32d161ae85..d8121d32ee 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 8bed31946f..cd276791ed 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 42793906fa..1b7749c5d5 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 88ace28678..e933a3c3f7 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 83d9e4c1e9..28197aaadd 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 88525307d1..5494feb2fa 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 6cdaf74ca3..f396aa94fe 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 8e81dfc2a9..2823fa835f 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 9dfdbda440..a4883276ea 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 8dbd9bb909..aa8ca05c1f 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 407fd34eaa..f09c317bf8 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 7d6282209b..e10a401c32 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 4e932e225a..f69c714f87 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 8571f0aa18..55ccf1608b 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 d5115bf119..18b2feb2ea 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 bab40e2e9f..cbdb977da6 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 87d35b1e92..56ff11ce34 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 e18430463d..0a850d1ce0 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 d9c9eaf78c..7c2f2369e4 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 5eae3152db..94eee65b17 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 97731f4972..9eeacd4119 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 ce144eb6d4..b8584a1570 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 f14b12359d..0fb9c1a242 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 144b394df0..d0dfc73b88 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 831d7e3e44..e5f28994de 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 da02bad011..9dcb9a4626 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 61b413d308..28f7e6cc64 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 c5995f63e6..783f748783 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 38b18d3a0d..8bef3ab5e3 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 75093dbb0d..110cdca489 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 0e3ef0793a..7ed9b1ed86 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 098cf05ce7..2d00b5cf2b 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 179e17b2c2..db4d62b708 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 89d3c43917..a998e05f0d 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 b469d04383..54f995e41e 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 1ba49d45df..ea78a7ff24 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 474b660d63..6ddb8ff09d 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 fe962a8f99..ad7ed29ada 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 7dcf5fa943..a0437331c9 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 e0ae538d9f..fa34a0277f 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 bf5edbbc8f..98a6d1b1ae 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 de49e66dce..c9aa373ac1 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 4d8ec9a277..40f3ccd458 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 3514d36c40..15633af016 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 bc9ac6b50c..7bcf0f9732 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 19edd2b4de..c49847814a 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 6dca77eb92..93141c68b4 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 c05e61ba87..8a5a43d619 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 7085a08369..39d125a685 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 7d255e6c29..3fdad1f661 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 f2d3725a5c..420ba68ce1 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 e624548ad0..d5507b9f56 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 17ddb227b2..58a82da0ed 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 954d8cfee1..5ebe169586 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 7c0623cc6d..0e334d5142 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 8202a24532..126166f4c1 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 7b57987a95..03359f6b54 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 112267b9a8..b1581b1b5d 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 91ed70d6d3..e478174544 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 c54a2699a0..5d35b68f75 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 929e599bc7..4651251205 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 cb89da9b02..5f48467195 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 7afe131924..da9d1c1529 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 c3e6366d00..60491cb880 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 7fcc5e1039..22062f4dc0 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 e9a03cf3f8..818e18121f 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 4fa92b7474..83208b7f91 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 ff4b579a79..ab345a94dd 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 7c6098962b..b505a7730e 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 dba3cf10a0..f9ade92b1f 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 37802ebe77..ce36797b3a 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 cba18ddc04..48a5cc62c3 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 c4380e24b8..2691c8ee82 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 4433cfcb9a..91524c0513 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 b8a047b7ed..3efbd32577 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 63613d13d3..ac12620fe8 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 f4811a5a7f..287e060761 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 d6a697a324..be34465c65 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 5d41881b7a..d02c6ab3b8 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 f08ad123d9..84e31a8b16 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 02336f4f7e..bdde32393c 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 33a388a01b..f4647c5f15 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 484f407a40..07d9b10eaf 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 3057d15a38..7cf554bbbc 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 b823889cf6..a762e93363 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 f3dc2af8e9..36be2c8f73 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 11b3c6b569..ab7fd8b405 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 f3659df138..8a13f748d8 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 90a894d1ba..75ab42b6bd 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 ac8ae9a9ff..a6eb902d99 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 8226cd2198..7d1fbea69b 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 20e24be127..361af2b651 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 99756397cf..36ca3b2e0d 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 9287e2ab8f..1ab7a70c18 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 68164fdc85..2f6508c1cf 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 d795e471ad..1bb1538ae9 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 0e228c50f7..21527d21a8 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 72a7a2ff22..0d5f69c31e 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 2327b274ce..0d1e1b2461 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 3bbfc2c293..410206cd68 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 6719d12570..8b5d2d697b 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 72ca381f88..822c4bfd33 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 12ee7afd97..763ac87ff1 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 008d1d21d7..66fae26020 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 3df93c8f3d..a3cdc0088a 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 b129b1e5a0..26a813c74f 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 76728ebc59..c23912d20e 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 56caab8d0e..ce9be6e93f 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 d86ff408ea..db5586dccb 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 0f139f49e8..caba149c4b 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 39adaeaa61..42fb9ee58d 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 f857918d70..76b05e59a2 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 fd1e952d8e..34f0834c11 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 110e6cf16a..fe473f4c5b 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 73ac03f43a..ac9c3babed 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 90725d4f5d..88e7771be4 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 6d5b45b1ea..88e3212ebc 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 f187a91127..2cf15cb7bb 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 6091bfc823..1a349c9175 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 556b5444d9..090c2d825b 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 4cbc447f2d..21aabfa739 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 beec1c5920..81ce997a6a 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 739ec40783..8f01043670 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 94f3922d36..77aad10408 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 ba7f489644..d4129a6d36 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 62501aab95..16cec2bdce 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 ae039f7de3..bf0d8caa02 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 b9437070df..ad45e5e7ad 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 c0266713b2..62220bb8b2 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 62d8c97f2b..6a2141f51a 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 c30b44519c..c62e9fea8c 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 b5a2ae4d46..55765f7b70 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 5a7dac6176..8f37b628cd 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 2047ed03e6..69a392cea3 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 4c06ae433a..0c5f32b9e7 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 724b72452e..4da694f5a5 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 8671f9cb64..e912995220 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 e028306107..20e4359c21 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 c138f08284..3d97400e5f 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 d2813d4ff6..e4127086a3 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 0662b77339..cf01c9eb57 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 c7f728db5c..00fc06d4ce 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 2e36a726c2..e35077a66d 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 cba61a67e3..25568ccadf 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 555838004b..fa6e3de24b 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 02f02c109f..dcf437af4a 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;