@cdx-ui/components 0.0.1-alpha.33 → 0.0.1-alpha.35

package/lib/module/components/Button/buttonSharedVariants.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["Platform","SEMANTIC_COLORS","sharedFilledSurfaceCompounds","color","className","action","bg","select","default","web","danger","warning","success","info","mode","sharedGhostSurfaceCompounds","sharedFilledForegroundTextCompounds","sharedOutlineGhostForegroundTextCompounds"],"sourceRoot":"../../../../src","sources":["components/Button/buttonSharedVariants.ts"],"mappings":"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","ignoreList":[]}

package/lib/typescript/components/Button/buttonSharedVariants.d.ts

@@ -1,29 +0,0 @@
-export type SharedButtonSemanticColor = 'action' | 'danger' | 'warning' | 'success' | 'info';
-/** Root surface: filled semantic background (maps to Button `strong`, IconButton `solid`). */
-export declare const sharedFilledSurfaceCompounds: {
-    color: SharedButtonSemanticColor;
-    mode?: 'dark';
-    className: string | string[];
-}[];
-/** Root surface: ghost hover/active fills (maps to `variant: 'ghost'` on Button and IconButton). */
-export declare const sharedGhostSurfaceCompounds: {
-    color: SharedButtonSemanticColor;
-    mode?: 'dark';
-    className: string | string[];
-}[];
-/** Foreground on filled controls (maps to Button `strong`, IconButton `solid`). */
-export declare const sharedFilledForegroundTextCompounds: {
-    color: SharedButtonSemanticColor;
-    mode?: 'dark';
-    className: string | string[];
-}[];
-/**
- * Foreground for transparent controls: same class names for Button `outline` and `ghost`, and for IconButton `ghost`.
- * Consumers attach their own `variant` key(s).
- */
-export declare const sharedOutlineGhostForegroundTextCompounds: {
-    color: SharedButtonSemanticColor;
-    mode?: 'dark';
-    className: string | string[];
-}[];
-//# sourceMappingURL=buttonSharedVariants.d.ts.map

package/lib/typescript/components/Button/buttonSharedVariants.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonSharedVariants.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/buttonSharedVariants.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7F,8FAA8F;AAC9F,eAAO,MAAM,4BAA4B,EAAE;IACzC,KAAK,EAAE,yBAAyB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B,EA8DA,CAAC;AAEF,oGAAoG;AACpG,eAAO,MAAM,2BAA2B,EAAE;IACxC,KAAK,EAAE,yBAAyB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B,EAuFA,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,mCAAmC,EAAE;IAChD,KAAK,EAAE,yBAAyB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B,EAOA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,yCAAyC,EAAE;IACtD,KAAK,EAAE,yBAAyB,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;CAC9B,EAkFA,CAAC"}

package/src/components/Button/buttonSharedVariants.ts

@@ -1,281 +0,0 @@
-/**
- * Neutral compound-variant **slices** shared by Button and IconButton (no consumer `variant` keys).
- *
- * Each consumer maps these into its own CVA, e.g. filled surface → Button `strong` or IconButton `solid`;
- * ghost surface / outline+ghost foreground → attach the appropriate `variant` / tuple for that component.
- *
- * Button-only outline **surface** (borders) stays in `Button/styles.ts`.
- */
-import { Platform } from 'react-native';
-import { SEMANTIC_COLORS } from '../../styles/primitives';
-
-export type SharedButtonSemanticColor = 'action' | 'danger' | 'warning' | 'success' | 'info';
-
-/** Root surface: filled semantic background (maps to Button `strong`, IconButton `solid`). */
-export const sharedFilledSurfaceCompounds: {
-  color: SharedButtonSemanticColor;
-  mode?: 'dark';
-  className: string | string[];
-}[] = [
-  {
-    color: 'action',
-    className: [
-      SEMANTIC_COLORS.action.bg,
-      Platform.select({
-        default: 'data-[active=true]:bg-slate-700',
-        web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700',
-      }),
-    ],
-  },
-  {
-    color: 'danger',
-    className: [
-      SEMANTIC_COLORS.danger.bg,
-      Platform.select({
-        default: 'data-[active=true]:bg-red-800',
-        web: 'data-[hover=true]:bg-red-700 data-[active=true]:data-[hover=true]:bg-red-800',
-      }),
-    ],
-  },
-  {
-    color: 'warning',
-    className: [
-      SEMANTIC_COLORS.warning.bg,
-      Platform.select({
-        default: 'data-[active=true]:bg-amber-700',
-        web: 'data-[hover=true]:bg-amber-600 data-[active=true]:data-[hover=true]:bg-amber-700',
-      }),
-    ],
-  },
-  {
-    color: 'success',
-    className: [
-      SEMANTIC_COLORS.success.bg,
-      Platform.select({
-        default: 'data-[active=true]:bg-green-800',
-        web: 'data-[hover=true]:bg-green-700 data-[active=true]:data-[hover=true]:bg-green-800',
-      }),
-    ],
-  },
-  {
-    color: 'info',
-    className: [
-      SEMANTIC_COLORS.info.bg,
-      Platform.select({
-        default: 'data-[active=true]:bg-sky-700',
-        web: 'data-[hover=true]:bg-sky-600 data-[active=true]:data-[hover=true]:bg-sky-700',
-      }),
-    ],
-  },
-  {
-    color: 'action',
-    mode: 'dark',
-    className: [
-      'bg-slate-200',
-      Platform.select({
-        default: 'data-[active=true]:bg-slate-400',
-        web: 'data-[hover=true]:bg-slate-300 data-[active=true]:data-[hover=true]:bg-slate-400',
-      }),
-    ],
-  },
-];
-
-/** Root surface: ghost hover/active fills (maps to `variant: 'ghost'` on Button and IconButton). */
-export const sharedGhostSurfaceCompounds: {
-  color: SharedButtonSemanticColor;
-  mode?: 'dark';
-  className: string | string[];
-}[] = [
-  {
-    color: 'danger',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-red-100',
-        web: 'data-[hover=true]:bg-red-50 data-[active=true]:data-[hover=true]:bg-red-100',
-      }),
-    ],
-  },
-  {
-    color: 'warning',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-amber-100',
-        web: 'data-[hover=true]:bg-amber-50 data-[active=true]:data-[hover=true]:bg-amber-100',
-      }),
-    ],
-  },
-  {
-    color: 'success',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-green-100',
-        web: 'data-[hover=true]:bg-green-50 data-[active=true]:data-[hover=true]:bg-green-100',
-      }),
-    ],
-  },
-  {
-    color: 'info',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-sky-100',
-        web: 'data-[hover=true]:bg-sky-50 data-[active=true]:data-[hover=true]:bg-sky-100',
-      }),
-    ],
-  },
-  {
-    color: 'action',
-    mode: 'dark',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-slate-700',
-        web: 'data-[hover=true]:bg-slate-800 data-[active=true]:data-[hover=true]:bg-slate-700',
-      }),
-    ],
-  },
-  {
-    color: 'danger',
-    mode: 'dark',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-red-950',
-        web: 'data-[hover=true]:bg-red-950/50 data-[active=true]:data-[hover=true]:bg-red-950',
-      }),
-    ],
-  },
-  {
-    color: 'warning',
-    mode: 'dark',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-amber-950',
-        web: 'data-[hover=true]:bg-amber-950/50 data-[active=true]:data-[hover=true]:bg-amber-950',
-      }),
-    ],
-  },
-  {
-    color: 'success',
-    mode: 'dark',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-green-950',
-        web: 'data-[hover=true]:bg-green-950/50 data-[active=true]:data-[hover=true]:bg-green-950',
-      }),
-    ],
-  },
-  {
-    color: 'info',
-    mode: 'dark',
-    className: [
-      Platform.select({
-        default: 'data-[active=true]:bg-sky-950',
-        web: 'data-[hover=true]:bg-sky-950/50 data-[active=true]:data-[hover=true]:bg-sky-950',
-      }),
-    ],
-  },
-];
-
-/** Foreground on filled controls (maps to Button `strong`, IconButton `solid`). */
-export const sharedFilledForegroundTextCompounds: {
-  color: SharedButtonSemanticColor;
-  mode?: 'dark';
-  className: string | string[];
-}[] = [
-  { color: 'action', className: 'text-white' },
-  { color: 'danger', className: 'text-white' },
-  { color: 'warning', className: 'text-white' },
-  { color: 'success', className: 'text-white' },
-  { color: 'info', className: 'text-white' },
-  { color: 'action', mode: 'dark', className: 'text-slate-900' },
-];
-
-/**
- * Foreground for transparent controls: same class names for Button `outline` and `ghost`, and for IconButton `ghost`.
- * Consumers attach their own `variant` key(s).
- */
-export const sharedOutlineGhostForegroundTextCompounds: {
-  color: SharedButtonSemanticColor;
-  mode?: 'dark';
-  className: string | string[];
-}[] = [
-  {
-    color: 'action',
-    className: [
-      'text-slate-900',
-      Platform.select({
-        default: 'data-[active=true]:text-slate-700',
-        web: 'data-[hover=true]:text-slate-800 data-[active=true]:data-[hover=true]:text-slate-700',
-      }),
-    ],
-  },
-  {
-    color: 'danger',
-    className: [
-      'text-red-600',
-      Platform.select({
-        default: 'data-[active=true]:text-red-800',
-        web: 'data-[hover=true]:text-red-700 data-[active=true]:data-[hover=true]:text-red-800',
-      }),
-    ],
-  },
-  {
-    color: 'warning',
-    className: [
-      'text-amber-600',
-      Platform.select({
-        default: 'data-[active=true]:text-amber-800',
-        web: 'data-[hover=true]:text-amber-700 data-[active=true]:data-[hover=true]:text-amber-800',
-      }),
-    ],
-  },
-  {
-    color: 'success',
-    className: [
-      'text-green-600',
-      Platform.select({
-        default: 'data-[active=true]:text-green-800',
-        web: 'data-[hover=true]:text-green-700 data-[active=true]:data-[hover=true]:text-green-800',
-      }),
-    ],
-  },
-  {
-    color: 'info',
-    className: [
-      'text-sky-600',
-      Platform.select({
-        default: 'data-[active=true]:text-sky-800',
-        web: 'data-[hover=true]:text-sky-700 data-[active=true]:data-[hover=true]:text-sky-800',
-      }),
-    ],
-  },
-  {
-    color: 'action',
-    mode: 'dark',
-    className: [
-      'text-white',
-      Platform.select({
-        default: 'data-[active=true]:text-white',
-        web: 'data-[hover=true]:text-white data-[active=true]:data-[hover=true]:text-white',
-      }),
-    ],
-  },
-  {
-    color: 'danger',
-    mode: 'dark',
-    className: 'text-red-400',
-  },
-  {
-    color: 'warning',
-    mode: 'dark',
-    className: 'text-amber-400',
-  },
-  {
-    color: 'success',
-    mode: 'dark',
-    className: 'text-green-400',
-  },
-  {
-    color: 'info',
-    mode: 'dark',
-    className: 'text-sky-400',
-  },
-];