Skip to content

Commit

Permalink
Replace @import with @use (#7424)
Browse files Browse the repository at this point in the history
  • Loading branch information
@laske185
laske185 authored Feb 28, 2025
2 parents 958cd03 + 5686dea commit 12fe18f
Show file tree
Hide file tree
Showing 325 changed files with 495 additions and 460 deletions.
5 changes: 3 additions & 2 deletions packages/components/src/components/@shared/_kol-button-mixin.scss
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,13 @@
@import 'mixins';
@import '../tooltip/style';
@use 'mixins' as *;
@use '../tooltip/style' as *;

@mixin kol-button-styles($block-classname) {
@layer kol-component {
:host {
//Needed for custom width
display: inline-block;
}

.#{$block-classname} {
font-style: rem(16);
display: inline-flex;
Expand Down
4 changes: 2 additions & 2 deletions packages/components/src/components/@shared/_kol-link-mixin.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import 'mixins';
@import '../tooltip/style';
@use 'mixins' as *;
@use '../tooltip/style' as *;

@mixin kol-link-styles($block-classname) {
@layer kol-component {
Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/@shared/_kol-table-stateless-mixin.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../@shared/mixins';
@import '../host-display-block';
@import '../tooltip/style.scss';
@use '../@shared/mixins' as *;
@use '../host-display-block' as *;
@use '../tooltip/style.scss' as *;

@mixin kol-table-stateless-styles {
@layer kol-component {
Expand Down
2 changes: 1 addition & 1 deletion packages/components/src/components/a11y.scss
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import '@shared/mixins';
@use '@shared/mixins' as *;

/*
* This file contains all rules for accessibility.
Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/abbr/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../tooltip/style.scss';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../tooltip/style.scss' as *;

@layer kol-component {
.kol-abbr {
Expand Down
8 changes: 4 additions & 4 deletions packages/components/src/components/accordion/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../host-display-block';
@import '../../functional-components/Collapsible/collapsible';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../host-display-block' as *;
@use '../../functional-components/Collapsible/collapsible' as *;

@layer kol-component {
.kol-accordion {
Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/alert/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;

Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/avatar/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../host-display-block';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../host-display-block' as *;

@layer kol-component {
.kol-avatar {
Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/badge/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../tooltip/style.scss';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../tooltip/style.scss' as *;

@layer kol-component {
.kol-badge {
Expand Down
4 changes: 2 additions & 2 deletions packages/components/src/components/breadcrumb/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;

@layer kol-component {
.kol-breadcrumb {
Expand Down
6 changes: 3 additions & 3 deletions packages/components/src/components/button-link/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../@shared/kol-link-mixin';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../@shared/kol-link-mixin' as *;

@include kol-link-styles('kol-button');
6 changes: 3 additions & 3 deletions packages/components/src/components/button/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../@shared/kol-button-mixin';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../@shared/kol-button-mixin' as *;

@include kol-button-styles('kol-button');
6 changes: 3 additions & 3 deletions packages/components/src/components/card/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../tooltip/style.scss';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../tooltip/style.scss' as *;

@layer kol-component {
.kol-card {
Expand Down
18 changes: 9 additions & 9 deletions packages/components/src/components/combobox/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-custom-suggestions-option';
@import '../../styles/kol-custom-suggestions-options-group';
@import '../../styles/kol-custom-suggestions-toggle';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-custom-suggestions-option' as *;
@use '../../styles/kol-custom-suggestions-options-group' as *;
@use '../../styles/kol-custom-suggestions-toggle' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-custom-suggestions-option;
Expand Down
8 changes: 4 additions & 4 deletions packages/components/src/components/details/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../host-display-block';
@import '../../functional-components/Collapsible/collapsible';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../host-display-block' as *;
@use '../../functional-components/Collapsible/collapsible' as *;

@layer kol-component {
.kol-details {
Expand Down
4 changes: 2 additions & 2 deletions packages/components/src/components/drawer/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;

@layer kol-component {
.kol-drawer {
Expand Down
10 changes: 5 additions & 5 deletions packages/components/src/components/form/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../host-display-block';
@import '../@shared/kol-link-mixin';
@import '../../styles/kol-alert-mixin';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../host-display-block' as *;
@use '../@shared/kol-link-mixin' as *;
@use '../../styles/kol-alert-mixin' as *;

@layer kol-component {
@include kol-link-styles('kol-link');
Expand Down
4 changes: 2 additions & 2 deletions packages/components/src/components/heading/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;

@layer kol-component {
.kol-headline {
Expand Down
5 changes: 3 additions & 2 deletions packages/components/src/components/icon/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../assets/codicons/codicon';
@use '../@shared/mixins' as *;
@use '../../assets/codicons/codicon' as *;

@layer kol-component {
/*
Expand All @@ -13,6 +13,7 @@
font-size: rem(16);
color: inherit;
line-height: inherit;

&__icon,
&__icon:before {
font-size: inherit !important;
Expand Down
4 changes: 2 additions & 2 deletions packages/components/src/components/image/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
@import '../@shared/mixins';
@import '../../styles/global';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;

@layer kol-component {
.kol-image {
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-checkbox/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-field-control-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../@shared/mixins';
@import '../host-display-block';
@import '../tooltip/style';
@use '../../styles/global' as *;
@use '../../styles/kol-field-control-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../@shared/mixins' as *;
@use '../host-display-block' as *;
@use '../tooltip/style' as *;

@include kol-form-field;
@include kol-field-control;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-color/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-date/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-email/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-file/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-number/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-password/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
14 changes: 7 additions & 7 deletions packages/components/src/components/input-radio/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
@import '../@shared/mixins';
@import '../../styles/global';
@import '../host-display-block';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-field-control-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;
@use '../host-display-block' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-field-control-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;

@include kol-alert;
@include kol-field-control;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-range/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
12 changes: 6 additions & 6 deletions packages/components/src/components/input-text/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
@import '../../styles/global';
@import '../../styles/kol-alert-mixin';
@import '../../styles/kol-form-field-mixin';
@import '../../styles/kol-input-container-mixin';
@import '../../styles/kol-input-mixin';
@import '../@shared/mixins';
@use '../../styles/global' as *;
@use '../../styles/kol-alert-mixin' as *;
@use '../../styles/kol-form-field-mixin' as *;
@use '../../styles/kol-input-container-mixin' as *;
@use '../../styles/kol-input-mixin' as *;
@use '../@shared/mixins' as *;

@include kol-alert;
@include kol-form-field;
Expand Down
5 changes: 3 additions & 2 deletions packages/components/src/components/kolibri/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,11 +1,12 @@
@import '../@shared/mixins';
@import '../../styles/global';
@use '../@shared/mixins' as *;
@use '../../styles/global' as *;

@layer kol-component {
.kol-kolibri {
display: inline-block;
font-size: rem(16);
max-height: 100%;

&__text {
font-size: rem(90);
letter-spacing: normal;
Expand Down
Loading

0 comments on commit 12fe18f

Please sign in to comment.