From daa1ba3f84f8ab45ede0b81a69ad90bf17399b62 Mon Sep 17 00:00:00 2001 From: Sam Van Campenhout Date: Tue, 12 Sep 2023 16:53:42 +0200 Subject: [PATCH] Run Prettier Prettier v3 formats things slightly different. --- addon/components/au-control-checkbox.js | 2 +- addon/components/au-control-radio.js | 2 +- addon/components/au-date-input.js | 4 +-- addon/components/au-date-picker.js | 16 +++++----- addon/components/au-dropdown.js | 4 +-- addon/components/au-input.js | 4 +-- addon/components/au-modal.js | 4 +-- addon/components/au-toggle-switch.js | 2 +- addon/modifiers/au-props.js | 2 +- addon/private/helpers/link-to-models.js | 2 +- addon/private/modifiers/floating-ui.js | 14 ++++----- app/styles/ember-appuniversum/_c-button.scss | 7 +++-- app/styles/ember-appuniversum/_c-card.scss | 6 ++-- .../ember-appuniversum/_c-dropdown.scss | 4 ++- app/styles/ember-appuniversum/_c-link.scss | 4 ++- .../_c-list-navigation.scss | 4 ++- app/styles/ember-appuniversum/_c-loader.scss | 28 +++++++++++++----- .../ember-appuniversum/_c-main-header.scss | 9 ++++-- app/styles/ember-appuniversum/_c-modal.scss | 6 ++-- .../ember-appuniversum/_c-sidebar-action.scss | 3 +- .../ember-appuniversum/_c-toggle-switch.scss | 4 ++- app/styles/ember-appuniversum/_g-font.scss | 29 ++++++++++--------- .../_p-ember-power-select.scss | 3 +- app/styles/ember-appuniversum/_s-global.scss | 11 +++++-- index.js | 4 +-- stories/2-variables/SassVariables.stories.mdx | 11 +++++-- tests/dummy/app/components/au-toast-demo.js | 2 +- tests/dummy/app/index.html | 2 +- tests/dummy/app/styles/_d-editor-chrome.scss | 10 +++++-- tests/dummy/app/styles/_d-editor-mockup.scss | 19 ++++++++---- tests/dummy/config/ember-cli-update.json | 4 +-- tests/helpers/deprecations.js | 4 +-- tests/index.html | 2 +- .../components/au-date-input-test.js | 6 ++-- .../components/au-date-picker-test.js | 16 +++++----- .../components/au-dropdown-test.js | 4 +-- .../components/au-main-container-test.js | 4 +-- tests/integration/components/au-modal-test.js | 4 +-- .../components/au-time-picker-test.js | 6 ++-- .../integration/components/au-toaster-test.js | 6 ++-- .../components/au-toggle-switch-test.js | 4 +-- tests/integration/modifiers/au-props-test.js | 2 +- 42 files changed, 173 insertions(+), 111 deletions(-) diff --git a/addon/components/au-control-checkbox.js b/addon/components/au-control-checkbox.js index 510573540..e81b66934 100644 --- a/addon/components/au-control-checkbox.js +++ b/addon/components/au-control-checkbox.js @@ -16,7 +16,7 @@ export default class AuControlCheckbox extends Component { since: { enabled: '2.5.0', }, - } + }, ); } diff --git a/addon/components/au-control-radio.js b/addon/components/au-control-radio.js index 6b52c808f..809b74d61 100644 --- a/addon/components/au-control-radio.js +++ b/addon/components/au-control-radio.js @@ -16,7 +16,7 @@ export default class AuControlRadio extends Component { since: { enabled: '2.5.0', }, - } + }, ); } diff --git a/addon/components/au-date-input.js b/addon/components/au-date-input.js index dc44d02fb..fa3246fa8 100644 --- a/addon/components/au-date-input.js +++ b/addon/components/au-date-input.js @@ -113,7 +113,7 @@ function ensureIsoDate(argValue) { assert( `@value should be a ISO 8601 formatted date string or a Date instance but it is a "${typeof argValue}"`, - typeof argValue === 'string' || argValue instanceof Date + typeof argValue === 'string' || argValue instanceof Date, ); if (argValue instanceof Date) { @@ -121,7 +121,7 @@ function ensureIsoDate(argValue) { } else { assert( `@value ("${argValue}") should be a valid ISO 8601 formatted date`, - isIsoDateString(argValue) + isIsoDateString(argValue), ); return argValue; } diff --git a/addon/components/au-date-picker.js b/addon/components/au-date-picker.js index c5f6653cf..eb3ba369d 100644 --- a/addon/components/au-date-picker.js +++ b/addon/components/au-date-picker.js @@ -67,7 +67,7 @@ export default class AuDatePickerComponent extends Component { this.registerDuetDatePicker(); let isNewImplementation = macroCondition( - getOwnConfig().dutchDatePickerLocalization + getOwnConfig().dutchDatePickerLocalization, ) ? true : false; @@ -92,7 +92,7 @@ export default class AuDatePickerComponent extends Component { since: { enabled: '1.9.0', }, - } + }, ); } @@ -161,13 +161,13 @@ export default class AuDatePickerComponent extends Component { function validateAdapter(adapterArg) { assert( `The @adapter argument needs to be an object but it is a "${typeof adapterArg}"`, - Boolean(adapterArg) && typeof adapterArg === 'object' + Boolean(adapterArg) && typeof adapterArg === 'object', ); Object.keys(adapterArg).map((key) => { assert( `"${key}" is not a property of adapter, maybe it is just a typo?`, - key in DEFAULT_ADAPTER + key in DEFAULT_ADAPTER, ); }); } @@ -175,13 +175,13 @@ function validateAdapter(adapterArg) { function validateLocalization(localizationArg) { assert( `The @localization argument needs to be an object but it is a "${typeof localizationArg}"`, - Boolean(localizationArg) && typeof localizationArg === 'object' + Boolean(localizationArg) && typeof localizationArg === 'object', ); Object.keys(localizationArg).map((key) => { assert( `"${key}" is not a property of localization, maybe it is just a typo?`, - key in DEFAULT_LOCALIZATION + key in DEFAULT_LOCALIZATION, ); }); } @@ -197,7 +197,7 @@ function asIsoDate(target, key /*, descriptor */) { assert( `@${key} should be a string or a Date instance but it is a "${typeof argValue}"`, - typeof argValue === 'string' || argValue instanceof Date + typeof argValue === 'string' || argValue instanceof Date, ); if (argValue instanceof Date) { @@ -205,7 +205,7 @@ function asIsoDate(target, key /*, descriptor */) { } else { assert( `@${key} ("${argValue}") should be a valid ISO 8601 formatted date`, - isIsoDateString(argValue) + isIsoDateString(argValue), ); return argValue; } diff --git a/addon/components/au-dropdown.js b/addon/components/au-dropdown.js index 6437a3da4..acf817aab 100644 --- a/addon/components/au-dropdown.js +++ b/addon/components/au-dropdown.js @@ -15,14 +15,14 @@ export default class AuDropdown extends Component { (element) => { this.referenceElement = element; }, - { eager: false } + { eager: false }, ); arrow = modifier( (element) => { this.arrowElement = element; }, - { eager: false } + { eager: false }, ); @action diff --git a/addon/components/au-input.js b/addon/components/au-input.js index 5a00f311e..dbb6232fb 100644 --- a/addon/components/au-input.js +++ b/addon/components/au-input.js @@ -11,7 +11,7 @@ export default class AuInput extends Component { assert( ': An `@onChange` handler was provided but that will only be called if `@mask` or `@maskOptions` is provided as well.', !this.args.onChange || - (typeof this.args.onChange === 'function' && this.isMasked) + (typeof this.args.onChange === 'function' && this.isMasked), ); } @@ -107,5 +107,5 @@ const InputmaskModifier = modifier( input.inputmask.remove(); }; }, - { eager: false } + { eager: false }, ); diff --git a/addon/components/au-modal.js b/addon/components/au-modal.js index c5a78a76e..7c75567b2 100644 --- a/addon/components/au-modal.js +++ b/addon/components/au-modal.js @@ -14,7 +14,7 @@ export default class AuModal extends Component { assert( 'au-modal: No target element was found. Please add the `` component where appropriate.', - this.destinationElement + this.destinationElement, ); } @@ -44,7 +44,7 @@ export default class AuModal extends Component { get additionalElements() { return FOCUS_TRAP_ADDITIONAL_ELEMENTS.filter( - (element) => document.querySelector(element) !== null + (element) => document.querySelector(element) !== null, ); } diff --git a/addon/components/au-toggle-switch.js b/addon/components/au-toggle-switch.js index 8e300a8b5..a0b642ded 100644 --- a/addon/components/au-toggle-switch.js +++ b/addon/components/au-toggle-switch.js @@ -17,7 +17,7 @@ export default class AuToggleSwitch extends Component { since: { enabled: '2.6.0', }, - } + }, ); } diff --git a/addon/modifiers/au-props.js b/addon/modifiers/au-props.js index 35afb4b59..d4f087adb 100644 --- a/addon/modifiers/au-props.js +++ b/addon/modifiers/au-props.js @@ -6,5 +6,5 @@ export default modifier( element[propertyName] = properties[propertyName]; } }, - { eager: false } + { eager: false }, ); diff --git a/addon/private/helpers/link-to-models.js b/addon/private/helpers/link-to-models.js index a87aae79b..2653cce89 100644 --- a/addon/private/helpers/link-to-models.js +++ b/addon/private/helpers/link-to-models.js @@ -18,7 +18,7 @@ import { assert } from '@ember/debug'; export function linkToModels([model, models]) { assert( 'You cannot provide both the `@model` and `@models` arguments to the component.', - !model || !models + !model || !models, ); if (model) { diff --git a/addon/private/modifiers/floating-ui.js b/addon/private/modifiers/floating-ui.js index 11966811f..d4f3cfa51 100644 --- a/addon/private/modifiers/floating-ui.js +++ b/addon/private/modifiers/floating-ui.js @@ -16,7 +16,7 @@ export default modifier( ( floatingElement, [_referenceElement, _arrowElement], - { defaultPlacement = 'bottom-start', options = {} } + { defaultPlacement = 'bottom-start', options = {} }, ) => { const referenceElement = typeof _referenceElement === 'string' @@ -42,18 +42,18 @@ export default modifier( assert( `FloatingUI (modifier): No reference element was defined.`, - referenceElement instanceof HTMLElement + referenceElement instanceof HTMLElement, ); assert( `FloatingUI (modifier): The reference and floating elements cannot be the same element.`, - floatingElement !== referenceElement + floatingElement !== referenceElement, ); assert( `FloatingUI (modifier): @placement must start with either 'bottom' or 'top'.`, defaultPlacement.startsWith('bottom') || - defaultPlacement.startsWith('top') + defaultPlacement.startsWith('top'), ); Object.assign(floatingElement.style, { @@ -74,7 +74,7 @@ export default modifier( arrow({ element: arrowElement, padding: options.arrow.padding, - }) + }), ); } @@ -85,7 +85,7 @@ export default modifier( { middleware, placement: defaultPlacement, - } + }, ); Object.assign(floatingElement.style, { @@ -152,5 +152,5 @@ export default modifier( cleanup(); }; }, - { eager: false } + { eager: false }, ); diff --git a/app/styles/ember-appuniversum/_c-button.scss b/app/styles/ember-appuniversum/_c-button.scss index be94487cc..054788dd4 100644 --- a/app/styles/ember-appuniversum/_c-button.scss +++ b/app/styles/ember-appuniversum/_c-button.scss @@ -59,8 +59,11 @@ $au-button-link-icon-only-width: $au-button-link-height !default; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - transition: color var(--au-transition), background-color var(--au-transition), - border-color var(--au-transition), box-shadow var(--au-transition); + transition: + color var(--au-transition), + background-color var(--au-transition), + border-color var(--au-transition), + box-shadow var(--au-transition); &, &:visited { diff --git a/app/styles/ember-appuniversum/_c-card.scss b/app/styles/ember-appuniversum/_c-card.scss index 21488411d..3302fbff2 100644 --- a/app/styles/ember-appuniversum/_c-card.scss +++ b/app/styles/ember-appuniversum/_c-card.scss @@ -23,8 +23,10 @@ $au-card-radius: var(--au-radius) !default; .au-c-card--shadow { border: 0; - box-shadow: 0 1px 3px rgba($au-gray-900, 0.1), - 0 4px 20px rgba($au-gray-900, 0.035), 0 1px 1px rgba($au-gray-900, 0.025); + box-shadow: + 0 1px 3px rgba($au-gray-900, 0.1), + 0 4px 20px rgba($au-gray-900, 0.035), + 0 1px 1px rgba($au-gray-900, 0.025); } .au-c-card--standout { diff --git a/app/styles/ember-appuniversum/_c-dropdown.scss b/app/styles/ember-appuniversum/_c-dropdown.scss index d0d5f6666..51d2237ef 100644 --- a/app/styles/ember-appuniversum/_c-dropdown.scss +++ b/app/styles/ember-appuniversum/_c-dropdown.scss @@ -41,7 +41,9 @@ $au-dropdown-caret-size: 0.4rem !default; z-index: var(--au-z-index-beta); width: auto; - box-shadow: 0 0 12px rgba($au-gray-900, 0.15), 0 0 2px rgba($au-gray-900, 0.1); + box-shadow: + 0 0 12px rgba($au-gray-900, 0.15), + 0 0 2px rgba($au-gray-900, 0.1); border-radius: var(--au-radius); background-color: var(--au-white); diff --git a/app/styles/ember-appuniversum/_c-link.scss b/app/styles/ember-appuniversum/_c-link.scss index 4a413127e..f9cd19897 100644 --- a/app/styles/ember-appuniversum/_c-link.scss +++ b/app/styles/ember-appuniversum/_c-link.scss @@ -24,7 +24,9 @@ $au-link-secondary-active-color: var(--au-gray-900) !default; gap: $au-unit-tiny; align-items: center; font-family: var(--au-font); - transition: color var(--au-transition), text-decoration var(--au-transition); + transition: + color var(--au-transition), + text-decoration var(--au-transition); font-weight: var(--au-regular); text-decoration-color: $au-link-color-underline; diff --git a/app/styles/ember-appuniversum/_c-list-navigation.scss b/app/styles/ember-appuniversum/_c-list-navigation.scss index aa4ab3afb..698ce24b0 100644 --- a/app/styles/ember-appuniversum/_c-list-navigation.scss +++ b/app/styles/ember-appuniversum/_c-list-navigation.scss @@ -61,7 +61,9 @@ $au-list-navigation-border-color: var(--au-divider-color) !default; display: flex; align-items: center; font-family: var(--au-font); - transition: color var(--au-transition), text-decoration var(--au-transition); + transition: + color var(--au-transition), + text-decoration var(--au-transition); font-weight: var(--au-regular); padding: $au-unit-tiny * 1.5 $au-unit-small; text-decoration-color: var( diff --git a/app/styles/ember-appuniversum/_c-loader.scss b/app/styles/ember-appuniversum/_c-loader.scss index d580925de..1c24850c3 100644 --- a/app/styles/ember-appuniversum/_c-loader.scss +++ b/app/styles/ember-appuniversum/_c-loader.scss @@ -36,7 +36,9 @@ height: 0.4rem; background-color: transparent; border-radius: 50%; - box-shadow: 1rem 0 var(--au-white), 2rem 0 var(--au-white), + box-shadow: + 1rem 0 var(--au-white), + 2rem 0 var(--au-white), 3rem 0 var(--au-white); animation: loader-wave infinite 1s linear; } @@ -46,27 +48,39 @@ 0%, 100%, 60% { - box-shadow: 1rem 0 var(--au-gray-600), 2rem 0 var(--au-gray-600), + box-shadow: + 1rem 0 var(--au-gray-600), + 2rem 0 var(--au-gray-600), 3rem 0 var(--au-gray-600); } 10% { - box-shadow: 1rem -0.3rem var(--au-gray-600), 2rem 0 var(--au-gray-600), + box-shadow: + 1rem -0.3rem var(--au-gray-600), + 2rem 0 var(--au-gray-600), 3rem 0 var(--au-gray-600); } 20% { - box-shadow: 1rem -0.6rem var(--au-gray-600), 2rem -0.3rem var(--au-gray-600), + box-shadow: + 1rem -0.6rem var(--au-gray-600), + 2rem -0.3rem var(--au-gray-600), 3rem 0 var(--au-gray-600); } 30% { - box-shadow: 1rem -0.3rem var(--au-gray-600), 2rem -0.6rem var(--au-gray-600), + box-shadow: + 1rem -0.3rem var(--au-gray-600), + 2rem -0.6rem var(--au-gray-600), 3rem -0.3rem var(--au-gray-600); } 40% { - box-shadow: 1rem 0 var(--au-gray-600), 2rem -0.3rem var(--au-gray-600), + box-shadow: + 1rem 0 var(--au-gray-600), + 2rem -0.3rem var(--au-gray-600), 3rem -0.6rem var(--au-gray-600); } 50% { - box-shadow: 1rem 0 var(--au-gray-600), 2rem 0 var(--au-gray-600), + box-shadow: + 1rem 0 var(--au-gray-600), + 2rem 0 var(--au-gray-600), 3rem -0.3rem var(--au-gray-600); } } diff --git a/app/styles/ember-appuniversum/_c-main-header.scss b/app/styles/ember-appuniversum/_c-main-header.scss index f1feb4ecb..75863a2e9 100644 --- a/app/styles/ember-appuniversum/_c-main-header.scss +++ b/app/styles/ember-appuniversum/_c-main-header.scss @@ -24,8 +24,10 @@ $au-main-header-divider-rotation: -19deg !default; justify-content: space-between; align-items: center; background-color: $au-main-header-bg; - box-shadow: 0 1px 3px rgba($au-gray-900, 0.1), - 0 4px 20px rgba($au-gray-900, 0.035), 0 1px 1px rgba($au-gray-900, 0.025); + box-shadow: + 0 1px 3px rgba($au-gray-900, 0.1), + 0 4px 20px rgba($au-gray-900, 0.035), + 0 1px 1px rgba($au-gray-900, 0.025); } .au-c-main-header__title-group { @@ -43,7 +45,8 @@ $au-main-header-divider-rotation: -19deg !default; display: block; padding: $au-unit-tiny; color: $au-main-header-color; - transition: color var(--au-transition), + transition: + color var(--au-transition), text-decoration-color var(--au-transition); letter-spacing: 0.03ex; white-space: nowrap; diff --git a/app/styles/ember-appuniversum/_c-modal.scss b/app/styles/ember-appuniversum/_c-modal.scss index abd237a0d..b8c9ec0a4 100644 --- a/app/styles/ember-appuniversum/_c-modal.scss +++ b/app/styles/ember-appuniversum/_c-modal.scss @@ -54,8 +54,10 @@ $au-modal-backdrop-z-index: 9998 !default; visibility: visible; border-radius: var(--au-radius); z-index: $au-modal-z-index; - box-shadow: 0 1px 3px rgba($au-gray-1000, 0.1), - 0 4px 20px rgba($au-gray-1000, 0.035), 0 1px 1px rgba($au-gray-1000, 0.025); + box-shadow: + 0 1px 3px rgba($au-gray-1000, 0.1), + 0 4px 20px rgba($au-gray-1000, 0.035), + 0 1px 1px rgba($au-gray-1000, 0.025); transition: var(--au-transition); display: none; diff --git a/app/styles/ember-appuniversum/_c-sidebar-action.scss b/app/styles/ember-appuniversum/_c-sidebar-action.scss index d1d07597b..b9b0640fc 100644 --- a/app/styles/ember-appuniversum/_c-sidebar-action.scss +++ b/app/styles/ember-appuniversum/_c-sidebar-action.scss @@ -13,7 +13,8 @@ $au-sidebar-border: var(--au-divider-color) !default; .au-c-action-sidebar { @include mq(medium) { border-left: 0.1rem solid $au-sidebar-border; - box-shadow: 0 0 6rem rgba($au-gray-900, 0.2), + box-shadow: + 0 0 6rem rgba($au-gray-900, 0.2), 0 0 0.3rem rgba($au-gray-900, 0.1); } } diff --git a/app/styles/ember-appuniversum/_c-toggle-switch.scss b/app/styles/ember-appuniversum/_c-toggle-switch.scss index d29450b0a..81140bb0b 100644 --- a/app/styles/ember-appuniversum/_c-toggle-switch.scss +++ b/app/styles/ember-appuniversum/_c-toggle-switch.scss @@ -39,7 +39,9 @@ $au-toggle-switch-background-color-on-disabled: var(--au-gray-400) !default; width: $au-toggle-switch-width * 1.5; background-color: $au-toggle-switch-background-color; border-radius: $au-toggle-switch-border-radius; - transition: transform var(--au-transition), color var(--au-transition); + transition: + transform var(--au-transition), + color var(--au-transition); flex-shrink: 0; &:before { diff --git a/app/styles/ember-appuniversum/_g-font.scss b/app/styles/ember-appuniversum/_g-font.scss index b63ca332b..96eaeaf8a 100644 --- a/app/styles/ember-appuniversum/_g-font.scss +++ b/app/styles/ember-appuniversum/_g-font.scss @@ -14,8 +14,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-serif-name}; - src: url(#{$au-font-location}/#{$au-font-serif-name}-light.woff2) - format("woff2"), + src: + url(#{$au-font-location}/#{$au-font-serif-name}-light.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-serif-name}-light.woff) format("woff"); font-weight: 300; font-style: normal; @@ -24,7 +24,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-serif-name}; - src: url(#{$au-font-location}/#{$au-font-serif-name}-regular.woff2) + src: + url(#{$au-font-location}/#{$au-font-serif-name}-regular.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-serif-name}-regular.woff) format("woff"); font-weight: 400; @@ -34,7 +35,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-serif-name}; - src: url(#{$au-font-location}/#{$au-font-serif-name}-medium.woff2) + src: + url(#{$au-font-location}/#{$au-font-serif-name}-medium.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-serif-name}-medium.woff) format("woff"); font-weight: 500; @@ -44,8 +46,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-serif-name}; - src: url(#{$au-font-location}/#{$au-font-serif-name}-bold.woff2) - format("woff2"), + src: + url(#{$au-font-location}/#{$au-font-serif-name}-bold.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-serif-name}-bold.woff) format("woff"); font-weight: 700; font-style: normal; @@ -54,8 +56,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-sans-name}; - src: url(#{$au-font-location}/#{$au-font-sans-name}-light.woff2) - format("woff2"), + src: + url(#{$au-font-location}/#{$au-font-sans-name}-light.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-sans-name}-light.woff) format("woff"); font-weight: 300; font-style: normal; @@ -64,7 +66,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-sans-name}; - src: url(#{$au-font-location}/#{$au-font-sans-name}-regular.woff2) + src: + url(#{$au-font-location}/#{$au-font-sans-name}-regular.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-sans-name}-regular.woff) format("woff"); font-weight: 400; @@ -74,8 +77,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-sans-name}; - src: url(#{$au-font-location}/#{$au-font-sans-name}-medium.woff2) - format("woff2"), + src: + url(#{$au-font-location}/#{$au-font-sans-name}-medium.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-sans-name}-medium.woff) format("woff"); font-weight: 500; font-style: normal; @@ -84,8 +87,8 @@ $au-font-sans-name: "flanders-sans" !default; @font-face { font-family: #{$au-font-sans-name}; - src: url(#{$au-font-location}/#{$au-font-sans-name}-bold.woff2) - format("woff2"), + src: + url(#{$au-font-location}/#{$au-font-sans-name}-bold.woff2) format("woff2"), url(#{$au-font-location}/#{$au-font-sans-name}-bold.woff) format("woff"); font-weight: 700; font-style: normal; diff --git a/app/styles/ember-appuniversum/_p-ember-power-select.scss b/app/styles/ember-appuniversum/_p-ember-power-select.scss index 35e455bc4..423edcb3e 100644 --- a/app/styles/ember-appuniversum/_p-ember-power-select.scss +++ b/app/styles/ember-appuniversum/_p-ember-power-select.scss @@ -76,7 +76,8 @@ $ember-power-select-dropdown-z-index: 10000; // Z-index of the dropdown when it // Other $ember-power-select-focus-box-shadow: none; $ember-power-select-dropdown-margin: 0; // Margin between the dropdown and the trigger -$ember-power-select-dropdown-box-shadow: 0 0 12px rgba($au-gray-900, 0.15), +$ember-power-select-dropdown-box-shadow: + 0 0 12px rgba($au-gray-900, 0.15), 0 0 2px rgba($au-gray-900, 0.1); $ember-power-select-line-height: 1.75; $ember-power-select-trigger-icon-color: $ember-power-select-border-color; diff --git a/app/styles/ember-appuniversum/_s-global.scss b/app/styles/ember-appuniversum/_s-global.scss index db3a16317..d36e5d40a 100644 --- a/app/styles/ember-appuniversum/_s-global.scss +++ b/app/styles/ember-appuniversum/_s-global.scss @@ -40,8 +40,15 @@ $au-region-breakpoint: medium !default; // --- $au-global-font-size: 1.5rem !default; $au-global-line-height: 1.5 !default; -$au-font: "flanders-sans", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif !default; +$au-font: + "flanders-sans", + BlinkMacSystemFont, + -apple-system, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif !default; $au-font-secondary: "flanders-serif" !default; $au-font-tertiary: courier, monospace !default; $au-light: 300 !default; diff --git a/index.js b/index.js index 97e5bd4f7..b290e3bf8 100644 --- a/index.js +++ b/index.js @@ -30,7 +30,7 @@ module.exports = { if (isIncludedByApp(this)) { this.shouldDisableWormholeElementRendering = Boolean( - addonOptions?.disableWormholeElement + addonOptions?.disableWormholeElement, ); this.ui.writeDeprecateLine( @@ -44,7 +44,7 @@ The #ember-appuniversum-wormhole element is deprecated. Please use the \` + diff --git a/tests/dummy/app/styles/_d-editor-chrome.scss b/tests/dummy/app/styles/_d-editor-chrome.scss index 1c2cce51a..187e154ed 100644 --- a/tests/dummy/app/styles/_d-editor-chrome.scss +++ b/tests/dummy/app/styles/_d-editor-chrome.scss @@ -14,8 +14,10 @@ $au-brand-divider-rotation: -20deg !default; position: relative; z-index: 8; background-color: var(--au-white); - box-shadow: 0 1px 3px rgba($au-gray-900, 0.1), - 0 4px 20px rgba($au-gray-900, 0.035), 0 1px 1px rgba($au-gray-900, 0.025); + box-shadow: + 0 1px 3px rgba($au-gray-900, 0.1), + 0 4px 20px rgba($au-gray-900, 0.035), + 0 1px 1px rgba($au-gray-900, 0.025); } .au-c-app-chrome__entity { @@ -97,7 +99,9 @@ $au-brand-divider-rotation: -20deg !default; } .au-c-app-chrome__title--edit { - transition: color var(--au-transition), border var(--au-transition); + transition: + color var(--au-transition), + border var(--au-transition); color: var(--au-gray-800); &:hover, diff --git a/tests/dummy/app/styles/_d-editor-mockup.scss b/tests/dummy/app/styles/_d-editor-mockup.scss index fd2704c2b..96655ddd4 100644 --- a/tests/dummy/app/styles/_d-editor-mockup.scss +++ b/tests/dummy/app/styles/_d-editor-mockup.scss @@ -27,8 +27,10 @@ $say-editor-sidebar-large: 30% !default; $say-paper-min-height: calc(100vh + #{$au-unit}) !default; $say-paper-padding: $au-unit-large !default; $say-paper-background: var(--au-white) !default; -$say-paper-box-shadow: 0 1px 3px rgba($au-gray-900, 0.1), - 0 4px 20px rgba($au-gray-900, 0.035), 0 1px 1px rgba($au-gray-900, 0.025) !default; +$say-paper-box-shadow: + 0 1px 3px rgba($au-gray-900, 0.1), + 0 4px 20px rgba($au-gray-900, 0.035), + 0 1px 1px rgba($au-gray-900, 0.025) !default; // Semantic color variables $say-primary-200: #f2e0ff !default; @@ -39,8 +41,14 @@ $say-primary-800: #7700ce !default; $say-primary-900: #550094 !default; // Typography -$say-font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, - Helvetica, Arial, sans-serif !default; +$say-font-family: + BlinkMacSystemFont, + -apple-system, + "Segoe UI", + Roboto, + Helvetica, + Arial, + sans-serif !default; $say-h1-font-family: $say-font-family !default; $say-h1-font-weight: var(--au-medium) !default; $say-h1-font-size: $au-h1 !default; @@ -408,7 +416,8 @@ $au-toggle-switch-background-color-on: $say-primary-600 !default; border-radius: var(--au-radius); border: 0.1rem solid var(--au-gray-200); background-color: var(--au-white); - box-shadow: 0 1px 3px rgba($au-gray-900, 0.1), + box-shadow: + 0 1px 3px rgba($au-gray-900, 0.1), 0 4px 20px rgba($au-gray-900, 0.035), 0 1px 1px rgba($au-gray-900, 0.025); } diff --git a/tests/dummy/config/ember-cli-update.json b/tests/dummy/config/ember-cli-update.json index 81f600e1f..82dde88d4 100644 --- a/tests/dummy/config/ember-cli-update.json +++ b/tests/dummy/config/ember-cli-update.json @@ -10,9 +10,7 @@ "outputRepo": "https://github.com/ember-cli/ember-addon-output", "codemodsSource": "ember-addon-codemods-manifest@1", "isBaseBlueprint": true, - "options": [ - "--no-welcome" - ] + "options": ["--no-welcome"] } ] } diff --git a/tests/helpers/deprecations.js b/tests/helpers/deprecations.js index 31c5b930e..e35dcbef7 100644 --- a/tests/helpers/deprecations.js +++ b/tests/helpers/deprecations.js @@ -2,12 +2,12 @@ import { getDeprecations } from '@ember/test-helpers'; export function hasDeprecation(deprecationMessage) { return getDeprecations().some( - (deprecation) => deprecation.message === deprecationMessage + (deprecation) => deprecation.message === deprecationMessage, ); } export function hasDeprecationStartingWith(deprecationMessage) { return getDeprecations().some((deprecation) => - deprecation.message.startsWith(deprecationMessage) + deprecation.message.startsWith(deprecationMessage), ); } diff --git a/tests/index.html b/tests/index.html index 9fd58b86f..ec1425fb2 100644 --- a/tests/index.html +++ b/tests/index.html @@ -1,4 +1,4 @@ - + diff --git a/tests/integration/components/au-date-input-test.js b/tests/integration/components/au-date-input-test.js index 3db099ab8..349a9e3ce 100644 --- a/tests/integration/components/au-date-input-test.js +++ b/tests/integration/components/au-date-input-test.js @@ -43,11 +43,11 @@ module('Integration | Component | au-date-input', function (hooks) { assert.strictEqual( isoDate, '2023-02-02', - 'it returns the date in iso string format' + 'it returns the date in iso string format', ); assert.true( date instanceof Date, - 'it returns a date object as the second argument' + 'it returns a date object as the second argument', ); }; @@ -64,7 +64,7 @@ module('Integration | Component | au-date-input', function (hooks) { assert.strictEqual( isoDate, null, - 'it returns null if the input is cleared' + 'it returns null if the input is cleared', ); assert.strictEqual(date, null, 'it returns null if the input is cleared'); }; diff --git a/tests/integration/components/au-date-picker-test.js b/tests/integration/components/au-date-picker-test.js index c80cbba87..1a9364434 100644 --- a/tests/integration/components/au-date-picker-test.js +++ b/tests/integration/components/au-date-picker-test.js @@ -44,7 +44,7 @@ module('Integration | Component | au-date-picker', function (hooks) { .getAttribute('for'); let inputId = this.element.querySelector( - '[data-test-au-date-picker-component] input' + '[data-test-au-date-picker-component] input', ).id; assert.strictEqual(labelFor, inputId); @@ -85,11 +85,11 @@ module('Integration | Component | au-date-picker', function (hooks) { () => { return ( this.element.querySelector( - '[data-test-au-date-picker-component] input' + '[data-test-au-date-picker-component] input', ).value !== '01-01-2021' ); }, - { timeout: 2000 } + { timeout: 2000 }, ); input.hasValue('31-12-2021'); }); @@ -119,7 +119,7 @@ module('Integration | Component | au-date-picker', function (hooks) { .innerText !== '' ); }, - { timeout: 2000 } + { timeout: 2000 }, ); let availableDateButtons = this.element.querySelectorAll('.duet-date__day'); @@ -147,8 +147,8 @@ module('Integration | Component | au-date-picker', function (hooks) { assert.false( hasDeprecationStartingWith( - '[AuDatePicker] The English localization is deprecated.' - ) + '[AuDatePicker] The English localization is deprecated.', + ), ); }); } else { @@ -160,9 +160,9 @@ module('Integration | Component | au-date-picker', function (hooks) { assert.true( hasDeprecationStartingWith( - '[AuDatePicker] The English localization is deprecated.' + '[AuDatePicker] The English localization is deprecated.', ), - 'it shows a deprecation message' + 'it shows a deprecation message', ); }); } diff --git a/tests/integration/components/au-dropdown-test.js b/tests/integration/components/au-dropdown-test.js index 493885f77..d40e1161d 100644 --- a/tests/integration/components/au-dropdown-test.js +++ b/tests/integration/components/au-dropdown-test.js @@ -34,7 +34,7 @@ module('Integration | Component | au-dropdown', function (hooks) { assert .dom('[data-test-button]') .isNotVisible( - 'it closes when clicking the button while the dropdown is open' + 'it closes when clicking the button while the dropdown is open', ); }); @@ -56,7 +56,7 @@ module('Integration | Component | au-dropdown', function (hooks) { assert .dom('[data-test-button]') .isNotVisible( - 'it closes when clicking a child of the button button while the dropdown is open' + 'it closes when clicking a child of the button button while the dropdown is open', ); }); diff --git a/tests/integration/components/au-main-container-test.js b/tests/integration/components/au-main-container-test.js index 08e547a16..bae658ad6 100644 --- a/tests/integration/components/au-main-container-test.js +++ b/tests/integration/components/au-main-container-test.js @@ -80,13 +80,13 @@ module('Integration | Component | au-main-container', function (hooks) { let containerElement = document.querySelector(MAIN_CONTAINER.CONTENT); assert.notStrictEqual( getComputedStyle(containerElement).getPropertyValue('overflow-y'), - 'auto' + 'auto', ); this.set('shouldScroll', true); assert.strictEqual( getComputedStyle(containerElement).getPropertyValue('overflow-y'), - 'auto' + 'auto', ); }); }); diff --git a/tests/integration/components/au-modal-test.js b/tests/integration/components/au-modal-test.js index bb0be6f54..866ab719f 100644 --- a/tests/integration/components/au-modal-test.js +++ b/tests/integration/components/au-modal-test.js @@ -179,14 +179,14 @@ module('Integration | Component | au-modal', function (hooks) { assert.strictEqual( timesCalled, 2, - 'it calls the action as long as the modal stays open' + 'it calls the action as long as the modal stays open', ); await triggerKeyEvent(document, 'keydown', 'Escape'); assert.strictEqual( timesCalled, 2, - "it doesn't call the @closeModal action if the modal is closed" + "it doesn't call the @closeModal action if the modal is closed", ); }); diff --git a/tests/integration/components/au-time-picker-test.js b/tests/integration/components/au-time-picker-test.js index b5bed87db..fae4198fd 100644 --- a/tests/integration/components/au-time-picker-test.js +++ b/tests/integration/components/au-time-picker-test.js @@ -20,7 +20,7 @@ module('Integration | Component | au-time-picker', function (hooks) { @hoursLabel="uren" @minutesLabel="minuten" @secondsLabel="seconden" - @nowLabel="Nu"/>` + @nowLabel="Nu"/>`, ); assert.dom('[data-test-autimepicker-hourinput]').exists(); assert.dom('[data-test-autimepicker-minuteinput]').exists(); @@ -334,8 +334,8 @@ module('Integration | Component | au-time-picker', function (hooks) { assert, now.getHours(), now.getMinutes(), - now.getSeconds() - ) + now.getSeconds(), + ), ); await click('[data-test-autimepicker-nowbutton]'); diff --git a/tests/integration/components/au-toaster-test.js b/tests/integration/components/au-toaster-test.js index ba5fe148d..5e7393616 100644 --- a/tests/integration/components/au-toaster-test.js +++ b/tests/integration/components/au-toaster-test.js @@ -144,7 +144,7 @@ module('Integration | Component | au-toaster', function (hooks) {

`, - templateOnlyComponent() + templateOnlyComponent(), ); this.toaster.show(CustomToast, { foo: 'Foo' }); @@ -159,7 +159,7 @@ module('Integration | Component | au-toaster', function (hooks) { assert .dom(CUSTOM_TOAST) .doesNotExist( - 'It receives a `@close` action that can be used to close the toast from the custom toast component itself' + 'It receives a `@close` action that can be used to close the toast from the custom toast component itself', ); const toast = this.toaster.show(CustomToast, { foo: 'Foo' }); @@ -171,7 +171,7 @@ module('Integration | Component | au-toaster', function (hooks) { assert .dom(CUSTOM_TOAST) .doesNotExist( - 'Custom toasts components can be closed with the `close` method' + 'Custom toasts components can be closed with the `close` method', ); }); }); diff --git a/tests/integration/components/au-toggle-switch-test.js b/tests/integration/components/au-toggle-switch-test.js index 7183e0fa0..e0f543cec 100644 --- a/tests/integration/components/au-toggle-switch-test.js +++ b/tests/integration/components/au-toggle-switch-test.js @@ -49,9 +49,9 @@ module('Integration | Component | au-toggle-switch', function (hooks) { assert.dom(TOGGLE_SWITCH.LABEL).hasText('Choose me!'); assert.true( hasDeprecationStartingWith( - '[AuToggleSwitch] The @label argument for this component is deprecated in favour of using block content.' + '[AuToggleSwitch] The @label argument for this component is deprecated in favour of using block content.', ), - '@label throws a deprecation warning' + '@label throws a deprecation warning', ); }); diff --git a/tests/integration/modifiers/au-props-test.js b/tests/integration/modifiers/au-props-test.js index 6aba49436..5eff6b855 100644 --- a/tests/integration/modifiers/au-props-test.js +++ b/tests/integration/modifiers/au-props-test.js @@ -19,7 +19,7 @@ module('Integration | Modifier | au-props', function (hooks) { .hasProperty( 'foo', 'baz', - 'it updates the property if the value changes' + 'it updates the property if the value changes', ); });