@impulse-ui-native/theme 11.4.0 → 12.0.0

package/dist/index.d.mts

@@ -25,7 +25,7 @@ export { BorderProps } from './types/border.types.mjs';
 export { ColorProps } from './types/color.types.mjs';
 export { ChartColorPalette } from './types/chart.types.mjs';
 export { ChartsLabelTokens, ChartsTokens } from './types/charts-tokens.types.mjs';
-export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './types/components.types.mjs';
+export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './types/components.types.mjs';
 export { DimensionProps } from './types/dimension.types.mjs';
 export { FlexProps } from './types/flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './types/shadow.types.mjs';

package/dist/theme/create-control-tokens.js

@@ -1,24 +1,161 @@
 function createControlAddonTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  const neutral = tokens.colors.text.secondary;
+  const neutralContrast = tokens.colors.text.inverse;
+  const disabledColor = tokens.colors.text.disabled;
+  const errorColor = tokens.colors.feedback.error.value;
+  const errorContrast = tokens.colors.feedback.error.contrast;
   return {
     marginHorizontal: tokens.space.xxs,
     hitSlop: tokens.space.sm,
-    variants: {
-      filled: {
-        default: { iconColor: tokens.colors.text.primary },
-        error: { iconColor: tokens.colors.text.primary },
-        disabled: { iconColor: tokens.colors.text.disabled },
-        disabledError: { iconColor: tokens.colors.text.disabled }
+    colors: {
+      neutral: {
+        outlined: {
+          default: {
+            iconColor: neutral
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            iconColor: neutral
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            iconColor: neutralContrast
+          },
+          error: {
+            iconColor: errorContrast
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        }
+      },
+      primary: {
+        outlined: {
+          default: {
+            iconColor: primary
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            iconColor: primary
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            iconColor: primaryContrast
+          },
+          error: {
+            iconColor: errorContrast
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        }
       },
-      outlined: {
-        default: { iconColor: tokens.colors.text.primary },
-        error: { iconColor: tokens.colors.text.primary },
-        disabled: { iconColor: tokens.colors.text.disabled },
-        disabledError: { iconColor: tokens.colors.text.disabled }
+      secondary: {
+        outlined: {
+          default: {
+            iconColor: secondaryContrast
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            iconColor: secondaryContrast
+          },
+          error: {
+            iconColor: errorColor
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            iconColor: secondaryContrast
+          },
+          error: {
+            iconColor: errorContrast
+          },
+          disabled: {
+            iconColor: disabledColor
+          },
+          disabledError: {
+            iconColor: disabledColor
+          }
+        }
       }
     }
   };
 }
 function createControlContainerTokens(tokens) {
+  const primary = tokens.colors.primary.value;
+  const secondary = tokens.colors.secondary.value;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  const subtle = tokens.colors.subtle.value;
+  const neutral = tokens.colors.text.secondary;
+  const disabledBackground = tokens.colors.surface.subtle.value;
+  const defaultBorder = tokens.colors.border.default.value;
+  const errorColor = tokens.colors.feedback.error.value;
+  const errorContrast = tokens.colors.feedback.error.contrast;
   return {
     borderWidth: tokens.borderSize.sm,
     borderRadius: tokens.radii.sm,
@@ -36,49 +173,209 @@ function createControlContainerTokens(tokens) {
         paddingHorizontal: tokens.space.xs
       }
     },
-    variants: {
-      filled: {
-        default: {
-          backgroundColor: tokens.colors.surface.default.value,
-          borderColor: "transparent",
-          opacity: 1
-        },
-        error: {
-          backgroundColor: tokens.colors.surface.default.value,
-          borderColor: tokens.colors.feedback.error.value,
-          opacity: 1
-        },
-        disabled: {
-          backgroundColor: tokens.colors.surface.subtle.value,
-          borderColor: "transparent",
-          opacity: 0.7
-        },
-        disabledError: {
-          backgroundColor: tokens.colors.surface.subtle.value,
-          borderColor: tokens.colors.feedback.error.value,
-          opacity: 0.7
+    colors: {
+      neutral: {
+        outlined: {
+          default: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 1
+          },
+          error: {
+            backgroundColor: "transparent",
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          }
+        },
+        soft: {
+          default: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorContrast,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
+        },
+        filled: {
+          default: {
+            backgroundColor: neutral,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorColor,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
+        }
+      },
+      primary: {
+        outlined: {
+          default: {
+            backgroundColor: "transparent",
+            borderColor: primary,
+            opacity: 1
+          },
+          error: {
+            backgroundColor: "transparent",
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          }
+        },
+        soft: {
+          default: {
+            backgroundColor: secondary,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorContrast,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
+        },
+        filled: {
+          default: {
+            backgroundColor: primary,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorColor,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
         }
       },
-      outlined: {
-        default: {
-          backgroundColor: "transparent",
-          borderColor: tokens.colors.border.default.value,
-          opacity: 1
-        },
-        error: {
-          backgroundColor: "transparent",
-          borderColor: tokens.colors.feedback.error.value,
-          opacity: 1
-        },
-        disabled: {
-          backgroundColor: "transparent",
-          borderColor: tokens.colors.border.default.value,
-          opacity: 0.7
-        },
-        disabledError: {
-          backgroundColor: "transparent",
-          borderColor: tokens.colors.feedback.error.value,
-          opacity: 0.7
+      secondary: {
+        outlined: {
+          default: {
+            backgroundColor: "transparent",
+            borderColor: secondaryContrast,
+            opacity: 1
+          },
+          error: {
+            backgroundColor: "transparent",
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: "transparent",
+            borderColor: defaultBorder,
+            opacity: 0.7
+          }
+        },
+        soft: {
+          default: {
+            backgroundColor: subtle,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorContrast,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
+        },
+        filled: {
+          default: {
+            backgroundColor: secondary,
+            borderColor: "transparent",
+            opacity: 1
+          },
+          error: {
+            backgroundColor: errorColor,
+            borderColor: errorColor,
+            opacity: 1
+          },
+          disabled: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          },
+          disabledError: {
+            backgroundColor: disabledBackground,
+            borderColor: "transparent",
+            opacity: 0.7
+          }
         }
       }
     }
@@ -92,6 +389,13 @@ function createControlErrorTokens(tokens) {
   };
 }
 function createControlInputTokens(tokens) {
+  const primaryContrast = tokens.colors.primary.contrast;
+  const secondaryContrast = tokens.colors.secondary.contrast;
+  const neutralContrast = tokens.colors.text.inverse;
+  const textColor = tokens.colors.text.primary;
+  const placeholderColor = tokens.colors.text.tertiary;
+  const disabledColor = tokens.colors.text.disabled;
+  const errorContrast = tokens.colors.feedback.error.contrast;
   return {
     flex: 1,
     fontFamily: tokens.fontFamily.normal[400],
@@ -107,41 +411,173 @@ function createControlInputTokens(tokens) {
         fontSize: tokens.fontSize.sm
       }
     },
-    variants: {
-      filled: {
-        default: {
-          color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.text.tertiary
-        },
-        error: {
-          color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.feedback.error.value
-        },
-        disabled: {
-          color: tokens.colors.text.disabled,
-          placeholderColor: tokens.colors.text.disabled
-        },
-        disabledError: {
-          color: tokens.colors.text.disabled,
-          placeholderColor: tokens.colors.text.disabled
+    colors: {
+      neutral: {
+        outlined: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            color: neutralContrast,
+            placeholderColor: neutralContrast
+          },
+          error: {
+            color: errorContrast,
+            placeholderColor: errorContrast
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
         }
       },
-      outlined: {
-        default: {
-          color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.text.tertiary
-        },
-        error: {
-          color: tokens.colors.text.primary,
-          placeholderColor: tokens.colors.feedback.error.value
-        },
-        disabled: {
-          color: tokens.colors.text.disabled,
-          placeholderColor: tokens.colors.text.disabled
-        },
-        disabledError: {
-          color: tokens.colors.text.disabled,
-          placeholderColor: tokens.colors.text.disabled
+      primary: {
+        outlined: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            color: primaryContrast,
+            placeholderColor: primaryContrast
+          },
+          error: {
+            color: errorContrast,
+            placeholderColor: errorContrast
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        }
+      },
+      secondary: {
+        outlined: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        soft: {
+          default: {
+            color: textColor,
+            placeholderColor
+          },
+          error: {
+            color: textColor,
+            placeholderColor
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
+        },
+        filled: {
+          default: {
+            color: secondaryContrast,
+            placeholderColor: secondaryContrast
+          },
+          error: {
+            color: errorContrast,
+            placeholderColor: errorContrast
+          },
+          disabled: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          },
+          disabledError: {
+            color: disabledColor,
+            placeholderColor: disabledColor
+          }
         }
       }
     }

package/dist/theme/create-control-tokens.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n  ControlAddonTokens,\n  ControlContainerTokens,\n  ControlErrorTokens,\n  ControlInputTokens,\n  ControlLabelTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n  return {\n    marginHorizontal: tokens.space.xxs,\n    hitSlop: tokens.space.sm,\n    variants: {\n      filled: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n      outlined: {\n        default: { iconColor: tokens.colors.text.primary },\n        error: { iconColor: tokens.colors.text.primary },\n        disabled: { iconColor: tokens.colors.text.disabled },\n        disabledError: { iconColor: tokens.colors.text.disabled },\n      },\n    },\n  };\n}\n\nexport function createControlContainerTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.sm,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        height: 40,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        height: 48,\n        paddingHorizontal: tokens.space.xs,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          backgroundColor: tokens.colors.surface.default.value,\n          borderColor: \"transparent\",\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: tokens.colors.surface.default.value,\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: tokens.colors.surface.subtle.value,\n          borderColor: \"transparent\",\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: tokens.colors.surface.subtle.value,\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n\n      outlined: {\n        default: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          opacity: 1,\n        },\n        error: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 1,\n        },\n        disabled: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.border.default.value,\n          opacity: 0.7,\n        },\n        disabledError: {\n          backgroundColor: \"transparent\",\n          borderColor: tokens.colors.feedback.error.value,\n          opacity: 0.7,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlErrorTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n  return {\n    marginTop: tokens.space.xxs,\n    color: tokens.colors.feedback.error.value,\n    fontSize: tokens.fontSize.xs,\n  };\n}\n\nexport function createControlInputTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n  return {\n    flex: 1,\n    fontFamily: tokens.fontFamily.normal[400],\n    paddingHorizontal: tokens.space.xxs,\n\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    variants: {\n      filled: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.tertiary,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n\n      outlined: {\n        default: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.text.tertiary,\n        },\n        error: {\n          color: tokens.colors.text.primary,\n          placeholderColor: tokens.colors.feedback.error.value,\n        },\n        disabled: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n        disabledError: {\n          color: tokens.colors.text.disabled,\n          placeholderColor: tokens.colors.text.disabled,\n        },\n      },\n    },\n  };\n}\n\nexport function createControlLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n  return {\n    marginBottom: tokens.space.xxs,\n    fontSize: tokens.fontSize.xsm,\n    states: {\n      default: { color: tokens.colors.text.secondary },\n      error: { color: tokens.colors.feedback.error.value },\n      disabled: { color: tokens.colors.text.disabled },\n      disabledError: { color: tokens.colors.text.disabled },\n    },\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/theme/create-control-tokens.ts"],"sourcesContent":["import {\n  ControlAddonTokens,\n  ControlContainerTokens,\n  ControlErrorTokens,\n  ControlInputTokens,\n  ControlLabelTokens,\n  PrimitiveThemeTokens,\n} from \"../types\";\n\nexport function createControlAddonTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlAddonTokens {\n  const primary = tokens.colors.primary.value;\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n  const neutral = tokens.colors.text.secondary;\n  const neutralContrast = tokens.colors.text.inverse;\n  const disabledColor = tokens.colors.text.disabled;\n  const errorColor = tokens.colors.feedback.error.value;\n  const errorContrast = tokens.colors.feedback.error.contrast;\n\n  return {\n    marginHorizontal: tokens.space.xxs,\n    hitSlop: tokens.space.sm,\n    colors: {\n      neutral: {\n        outlined: {\n          default: {\n            iconColor: neutral,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            iconColor: neutral,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            iconColor: neutralContrast,\n          },\n          error: {\n            iconColor: errorContrast,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n      },\n      primary: {\n        outlined: {\n          default: {\n            iconColor: primary,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            iconColor: primary,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            iconColor: primaryContrast,\n          },\n          error: {\n            iconColor: errorContrast,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n      },\n      secondary: {\n        outlined: {\n          default: {\n            iconColor: secondaryContrast,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            iconColor: secondaryContrast,\n          },\n          error: {\n            iconColor: errorColor,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            iconColor: secondaryContrast,\n          },\n          error: {\n            iconColor: errorContrast,\n          },\n          disabled: {\n            iconColor: disabledColor,\n          },\n          disabledError: {\n            iconColor: disabledColor,\n          },\n        },\n      },\n    },\n  };\n}\n\nexport function createControlContainerTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlContainerTokens {\n  const primary = tokens.colors.primary.value;\n  const secondary = tokens.colors.secondary.value;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n  const subtle = tokens.colors.subtle.value;\n  const neutral = tokens.colors.text.secondary;\n  const disabledBackground = tokens.colors.surface.subtle.value;\n  const defaultBorder = tokens.colors.border.default.value;\n  const errorColor = tokens.colors.feedback.error.value;\n  const errorContrast = tokens.colors.feedback.error.contrast;\n\n  return {\n    borderWidth: tokens.borderSize.sm,\n    borderRadius: tokens.radii.sm,\n\n    sizes: {\n      small: {\n        height: 32,\n        paddingHorizontal: tokens.space.xs,\n      },\n      medium: {\n        height: 40,\n        paddingHorizontal: tokens.space.xs,\n      },\n      large: {\n        height: 48,\n        paddingHorizontal: tokens.space.xs,\n      },\n    },\n\n    colors: {\n      neutral: {\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: \"transparent\",\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorContrast,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n        filled: {\n          default: {\n            backgroundColor: neutral,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorColor,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n      },\n      primary: {\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: primary,\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: \"transparent\",\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: secondary,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorContrast,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n        filled: {\n          default: {\n            backgroundColor: primary,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorColor,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n      },\n      secondary: {\n        outlined: {\n          default: {\n            backgroundColor: \"transparent\",\n            borderColor: secondaryContrast,\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: \"transparent\",\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: \"transparent\",\n            borderColor: defaultBorder,\n            opacity: 0.7,\n          },\n        },\n        soft: {\n          default: {\n            backgroundColor: subtle,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorContrast,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n        filled: {\n          default: {\n            backgroundColor: secondary,\n            borderColor: \"transparent\",\n            opacity: 1,\n          },\n          error: {\n            backgroundColor: errorColor,\n            borderColor: errorColor,\n            opacity: 1,\n          },\n          disabled: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n          disabledError: {\n            backgroundColor: disabledBackground,\n            borderColor: \"transparent\",\n            opacity: 0.7,\n          },\n        },\n      },\n    },\n  };\n}\n\nexport function createControlErrorTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlErrorTokens {\n  return {\n    marginTop: tokens.space.xxs,\n    color: tokens.colors.feedback.error.value,\n    fontSize: tokens.fontSize.xs,\n  };\n}\n\nexport function createControlInputTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlInputTokens {\n  const primaryContrast = tokens.colors.primary.contrast;\n  const secondaryContrast = tokens.colors.secondary.contrast;\n  const neutralContrast = tokens.colors.text.inverse;\n  const textColor = tokens.colors.text.primary;\n  const placeholderColor = tokens.colors.text.tertiary;\n  const disabledColor = tokens.colors.text.disabled;\n  const errorContrast = tokens.colors.feedback.error.contrast;\n\n  return {\n    flex: 1,\n    fontFamily: tokens.fontFamily.normal[400],\n    paddingHorizontal: tokens.space.xxs,\n\n    sizes: {\n      small: {\n        fontSize: tokens.fontSize.xs,\n      },\n      medium: {\n        fontSize: tokens.fontSize.xsm,\n      },\n      large: {\n        fontSize: tokens.fontSize.sm,\n      },\n    },\n\n    colors: {\n      neutral: {\n        outlined: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            color: neutralContrast,\n            placeholderColor: neutralContrast,\n          },\n          error: {\n            color: errorContrast,\n            placeholderColor: errorContrast,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n      },\n      primary: {\n        outlined: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            color: primaryContrast,\n            placeholderColor: primaryContrast,\n          },\n          error: {\n            color: errorContrast,\n            placeholderColor: errorContrast,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n      },\n      secondary: {\n        outlined: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        soft: {\n          default: {\n            color: textColor,\n            placeholderColor,\n          },\n          error: {\n            color: textColor,\n            placeholderColor,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n        filled: {\n          default: {\n            color: secondaryContrast,\n            placeholderColor: secondaryContrast,\n          },\n          error: {\n            color: errorContrast,\n            placeholderColor: errorContrast,\n          },\n          disabled: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n          disabledError: {\n            color: disabledColor,\n            placeholderColor: disabledColor,\n          },\n        },\n      },\n    },\n  };\n}\n\nexport function createControlLabelTokens(\n  tokens: PrimitiveThemeTokens,\n): ControlLabelTokens {\n  return {\n    marginBottom: tokens.space.xxs,\n    fontSize: tokens.fontSize.xsm,\n    states: {\n      default: { color: tokens.colors.text.secondary },\n      error: { color: tokens.colors.feedback.error.value },\n      disabled: { color: tokens.colors.text.disabled },\n      disabledError: { color: tokens.colors.text.disabled },\n    },\n  };\n}\n"],"mappings":"AASO,SAAS,yBACd,QACoB;AACpB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAClD,QAAM,UAAU,OAAO,OAAO,KAAK;AACnC,QAAM,kBAAkB,OAAO,OAAO,KAAK;AAC3C,QAAM,gBAAgB,OAAO,OAAO,KAAK;AACzC,QAAM,aAAa,OAAO,OAAO,SAAS,MAAM;AAChD,QAAM,gBAAgB,OAAO,OAAO,SAAS,MAAM;AAEnD,SAAO;AAAA,IACL,kBAAkB,OAAO,MAAM;AAAA,IAC/B,SAAS,OAAO,MAAM;AAAA,IACtB,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,WAAW;AAAA,UACb;AAAA,UACA,OAAO;AAAA,YACL,WAAW;AAAA,UACb;AAAA,UACA,UAAU;AAAA,YACR,WAAW;AAAA,UACb;AAAA,UACA,eAAe;AAAA,YACb,WAAW;AAAA,UACb;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,6BACd,QACwB;AACxB,QAAM,UAAU,OAAO,OAAO,QAAQ;AACtC,QAAM,YAAY,OAAO,OAAO,UAAU;AAC1C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAClD,QAAM,SAAS,OAAO,OAAO,OAAO;AACpC,QAAM,UAAU,OAAO,OAAO,KAAK;AACnC,QAAM,qBAAqB,OAAO,OAAO,QAAQ,OAAO;AACxD,QAAM,gBAAgB,OAAO,OAAO,OAAO,QAAQ;AACnD,QAAM,aAAa,OAAO,OAAO,SAAS,MAAM;AAChD,QAAM,gBAAgB,OAAO,OAAO,SAAS,MAAM;AAEnD,SAAO;AAAA,IACL,aAAa,OAAO,WAAW;AAAA,IAC/B,cAAc,OAAO,MAAM;AAAA,IAE3B,OAAO;AAAA,MACL,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,mBAAmB,OAAO,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,UAAU;AAAA,YACR,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,UACA,eAAe;AAAA,YACb,iBAAiB;AAAA,YACjB,aAAa;AAAA,YACb,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,yBACd,QACoB;AACpB,SAAO;AAAA,IACL,WAAW,OAAO,MAAM;AAAA,IACxB,OAAO,OAAO,OAAO,SAAS,MAAM;AAAA,IACpC,UAAU,OAAO,SAAS;AAAA,EAC5B;AACF;AAEO,SAAS,yBACd,QACoB;AACpB,QAAM,kBAAkB,OAAO,OAAO,QAAQ;AAC9C,QAAM,oBAAoB,OAAO,OAAO,UAAU;AAClD,QAAM,kBAAkB,OAAO,OAAO,KAAK;AAC3C,QAAM,YAAY,OAAO,OAAO,KAAK;AACrC,QAAM,mBAAmB,OAAO,OAAO,KAAK;AAC5C,QAAM,gBAAgB,OAAO,OAAO,KAAK;AACzC,QAAM,gBAAgB,OAAO,OAAO,SAAS,MAAM;AAEnD,SAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY,OAAO,WAAW,OAAO,GAAG;AAAA,IACxC,mBAAmB,OAAO,MAAM;AAAA,IAEhC,OAAO;AAAA,MACL,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,QAAQ;AAAA,QACN,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,MACA,OAAO;AAAA,QACL,UAAU,OAAO,SAAS;AAAA,MAC5B;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,UAAU;AAAA,UACR,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,UAAU;AAAA,UACR,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,MAAM;AAAA,UACJ,SAAS;AAAA,YACP,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,YACP,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,UAAU;AAAA,YACR,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,UACA,eAAe;AAAA,YACb,OAAO;AAAA,YACP,kBAAkB;AAAA,UACpB;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAAS,yBACd,QACoB;AACpB,SAAO;AAAA,IACL,cAAc,OAAO,MAAM;AAAA,IAC3B,UAAU,OAAO,SAAS;AAAA,IAC1B,QAAQ;AAAA,MACN,SAAS,EAAE,OAAO,OAAO,OAAO,KAAK,UAAU;AAAA,MAC/C,OAAO,EAAE,OAAO,OAAO,OAAO,SAAS,MAAM,MAAM;AAAA,MACnD,UAAU,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;AAAA,MAC/C,eAAe,EAAE,OAAO,OAAO,OAAO,KAAK,SAAS;AAAA,IACtD;AAAA,EACF;AACF;","names":[]}

package/dist/types/components.types.d.mts

@@ -30,9 +30,10 @@ interface SelectionItemState {
 }
 type ActionVariant = "filled" | "outlined" | "soft" | "ghost";
 type DisplayVariant = "filled" | "outlined" | "soft";
-type FieldVariant = "filled" | "outlined";
+type FieldVariant = "filled" | "outlined" | "soft";
+type FieldTone = "neutral" | "primary" | "secondary";
 type SelectionVariant = "filled" | "outlined" | "soft";
 /** @deprecated Use the variant type for the relevant component family. */
 type ComponentVariant = ActionVariant;
 
-export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };
+export type { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens };

package/dist/types/control-tokens.types.d.mts

@@ -1,4 +1,4 @@
-import { FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
+import { FieldTone, FieldVariant, VisualStateTokens, FieldVisualState, ComponentSize } from './components.types.mjs';
 
 interface ControlAddonAppearanceTokens {
     iconColor: string;
@@ -7,7 +7,7 @@ type ControlAddonVariantTokens = Record<FieldVariant, VisualStateTokens<FieldVis
 interface ControlAddonTokens {
     marginHorizontal: number;
     hitSlop: number;
-    variants: ControlAddonVariantTokens;
+    colors: Record<FieldTone, ControlAddonVariantTokens>;
 }
 type ControlContainerSizeTokens = Record<ComponentSize, {
     height: number;
@@ -23,7 +23,7 @@ interface ControlContainerTokens {
     borderWidth: number;
     borderRadius: number;
     sizes: ControlContainerSizeTokens;
-    variants: ControlContainerVariantTokens;
+    colors: Record<FieldTone, ControlContainerVariantTokens>;
 }
 interface ControlErrorTokens {
     marginTop: number;
@@ -43,7 +43,7 @@ interface ControlInputTokens {
     fontFamily: string;
     paddingHorizontal: number;
     sizes: ControlInputSizeTokens;
-    variants: ControlInputVariantTokens;
+    colors: Record<FieldTone, ControlInputVariantTokens>;
 }
 interface ControlLabelAppearanceTokens {
     color: string;

package/dist/types/index.d.mts

@@ -2,7 +2,7 @@ export { BorderProps } from './border.types.mjs';
 export { ColorProps } from './color.types.mjs';
 export { ChartColorPalette } from './chart.types.mjs';
 export { ChartsLabelTokens, ChartsTokens } from './charts-tokens.types.mjs';
-export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
+export { ActionState, ActionVariant, ActionVisualState, AvailabilityState, AvailabilityVisualState, ComponentSize, ComponentVariant, ControlState, ControlVisualState, DisplayVariant, FieldState, FieldTone, FieldVariant, FieldVisualState, SelectionItemState, SelectionItemVisualState, SelectionState, SelectionVariant, SelectionVisualState, VisualStateTokens } from './components.types.mjs';
 export { DimensionProps } from './dimension.types.mjs';
 export { FlexProps } from './flex.types.mjs';
 export { ShadowIntensity, ShadowLevel, ShadowPosition, ShadowProps, ShadowScaleTokens } from './shadow.types.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/theme",
-  "version": "11.4.0",
+  "version": "12.0.0",
   "description": "Theme tokens, providers, and styling utilities for ImpulseUI Native.",
   "keywords": [
     "react-native",
@@ -28,7 +28,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/core": "11.4.0"
+    "@impulse-ui-native/core": "12.0.0"
   },
   "devDependencies": {
     "@impulse-ui-native/eslint-config": "1.0.0",