refactor: rename lumo-utilities to lumo-utility (#2144)

Renamed style group based on feedback from PO

Author: sissbruecker

packages/vaadin-lumo-styles/all-imports.d.ts

@@ -8,4 +8,4 @@ export * from './sizing.js';
 export * from './spacing.js';
 export * from './style.js';
 export * from './typography.js';
-export * from './utilities/index.js';
+export * from './utility.js';

packages/vaadin-lumo-styles/all-imports.js

@@ -27,5 +27,5 @@ import './style.js';
 export * from './style.js';
 import './typography.js';
 export * from './typography.js';
-import './utilities/index.js';
-export * from './utilities/index.js';
+import './utility.js';
+export * from './utility.js';

packages/vaadin-lumo-styles/utilities/index.d.ts

@@ -0,0 +1,3 @@
+import { CSSResult } from 'lit';
+
+export const utility: CSSResult;

packages/vaadin-lumo-styles/utilities/index.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright (c) 2021 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/register-styles';
+import { accessibility } from './utilities/accessibility.js';
+import { background } from './utilities/background.js';
+import { border } from './utilities/border.js';
+import { shadows } from './utilities/shadows.js';
+import { flexboxAndGrid } from './utilities/flexbox-grid.js';
+import { layout } from './utilities/layout.js';
+import { sizing } from './utilities/sizing.js';
+import { spacing } from './utilities/spacing.js';
+import { typography } from './utilities/typography.js';
+
+/* prettier-ignore */
+export const utility = css`
+${accessibility}
+${background}
+${border}
+${shadows}
+${flexboxAndGrid}
+${layout}
+${sizing}
+${spacing}
+${typography}
+`;
+
+registerStyles('', utility, { moduleId: 'lumo-utility' });