From 441dc33e380dbf3197be36d9c94a0ff746d8cd45 Mon Sep 17 00:00:00 2001 From: Eva Marco Date: Wed, 24 Sep 2025 11:18:34 +0200 Subject: [PATCH] :recycle: Add shortcut to scss import paths (#7364) * :tada: Add config for shortcut imports * :recycle: Change import paths --- docs/technical-guide/developer/ui.md | 6 +++--- frontend/scripts/_worker.js | 1 + .../src/app/main/ui/components/code_block.scss | 4 ++-- frontend/src/app/main/ui/components/title_bar.scss | 2 +- .../src/app/main/ui/dashboard/placeholder.scss | 2 +- frontend/src/app/main/ui/dashboard/sidebar.scss | 14 +++++++------- .../src/app/main/ui/dashboard/subscription.scss | 12 +++++++++--- frontend/src/app/main/ui/ds/_borders.scss | 2 +- frontend/src/app/main/ui/ds/_sizes.scss | 2 +- frontend/src/app/main/ui/ds/buttons/_buttons.scss | 6 +++--- frontend/src/app/main/ui/ds/buttons/button.scss | 2 +- .../src/app/main/ui/ds/buttons/icon_button.scss | 4 ++-- frontend/src/app/main/ui/ds/controls/combobox.scss | 6 +++--- frontend/src/app/main/ui/ds/controls/input.scss | 2 +- .../src/app/main/ui/ds/controls/numeric_input.scss | 6 +++--- frontend/src/app/main/ui/ds/controls/select.scss | 6 +++--- .../src/app/main/ui/ds/controls/shared/option.scss | 6 +++--- .../ui/ds/controls/shared/options_dropdown.scss | 6 +++--- .../main/ui/ds/controls/shared/token_option.scss | 6 +++--- .../ui/ds/controls/utilities/hint_message.scss | 4 ++-- .../main/ui/ds/controls/utilities/input_field.scss | 8 ++++---- .../app/main/ui/ds/controls/utilities/label.scss | 6 +++--- .../main/ui/ds/controls/utilities/token_field.scss | 8 ++++---- .../main/ui/ds/foundations/typography/heading.scss | 2 +- .../main/ui/ds/foundations/typography/text.scss | 2 +- .../src/app/main/ui/ds/layout/tab_switcher.scss | 6 +++--- .../app/main/ui/ds/notifications/actionable.scss | 4 ++-- .../ds/notifications/shared/notification_pill.scss | 6 +++--- .../src/app/main/ui/ds/notifications/toast.scss | 10 +++++----- frontend/src/app/main/ui/ds/product/avatar.scss | 4 ++-- frontend/src/app/main/ui/ds/product/cta.scss | 8 ++++---- .../app/main/ui/ds/product/empty_placeholder.scss | 4 ++-- .../app/main/ui/ds/product/input_with_meta.scss | 8 ++++---- frontend/src/app/main/ui/ds/product/milestone.scss | 6 +++--- .../app/main/ui/ds/product/milestone_group.scss | 6 +++--- frontend/src/app/main/ui/ds/spacing.scss | 2 +- frontend/src/app/main/ui/ds/tooltip/tooltip.scss | 6 +++--- frontend/src/app/main/ui/ds/typography.scss | 2 +- frontend/src/app/main/ui/ds/utilities/swatch.scss | 6 +++--- frontend/src/app/main/ui/inspect/attributes.scss | 4 ++-- .../src/app/main/ui/inspect/right_sidebar.scss | 2 +- .../app/main/ui/inspect/styles/properties_row.scss | 6 +++--- .../inspect/styles/property_detail_copiable.scss | 6 +++--- .../src/app/main/ui/inspect/styles/style_box.scss | 2 +- .../src/app/main/ui/settings/subscription.scss | 6 +++--- .../src/app/main/ui/workspace/colorpicker.scss | 10 +++++----- .../ui/workspace/colorpicker/color_tokens.scss | 6 +++--- frontend/src/app/main/ui/workspace/palette.scss | 6 +++--- frontend/src/app/main/ui/workspace/sidebar.scss | 2 +- .../ui/workspace/sidebar/assets/file_library.scss | 2 +- .../src/app/main/ui/workspace/sidebar/options.scss | 2 +- .../workspace/sidebar/options/drawing/frame.scss | 2 +- .../workspace/sidebar/options/menus/component.scss | 2 +- .../ui/workspace/sidebar/options/menus/shadow.scss | 2 +- .../app/main/ui/workspace/sidebar/versions.scss | 2 +- .../src/app/main/ui/workspace/tokens/export.scss | 6 +++--- .../app/main/ui/workspace/tokens/export/modal.scss | 6 +++--- .../app/main/ui/workspace/tokens/import/modal.scss | 6 +++--- .../app/main/ui/workspace/tokens/management.scss | 2 +- .../workspace/tokens/management/context_menu.scss | 2 +- .../workspace/tokens/management/create/form.scss | 6 +++--- .../create/input_token_color_bullet.scss | 4 ++-- .../management/create/input_tokens_value.scss | 4 ++-- .../ui/workspace/tokens/management/token_pill.scss | 6 +++--- .../src/app/main/ui/workspace/tokens/sets.scss | 2 +- .../ui/workspace/tokens/sets/context_menu.scss | 2 +- .../app/main/ui/workspace/tokens/sets/lists.scss | 2 +- .../main/ui/workspace/tokens/settings/menu.scss | 2 +- .../src/app/main/ui/workspace/tokens/sidebar.scss | 4 ++-- .../src/app/main/ui/workspace/tokens/themes.scss | 6 +++--- .../ui/workspace/tokens/themes/create_modal.scss | 2 +- 71 files changed, 167 insertions(+), 160 deletions(-) diff --git a/docs/technical-guide/developer/ui.md b/docs/technical-guide/developer/ui.md index ec2cd64ca8..86bae426b3 100644 --- a/docs/technical-guide/developer/ui.md +++ b/docs/technical-guide/developer/ui.md @@ -234,7 +234,7 @@ Use variables from `frontend/src/app/main/ui/ds/spacing.scss`. These are predefi For fixed dimensions (e.g., modals' widths) defined by design and not layout-driven, use or define variables in `frontend/src/app/main/ui/ds/_sizes.scss`. To use them: ```scss -@use "../_sizes.scss" as *; +@use "ds/_sizes.scss" as *; ``` Note: Since these values haven't been semantically defined yet, we’re temporarily using SASS variables instead of named CSS custom properties. @@ -242,7 +242,7 @@ Note: Since these values haven't been semantically defined yet, we’re temporar Use border thickness variables from `frontend/src/app/main/ui/ds/_borders.scss`. To import: ```scss -@use "../_borders.scss" as *; +@use "ds/_borders.scss" as *; ``` Avoid using sass variables defined on `frontend/resources/styles/common/refactor/spacing.scss` that are deprecated. @@ -314,7 +314,7 @@ When applying typography in SCSS, use the proper mixin from the Design System. ✅ **DO: Use the DS mixin** ```scss -@use "../ds/typography.scss" as t; +@use "ds/typography.scss" as t; .class { @include t.use-typography("body-small"); diff --git a/frontend/scripts/_worker.js b/frontend/scripts/_worker.js index 103eac3e99..80ba2f6bf6 100644 --- a/frontend/scripts/_worker.js +++ b/frontend/scripts/_worker.js @@ -24,6 +24,7 @@ async function compileFile(path) { "node_modules/animate.css", "resources/styles/common/", "resources/styles", + "src/app/main/ui/", ], sourceMap: false, }); diff --git a/frontend/src/app/main/ui/components/code_block.scss b/frontend/src/app/main/ui/components/code_block.scss index 0e38ae1c80..69b4658f0f 100644 --- a/frontend/src/app/main/ui/components/code_block.scss +++ b/frontend/src/app/main/ui/components/code_block.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/typography.scss" as t; -@use "../ds/borders" as *; +@use "ds/typography.scss" as t; +@use "ds/_borders.scss" as *; .code-display { @include t.use-typography("code-font"); diff --git a/frontend/src/app/main/ui/components/title_bar.scss b/frontend/src/app/main/ui/components/title_bar.scss index 06586905cb..d4f5837055 100644 --- a/frontend/src/app/main/ui/components/title_bar.scss +++ b/frontend/src/app/main/ui/components/title_bar.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/typography.scss" as t; +@use "ds/typography.scss" as t; @use "refactor/common-refactor.scss" as *; .title-bar { diff --git a/frontend/src/app/main/ui/dashboard/placeholder.scss b/frontend/src/app/main/ui/dashboard/placeholder.scss index 590d38289a..0226ba88ec 100644 --- a/frontend/src/app/main/ui/dashboard/placeholder.scss +++ b/frontend/src/app/main/ui/dashboard/placeholder.scss @@ -6,7 +6,7 @@ @use "common/refactor/common-refactor.scss" as *; @use "./grid.scss" as g; -@use "../ds/typography.scss" as t; +@use "ds/typography.scss" as t; .grid-empty-placeholder { border-radius: $br-12; diff --git a/frontend/src/app/main/ui/dashboard/sidebar.scss b/frontend/src/app/main/ui/dashboard/sidebar.scss index 9fb9235aa6..4c62bdcff6 100644 --- a/frontend/src/app/main/ui/dashboard/sidebar.scss +++ b/frontend/src/app/main/ui/dashboard/sidebar.scss @@ -4,13 +4,13 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/typography.scss" as t; -@use "../ds/colors.scss" as *; -@use "../ds/spacing.scss" as *; -@use "../ds/_borders.scss" as *; -@use "../ds/_sizes.scss" as *; -@use "../ds/_utils.scss" as *; -@use "../ds/z-index.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/colors.scss" as *; +@use "ds/spacing.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_utils.scss" as *; +@use "ds/z-index.scss" as *; @use "common/refactor/common-dashboard"; @use "common/refactor/common-refactor.scss" as deprecated; diff --git a/frontend/src/app/main/ui/dashboard/subscription.scss b/frontend/src/app/main/ui/dashboard/subscription.scss index edf4616c08..5a1251ee9c 100644 --- a/frontend/src/app/main/ui/dashboard/subscription.scss +++ b/frontend/src/app/main/ui/dashboard/subscription.scss @@ -1,8 +1,14 @@ +// This Source Code Form is subject to the terms of the Mozilla Public +// License, v. 2.0. If a copy of the MPL was not distributed with this +// file, You can obtain one at http://mozilla.org/MPL/2.0/. +// +// Copyright (c) KALEIDOS INC + @use "common/refactor/common-refactor.scss" as *; @use "common/refactor/common-dashboard"; -@use "../ds/typography.scss" as t; -@use "../ds/_borders.scss" as *; -@use "../ds/spacing.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_borders.scss" as *; +@use "ds/spacing.scss" as *; .cta-power-up { display: flex; diff --git a/frontend/src/app/main/ui/ds/_borders.scss b/frontend/src/app/main/ui/ds/_borders.scss index cccca570ff..2c3ee5cb84 100644 --- a/frontend/src/app/main/ui/ds/_borders.scss +++ b/frontend/src/app/main/ui/ds/_borders.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "./utils.scss" as *; +@use "ds/_utils.scss" as *; // TODO: create actual tokens once we have them from design $br-8: px2rem(8); diff --git a/frontend/src/app/main/ui/ds/_sizes.scss b/frontend/src/app/main/ui/ds/_sizes.scss index 835dfaed0f..10490971ab 100644 --- a/frontend/src/app/main/ui/ds/_sizes.scss +++ b/frontend/src/app/main/ui/ds/_sizes.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "./utils.scss" as *; +@use "ds/_utils.scss" as *; // TODO: create actual tokens once we have them from design $sz-1: px2rem(1); diff --git a/frontend/src/app/main/ui/ds/buttons/_buttons.scss b/frontend/src/app/main/ui/ds/buttons/_buttons.scss index 08aa9fb81c..64f34c5b1a 100644 --- a/frontend/src/app/main/ui/ds/buttons/_buttons.scss +++ b/frontend/src/app/main/ui/ds/buttons/_buttons.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../_sizes.scss" as *; -@use "../utils.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_utils.scss" as *; %base-button { --button-bg-color: initial; diff --git a/frontend/src/app/main/ui/ds/buttons/button.scss b/frontend/src/app/main/ui/ds/buttons/button.scss index 5e7b2cfe63..5294181f0a 100644 --- a/frontend/src/app/main/ui/ds/buttons/button.scss +++ b/frontend/src/app/main/ui/ds/buttons/button.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../typography.scss" as *; +@use "ds/typography.scss" as *; @use "./buttons" as *; .button { diff --git a/frontend/src/app/main/ui/ds/buttons/icon_button.scss b/frontend/src/app/main/ui/ds/buttons/icon_button.scss index 3a75812646..26c8692558 100644 --- a/frontend/src/app/main/ui/ds/buttons/icon_button.scss +++ b/frontend/src/app/main/ui/ds/buttons/icon_button.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../typography.scss" as *; -@use "../_sizes.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_sizes.scss" as *; @use "./buttons" as *; .icon-button { diff --git a/frontend/src/app/main/ui/ds/controls/combobox.scss b/frontend/src/app/main/ui/ds/controls/combobox.scss index 18eb9051ad..3df8586715 100644 --- a/frontend/src/app/main/ui/ds/controls/combobox.scss +++ b/frontend/src/app/main/ui/ds/controls/combobox.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../_sizes.scss" as *; -@use "../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; .wrapper { --combobox-icon-color: var(--color-icon-default); diff --git a/frontend/src/app/main/ui/ds/controls/input.scss b/frontend/src/app/main/ui/ds/controls/input.scss index a78df29a1b..3de9b95466 100644 --- a/frontend/src/app/main/ui/ds/controls/input.scss +++ b/frontend/src/app/main/ui/ds/controls/input.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../spacing.scss" as *; +@use "ds/spacing.scss" as *; .input-wrapper { display: flex; diff --git a/frontend/src/app/main/ui/ds/controls/numeric_input.scss b/frontend/src/app/main/ui/ds/controls/numeric_input.scss index 14b8b194a5..a30b94d82b 100644 --- a/frontend/src/app/main/ui/ds/controls/numeric_input.scss +++ b/frontend/src/app/main/ui/ds/controls/numeric_input.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../spacing.scss" as *; -@use "../borders.scss" as *; -@use "../sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/spacing.scss" as *; +@use "ds/_sizes.scss" as *; .input-wrapper { --opacity-button: 0; diff --git a/frontend/src/app/main/ui/ds/controls/select.scss b/frontend/src/app/main/ui/ds/controls/select.scss index 6f5856f1ad..f372013b95 100644 --- a/frontend/src/app/main/ui/ds/controls/select.scss +++ b/frontend/src/app/main/ui/ds/controls/select.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../_sizes.scss" as *; -@use "../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; .select-wrapper { --select-icon-color: var(--color-icon-default); diff --git a/frontend/src/app/main/ui/ds/controls/shared/option.scss b/frontend/src/app/main/ui/ds/controls/shared/option.scss index 9720ad3960..0c2462206b 100644 --- a/frontend/src/app/main/ui/ds/controls/shared/option.scss +++ b/frontend/src/app/main/ui/ds/controls/shared/option.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../_borders.scss" as *; -@use "../../_sizes.scss" as *; -@use "../../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; .option { --options-fg-color: var(--color-foreground-primary); diff --git a/frontend/src/app/main/ui/ds/controls/shared/options_dropdown.scss b/frontend/src/app/main/ui/ds/controls/shared/options_dropdown.scss index c5592673b9..59f72657b4 100644 --- a/frontend/src/app/main/ui/ds/controls/shared/options_dropdown.scss +++ b/frontend/src/app/main/ui/ds/controls/shared/options_dropdown.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../_borders.scss" as *; -@use "../../_sizes.scss" as *; -@use "../../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; .option-list { --options-dropdown-icon-fg-color: var(--color-foreground-secondary); diff --git a/frontend/src/app/main/ui/ds/controls/shared/token_option.scss b/frontend/src/app/main/ui/ds/controls/shared/token_option.scss index e168da53a5..884ddfea54 100644 --- a/frontend/src/app/main/ui/ds/controls/shared/token_option.scss +++ b/frontend/src/app/main/ui/ds/controls/shared/token_option.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../_borders.scss" as *; -@use "../../_sizes.scss" as *; -@use "../../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; .token-option { --token-options-fg-color: var(--color-foreground-primary); diff --git a/frontend/src/app/main/ui/ds/controls/utilities/hint_message.scss b/frontend/src/app/main/ui/ds/controls/utilities/hint_message.scss index c80cf0e1a5..1112a3f816 100644 --- a/frontend/src/app/main/ui/ds/controls/utilities/hint_message.scss +++ b/frontend/src/app/main/ui/ds/controls/utilities/hint_message.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../../typography.scss" as *; -@use "../../colors.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/colors.scss" as *; .hint-message { --hint-color: var(--color-foreground-secondary); diff --git a/frontend/src/app/main/ui/ds/controls/utilities/input_field.scss b/frontend/src/app/main/ui/ds/controls/utilities/input_field.scss index ca2eb27785..08d00e7807 100644 --- a/frontend/src/app/main/ui/ds/controls/utilities/input_field.scss +++ b/frontend/src/app/main/ui/ds/controls/utilities/input_field.scss @@ -4,10 +4,10 @@ // // Copyright (c) KALEIDOS INC -@use "../../_borders.scss" as *; -@use "../../_sizes.scss" as *; -@use "../../typography.scss" as *; -@use "../../colors.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/colors.scss" as *; .input-wrapper { --input-bg-color: var(--color-background-tertiary); diff --git a/frontend/src/app/main/ui/ds/controls/utilities/label.scss b/frontend/src/app/main/ui/ds/controls/utilities/label.scss index 740204fcae..405beb6c6f 100644 --- a/frontend/src/app/main/ui/ds/controls/utilities/label.scss +++ b/frontend/src/app/main/ui/ds/controls/utilities/label.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../typography.scss" as *; -@use "../../colors.scss" as *; -@use "../../spacing.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/colors.scss" as *; +@use "ds/spacing.scss" as *; .label { --label-color: var(--color-foreground-primary); diff --git a/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss b/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss index ab5b35484d..07a60ccb05 100644 --- a/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss +++ b/frontend/src/app/main/ui/ds/controls/utilities/token_field.scss @@ -4,10 +4,10 @@ // // Copyright (c) KALEIDOS INC -@use "../../_borders.scss" as *; -@use "../../_sizes.scss" as *; -@use "../../typography.scss" as t; -@use "../../colors.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/colors.scss" as *; .token-field { --token-field-bg-color: var(--color-background-tertiary); diff --git a/frontend/src/app/main/ui/ds/foundations/typography/heading.scss b/frontend/src/app/main/ui/ds/foundations/typography/heading.scss index 67c16bd367..37256f5fec 100644 --- a/frontend/src/app/main/ui/ds/foundations/typography/heading.scss +++ b/frontend/src/app/main/ui/ds/foundations/typography/heading.scss @@ -3,7 +3,7 @@ // file, You can obtain one at http://mozilla.org/MPL/2.0/. // // Copyright (c) KALEIDOS INC -@use "../../typography.scss" as t; +@use "ds/typography.scss" as t; .display-typography { @include t.use-typography("display"); diff --git a/frontend/src/app/main/ui/ds/foundations/typography/text.scss b/frontend/src/app/main/ui/ds/foundations/typography/text.scss index 67c16bd367..37256f5fec 100644 --- a/frontend/src/app/main/ui/ds/foundations/typography/text.scss +++ b/frontend/src/app/main/ui/ds/foundations/typography/text.scss @@ -3,7 +3,7 @@ // file, You can obtain one at http://mozilla.org/MPL/2.0/. // // Copyright (c) KALEIDOS INC -@use "../../typography.scss" as t; +@use "ds/typography.scss" as t; .display-typography { @include t.use-typography("display"); diff --git a/frontend/src/app/main/ui/ds/layout/tab_switcher.scss b/frontend/src/app/main/ui/ds/layout/tab_switcher.scss index 0a85096956..f25fc4ccd9 100644 --- a/frontend/src/app/main/ui/ds/layout/tab_switcher.scss +++ b/frontend/src/app/main/ui/ds/layout/tab_switcher.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as *; .tabs { --tabs-bg-color: var(--color-background-secondary); diff --git a/frontend/src/app/main/ui/ds/notifications/actionable.scss b/frontend/src/app/main/ui/ds/notifications/actionable.scss index d69dffcf4e..23ca9c6eae 100644 --- a/frontend/src/app/main/ui/ds/notifications/actionable.scss +++ b/frontend/src/app/main/ui/ds/notifications/actionable.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as *; .notification { @include use-typography("body-medium"); diff --git a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss index 9216f12858..3cf7b1bd2c 100644 --- a/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss +++ b/frontend/src/app/main/ui/ds/notifications/shared/notification_pill.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../_sizes.scss" as *; -@use "../../_borders.scss" as *; -@use "../../typography.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as *; .notification-pill { @include use-typography("body-medium"); diff --git a/frontend/src/app/main/ui/ds/notifications/toast.scss b/frontend/src/app/main/ui/ds/notifications/toast.scss index aabed6bd09..c09629bfdd 100644 --- a/frontend/src/app/main/ui/ds/notifications/toast.scss +++ b/frontend/src/app/main/ui/ds/notifications/toast.scss @@ -4,11 +4,11 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as *; -@use "../spacing.scss" as *; -@use "../z-index.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/spacing.scss" as *; +@use "ds/z-index.scss" as *; .toast { --toast-icon-color: var(--color-foreground-secondary); diff --git a/frontend/src/app/main/ui/ds/product/avatar.scss b/frontend/src/app/main/ui/ds/product/avatar.scss index eac040a8eb..36952c13d7 100644 --- a/frontend/src/app/main/ui/ds/product/avatar.scss +++ b/frontend/src/app/main/ui/ds/product/avatar.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .avatar { border-radius: $br-circle; diff --git a/frontend/src/app/main/ui/ds/product/cta.scss b/frontend/src/app/main/ui/ds/product/cta.scss index a08238958c..20d82a77c6 100644 --- a/frontend/src/app/main/ui/ds/product/cta.scss +++ b/frontend/src/app/main/ui/ds/product/cta.scss @@ -4,10 +4,10 @@ // // Copyright (c) KALEIDOS INC -@use "../colors.scss" as *; -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as t; +@use "ds/colors.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as t; .cta { border-radius: $br-8; diff --git a/frontend/src/app/main/ui/ds/product/empty_placeholder.scss b/frontend/src/app/main/ui/ds/product/empty_placeholder.scss index cc4654b9e7..2850b67eb5 100644 --- a/frontend/src/app/main/ui/ds/product/empty_placeholder.scss +++ b/frontend/src/app/main/ui/ds/product/empty_placeholder.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .empty-placeholder { display: grid; diff --git a/frontend/src/app/main/ui/ds/product/input_with_meta.scss b/frontend/src/app/main/ui/ds/product/input_with_meta.scss index e2f63f1bf4..a01190d120 100644 --- a/frontend/src/app/main/ui/ds/product/input_with_meta.scss +++ b/frontend/src/app/main/ui/ds/product/input_with_meta.scss @@ -4,10 +4,10 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../spacing.scss" as *; -@use "../_sizes.scss" as *; -@use "../typography.scss" as t; +@use "ds/_borders.scss" as *; +@use "ds/spacing.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/typography.scss" as t; .input-with-meta-container { --input-meta-value: var(--color-foreground-primary); diff --git a/frontend/src/app/main/ui/ds/product/milestone.scss b/frontend/src/app/main/ui/ds/product/milestone.scss index b4ec7ab7ab..5e276d23a0 100644 --- a/frontend/src/app/main/ui/ds/product/milestone.scss +++ b/frontend/src/app/main/ui/ds/product/milestone.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as t; .milestone { border: $b-1 solid var(--border-color, transparent); diff --git a/frontend/src/app/main/ui/ds/product/milestone_group.scss b/frontend/src/app/main/ui/ds/product/milestone_group.scss index 0ed02e1f16..43c71ce334 100644 --- a/frontend/src/app/main/ui/ds/product/milestone_group.scss +++ b/frontend/src/app/main/ui/ds/product/milestone_group.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as t; .milestone { border: $b-1 solid var(--border-color, transparent); diff --git a/frontend/src/app/main/ui/ds/spacing.scss b/frontend/src/app/main/ui/ds/spacing.scss index 577a182358..2c242a056b 100644 --- a/frontend/src/app/main/ui/ds/spacing.scss +++ b/frontend/src/app/main/ui/ds/spacing.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "./utils.scss" as *; +@use "ds/_utils.scss" as *; $_sp-2: px2rem(2); $_sp-4: px2rem(4); diff --git a/frontend/src/app/main/ui/ds/tooltip/tooltip.scss b/frontend/src/app/main/ui/ds/tooltip/tooltip.scss index fcce788d33..df9047d2dd 100644 --- a/frontend/src/app/main/ui/ds/tooltip/tooltip.scss +++ b/frontend/src/app/main/ui/ds/tooltip/tooltip.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_sizes.scss" as *; -@use "../_borders.scss" as *; -@use "../typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/typography.scss" as t; $arrow-side: 12px; diff --git a/frontend/src/app/main/ui/ds/typography.scss b/frontend/src/app/main/ui/ds/typography.scss index 6cb7014877..6ca2fd6670 100644 --- a/frontend/src/app/main/ui/ds/typography.scss +++ b/frontend/src/app/main/ui/ds/typography.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "./utils.scss" as *; +@use "ds/_utils.scss" as *; $_font-weight-regular: 400; $_font-weight-medium: 500; diff --git a/frontend/src/app/main/ui/ds/utilities/swatch.scss b/frontend/src/app/main/ui/ds/utilities/swatch.scss index 6fb070bfc0..2fdf815472 100644 --- a/frontend/src/app/main/ui/ds/utilities/swatch.scss +++ b/frontend/src/app/main/ui/ds/utilities/swatch.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../_borders.scss" as *; -@use "../_sizes.scss" as *; -@use "../colors.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/colors.scss" as *; .swatch { --border-color: var(--color-accent-primary-muted); diff --git a/frontend/src/app/main/ui/inspect/attributes.scss b/frontend/src/app/main/ui/inspect/attributes.scss index c70b8a0072..b20d543d20 100644 --- a/frontend/src/app/main/ui/inspect/attributes.scss +++ b/frontend/src/app/main/ui/inspect/attributes.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/_sizes.scss" as *; -@use "../ds/utils" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_utils.scss" as *; .element-options { display: flex; diff --git a/frontend/src/app/main/ui/inspect/right_sidebar.scss b/frontend/src/app/main/ui/inspect/right_sidebar.scss index 705b663d2c..26cef04ba3 100644 --- a/frontend/src/app/main/ui/inspect/right_sidebar.scss +++ b/frontend/src/app/main/ui/inspect/right_sidebar.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/typography.scss" as *; +@use "ds/typography.scss" as *; @use "refactor/common-refactor.scss" as *; .settings-bar-right { diff --git a/frontend/src/app/main/ui/inspect/styles/properties_row.scss b/frontend/src/app/main/ui/inspect/styles/properties_row.scss index ef0f762664..9a77c82a32 100644 --- a/frontend/src/app/main/ui/inspect/styles/properties_row.scss +++ b/frontend/src/app/main/ui/inspect/styles/properties_row.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; -@use "../../ds/_sizes.scss" as *; -@use "../../ds/_borders.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; // TOKENS ROW diff --git a/frontend/src/app/main/ui/inspect/styles/property_detail_copiable.scss b/frontend/src/app/main/ui/inspect/styles/property_detail_copiable.scss index f0e7225500..2b61ba6bc2 100644 --- a/frontend/src/app/main/ui/inspect/styles/property_detail_copiable.scss +++ b/frontend/src/app/main/ui/inspect/styles/property_detail_copiable.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; -@use "../../ds/_sizes.scss" as *; -@use "../../ds/_borders.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .property-detail-copiable { --detail-color: var(--color-foreground-primary); diff --git a/frontend/src/app/main/ui/inspect/styles/style_box.scss b/frontend/src/app/main/ui/inspect/styles/style_box.scss index 9cb2281d96..25370d973c 100644 --- a/frontend/src/app/main/ui/inspect/styles/style_box.scss +++ b/frontend/src/app/main/ui/inspect/styles/style_box.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; +@use "ds/typography.scss" as *; .style-box { --title-gap: var(--sp-xs); diff --git a/frontend/src/app/main/ui/settings/subscription.scss b/frontend/src/app/main/ui/settings/subscription.scss index b74acbef43..1dfbb958f2 100644 --- a/frontend/src/app/main/ui/settings/subscription.scss +++ b/frontend/src/app/main/ui/settings/subscription.scss @@ -5,9 +5,9 @@ // Copyright (c) KALEIDOS INC @use "common/refactor/common-refactor.scss" as *; -@use "../ds/typography.scss" as t; -@use "../ds/_borders.scss" as *; -@use "../ds/spacing.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_borders.scss" as *; +@use "ds/spacing.scss" as *; .dashboard-section { display: flex; diff --git a/frontend/src/app/main/ui/workspace/colorpicker.scss b/frontend/src/app/main/ui/workspace/colorpicker.scss index 2f68ef9db3..1d7e303d41 100644 --- a/frontend/src/app/main/ui/workspace/colorpicker.scss +++ b/frontend/src/app/main/ui/workspace/colorpicker.scss @@ -4,11 +4,11 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/typography.scss" as t; -@use "../ds/spacing.scss"; -@use "../ds/_borders.scss" as *; -@use "../ds/_sizes.scss" as *; -@use "../ds/utils" as *; +@use "ds/typography.scss" as t; +@use "ds/spacing.scss"; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_utils.scss" as *; @use "refactor/basic-rules.scss" as *; .colorpicker-tooltip { diff --git a/frontend/src/app/main/ui/workspace/colorpicker/color_tokens.scss b/frontend/src/app/main/ui/workspace/colorpicker/color_tokens.scss index 7eb79a3aaf..936882e085 100644 --- a/frontend/src/app/main/ui/workspace/colorpicker/color_tokens.scss +++ b/frontend/src/app/main/ui/workspace/colorpicker/color_tokens.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as t; -@use "../../ds/_borders.scss" as *; -@use "../../ds/_sizes.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; .color-token-list { display: flex; diff --git a/frontend/src/app/main/ui/workspace/palette.scss b/frontend/src/app/main/ui/workspace/palette.scss index bd55f2754f..1478e0de37 100644 --- a/frontend/src/app/main/ui/workspace/palette.scss +++ b/frontend/src/app/main/ui/workspace/palette.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/spacing.scss" as *; -@use "../ds/z-index.scss" as *; -@use "../ds/_sizes.scss" as *; +@use "ds/spacing.scss" as *; +@use "ds/z-index.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; diff --git a/frontend/src/app/main/ui/workspace/sidebar.scss b/frontend/src/app/main/ui/workspace/sidebar.scss index 0b799eb72a..6b2fd009cd 100644 --- a/frontend/src/app/main/ui/workspace/sidebar.scss +++ b/frontend/src/app/main/ui/workspace/sidebar.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../ds/_sizes.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; $width-settings-bar: $sz-318; diff --git a/frontend/src/app/main/ui/workspace/sidebar/assets/file_library.scss b/frontend/src/app/main/ui/workspace/sidebar/assets/file_library.scss index a655508846..c3db55138b 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/assets/file_library.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/assets/file_library.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as t; +@use "ds/typography.scss" as t; @use "refactor/common-refactor.scss" as *; .tool-window { padding: 0 0 $s-24 $s-12; diff --git a/frontend/src/app/main/ui/workspace/sidebar/options.scss b/frontend/src/app/main/ui/workspace/sidebar/options.scss index 426f6c5cdb..bdc584e905 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/_sizes.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; .tool-window { diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/drawing/frame.scss b/frontend/src/app/main/ui/workspace/sidebar/options/drawing/frame.scss index 4dc8a6b362..851b7172b1 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/drawing/frame.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options/drawing/frame.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/_sizes.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; .presets { diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss index bb5dbfea3e..8d6309a1c7 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/component.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/typography.scss" as t; +@use "ds/typography.scss" as t; @use "refactor/common-refactor.scss" as *; .element-set { diff --git a/frontend/src/app/main/ui/workspace/sidebar/options/menus/shadow.scss b/frontend/src/app/main/ui/workspace/sidebar/options/menus/shadow.scss index c90abe9c44..7e54aba03d 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/options/menus/shadow.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/options/menus/shadow.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/_sizes.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; .element-set { diff --git a/frontend/src/app/main/ui/workspace/sidebar/versions.scss b/frontend/src/app/main/ui/workspace/sidebar/versions.scss index 4f6fb41f33..a32de791ce 100644 --- a/frontend/src/app/main/ui/workspace/sidebar/versions.scss +++ b/frontend/src/app/main/ui/workspace/sidebar/versions.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as t; +@use "ds/typography.scss" as t; @use "refactor/common-refactor.scss" as *; .version-toolbox { diff --git a/frontend/src/app/main/ui/workspace/tokens/export.scss b/frontend/src/app/main/ui/workspace/tokens/export.scss index ce1c64a32f..d0cb390bde 100644 --- a/frontend/src/app/main/ui/workspace/tokens/export.scss +++ b/frontend/src/app/main/ui/workspace/tokens/export.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as t; -@use "../../ds/_sizes.scss" as *; -@use "../../ds/_borders.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; @use "refactor/common-refactor.scss" as *; .modal-overlay { diff --git a/frontend/src/app/main/ui/workspace/tokens/export/modal.scss b/frontend/src/app/main/ui/workspace/tokens/export/modal.scss index 7b50b1c350..81d4af36f8 100644 --- a/frontend/src/app/main/ui/workspace/tokens/export/modal.scss +++ b/frontend/src/app/main/ui/workspace/tokens/export/modal.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as t; -@use "../../../ds/_sizes.scss" as *; -@use "../../../ds/_borders.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .export-modal-wrapper { display: flex; diff --git a/frontend/src/app/main/ui/workspace/tokens/import/modal.scss b/frontend/src/app/main/ui/workspace/tokens/import/modal.scss index ecc537f285..9d8671d48d 100644 --- a/frontend/src/app/main/ui/workspace/tokens/import/modal.scss +++ b/frontend/src/app/main/ui/workspace/tokens/import/modal.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as t; -@use "../../../ds/_borders.scss" as *; -@use "../../../ds/_sizes.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; .import-modal-wrapper { display: flex; diff --git a/frontend/src/app/main/ui/workspace/tokens/management.scss b/frontend/src/app/main/ui/workspace/tokens/management.scss index 57e274fb37..135d3bcc76 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; +@use "ds/typography.scss" as *; .sets-header-container { @include use-typography("headline-small"); diff --git a/frontend/src/app/main/ui/workspace/tokens/management/context_menu.scss b/frontend/src/app/main/ui/workspace/tokens/management/context_menu.scss index ddf7eebbf4..4405ebdfd3 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management/context_menu.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management/context_menu.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as *; +@use "ds/typography.scss" as *; @use "refactor/common-refactor.scss" as *; .token-context-menu { diff --git a/frontend/src/app/main/ui/workspace/tokens/management/create/form.scss b/frontend/src/app/main/ui/workspace/tokens/management/create/form.scss index 56b6e8b105..86000c0220 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management/create/form.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management/create/form.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/typography.scss" as t; -@use "../../../../ds/_sizes.scss" as *; -@use "../../../../ds/_borders.scss" as *; +@use "ds/typography.scss" as t; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .form-wrapper { width: $sz-384; diff --git a/frontend/src/app/main/ui/workspace/tokens/management/create/input_token_color_bullet.scss b/frontend/src/app/main/ui/workspace/tokens/management/create/input_token_color_bullet.scss index 855bbbd793..7ce04f34ca 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management/create/input_token_color_bullet.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management/create/input_token_color_bullet.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/_sizes.scss" as *; -@use "../../../../ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; +@use "ds/_borders.scss" as *; .input-token-color-bullet { --bullet-size: var(--sp-l); diff --git a/frontend/src/app/main/ui/workspace/tokens/management/create/input_tokens_value.scss b/frontend/src/app/main/ui/workspace/tokens/management/create/input_tokens_value.scss index ebcf71ba44..0fa2315b7a 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management/create/input_tokens_value.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management/create/input_tokens_value.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../../../../ds/typography.scss" as *; -@use "../../../../ds/_sizes.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *; diff --git a/frontend/src/app/main/ui/workspace/tokens/management/token_pill.scss b/frontend/src/app/main/ui/workspace/tokens/management/token_pill.scss index cab474f17d..e6df6d482e 100644 --- a/frontend/src/app/main/ui/workspace/tokens/management/token_pill.scss +++ b/frontend/src/app/main/ui/workspace/tokens/management/token_pill.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as *; -@use "../../../ds/borders.scss" as *; -@use "../../../ds/sizes.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_borders.scss" as *; +@use "ds/_sizes.scss" as *; .token-pill { @include use-typography("code-font"); diff --git a/frontend/src/app/main/ui/workspace/tokens/sets.scss b/frontend/src/app/main/ui/workspace/tokens/sets.scss index 4deb1e7400..48a320c21e 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sets.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sets.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; +@use "ds/typography.scss" as *; @use "refactor/common-refactor.scss" as *; .sets-list { diff --git a/frontend/src/app/main/ui/workspace/tokens/sets/context_menu.scss b/frontend/src/app/main/ui/workspace/tokens/sets/context_menu.scss index f6921dc696..9e9cc9e6eb 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sets/context_menu.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sets/context_menu.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as t; +@use "ds/typography.scss" as t; @use "refactor/common-refactor.scss" as *; .token-set-context-menu { diff --git a/frontend/src/app/main/ui/workspace/tokens/sets/lists.scss b/frontend/src/app/main/ui/workspace/tokens/sets/lists.scss index 2c25e3dc0c..48a320c21e 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sets/lists.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sets/lists.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/typography.scss" as *; +@use "ds/typography.scss" as *; @use "refactor/common-refactor.scss" as *; .sets-list { diff --git a/frontend/src/app/main/ui/workspace/tokens/settings/menu.scss b/frontend/src/app/main/ui/workspace/tokens/settings/menu.scss index 85d78ccaef..5c66f0fd5f 100644 --- a/frontend/src/app/main/ui/workspace/tokens/settings/menu.scss +++ b/frontend/src/app/main/ui/workspace/tokens/settings/menu.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/spacing.scss" as *; +@use "ds/spacing.scss" as *; @use "refactor/common-refactor.scss" as *; diff --git a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss index 02e0303766..b823bef42b 100644 --- a/frontend/src/app/main/ui/workspace/tokens/sidebar.scss +++ b/frontend/src/app/main/ui/workspace/tokens/sidebar.scss @@ -4,8 +4,8 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; -@use "../../ds/spacing.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/spacing.scss" as *; @use "refactor/common-refactor.scss" as *; .sidebar-wrapper { diff --git a/frontend/src/app/main/ui/workspace/tokens/themes.scss b/frontend/src/app/main/ui/workspace/tokens/themes.scss index e15e14a908..a96f9f341a 100644 --- a/frontend/src/app/main/ui/workspace/tokens/themes.scss +++ b/frontend/src/app/main/ui/workspace/tokens/themes.scss @@ -4,9 +4,9 @@ // // Copyright (c) KALEIDOS INC -@use "../../ds/typography.scss" as *; -@use "../../ds/_sizes" as *; -@use "../../ds/spacing.scss" as *; +@use "ds/typography.scss" as *; +@use "ds/_sizes" as *; +@use "ds/spacing.scss" as *; .themes-wrapper { padding: var(--sp-m) 0 0 var(--sp-m); diff --git a/frontend/src/app/main/ui/workspace/tokens/themes/create_modal.scss b/frontend/src/app/main/ui/workspace/tokens/themes/create_modal.scss index e64d0ddf07..39ad40009f 100644 --- a/frontend/src/app/main/ui/workspace/tokens/themes/create_modal.scss +++ b/frontend/src/app/main/ui/workspace/tokens/themes/create_modal.scss @@ -4,7 +4,7 @@ // // Copyright (c) KALEIDOS INC -@use "../../../ds/_sizes.scss" as *; +@use "ds/_sizes.scss" as *; @use "refactor/common-refactor.scss" as *;