@flipdish/ui-library 0.22.0 → 0.23.0

package/dist/native/components/atoms/Dot/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/Dot/index.native.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,OAAO,EAAU,MAAM,cAAc,CAAC;AAEnE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEtD,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,GAAI,uDAA6E,QAAQ,gCASxG,CAAC"}

package/dist/native/components/atoms/Dot/index.js

@@ -0,0 +1,25 @@
+import { jsx } from 'react/jsx-runtime';
+import { cx } from '../../../utilities/cx/index.js';
+import { useResolvedTestId } from '../../../utilities/testIdUtils/index.js';
+import { View } from 'react-native';
+import { styles } from './Dot.styles.js';
+
+/**
+ * React Native `Dot` — a filled circle drawn as a `View` with a half-width `borderRadius`,
+ * inside a fixed-size box matching web's SVG bounding box, since React Native has no SVG
+ * host element.
+ *
+ * `View` `className` styling is confirmed working on-device (see `Avatar`'s root `View`),
+ * unlike the `Text` `className` bug, so colour stays token-driven here rather than falling
+ * back to a hardcoded hex.
+ *
+ * @summary status/list marker dot (React Native)
+ */
+const Dot = ({ size = 'md', color = 'fg-primary', className, 'data-testid': dataTestId }) => {
+    const dotTestId = useResolvedTestId({ testId: dataTestId, segment: 'dot', rootName: 'dot' });
+    const { wh, r } = styles.sizes[size];
+    return (jsx(View, { testID: dotTestId, className: cx('items-center justify-center', className), style: { width: wh, height: wh }, children: jsx(View, { className: styles.colors[color].native, style: { width: r * 2, height: r * 2, borderRadius: r } }) }));
+};
+
+export { Dot };
+//# sourceMappingURL=index.js.map

package/dist/native/components/atoms/Dot/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../src/components/atoms/Dot/index.native.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAqBA;;;;;;;;;;AAUG;MACU,GAAG,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,UAAU,EAAY,KAAI;AAC3G,IAAA,MAAM,SAAS,GAAG,iBAAiB,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;AAC5F,IAAA,MAAM,EAAE,EAAE,EAAE,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;AAEpC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EAAA,QAAA,EAChHA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAA,CAAI,EAAA,CACpG;AAEX;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "imports": {