@dbcdk/react-components 0.0.173 → 0.0.174

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 (59) hide show
  1. package/dist/client.cjs +14 -0
  2. package/dist/client.d.ts +2 -0
  3. package/dist/client.js +2 -0
  4. package/dist/components/app-header/AppHeader.module.css +2 -2
  5. package/dist/components/button/Button.d.ts +3 -1
  6. package/dist/components/button/Button.module.css +26 -0
  7. package/dist/components/color-scheme-button/ColorSchemeButton.cjs +78 -0
  8. package/dist/components/color-scheme-button/ColorSchemeButton.d.ts +8 -0
  9. package/dist/components/color-scheme-button/ColorSchemeButton.js +75 -0
  10. package/dist/components/forms/form-select/FormSelect.d.ts +1 -1
  11. package/dist/components/forms/form-select/FormSelect.module.css +19 -0
  12. package/dist/components/forms/input/Input.cjs +1 -1
  13. package/dist/components/forms/input/Input.d.ts +1 -1
  14. package/dist/components/forms/input/Input.js +1 -1
  15. package/dist/components/forms/input/Input.module.css +32 -0
  16. package/dist/components/forms/typeahead/Typeahead.cjs +1 -0
  17. package/dist/components/forms/typeahead/Typeahead.js +1 -0
  18. package/dist/components/hyperlink/Hyperlink.cjs +2 -1
  19. package/dist/components/hyperlink/Hyperlink.d.ts +2 -1
  20. package/dist/components/hyperlink/Hyperlink.js +2 -1
  21. package/dist/components/hyperlink/Hyperlink.module.css +16 -0
  22. package/dist/components/nav-bar/NavBar.cjs +1 -0
  23. package/dist/components/nav-bar/NavBar.js +1 -0
  24. package/dist/components/nav-bar/NavBar.module.css +10 -10
  25. package/dist/components/page-layout/PageLayout.module.css +1 -1
  26. package/dist/components/popover/Popover.cjs +4 -2
  27. package/dist/components/popover/Popover.d.ts +2 -0
  28. package/dist/components/popover/Popover.js +4 -2
  29. package/dist/components/popover/Popover.module.css +5 -0
  30. package/dist/components/theme-button/ThemeButton.cjs +30 -23
  31. package/dist/components/theme-button/ThemeButton.d.ts +9 -3
  32. package/dist/components/theme-button/ThemeButton.js +31 -24
  33. package/dist/components/theme-script/ThemeScript.cjs +50 -12
  34. package/dist/components/theme-script/ThemeScript.d.ts +35 -12
  35. package/dist/components/theme-script/ThemeScript.js +51 -13
  36. package/dist/hooks/useColorScheme.cjs +74 -0
  37. package/dist/hooks/useColorScheme.d.ts +6 -0
  38. package/dist/hooks/useColorScheme.js +72 -0
  39. package/dist/hooks/useTheme.cjs +116 -50
  40. package/dist/hooks/useTheme.d.ts +17 -5
  41. package/dist/hooks/useTheme.js +117 -51
  42. package/dist/index.cjs +14 -0
  43. package/dist/index.d.ts +2 -0
  44. package/dist/index.js +2 -0
  45. package/dist/styles/themes/dbc/colors.css +13 -2
  46. package/dist/styles/themes/filmstriben/theme.css +55 -0
  47. package/dist/styles/themes/types.cjs +8 -0
  48. package/dist/styles/themes/types.d.ts +24 -16
  49. package/dist/styles/themes/types.js +6 -0
  50. package/dist/themes/filmstriben.css +4 -0
  51. package/dist/utils/color-scheme.constants.cjs +11 -0
  52. package/dist/utils/color-scheme.constants.d.ts +4 -0
  53. package/dist/utils/color-scheme.constants.js +7 -0
  54. package/dist/utils/theme.constants.cjs +3 -7
  55. package/dist/utils/theme.constants.d.ts +2 -4
  56. package/dist/utils/theme.constants.js +3 -6
  57. package/package.json +1 -1
  58. package/dist/styles/themes/filmstriben-budget/theme.css +0 -22
  59. package/dist/themes/filmstriben-budget.css +0 -3
package/dist/utils/theme.constants.d.ts CHANGED
@@ -1,4 +1,2 @@
1
- export declare const THEME_VARIANTS: readonly ["light", "dark", "system"];
2
- export type ThemeVariant = (typeof THEME_VARIANTS)[number];
3
- export declare const THEME_STORAGE_KEY = "dbc_theme";
4
- export declare function isThemeVariant(x: string | null | undefined): x is ThemeVariant;
1
+ export declare const THEME_STORAGE_KEY = "dbc_product_theme";
2
+ export declare const THEME_LINK_ID = "dbc-theme-link";
package/dist/utils/theme.constants.js CHANGED
@@ -1,7 +1,4 @@
1
- const THEME_VARIANTS = ["light", "dark", "system"];
2
- const THEME_STORAGE_KEY = "dbc_theme";
3
- function isThemeVariant(x) {
4
- return !!x && THEME_VARIANTS.includes(x);
5
- }
1
+ const THEME_STORAGE_KEY = "dbc_product_theme";
2
+ const THEME_LINK_ID = "dbc-theme-link";
6
3
 
7
- export { THEME_STORAGE_KEY, THEME_VARIANTS, isThemeVariant };
4
+ export { THEME_LINK_ID, THEME_STORAGE_KEY };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dbcdk/react-components",
3
- "version": "0.0.173",
3
+ "version": "0.0.174",
4
4
  "description": "Reusable React components for DBC projects",
5
5
  "license": "ISC",
6
6
  "author": "",
package/dist/styles/themes/filmstriben-budget/theme.css DELETED
@@ -1,22 +0,0 @@
1
- /* Filmstriben Budget theme entrypoint.
2
- *
3
- * Usage in the consuming app — only two imports needed:
4
- * @import '@dbcdk/react-components/styles/themes/dbc/base.css';
5
- * @import '@dbcdk/react-components/styles/themes/filmstriben-budget/theme.css';
6
- *
7
- * Pulls in the shared DBC color layer, then overrides only the
8
- * --color-logo-* tokens. --color-brand and every other semantic/app color
9
- * stay on the shared DBC palette — buttons, links, focus rings, selected
10
- * states, charts, and warnings are unaffected.
11
- */
12
-
13
- @import '../dbc/colors.css';
14
-
15
- :root {
16
- --filmstriben-yellow: #ffc107;
17
- --filmstriben-black: #212529;
18
-
19
- --color-logo: var(--filmstriben-yellow);
20
- --color-logo-bg: color-mix(in srgb, var(--color-logo) 10%, var(--color-bg-surface));
21
- --color-logo-fg: var(--filmstriben-black);
22
- }
package/dist/themes/filmstriben-budget.css DELETED
@@ -1,3 +0,0 @@
1
- @import '../styles/themes/dbc/base.css';
2
- @import '../styles/themes/filmstriben-budget/theme.css';
3
- @import '../index.css';