@vodafone_de/brix-components 14.0.1-image-flex-behaviour-e2f5d75a3b17d227c4f028fca1af6eaeb2c3858a → 14.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1,3 +1,18 @@
1
- # Highly experimental build
1
+ ![brix-design-system](https://ctfi.vodafone.de/2kbwgueb9jgg/6o7uX9ffsxLSNPdJJu0Bol/545a4bb7893d6e4fe33f05e1f3715a0d/brix-design-system.png?fm=avif&w=3840&q=75)
2
2
 
3
- Very likely no one will use this build in production.
3
+
4
+ # brix/react
5
+
6
+ Brix is the digital design system for Vodafone Germany. It provides production-ready React components that power [vodafone.de](https://www.vodafone.de) and related products.
7
+
8
+ ```bash
9
+ npm install @vodafone_de/brix-components
10
+ ```
11
+
12
+ Components are built with TypeScript and styled-components. Brix ships Vodafone's design tokens, iconography, and the variable brand font out of the box.
13
+
14
+ Requires React 19+ and styled-components 6+. See package.json for the full list of peer dependencies.
15
+
16
+ ## License
17
+
18
+ CC-BY-ND-4.0
@@ -21,8 +21,7 @@ const YouTubeVideoStyled = styled.div.withConfig({
21
21
  }) => ({
22
22
  position: "relative",
23
23
  width: "100%",
24
- paddingBottom: "56.25%",
25
- height: 0,
24
+ aspectRatio: "16 / 9",
26
25
  overflow: "hidden",
27
26
  ...roundedCorners && {
28
27
  borderRadius: getBorderRadius(borderRadiusMd)
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@vodafone_de/brix-components",
3
3
  "description": "Brix is the digital design system for vodafone.de",
4
- "version": "14.0.1-image-flex-behaviour-e2f5d75a3b17d227c4f028fca1af6eaeb2c3858a",
4
+ "version": "14.0.1",
5
5
  "exports": {
6
6
  "./package.json": "./package.json",
7
7
  ".": {