fix: format files with prettier

carbon-design-system · May 11, 2023 · deb8ab2 · deb8ab2
1 parent ba01860
commit deb8ab2
Show file tree

Hide file tree

Showing 21 changed files with 182 additions and 62 deletions.
diff --git a/packages/react/src/components/ListBox/ListBoxPropTypes.ts b/packages/react/src/components/ListBox/ListBoxPropTypes.ts
@@ -10,8 +10,8 @@ import PropTypes from 'prop-types';
 const listBoxTypes = ['default', 'inline'] as const;
 const listBoxSizes = ['sm', 'md', 'lg'] as const;
 
-export type ListBoxType = typeof listBoxTypes[number];
-export type ListBoxSize = typeof listBoxSizes[number];
+export type ListBoxType = (typeof listBoxTypes)[number];
+export type ListBoxSize = (typeof listBoxSizes)[number];
 
 export const ListBoxType = PropTypes.oneOf<ListBoxType>(listBoxTypes);
 export const ListBoxSize = PropTypes.oneOf<ListBoxSize>(listBoxSizes);
diff --git a/packages/styles/scss/components/content-switcher/_content-switcher.scss b/packages/styles/scss/components/content-switcher/_content-switcher.scss
@@ -315,7 +315,9 @@
     + .#{$prefix}--content-switcher-popover__wrapper
     .#{$prefix}--content-switcher-btn::before,
   .#{$prefix}--content-switcher-btn:hover::before,
-  .#{$prefix}--content-switcher-popover__wrapper:not(.#{$prefix}--content-switcher-popover--disabled):hover
+  .#{$prefix}--content-switcher-popover__wrapper:not(
+      .#{$prefix}--content-switcher-popover--disabled
+    ):hover
     + .#{$prefix}--content-switcher-popover__wrapper
     .#{$prefix}--content-switcher-btn::before,
   .#{$prefix}--content-switcher--selected::before,
@@ -337,7 +339,9 @@
   }
 
   .#{$prefix}--content-switcher--icon-only
-    .#{$prefix}--content-switcher-btn[disabled]:not(.#{$prefix}--content-switcher--selected):hover,
+    .#{$prefix}--content-switcher-btn[disabled]:not(
+      .#{$prefix}--content-switcher--selected
+    ):hover,
   .#{$prefix}--content-switcher--icon-only
     .#{$prefix}--content-switcher-popover--selected
     + .#{$prefix}--content-switcher-popover--disabled

diff --git a/packages/styles/scss/components/data-table/_data-table.scss b/packages/styles/scss/components/data-table/_data-table.scss
@@ -673,8 +673,12 @@
       min-height: 3rem;
     }
 
-    &:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--xl):not(.#{$prefix}--data-table--sm)
-      td:not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-column-checkbox) {
+    &:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--xl):not(
+        .#{$prefix}--data-table--sm
+      )
+      td:not(.#{$prefix}--table-column-menu):not(
+        .#{$prefix}--table-column-checkbox
+      ) {
       padding-top: rem(14px);
     }
 
@@ -741,8 +745,12 @@
       border-bottom: 0;
     }
 
-    th:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
-    td:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
+    th:not(.#{$prefix}--table-column-checkbox):not(
+        .#{$prefix}--table-column-menu
+      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
+    td:not(.#{$prefix}--table-column-checkbox):not(
+        .#{$prefix}--table-column-menu
+      ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
       width: 100%;
       min-width: 0;
     }

diff --git a/packages/styles/scss/components/data-table/_mixins.scss b/packages/styles/scss/components/data-table/_mixins.scss
@@ -25,8 +25,12 @@
     max-height: $max-height;
 
     @if $min-width {
-      th:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
-      td:not(.#{$prefix}--table-column-checkbox):not(.#{$prefix}--table-column-menu):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
+      th:not(.#{$prefix}--table-column-checkbox):not(
+          .#{$prefix}--table-column-menu
+        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon),
+      td:not(.#{$prefix}--table-column-checkbox):not(
+          .#{$prefix}--table-column-menu
+        ):not(.#{$prefix}--table-expand):not(.#{$prefix}--table-column-icon) {
         min-width: $min-width;
       }
     }

diff --git a/packages/styles/scss/components/data-table/action/_data-table-action.scss b/packages/styles/scss/components/data-table/action/_data-table-action.scss
@@ -94,7 +94,9 @@
     opacity: 0;
   }
 
-  .#{$prefix}--toolbar-search-container-expandable:not(.#{$prefix}--toolbar-search-container-active)
+  .#{$prefix}--toolbar-search-container-expandable:not(
+      .#{$prefix}--toolbar-search-container-active
+    )
     .#{$prefix}--search-input {
     padding: 0;
   }
@@ -144,7 +146,9 @@
 
   // sm expandable icon spacing
   .#{$prefix}--table-toolbar.#{$prefix}--table-toolbar--sm
-    .#{$prefix}--search--sm:not(.#{$prefix}--toolbar-search-container-active):not(.#{$prefix}--toolbar-search-container-persistent)
+    .#{$prefix}--search--sm:not(
+      .#{$prefix}--toolbar-search-container-active
+    ):not(.#{$prefix}--toolbar-search-container-persistent)
     .#{$prefix}--search-magnifier-icon {
     left: 0;
   }

diff --git a/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss b/packages/styles/scss/components/data-table/expandable/_data-table-expandable.scss
@@ -334,7 +334,9 @@
   }
 
   // Parent collapsed hover
-  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(.#{$prefix}--expandable-row):hover
+  tr.#{$prefix}--parent-row.#{$prefix}--data-table--selected:not(
+      .#{$prefix}--expandable-row
+    ):hover
     td {
     border-top: 1px solid $layer-selected-hover;
     border-bottom: 1px solid $border-subtle;

diff --git a/packages/styles/scss/components/data-table/sort/_data-table-sort.scss b/packages/styles/scss/components/data-table/sort/_data-table-sort.scss
@@ -90,7 +90,9 @@
     justify-content: space-between;
   }
 
-  .#{$prefix}--data-table--sort:not(.#{$prefix}--data-table--xs):not(.#{$prefix}--data-table--sm):not(.#{$prefix}--data-table--md):not(.#{$prefix}--data-table--xl)
+  .#{$prefix}--data-table--sort:not(.#{$prefix}--data-table--xs):not(
+      .#{$prefix}--data-table--sm
+    ):not(.#{$prefix}--data-table--md):not(.#{$prefix}--data-table--xl)
     th
     .#{$prefix}--table-sort__flex {
     /* IE11 workaround for align-items: center and min-height

diff --git a/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss b/packages/styles/scss/components/fluid-date-picker/_fluid-date-picker.scss
@@ -79,7 +79,9 @@
 
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--simple
-    .#{$prefix}--date-picker__input:not(.#{$prefix}--date-picker__input--invalid):not(.#{$prefix}--date-picker__input--warn),
+    .#{$prefix}--date-picker__input:not(
+      .#{$prefix}--date-picker__input--invalid
+    ):not(.#{$prefix}--date-picker__input--warn),
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--simple
     .#{$prefix}--date-picker--fluid--warn {
@@ -103,15 +105,21 @@
 
   .#{$prefix}--date-picker--fluid
     .#{$prefix}--date-picker--single
-    .#{$prefix}--date-picker__input:not(.#{$prefix}--date-picker__input--invalid),
+    .#{$prefix}--date-picker__input:not(
+      .#{$prefix}--date-picker__input--invalid
+    ),
   .#{$prefix}--date-picker--single .#{$prefix}--date-picker--fluid--warn {
     border-bottom: 1px solid $border-strong;
   }
 
   // Range
-  .#{$prefix}--date-picker--fluid:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker--range
-    .#{$prefix}--date-picker-container:not(.#{$prefix}--date-picker--fluid--invalid) {
+    .#{$prefix}--date-picker-container:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ) {
     border-bottom: 1px solid $border-strong;
   }
 
@@ -362,16 +370,22 @@
   }
 
   // Readonly
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker
     > .#{$prefix}--date-picker-container,
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker
     .#{$prefix}--date-picker__input {
     border-bottom-color: $border-subtle;
   }
 
-  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(.#{$prefix}--date-picker--fluid--invalid):not(.#{$prefix}--date-picker--fluid--warn)
+  .#{$prefix}--date-picker--fluid.#{$prefix}--date-picker--fluid--readonly:not(
+      .#{$prefix}--date-picker--fluid--invalid
+    ):not(.#{$prefix}--date-picker--fluid--warn)
     .#{$prefix}--date-picker--range
     > .#{$prefix}--date-picker-container:last-child
     .#{$prefix}--date-picker__input {

diff --git a/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss b/packages/styles/scss/components/fluid-list-box/_fluid-list-box.scss
@@ -71,12 +71,16 @@
     height: 1rem;
   }
 
-  .#{$prefix}--list-box__wrapper--fluid:not(.#{$prefix}--list-box__wrapper--fluid--condensed)
+  .#{$prefix}--list-box__wrapper--fluid:not(
+      .#{$prefix}--list-box__wrapper--fluid--condensed
+    )
     .#{$prefix}--list-box__menu-item {
     height: $spacing-10;
   }
 
-  .#{$prefix}--list-box__wrapper--fluid:not(.#{$prefix}--list-box__wrapper--fluid--condensed)
+  .#{$prefix}--list-box__wrapper--fluid:not(
+      .#{$prefix}--list-box__wrapper--fluid--condensed
+    )
     .#{$prefix}--list-box__menu-item__selected-icon {
     top: rem(20px);
   }
@@ -122,7 +126,9 @@
   }
 
   // Invalid / Warning styles
-  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:not(.#{$prefix}--list-box__wrapper--fluid--focus) {
+  .#{$prefix}--list-box__wrapper--fluid.#{$prefix}--list-box__wrapper--fluid--invalid:not(
+      .#{$prefix}--list-box__wrapper--fluid--focus
+    ) {
     @include focus-outline('invalid');
 
     z-index: 2;

diff --git a/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss b/packages/styles/scss/components/fluid-multiselect/_fluid-multiselect.scss
@@ -19,7 +19,9 @@
 @use '../fluid-combo-box';
 
 @mixin fluid-multiselect {
-  .#{$prefix}--multi-select__wrapper.#{$prefix}--list-box__wrapper--fluid--focus:not(.#{$prefix}--multi-select--filterable__wrapper)
+  .#{$prefix}--multi-select__wrapper.#{$prefix}--list-box__wrapper--fluid--focus:not(
+      .#{$prefix}--multi-select--filterable__wrapper
+    )
     .#{$prefix}--list-box__field--wrapper--input-focused {
     outline: none;
   }

diff --git a/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss b/packages/styles/scss/components/fluid-number-input/_fluid-number-input.scss
@@ -84,18 +84,26 @@
   }
 
   // Weird overrides (needed to override focus borders on stepper buttons when hovered while input has focus)
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number
-    .#{$prefix}--number__input-wrapper:not(.#{$prefix}--number__input-wrapper--warning)
+    .#{$prefix}--number__input-wrapper:not(
+      .#{$prefix}--number__input-wrapper--warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover {
     outline: 2px solid transparent;
   }
 
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number
-    .#{$prefix}--number__input-wrapper:not(.#{$prefix}--number__input-wrapper--warning)
+    .#{$prefix}--number__input-wrapper:not(
+      .#{$prefix}--number__input-wrapper--warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover::before {
@@ -108,8 +116,12 @@
   }
   // End weirdness
 
-  .#{$prefix}--number-input--fluid:not(.#{$prefix}--number-input--fluid--invalid)
-    .#{$prefix}--number-input-wrapper:not(.#{$prefix}--number-input-wrapper__warning)
+  .#{$prefix}--number-input--fluid:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
+    .#{$prefix}--number-input-wrapper:not(
+      .#{$prefix}--number-input-wrapper__warning
+    )
     input[type='number']:focus
     ~ .#{$prefix}--number__controls
     .#{$prefix}--number__control-btn:hover {
@@ -208,7 +220,9 @@
     margin: 0;
   }
 
-  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid:not(.#{$prefix}--number-input--fluid--focus)
+  .#{$prefix}--number-input--fluid.#{$prefix}--number-input--fluid--invalid:not(
+      .#{$prefix}--number-input--fluid--focus
+    )
     .#{$prefix}--number {
     @include focus-outline('invalid');
   }
@@ -263,7 +277,9 @@
   }
 
   // Disabled states
-  .#{$prefix}--number-input--fluid--disabled:not(.#{$prefix}--number-input--fluid--invalid)
+  .#{$prefix}--number-input--fluid--disabled:not(
+      .#{$prefix}--number-input--fluid--invalid
+    )
     .#{$prefix}--number {
     border-bottom: 1px solid $border-subtle;
   }

diff --git a/packages/styles/scss/components/form/_form.scss b/packages/styles/scss/components/form/_form.scss
@@ -125,7 +125,9 @@ $input-label-weight: 400 !default;
     > .#{$prefix}--text-area--invalid:not(:focus),
   .#{$prefix}--select-input__wrapper[data-invalid]
     .#{$prefix}--select-input:not(:focus),
-  .#{$prefix}--list-box[data-invalid]:not(.#{$prefix}--multi-select--invalid--focused),
+  .#{$prefix}--list-box[data-invalid]:not(
+      .#{$prefix}--multi-select--invalid--focused
+    ),
   .#{$prefix}--combo-box[data-invalid]:not(.#{$prefix}--multi-select--selected)
     .#{$prefix}--text-input:not(:focus) {
     @include focus-outline('invalid');

diff --git a/packages/styles/scss/components/multiselect/_multiselect.scss b/packages/styles/scss/components/multiselect/_multiselect.scss
@@ -95,7 +95,9 @@
     padding-left: 0;
   }
 
-  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover:not(.#{$prefix}--multi-select--filterable)
+  .#{$prefix}--multi-select--filterable.#{$prefix}--list-box--disabled:hover:not(
+      .#{$prefix}--multi-select--filterable
+    )
     .#{$prefix}--text-input {
     background-color: $field;
   }