@revikornmann/muka-ui 0.10.0 → 0.11.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 (26) hide show
  1. package/dist/cjs/components/BottomBar/BottomBar.css +24 -2
  2. package/dist/cjs/components/BottomBar/BottomBar.js +1 -0
  3. package/dist/cjs/components/BottomBar/BottomBar.js.map +1 -1
  4. package/dist/esm/components/BottomBar/BottomBar.css +24 -2
  5. package/dist/esm/components/BottomBar/BottomBar.js +1 -0
  6. package/dist/esm/components/BottomBar/BottomBar.js.map +1 -1
  7. package/dist/styles/components/BottomBar.css +24 -2
  8. package/dist/styles/index.css +745 -722
  9. package/dist/styles/muka-dark.css +745 -722
  10. package/dist/styles/muka-light.css +745 -722
  11. package/dist/styles/tokens-bouwplan-dark.css +3 -2
  12. package/dist/styles/tokens-bouwplan-light.css +3 -2
  13. package/dist/styles/tokens-fscl-dark.css +3 -2
  14. package/dist/styles/tokens-fscl-light.css +3 -2
  15. package/dist/styles/tokens-grip-dark.css +3 -2
  16. package/dist/styles/tokens-grip-light.css +3 -2
  17. package/dist/styles/tokens-muka-dark.css +3 -2
  18. package/dist/styles/tokens-muka-light.css +3 -2
  19. package/dist/styles/tokens-wireframe-dark.css +3 -2
  20. package/dist/styles/tokens-wireframe-light.css +3 -2
  21. package/dist/styles/wireframe-dark.css +745 -722
  22. package/dist/styles/wireframe-light.css +745 -722
  23. package/dist/types/components/BottomBar/BottomBar.d.ts +3 -2
  24. package/dist/types/components/BottomBar/BottomBar.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/tokens/t4-components/bottombar.json +11 -5
package/dist/cjs/components/BottomBar/BottomBar.css CHANGED
@@ -62,6 +62,30 @@
62
62
  flex-direction: row;
63
63
  }
64
64
 
65
+ /* ─── Chat variant (houses a ChatComposer) ───────────── */
66
+
67
+ .muka-bottombar--chat .muka-bottombar__content {
68
+ flex-direction: row;
69
+ max-width: var(--bottombar-chat-max-width);
70
+ width: 100%;
71
+ margin: 0 auto;
72
+ }
73
+
74
+ /* Docked chat pads its content; the floating card supplies its own padding. */
75
+ .muka-bottombar--chat:not(.muka-bottombar--floating) .muka-bottombar__content {
76
+ padding: var(--bottombar-chat-padding);
77
+ }
78
+
79
+ /* Floating chat card widens to the chat cap (overrides the md default below). */
80
+ .muka-bottombar--chat.muka-bottombar--floating .muka-bottombar__content {
81
+ max-width: var(--bottombar-chat-max-width);
82
+ }
83
+
84
+ /* Let the composer fill the wider bar instead of its standalone 768px cap. */
85
+ .muka-bottombar--chat .muka-chat-composer {
86
+ max-width: none;
87
+ }
88
+
65
89
  /* ─── Tab item ────────────────────────────────────────── */
66
90
 
67
91
  .muka-bottombar__tab {
@@ -118,8 +142,6 @@
118
142
  var(--bottombar-floating-backdrop-start),
119
143
  var(--bottombar-floating-backdrop-end)
120
144
  );
121
- backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
122
- -webkit-backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
123
145
  padding: var(--bottombar-floating-padding-top) var(--bottombar-floating-margin-x) var(--bottombar-floating-margin-bottom);
124
146
 
125
147
  /* The transparent frosted margin around the pill overlays scrolling content;
package/dist/cjs/components/BottomBar/BottomBar.js CHANGED
@@ -23,6 +23,7 @@ exports.BottomBarTab = BottomBarTab;
23
23
  * **Variants:**
24
24
  * - `actions`: Renders children as a row of action buttons.
25
25
  * - `navigation`: Renders BottomBarTab children as a tab bar.
26
+ * - `chat`: Houses a ChatComposer, capped at `container.max-width.lg` and centered.
26
27
  *
27
28
  * **Floating:** When `floating={true}`, the bar becomes a floating card
28
29
  * with rounded corners, padding, and shadow — used in "top level" views.
package/dist/cjs/components/BottomBar/BottomBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";;;;AACA,2BAAyB;AAqBzB;;GAEG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,oCACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,iCAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,iCAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,YAAY,gBA2BvB;AAsCF;;;;;;;;;;;;;;;;;GAiBG;AACI,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,oCAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,gCAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,gCAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,SAAS,aAgCpB;AAEF,kBAAe,iBAAS,CAAC"}
1
+ {"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";;;;AACA,2BAAyB;AAqBzB;;GAEG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,oCACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,iCAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,iCAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AA3BW,QAAA,YAAY,gBA2BvB;AAsCF;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,oCAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,gCAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,gCAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,SAAS,aAgCpB;AAEF,kBAAe,iBAAS,CAAC"}
package/dist/esm/components/BottomBar/BottomBar.css CHANGED
@@ -62,6 +62,30 @@
62
62
  flex-direction: row;
63
63
  }
64
64
 
65
+ /* ─── Chat variant (houses a ChatComposer) ───────────── */
66
+
67
+ .muka-bottombar--chat .muka-bottombar__content {
68
+ flex-direction: row;
69
+ max-width: var(--bottombar-chat-max-width);
70
+ width: 100%;
71
+ margin: 0 auto;
72
+ }
73
+
74
+ /* Docked chat pads its content; the floating card supplies its own padding. */
75
+ .muka-bottombar--chat:not(.muka-bottombar--floating) .muka-bottombar__content {
76
+ padding: var(--bottombar-chat-padding);
77
+ }
78
+
79
+ /* Floating chat card widens to the chat cap (overrides the md default below). */
80
+ .muka-bottombar--chat.muka-bottombar--floating .muka-bottombar__content {
81
+ max-width: var(--bottombar-chat-max-width);
82
+ }
83
+
84
+ /* Let the composer fill the wider bar instead of its standalone 768px cap. */
85
+ .muka-bottombar--chat .muka-chat-composer {
86
+ max-width: none;
87
+ }
88
+
65
89
  /* ─── Tab item ────────────────────────────────────────── */
66
90
 
67
91
  .muka-bottombar__tab {
@@ -118,8 +142,6 @@
118
142
  var(--bottombar-floating-backdrop-start),
119
143
  var(--bottombar-floating-backdrop-end)
120
144
  );
121
- backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
122
- -webkit-backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
123
145
  padding: var(--bottombar-floating-padding-top) var(--bottombar-floating-margin-x) var(--bottombar-floating-margin-bottom);
124
146
 
125
147
  /* The transparent frosted margin around the pill overlays scrolling content;
package/dist/esm/components/BottomBar/BottomBar.js CHANGED
@@ -19,6 +19,7 @@ export const BottomBarTab = ({ icon, activeIcon, label, active = false, onClick,
19
19
  * **Variants:**
20
20
  * - `actions`: Renders children as a row of action buttons.
21
21
  * - `navigation`: Renders BottomBarTab children as a tab bar.
22
+ * - `chat`: Houses a ChatComposer, capped at `container.max-width.lg` and centered.
22
23
  *
23
24
  * **Floating:** When `floating={true}`, the bar becomes a floating card
24
25
  * with rounded corners, padding, and shadow — used in "top level" views.
package/dist/esm/components/BottomBar/BottomBar.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";AACA,OAAO,iBAAiB,CAAC;AAqBzB;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,eAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAsCF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,kBAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BottomBar.js","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":";AACA,OAAO,iBAAiB,CAAC;AAqBzB;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,GACR,EAAE,EAAE;IACH,MAAM,UAAU,GAAG;QACjB,qBAAqB;QACrB,MAAM,IAAI,6BAA6B;KACxC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,OAAO,CACL,kBACE,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,KAAK,mBACK,MAAM,gBACT,KAAK,EACjB,IAAI,EAAC,QAAQ,aAEb,eAAM,SAAS,EAAC,0BAA0B,YACvC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,GACpC,EACP,eAAM,SAAS,EAAC,2BAA2B,YAAE,KAAK,GAAQ,IACnD,CACV,CAAC;AACJ,CAAC,CAAC;AAsCF;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,OAAO,EACP,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,eAAe,GAAG,KAAK,EACvB,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG;QACvB,gBAAgB;QAChB,mBAAmB,OAAO,EAAE;QAC5B,IAAI,IAAI,mBAAmB,IAAI,EAAE;QACjC,QAAQ,IAAI,0BAA0B;QACtC,SAAS,IAAI,OAAO,KAAK,YAAY,IAAI,2BAA2B,SAAS,EAAE;QAC/E,eAAe,IAAI,8BAA8B;QACjD,SAAS;KACV,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE5B,MAAM,aAAa,GAAG,OAAO,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;IAEvE,OAAO,CACL,kBAAQ,SAAS,EAAE,gBAAgB,aAChC,CAAC,QAAQ,IAAI,QAAQ,IAAI,CACxB,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAC,WAAW,GAAG,CAC7D,EACD,cAAK,SAAS,EAAC,yBAAyB,EAAC,IAAI,EAAE,aAAa,YACzD,QAAQ,GACL,IACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
package/dist/styles/components/BottomBar.css CHANGED
@@ -62,6 +62,30 @@
62
62
  flex-direction: row;
63
63
  }
64
64
 
65
+ /* ─── Chat variant (houses a ChatComposer) ───────────── */
66
+
67
+ .muka-bottombar--chat .muka-bottombar__content {
68
+ flex-direction: row;
69
+ max-width: var(--bottombar-chat-max-width);
70
+ width: 100%;
71
+ margin: 0 auto;
72
+ }
73
+
74
+ /* Docked chat pads its content; the floating card supplies its own padding. */
75
+ .muka-bottombar--chat:not(.muka-bottombar--floating) .muka-bottombar__content {
76
+ padding: var(--bottombar-chat-padding);
77
+ }
78
+
79
+ /* Floating chat card widens to the chat cap (overrides the md default below). */
80
+ .muka-bottombar--chat.muka-bottombar--floating .muka-bottombar__content {
81
+ max-width: var(--bottombar-chat-max-width);
82
+ }
83
+
84
+ /* Let the composer fill the wider bar instead of its standalone 768px cap. */
85
+ .muka-bottombar--chat .muka-chat-composer {
86
+ max-width: none;
87
+ }
88
+
65
89
  /* ─── Tab item ────────────────────────────────────────── */
66
90
 
67
91
  .muka-bottombar__tab {
@@ -118,8 +142,6 @@
118
142
  var(--bottombar-floating-backdrop-start),
119
143
  var(--bottombar-floating-backdrop-end)
120
144
  );
121
- backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
122
- -webkit-backdrop-filter: blur(var(--bottombar-floating-backdrop-blur));
123
145
  padding: var(--bottombar-floating-padding-top) var(--bottombar-floating-margin-x) var(--bottombar-floating-margin-bottom);
124
146
 
125
147
  /* The transparent frosted margin around the pill overlays scrolling content;