refactor: stable renaming (#16)

mfranzke · web-flow · commit c99774dfc025 · 2025-02-14T10:40:35.000+01:00
* refactor: stable renaming

* Update radio-checkbox-screenreader-accessibility/package.json
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@ Within this repository, we'd like to store evaluations that should get seperated
 ## Deutsche Bahn brand
 
 As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound to clear guidelines and restrictions even when being used with the code that we're providing with this product.
-Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that we're providing the code of DB UI products free to use and release it under the Apache 2.0 license.
+Deutsche Bahn fully reserves all rights and ownership regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
 Please have a look at our [brand portal](https://marketingportal.extranet.deutschebahn.com/) for any further questions and whom to contact on any brand issues.
 
 As these assets and visual guidelines are retrieved from our Deutsche Bahn Marketingportal, you'll agree with the ["Allgemeine Nutzungsbedingungen für das DB-Marketingportal" (german)](https://marketingportal.extranet.deutschebahn.com/marketingportal/Nutzungsbedingungen-9702684) in case of using them.
diff --git a/radio-checkbox-screenreader-accessibility/.gitignore b/radio-checkbox-screenreader-accessibility/.gitignore
@@ -1,2 +1,2 @@
-styles/db-ui-42-absolute.css
+styles/absolute.css
 assets/*
diff --git a/radio-checkbox-screenreader-accessibility/index.html b/radio-checkbox-screenreader-accessibility/index.html
@@ -5,16 +5,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y)</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-regular">
+<body class="db-ux-regular">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p><strong>radio-buttons & checkboxes</strong></p>
     <p>
         Label is being announced twice for Radio and Checkbox elements.
-        <a class="db-link" data-content="external" target="_blank" href="https://github.com/db-ui/mono/issues/2037">
+        <a class="db-link" data-content="external" target="_blank" href="https://github.com/db-ux-design-system/core-web/issues/2037">
             Github Issue
         </a>
     </p>
diff --git a/radio-checkbox-screenreader-accessibility/package-lock.json b/radio-checkbox-screenreader-accessibility/package-lock.json
diff --git a/radio-checkbox-screenreader-accessibility/package.json b/radio-checkbox-screenreader-accessibility/package.json
@@ -6,14 +6,14 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "init": "npm-run-all copy:*",
-    "copy:styles": "cpx 'node_modules/@db-ui/components/build/styles/db-ui-42-absolute.css' 'styles/'",
-    "copy:assets": "cpx 'node_modules/@db-ui/components/build/assets/**' 'assets'",
+    "copy:styles": "cpx 'node_modules/@db-ux/core-components/build/styles/absolute.css' 'styles/'",
+    "copy:assets": "cpx 'node_modules/@db-ux/core-components/build/assets/**' 'assets'",
     "dev": "vite --open"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@db-ui/components": "^0.0.68",
+    "@db-ux/core-components": "^0.0.68",
     "cpx2": "^7.0.1",
     "npm-run-all2": "7.0.2",
     "vite": "^5.1.7"
diff --git a/radio-checkbox-screenreader-accessibility/pages/aria-label-nested-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/aria-label-nested-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Using <code>aria-label</code> at radio buttons: <i>label > input</i></p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/aria-label-siblings-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/aria-label-siblings-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Using <code>aria-label</code> at radio buttons: <i>input + label</i></p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/aria-labelledby-nested-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/aria-labelledby-nested-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Using <code>aria-labelledby</code> at radio buttons: <i>label > input</i></p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/aria-labelledby-siblings-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/aria-labelledby-siblings-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Using <code>aria-labelledby</code> at radio buttons: <i>input + label</i></p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/siblings-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/siblings-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Using <code>aria-label</code> at radio buttons: <i>input + label</i></p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/status-quo-checkboxes.html b/radio-checkbox-screenreader-accessibility/pages/status-quo-checkboxes.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Status Quo: checkboxes</p>
diff --git a/radio-checkbox-screenreader-accessibility/pages/status-quo-radio-buttons.html b/radio-checkbox-screenreader-accessibility/pages/status-quo-radio-buttons.html
@@ -5,10 +5,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>test(a11y) - Status Quo: checkboxes</title>
     <link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
-    <link rel="stylesheet" href="/styles/db-ui-42-absolute.css">
+    <link rel="stylesheet" href="/styles/absolute.css">
     <link rel="stylesheet" href="/styles/main.css">
 </head>
-<body class="db-ui-expressive">
+<body class="db-ux-expressive">
 <header class="centered">
     <h1>test(a11y)</h1>
     <p>Status Quo: radio buttons</p>
diff --git a/variable-fonts/README.md b/variable-fonts/README.md
@@ -17,7 +17,7 @@ Source: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_fonts/Variable_font
 
 In a naive way I thought: "We have already an icon font, it should be easy to convert it to a variable font" - I was wrong.
 
-First of all if we use for example this [tool](https://github.com/db-ui/gif) we can generate different file types. And it may contain different icon sizes (e.g. 16, 24, 32) which might look different, with different weights etc.
+First of all if we use for example this [tool](https://github.com/db-ux-design-system/icon-font-tools) we can generate different file types. And it may contain different icon sizes (e.g. 16, 24, 32) which might look different, with different weights etc.
 
 But the biggest problem is that a variable font has a restriction: To interpolate a font glyph, it needs the same amount of points and lines and in the same order. Otherwise, it won't be able to interpolate properly.
 
@@ -37,12 +37,12 @@ Based on a [YouTube video](https://www.youtube.com/watch?v=xoQuWARCUWI) you can
 > You need to go into this directory: `cd variable-fonts`
 
 1. We use a simple `test.svg` with two rectangles as a testing icon.
-2. We run `npx @db-ui/gif --src . --fontName test`
+2. We run `npx @db-ux/icon-font-tools --src . --fontName test`
 3. This will create some font files. For this example we need `fonts/all/test.woff2`
 4. We use [FontForge](https://fontforge.org/) to open the `test.woff2`
 5. We will save the current font as `.sfd` format like `test.sfd`. Then we change the font name via FontForge settings to something like `test_bold` and save another file as `test_bold.sfd`.
 6. Next we scroll to the bottom of the `test_bold` font inside FontForge and change the positions of the points inside the glyph. In this case we use the empty space between the rectangles to widen them.
-7. After this we will create a font from both the `test.sfd` and `test_bold.sfd` as `.ufo` file. **Warning** the SVG might get redrawn by `@db-ui/gif` you may need to fix issues (like the direction) in FontForge by using the "Element/Validation" setting.
+7. After this we will create a font from both the `test.sfd` and `test_bold.sfd` as `.ufo` file. **Warning** the SVG might get redrawn by `@db-ux/icon-font-tools` you may need to fix issues (like the direction) in FontForge by using the "Element/Validation" setting.
 8. Next we need to create a `.designspace` file. This is a representation (XML) for how the axis works. Check the `test.designspace` for more information.
 9. Now we need to run `fontmake -m test.designspace -o variable --production-names --output-path test.ttf`
 10. Goto [this](https://opentype.js.org/glyph-inspector.html) website and open the `test.ttf`. You should change the `weight` of the icon with the slider provided. You may also see `index.html` and `index.css` to check how you use an axis inside HTML/CSS.

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,2 @@`
`1`		`-styles/db-ui-42-absolute.css`
	`1`	`+styles/absolute.css`
`2`	`2`	`assets/*`