npm - @ornikar/bumper - Versions diffs - 2.12.0 → 2.13.0 - Mend

@ornikar/bumper 2.12.0 → 2.13.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 (42) hide show

package/CHANGELOG.md +9 -0
package/dist/definitions/index.d.ts +2 -0
package/dist/definitions/index.d.ts.map +1 -1
package/dist/definitions/system/content/icon/Icon.d.ts +3 -2
package/dist/definitions/system/content/icon/Icon.d.ts.map +1 -1
package/dist/definitions/system/content/typography/Typography.d.ts +4 -7
package/dist/definitions/system/content/typography/Typography.d.ts.map +1 -1
package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts +14 -0
package/dist/definitions/system/dataDisplays/Badge/Badge.d.ts.map +1 -0
package/dist/definitions/system/types.d.ts +7 -0
package/dist/definitions/system/types.d.ts.map +1 -0
package/dist/index-metro.es.android.js +38 -1
package/dist/index-metro.es.android.js.map +1 -1
package/dist/index-metro.es.ios.js +38 -1
package/dist/index-metro.es.ios.js.map +1 -1
package/dist/index-node-22.22.cjs.js +38 -0
package/dist/index-node-22.22.cjs.js.map +1 -1
package/dist/index-node-22.22.cjs.web.js +38 -0
package/dist/index-node-22.22.cjs.web.js.map +1 -1
package/dist/index-node-22.22.es.mjs +38 -1
package/dist/index-node-22.22.es.mjs.map +1 -1
package/dist/index-node-22.22.es.web.mjs +38 -1
package/dist/index-node-22.22.es.web.mjs.map +1 -1
package/dist/index.es.js +38 -1
package/dist/index.es.js.map +1 -1
package/dist/index.es.web.js +38 -1
package/dist/index.es.web.js.map +1 -1
package/dist/tsbuildinfo +1 -1
package/package.json +1 -1
package/src/index.ts +4 -0
package/src/system/content/icon/Icon.tsx +3 -2
package/src/system/content/typography/Typography.features.stories.tsx +2 -1
package/src/system/content/typography/Typography.stories.tsx +2 -1
package/src/system/content/typography/Typography.tsx +6 -13
package/src/system/dataDisplays/Badge/Badge.features.stories.tsx +37 -0
package/src/system/dataDisplays/Badge/Badge.stories.tsx +32 -0
package/src/system/dataDisplays/Badge/Badge.tsx +59 -0
package/src/system/dataDisplays/Badge/__snapshots__/Badge.features.stories.tsx.snap +353 -0
package/src/system/dataDisplays/Badge/__snapshots__/Badge.stories.tsx.snap +50 -0
package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.features.stories.tsx.snap +164 -0
package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.stories.tsx.snap +35 -0
package/src/system/types.ts +7 -0

package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.features.stories.tsx.snap ADDED Viewed

@@ -0,0 +1,164 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+exports[`Bumper/Data Displays/Badge/Features WithCount 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-175oi2r r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <div
+            class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
+          >
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                1
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                5
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                9+
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                9+
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                0
+              </span>
+            </div>
+          </div>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+exports[`Bumper/Data Displays/Badge/Features WithMaximumCount 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-175oi2r r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <div
+            class="is_HStack _dsp-flex _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _fd-row _gap-t-space-spa1366020313 _alignItems-center"
+          >
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                9+
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                99+
+              </span>
+            </div>
+            <div
+              class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+            >
+              <span
+                class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+                data-disable-theme="true"
+              >
+                999
+              </span>
+            </div>
+          </div>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;
+exports[`Bumper/Data Displays/Badge/Features WithoutCount 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-175oi2r r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <div
+            class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _minHeight-0px _minWidth-0px _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _width-8px _height-8px"
+          />
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/src/system/dataDisplays/Badge/__snapshots_web__/Badge.stories.tsx.snap ADDED Viewed

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+exports[`Bumper/Data Displays/Badge Default 1`] = `
+<DocumentFragment>
+  <div
+    class="css-view-175oi2r r-flex-13awgt0"
+  >
+    <span
+      class=""
+      style="display: contents;"
+    >
+      <span
+        class=" "
+        style="display: contents;"
+      >
+        <span
+          class=" t_light is_Theme"
+          style="display: contents;"
+        >
+          <div
+            class="_dsp-flex _fd-column _fb-auto _bxs-border-box _pos-relative _flexShrink-0 _justifyContent-center _alignItems-center _btlr-t-radius-ra1854241453 _btrr-t-radius-ra1854241453 _bbrr-t-radius-ra1854241453 _bblr-t-radius-ra1854241453 _backgroundColor-bg--danger-46574 _alignSelf-flex-start _minWidth-16px _minHeight-16px _paddingRight-t-space-spa94482162 _paddingLeft-t-space-spa94482162"
+          >
+            <span
+              class="font_GTStandard _WebkitFontSmoothing-_platformweb_antialiased _dsp-inline _bxs-border-box _ww-break-word _ws-pre-wrap _marginTop-0px _marginRight-0px _marginBottom-0px _marginLeft-0px _ff-f-family _fs-f-size-cont1213109893 _lh-f-lineHeigh599485626 _ls-f-letterSpa1883393765 _fw-f-weight-bo3448 _col-content--ba254712717 _paddingBottom-1px"
+              data-disable-theme="true"
+            >
+              3
+            </span>
+          </div>
+        </span>
+      </span>
+    </span>
+  </div>
+</DocumentFragment>
+`;

package/src/system/types.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import type { WithMediaProps } from '@tamagui/core';
+type PropsWithoutMediaStyles<A> = {
+  [Key in keyof A as Key extends `$${string}` ? never : Key]: A[Key];
+};
+export type TamaguiMediaProps<A> = PropsWithoutMediaStyles<A> & WithMediaProps<PropsWithoutMediaStyles<A>>;