last round of style import corrections

umbraco · Sep 5, 2023 · 995c2b1 · 995c2b1
1 parent 9a640dc
commit 995c2b1
Show file tree

Hide file tree

Showing 271 changed files with 511 additions and 565 deletions.
diff --git a/src/packages/core/collection/collection.element.ts b/src/packages/core/collection/collection.element.ts
@@ -1,4 +1,4 @@
-import { UmbTextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, html, nothing, customElement, state, property } from '@umbraco-cms/backoffice/external/lit';
 import { map } from '@umbraco-cms/backoffice/external/rxjs';
 import { UmbCollectionContext, UMB_COLLECTION_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/collection';

diff --git a/...components/backoffice-notification-container/backoffice-notification-container.element.ts b/...components/backoffice-notification-container/backoffice-notification-container.element.ts
@@ -1,4 +1,4 @@
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, CSSResultGroup, html, customElement, state, repeat } from '@umbraco-cms/backoffice/external/lit';
 import {
 	UmbNotificationHandler,
@@ -46,7 +46,7 @@ export class UmbBackofficeNotificationContainerElement extends UmbLitElement {
 	}
 
 	static styles: CSSResultGroup = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			#notifications {
 				position: absolute;

diff --git a/src/packages/core/components/body-layout/body-layout.element.ts b/src/packages/core/components/body-layout/body-layout.element.ts
@@ -1,3 +1,4 @@
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import {
 	css,
 	html,
@@ -8,7 +9,6 @@ import {
 	state,
 	query,
 } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
 
 //TODO: Add the following attributes to JSDocs: header-transparent, main-no-padding, header-no-padding, header-fit-height
 
@@ -129,7 +129,7 @@ export class UmbBodyLayoutElement extends LitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: flex;
@@ -175,7 +175,7 @@ export class UmbBodyLayoutElement extends LitElement {
 			}
 
 			:host([header-transparent]:not([main-no-padding])) #main:not(*[style='display: none'] + *) {
-				/* The following styling is only applied if the clear-header IS present, 
+				/* The following styling is only applied if the clear-header IS present,
 				the main-no-padding attribute is NOT present, and the header is NOT hidden */
 				padding-top: var(--uui-size-space-1);
 			}

diff --git a/src/packages/core/components/button-with-dropdown/button-with-dropdown.element.ts b/src/packages/core/components/button-with-dropdown/button-with-dropdown.element.ts
@@ -1,5 +1,4 @@
 import {
-	UUITextStyles,
 	InterfaceColor,
 	InterfaceLook,
 	PopoverPlacement,
@@ -74,7 +73,6 @@ export class UmbButtonWithDropdownElement extends LitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			uui-symbol-expand {
 				margin-left: var(--uui-size-space-3);

diff --git a/src/packages/core/components/code-block/code-block.element.ts b/src/packages/core/components/code-block/code-block.element.ts
@@ -1,4 +1,4 @@
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import {
 	css,
 	html,
@@ -65,7 +65,7 @@ export class UmbCodeBlockElement extends LitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: block;

diff --git a/src/packages/core/components/dropdown/dropdown.element.ts b/src/packages/core/components/dropdown/dropdown.element.ts
@@ -1,4 +1,4 @@
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, html, nothing, customElement, property } from '@umbraco-cms/backoffice/external/lit';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
@@ -26,7 +26,7 @@ export class UmbDropdownElement extends UmbLitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			#container {
 				display: inline-block;

diff --git a/src/packages/core/components/empty-state/empty-state.element.ts b/src/packages/core/components/empty-state/empty-state.element.ts
@@ -1,4 +1,4 @@
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, html, LitElement, customElement, property } from '@umbraco-cms/backoffice/external/lit';
 
 @customElement('umb-empty-state')
@@ -22,7 +22,7 @@ export class UmbEmptyStateElement extends LitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: block;

diff --git a/src/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.ts b/src/packages/core/components/entity-actions-bundle/entity-actions-bundle.element.ts
@@ -1,5 +1,5 @@
 import { css, html, nothing, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { map } from '@umbraco-cms/backoffice/external/rxjs';
 import { UmbSectionSidebarContext, UMB_SECTION_SIDEBAR_CONTEXT_TOKEN } from '@umbraco-cms/backoffice/section';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
@@ -72,7 +72,7 @@ export class UmbEntityActionsBundleElement extends UmbLitElement {
 		`;
 	}
 
-	static styles = [UUITextStyles, css``];
+	static styles = [UmbTextStyles, css``];
 }
 
 declare global {

diff --git a/src/packages/core/components/footer-layout/footer-layout.element.ts b/src/packages/core/components/footer-layout/footer-layout.element.ts
@@ -1,5 +1,5 @@
 import { css, html, LitElement, customElement } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 
 /**
  * @element umb-footer-layout
@@ -20,7 +20,7 @@ export class UmbFooterLayoutElement extends LitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: flex;

diff --git a/src/packages/core/components/header-app/header-app-button.element.ts b/src/packages/core/components/header-app/header-app-button.element.ts
@@ -1,4 +1,4 @@
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, CSSResultGroup, html, LitElement, customElement, ifDefined } from '@umbraco-cms/backoffice/external/lit';
 import {
 	ManifestHeaderAppButtonKind,
@@ -36,7 +36,7 @@ export class UmbHeaderAppButtonElement extends LitElement {
 	}
 
 	static styles: CSSResultGroup = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			uui-button {
 				font-size: 18px;

diff --git a/src/packages/core/components/history/history-item.element.ts b/src/packages/core/components/history/history-item.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-history-item')
@@ -30,7 +30,7 @@ export class UmbHistoryItemElement extends UmbLitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				--avatar-size: calc(2em + 4px);

diff --git a/src/packages/core/components/history/history-list.element.ts b/src/packages/core/components/history/history-list.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-history-list')
@@ -11,7 +11,7 @@ export class UmbHistoryListElement extends UmbLitElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: block;

diff --git a/src/packages/core/components/input-checkbox-list/input-checkbox-list.element.ts b/src/packages/core/components/input-checkbox-list/input-checkbox-list.element.ts
@@ -1,5 +1,5 @@
 import { css, html, nothing, repeat, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-checkbox-list')
@@ -60,7 +60,6 @@ export class UmbInputCheckboxListElement extends FormControlMixin(UmbLitElement)
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			uui-checkbox {
 				width: 100%;

diff --git a/src/packages/core/components/input-color/input-color.element.ts b/src/packages/core/components/input-color/input-color.element.ts
@@ -1,5 +1,5 @@
 import { html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIColorSwatchesEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIColorSwatchesEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import type { UmbSwatchDetails } from '@umbraco-cms/backoffice/models';
 
@@ -43,8 +43,6 @@ export class UmbInputColorElement extends FormControlMixin(UmbLitElement) {
 				.showLabel=${this.showLabels}></uui-color-swatch>`;
 		})}`;
 	}
-
-	static styles = [UUITextStyles];
 }
 
 export default UmbInputColorElement;

diff --git a/src/packages/core/components/input-date/input-date.element.ts b/src/packages/core/components/input-date/input-date.element.ts
@@ -1,6 +1,6 @@
 import { UmbConfigRepository } from '../../repositories/config/config.repository.js';
 import { css, html, ifDefined, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIInputEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-date')
@@ -142,8 +142,6 @@ export class UmbInputDateElement extends FormControlMixin(UmbLitElement) {
 			.value="${this.displayValue?.replace('Z', '')}">
 		</uui-input>`;
 	}
-
-	static styles = [UUITextStyles, css``];
 }
 
 export default UmbInputDateElement;

diff --git a/src/packages/core/components/input-eye-dropper/input-eye-dropper.element.ts b/src/packages/core/components/input-eye-dropper/input-eye-dropper.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIColorPickerChangeEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIColorPickerChangeEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-eye-dropper')
@@ -29,8 +29,6 @@ export class UmbInputEyeDropperElement extends FormControlMixin(UmbLitElement) {
 			.opacity="${this.opacity}"
 			.swatches="${this.swatches}"></uui-color-picker>`;
 	}
-
-	static styles = [UUITextStyles, css``];
 }
 
 export default UmbInputEyeDropperElement;

diff --git a/src/packages/core/components/input-multi-url/input-multi-url.element.ts b/src/packages/core/components/input-multi-url/input-multi-url.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import type { UUIModalSidebarSize } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 import type { UmbVariantId } from '@umbraco-cms/backoffice/variant';
@@ -214,7 +214,6 @@ export class UmbInputMultiUrlElement extends FormControlMixin(UmbLitElement) {
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			uui-button {
 				width: 100%;

diff --git a/src/packages/core/components/input-number-range/input-number-range.element.ts b/src/packages/core/components/input-number-range/input-number-range.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 function getNumberOrUndefined(value: string) {
@@ -80,8 +80,6 @@ export class UmbInputNumberRangeElement extends FormControlMixin(UmbLitElement)
 			–
 			<uui-input type="number" .value=${this._maxValue} @input=${this._onMaxInput} label=${this.maxLabel}></uui-input>`;
 	}
-
-	static styles = [UUITextStyles, css``];
 }
 
 export default UmbInputNumberRangeElement;

diff --git a/src/packages/core/components/input-radio-button-list/input-radio-button-list.element.ts b/src/packages/core/components/input-radio-button-list/input-radio-button-list.element.ts
@@ -1,5 +1,5 @@
 import { css, html, nothing, repeat, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-radio-button-list')
@@ -49,7 +49,6 @@ export class UmbInputRadioButtonListElement extends FormControlMixin(UmbLitEleme
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			:host {
 				display: block;

diff --git a/src/packages/core/components/input-section/input-section.element.ts b/src/packages/core/components/input-section/input-section.element.ts
@@ -1,5 +1,5 @@
 import { UmbInputListBaseElement } from '../input-list-base/input-list-base.js';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import { css, html, nothing, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UMB_SECTION_PICKER_MODAL } from '@umbraco-cms/backoffice/modal';
 import { ManifestSection, umbExtensionsRegistry } from '@umbraco-cms/backoffice/extension-registry';
@@ -54,7 +54,7 @@ export class UmbInputPickerSectionElement extends UmbInputListBaseElement {
 	}
 
 	static styles = [
-		UUITextStyles,
+		UmbTextStyles,
 		css`
 			:host {
 				display: flex;

diff --git a/src/packages/core/components/input-slider/input-slider.element.ts b/src/packages/core/components/input-slider/input-slider.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUISliderEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUISliderEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-slider')
@@ -54,8 +54,6 @@ export class UmbInputSliderElement extends FormControlMixin(UmbLitElement) {
 			.valueHigh="${this.initVal2}"
 			@change="${this.#onChange}"></uui-range-slider>`;
 	}
-
-	static styles = [UUITextStyles, css``];
 }
 
 export default UmbInputSliderElement;

diff --git a/src/packages/core/components/input-tiny-mce/input-tiny-mce.element.ts b/src/packages/core/components/input-tiny-mce/input-tiny-mce.element.ts
@@ -2,7 +2,7 @@ import { defaultExtendedValidElements, defaultFallbackConfig, defaultStyleFormat
 import { pastePreProcessHandler, uploadImageHandler } from './input-tiny-mce.handlers.js';
 import { availableLanguages } from './input-tiny-mce.languages.js';
 import { uriAttributeSanitizer } from './input-tiny-mce.sanitizer.js';
-import { FormControlMixin, UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import { renderEditor, type tinymce } from '@umbraco-cms/backoffice/external/tinymce';
 import { UMB_AUTH, UmbLoggedInUser } from '@umbraco-cms/backoffice/auth';
 import {
@@ -287,7 +287,6 @@ export class UmbInputTinyMceElement extends FormControlMixin(UmbLitElement) {
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			#editor {
 				position: relative;

diff --git a/src/packages/core/components/input-toggle/input-toggle.element.ts b/src/packages/core/components/input-toggle/input-toggle.element.ts
@@ -1,5 +1,5 @@
 import { css, html, customElement, property, state } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin, UUIBooleanInputEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
 @customElement('umb-input-toggle')
@@ -58,7 +58,6 @@ export class UmbInputToggleElement extends FormControlMixin(UmbLitElement) {
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			uui-toggle {
 				width: 100%;

diff --git a/src/packages/core/components/input-upload-field/input-upload-field.element.ts b/src/packages/core/components/input-upload-field/input-upload-field.element.ts
@@ -9,7 +9,7 @@ import {
 	query,
 	state,
 } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles, FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
+import { FormControlMixin } from '@umbraco-cms/backoffice/external/uui';
 import type { UUIFileDropzoneElement, UUIFileDropzoneEvent } from '@umbraco-cms/backoffice/external/uui';
 import { UmbLitElement } from '@umbraco-cms/internal/lit-element';
 
@@ -134,7 +134,6 @@ export class UmbInputUploadFieldElement extends FormControlMixin(UmbLitElement)
 	}
 
 	static styles = [
-		UUITextStyles,
 		css`
 			uui-icon {
 				vertical-align: sub;

diff --git a/src/packages/core/components/property-editor-config/property-editor-config.element.ts b/src/packages/core/components/property-editor-config/property-editor-config.element.ts
@@ -1,5 +1,5 @@
 import { html, customElement, property, state, ifDefined } from '@umbraco-cms/backoffice/external/lit';
-import { UUITextStyles } from '@umbraco-cms/backoffice/external/uui';
+import { UmbTextStyles } from "@umbraco-cms/backoffice/style";
 import {
 	PropertyEditorConfigDefaultData,
 	PropertyEditorConfigProperty,
@@ -124,7 +124,7 @@ export class UmbPropertyEditorConfigElement extends UmbLitElement {
 		`;
 	}
 
-	static styles = [UUITextStyles];
+	static styles = [UmbTextStyles];
 }
 
 export default UmbPropertyEditorConfigElement;