Merge pull request #1691 from db-ux-design-system/refactor-stable-renaming

refactor: stable renaming

Author: nmerget

Diff for: .github/workflows/pull-request.yml

@@ -22,5 +22,5 @@ jobs:
     uses: ./.github/workflows/99-dependency-review.yml
 
   labeler:
-    if: github.event.pull_request.head.repo.owner.login == 'db-ui'
+    if: github.event.pull_request.head.repo.owner.login == 'db-ux-design-system'
     uses: ./.github/workflows/99-labeler.yml

Diff for: CODE-OF-CONDUCT.md

@@ -6,7 +6,7 @@ We as members, contributors, and leaders pledge to make participation in our
 community a harassment-free experience for everyone, regardless of age, body
 size, visible or invisible disability, ethnicity, sex characteristics, gender
 identity and expression, level of experience, education, socio-economic status,
-nationality, personal appearance, race, caste, color, religion, or sexual
+nationality, plusal appearance, race, caste, color, religion, or sexual
 identity and orientation.
 
 We pledge to act and interact in ways that contribute to an open, welcoming,
@@ -29,7 +29,7 @@ Examples of unacceptable behavior include:
 
 - The use of sexualized language or imagery, and sexual attention or advances of
   any kind
-- Trolling, insulting or derogatory comments, and personal or political attacks
+- Trolling, insulting or derogatory comments, and plusal or political attacks
 - Public or private harassment
 - Publishing others' private information, such as a physical or email address,
   without their explicit permission

Diff for: CONTRIBUTING.md

@@ -1,6 +1,6 @@
 # Contributing
 
-Thanks for your interest in our project. Contributions are welcome. Feel free to [open an issue](https://github.com/db-ui/examples/issues/new) with questions or reporting ideas and bugs, or [open pull requests](https://github.com/db-ui/base/compare) to contribute code.
+Thanks for your interest in our project. Contributions are welcome. Feel free to [open an issue](https://github.com/db-ux-design-system/examples/issues/new) with questions or reporting ideas and bugs, or [open pull requests](https://github.com/db-ux-design-system/examples/compare) to contribute code.
 
 We are committed to fostering a welcoming, respectful, and harassment-free environment. Be kind!
 
@@ -12,4 +12,4 @@ Moreover, you need to duplicate `.env.template` as `.env` and type your own emai
 
 ### Conventions
 
-Please be aware that we have some [code and git commit (message and branch naming) conventions](https://github.com/db-ui/core/blob/main/docs/conventions.adoc), that we ensure with some linting tools.
+Please be aware that we have some [code and git commit (message and branch naming) conventions](https://github.com/db-ux-design-system/examples/blob/main/docs/conventions.adoc), that we ensure with some linting tools.

Diff for: README.md

@@ -1,3 +1,3 @@
-# DB UI Examples
+# DB UX Design System Examples
 
-Those packages are getting started examples to preview/test a full integration of the DB UI Components.
+Those packages are getting started examples to preview/test a full integration of the DB UX Design System Core Components.

Diff for: angular17-example/README.md

@@ -7,29 +7,29 @@
 3. Which stylesheet format would you like to use? `SCSS`
 4. Do you want to enable Server-Side Rendering (SSR) and Static Site Generation (SSG/Prerendering)? No
 5. `$ cd angular-example`
-6. `$ npm i @db-ui/ngx-components`
+6. `$ npm i @db-ux/ngx-core-components`
 7. Add `"outputHashing": "media"` to the `angular.json` file under `projects/angular-example/architect/build/configurations/development`
 8. Add this to `src/styles.scss`:
 
 ```scss
 // Combined dependencies like variables, colors and tonality and all components
-@forward "@db-ui/components/build/styles/db-ui-42-rollup";
+@forward "@db-ux/core-components/build/styles/rollup";
 ```
 
 7. Goto `src/app/app.component.html` and replace content with:
 
 ```html
 <main>
   <div>
-    <h1>db-ui-functional</h1>
+    <h1>db-ux-functional</h1>
     <p>Use this as default for enterprise apps</p>
   </div>
   <div>
-    <h1>db-ui-regular</h1>
+    <h1>db-ux-regular</h1>
     <p>Use this as default for consumer apps</p>
   </div>
   <div>
-    <h1>db-ui-expressive</h1>
+    <h1>db-ux-expressive</h1>
     <p>Use this as default for marketing apps</p>
   </div>
 </main>
@@ -43,9 +43,9 @@
 13. `expressive`
 14. Goto browser; All texts should have different sizes
 15. Goto `src/app/app.component.html` and add `class` with those classes for each `<div>`:
-    1. `db-informational-bg-basic-level-1`
-    2. `db-successful-bg-basic-level-1`
-    3. `db-successful-bg-basic-level-2`
+    1. `db-color-informational`
+    2. `db-color-successful`
+    3. `db-color-successful db-bg-color-basic-level-2`
 19. Goto browser; All containers should have different background and foreground colors
 20. Goto `src/styles.scss` and append a new class:
 
@@ -75,5 +75,5 @@ export class AppComponent {
 }
 ```
 
-18. Goto `src/app/app.component.html` and add `<db-button icon="user">Test</db-button>` inside each div
+18. Goto `src/app/app.component.html` and add `<db-button icon="plus">Test</db-button>` inside each div
 19. Goto browser; Button should be visible with different paddings

Diff for: angular17-example/package-lock.json

@@ -19,7 +19,7 @@
     "@angular/platform-browser": "^17.3.0",
     "@angular/platform-browser-dynamic": "^17.3.0",
     "@angular/router": "^17.3.0",
-    "@db-ui/ngx-components": "^0.5.7",
+    "@db-ux/ngx-core-components": "^1.0.0",
     "rxjs": "~7.8.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.14.3"

Diff for: angular17-example/package.json

@@ -1,26 +1,26 @@
 <main>
   <div
     data-density="functional"
-    class="db-informational-bg-basic-level-1 container-with-padding"
+    class="db-color-informational container-with-padding"
   >
-    <h1>db-ui-functional</h1>
+    <h1>db-ux-functional</h1>
     <p>Use this as default for enterprise apps</p>
-    <db-button icon="person">Test</db-button>
+    <db-button icon="plus">Test</db-button>
   </div>
   <div
     data-density="regular"
-    class="db-successful-bg-basic-level-1 container-with-padding"
+    class="db-color-successful container-with-padding"
   >
-    <h1>db-ui-regular</h1>
+    <h1>db-ux-regular</h1>
     <p>Use this as default for consumer apps</p>
-    <db-button icon="person">Test</db-button>
+    <db-button icon="plus">Test</db-button>
   </div>
   <div
     data-density="expressive"
-    class="db-successful-bg-basic-level-2 container-with-padding"
+    class="db-color-successful db-bg-color-basic-level-2 container-with-padding"
   >
-    <h1>db-ui-expressive</h1>
+    <h1>db-ux-expressive</h1>
     <p>Use this as default for marketing apps</p>
-    <db-button icon="person">Test</db-button>
+    <db-button icon="plus">Test</db-button>
   </div>
 </main>

Diff for: angular17-example/src/app/app.component.html

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
-import { DBButton } from '@db-ui/ngx-components';
+import { DBButton } from '@db-ux/ngx-core-components';
 
 @Component({
   selector: 'app-root',

Diff for: angular17-example/src/app/app.component.ts

@@ -1,7 +1,7 @@
 // Combined dependencies like variables, colors and tonality and all components
-@forward "@db-ui/components/build/styles/db-ui-42-rollup";
+@forward "@db-ux/core-components/build/styles/rollup";
 // We use $db-spacing-fixed-md variable so we need to import the file where the variable is defined
-@use "@db-ui/foundations/build/scss/variables";
+@use "@db-ux/core-foundations/build/styles/variables";
 
 .container-with-padding {
   padding: variables.$db-spacing-fixed-md;

Diff for: angular17-example/src/styles.scss

@@ -1,5 +1,5 @@
 {
-  "name": "@db-ui/mono-e2e",
+  "name": "@db-ux/e2e",
   "version": "0.0.0",
   "type": "module",
   "description": "",

Diff for: e2e/package-lock.json

@@ -3,7 +3,7 @@
 1. init new vite project `npm create vite@latest react-example`
 2. `cd react-example`
 3. `npm i sass`
-4. `npm i @db-ui/react-components`
+4. `npm i @db-ux/react-core-components`
 5. Delete unused files:
     1. `src/App.css`
     2. `src/vite-env.d.ts`
@@ -12,7 +12,7 @@
 
 ```scss
 // Combined dependencies like variables, colors and tonality and all components
-@forward "@db-ui/components/build/styles/db-ui-42-rollup";
+@forward "@db-ux/core-components/build/styles/rollup";
 ```
 
 7. Goto `src/main.tsx` and rename `import './index.css'` to `import './index.scss'`
@@ -23,15 +23,15 @@ const App = () => {
 	return (
 		<main>
 			<div>
-				<h1>db-ui-functional</h1>
+				<h1>db-ux-functional</h1>
 				<p>Use this as default for enterprise apps</p>
 			</div>
 			<div>
-				<h1>db-ui-regular</h1>
+				<h1>db-ux-regular</h1>
 				<p>Use this as default for consumer apps</p>
 			</div>
 			<div>
-				<h1>db-ui-expressive</h1>
+				<h1>db-ux-expressive</h1>
 				<p>Use this as default for marketing apps</p>
 			</div>
 		</main>
@@ -49,9 +49,9 @@ export default App;
     3. `expressive`
 12. Goto browser; All texts should have different sizes
 13. Goto `src/App.tsx` and add `className` with those classes for each `<div>`:
-    1. `db-informational-bg-basic-level-1`
-    2. `db-successful-bg-basic-level-1`
-    3. `db-successful-bg-basic-level-2`
+    1. `db-color-informational`
+    2. `db-color-successful`
+    3. `db-color-successful db-bg-color-basic-level-2`
 14. Goto browser; All containers should have different background and foreground colors
 15. Goto `src/index.scss` and append a new class:
 
@@ -63,5 +63,5 @@ export default App;
 
 16. Goto `src/App.tsx` and add `container-with-padding` class for each `<div>`
 17. Goto browser; All containers should have different paddings
-18. Goto `src/App.tsx` and add `import { DBButton } from "@db-ui/react-components";` to the top of the file and add `<DBButton icon="account">Test</DBButton>` inside each div
+18. Goto `src/App.tsx` and add `import { DBButton } from "@db-ux/react-core-components";` to the top of the file and add `<DBButton icon="account">Test</DBButton>` inside each div
 19. Goto browser; Button should be visible with different paddings