@gnist/design-system 7.0.0-alpha.0 → 7.0.0

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.
Files changed (174) hide show
  1. package/CHANGELOG.md +13 -7
  2. package/README.md +0 -1
  3. package/dist/building-blocks/skeletons/CircularSkeleton.cjs +2 -1
  4. package/dist/building-blocks/skeletons/CircularSkeleton.d.ts.map +1 -1
  5. package/dist/building-blocks/skeletons/CircularSkeleton.js +2 -1
  6. package/dist/building-blocks/skeletons/RectangularSkeleton.cjs +2 -1
  7. package/dist/building-blocks/skeletons/RectangularSkeleton.d.ts.map +1 -1
  8. package/dist/building-blocks/skeletons/RectangularSkeleton.js +2 -1
  9. package/dist/building-blocks/skeletons/TextSkeleton.cjs +2 -1
  10. package/dist/building-blocks/skeletons/TextSkeleton.d.ts.map +1 -1
  11. package/dist/building-blocks/skeletons/TextSkeleton.js +2 -1
  12. package/dist/foundation/logos/Logo.cjs +5 -24
  13. package/dist/foundation/logos/Logo.css.cjs +5 -1
  14. package/dist/foundation/logos/Logo.css.d.ts.map +1 -1
  15. package/dist/foundation/logos/Logo.css.js +5 -1
  16. package/dist/foundation/logos/Logo.d.ts +12 -39
  17. package/dist/foundation/logos/Logo.d.ts.map +1 -1
  18. package/dist/foundation/logos/Logo.js +4 -23
  19. package/dist/foundation/logos/logos.cjs +1 -1
  20. package/dist/foundation/logos/logos.d.ts +2 -15
  21. package/dist/foundation/logos/logos.d.ts.map +1 -1
  22. package/dist/foundation/logos/logos.js +2 -2
  23. package/dist/foundation/logos/svg/audi/audi_symbol_dark.svg-react.cjs +51 -0
  24. package/dist/foundation/logos/svg/audi/audi_symbol_dark.svg-react.js +49 -0
  25. package/dist/foundation/logos/svg/audi/audi_symbol_light.svg-react.cjs +51 -0
  26. package/dist/foundation/logos/svg/audi/audi_symbol_light.svg-react.js +49 -0
  27. package/dist/foundation/logos/svg/audi/index.cjs +10 -4
  28. package/dist/foundation/logos/svg/audi/index.d.ts +29 -13
  29. package/dist/foundation/logos/svg/audi/index.d.ts.map +1 -1
  30. package/dist/foundation/logos/svg/audi/index.js +10 -4
  31. package/dist/foundation/logos/svg/autoria/autoria_symbol_dark.svg-react.cjs +22 -0
  32. package/dist/foundation/logos/svg/autoria/autoria_symbol_dark.svg-react.js +20 -0
  33. package/dist/foundation/logos/svg/autoria/autoria_symbol_light.svg-react.cjs +22 -0
  34. package/dist/foundation/logos/svg/autoria/autoria_symbol_light.svg-react.js +20 -0
  35. package/dist/foundation/logos/svg/autoria/autoria_wordmark_dark.svg-react.cjs +22 -0
  36. package/dist/foundation/logos/svg/autoria/autoria_wordmark_dark.svg-react.js +20 -0
  37. package/dist/foundation/logos/svg/autoria/autoria_wordmark_light.svg-react.cjs +22 -0
  38. package/dist/foundation/logos/svg/autoria/autoria_wordmark_light.svg-react.js +20 -0
  39. package/dist/foundation/logos/svg/autoria/index.cjs +12 -4
  40. package/dist/foundation/logos/svg/autoria/index.d.ts +29 -13
  41. package/dist/foundation/logos/svg/autoria/index.d.ts.map +1 -1
  42. package/dist/foundation/logos/svg/autoria/index.js +12 -4
  43. package/dist/foundation/logos/svg/bilhold/bilhold_symbol_dark.svg-react.cjs +22 -0
  44. package/dist/foundation/logos/svg/bilhold/bilhold_symbol_dark.svg-react.js +20 -0
  45. package/dist/foundation/logos/svg/bilhold/bilhold_symbol_light.svg-react.cjs +22 -0
  46. package/dist/foundation/logos/svg/bilhold/bilhold_symbol_light.svg-react.js +20 -0
  47. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark_dark.svg-react.cjs +22 -0
  48. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark_dark.svg-react.js +20 -0
  49. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark_light.svg-react.cjs +22 -0
  50. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark_light.svg-react.js +20 -0
  51. package/dist/foundation/logos/svg/bilhold/index.cjs +12 -4
  52. package/dist/foundation/logos/svg/bilhold/index.d.ts +29 -13
  53. package/dist/foundation/logos/svg/bilhold/index.d.ts.map +1 -1
  54. package/dist/foundation/logos/svg/bilhold/index.js +12 -4
  55. package/dist/foundation/logos/svg/cupra/cupra_symbol_dark.svg-react.cjs +22 -0
  56. package/dist/foundation/logos/svg/cupra/cupra_symbol_dark.svg-react.js +20 -0
  57. package/dist/foundation/logos/svg/cupra/cupra_symbol_light.svg-react.cjs +22 -0
  58. package/dist/foundation/logos/svg/cupra/cupra_symbol_light.svg-react.js +20 -0
  59. package/dist/foundation/logos/svg/cupra/cupra_wordmark_dark.svg-react.cjs +51 -0
  60. package/dist/foundation/logos/svg/cupra/cupra_wordmark_dark.svg-react.js +49 -0
  61. package/dist/foundation/logos/svg/cupra/cupra_wordmark_light.svg-react.cjs +51 -0
  62. package/dist/foundation/logos/svg/cupra/cupra_wordmark_light.svg-react.js +49 -0
  63. package/dist/foundation/logos/svg/cupra/index.cjs +12 -4
  64. package/dist/foundation/logos/svg/cupra/index.d.ts +29 -13
  65. package/dist/foundation/logos/svg/cupra/index.d.ts.map +1 -1
  66. package/dist/foundation/logos/svg/cupra/index.js +12 -4
  67. package/dist/foundation/logos/svg/dahles/dahles_wordmark_dark.svg-react.cjs +61 -0
  68. package/dist/foundation/logos/svg/dahles/dahles_wordmark_dark.svg-react.js +59 -0
  69. package/dist/foundation/logos/svg/dahles/dahles_wordmark_light.svg-react.cjs +61 -0
  70. package/dist/foundation/logos/svg/dahles/dahles_wordmark_light.svg-react.js +59 -0
  71. package/dist/foundation/logos/svg/dahles/index.cjs +10 -4
  72. package/dist/foundation/logos/svg/dahles/index.d.ts +29 -13
  73. package/dist/foundation/logos/svg/dahles/index.d.ts.map +1 -1
  74. package/dist/foundation/logos/svg/dahles/index.js +10 -4
  75. package/dist/foundation/logos/svg/gumpen/gumpen_symbol_dark.svg-react.cjs +22 -0
  76. package/dist/foundation/logos/svg/gumpen/gumpen_symbol_dark.svg-react.js +20 -0
  77. package/dist/foundation/logos/svg/gumpen/gumpen_symbol_light.svg-react.cjs +22 -0
  78. package/dist/foundation/logos/svg/gumpen/gumpen_symbol_light.svg-react.js +20 -0
  79. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark_dark.svg-react.cjs +47 -0
  80. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark_dark.svg-react.js +45 -0
  81. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark_light.svg-react.cjs +47 -0
  82. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark_light.svg-react.js +45 -0
  83. package/dist/foundation/logos/svg/gumpen/index.cjs +12 -4
  84. package/dist/foundation/logos/svg/gumpen/index.d.ts +29 -13
  85. package/dist/foundation/logos/svg/gumpen/index.d.ts.map +1 -1
  86. package/dist/foundation/logos/svg/gumpen/index.js +12 -4
  87. package/dist/foundation/logos/svg/index.cjs +1 -1
  88. package/dist/foundation/logos/svg/index.d.ts +1 -1
  89. package/dist/foundation/logos/svg/index.js +2 -2
  90. package/dist/foundation/logos/svg/mollerbil/index.cjs +12 -4
  91. package/dist/foundation/logos/svg/mollerbil/index.d.ts +29 -13
  92. package/dist/foundation/logos/svg/mollerbil/index.d.ts.map +1 -1
  93. package/dist/foundation/logos/svg/mollerbil/index.js +12 -4
  94. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol_dark.svg-react.cjs +22 -0
  95. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol_dark.svg-react.js +20 -0
  96. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol_light.svg-react.cjs +22 -0
  97. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol_light.svg-react.js +20 -0
  98. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark_dark.svg-react.cjs +57 -0
  99. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark_dark.svg-react.js +55 -0
  100. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark_light.svg-react.cjs +57 -0
  101. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark_light.svg-react.js +55 -0
  102. package/dist/foundation/logos/svg/others/index.cjs +72 -18
  103. package/dist/foundation/logos/svg/others/index.d.ts +261 -117
  104. package/dist/foundation/logos/svg/others/index.d.ts.map +1 -1
  105. package/dist/foundation/logos/svg/others/index.js +72 -18
  106. package/dist/foundation/logos/svg/skoda/index.cjs +12 -4
  107. package/dist/foundation/logos/svg/skoda/index.d.ts +29 -13
  108. package/dist/foundation/logos/svg/skoda/index.d.ts.map +1 -1
  109. package/dist/foundation/logos/svg/skoda/index.js +12 -4
  110. package/dist/foundation/logos/svg/skoda/skoda_symbol_dark.svg-react.cjs +22 -0
  111. package/dist/foundation/logos/svg/skoda/skoda_symbol_dark.svg-react.js +20 -0
  112. package/dist/foundation/logos/svg/skoda/skoda_symbol_light.svg-react.cjs +22 -0
  113. package/dist/foundation/logos/svg/skoda/skoda_symbol_light.svg-react.js +20 -0
  114. package/dist/foundation/logos/svg/skoda/skoda_wordmark_dark.svg-react.cjs +22 -0
  115. package/dist/foundation/logos/svg/skoda/skoda_wordmark_dark.svg-react.js +20 -0
  116. package/dist/foundation/logos/svg/skoda/skoda_wordmark_light.svg-react.cjs +22 -0
  117. package/dist/foundation/logos/svg/skoda/skoda_wordmark_light.svg-react.js +20 -0
  118. package/dist/foundation/logos/svg/vw/index.cjs +22 -10
  119. package/dist/foundation/logos/svg/vw/index.d.ts +59 -27
  120. package/dist/foundation/logos/svg/vw/index.d.ts.map +1 -1
  121. package/dist/foundation/logos/svg/vw/index.js +22 -10
  122. package/dist/foundation/logos/svg/vw/vwNytte_symbol_dark.svg-react.cjs +29 -0
  123. package/dist/foundation/logos/svg/vw/vwNytte_symbol_dark.svg-react.js +27 -0
  124. package/dist/foundation/logos/svg/vw/vwNytte_symbol_light.svg-react.cjs +29 -0
  125. package/dist/foundation/logos/svg/vw/vwNytte_symbol_light.svg-react.js +27 -0
  126. package/dist/foundation/logos/svg/vw/vw_symbol_dark.svg-react.cjs +22 -0
  127. package/dist/foundation/logos/svg/vw/vw_symbol_dark.svg-react.js +20 -0
  128. package/dist/foundation/logos/svg/vw/vw_symbol_light.svg-react.cjs +22 -0
  129. package/dist/foundation/logos/svg/vw/vw_symbol_light.svg-react.js +20 -0
  130. package/dist/foundation/logos/types.cjs +31 -0
  131. package/dist/foundation/logos/types.d.ts +41 -0
  132. package/dist/foundation/logos/types.d.ts.map +1 -0
  133. package/dist/foundation/logos/types.js +30 -0
  134. package/package.json +4 -4
  135. package/dist/foundation/logos/svg/audi/audi_symbol.svg-react.cjs +0 -51
  136. package/dist/foundation/logos/svg/audi/audi_symbol.svg-react.js +0 -49
  137. package/dist/foundation/logos/svg/audi/audi_wordmark.svg-react.cjs +0 -51
  138. package/dist/foundation/logos/svg/audi/audi_wordmark.svg-react.js +0 -49
  139. package/dist/foundation/logos/svg/autoria/autoria_symbol.svg-react.cjs +0 -22
  140. package/dist/foundation/logos/svg/autoria/autoria_symbol.svg-react.js +0 -20
  141. package/dist/foundation/logos/svg/autoria/autoria_wordmark.svg-react.cjs +0 -22
  142. package/dist/foundation/logos/svg/autoria/autoria_wordmark.svg-react.js +0 -20
  143. package/dist/foundation/logos/svg/bilhold/bilhold_symbol.svg-react.cjs +0 -22
  144. package/dist/foundation/logos/svg/bilhold/bilhold_symbol.svg-react.js +0 -20
  145. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark.svg-react.cjs +0 -22
  146. package/dist/foundation/logos/svg/bilhold/bilhold_wordmark.svg-react.js +0 -20
  147. package/dist/foundation/logos/svg/cupra/cupra_symbol.svg-react.cjs +0 -22
  148. package/dist/foundation/logos/svg/cupra/cupra_symbol.svg-react.js +0 -20
  149. package/dist/foundation/logos/svg/cupra/cupra_wordmark.svg-react.cjs +0 -51
  150. package/dist/foundation/logos/svg/cupra/cupra_wordmark.svg-react.js +0 -49
  151. package/dist/foundation/logos/svg/dahles/dahles_symbol.svg-react.cjs +0 -61
  152. package/dist/foundation/logos/svg/dahles/dahles_symbol.svg-react.js +0 -59
  153. package/dist/foundation/logos/svg/dahles/dahles_wordmark.svg-react.cjs +0 -61
  154. package/dist/foundation/logos/svg/dahles/dahles_wordmark.svg-react.js +0 -59
  155. package/dist/foundation/logos/svg/gumpen/gumpen_symbol.svg-react.cjs +0 -22
  156. package/dist/foundation/logos/svg/gumpen/gumpen_symbol.svg-react.js +0 -20
  157. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark.svg-react.cjs +0 -47
  158. package/dist/foundation/logos/svg/gumpen/gumpen_wordmark.svg-react.js +0 -45
  159. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol.svg-react.cjs +0 -22
  160. package/dist/foundation/logos/svg/mollerbil/mollerbil_symbol.svg-react.js +0 -20
  161. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark.svg-react.cjs +0 -57
  162. package/dist/foundation/logos/svg/mollerbil/mollerbil_wordmark.svg-react.js +0 -55
  163. package/dist/foundation/logos/svg/skoda/skoda_symbol.svg-react.cjs +0 -22
  164. package/dist/foundation/logos/svg/skoda/skoda_symbol.svg-react.js +0 -20
  165. package/dist/foundation/logos/svg/skoda/skoda_wordmark.svg-react.cjs +0 -22
  166. package/dist/foundation/logos/svg/skoda/skoda_wordmark.svg-react.js +0 -20
  167. package/dist/foundation/logos/svg/vw/vwNytte_symbol.svg-react.cjs +0 -29
  168. package/dist/foundation/logos/svg/vw/vwNytte_symbol.svg-react.js +0 -27
  169. package/dist/foundation/logos/svg/vw/vwNytte_wordmark.svg-react.cjs +0 -29
  170. package/dist/foundation/logos/svg/vw/vwNytte_wordmark.svg-react.js +0 -27
  171. package/dist/foundation/logos/svg/vw/vw_symbol.svg-react.cjs +0 -22
  172. package/dist/foundation/logos/svg/vw/vw_symbol.svg-react.js +0 -20
  173. package/dist/foundation/logos/svg/vw/vw_wordmark.svg-react.cjs +0 -22
  174. package/dist/foundation/logos/svg/vw/vw_wordmark.svg-react.js +0 -20
package/CHANGELOG.md CHANGED
@@ -3,25 +3,31 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [7.0.0-alpha.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.3.0-alpha.0...@gnist/design-system@7.0.0-alpha.0) (2026-05-21)
6
+ ## [7.0.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.3.1...@gnist/design-system@7.0.0) (2026-06-03)
7
7
 
8
8
  ### ⚠ BREAKING CHANGES
9
9
 
10
- * **design-system:** Bumping major version.
10
+ * **design-system:** Design system styles are now emitted inside @layer gnist. Consumers should declare @layer base, gnist; at the top of their main CSS file and wrap global/reset styles in @layer base { ... } to avoid unintentionally overriding design system styles. Unlayered styles will now override design system styles by design.
11
11
 
12
12
  ### Features
13
13
 
14
- * **design-system:** trigger major version bump ([bbec7c0](https://github.com/mollerdigital/design-system-design-system/commit/bbec7c025f9bbc73e66ac87a08b844a066abebb5))
14
+ * **design-system:** wrap gnist css in [@layer](https://github.com/layer) gnist ([168f0af](https://github.com/mollerdigital/design-system-design-system/commit/168f0af6ac367c2189060edf030f9a76059164cc))
15
15
 
16
- ## [6.3.0-alpha.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.2...@gnist/design-system@6.3.0-alpha.0) (2026-05-21)
16
+ ## [6.3.1](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.3.0...@gnist/design-system@6.3.1) (2026-06-01)
17
+
18
+ ### Bug Fixes
19
+
20
+ * skeletons should be treated as decorative, so adding aria-hidden ([e66ae17](https://github.com/mollerdigital/design-system-design-system/commit/e66ae17da1cf61309f0ffd695a7478f1e4568c26))
21
+
22
+ ## [6.3.0](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.3...@gnist/design-system@6.3.0) (2026-05-27)
17
23
 
18
24
  ### Features
19
25
 
20
- * Wrap gnist css in [@layer](https://github.com/layer) gnist { ... } ([c513601](https://github.com/mollerdigital/design-system-design-system/commit/c513601b4831e7d02f08028cdf1f0cd4c42f60bc))
26
+ * add colorMode to Logo, making it possible to use certain logos on both dark and light mode ([fc47632](https://github.com/mollerdigital/design-system-design-system/commit/fc476323fa78159eb7e6da0c9cb50d244e1ca0d8))
21
27
 
22
- ### Bug Fixes
28
+ ## [6.2.3](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.2...@gnist/design-system@6.2.3) (2026-05-26)
23
29
 
24
- * lint ([1c19f04](https://github.com/mollerdigital/design-system-design-system/commit/1c19f04a0aae90d887e3f26f4c31321bea84dced))
30
+ **Note:** Version bump only for package @gnist/design-system
25
31
 
26
32
  ## [6.2.2](https://github.com/mollerdigital/design-system-design-system/compare/@gnist/design-system@6.2.1...@gnist/design-system@6.2.2) (2026-05-21)
27
33
 
package/README.md CHANGED
@@ -1,6 +1,5 @@
1
1
  # Multi-brand React component library for Møller
2
2
 
3
-
4
3
  `@gnist/design-system` is a React component library containing reusable, multi-brand GUI building blocks for applications in the Møller ecosystem.
5
4
 
6
5
  For instructions on developing components, see the [Development docs](#development).
@@ -24,8 +24,9 @@ var CircularSkeleton = ({ className, height = "100%", width = "100%" }) => {
24
24
  return (0, react_jsx_runtime.jsx)(ContentLoader, {
25
25
  height,
26
26
  width,
27
- title: "",
28
27
  className,
28
+ "aria-hidden": true,
29
+ focusable: false,
29
30
  backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
30
31
  foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
31
32
  children: (0, react_jsx_runtime.jsx)("ellipse", {
@@ -1 +1 @@
1
- {"version":3,"file":"CircularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/CircularSkeleton.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,4CAqBvB,CAAC"}
1
+ {"version":3,"file":"CircularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/CircularSkeleton.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,+BAI9B,qBAAqB,4CAsBvB,CAAC"}
@@ -22,8 +22,9 @@ var CircularSkeleton = ({ className, height = "100%", width = "100%" }) => {
22
22
  return jsx(ContentLoader, {
23
23
  height,
24
24
  width,
25
- title: "",
26
25
  className,
26
+ "aria-hidden": true,
27
+ focusable: false,
27
28
  backgroundColor: tokens.color.loader,
28
29
  foregroundColor: tokens.color["on-loader"],
29
30
  children: jsx("ellipse", {
@@ -15,8 +15,9 @@ var ContentLoader = react_content_loader.default;
15
15
  var RectangularSkeleton = ({ className, height = "100%", width = "100%", rounded = false }) => (0, react_jsx_runtime.jsx)(ContentLoader, {
16
16
  height,
17
17
  width,
18
- title: "",
19
18
  className,
19
+ "aria-hidden": true,
20
+ focusable: false,
20
21
  backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
21
22
  foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
22
23
  children: (0, react_jsx_runtime.jsx)("rect", {
@@ -1 +1 @@
1
- {"version":3,"file":"RectangularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/RectangularSkeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAmB1B,CAAC"}
1
+ {"version":3,"file":"RectangularSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/RectangularSkeleton.tsx"],"names":[],"mappings":"AAKA,UAAU,wBAAwB;IAC9B,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,wCAKjC,wBAAwB,4CAoB1B,CAAC"}
@@ -13,8 +13,9 @@ var ContentLoader = reactContentLoader;
13
13
  var RectangularSkeleton = ({ className, height = "100%", width = "100%", rounded = false }) => jsx(ContentLoader, {
14
14
  height,
15
15
  width,
16
- title: "",
17
16
  className,
17
+ "aria-hidden": true,
18
+ focusable: false,
18
19
  backgroundColor: tokens.color.loader,
19
20
  foregroundColor: tokens.color["on-loader"],
20
21
  children: jsx("rect", {
@@ -24,7 +24,8 @@ var TextSkeleton = ({ className, height = "1em", width = "100%" }) => {
24
24
  children: (0, react_jsx_runtime.jsx)(ContentLoader, {
25
25
  height,
26
26
  width,
27
- title: "",
27
+ "aria-hidden": true,
28
+ focusable: false,
28
29
  backgroundColor: _gnist_themes_tokens_css_js.tokens.color.loader,
29
30
  foregroundColor: _gnist_themes_tokens_css_js.tokens.color["on-loader"],
30
31
  children: (0, react_jsx_runtime.jsx)("rect", {
@@ -1 +1 @@
1
- {"version":3,"file":"TextSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/TextSkeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,4CA6BnB,CAAC"}
1
+ {"version":3,"file":"TextSkeleton.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/skeletons/TextSkeleton.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,iBAAiB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;;;GAKG;AACH,eAAO,MAAM,YAAY,GAAI,+BAI1B,iBAAiB,4CA8BnB,CAAC"}
@@ -22,7 +22,8 @@ var TextSkeleton = ({ className, height = "1em", width = "100%" }) => {
22
22
  children: jsx(ContentLoader, {
23
23
  height,
24
24
  width,
25
- title: "",
25
+ "aria-hidden": true,
26
+ focusable: false,
26
27
  backgroundColor: tokens.color.loader,
27
28
  foregroundColor: tokens.color["on-loader"],
28
29
  children: jsx("rect", {
@@ -2,44 +2,25 @@
2
2
  const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
3
3
  const require_logos = require("./logos.cjs");
4
4
  const require_Logo_css = require("./Logo.css.cjs");
5
+ const require_types = require("./types.cjs");
5
6
  let react_jsx_runtime = require("react/jsx-runtime");
6
7
  let classnames = require("classnames");
7
8
  classnames = require_runtime.__toESM(classnames, 1);
8
9
  //#region src/foundation/logos/Logo.tsx
9
- var logoTitles = {
10
- bilhold: "Bilhold",
11
- mollerbil: "Møller Bil",
12
- skoda: "Skoda",
13
- gumpen: "Gumpen",
14
- vw: "Volkswagen",
15
- vwnytte: "Volkswagen Nytte",
16
- dahles: "Dahles Auto",
17
- autoria: "Autoria",
18
- audi: "Audi",
19
- cupra: "Cupra",
20
- berge: "Berge & Co",
21
- fremme: "fremme",
22
- sulland: "Sulland",
23
- slatlem: "Slatlem",
24
- albjerk: "Albjerk",
25
- kirkenes: "Kirkenes",
26
- alta: "Alta",
27
- svebjorn: "Svebjørn",
28
- mobile: "Mobile"
29
- };
30
10
  /**
31
11
  * A logo component that displays brand logos with consistent sizing and styling.
32
12
  *
33
13
  * Documentation: [Logo](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-logo--docs)
34
14
  */
35
- var Logo = ({ size = "l", role = "img", focusable = false, type, brand, className, ...rest }) => {
15
+ var Logo = ({ size = "l", role = "img", focusable = false, type, brand, colorMode, className, ...rest }) => {
36
16
  const logo = require_logos.logos.find((x) => x.key === brand);
37
17
  if (!logo) return (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, {});
38
- const Component = logo[type];
18
+ const resolvedColorMode = colorMode ?? (require_types.darkDefaultBrands.includes(brand) ? "dark" : "light");
19
+ const Component = logo[type][resolvedColorMode];
39
20
  return (0, react_jsx_runtime.jsx)("span", {
40
21
  className: (0, classnames.default)(className, require_Logo_css.logoVariant[size]),
41
22
  children: (0, react_jsx_runtime.jsx)(Component, {
42
- title: logoTitles[brand],
23
+ title: require_types.logoTitles[brand],
43
24
  role,
44
25
  focusable,
45
26
  className: require_Logo_css.svgVariant[size],
@@ -9,7 +9,11 @@ var base = (0, _gnist_themes_layers_css_js.gnistStyle)({
9
9
  justifyContent: "center",
10
10
  alignItems: "center"
11
11
  });
12
- var svg = (0, _gnist_themes_layers_css_js.gnistStyle)({ overflow: "visible" });
12
+ var svg = (0, _gnist_themes_layers_css_js.gnistStyle)({
13
+ overflow: "visible",
14
+ height: "100%",
15
+ width: "auto"
16
+ });
13
17
  var sizes = Object.keys(_gnist_themes_themes_brandlessTokens_js.brandlessTokens.size);
14
18
  var styles = (style) => sizes.reduce((acc, x) => {
15
19
  acc[x] = [style, { height: _gnist_themes_themes_brandlessTokens_js.brandlessTokens.size[x] }];
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,GAAG,QAEd,CAAC;AAYH,eAAO,MAAM,WAAW,iCAA8B,CAAC;AACvD,eAAO,MAAM,UAAU,iCAA6B,CAAC"}
1
+ {"version":3,"file":"Logo.css.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.css.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,GAAG,QAId,CAAC;AAYH,eAAO,MAAM,WAAW,iCAA8B,CAAC;AACvD,eAAO,MAAM,UAAU,iCAA6B,CAAC"}
@@ -8,7 +8,11 @@ var base = gnistStyle({
8
8
  justifyContent: "center",
9
9
  alignItems: "center"
10
10
  });
11
- var svg = gnistStyle({ overflow: "visible" });
11
+ var svg = gnistStyle({
12
+ overflow: "visible",
13
+ height: "100%",
14
+ width: "auto"
15
+ });
12
16
  var sizes = Object.keys(brandlessTokens.size);
13
17
  var styles = (style) => sizes.reduce((acc, x) => {
14
18
  acc[x] = [style, { height: brandlessTokens.size[x] }];
@@ -1,48 +1,22 @@
1
1
  import { SVGAttributes } from "react";
2
2
  import { SizeToken } from "../../utilities/tokens/index.js";
3
- export type LogoType = "symbol" | "wordmark";
4
- declare const logoTitles: {
5
- readonly bilhold: "Bilhold";
6
- readonly mollerbil: "Møller Bil";
7
- readonly skoda: "Skoda";
8
- readonly gumpen: "Gumpen";
9
- readonly vw: "Volkswagen";
10
- readonly vwnytte: "Volkswagen Nytte";
11
- readonly dahles: "Dahles Auto";
12
- readonly autoria: "Autoria";
13
- readonly audi: "Audi";
14
- readonly cupra: "Cupra";
15
- readonly berge: "Berge & Co";
16
- readonly fremme: "fremme";
17
- readonly sulland: "Sulland";
18
- readonly slatlem: "Slatlem";
19
- readonly albjerk: "Albjerk";
20
- readonly kirkenes: "Kirkenes";
21
- readonly alta: "Alta";
22
- readonly svebjorn: "Svebjørn";
23
- readonly mobile: "Mobile";
24
- };
25
- type Svg = React.FunctionComponent<React.ComponentProps<"svg"> & {
26
- title?: string;
27
- }>;
28
- export type Logo = {
29
- key: LogoBrand;
30
- symbol: Svg;
31
- wordmark: Svg;
32
- };
33
- export type LogoBrand = keyof typeof logoTitles;
3
+ import { LogoBrand, LogoType, ColorMode } from "./types.js";
34
4
  export interface LogoProps extends SVGAttributes<SVGElement> {
35
- /**
36
- * The logo brands
37
- */
5
+ /** The logo brand */
38
6
  brand: LogoBrand;
7
+ /** The logo type */
8
+ type: LogoType;
39
9
  /**
40
- * The logo type
10
+ * The background context the logo will be placed on.
11
+ * - `"light"` — dark logo for use on light backgrounds
12
+ * - `"dark"` — light logo for use on dark backgrounds
13
+ *
14
+ * If omitted, the component picks the brand's natural default.
41
15
  */
42
- type: LogoType;
16
+ colorMode?: ColorMode;
43
17
  /**
44
- * Logo size, the height, including whitespace.
45
- * @default l
18
+ * Logo size (height including whitespace).
19
+ * @default "l"
46
20
  */
47
21
  size?: SizeToken;
48
22
  }
@@ -52,5 +26,4 @@ export interface LogoProps extends SVGAttributes<SVGElement> {
52
26
  * Documentation: [Logo](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-logo--docs)
53
27
  */
54
28
  export declare const Logo: React.FC<LogoProps>;
55
- export {};
56
29
  //# sourceMappingURL=Logo.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAK5D,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBN,CAAC;AAEX,KAAK,GAAG,GAAG,KAAK,CAAC,iBAAiB,CAC9B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CACnD,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACf,GAAG,EAAE,SAAS,CAAC;IACf,MAAM,EAAE,GAAG,CAAC;IACZ,QAAQ,EAAE,GAAG,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,UAAU,CAAC;AAChD,MAAM,WAAW,SAAU,SAAQ,aAAa,CAAC,UAAU,CAAC;IACxD;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyBpC,CAAC"}
1
+ {"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/Logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAI5D,OAAO,EACH,SAAS,EACT,QAAQ,EACR,SAAS,EAGZ,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,aAAa,CAAC,UAAU,CAAC;IACxD,qBAAqB;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC"}
@@ -1,39 +1,20 @@
1
1
  "use client";
2
2
  import { logos } from "./logos.js";
3
3
  import { logoVariant, svgVariant } from "./Logo.css.js";
4
+ import { darkDefaultBrands, logoTitles } from "./types.js";
4
5
  import { Fragment, jsx } from "react/jsx-runtime";
5
6
  import classNames from "classnames";
6
7
  //#region src/foundation/logos/Logo.tsx
7
- var logoTitles = {
8
- bilhold: "Bilhold",
9
- mollerbil: "Møller Bil",
10
- skoda: "Skoda",
11
- gumpen: "Gumpen",
12
- vw: "Volkswagen",
13
- vwnytte: "Volkswagen Nytte",
14
- dahles: "Dahles Auto",
15
- autoria: "Autoria",
16
- audi: "Audi",
17
- cupra: "Cupra",
18
- berge: "Berge & Co",
19
- fremme: "fremme",
20
- sulland: "Sulland",
21
- slatlem: "Slatlem",
22
- albjerk: "Albjerk",
23
- kirkenes: "Kirkenes",
24
- alta: "Alta",
25
- svebjorn: "Svebjørn",
26
- mobile: "Mobile"
27
- };
28
8
  /**
29
9
  * A logo component that displays brand logos with consistent sizing and styling.
30
10
  *
31
11
  * Documentation: [Logo](https://gnist.moller.no/developers/components/latest/?path=/docs/foundation-iconography-logo--docs)
32
12
  */
33
- var Logo = ({ size = "l", role = "img", focusable = false, type, brand, className, ...rest }) => {
13
+ var Logo = ({ size = "l", role = "img", focusable = false, type, brand, colorMode, className, ...rest }) => {
34
14
  const logo = logos.find((x) => x.key === brand);
35
15
  if (!logo) return jsx(Fragment, {});
36
- const Component = logo[type];
16
+ const resolvedColorMode = colorMode ?? (darkDefaultBrands.includes(brand) ? "dark" : "light");
17
+ const Component = logo[type][resolvedColorMode];
37
18
  return jsx("span", {
38
19
  className: classNames(className, logoVariant[size]),
39
20
  children: jsx(Component, {
@@ -30,7 +30,7 @@ var logos = [
30
30
  require_index$9.sulland,
31
31
  require_index$9.svebjorn,
32
32
  require_index$4.vw,
33
- require_index$4.vwnytte
33
+ require_index$4.vwNytte
34
34
  ];
35
35
  //#endregion
36
36
  exports.logos = logos;
@@ -1,16 +1,3 @@
1
- export declare const logos: {
2
- key: string;
3
- symbol: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
4
- title?: string;
5
- titleId?: string;
6
- desc?: string;
7
- descId?: string;
8
- }>;
9
- wordmark: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
10
- title?: string;
11
- titleId?: string;
12
- desc?: string;
13
- descId?: string;
14
- }>;
15
- }[];
1
+ import { Logo } from "./types.js";
2
+ export declare const logos: Logo[];
16
3
  //# sourceMappingURL=logos.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/logos.tsx"],"names":[],"mappings":"AAsBA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;GAoBjB,CAAC"}
1
+ {"version":3,"file":"logos.d.ts","sourceRoot":"","sources":["../../../src/foundation/logos/logos.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAElC,eAAO,MAAM,KAAK,EAAE,IAAI,EAoBvB,CAAC"}
@@ -3,7 +3,7 @@ import { bilhold } from "./svg/bilhold/index.js";
3
3
  import { mollerbil } from "./svg/mollerbil/index.js";
4
4
  import { skoda } from "./svg/skoda/index.js";
5
5
  import { gumpen } from "./svg/gumpen/index.js";
6
- import { vw, vwnytte } from "./svg/vw/index.js";
6
+ import { vw, vwNytte } from "./svg/vw/index.js";
7
7
  import { dahles } from "./svg/dahles/index.js";
8
8
  import { autoria } from "./svg/autoria/index.js";
9
9
  import { audi } from "./svg/audi/index.js";
@@ -30,7 +30,7 @@ var logos = [
30
30
  sulland,
31
31
  svebjorn,
32
32
  vw,
33
- vwnytte
33
+ vwNytte
34
34
  ];
35
35
  //#endregion
36
36
  export { logos };
@@ -0,0 +1,51 @@
1
+ "use client";
2
+ const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
3
+ let react_jsx_runtime = require("react/jsx-runtime");
4
+ let react = require("react");
5
+ react = require_runtime.__toESM(react);
6
+ //#region src/foundation/logos/svg/audi/audi_symbol_dark.svg-react
7
+ var SvgAudiSymbolDark = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
8
+ viewBox: "0 0 64 22",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-labelledby": titleId,
12
+ ...props,
13
+ children: [
14
+ title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", {
15
+ id: titleId,
16
+ children: title
17
+ }) : null,
18
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
19
+ clipPath: "url(#clip0_2084_1073)",
20
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("mask", {
21
+ id: "mask0_2084_1073",
22
+ style: { maskType: "luminance" },
23
+ maskUnits: "userSpaceOnUse",
24
+ x: 0,
25
+ y: 0,
26
+ width: 64,
27
+ height: 22,
28
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
29
+ d: "M0 9.15527e-05H64V22.0001H0V9.15527e-05Z",
30
+ fill: "white"
31
+ })
32
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
33
+ mask: "url(#mask0_2084_1073)",
34
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
35
+ d: "M52.9273 19.5379C50.9597 19.5379 49.146 18.8762 47.6957 17.7669C49.1675 15.8993 50.0484 13.5506 50.0484 10.9999C50.0484 8.44948 49.1675 6.10076 47.6957 4.23296C49.146 3.12394 50.9597 2.46196 52.9273 2.46196C57.6662 2.46196 61.5217 6.29216 61.5217 10.9999C61.5217 15.7079 57.6662 19.5379 52.9273 19.5379ZM33.7439 17.7669C35.2159 15.8993 36.0969 13.5506 36.0969 10.9999C36.0969 8.44948 35.2159 6.10076 33.7442 4.23296C35.1942 3.12394 37.0084 2.46196 38.9758 2.46196C40.9434 2.46196 42.7571 3.12394 44.2074 4.23296C42.7356 6.10076 41.8547 8.44948 41.8547 10.9999C41.8547 13.5506 42.7356 15.8993 44.2074 17.7669C42.7571 18.8762 40.9434 19.5379 38.9758 19.5379C37.0084 19.5379 35.1942 18.8762 33.7439 17.7669ZM19.7924 17.7669C21.2644 15.8993 22.1453 13.5506 22.1453 10.9999C22.1453 8.44948 21.2644 6.10076 19.7926 4.23296C21.2427 3.12394 23.0568 2.46196 25.0242 2.46196C26.9916 2.46196 28.8058 3.12394 30.2558 4.23296C28.7841 6.10076 27.9031 8.44948 27.9031 10.9999C27.9031 13.5506 28.7841 15.8993 30.2558 17.7669C28.8058 18.8762 26.9916 19.5379 25.0242 19.5379C23.0568 19.5379 21.2427 18.8762 19.7924 17.7669ZM2.47828 10.9999C2.47828 6.29216 6.33379 2.46196 11.0727 2.46196C13.0401 2.46196 14.8542 3.12394 16.3043 4.23296C14.8325 6.10076 13.9516 8.44948 13.9516 10.9999C13.9516 13.5506 14.8325 15.8993 16.3043 17.7669C14.8542 18.8762 13.0401 19.5379 11.0727 19.5379C6.33379 19.5379 2.47828 15.7079 2.47828 10.9999ZM18.0484 15.9779C17.0313 14.5754 16.4298 12.8567 16.4298 10.9999C16.4298 9.14336 17.0313 7.4245 18.0484 6.022C19.0656 7.4245 19.667 9.14336 19.667 10.9999C19.667 12.8567 19.0656 14.5754 18.0484 15.9779ZM32 15.9779C30.9829 14.5754 30.3814 12.8567 30.3814 10.9999C30.3814 9.14336 30.9829 7.4245 32 6.022C33.0171 7.4245 33.6186 9.14336 33.6186 10.9999C33.6186 12.8567 33.0171 14.5754 32 15.9779ZM45.9516 15.9779C44.9344 14.5754 44.333 12.8567 44.333 10.9999C44.333 9.14336 44.9344 7.4245 45.9516 6.022C46.9687 7.4245 47.5702 9.14336 47.5702 10.9999C47.5702 12.8567 46.9687 14.5754 45.9516 15.9779ZM52.9273 -6.10352e-05C50.285 -6.10352e-05 47.8569 0.925478 45.9516 2.46548C44.0462 0.925478 41.6182 -6.10352e-05 38.9758 -6.10352e-05C36.3334 -6.10352e-05 33.9054 0.925478 32 2.46548C30.0946 0.925478 27.6664 -6.10352e-05 25.0242 -6.10352e-05C22.3818 -6.10352e-05 19.9538 0.925478 18.0484 2.46548C16.1431 0.925478 13.7148 -6.10352e-05 11.0727 -6.10352e-05C4.9672 -6.10352e-05 0 4.93454 0 10.9999C0 17.0656 4.9672 21.9999 11.0727 21.9999C13.7148 21.9999 16.1431 21.0746 18.0484 19.5344C19.9538 21.0746 22.3818 21.9999 25.0242 21.9999C27.6664 21.9999 30.0946 21.0746 32 19.5344C33.9054 21.0746 36.3334 21.9999 38.9758 21.9999C41.6182 21.9999 44.0462 21.0746 45.9516 19.5344C47.8569 21.0746 50.285 21.9999 52.9273 21.9999C59.0328 21.9999 64 17.0656 64 10.9999C64 4.93454 59.0328 -6.10352e-05 52.9273 -6.10352e-05Z",
36
+ fill: "white"
37
+ })
38
+ })]
39
+ }),
40
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("clipPath", {
41
+ id: "clip0_2084_1073",
42
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
43
+ width: 64,
44
+ height: 22,
45
+ fill: "white"
46
+ })
47
+ }) })
48
+ ]
49
+ });
50
+ //#endregion
51
+ exports.default = SvgAudiSymbolDark;
@@ -0,0 +1,49 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import "react";
4
+ //#region src/foundation/logos/svg/audi/audi_symbol_dark.svg-react
5
+ var SvgAudiSymbolDark = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs("svg", {
6
+ viewBox: "0 0 64 22",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ "aria-labelledby": titleId,
10
+ ...props,
11
+ children: [
12
+ title ? /* @__PURE__ */ jsx("title", {
13
+ id: titleId,
14
+ children: title
15
+ }) : null,
16
+ /* @__PURE__ */ jsxs("g", {
17
+ clipPath: "url(#clip0_2084_1073)",
18
+ children: [/* @__PURE__ */ jsx("mask", {
19
+ id: "mask0_2084_1073",
20
+ style: { maskType: "luminance" },
21
+ maskUnits: "userSpaceOnUse",
22
+ x: 0,
23
+ y: 0,
24
+ width: 64,
25
+ height: 22,
26
+ children: /* @__PURE__ */ jsx("path", {
27
+ d: "M0 9.15527e-05H64V22.0001H0V9.15527e-05Z",
28
+ fill: "white"
29
+ })
30
+ }), /* @__PURE__ */ jsx("g", {
31
+ mask: "url(#mask0_2084_1073)",
32
+ children: /* @__PURE__ */ jsx("path", {
33
+ d: "M52.9273 19.5379C50.9597 19.5379 49.146 18.8762 47.6957 17.7669C49.1675 15.8993 50.0484 13.5506 50.0484 10.9999C50.0484 8.44948 49.1675 6.10076 47.6957 4.23296C49.146 3.12394 50.9597 2.46196 52.9273 2.46196C57.6662 2.46196 61.5217 6.29216 61.5217 10.9999C61.5217 15.7079 57.6662 19.5379 52.9273 19.5379ZM33.7439 17.7669C35.2159 15.8993 36.0969 13.5506 36.0969 10.9999C36.0969 8.44948 35.2159 6.10076 33.7442 4.23296C35.1942 3.12394 37.0084 2.46196 38.9758 2.46196C40.9434 2.46196 42.7571 3.12394 44.2074 4.23296C42.7356 6.10076 41.8547 8.44948 41.8547 10.9999C41.8547 13.5506 42.7356 15.8993 44.2074 17.7669C42.7571 18.8762 40.9434 19.5379 38.9758 19.5379C37.0084 19.5379 35.1942 18.8762 33.7439 17.7669ZM19.7924 17.7669C21.2644 15.8993 22.1453 13.5506 22.1453 10.9999C22.1453 8.44948 21.2644 6.10076 19.7926 4.23296C21.2427 3.12394 23.0568 2.46196 25.0242 2.46196C26.9916 2.46196 28.8058 3.12394 30.2558 4.23296C28.7841 6.10076 27.9031 8.44948 27.9031 10.9999C27.9031 13.5506 28.7841 15.8993 30.2558 17.7669C28.8058 18.8762 26.9916 19.5379 25.0242 19.5379C23.0568 19.5379 21.2427 18.8762 19.7924 17.7669ZM2.47828 10.9999C2.47828 6.29216 6.33379 2.46196 11.0727 2.46196C13.0401 2.46196 14.8542 3.12394 16.3043 4.23296C14.8325 6.10076 13.9516 8.44948 13.9516 10.9999C13.9516 13.5506 14.8325 15.8993 16.3043 17.7669C14.8542 18.8762 13.0401 19.5379 11.0727 19.5379C6.33379 19.5379 2.47828 15.7079 2.47828 10.9999ZM18.0484 15.9779C17.0313 14.5754 16.4298 12.8567 16.4298 10.9999C16.4298 9.14336 17.0313 7.4245 18.0484 6.022C19.0656 7.4245 19.667 9.14336 19.667 10.9999C19.667 12.8567 19.0656 14.5754 18.0484 15.9779ZM32 15.9779C30.9829 14.5754 30.3814 12.8567 30.3814 10.9999C30.3814 9.14336 30.9829 7.4245 32 6.022C33.0171 7.4245 33.6186 9.14336 33.6186 10.9999C33.6186 12.8567 33.0171 14.5754 32 15.9779ZM45.9516 15.9779C44.9344 14.5754 44.333 12.8567 44.333 10.9999C44.333 9.14336 44.9344 7.4245 45.9516 6.022C46.9687 7.4245 47.5702 9.14336 47.5702 10.9999C47.5702 12.8567 46.9687 14.5754 45.9516 15.9779ZM52.9273 -6.10352e-05C50.285 -6.10352e-05 47.8569 0.925478 45.9516 2.46548C44.0462 0.925478 41.6182 -6.10352e-05 38.9758 -6.10352e-05C36.3334 -6.10352e-05 33.9054 0.925478 32 2.46548C30.0946 0.925478 27.6664 -6.10352e-05 25.0242 -6.10352e-05C22.3818 -6.10352e-05 19.9538 0.925478 18.0484 2.46548C16.1431 0.925478 13.7148 -6.10352e-05 11.0727 -6.10352e-05C4.9672 -6.10352e-05 0 4.93454 0 10.9999C0 17.0656 4.9672 21.9999 11.0727 21.9999C13.7148 21.9999 16.1431 21.0746 18.0484 19.5344C19.9538 21.0746 22.3818 21.9999 25.0242 21.9999C27.6664 21.9999 30.0946 21.0746 32 19.5344C33.9054 21.0746 36.3334 21.9999 38.9758 21.9999C41.6182 21.9999 44.0462 21.0746 45.9516 19.5344C47.8569 21.0746 50.285 21.9999 52.9273 21.9999C59.0328 21.9999 64 17.0656 64 10.9999C64 4.93454 59.0328 -6.10352e-05 52.9273 -6.10352e-05Z",
34
+ fill: "white"
35
+ })
36
+ })]
37
+ }),
38
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
39
+ id: "clip0_2084_1073",
40
+ children: /* @__PURE__ */ jsx("rect", {
41
+ width: 64,
42
+ height: 22,
43
+ fill: "white"
44
+ })
45
+ }) })
46
+ ]
47
+ });
48
+ //#endregion
49
+ export { SvgAudiSymbolDark as default };
@@ -0,0 +1,51 @@
1
+ "use client";
2
+ const require_runtime = require("../../../../_virtual/_rolldown/runtime.cjs");
3
+ let react_jsx_runtime = require("react/jsx-runtime");
4
+ let react = require("react");
5
+ react = require_runtime.__toESM(react);
6
+ //#region src/foundation/logos/svg/audi/audi_symbol_light.svg-react
7
+ var SvgAudiSymbolLight = ({ title, titleId, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
8
+ viewBox: "0 0 64 22",
9
+ fill: "none",
10
+ xmlns: "http://www.w3.org/2000/svg",
11
+ "aria-labelledby": titleId,
12
+ ...props,
13
+ children: [
14
+ title ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("title", {
15
+ id: titleId,
16
+ children: title
17
+ }) : null,
18
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("g", {
19
+ clipPath: "url(#clip0_2084_1067)",
20
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("mask", {
21
+ id: "mask0_2084_1067",
22
+ style: { maskType: "luminance" },
23
+ maskUnits: "userSpaceOnUse",
24
+ x: 0,
25
+ y: 0,
26
+ width: 64,
27
+ height: 22,
28
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
29
+ d: "M0 9.15527e-05H64V22.0001H0V9.15527e-05Z",
30
+ fill: "white"
31
+ })
32
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("g", {
33
+ mask: "url(#mask0_2084_1067)",
34
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
35
+ d: "M52.9273 19.5379C50.9597 19.5379 49.146 18.8762 47.6957 17.7669C49.1675 15.8993 50.0484 13.5506 50.0484 10.9999C50.0484 8.44948 49.1675 6.10076 47.6957 4.23296C49.146 3.12394 50.9597 2.46196 52.9273 2.46196C57.6662 2.46196 61.5217 6.29216 61.5217 10.9999C61.5217 15.7079 57.6662 19.5379 52.9273 19.5379ZM33.7439 17.7669C35.2159 15.8993 36.0969 13.5506 36.0969 10.9999C36.0969 8.44948 35.2159 6.10076 33.7442 4.23296C35.1942 3.12394 37.0084 2.46196 38.9758 2.46196C40.9434 2.46196 42.7571 3.12394 44.2074 4.23296C42.7356 6.10076 41.8547 8.44948 41.8547 10.9999C41.8547 13.5506 42.7356 15.8993 44.2074 17.7669C42.7571 18.8762 40.9434 19.5379 38.9758 19.5379C37.0084 19.5379 35.1942 18.8762 33.7439 17.7669ZM19.7924 17.7669C21.2644 15.8993 22.1453 13.5506 22.1453 10.9999C22.1453 8.44948 21.2644 6.10076 19.7926 4.23296C21.2427 3.12394 23.0568 2.46196 25.0242 2.46196C26.9916 2.46196 28.8058 3.12394 30.2558 4.23296C28.7841 6.10076 27.9031 8.44948 27.9031 10.9999C27.9031 13.5506 28.7841 15.8993 30.2558 17.7669C28.8058 18.8762 26.9916 19.5379 25.0242 19.5379C23.0568 19.5379 21.2427 18.8762 19.7924 17.7669ZM2.47828 10.9999C2.47828 6.29216 6.33379 2.46196 11.0727 2.46196C13.0401 2.46196 14.8542 3.12394 16.3043 4.23296C14.8325 6.10076 13.9516 8.44948 13.9516 10.9999C13.9516 13.5506 14.8325 15.8993 16.3043 17.7669C14.8542 18.8762 13.0401 19.5379 11.0727 19.5379C6.33379 19.5379 2.47828 15.7079 2.47828 10.9999ZM18.0484 15.9779C17.0313 14.5754 16.4298 12.8567 16.4298 10.9999C16.4298 9.14336 17.0313 7.4245 18.0484 6.022C19.0656 7.4245 19.667 9.14336 19.667 10.9999C19.667 12.8567 19.0656 14.5754 18.0484 15.9779ZM32 15.9779C30.9829 14.5754 30.3814 12.8567 30.3814 10.9999C30.3814 9.14336 30.9829 7.4245 32 6.022C33.0171 7.4245 33.6186 9.14336 33.6186 10.9999C33.6186 12.8567 33.0171 14.5754 32 15.9779ZM45.9516 15.9779C44.9344 14.5754 44.333 12.8567 44.333 10.9999C44.333 9.14336 44.9344 7.4245 45.9516 6.022C46.9687 7.4245 47.5702 9.14336 47.5702 10.9999C47.5702 12.8567 46.9687 14.5754 45.9516 15.9779ZM52.9273 -6.10352e-05C50.285 -6.10352e-05 47.8569 0.925478 45.9516 2.46548C44.0462 0.925478 41.6182 -6.10352e-05 38.9758 -6.10352e-05C36.3334 -6.10352e-05 33.9054 0.925478 32 2.46548C30.0946 0.925478 27.6664 -6.10352e-05 25.0242 -6.10352e-05C22.3818 -6.10352e-05 19.9538 0.925478 18.0484 2.46548C16.1431 0.925478 13.7148 -6.10352e-05 11.0727 -6.10352e-05C4.9672 -6.10352e-05 0 4.93454 0 10.9999C0 17.0656 4.9672 21.9999 11.0727 21.9999C13.7148 21.9999 16.1431 21.0746 18.0484 19.5344C19.9538 21.0746 22.3818 21.9999 25.0242 21.9999C27.6664 21.9999 30.0946 21.0746 32 19.5344C33.9054 21.0746 36.3334 21.9999 38.9758 21.9999C41.6182 21.9999 44.0462 21.0746 45.9516 19.5344C47.8569 21.0746 50.285 21.9999 52.9273 21.9999C59.0328 21.9999 64 17.0656 64 10.9999C64 4.93454 59.0328 -6.10352e-05 52.9273 -6.10352e-05Z",
36
+ fill: "black"
37
+ })
38
+ })]
39
+ }),
40
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("defs", { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("clipPath", {
41
+ id: "clip0_2084_1067",
42
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("rect", {
43
+ width: 64,
44
+ height: 22,
45
+ fill: "white"
46
+ })
47
+ }) })
48
+ ]
49
+ });
50
+ //#endregion
51
+ exports.default = SvgAudiSymbolLight;
@@ -0,0 +1,49 @@
1
+ "use client";
2
+ import { jsx, jsxs } from "react/jsx-runtime";
3
+ import "react";
4
+ //#region src/foundation/logos/svg/audi/audi_symbol_light.svg-react
5
+ var SvgAudiSymbolLight = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxs("svg", {
6
+ viewBox: "0 0 64 22",
7
+ fill: "none",
8
+ xmlns: "http://www.w3.org/2000/svg",
9
+ "aria-labelledby": titleId,
10
+ ...props,
11
+ children: [
12
+ title ? /* @__PURE__ */ jsx("title", {
13
+ id: titleId,
14
+ children: title
15
+ }) : null,
16
+ /* @__PURE__ */ jsxs("g", {
17
+ clipPath: "url(#clip0_2084_1067)",
18
+ children: [/* @__PURE__ */ jsx("mask", {
19
+ id: "mask0_2084_1067",
20
+ style: { maskType: "luminance" },
21
+ maskUnits: "userSpaceOnUse",
22
+ x: 0,
23
+ y: 0,
24
+ width: 64,
25
+ height: 22,
26
+ children: /* @__PURE__ */ jsx("path", {
27
+ d: "M0 9.15527e-05H64V22.0001H0V9.15527e-05Z",
28
+ fill: "white"
29
+ })
30
+ }), /* @__PURE__ */ jsx("g", {
31
+ mask: "url(#mask0_2084_1067)",
32
+ children: /* @__PURE__ */ jsx("path", {
33
+ d: "M52.9273 19.5379C50.9597 19.5379 49.146 18.8762 47.6957 17.7669C49.1675 15.8993 50.0484 13.5506 50.0484 10.9999C50.0484 8.44948 49.1675 6.10076 47.6957 4.23296C49.146 3.12394 50.9597 2.46196 52.9273 2.46196C57.6662 2.46196 61.5217 6.29216 61.5217 10.9999C61.5217 15.7079 57.6662 19.5379 52.9273 19.5379ZM33.7439 17.7669C35.2159 15.8993 36.0969 13.5506 36.0969 10.9999C36.0969 8.44948 35.2159 6.10076 33.7442 4.23296C35.1942 3.12394 37.0084 2.46196 38.9758 2.46196C40.9434 2.46196 42.7571 3.12394 44.2074 4.23296C42.7356 6.10076 41.8547 8.44948 41.8547 10.9999C41.8547 13.5506 42.7356 15.8993 44.2074 17.7669C42.7571 18.8762 40.9434 19.5379 38.9758 19.5379C37.0084 19.5379 35.1942 18.8762 33.7439 17.7669ZM19.7924 17.7669C21.2644 15.8993 22.1453 13.5506 22.1453 10.9999C22.1453 8.44948 21.2644 6.10076 19.7926 4.23296C21.2427 3.12394 23.0568 2.46196 25.0242 2.46196C26.9916 2.46196 28.8058 3.12394 30.2558 4.23296C28.7841 6.10076 27.9031 8.44948 27.9031 10.9999C27.9031 13.5506 28.7841 15.8993 30.2558 17.7669C28.8058 18.8762 26.9916 19.5379 25.0242 19.5379C23.0568 19.5379 21.2427 18.8762 19.7924 17.7669ZM2.47828 10.9999C2.47828 6.29216 6.33379 2.46196 11.0727 2.46196C13.0401 2.46196 14.8542 3.12394 16.3043 4.23296C14.8325 6.10076 13.9516 8.44948 13.9516 10.9999C13.9516 13.5506 14.8325 15.8993 16.3043 17.7669C14.8542 18.8762 13.0401 19.5379 11.0727 19.5379C6.33379 19.5379 2.47828 15.7079 2.47828 10.9999ZM18.0484 15.9779C17.0313 14.5754 16.4298 12.8567 16.4298 10.9999C16.4298 9.14336 17.0313 7.4245 18.0484 6.022C19.0656 7.4245 19.667 9.14336 19.667 10.9999C19.667 12.8567 19.0656 14.5754 18.0484 15.9779ZM32 15.9779C30.9829 14.5754 30.3814 12.8567 30.3814 10.9999C30.3814 9.14336 30.9829 7.4245 32 6.022C33.0171 7.4245 33.6186 9.14336 33.6186 10.9999C33.6186 12.8567 33.0171 14.5754 32 15.9779ZM45.9516 15.9779C44.9344 14.5754 44.333 12.8567 44.333 10.9999C44.333 9.14336 44.9344 7.4245 45.9516 6.022C46.9687 7.4245 47.5702 9.14336 47.5702 10.9999C47.5702 12.8567 46.9687 14.5754 45.9516 15.9779ZM52.9273 -6.10352e-05C50.285 -6.10352e-05 47.8569 0.925478 45.9516 2.46548C44.0462 0.925478 41.6182 -6.10352e-05 38.9758 -6.10352e-05C36.3334 -6.10352e-05 33.9054 0.925478 32 2.46548C30.0946 0.925478 27.6664 -6.10352e-05 25.0242 -6.10352e-05C22.3818 -6.10352e-05 19.9538 0.925478 18.0484 2.46548C16.1431 0.925478 13.7148 -6.10352e-05 11.0727 -6.10352e-05C4.9672 -6.10352e-05 0 4.93454 0 10.9999C0 17.0656 4.9672 21.9999 11.0727 21.9999C13.7148 21.9999 16.1431 21.0746 18.0484 19.5344C19.9538 21.0746 22.3818 21.9999 25.0242 21.9999C27.6664 21.9999 30.0946 21.0746 32 19.5344C33.9054 21.0746 36.3334 21.9999 38.9758 21.9999C41.6182 21.9999 44.0462 21.0746 45.9516 19.5344C47.8569 21.0746 50.285 21.9999 52.9273 21.9999C59.0328 21.9999 64 17.0656 64 10.9999C64 4.93454 59.0328 -6.10352e-05 52.9273 -6.10352e-05Z",
34
+ fill: "black"
35
+ })
36
+ })]
37
+ }),
38
+ /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
39
+ id: "clip0_2084_1067",
40
+ children: /* @__PURE__ */ jsx("rect", {
41
+ width: 64,
42
+ height: 22,
43
+ fill: "white"
44
+ })
45
+ }) })
46
+ ]
47
+ });
48
+ //#endregion
49
+ export { SvgAudiSymbolLight as default };
@@ -1,12 +1,18 @@
1
1
  "use client";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const require_audi_symbol = require("./audi_symbol.svg-react.cjs");
4
- const require_audi_wordmark = require("./audi_wordmark.svg-react.cjs");
3
+ const require_audi_symbol_light = require("./audi_symbol_light.svg-react.cjs");
4
+ const require_audi_symbol_dark = require("./audi_symbol_dark.svg-react.cjs");
5
5
  //#region src/foundation/logos/svg/audi/index.ts
6
6
  var audi = {
7
7
  key: "audi",
8
- symbol: require_audi_symbol.default,
9
- wordmark: require_audi_wordmark.default
8
+ symbol: {
9
+ light: require_audi_symbol_light.default,
10
+ dark: require_audi_symbol_dark.default
11
+ },
12
+ wordmark: {
13
+ light: require_audi_symbol_light.default,
14
+ dark: require_audi_symbol_dark.default
15
+ }
10
16
  };
11
17
  //#endregion
12
18
  exports.audi = audi;