@cdx-ui/components 0.1.0 → 0.1.2

package/README.md

@@ -4,7 +4,7 @@
 
 Styled, theme-aware UI components for the Forge Design System.
 
-Built on top of [`@cdx-ui/primitives`](../primitives/), [`@cdx-ui/utils`](../utils/), [`@cdx-ui/icons`](../icons/), and [`@cdx-ui/formatters`](../formatters/), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style). Design tokens from [`@cdx-ui/styles`](../styles/) are consumed at the app level (not a direct package dependency).
+Built on top of [`@cdx-ui/primitives`](https://www.npmjs.com/package/@cdx-ui/primitives), [`@cdx-ui/utils`](https://www.npmjs.com/package/@cdx-ui/utils), [`@cdx-ui/icons`](https://www.npmjs.com/package/@cdx-ui/icons), and [`@cdx-ui/formatters`](https://www.npmjs.com/package/@cdx-ui/formatters), styled via [Uniwind](https://uniwind.dev) + [CVA](https://cva.style). Design tokens from [`@cdx-ui/styles`](https://www.npmjs.com/package/@cdx-ui/styles) are consumed at the app level (not a direct package dependency).
 
 ## Installation
 
@@ -40,11 +40,9 @@ export function Example() {
 }
 ```
 
-Component stories live in [`apps/storybook`](../../apps/storybook/). See the full [component reference](../../docs/README.md#components) for per-component docs.
-
 ### Components
 
-Accordion, Alert, AlertDialog, Avatar, Badge, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, Checkbox, Chip, CurrencyInput, DateField, DatePicker, DateRangePicker, DateTimeField, DateTimeList, DateTimePicker, Dialog, Divider, Field, Form, Heading, HStack / VStack, Icon, IconButton, Image, Input, InsuranceDisclosure, Link, ListItem, Menu, MonthCalendar, MonthPicker, OtpInput, ProgressBar, ProgressCircle, ProgressSegmented, QuickActionButton, Radio, RangeCalendar, ScopedTheme, ScrollShadow, Select, Skeleton, Slider, Switch, Tabs, Text, Textarea, Tile, Toast, Tooltip, VirtualizedList.
+The [component reference](https://design.candescent.com/docs/components) is the source of truth for the catalog — every component has a page there with live examples, props, and accessibility notes.
 
 > `Box` is exported but deprecated — use React Native's `View` directly.
 
@@ -70,7 +68,7 @@ Wrap your app (or the Forge UI section of it) with the top-level provider so ove
 
 ### Metro configuration helper
 
-The `withForgeMetroConfig` helper now ships from [`@cdx-ui/native/metro`](../native/README.md), not this package — it is native build tooling, and keeping it here forced a Metro dependency onto every consumer of the component library.
+The `withForgeMetroConfig` helper now ships from [`@cdx-ui/native`](https://www.npmjs.com/package/@cdx-ui/native), not this package — it is native build tooling, and keeping it here forced a Metro dependency onto every consumer of the component library.
 
 ```js
 const { withForgeMetroConfig } = require('@cdx-ui/native/metro');
@@ -97,13 +95,11 @@ For convenience, the package re-exports several core RN components and hooks wit
 
 ## Figma Code Connect
 
-Template files in [`src/figma/`](./src/figma/) map Figma component variants to production Forge UI snippets shown in Figma Dev Mode. These files are excluded from the npm tarball (`!src/figma` in `files`) and published to Figma via CI on pushes to `main`.
-
-See the **[Code Connect authoring guide](../../docs/internal/practices/code-connect.md)** for conventions, property mapping patterns, and local workflow.
+Template files under `src/figma/` map Figma component variants to production Forge UI snippets shown in Figma Dev Mode. These files are excluded from the npm tarball (`!src/figma` in `files`) and published to Figma via CI on pushes to `main`. Conventions, property-mapping patterns, and the local workflow are documented in the repository's Code Connect authoring guide.
 
 ## Testing
 
-Tests live in [`__tests__/`](./__tests__/). This package uses two of the repo-root **`jest.config.js`** projects: **`rntl`** (jest-expo native + **`@testing-library/react-native`**) for `*.test.tsx`, and **`axe`** (jest-expo web + jsdom + **`@testing-library/react`** + **`jest-axe`**) for `*.axe.test.tsx` — both targeting `packages/components/__tests__/`. The root config defines nine projects in total; see **[docs/internal/testing.md](../../docs/internal/testing.md)** for the full model.
+Tests live under `__tests__/`. This package uses two of the repo-root **`jest.config.js`** projects: **`rntl`** (jest-expo native + **`@testing-library/react-native`**) for `*.test.tsx`, and **`axe`** (jest-expo web + jsdom + **`@testing-library/react`** + **`jest-axe`**) for `*.axe.test.tsx` — both targeting `packages/components/__tests__/`. The repository's testing guide documents the full multi-project model.
 
 ```bash
 # From monorepo root
@@ -114,13 +110,13 @@ pnpm test:all
 
 Production types use `tsconfig.json`; tests use `tsconfig.test.json`.
 
-**Authoring:** See **[docs/internal/testing.md](../../docs/internal/testing.md)** (RNTL vs DOM, `fireEvent.press` vs `fireEvent.click`, file naming).
+**Authoring:** the repository's testing guide covers RNTL vs DOM, `fireEvent.press` vs `fireEvent.click`, and file naming.
 
 **A11y-only ad-hoc** (from `packages/components`):  
 `pnpm exec jest --config ../../jest.config.js --testNamePattern="a11y"`
 
 ## License
 
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](./LICENSE)
+[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
-MIT © 2026 Digital First Holdings LLC. See [LICENSE](./LICENSE) for details.
+MIT © 2026 Digital First Holdings LLC. The full license text ships in the package as `LICENSE`.

package/lib/commonjs/components/Input/styles.js

@@ -19,8 +19,14 @@ const inputRootVariants = exports.inputRootVariants = (0, _utils.cva)(['w-full f
       outline: []
     },
     size: {
-      default: ['h-11 min-h-11 px-4 py-3 gap-4', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2', 'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -38,8 +44,10 @@ const inputFieldVariants = exports.inputFieldVariants = (0, _utils.cva)([
 'flex-1 min-w-0 justify-center bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_constants","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMK,iBAAiB,GAAAZ,OAAA,CAAAY,iBAAA,GAAG,IAAAX,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMY,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMO,6BAA6B,GAAAd,OAAA,CAAAc,6BAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","_constants","inputRootVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","inputFieldVariants","WEB_NARROW_FIELD_TEXT","inputSlotVariants","inputIconVariants","inputFieldPlaceholderVariants"],"sourceRoot":"../../../../src","sources":["components/Input/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAClC,CACE,8CAA8C,EAC9C,oBAAoB,EACpB,oCAAoC,EACpC,uEAAuE,EACvE,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB,EACtB,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EACnC;AACE;AACA;AACA;AACA;AACA;AACA;AACA,kDAAkD,EAClD,sBAAsB,EACtB,mCAAmC,EACnC,kBAAkB,EAClB,iBAAiB,CAClB,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMM,iBAAiB,GAAAb,OAAA,CAAAa,iBAAA,GAAG,IAAAZ,UAAG,EAAC,CAAC,kDAAkD,CAAC,CAAC;AAEnF,MAAMa,iBAAiB,GAAAd,OAAA,CAAAc,iBAAA,GAAG,IAAAb,UAAG,EAAC,CAAC,uBAAuB,CAAC,EAAE;EAC9DG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEK,MAAMQ,6BAA6B,GAAAf,OAAA,CAAAe,6BAAA,GAAG,IAAAd,UAAG,EAAC,CAAC,yBAAyB,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FdicLockup = FdicLockup;
+var _reactNativeSvg = require("react-native-svg");
+var _jsxRuntime = require("react/jsx-runtime");
+const FDIC_NAVY = '#003366';
+function FdicLockup() {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Svg, {
+    width: "100%",
+    height: "100%",
+    viewBox: "0 0 44 20",
+    fill: "none",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M5.39953 18.3086H0.896923V1.73399H10.1587V6.06628H5.39953V8.7493H9.88382V13.0821H5.39953V18.3086Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M30.228 1.69895H25.7254V18.308H30.228V1.69895Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M39.4208 13.924C37.2579 13.924 35.4679 12.1616 35.4679 10.0003C35.4679 7.83897 37.2579 6.07598 39.4208 6.07598C41.3929 6.07598 42.424 7.12483 43.1031 8.50623V2.55916C43.1031 2.55916 41.1094 1.665 39.2516 1.665C35.1252 1.665 30.6543 5.46047 30.6543 10.0003C30.6543 15.5582 34.9187 18.335 39.2516 18.335C41.1089 18.335 43.1031 17.4419 43.1031 17.4419V11.5466C42.2903 12.9479 41.3821 13.924 39.4208 13.924Z",
+      fill: FDIC_NAVY
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Path, {
+      d: "M15.3172 1.73399C18.1366 1.73399 24.946 2.42118 24.946 10.0132C24.946 17.6209 18.8254 18.2935 15.3172 18.293H10.7785V1.73399H15.3172ZM20.4752 9.98679C20.4752 7.02943 18.1027 5.99783 15.3102 5.99783V13.9758C18.1027 13.9758 20.4752 12.9436 20.4752 9.98679Z",
+      fill: FDIC_NAVY
+    })]
+  });
+}
+//# sourceMappingURL=FdicLockup.js.map

package/lib/commonjs/components/InsuranceDisclosure/FdicLockup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSvg","require","_jsxRuntime","FDIC_NAVY","FdicLockup","jsxs","Svg","width","height","viewBox","fill","children","jsx","Path","d"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/FdicLockup.tsx"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAA6C,IAAAC,WAAA,GAAAD,OAAA;AAE7C,MAAME,SAAS,GAAG,SAAS;AAEpB,SAASC,UAAUA,CAAA,EAAG;EAC3B,oBACE,IAAAF,WAAA,CAAAG,IAAA,EAACL,eAAA,CAAAM,GAAG;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,OAAO,EAAC,WAAW;IAACC,IAAI,EAAC,MAAM;IAAAC,QAAA,gBAC7D,IAAAT,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,mGAAmG;MACrGJ,IAAI,EAAEP;IAAU,CACjB,CAAC,eACF,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MAACC,CAAC,EAAC,gDAAgD;MAACJ,IAAI,EAAEP;IAAU,CAAE,CAAC,eAC5E,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,qZAAqZ;MACvZJ,IAAI,EAAEP;IAAU,CACjB,CAAC,eACF,IAAAD,WAAA,CAAAU,GAAA,EAACZ,eAAA,CAAAa,IAAI;MACHC,CAAC,EAAC,gQAAgQ;MAClQJ,IAAI,EAAEP;IAAU,CACjB,CAAC;EAAA,CACC,CAAC;AAEV","ignoreList":[]}

package/lib/commonjs/components/InsuranceDisclosure/index.js

@@ -11,9 +11,15 @@ var _utils = require("@cdx-ui/utils");
 var _Image = require("../Image/Image");
 var _HStack = require("../Stack/HStack");
 var _Text = require("../Text");
+var _FdicLockup = require("./FdicLockup");
 var _styles = require("./styles");
 var _jsxRuntime = require("react/jsx-runtime");
+/** Bundled official FDIC lockup — omit `logoSource` to use the default mark. */
+
+/** Custom logo override — `logoAccessibilityLabel` is required. */
+
 const InsuranceDisclosure = exports.InsuranceDisclosure = /*#__PURE__*/(0, _react.forwardRef)(function InsuranceDisclosure({
+  framed = false,
   logoSource,
   logoAccessibilityLabel,
   label,
@@ -21,31 +27,43 @@ const InsuranceDisclosure = exports.InsuranceDisclosure = /*#__PURE__*/(0, _reac
   style,
   ...props
 }, ref) {
+  const useCustomLogo = logoSource != null;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_HStack.HStack, {
     ref: ref,
     space: "md",
-    className: (0, _utils.cn)((0, _styles.insuranceDisclosureRootVariants)(), className),
+    className: (0, _utils.cn)((0, _styles.insuranceDisclosureRootVariants)({
+      framed
+    }), className),
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
       slot: 'insurance-disclosure'
     })),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
+    children: [useCustomLogo ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Image.Image, {
       source: logoSource,
       accessibilityLabel: logoAccessibilityLabel,
-      accessible: true,
+      accessible: logoAccessibilityLabel != null,
       resizeMode: "contain",
       className: (0, _styles.insuranceDisclosureLogoVariants)(),
       ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
         slot: 'insurance-disclosure-logo'
       }))
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: "FDIC",
+      className: (0, _styles.insuranceDisclosureLogoVariants)(),
+      ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
+        slot: 'insurance-disclosure-logo'
+      })),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FdicLockup.FdicLockup, {})
     }), label ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
       className: "min-w-0 shrink",
       ...(0, _primitives.mergeDataAttributes)({}, (0, _primitives.dataAttributes)({
         slot: 'insurance-disclosure-content'
       })),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
-        size: "xs",
+        size: "sm",
         className: (0, _styles.insuranceDisclosureTextVariants)(),
         children: label
       })

package/lib/commonjs/components/InsuranceDisclosure/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Image","_HStack","_Text","_styles","_jsxRuntime","InsuranceDisclosure","exports","forwardRef","logoSource","logoAccessibilityLabel","label","className","style","props","ref","jsxs","HStack","space","cn","insuranceDisclosureRootVariants","mergeDataAttributes","dataAttributes","slot","children","jsx","Image","source","accessibilityLabel","accessible","resizeMode","insuranceDisclosureLogoVariants","View","Text","size","insuranceDisclosureTextVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,OAAA,GAAAP,OAAA;AAIkB,IAAAQ,WAAA,GAAAR,OAAA;AASX,MAAMS,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAG3C,SAASF,mBAAmBA,CAC5B;EAAEG,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzEC,GAAG,EACH;EACA,oBACE,IAAAV,WAAA,CAAAW,IAAA,EAACd,OAAA,CAAAe,MAAM;IACLF,GAAG,EAAEA,GAAI;IACTG,KAAK,EAAC,IAAI;IACVN,SAAS,EAAE,IAAAO,SAAE,EAAC,IAAAC,uCAA+B,EAAC,CAAC,EAAER,SAAS,CAAE;IAC5DC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAO,+BAAmB,EAACP,KAAK,EAAE,IAAAQ,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,gBAEhF,IAAAnB,WAAA,CAAAoB,GAAA,EAACxB,MAAA,CAAAyB,KAAU;MACTC,MAAM,EAAElB,UAAW;MACnBmB,kBAAkB,EAAElB,sBAAuB;MAC3CmB,UAAU;MACVC,UAAU,EAAC,SAAS;MACpBlB,SAAS,EAAE,IAAAmB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,EACDZ,KAAK,gBACJ,IAAAN,WAAA,CAAAoB,GAAA,EAAC3B,YAAA,CAAAkC,IAAI;MACHpB,SAAS,EAAC,gBAAgB;MAAA,GACtB,IAAAS,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErF,IAAAnB,WAAA,CAAAoB,GAAA,EAACtB,KAAA,CAAA8B,IAAI;QAACC,IAAI,EAAC,IAAI;QAACtB,SAAS,EAAE,IAAAuB,uCAA+B,EAAC,CAAE;QAAAX,QAAA,EAC1Db;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFL,mBAAmB,CAAC8B,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_Image","_HStack","_Text","_FdicLockup","_styles","_jsxRuntime","InsuranceDisclosure","exports","forwardRef","framed","logoSource","logoAccessibilityLabel","label","className","style","props","ref","useCustomLogo","jsxs","HStack","space","cn","insuranceDisclosureRootVariants","mergeDataAttributes","dataAttributes","slot","children","jsx","Image","source","accessibilityLabel","accessible","resizeMode","insuranceDisclosureLogoVariants","View","accessibilityRole","FdicLockup","Text","size","insuranceDisclosureTextVariants","displayName"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAIkB,IAAAS,WAAA,GAAAT,OAAA;AAelB;;AAOA;;AAYO,MAAMU,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,iBAAU,EAG3C,SAASF,mBAAmBA,CAC5B;EAAEG,MAAM,GAAG,KAAK;EAAEC,UAAU;EAAEC,sBAAsB;EAAEC,KAAK;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EACzFC,GAAG,EACH;EACA,MAAMC,aAAa,GAAGP,UAAU,IAAI,IAAI;EAExC,oBACE,IAAAL,WAAA,CAAAa,IAAA,EAACjB,OAAA,CAAAkB,MAAM;IACLH,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAC,IAAI;IACVP,SAAS,EAAE,IAAAQ,SAAE,EAAC,IAAAC,uCAA+B,EAAC;MAAEb;IAAO,CAAC,CAAC,EAAEI,SAAS,CAAE;IACtEC,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACL,IAAAQ,+BAAmB,EAACR,KAAK,EAAE,IAAAS,0BAAc,EAAC;MAAEC,IAAI,EAAE;IAAuB,CAAC,CAAC,CAAC;IAAAC,QAAA,GAE/ET,aAAa,gBACZ,IAAAZ,WAAA,CAAAsB,GAAA,EAAC3B,MAAA,CAAA4B,KAAU;MACTC,MAAM,EAAEnB,UAAW;MACnBoB,kBAAkB,EAAEnB,sBAAuB;MAC3CoB,UAAU,EAAEpB,sBAAsB,IAAI,IAAK;MAC3CqB,UAAU,EAAC,SAAS;MACpBnB,SAAS,EAAE,IAAAoB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC;IAAC,CACnF,CAAC,gBAEF,IAAApB,WAAA,CAAAsB,GAAA,EAAC9B,YAAA,CAAAqC,IAAI;MACHH,UAAU;MACVI,iBAAiB,EAAC,OAAO;MACzBL,kBAAkB,EAAC,MAAM;MACzBjB,SAAS,EAAE,IAAAoB,uCAA+B,EAAC,CAAE;MAAA,GACzC,IAAAV,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA4B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAElF,IAAArB,WAAA,CAAAsB,GAAA,EAACxB,WAAA,CAAAiC,UAAU,IAAE;IAAC,CACV,CACP,EACAxB,KAAK,gBACJ,IAAAP,WAAA,CAAAsB,GAAA,EAAC9B,YAAA,CAAAqC,IAAI;MACHrB,SAAS,EAAC,gBAAgB;MAAA,GACtB,IAAAU,+BAAmB,EAAC,CAAC,CAAC,EAAE,IAAAC,0BAAc,EAAC;QAAEC,IAAI,EAAE;MAA+B,CAAC,CAAC,CAAC;MAAAC,QAAA,eAErF,IAAArB,WAAA,CAAAsB,GAAA,EAACzB,KAAA,CAAAmC,IAAI;QAACC,IAAI,EAAC,IAAI;QAACzB,SAAS,EAAE,IAAA0B,uCAA+B,EAAC,CAAE;QAAAb,QAAA,EAC1Dd;MAAK,CACF;IAAC,CACH,CAAC,GACL,IAAI;EAAA,CACF,CAAC;AAEb,CAAC,CAAC;AAEFN,mBAAmB,CAACkC,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/lib/commonjs/components/InsuranceDisclosure/styles.js

@@ -5,7 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.insuranceDisclosureTextVariants = exports.insuranceDisclosureRootVariants = exports.insuranceDisclosureLogoVariants = void 0;
 var _utils = require("@cdx-ui/utils");
-const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'p-4']);
-const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-[23px] w-[37px]']);
-const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-secondary']);
+const insuranceDisclosureRootVariants = exports.insuranceDisclosureRootVariants = (0, _utils.cva)(['w-full max-w-full items-center justify-start'], {
+  variants: {
+    framed: {
+      true: ['bg-surface-primary', 'border border-stroke-secondary', 'rounded-[var(--border-radius-default)]', 'px-3 py-2'],
+      false: ''
+    }
+  },
+  defaultVariants: {
+    framed: false
+  }
+});
+const insuranceDisclosureLogoVariants = exports.insuranceDisclosureLogoVariants = (0, _utils.cva)(['h-5 w-11 shrink-0']);
+const insuranceDisclosureTextVariants = exports.insuranceDisclosureTextVariants = (0, _utils.cva)(['shrink text-content-primary italic [font-family:var(--font-body-italic)]']);
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/InsuranceDisclosure/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAAC,CACjD,8CAA8C,EAC9C,gCAAgC,EAChC,wCAAwC,EACxC,KAAK,CACN,CAAC;AAEK,MAAMC,+BAA+B,GAAAF,OAAA,CAAAE,+BAAA,GAAG,IAAAD,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAME,+BAA+B,GAAAH,OAAA,CAAAG,+BAAA,GAAG,IAAAF,UAAG,EAAC,CAAC,+BAA+B,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","insuranceDisclosureRootVariants","exports","cva","variants","framed","true","false","defaultVariants","insuranceDisclosureLogoVariants","insuranceDisclosureTextVariants"],"sourceRoot":"../../../../src","sources":["components/InsuranceDisclosure/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,UAAG,EAChD,CAAC,8CAA8C,CAAC,EAChD;EACEC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,CACJ,oBAAoB,EACpB,gCAAgC,EAChC,wCAAwC,EACxC,WAAW,CACZ;MACDC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CACF,CAAC;AAMM,MAAMI,+BAA+B,GAAAP,OAAA,CAAAO,+BAAA,GAAG,IAAAN,UAAG,EAAC,CAAC,mBAAmB,CAAC,CAAC;AAElE,MAAMO,+BAA+B,GAAAR,OAAA,CAAAQ,+BAAA,GAAG,IAAAP,UAAG,EAAC,CACjD,0EAA0E,CAC3E,CAAC","ignoreList":[]}

package/lib/commonjs/components/Radio/index.js

@@ -66,7 +66,7 @@ const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
     isFocusVisible
   } = (0, _primitives.useRadioContext)();
   const checkState = isChecked ? 'checked' : 'unchecked';
-  const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
+  const fieldState = isReadOnly ? `readonly-${checkState}${isInvalid ? '-invalid' : ''}` : INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
   const computedClassName = (0, _utils.cn)((0, _styles.radioIndicatorVariants)(), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.View;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Comp, {
@@ -86,11 +86,16 @@ const RadioIndicator = /*#__PURE__*/(0, _react.forwardRef)(({
       fieldState
     })),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)()),
+      collapsable: false,
+      className: (0, _utils.cn)((0, _styles.radioInnerDotVariants)(),
+      // Native: unconditional bg so Uniwind does not have to win a data-attribute
+      // background over `bg-surface-action-strong` (web keeps compound selectors).
+      isReadOnly && isChecked && !isInvalid && 'bg-content-primary'),
       ...(0, _primitives.dataAttributes)({
         checked: isChecked,
         invalid: isInvalid,
         hover: isHovered,
+        readonly: isReadOnly,
         fieldState
       })
     }), children]
@@ -109,6 +114,10 @@ const RadioLabel = /*#__PURE__*/(0, _react.forwardRef)(({
   style,
   ...props
 }, ref) => {
+  const {
+    isDisabled,
+    isReadOnly
+  } = (0, _primitives.useRadioContext)();
   const computedClassName = (0, _utils.cn)((0, _styles.radioLabelVariants)(), className);
   const Comp = asChild ? _primitives.Slot : _reactNative.Text;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
@@ -117,7 +126,9 @@ const RadioLabel = /*#__PURE__*/(0, _react.forwardRef)(({
     style: style,
     ...props,
     ...(0, _primitives.mergeDataAttributes)(props, (0, _primitives.dataAttributes)({
-      slot: 'radio-label'
+      slot: 'radio-label',
+      disabled: isDisabled,
+      readonly: isReadOnly
     })),
     children: children
   });

package/lib/commonjs/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","radioRootVariants","jsxs","mergeDataAttributes","dataAttributes","slot","jsx","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","useRadioContext","checkState","fieldState","radioIndicatorVariants","Comp","Slot","View","hover","checked","disabled","focusVisible","invalid","readonly","active","radioInnerDotVariants","RadioLabel","radioLabelVariants","Text","RadioGroup","direction","value","defaultValue","onChange","isRequired","name","viewProps","radioGroupVariants","Radio","exports","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_primitives","_utils","_styles","_jsxRuntime","RadioRoot","forwardRef","className","children","style","props","ref","computedClassName","cn","radioRootVariants","jsxs","mergeDataAttributes","dataAttributes","slot","jsx","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","useRadioContext","checkState","fieldState","radioIndicatorVariants","Comp","Slot","View","hover","checked","disabled","focusVisible","invalid","readonly","active","collapsable","radioInnerDotVariants","RadioLabel","radioLabelVariants","Text","RadioGroup","direction","value","defaultValue","onChange","isRequired","name","viewProps","radioGroupVariants","Radio","exports","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Radio/styles.js

@@ -7,11 +7,13 @@ exports.radioRootVariants = exports.radioLabelVariants = exports.radioInnerDotVa
 var _reactNative = require("react-native");
 var _utils = require("@cdx-ui/utils");
 var _constants = require("../../styles/constants");
-const radioRootVariants = exports.radioRootVariants = (0, _utils.cva)(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', _constants.DISABLED_CURSOR,
+const radioRootVariants = exports.radioRootVariants = (0, _utils.cva)(['flex-row items-center gap-2', _constants.DISABLED_OPACITY, _constants.DISABLED_CURSOR, 'data-[readonly=true]:cursor-default',
 // Suppress default :focus-visible outline on the role="radio" Pressable;
 // focus ring is drawn on the indicator instead of wrapping the whole control.
 'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
-const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _utils.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
+const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _utils.cva)(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5',
+// Figma: indicator fill is transparent; selection reads via border + inner dot only.
+'bg-transparent', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', _reactNative.Platform.select({
   web: [_constants.TRANSITION_COLORS, 'group',
   // Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
   'data-[hover=true]:data-[checked=false]:bg-content-secondary/[0.08]',
@@ -19,19 +21,33 @@ const radioIndicatorVariants = exports.radioIndicatorVariants = (0, _utils.cva)(
   'data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-surface-danger-strong/[0.08]', 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover',
   // Active — CSS :active (web root does not track press via data-active).
   // data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
-  'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
+  'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active',
+  // Focus ring — applies to read-only as well (focusable + aria-readonly).
+  'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2',
+  // Read-only — Figma: transparent fill + content-tertiary border (checked and unchecked).
+  // After hover/active so equal-or-higher specificity keeps the static treatment.
+  // Invalid is not a Figma readonly variant; retain danger so error remains visible.
+  'data-[readonly=true]:data-[checked=false]:border-content-tertiary', 'data-[readonly=true]:data-[checked=true]:border-content-tertiary', 'data-[readonly=true]:data-[invalid=true]:border-stroke-danger', 'data-[readonly=true]:data-[hover=true]:data-[checked=false]:bg-transparent', 'data-[readonly=true]:data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-transparent', 'data-[readonly=true]:data-[hover=true]:data-[checked=false]:border-content-tertiary', 'data-[readonly=true]:data-[hover=true]:data-[checked=true]:border-content-tertiary', 'data-[readonly=true]:data-[hover=true]:data-[invalid=true]:border-stroke-danger', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=false]:border-content-tertiary', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:border-content-tertiary', 'web:active:data-[readonly=true]:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-stroke-danger', 'web:active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-stroke-danger'].join(' '),
   default: [
   // Native: Uniwind only evaluates the last data-[] condition in a compound chain.
   // Use single-condition data-[field-state=...] selectors (emitted by RadioIndicator).
-  'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
+  'data-[field-state=readonly-unchecked]:border-content-tertiary', 'data-[field-state=readonly-checked]:border-content-tertiary', 'data-[field-state=readonly-unchecked-invalid]:border-stroke-danger', 'data-[field-state=readonly-checked-invalid]:border-stroke-danger', 'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
 })]);
-const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _utils.cva)(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', _reactNative.Platform.select({
+const radioInnerDotVariants = exports.radioInnerDotVariants = (0, _utils.cva)(['rounded-[var(--border-radius-round)]', 'overflow-hidden', 'h-2.5 w-2.5',
+// Opacity (not scale): iOS compositing of scale-0 views samples the parent ring, so the
+// checked fill never paints and the dot looks content-tertiary instead of content-primary.
+'opacity-0', 'data-[checked=true]:opacity-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', _reactNative.Platform.select({
   web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover',
   // Active via group-active on indicator (inner dot is not the :active target).
-  'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active'].join(' '),
-  default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active'].join(' ')
+  'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active',
+  // Read-only checked — Figma: content-primary dot; invalid retains danger.
+  'data-[readonly=true]:data-[checked=true]:bg-content-primary', 'data-[readonly=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong', 'web:group-active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:bg-content-primary', 'web:group-active:data-[readonly=true]:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong'].join(' '),
+  default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active',
+  // `!` beats the base `bg-surface-action-strong` — Uniwind native does not cascade
+  // data-attribute backgrounds over an unconditional bg on the same View.
+  'data-[readonly=true]:bg-content-primary!', 'data-[field-state=readonly-checked]:bg-content-primary!', 'data-[field-state=readonly-checked-invalid]:bg-surface-danger-strong!'].join(' ')
 })]);
-const radioLabelVariants = exports.radioLabelVariants = (0, _utils.cva)(['body-md', 'text-content-primary']);
+const radioLabelVariants = exports.radioLabelVariants = (0, _utils.cva)(['body-md', 'text-content-primary', 'data-[disabled=true]:text-content-tertiary', 'data-[readonly=true]:cursor-default']);
 const radioGroupVariants = exports.radioGroupVariants = (0, _utils.cva)([], {
   variants: {
     direction: {

package/lib/commonjs/components/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_utils","_constants","radioRootVariants","exports","cva","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,0BAAe;AACf;AACA;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,sBAAsB,GAAAH,OAAA,CAAAG,sBAAA,GAAG,IAAAF,UAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,4BAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G,EAC1G,4CAA4C,EAC5C,kIAAkI,CACnI,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,qBAAqB,GAAAV,OAAA,CAAAU,qBAAA,GAAG,IAAAT,UAAG,EAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CG,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G,CAC7G,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E,CAC5E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMG,kBAAkB,GAAAX,OAAA,CAAAW,kBAAA,GAAG,IAAAV,UAAG,EAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAEnE,MAAMW,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,UAAG,EAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_utils","_constants","radioRootVariants","exports","cva","DISABLED_OPACITY","DISABLED_CURSOR","radioIndicatorVariants","Platform","select","web","TRANSITION_COLORS","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAEO,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,UAAG,EAAC,CACnC,6BAA6B,EAC7BC,2BAAgB,EAChBC,0BAAe,EACf,qCAAqC;AACrC;AACA;AACA,wEAAwE,CACzE,CAAC;AAEK,MAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAG,IAAAH,UAAG,EAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS;AACT;AACA,gBAAgB,EAChB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CI,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACHC,4BAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G;EAC1G;EACA,4CAA4C,EAC5C,kIAAkI;EAClI;EACA;EACA;EACA,mEAAmE,EACnE,kEAAkE,EAClE,+DAA+D,EAC/D,4EAA4E,EAC5E,gGAAgG,EAChG,qFAAqF,EACrF,oFAAoF,EACpF,iFAAiF,EACjF,gGAAgG,EAChG,+FAA+F,EAC/F,iHAAiH,EACjH,gHAAgH,CACjH,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+DAA+D,EAC/D,6DAA6D,EAC7D,oEAAoE,EACpE,kEAAkE,EAClE,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAME,qBAAqB,GAAAX,OAAA,CAAAW,qBAAA,GAAG,IAAAV,UAAG,EAAC,CACvC,sCAAsC,EACtC,iBAAiB,EACjB,aAAa;AACb;AACA;AACA,WAAW,EACX,iCAAiC,EACjC,0BAA0B,EAC1B,8CAA8C,EAC9CI,qBAAQ,CAACC,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G;EAC5G;EACA,6DAA6D,EAC7D,uFAAuF,EACvF,gGAAgG,EAChG,0HAA0H,CAC3H,CAACE,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E;EAC3E;EACA;EACA,0CAA0C,EAC1C,yDAAyD,EACzD,uEAAuE,CACxE,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEK,MAAMG,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,UAAG,EAAC,CACpC,SAAS,EACT,sBAAsB,EACtB,4CAA4C,EAC5C,qCAAqC,CACtC,CAAC;AAEK,MAAMY,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG,IAAAZ,UAAG,EAAC,EAAE,EAAE;EACxCa,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Select/styles.js

@@ -21,9 +21,15 @@ const selectTriggerVariants = exports.selectTriggerVariants = (0, _utils.cva)(['
     },
     size: {
       default: ['h-11 min-h-11 px-4 py-3 gap-4',
+      // Web <600px: trim vertical padding so 16px / leading-normal (24px line box) fits
+      // in h-11. Native and web ≥600px keep py-3 at 14px text (Figma Viewport=Wide).
+      'web:max-[600px]:py-2',
       // Native only: subtract one hairline so the wider focus border doesn't shift layout.
       'native:data-[focus=true]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-4)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-3)-var(--spacing-px))]'],
-      small: ['h-8 min-h-8 px-3 py-2 gap-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
+      small: ['h-8 min-h-8 px-3 py-2 gap-1.5',
+      // Web <600px: grow shell to h-9 so 16px text fits. Native and web ≥600px stay
+      // h-8 at 12px text.
+      'web:max-[600px]:h-9 web:max-[600px]:min-h-9 web:max-[600px]:py-1.5', 'native:data-[focus=true]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[focus=true]:py-[calc(var(--spacing-2)-var(--spacing-px))]', 'native:data-[state=open]:px-[calc(var(--spacing-3)-var(--spacing-px))]', 'native:data-[state=open]:py-[calc(var(--spacing-2)-var(--spacing-px))]']
     }
   },
   defaultVariants: {
@@ -37,8 +43,10 @@ const selectTriggerVariants = exports.selectTriggerVariants = (0, _utils.cva)(['
 const selectValueVariants = exports.selectValueVariants = (0, _utils.cva)(['min-w-0 flex-1 text-start', 'text-content-primary', 'data-[placeholder=true]:text-content-tertiary', 'data-[invalid=true]:text-content-danger'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px matches Input/Textarea and prevents iOS Safari focus-zoom.
+      // Native and web ≥600px keep 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {

package/lib/commonjs/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","_constants","selectTriggerVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B,EAC/B,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMI,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,UAAG,EACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,iBAAiB;MAC1BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMK,kBAAkB,GAAAZ,OAAA,CAAAY,kBAAA,GAAG,IAAAX,UAAG,EACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","_constants","selectTriggerVariants","exports","cva","TRANSITION_COLORS","DISABLED_CURSOR","variants","variant","outline","size","default","small","defaultVariants","selectValueVariants","WEB_NARROW_FIELD_TEXT","selectIconVariants"],"sourceRoot":"../../../../src","sources":["components/Select/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA;;AAEO,MAAME,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,UAAG,EACtC,CACE,sEAAsE,EACtE,oBAAoB,EACpB,8BAA8B,EAC9B,wCAAwC,EACxCC,4BAAiB,EACjB,2CAA2C,EAC3C,wDAAwD,EACxDC,0BAAe,EACf,qCAAqC,EACrC,2CAA2C,EAC3C,mFAAmF;AACnF;AACA;AACA;AACA,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE,EAChE,kCAAkC,EAClC,iEAAiE,EACjE,+DAA+D,EAC/D,iEAAiE,EACjE,8DAA8D,EAC9D,gEAAgE;AAChE;AACA,sEAAsE,EACtE,wDAAwD,EACxD,gEAAgE,EAChE,sEAAsE,EACtE,0CAA0C,CAC3C,EACD;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE;IACX,CAAC;IACDC,IAAI,EAAE;MACJC,OAAO,EAAE,CACP,+BAA+B;MAC/B;MACA;MACA,sBAAsB;MACtB;MACA,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,CACzE;MACDC,KAAK,EAAE,CACL,+BAA+B;MAC/B;MACA;MACA,oEAAoE,EACpE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE,EACxE,wEAAwE;IAE5E;EACF,CAAC;EACDC,eAAe,EAAE;IACfL,OAAO,EAAE,SAAS;IAClBE,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMI,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,UAAG,EACpC,CACE,2BAA2B,EAC3B,sBAAsB,EACtB,+CAA+C,EAC/C,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJ;MACA;MACAC,OAAO,EAAE,CAAC,iBAAiB,EAAEI,gCAAqB,CAAC;MACnDH,KAAK,EAAE,CAAC,gBAAgB,EAAEG,gCAAqB;IACjD;EACF,CAAC;EACDF,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC;;AAED;;AAEO,MAAMM,kBAAkB,GAAAb,OAAA,CAAAa,kBAAA,GAAG,IAAAZ,UAAG,EACnC,CACE,kDAAkD,EAClD,uBAAuB,EACvB,yCAAyC,CAC1C,EACD;EACEG,QAAQ,EAAE;IACRG,IAAI,EAAE;MACJC,OAAO,EAAE,QAAQ;MACjBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}

package/lib/commonjs/components/Switch/styles.js

@@ -9,10 +9,10 @@ var _utils = require("@cdx-ui/utils");
 // NATIVE — Uniwind className bindings for RN Switch
 // =============================================================================
 
-const switchThumbColorVariants = exports.switchThumbColorVariants = (0, _utils.cva)(['accent-white'], {
+const switchThumbColorVariants = exports.switchThumbColorVariants = (0, _utils.cva)(['accent-surface-primary'], {
   variants: {
     isDisabled: {
-      true: 'accent-gray-200',
+      true: 'accent-surface-neutral-subtle',
       false: ''
     }
   },
@@ -20,10 +20,10 @@ const switchThumbColorVariants = exports.switchThumbColorVariants = (0, _utils.c
     isDisabled: false
   }
 });
-const switchTrackOnVariants = exports.switchTrackOnVariants = (0, _utils.cva)(['accent-blue-500'], {
+const switchTrackOnVariants = exports.switchTrackOnVariants = (0, _utils.cva)(['accent-surface-action-strong'], {
   variants: {
     isInvalid: {
-      true: 'accent-red-500',
+      true: 'accent-surface-danger-strong',
       false: ''
     }
   },
@@ -31,10 +31,10 @@ const switchTrackOnVariants = exports.switchTrackOnVariants = (0, _utils.cva)(['
     isInvalid: false
   }
 });
-const switchTrackOffVariants = exports.switchTrackOffVariants = (0, _utils.cva)(['accent-gray-300'], {
+const switchTrackOffVariants = exports.switchTrackOffVariants = (0, _utils.cva)(['accent-surface-neutral-subtle'], {
   variants: {
     isInvalid: {
-      true: 'accent-red-300',
+      true: 'accent-surface-danger-subtle',
       false: ''
     }
   },
@@ -42,10 +42,10 @@ const switchTrackOffVariants = exports.switchTrackOffVariants = (0, _utils.cva)(
     isInvalid: false
   }
 });
-const switchIosBgVariants = exports.switchIosBgVariants = (0, _utils.cva)(['accent-gray-300'], {
+const switchIosBgVariants = exports.switchIosBgVariants = (0, _utils.cva)(['accent-surface-neutral-subtle'], {
   variants: {
     isInvalid: {
-      true: 'accent-red-300',
+      true: 'accent-surface-danger-subtle',
       false: ''
     }
   },
@@ -58,7 +58,7 @@ const switchIosBgVariants = exports.switchIosBgVariants = (0, _utils.cva)(['acce
 // WEB — Tailwind classes for custom Pressable toggle
 // =============================================================================
 
-const switchTrackVariants = exports.switchTrackVariants = (0, _utils.cva)(['flex-row items-center rounded-full cursor-pointer', 'transition-colors duration-200', 'data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed', 'web:data-[focus-visible=true]:ring-3 web:data-[focus-visible=true]:ring-blue-300/50', 'web:data-[invalid=true]:data-[focus-visible=true]:ring-red-300/50'], {
+const switchTrackVariants = exports.switchTrackVariants = (0, _utils.cva)(['flex-row items-center rounded-full cursor-pointer', 'transition-colors duration-200', 'data-[disabled=true]:opacity-50 data-[disabled=true]:cursor-not-allowed', 'web:data-[focus-visible=true]:ring-3 web:data-[focus-visible=true]:ring-stroke-focus/50', 'web:data-[invalid=true]:data-[focus-visible=true]:ring-stroke-danger/50'], {
   variants: {
     size: {
       sm: 'w-9 h-5 p-0.5',
@@ -73,8 +73,8 @@ const switchTrackVariants = exports.switchTrackVariants = (0, _utils.cva)(['flex
 const switchWebTrackColorVariants = exports.switchWebTrackColorVariants = (0, _utils.cva)([], {
   variants: {
     isChecked: {
-      true: 'bg-blue-500 data-[hover=true]:bg-blue-600',
-      false: 'bg-gray-300 data-[hover=true]:bg-gray-400'
+      true: 'bg-surface-action-strong data-[hover=true]:bg-surface-action-strong-hover',
+      false: 'bg-surface-neutral-subtle data-[hover=true]:bg-surface-neutral-subtle-hover'
     },
     isInvalid: {
       true: '',
@@ -84,18 +84,18 @@ const switchWebTrackColorVariants = exports.switchWebTrackColorVariants = (0, _u
   compoundVariants: [{
     isChecked: true,
     isInvalid: true,
-    className: 'bg-red-500 data-[hover=true]:bg-red-600'
+    className: 'bg-surface-danger-strong data-[hover=true]:bg-surface-danger-strong-hover'
   }, {
     isChecked: false,
     isInvalid: true,
-    className: 'bg-red-300 data-[hover=true]:bg-red-400'
+    className: 'bg-surface-danger-subtle data-[hover=true]:bg-surface-danger-subtle-hover'
   }],
   defaultVariants: {
     isChecked: false,
     isInvalid: false
   }
 });
-const switchThumbVariants = exports.switchThumbVariants = (0, _utils.cva)(['rounded-full bg-white shadow-sm', 'transition-transform duration-200'], {
+const switchThumbVariants = exports.switchThumbVariants = (0, _utils.cva)(['rounded-full bg-surface-primary shadow-sm', 'transition-transform duration-200'], {
   variants: {
     size: {
       sm: 'w-4 h-4',

package/lib/commonjs/components/Switch/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_utils","require","switchThumbColorVariants","exports","cva","variants","isDisabled","true","false","defaultVariants","switchTrackOnVariants","isInvalid","switchTrackOffVariants","switchIosBgVariants","switchTrackVariants","size","sm","md","lg","switchWebTrackColorVariants","isChecked","compoundVariants","className","switchThumbVariants"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,UAAG,EAAC,CAAC,cAAc,CAAC,EAAE;EAC5DC,QAAQ,EAAE;IACRC,UAAU,EAAE;MACVC,IAAI,EAAE,iBAAiB;MACvBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,UAAU,EAAE;EAAM;AACvC,CAAC,CAAC;AAEK,MAAMI,qBAAqB,GAAAP,OAAA,CAAAO,qBAAA,GAAG,IAAAN,UAAG,EAAC,CAAC,iBAAiB,CAAC,EAAE;EAC5DC,QAAQ,EAAE;IACRM,SAAS,EAAE;MACTJ,IAAI,EAAE,gBAAgB;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEE,SAAS,EAAE;EAAM;AACtC,CAAC,CAAC;AAEK,MAAMC,sBAAsB,GAAAT,OAAA,CAAAS,sBAAA,GAAG,IAAAR,UAAG,EAAC,CAAC,iBAAiB,CAAC,EAAE;EAC7DC,QAAQ,EAAE;IACRM,SAAS,EAAE;MACTJ,IAAI,EAAE,gBAAgB;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEE,SAAS,EAAE;EAAM;AACtC,CAAC,CAAC;AAEK,MAAME,mBAAmB,GAAAV,OAAA,CAAAU,mBAAA,GAAG,IAAAT,UAAG,EAAC,CAAC,iBAAiB,CAAC,EAAE;EAC1DC,QAAQ,EAAE;IACRM,SAAS,EAAE;MACTJ,IAAI,EAAE,gBAAgB;MACtBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEE,SAAS,EAAE;EAAM;AACtC,CAAC,CAAC;;AAEF;AACA;AACA;;AAEO,MAAMG,mBAAmB,GAAAX,OAAA,CAAAW,mBAAA,GAAG,IAAAV,UAAG,EACpC,CACE,mDAAmD,EACnD,gCAAgC,EAChC,yEAAyE,EACzE,qFAAqF,EACrF,mEAAmE,CACpE,EACD;EACEC,QAAQ,EAAE;IACRU,IAAI,EAAE;MACJC,EAAE,EAAE,eAAe;MACnBC,EAAE,EAAE,gBAAgB;MACpBC,EAAE,EAAE;IACN;EACF,CAAC;EACDT,eAAe,EAAE;IACfM,IAAI,EAAE;EACR;AACF,CACF,CAAC;AAEM,MAAMI,2BAA2B,GAAAhB,OAAA,CAAAgB,2BAAA,GAAG,IAAAf,UAAG,EAAC,EAAE,EAAE;EACjDC,QAAQ,EAAE;IACRe,SAAS,EAAE;MACTb,IAAI,EAAE,2CAA2C;MACjDC,KAAK,EAAE;IACT,CAAC;IACDG,SAAS,EAAE;MACTJ,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDa,gBAAgB,EAAE,CAChB;IAAED,SAAS,EAAE,IAAI;IAAET,SAAS,EAAE,IAAI;IAAEW,SAAS,EAAE;EAA0C,CAAC,EAC1F;IAAEF,SAAS,EAAE,KAAK;IAAET,SAAS,EAAE,IAAI;IAAEW,SAAS,EAAE;EAA0C,CAAC,CAC5F;EACDb,eAAe,EAAE;IACfW,SAAS,EAAE,KAAK;IAChBT,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEK,MAAMY,mBAAmB,GAAApB,OAAA,CAAAoB,mBAAA,GAAG,IAAAnB,UAAG,EACpC,CAAC,iCAAiC,EAAE,mCAAmC,CAAC,EACxE;EACEC,QAAQ,EAAE;IACRU,IAAI,EAAE;MACJC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE,SAAS;MACbC,EAAE,EAAE;IACN,CAAC;IACDE,SAAS,EAAE;MACTb,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT;EACF,CAAC;EACDa,gBAAgB,EAAE,CAChB;IAAEN,IAAI,EAAE,IAAI;IAAEK,SAAS,EAAE,IAAI;IAAEE,SAAS,EAAE;EAAgB,CAAC,EAC3D;IAAEP,IAAI,EAAE,IAAI;IAAEK,SAAS,EAAE,IAAI;IAAEE,SAAS,EAAE;EAAgB,CAAC,EAC3D;IAAEP,IAAI,EAAE,IAAI;IAAEK,SAAS,EAAE,IAAI;IAAEE,SAAS,EAAE;EAAgB,CAAC,CAC5D;EACDb,eAAe,EAAE;IACfM,IAAI,EAAE,IAAI;IACVK,SAAS,EAAE;EACb;AACF,CACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_utils","require","switchThumbColorVariants","exports","cva","variants","isDisabled","true","false","defaultVariants","switchTrackOnVariants","isInvalid","switchTrackOffVariants","switchIosBgVariants","switchTrackVariants","size","sm","md","lg","switchWebTrackColorVariants","isChecked","compoundVariants","className","switchThumbVariants"],"sourceRoot":"../../../../src","sources":["components/Switch/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Textarea/styles.js

@@ -37,8 +37,10 @@ const textareaFieldVariants = exports.textareaFieldVariants = (0, _utils.cva)([
 'flex-1 min-w-0 bg-transparent p-0', 'text-content-primary', 'placeholder:text-content-tertiary', 'web:outline-none', 'tracking-normal'], {
   variants: {
     size: {
-      default: 'text-[0.875rem]',
-      small: 'text-[0.75rem]'
+      // Web <600px: 16px prevents iOS Safari focus-zoom. Native and web ≥600px keep
+      // 14px / 12px (Figma Viewport=Wide).
+      default: ['text-[0.875rem]', _constants.WEB_NARROW_FIELD_TEXT],
+      small: ['text-[0.75rem]', _constants.WEB_NARROW_FIELD_TEXT]
     }
   },
   defaultVariants: {