@revikornmann/muka-ui 0.27.2 → 0.28.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 (84) hide show
  1. package/dist/cjs/components/Avatar/Avatar.css +30 -7
  2. package/dist/cjs/components/Avatar/Avatar.js +4 -1
  3. package/dist/cjs/components/Avatar/Avatar.js.map +1 -1
  4. package/dist/cjs/components/DataPieChart/DataPieChart.css +4 -1
  5. package/dist/cjs/components/DataPieChart/DataPieChart.js +1 -1
  6. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  7. package/dist/cjs/components/Dialog/Dialog.css +3 -0
  8. package/dist/cjs/components/Dialog/Dialog.js +66 -3
  9. package/dist/cjs/components/Dialog/Dialog.js.map +1 -1
  10. package/dist/cjs/components/Input/Input.css +21 -0
  11. package/dist/cjs/components/MediaViewer/MediaViewer.css +180 -0
  12. package/dist/cjs/components/MediaViewer/MediaViewer.js +271 -0
  13. package/dist/cjs/components/MediaViewer/MediaViewer.js.map +1 -0
  14. package/dist/cjs/components/MediaViewer/index.js +6 -0
  15. package/dist/cjs/components/MediaViewer/index.js.map +1 -0
  16. package/dist/cjs/components/MediaViewer/mediaViewerGestures.js +65 -0
  17. package/dist/cjs/components/MediaViewer/mediaViewerGestures.js.map +1 -0
  18. package/dist/cjs/components/Thumbnail/Thumbnail.css +11 -0
  19. package/dist/cjs/components/Thumbnail/Thumbnail.js +6 -2
  20. package/dist/cjs/components/Thumbnail/Thumbnail.js.map +1 -1
  21. package/dist/cjs/components/index.js +3 -1
  22. package/dist/cjs/components/index.js.map +1 -1
  23. package/dist/esm/components/Avatar/Avatar.css +30 -7
  24. package/dist/esm/components/Avatar/Avatar.js +4 -1
  25. package/dist/esm/components/Avatar/Avatar.js.map +1 -1
  26. package/dist/esm/components/DataPieChart/DataPieChart.css +4 -1
  27. package/dist/esm/components/DataPieChart/DataPieChart.js +1 -1
  28. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  29. package/dist/esm/components/Dialog/Dialog.css +3 -0
  30. package/dist/esm/components/Dialog/Dialog.js +66 -3
  31. package/dist/esm/components/Dialog/Dialog.js.map +1 -1
  32. package/dist/esm/components/Input/Input.css +21 -0
  33. package/dist/esm/components/MediaViewer/MediaViewer.css +180 -0
  34. package/dist/esm/components/MediaViewer/MediaViewer.js +267 -0
  35. package/dist/esm/components/MediaViewer/MediaViewer.js.map +1 -0
  36. package/dist/esm/components/MediaViewer/index.js +2 -0
  37. package/dist/esm/components/MediaViewer/index.js.map +1 -0
  38. package/dist/esm/components/MediaViewer/mediaViewerGestures.js +58 -0
  39. package/dist/esm/components/MediaViewer/mediaViewerGestures.js.map +1 -0
  40. package/dist/esm/components/Thumbnail/Thumbnail.css +11 -0
  41. package/dist/esm/components/Thumbnail/Thumbnail.js +6 -2
  42. package/dist/esm/components/Thumbnail/Thumbnail.js.map +1 -1
  43. package/dist/esm/components/index.js +1 -0
  44. package/dist/esm/components/index.js.map +1 -1
  45. package/dist/styles/base.css +2 -0
  46. package/dist/styles/components/Avatar.css +30 -7
  47. package/dist/styles/components/DataPieChart.css +4 -1
  48. package/dist/styles/components/Dialog.css +3 -0
  49. package/dist/styles/components/Input.css +21 -0
  50. package/dist/styles/components/MediaViewer.css +180 -0
  51. package/dist/styles/components/Thumbnail.css +11 -0
  52. package/dist/styles/index.css +554 -301
  53. package/dist/styles/muka-dark.css +554 -301
  54. package/dist/styles/muka-light.css +554 -301
  55. package/dist/styles/tokens-bouwplan-dark.css +8 -1
  56. package/dist/styles/tokens-bouwplan-light.css +8 -1
  57. package/dist/styles/tokens-fscl-dark.css +8 -1
  58. package/dist/styles/tokens-fscl-light.css +8 -1
  59. package/dist/styles/tokens-grip-dark.css +8 -1
  60. package/dist/styles/tokens-grip-light.css +8 -1
  61. package/dist/styles/tokens-muka-dark.css +8 -1
  62. package/dist/styles/tokens-muka-light.css +8 -1
  63. package/dist/styles/tokens-wireframe-dark.css +8 -1
  64. package/dist/styles/tokens-wireframe-light.css +8 -1
  65. package/dist/styles/wireframe-dark.css +554 -301
  66. package/dist/styles/wireframe-light.css +554 -301
  67. package/dist/types/components/Avatar/Avatar.d.ts +4 -1
  68. package/dist/types/components/Avatar/Avatar.d.ts.map +1 -1
  69. package/dist/types/components/Dialog/Dialog.d.ts.map +1 -1
  70. package/dist/types/components/MediaViewer/MediaViewer.d.ts +86 -0
  71. package/dist/types/components/MediaViewer/MediaViewer.d.ts.map +1 -0
  72. package/dist/types/components/MediaViewer/index.d.ts +2 -0
  73. package/dist/types/components/MediaViewer/index.d.ts.map +1 -0
  74. package/dist/types/components/MediaViewer/mediaViewerGestures.d.ts +35 -0
  75. package/dist/types/components/MediaViewer/mediaViewerGestures.d.ts.map +1 -0
  76. package/dist/types/components/Thumbnail/Thumbnail.d.ts +21 -0
  77. package/dist/types/components/Thumbnail/Thumbnail.d.ts.map +1 -1
  78. package/dist/types/components/index.d.ts +1 -0
  79. package/dist/types/components/index.d.ts.map +1 -1
  80. package/docs/consumers/brand.md +6 -2
  81. package/docs/consumers/setup-instructions.md +35 -3
  82. package/package.json +1 -1
  83. package/skills/setup-muka/SKILL.md +36 -3
  84. package/tokens/t4-components/avatar.json +33 -1
package/dist/styles/tokens-bouwplan-dark.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #23231e;
1898
1905
  --avatar-color-background-loading: #2a2a24;
1899
- --avatar-color-foreground-default: #e9e9e8;
1906
+ --avatar-color-foreground-default: #63635a;
1900
1907
  --avatar-color-foreground-muted: #434339;
1901
1908
  --avatar-color-status-online: #58d5ba;
1902
1909
  --avatar-color-status-offline: #434339;
package/dist/styles/tokens-bouwplan-light.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #f1f0ef;
1898
1905
  --avatar-color-background-loading: #e9e8e6;
1899
- --avatar-color-foreground-default: #21201c;
1906
+ --avatar-color-foreground-default: #8d8d86;
1900
1907
  --avatar-color-foreground-muted: #cfceca;
1901
1908
  --avatar-color-status-online: #027864;
1902
1909
  --avatar-color-status-offline: #cfceca;
package/dist/styles/tokens-fscl-dark.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #1f231f;
1898
1905
  --avatar-color-background-loading: #252925;
1899
- --avatar-color-foreground-default: #e9ebe9;
1906
+ --avatar-color-foreground-default: #5a605a;
1900
1907
  --avatar-color-foreground-muted: #393d39;
1901
1908
  --avatar-color-status-online: #30a46c;
1902
1909
  --avatar-color-status-offline: #393d39;
package/dist/styles/tokens-fscl-light.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #eef1f0;
1898
1905
  --avatar-color-background-loading: #e6e9e8;
1899
- --avatar-color-foreground-default: #1a211e;
1906
+ --avatar-color-foreground-default: #868e8b;
1900
1907
  --avatar-color-foreground-muted: #cbcfcd;
1901
1908
  --avatar-color-status-online: #30a46c;
1902
1909
  --avatar-color-status-offline: #cbcfcd;
package/dist/styles/tokens-grip-dark.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #23231e;
1898
1905
  --avatar-color-background-loading: #2a2a24;
1899
- --avatar-color-foreground-default: #e9e9e8;
1906
+ --avatar-color-foreground-default: #63635a;
1900
1907
  --avatar-color-foreground-muted: #434339;
1901
1908
  --avatar-color-status-online: #58d5ba;
1902
1909
  --avatar-color-status-offline: #434339;
package/dist/styles/tokens-grip-light.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #f1f0ef;
1898
1905
  --avatar-color-background-loading: #e9e8e6;
1899
- --avatar-color-foreground-default: #21201c;
1906
+ --avatar-color-foreground-default: #8d8d86;
1900
1907
  --avatar-color-foreground-muted: #cfceca;
1901
1908
  --avatar-color-status-online: #027864;
1902
1909
  --avatar-color-status-offline: #cfceca;
package/dist/styles/tokens-muka-dark.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #232326;
1898
1905
  --avatar-color-background-loading: #2b2b30;
1899
- --avatar-color-foreground-default: #e6e6ea;
1906
+ --avatar-color-foreground-default: #737387;
1900
1907
  --avatar-color-foreground-muted: #4c4c57;
1901
1908
  --avatar-color-status-online: #58d5ba;
1902
1909
  --avatar-color-status-offline: #4c4c57;
package/dist/styles/tokens-muka-light.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #f2eff3;
1898
1905
  --avatar-color-background-loading: #eae7ec;
1899
- --avatar-color-foreground-default: #211f26;
1906
+ --avatar-color-foreground-default: #8e8c99;
1900
1907
  --avatar-color-foreground-muted: #d0cdd7;
1901
1908
  --avatar-color-status-online: #027864;
1902
1909
  --avatar-color-status-offline: #d0cdd7;
package/dist/styles/tokens-wireframe-dark.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #2a2a2a;
1898
1905
  --avatar-color-background-loading: #313131;
1899
- --avatar-color-foreground-default: #eeeeee;
1906
+ --avatar-color-foreground-default: #7b7b7b;
1900
1907
  --avatar-color-foreground-muted: #606060;
1901
1908
  --avatar-color-status-online: #30a46c;
1902
1909
  --avatar-color-status-offline: #606060;
package/dist/styles/tokens-wireframe-light.css CHANGED
@@ -1894,9 +1894,16 @@
1894
1894
  --avatar-size-md: 4rem;
1895
1895
  --avatar-size-lg: 5rem;
1896
1896
  --avatar-size-xl: 7rem;
1897
+ --avatar-icon-size-3xs: 1rem;
1898
+ --avatar-icon-size-2xs: 1.25rem;
1899
+ --avatar-icon-size-xs: 1.5rem;
1900
+ --avatar-icon-size-sm: 2rem;
1901
+ --avatar-icon-size-md: 2.5rem;
1902
+ --avatar-icon-size-lg: 3rem;
1903
+ --avatar-icon-size-xl: 4rem;
1897
1904
  --avatar-color-background-default: #e8e8e8;
1898
1905
  --avatar-color-background-loading: #e0e0e0;
1899
- --avatar-color-foreground-default: #202020;
1906
+ --avatar-color-foreground-default: #838383;
1900
1907
  --avatar-color-foreground-muted: #bbbbbb;
1901
1908
  --avatar-color-status-online: #30a46c;
1902
1909
  --avatar-color-status-offline: #bbbbbb;