@central-ui/react 0.1.0 → 0.1.2

package/dist/components/toggle/index.js

@@ -22,7 +22,7 @@ import { twMerge } from 'tailwind-merge';
  *   )
  * }
  */
-export const Root = forwardRef(function Root({ children, className, disableStyle, size = 'medium', pressed, defaultPressed = false, onPressedChange, disabled = false, ...props }, ref) {
+export const Root = /* @__PURE__ */ forwardRef(function Root({ children, className, disableStyle, size = 'medium', pressed, defaultPressed = false, onPressedChange, disabled = false, ...props }, ref) {
     const [pressedInternalState, setPressedInternalState] = useState(defaultPressed);
     return (_jsx(BaseToggle, { ...props, ref: ref, pressed: pressed, defaultPressed: defaultPressed, disabled: disabled, "data-size": size, "data-component": "toggle-root", "data-style-disabled": disableStyle ? '' : undefined, onPressedChange: (next, details) => {
             onPressedChange?.(next, details);
@@ -31,7 +31,7 @@ export const Root = forwardRef(function Root({ children, className, disableStyle
         }, className: className, children: _jsx(ToggleContext.Provider, { value: { pressed: pressed ?? pressedInternalState, disabled, size }, children: children }) }));
 });
 /** Render beside InactiveIcon inside Root. It automatically appears only while pressed; supply the decorative icon without another visibility condition. */
-export const ActiveIcon = forwardRef(function ActiveIcon({ disableStyle, children, className, ...props }, ref) {
+export const ActiveIcon = /* @__PURE__ */ forwardRef(function ActiveIcon({ disableStyle, children, className, ...props }, ref) {
     const { pressed, disabled, size } = useToggleContext();
     if (!pressed)
         return null;
@@ -50,7 +50,7 @@ export const ActiveIcon = forwardRef(function ActiveIcon({ disableStyle, childre
     });
 });
 /** Render beside ActiveIcon inside Root. It automatically appears only while unpressed; supply the decorative icon without another visibility condition. */
-export const InactiveIcon = forwardRef(function InactiveIcon({ disableStyle, children, className, ...props }, ref) {
+export const InactiveIcon = /* @__PURE__ */ forwardRef(function InactiveIcon({ disableStyle, children, className, ...props }, ref) {
     const { pressed, disabled, size } = useToggleContext();
     if (pressed)
         return null;
@@ -68,7 +68,7 @@ export const InactiveIcon = forwardRef(function InactiveIcon({ disableStyle, chi
         className: twMerge(children.props.className, className),
     });
 });
-const ToggleContext = createContext(null);
+const ToggleContext = /* @__PURE__ */ createContext(null);
 function useToggleContext() {
     const context = useContext(ToggleContext);
     if (!context)

package/dist/components/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/toggle/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/tooltip/index.js

@@ -29,7 +29,7 @@ import { forwardRef } from 'react';
  */
 export const Root = BaseTooltip.Root;
 /** Behavior only: give your child control this action. Style the child itself; this wrapper has no preset appearance or disableStyle prop. */
-export const OpenHandler = forwardRef(function OpenHandler({ children, ...props }, ref) {
+export const OpenHandler = /* @__PURE__ */ forwardRef(function OpenHandler({ children, ...props }, ref) {
     return _jsx(BaseTooltip.Trigger, { ...props, ref: ref, render: children });
 });
 /** Already includes the portal and positioner. Keep it in the matching Root and let the native open state control visibility. */
@@ -42,10 +42,10 @@ export function Popup({ disableStyle, container, keepMounted, anchor, positionMe
                     ? (state) => ({ ...baseStyle, ...style(state) })
                     : { ...baseStyle, ...style } }) }) }));
 }
-export const PopupText = forwardRef(function PopupText({ disableStyle, className, ...props }, ref) {
+export const PopupText = /* @__PURE__ */ forwardRef(function PopupText({ disableStyle, className, ...props }, ref) {
     return (_jsx("span", { ...props, ref: ref, "data-component": "tooltip-popuptext", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
 });
-export const Arrow = forwardRef(function Arrow({ disableStyle, className, style, ...props }, ref) {
+export const Arrow = /* @__PURE__ */ forwardRef(function Arrow({ disableStyle, className, style, ...props }, ref) {
     return (_jsxs(BaseTooltip.Arrow, { style: style, render: _jsx("svg", { ...props, ref: ref, "aria-hidden": true, width: "20", height: "10", viewBox: "0 0 20 10" }), "data-component": "tooltip-arrow", "data-style-disabled": disableStyle ? '' : undefined, className: className, children: [_jsx("path", { d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z", "data-component": "tooltip-arrow-1" }), _jsx("path", { d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z", "data-component": "tooltip-arrow-2" }), _jsx("path", { d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z", "data-component": "tooltip-arrow-3" })] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/components/tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.tsx"],"names":[],"mappings":"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"}

package/dist/types/Icon.d.ts

@@ -0,0 +1,11 @@
+import type { SVGProps } from 'react';
+/** Props forwarded to built-in SVG icons, without importing the full icon catalog into consumer types. */
+export interface SVGIconProps extends SVGProps<SVGSVGElement> {
+    /** Set the icon's width and height together; explicit width or height takes precedence. */
+    size?: string | number;
+    /** @deprecated Use nonScalingStroke instead. */
+    absoluteStrokeWidth?: boolean;
+    /** Keep the stroke thickness steady when changing the icon size. */
+    nonScalingStroke?: boolean;
+}
+//# sourceMappingURL=Icon.d.ts.map

package/dist/types/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../src/types/Icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAErC,0GAA0G;AAC1G,MAAM,WAAW,YAAa,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC3D,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,gDAAgD;IAChD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B"}

package/dist/types/Icon.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Icon.js.map

package/dist/types/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/types/Icon.ts"],"names":[],"mappings":""}

package/dist/utils/ArkStateToDataAttributes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArkStateToDataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/ArkStateToDataAttributes.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM;;EASrD"}
+{"version":3,"file":"ArkStateToDataAttributes.d.ts","sourceRoot":"","sources":["../../src/utils/ArkStateToDataAttributes.ts"],"names":[],"mappings":"AAAA,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM;;EAcrD"}

package/dist/utils/ArkStateToDataAttributes.js

@@ -1,6 +1,8 @@
 export function arkStateToDataAttributes(state) {
     return Object.fromEntries(Object.entries(state)
-        .filter(([, value]) => typeof value === 'boolean' || typeof value === 'string' || typeof value === 'number')
+        .filter(([, value]) => typeof value === 'boolean' ||
+        typeof value === 'string' ||
+        typeof value === 'number')
         .map(([key, value]) => [
         `data-${key.toLowerCase()}`,
         typeof value === 'boolean' ? value || undefined : value,

package/dist/utils/ArkStateToDataAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArkStateToDataAttributes.js","sourceRoot":"","sources":["../../src/utils/ArkStateToDataAttributes.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,KAAa;IACpD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;SAClB,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,KAAK,KAAK,QAAQ,CAAC;SAC3G,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QACrB,QAAQ,GAAG,CAAC,WAAW,EAAE,EAAE;QAC3B,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK;KACxD,CAAC,CACL,CAAA;AACH,CAAC"}
+{"version":3,"file":"ArkStateToDataAttributes.js","sourceRoot":"","sources":["../../src/utils/ArkStateToDataAttributes.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,wBAAwB,CAAC,KAAa;IACpD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;SAClB,MAAM,CACL,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CACZ,OAAO,KAAK,KAAK,SAAS;QAC1B,OAAO,KAAK,KAAK,QAAQ;QACzB,OAAO,KAAK,KAAK,QAAQ,CAC5B;SACA,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC;QACrB,QAAQ,GAAG,CAAC,WAAW,EAAE,EAAE;QAC3B,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,KAAK;KACxD,CAAC,CACL,CAAA;AACH,CAAC"}

package/dist/utils/Tone.js

@@ -1,5 +1,5 @@
 import { createContext, useContext } from 'react';
-const ToneContext = createContext('neutral');
+const ToneContext = /* @__PURE__ */ createContext('neutral');
 export const ToneProvider = ToneContext.Provider;
 export function useToneContext() {
     return useContext(ToneContext);

package/dist/utils/Tone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tone.js","sourceRoot":"","sources":["../../src/utils/Tone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAC,UAAU,EAAE,MAAM,OAAO,CAAA;AAGhD,MAAM,WAAW,GAAG,aAAa,CAAoB,SAAS,CAAC,CAAA;AAE/D,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAA;AAEhD,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAChC,CAAC"}
+{"version":3,"file":"Tone.js","sourceRoot":"","sources":["../../src/utils/Tone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGjD,MAAM,WAAW,GAAG,eAAe,CAAC,aAAa,CAAoB,SAAS,CAAC,CAAA;AAE/E,MAAM,CAAC,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,CAAA;AAEhD,MAAM,UAAU,cAAc;IAC5B,OAAO,UAAU,CAAC,WAAW,CAAC,CAAA;AAChC,CAAC"}

package/dist/utils/useForwardClickToInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardClickToInput.d.ts","sourceRoot":"","sources":["../../src/utils/useForwardClickToInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG9C,+FAA+F;AAC/F,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,WAAW,EAC1D,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC7B,iBAAiB,CAAC,CAAC,CAAC,CAoBtB"}
+{"version":3,"file":"useForwardClickToInput.d.ts","sourceRoot":"","sources":["../../src/utils/useForwardClickToInput.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG9C,+FAA+F;AAC/F,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,WAAW,EAC1D,QAAQ,EAAE,MAAM,EAChB,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC7B,iBAAiB,CAAC,CAAC,CAAC,CA8BtB"}

package/dist/utils/useForwardClickToInput.js

@@ -8,10 +8,12 @@ export function useForwardClickToInput(selector, onClick) {
         onClick?.(event);
         if (event.defaultPrevented)
             return;
-        if (event.target instanceof Element && event.target.closest('button, [data-part="item"]'))
+        if (event.target instanceof Element &&
+            event.target.closest('button, [data-part="item"]'))
             return;
         const input = event.currentTarget.querySelector(selector);
-        if (!input || (event.target instanceof Element && event.target.matches(selector)))
+        if (!input ||
+            (event.target instanceof Element && event.target.matches(selector)))
             return;
         forwardingClick.current = true;
         try {

package/dist/utils/useForwardClickToInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useForwardClickToInput.js","sourceRoot":"","sources":["../../src/utils/useForwardClickToInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,+FAA+F;AAC/F,MAAM,UAAU,sBAAsB,CACpC,QAAgB,EAChB,OAA8B;IAE9B,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAErC,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,IAAI,eAAe,CAAC,OAAO;YAAE,OAAM;QACnC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAM;QAClC,IAAI,KAAK,CAAC,MAAM,YAAY,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,4BAA4B,CAAC;YAAE,OAAM;QAEjG,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAyC,QAAQ,CAAC,CAAA;QACjG,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,YAAY,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAAE,OAAM;QAEzF,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC;YACH,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,OAAO,GAAG,KAAK,CAAA;QACjC,CAAC;QACD,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK;YAAE,KAAK,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAA;AACH,CAAC"}
+{"version":3,"file":"useForwardClickToInput.js","sourceRoot":"","sources":["../../src/utils/useForwardClickToInput.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAE9B,+FAA+F;AAC/F,MAAM,UAAU,sBAAsB,CACpC,QAAgB,EAChB,OAA8B;IAE9B,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IAErC,OAAO,CAAC,KAAK,EAAE,EAAE;QACf,IAAI,eAAe,CAAC,OAAO;YAAE,OAAM;QACnC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QAChB,IAAI,KAAK,CAAC,gBAAgB;YAAE,OAAM;QAClC,IACE,KAAK,CAAC,MAAM,YAAY,OAAO;YAC/B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,4BAA4B,CAAC;YAElD,OAAM;QAER,MAAM,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAE7C,QAAQ,CAAC,CAAA;QACX,IACE,CAAC,KAAK;YACN,CAAC,KAAK,CAAC,MAAM,YAAY,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAEnE,OAAM;QAER,eAAe,CAAC,OAAO,GAAG,IAAI,CAAA;QAC9B,IAAI,CAAC;YACH,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,OAAO,GAAG,KAAK,CAAA;QACjC,CAAC;QACD,IAAI,QAAQ,CAAC,aAAa,KAAK,KAAK;YAAE,KAAK,CAAC,KAAK,EAAE,CAAA;IACrD,CAAC,CAAA;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-ui/react",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Accessible React components with optional Tailwind CSS style presets",
   "license": "MIT",
   "keywords": [
@@ -39,7 +39,7 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.3.3"
+    "tailwindcss": "^4.2.1"
   },
   "peerDependenciesMeta": {
     "tailwindcss": {

package/src/presets/shopify-polaris/shopify-polaris-autocomplete.css

@@ -10,7 +10,7 @@
     }
 
     &:where([data-component='autocomplete-input']) {
-      @apply min-w-12 flex-1 h-7 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-500 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
+      @apply min-w-12 flex-1 h-8 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-600 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
     }
 
     &:where([data-component='autocomplete-scrollarea']) {
@@ -30,7 +30,7 @@
     }
 
     &:where([data-component='autocomplete-item']) {
-      @apply flex h-8 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 text-sm font-normal text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-30 data-highlighted:bg-neutral-100 active:bg-neutral-200;
+      @apply flex h-7 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-xl px-2 text-sm font-normal text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-30 data-highlighted:bg-neutral-100 active:bg-neutral-200;
     }
 
     &:where([data-component='autocomplete-popup']) {
@@ -57,7 +57,7 @@
     }
 
     &:where([data-component='autocomplete-addon']) {
-      @apply inline-flex h-7 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
+      @apply inline-flex h-8 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
       &[data-variant='emphasized'] {
         @apply bg-neutral-200/60;
       }
@@ -75,7 +75,7 @@
     }
 
     &:where([data-component='autocomplete-inputgroup']) {
-      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-200 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
+      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-300 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
       &[data-tone='invalid'] {
         @apply border-red-500 focus-within:border-red-500 focus-within:ring-red-500/10;
       }
@@ -84,6 +84,15 @@
       }
     }
 
+    &:where([data-component='autocomplete-inputgroup'])
+      :where(
+        svg:not([data-style-disabled]):not(
+            [data-component='combobox-chipremovebuttonicon']
+          ):not([data-component='chip-closebuttonicon'])
+      ) {
+      @apply text-neutral-600;
+    }
+
     &:where([data-component='autocomplete-addonopenbutton']) {
       @apply flex h-4 w-auto shrink-0 cursor-pointer items-center justify-center rounded-full p-0 text-neutral-600 hover:text-neutral-700 active:text-neutral-800 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:opacity-50;
     }

package/src/presets/shopify-polaris/shopify-polaris-badge.css

@@ -2,7 +2,7 @@
 @layer components {
   :where(:not([data-style-disabled])) {
     &:where([data-component='badge-badge']) {
-      @apply flex h-[1.28rem] min-w-[1.425rem] w-fit shrink-0 items-center justify-center gap-1 truncate rounded-lg px-2 text-nowrap text-[0.8rem] font-semibold leading-none [&>svg]:h-3.5 [&>svg]:w-fit;
+      @apply flex h-[1.28rem] min-w-[1.425rem] w-fit shrink-0 items-center justify-center gap-1 truncate rounded-md px-2 text-nowrap text-[0.8rem] font-semibold leading-none [&>svg]:h-3.5 [&>svg]:w-fit;
       &[data-tone='neutral'] {
         @apply bg-[#0000000d] text-[#4a4a4a];
       }

package/src/presets/shopify-polaris/shopify-polaris-chip.css

@@ -2,15 +2,15 @@
 @layer components {
   :where(:not([data-style-disabled])) {
     &:where([data-component='chip-chip']) {
-      @apply flex h-6 min-w-6 w-fit shrink-0 cursor-default items-center justify-between gap-1 rounded-full bg-black/5 px-2 text-[0.8rem] leading-none font-medium text-nowrap text-neutral-600;
+      @apply flex h-5 min-w-6 w-fit shrink-0 items-center justify-between gap-1 rounded-md bg-neutral-100 px-2 text-[0.8rem] leading-none font-medium text-nowrap text-neutral-700 data-disabled:opacity-50;
     }
 
     &:where([data-component='chip-closebutton']) {
-      @apply -mr-1.75 flex h-4.25 aspect-square w-auto cursor-pointer items-center justify-center rounded-full text-neutral-600 hover:bg-black/10 hover:text-neutral-950 active:bg-black/15 active:text-neutral-950 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:opacity-50;
+      @apply -mr-1.75 flex h-4.25 aspect-square w-auto shrink-0 cursor-pointer items-center justify-center rounded-md p-0 hover:bg-neutral-200 active:bg-neutral-200 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:opacity-50;
     }
 
     &:where([data-component='chip-closebuttonicon']) {
-      @apply h-3.25 w-fit text-inherit;
+      @apply h-3.25 w-fit shrink-0 text-neutral-700;
     }
   }
 }

package/src/presets/shopify-polaris/shopify-polaris-combobox.css

@@ -10,7 +10,7 @@
     }
 
     &:where([data-component='combobox-input']) {
-      @apply min-w-12 flex-1 h-7 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-500 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
+      @apply min-w-12 flex-1 h-8 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-600 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
     }
 
     &:where([data-component='combobox-input'])[data-in-chips] {
@@ -18,7 +18,7 @@
     }
 
     &:where([data-component='combobox-chipslist']) {
-      @apply flex min-w-0 w-full flex-wrap items-center gap-1 px-2.5 py-1 min-h-7;
+      @apply flex min-w-0 w-full flex-wrap items-center gap-1 px-2.5 py-1 min-h-8;
     }
 
     &:where([data-component='combobox-scrollarea']) {
@@ -38,7 +38,7 @@
     }
 
     &:where([data-component='combobox-item']) {
-      @apply flex h-8 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 text-sm font-normal text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-30 data-highlighted:bg-neutral-100 active:bg-neutral-200;
+      @apply flex h-7 w-full shrink-0 cursor-pointer items-center justify-between gap-2 rounded-xl px-2 text-sm font-normal text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-30 data-highlighted:bg-neutral-100 active:bg-neutral-200;
     }
 
     &:where([data-component='combobox-popup']) {
@@ -65,7 +65,7 @@
     }
 
     &:where([data-component='combobox-addon']) {
-      @apply inline-flex h-7 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
+      @apply inline-flex h-8 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
       &[data-variant='emphasized'] {
         @apply bg-neutral-200/60;
       }
@@ -83,7 +83,7 @@
     }
 
     &:where([data-component='combobox-inputgroup']) {
-      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-200 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
+      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-300 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
       &[data-tone='invalid'] {
         @apply border-red-500 focus-within:border-red-500 focus-within:ring-red-500/10;
       }
@@ -92,12 +92,21 @@
       }
     }
 
+    &:where([data-component='combobox-inputgroup'])
+      :where(
+        svg:not([data-style-disabled]):not(
+            [data-component='combobox-chipremovebuttonicon']
+          ):not([data-component='chip-closebuttonicon'])
+      ) {
+      @apply text-neutral-600;
+    }
+
     &:where([data-component='combobox-chip']) {
-      @apply flex h-5 min-w-6 w-fit shrink-0 items-center justify-between gap-1 rounded-full bg-neutral-200 px-2 text-[0.8rem] leading-none font-medium text-nowrap text-neutral-950 data-disabled:opacity-50;
+      @apply flex h-5 min-w-6 w-fit shrink-0 items-center justify-between gap-1 rounded-md bg-neutral-100 px-2 text-[0.8rem] leading-none font-medium text-nowrap text-neutral-700 data-disabled:opacity-50;
     }
 
     &:where([data-component='combobox-chipremovebutton']) {
-      @apply -mr-1.75 flex h-4.25 aspect-square w-auto shrink-0 cursor-pointer items-center justify-center rounded-xl p-0 hover:bg-neutral-300 active:bg-neutral-300 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:opacity-50;
+      @apply -mr-1.75 flex h-4.25 aspect-square w-auto shrink-0 cursor-pointer items-center justify-center rounded-md p-0 hover:bg-neutral-200 active:bg-neutral-200 focus-visible:outline-2 focus-visible:outline-blue-500 disabled:pointer-events-none disabled:opacity-50;
     }
 
     &:where([data-component='combobox-addonopenbutton']) {
@@ -153,7 +162,7 @@
     }
 
     &:where([data-component='combobox-chipremovebuttonicon']) {
-      @apply h-3.25 w-fit shrink-0 text-neutral-950;
+      @apply h-3.25 w-fit shrink-0 text-neutral-700;
     }
 
     &:where([data-component='combobox-addonloadingicon']) {

package/src/presets/shopify-polaris/shopify-polaris-datepicker.css

@@ -10,7 +10,7 @@
     }
 
     &:where([data-component='datepicker-inputgroup']) {
-      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-200 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 data-[focus-within]:border-blue-500 data-[focus-within]:ring-2 data-[focus-within]:ring-blue-500/10 data-[focus-within]:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
+      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-300 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 data-[focus-within]:border-blue-500 data-[focus-within]:ring-2 data-[focus-within]:ring-blue-500/10 data-[focus-within]:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
       &[data-tone='invalid'] {
         @apply border-red-500 data-[focus-within]:border-red-500 data-[focus-within]:ring-red-500/10;
       }
@@ -19,8 +19,17 @@
       }
     }
 
+    &:where([data-component='datepicker-inputgroup'])
+      :where(
+        svg:not([data-style-disabled]):not(
+            [data-component='combobox-chipremovebuttonicon']
+          ):not([data-component='chip-closebuttonicon'])
+      ) {
+      @apply text-neutral-600;
+    }
+
     &:where([data-component='datepicker-addon']) {
-      @apply inline-flex h-7 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
+      @apply inline-flex h-8 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
       &[data-variant='emphasized'] {
         @apply bg-neutral-200/60;
       }
@@ -54,7 +63,7 @@
     }
 
     &:where([data-component='datepicker-input']) {
-      @apply flex h-7 min-w-0 items-center bg-transparent px-2.5 py-0 text-sm text-neutral-950 data-disabled:text-neutral-400;
+      @apply flex h-8 min-w-0 items-center bg-transparent px-2.5 py-0 text-sm text-neutral-950 data-disabled:text-neutral-400;
     }
 
     &:where([data-component='datepicker-input'])[data-range-input] {
@@ -66,7 +75,7 @@
     }
 
     &:where([data-component='datepicker-segment']) {
-      @apply rounded-sm text-inherit [font:inherit] outline-none data-focused:bg-blue-100 data-placeholder:text-neutral-500;
+      @apply rounded-sm text-inherit [font:inherit] outline-none data-focused:bg-blue-100 data-placeholder:text-neutral-600;
     }
 
     &:where([data-component='datepicker-addonopenbutton']) {
@@ -78,7 +87,7 @@
     }
 
     &:where([data-component='datepicker-openbutton']) {
-      @apply flex h-7.5 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.75 overflow-hidden rounded-xl border border-neutral-200 bg-white px-2.5 text-sm font-normal text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-visible:border-blue-500 focus-visible:ring-2 focus-visible:ring-blue-500/10 focus-visible:shadow-sm disabled:pointer-events-none disabled:bg-white disabled:text-neutral-400 disabled:shadow-none aria-expanded:border-blue-500 aria-expanded:ring-2 aria-expanded:ring-blue-500/10 aria-expanded:shadow-sm;
+      @apply flex h-8.5 w-fit shrink-0 cursor-pointer items-center justify-center gap-1.75 overflow-hidden rounded-xl border border-neutral-300 bg-white px-2.5 text-sm font-normal text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-visible:border-blue-500 focus-visible:ring-2 focus-visible:ring-blue-500/10 focus-visible:shadow-sm disabled:pointer-events-none disabled:bg-white disabled:text-neutral-400 disabled:shadow-none aria-expanded:border-blue-500 aria-expanded:ring-2 aria-expanded:ring-blue-500/10 aria-expanded:shadow-sm;
       &[data-tone='invalid'] {
         @apply border-red-500 focus-visible:border-red-500 focus-visible:ring-red-500/10 aria-expanded:border-red-500 aria-expanded:ring-red-500/10;
       }
@@ -88,11 +97,11 @@
     }
 
     &:where([data-component='datepicker-openbuttonvalue']) {
-      @apply min-w-0 truncate text-left text-inherit data-disabled:text-neutral-400;
+      @apply min-w-0 truncate text-left text-inherit data-disabled:text-neutral-400 data-placeholder:text-neutral-600;
     }
 
     &:where([data-component='datepicker-openbuttonicon']) {
-      @apply h-4 w-fit shrink-0 text-inherit;
+      @apply h-4 w-fit shrink-0 text-neutral-600;
     }
 
     &:where([data-component='datepicker-popup']) {

package/src/presets/shopify-polaris/shopify-polaris-input.css

@@ -2,11 +2,11 @@
 @layer components {
   :where(:not([data-style-disabled])) {
     &:where([data-component='input-input']) {
-      @apply min-w-12 flex-1 h-7 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-500 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
+      @apply min-w-12 flex-1 h-8 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-600 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
     }
 
     &:where([data-component='input-inputgroup']) {
-      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-200 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
+      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-300 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
       &[data-tone='invalid'] {
         @apply border-red-500 focus-within:border-red-500 focus-within:ring-red-500/10;
       }
@@ -15,6 +15,15 @@
       }
     }
 
+    &:where([data-component='input-inputgroup'])
+      :where(
+        svg:not([data-style-disabled]):not(
+            [data-component='combobox-chipremovebuttonicon']
+          ):not([data-component='chip-closebuttonicon'])
+      ) {
+      @apply text-neutral-600;
+    }
+
     &:where([data-component='input-container']) {
       @apply flex flex-col gap-1.5 w-full;
     }
@@ -36,7 +45,7 @@
     }
 
     &:where([data-component='input-addon']) {
-      @apply inline-flex h-7 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
+      @apply inline-flex h-8 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
       &[data-variant='emphasized'] {
         @apply bg-neutral-200/60;
       }

package/src/presets/shopify-polaris/shopify-polaris-menu.css

@@ -37,14 +37,14 @@
     }
 
     &:where([data-component='menu-buttonitem']) {
-      @apply flex h-8 w-full cursor-pointer items-center gap-2 rounded-lg px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 font-normal active:bg-neutral-200;
+      @apply flex h-7 w-full cursor-pointer items-center gap-2 rounded-2xl px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 font-normal active:bg-neutral-200;
       &[data-tone='danger'] {
         @apply text-red-600 data-highlighted:bg-neutral-100;
       }
     }
 
     &:where([data-component='menu-linkitem']) {
-      @apply flex h-8 w-full cursor-pointer items-center gap-2 rounded-lg px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 font-normal active:bg-neutral-200;
+      @apply flex h-7 w-full cursor-pointer items-center gap-2 rounded-2xl px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 font-normal active:bg-neutral-200;
     }
 
     &:where([data-component='menu-radiogroup']) {
@@ -52,7 +52,7 @@
     }
 
     &:where([data-component='menu-submenuopenbutton']) {
-      @apply flex h-8 w-full cursor-pointer items-center justify-between gap-2 rounded-lg px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 data-open:bg-neutral-100 font-normal active:bg-neutral-200;
+      @apply flex h-7 w-full cursor-pointer items-center justify-between gap-2 rounded-2xl px-2 text-sm text-nowrap text-neutral-950 outline-none data-disabled:pointer-events-none data-disabled:opacity-30 data-highlighted:bg-neutral-100 data-open:bg-neutral-100 font-normal active:bg-neutral-200;
     }
 
     &:where([data-component='menu-separator']) {
@@ -64,11 +64,11 @@
     }
 
     &:where([data-component='menu-submenuopenbuttonicon']) {
-      @apply h-4 w-fit shrink-0 text-inherit;
+      @apply h-4 w-fit shrink-0 text-neutral-800;
     }
 
     &:where([data-component='menu-checkboxcontainer']) {
-      @apply flex min-h-8 w-full items-center gap-2 rounded-lg px-2 data-highlighted:bg-neutral-100;
+      @apply flex min-h-7 w-full items-center gap-2 rounded-2xl px-2 data-highlighted:bg-neutral-100;
     }
 
     &:where([data-component='menu-checkboxbuttonitem']) {
@@ -89,7 +89,7 @@
     }
 
     &:where([data-component='menu-radiocontainer']) {
-      @apply flex min-h-8 w-full items-center gap-2 rounded-lg px-2 data-highlighted:bg-neutral-100;
+      @apply flex min-h-7 w-full items-center gap-2 rounded-2xl px-2 data-highlighted:bg-neutral-100;
     }
 
     &:where([data-component='menu-radiobuttonitem']) {
@@ -108,5 +108,30 @@
       &:where([data-component='menu-radioitemindicator-1']) {
       @apply size-full rounded-full bg-white;
     }
+
+    &:where([data-component='menu-buttonitem'])[data-tone='neutral']
+      &:where([data-component='menu-icon']) {
+      @apply text-neutral-800;
+    }
+
+    &:where([data-component='menu-linkitem'])
+      &:where([data-component='menu-icon']) {
+      @apply text-neutral-800;
+    }
+
+    &:where([data-component='menu-submenuopenbutton'])
+      &:where([data-component='menu-icon']) {
+      @apply text-neutral-800;
+    }
+
+    &:where([data-component='menu-checkboxcontainer'])
+      &:where([data-component='menu-icon']) {
+      @apply text-neutral-800;
+    }
+
+    &:where([data-component='menu-radiocontainer'])
+      &:where([data-component='menu-icon']) {
+      @apply text-neutral-800;
+    }
   }
 }

package/src/presets/shopify-polaris/shopify-polaris-numberinput.css

@@ -2,7 +2,7 @@
 @layer components {
   :where(:not([data-style-disabled])) {
     &:where([data-component='numberinput-input']) {
-      @apply min-w-12 flex-1 h-7 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-500 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
+      @apply min-w-12 flex-1 h-8 rounded-none border-0 bg-transparent px-2.5 py-0 text-sm text-neutral-950 shadow-none outline-none placeholder:text-sm placeholder:text-neutral-600 hover:bg-transparent focus:outline-none disabled:cursor-not-allowed disabled:text-neutral-400;
     }
 
     &:where([data-component='numberinput-container']) {
@@ -26,7 +26,7 @@
     }
 
     &:where([data-component='numberinput-addon']) {
-      @apply inline-flex h-7 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
+      @apply inline-flex h-8 shrink-0 items-center gap-2 empty:hidden px-2 py-1;
       &[data-variant='emphasized'] {
         @apply bg-neutral-200/60;
       }
@@ -52,7 +52,7 @@
     }
 
     &:where([data-component='numberinput-inputgroup']) {
-      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-200 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
+      @apply p-0 flex w-full min-w-0 items-center overflow-hidden rounded-xl border border-neutral-300 bg-white text-[0.8rem] text-neutral-950 shadow-xs outline-none hover:bg-neutral-50 focus-within:border-blue-500 focus-within:ring-2 focus-within:ring-blue-500/10 focus-within:shadow-sm data-disabled:cursor-not-allowed data-disabled:border-neutral-200 data-disabled:bg-white data-disabled:text-neutral-400 data-disabled:shadow-none data-disabled:hover:bg-white data-readonly:cursor-not-allowed data-readonly:border-neutral-200 data-readonly:bg-neutral-50 data-readonly:hover:bg-neutral-50 data-readonly:shadow-none;
       &[data-tone='invalid'] {
         @apply border-red-500 focus-within:border-red-500 focus-within:ring-red-500/10;
       }
@@ -61,6 +61,15 @@
       }
     }
 
+    &:where([data-component='numberinput-inputgroup'])
+      :where(
+        svg:not([data-style-disabled]):not(
+            [data-component='combobox-chipremovebuttonicon']
+          ):not([data-component='chip-closebuttonicon'])
+      ) {
+      @apply text-neutral-600;
+    }
+
     &:where([data-component='numberinput-buttonslist']) {
       @apply flex w-fit shrink-0 flex-col justify-center overflow-hidden p-0.5 h-7;
     }
@@ -70,7 +79,7 @@
     }
 
     &:where([data-component='numberinput-incrementbutton']) {
-      @apply flex h-2.5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-t-xl p-0 text-neutral-600 bg-neutral-200 active:bg-neutral-300 hover:bg-neutral-300 data-disabled:pointer-events-none data-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-blue-500;
+      @apply flex h-3 w-5 shrink-0 cursor-pointer items-center justify-center rounded-t-xl p-0 text-neutral-600 bg-neutral-200 active:bg-neutral-300 hover:bg-neutral-300 data-disabled:pointer-events-none data-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-blue-500;
     }
 
     &:where([data-component='numberinput-incrementbuttonicon']) {
@@ -78,7 +87,7 @@
     }
 
     &:where([data-component='numberinput-decrementbutton']) {
-      @apply flex h-2.5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-b-xl p-0 text-neutral-600 bg-neutral-200 active:bg-neutral-300 hover:bg-neutral-300 data-disabled:pointer-events-none data-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-blue-500;
+      @apply flex h-3 w-5 shrink-0 cursor-pointer items-center justify-center rounded-b-xl p-0 text-neutral-600 bg-neutral-200 active:bg-neutral-300 hover:bg-neutral-300 data-disabled:pointer-events-none data-disabled:opacity-50 focus-visible:outline-2 focus-visible:outline-blue-500;
     }
 
     &:where([data-component='numberinput-decrementbuttonicon']) {