npm - @bspk/ui - Versions diffs - 1.3.2 → 1.3.4 - Mend

@bspk/ui 1.3.2 → 1.3.4

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 (751) hide show

package/dist/components/Snackbar/snackbar.css.js CHANGED Viewed

@@ -2,6 +2,19 @@
 * Do not edit this file directly. */
 const style = document.createElement('style');
 style.appendChild(document.createTextNode(`[data-bspk=snackbar] {
+  position: fixed;
+  z-index: var(--z-index-dialog);
+  display: flex;
+  flex-direction: column-reverse;
+  max-height: 100%;
+  overflow: hidden;
+  inset: 0;
+  align-items: center;
+  gap: var(--spacing-sizing-02);
+  pointer-events: none;
+  padding: var(--spacing-sizing-02);
+}
+[data-bspk=snackbar] [data-snackbar-content] {
   pointer-events: auto;
   display: flex;
   flex-direction: row;
@@ -11,13 +24,29 @@ style.appendChild(document.createTextNode(`[data-bspk=snackbar] {
   padding: var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04);
   gap: var(--spacing-sizing-03);
   width: 600px;
-  max-width: 100%;
   box-shadow: 0 0 1px 0 var(--shadow-variant-05), 0 0 12px 0 var(--shadow-variant-03);
   background-color: var(--surface-neutral-inverse);
   color: var(--foreground-neutral-on-inverse-surface);
   height: var(--spacing-sizing-14);
 }
-[data-bspk=snackbar] [data-bspk=button][data-variant=tertiary] {
+[data-bspk=snackbar] [data-snackbar-content] [data-snackbar-icon-text] {
+  flex: 1 1 0;
+  min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sizing-03);
+}
+[data-bspk=snackbar] [data-snackbar-content] [data-snackbar-icon] {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--spacing-sizing-05);
+  height: var(--spacing-sizing-05);
+}
+[data-bspk=snackbar] [data-snackbar-content] [data-bspk=button][data-variant=tertiary] {
+  flex: 0 0 auto;
   color: inherit;
 }
 `));

package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts CHANGED Viewed

@@ -6,7 +6,7 @@ export type StylesProviderDemoProps = {
      *
      * @default anywhere
      */
-    brand?: Brand;
+    brand?: Brand | 'example';
 };
 /**
  * Used only on the demo site to switch between different brands styles.

package/dist/components/StylesProviderDemo/StylesProviderDemo.js CHANGED Viewed

@@ -1,6 +1,8 @@
 import { useRef, useEffect } from 'react';
 import { BRANDS_CSS } from './brandsCss';
+import { EXAMPLE_CSS } from './exampleCss';
 import '../../styles/base.css.js';
+const THEME_CSS = { ...BRANDS_CSS, ...EXAMPLE_CSS };
 /**
  * Used only on the demo site to switch between different brands styles.
  *
@@ -21,7 +23,7 @@ export function StylesProviderDemo({ brand = 'anywhere' }) {
             styleElement.current = document.createElement('style');
             document.head.appendChild(styleElement.current);
         }
-        styleElement.current.textContent = (brand && BRANDS_CSS[brand]) || BRANDS_CSS.anywhere;
+        styleElement.current.textContent = (brand && THEME_CSS[brand]) || THEME_CSS.anywhere;
         return () => {
             if (!styleElement.current)
                 return;

package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StylesProviderDemo.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDemo/StylesProviderDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;~~AAEzC~~,OAAO,oBAAoB,CAAC;~~AAW5B~~;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,GAAG,UAAU,EAA2B;IAC9E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,KAAK,IAAI,~~UAAU~~,CAAC,KAAK,CAAC,CAAC,IAAI,~~UAAU~~,CAAC,QAAQ,CAAC;~~QAEvF~~,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,YAAY,CAAC,OAAO;gBAAE,OAAO;YAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAChD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}
1	+ {"version":3,"file":"StylesProviderDemo.js","sourceRoot":"","sources":["../../../src/components/StylesProviderDemo/StylesProviderDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,oBAAoB,CAAC;AAE5B,MAAM,SAAS,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,WAAW,EAAE,CAAC;AAWpD;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,GAAG,UAAU,EAA2B;IAC9E,MAAM,YAAY,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;YACxB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;YACvD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACpD,CAAC;QAED,YAAY,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC,QAAQ,CAAC;QAErF,OAAO,GAAG,EAAE;YACR,IAAI,CAAC,YAAY,CAAC,OAAO;gBAAE,OAAO;YAClC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAChD,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QAChC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,sDAAsD"}

package/dist/components/StylesProviderDemo/exampleCss.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const EXAMPLE_CSS: Record<'example', string>;