@aivenio/aquarium 1.76.2 → 1.76.3

package/dist/src/molecules/Input/Input.js

@@ -45,8 +45,6 @@ const createInput = (displayName, opts = {}) => {
         return (React.createElement("span", { className: classNames('Aquarium-InputBase', tw('relative block')) },
             opts.adornment && React.createElement(InputAdornment, { placement: "left" }, opts.adornment),
             React.createElement("input", Object.assign({ ref: inputRef, type: inputType }, props, { disabled: disabled, maxLength: maxLength, "aria-required": required, readOnly: readOnly, className: classNames({
-                    'bg-body': !readOnly,
-                    'bg-transparent': readOnly,
                     '[&::-webkit-search-cancel-button]:appearance-none': opts.isSearch,
                     'pl-7': opts.adornment,
                     'pr-7': opts.canReset || endAdornment,
@@ -94,4 +92,4 @@ Input.Skeleton = () => (React.createElement(LabelControl.Skeleton, null,
     React.createElement(InputBase.Skeleton, null)));
 Input.Skeleton.displayName = 'Input.Skeleton'; // this will affect the Doc code preview in storybook to not show it as <No Display Name/> or <[object Object]/>.
 export { Input, InputBase, SearchInput };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBaUNwRCxNQUFNLFdBQVcsR0FBRyxDQUNsQixXQUFtQixFQUNuQixPQUFxQixFQUFFLEVBQ0ssRUFBRTtJQUM5QixNQUFNLGNBQWMsR0FBRyxVQUFVLENBQy9CLENBQ0UsRUFTaUMsRUFDakMsR0FBRyxFQUNILEVBQUU7O1lBWEYsRUFDRSxTQUFTLEVBQ1QsS0FBSyxHQUFHLElBQUksRUFDWixRQUFRLEdBQUcsS0FBSyxFQUNoQixZQUFZLEVBQ1osUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxPQUUyQixFQUQ1QixLQUFLLGNBUlYsa0ZBU0MsQ0FEUztRQUlWLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0lucHV0L0lucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDdEYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzFDLE9BQU8sSUFBSSxNQUFNLGFBQWEsQ0FBQztBQUMvQixPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDckcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBaUNwRCxNQUFNLFdBQVcsR0FBRyxDQUNsQixXQUFtQixFQUNuQixPQUFxQixFQUFFLEVBQ0ssRUFBRTtJQUM5QixNQUFNLGNBQWMsR0FBRyxVQUFVLENBQy9CLENBQ0UsRUFTaUMsRUFDakMsR0FBRyxFQUNILEVBQUU7O1lBWEYsRUFDRSxTQUFTLEVBQ1QsS0FBSyxHQUFHLElBQUksRUFDWixRQUFRLEdBQUcsS0FBSyxFQUNoQixZQUFZLEVBQ1osUUFBUSxHQUFHLEtBQUssRUFDaEIsUUFBUSxHQUFHLEtBQUssRUFDaEIsSUFBSSxPQUUyQixFQUQ1QixLQUFLLGNBUlYsa0ZBU0MsQ0FEUztRQUlWLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxRQUFRLENB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

package/dist/src/molecules/SegmentedControl/SegmentedControl.js

@@ -26,6 +26,6 @@ export const SegmentedControlGroup = (_a) => {
 /* </SegmentedControlGroup> */
 const getBaseSegmentedControlClassNames = (selected) => tw('transition whitespace-nowrap rounded-sm px-4 py-[10px] hover:bg-primary-hover', 'focus-visible:outline-none focus-visible:relative focus-visible:z-50 focus-visible:ring-1 focus-visible:ring-offset-0 focusable', 'disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted', {
     'typography-small text-default bg-body': !selected,
-    'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-80': selected,
+    'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-default': selected,
 });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNEJwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixPQUFPLEVBQUUsUUFBUSxHQUFHLFFBQVEsRUFDNUIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0M7UUFDRSw4Q0FDRSxJQUFJLEVBQUMsUUFBUSxJQUNULElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUFDLGlDQUFpQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxrQkFDL0QsUUFBUSxLQUVyQixRQUFRLENBQ0YsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBMkJGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBU3ZCLEVBQWUsRUFBRTtRQVRNLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUFFLFFBQVEsR0FBRyxRQUFRLEVBQzVCLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVI4QywrRUFTdEQsQ0FEUTtJQUVQLE9BQU8sQ0FDTCw0Q0FDTSxJQUFJLGtCQUNJLFNBQVMsRUFDckIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsMkJBQTJCLEVBQzNCLCtEQUErRCxFQUMvRCxTQUFTLENBQ1YsS0FFQSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUN0QyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtRQUN4QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLO0tBQ3RDLENBQUMsQ0FDSCxDQUNFLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLDhCQUE4QjtBQUU5QixNQUFNLGlDQUFpQyxHQUFHLENBQUMsUUFBaUIsRUFBRSxFQUFFLENBQzlELEVBQUUsQ0FDQSwrRUFBK0UsRUFDL0UsaUlBQWlJLEVBQ2pJLHNFQUFzRSxFQUN0RTtJQUNFLHVDQUF1QyxFQUFFLENBQUMsUUFBUTtJQUNsRCxpR0FBaUcsRUFBRSxRQUFRO0NBQzVHLENBQ0YsQ0FBQyJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBNEJwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQVF2QixFQUFlLEVBQUU7UUFSTSxFQUNoRCxRQUFRLEVBQ1IsS0FBSyxFQUNMLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixPQUFPLEVBQUUsUUFBUSxHQUFHLFFBQVEsRUFDNUIsUUFBUSxHQUFHLEtBQUssRUFDaEIsU0FBUyxPQUVnQixFQUR0QixJQUFJLGNBUHlDLGtFQVFqRCxDQURRO0lBQ29DLE9BQUEsQ0FDM0M7UUFDRSw4Q0FDRSxJQUFJLEVBQUMsUUFBUSxJQUNULElBQUksSUFDUixTQUFTLEVBQUUsVUFBVSxDQUFDLGlDQUFpQyxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxrQkFDL0QsUUFBUSxLQUVyQixRQUFRLENBQ0YsQ0FDTixDQUNOLENBQUE7Q0FBQSxDQUFDO0FBMkJGLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBU3ZCLEVBQWUsRUFBRTtRQVRNLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsT0FBTyxFQUFFLFFBQVEsR0FBRyxRQUFRLEVBQzVCLEtBQUssRUFBRSxNQUFNLEdBQUcsS0FBSyxFQUNyQixRQUFRLEVBQ1IsU0FBUyxFQUNULFNBQVMsT0FFcUIsRUFEM0IsSUFBSSxjQVI4QywrRUFTdEQsQ0FEUTtJQUVQLE9BQU8sQ0FDTCw0Q0FDTSxJQUFJLGtCQUNJLFNBQVMsRUFDckIsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsMkJBQTJCLEVBQzNCLCtEQUErRCxFQUMvRCxTQUFTLENBQ1YsS0FFQSxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUN0QyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssRUFBRTtRQUN4QixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzFDLFFBQVEsRUFBRSxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssS0FBSyxLQUFLO0tBQ3RDLENBQUMsQ0FDSCxDQUNFLENBQ04sQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLDhCQUE4QjtBQUU5QixNQUFNLGlDQUFpQyxHQUFHLENBQUMsUUFBaUIsRUFBRSxFQUFFLENBQzlELEVBQUUsQ0FDQSwrRUFBK0UsRUFDL0UsaUlBQWlJLEVBQ2pJLHNFQUFzRSxFQUN0RTtJQUNFLHVDQUF1QyxFQUFFLENBQUMsUUFBUTtJQUNsRCxzR0FBc0csRUFBRSxRQUFRO0NBQ2pILENBQ0YsQ0FBQyJ9

package/dist/src/utils/constants.js

@@ -1,10 +1,10 @@
 import { classNames, tw } from '../../src/utils/tailwind';
 export const getCommonInputStyles = ({ readOnly, valid }) => tw('block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none', {
-    'px-3 py-3': !readOnly,
-    'border-none resize-none cursor-default': readOnly,
+    'px-3 py-3 bg-body': !readOnly,
+    'border-none resize-none cursor-default bg-transparent': readOnly,
     'border border-danger-default': !valid && !readOnly,
     'border border-default hover:border-intense focus:border-info-default': valid && !readOnly,
 });
 export const ghostButtonStyle = tw('text-primary-intense active:text-primary-active focus-visible:text-primary-active hover:text-primary-active disabled:text-primary-inactive');
 export const linkStyle = classNames(ghostButtonStyle, tw('visited:text-primary-intense no-underline hover:underline focusable'));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLG1NQUFtTSxFQUNuTTtJQUNFLFdBQVcsRUFBRSxDQUFDLFFBQVE7SUFDdEIsd0NBQXdDLEVBQUUsUUFBUTtJQUNsRCw4QkFBOEIsRUFBRSxDQUFDLEtBQUssSUFBSSxDQUFDLFFBQVE7SUFDbkQsc0VBQXNFLEVBQUUsS0FBSyxJQUFJLENBQUMsUUFBUTtDQUMzRixDQUNGLENBQUM7QUFFSixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxFQUFFLENBQ2hDLDRJQUE0SSxDQUM3SSxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FDakMsZ0JBQWdCLEVBQ2hCLEVBQUUsQ0FBQyxxRUFBcUUsQ0FBQyxDQUMxRSxDQUFDIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnRzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL2NvbnN0YW50cy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXBELE1BQU0sQ0FBQyxNQUFNLG9CQUFvQixHQUFHLENBQUMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUF5QyxFQUFVLEVBQUUsQ0FDekcsRUFBRSxDQUNBLG1NQUFtTSxFQUNuTTtJQUNFLG1CQUFtQixFQUFFLENBQUMsUUFBUTtJQUM5Qix1REFBdUQsRUFBRSxRQUFRO0lBQ2pFLDhCQUE4QixFQUFFLENBQUMsS0FBSyxJQUFJLENBQUMsUUFBUTtJQUNuRCxzRUFBc0UsRUFBRSxLQUFLLElBQUksQ0FBQyxRQUFRO0NBQzNGLENBQ0YsQ0FBQztBQUVKLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFHLEVBQUUsQ0FDaEMsNElBQTRJLENBQzdJLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsVUFBVSxDQUNqQyxnQkFBZ0IsRUFDaEIsRUFBRSxDQUFDLHFFQUFxRSxDQUFDLENBQzFFLENBQUMifQ==

package/dist/styles.css

@@ -703,7 +703,7 @@ input[type='number'].no-arrows {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
-  --tw-ring-color: var(--aquarium-colors-info-70);
+  --tw-ring-color: var(--aquarium-border-color-info-default);
 }
 .focusable:focus-visible{
   outline: 2px solid transparent;
@@ -712,7 +712,7 @@ input[type='number'].no-arrows {
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
-  --tw-ring-color: var(--aquarium-colors-info-70);
+  --tw-ring-color: var(--aquarium-border-color-info-default);
 }
 .icon-stroke-2 svg path {
   stroke-width: 2;
@@ -2539,13 +2539,13 @@ input[type='number'].no-arrows {
   fill: rgba(255,203,210,1);
   fill: var(--aquarium-colors-error-10);
 }
-.stroke-primary-60{
+.stroke-primary-muted{
   stroke: rgba(129,142,236,1);
-  stroke: var(--aquarium-colors-primary-60);
+  stroke: var(--aquarium-border-color-primary-muted);
 }
-.stroke-success-40{
+.stroke-success-default{
   stroke: rgba(96,219,87,1);
-  stroke: var(--aquarium-colors-success-40);
+  stroke: var(--aquarium-border-color-success-default);
 }
 .stroke-warning-100{
   stroke: rgba(254,109,0,1);
@@ -3221,9 +3221,6 @@ input[type='number'].no-arrows {
 .opacity-70{
   opacity: 0.7;
 }
-.opacity-80{
-  opacity: 0.8;
-}
 .opacity-40{
   opacity: 0.4;
 }
@@ -3270,8 +3267,8 @@ input[type='number'].no-arrows {
 .ring-inset{
   --tw-ring-inset: inset;
 }
-.ring-primary-80{
-  --tw-ring-color: var(--aquarium-colors-primary-80);
+.ring-primary-default{
+  --tw-ring-color: var(--aquarium-border-color-primary-default);
 }
 .ring-offset-0{
   --tw-ring-offset-width: 0px;
@@ -3464,21 +3461,63 @@ input[type='number'].no-arrows {
       color: rgba(53,69,190,1);
       color: var(--aquarium-text-color-primary-intense);
     }
+.aquarium-theme-dark .Aquarium-Checkbox input:disabled {
+      background-color: rgba(237,237,240,1);
+      background-color: var(--aquarium-background-color-default);
+    }
+.aquarium-theme-dark .Aquarium-Checkbox input:disabled+svg {
+        background-color: rgba(237,237,240,1);
+        background-color: var(--aquarium-background-color-default);
+        border-color: rgba(247,247,250,1);
+        border-color: var(--aquarium-background-color-muted);
+      }
+.aquarium-theme-dark .Aquarium-Checkbox input:checked+svg path {
+      stroke: black;
+      stroke: var(--aquarium-colors-black);
+    }
+.aquarium-theme-dark .Aquarium-Checkbox input:disabled:checked+svg path {
+      stroke: rgba(210,210,214,1);
+      stroke: var(--aquarium-border-color-default);
+    }
 .aquarium-theme-dark .Aquarium-Button\.Secondary {
     --tw-ring-color: var(--aquarium-text-color-primary-intense);
  }
-.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
-      background-color: white;
-      background-color: var(--aquarium-background-color-body);
+.aquarium-theme-dark .Aquarium-Button\.Secondary:active,.aquarium-theme-dark .Aquarium-Button\.Secondary:hover {
+      background-color: transparent;
       color: rgba(34,47,149,1);
       color: var(--aquarium-background-color-primary-intense);
       --tw-ring-color: var(--aquarium-background-color-primary-intense);
     }
+.aquarium-theme-dark .Aquarium-Button\.Secondary:focus {
+      --tw-ring-color: var(--aquarium-border-color-primary-default);
+    }
 .aquarium-theme-dark .Aquarium-Button\.Secondary:disabled {
       color: color-mix(in srgb, rgba(129,142,236,1) 50%, transparent);
       color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
       --tw-ring-color: color-mix(in srgb, var(--aquarium-colors-primary-60) 50%, transparent);
     }
+.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-primary-10 {
+        --aquarium-colors-primary-10: rgba(44, 51, 108, 1);
+      }
+.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-success-10 {
+        --aquarium-colors-success-10: rgba(29, 78, 33, 1);
+      }
+.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-warning-20 {
+        --aquarium-colors-warning-20: rgba(125, 66, 25, 1);
+      }
+.aquarium-theme-dark .Aquarium-Alert\.Banner svg .stroke-warning-100 {
+        --aquarium-colors-warning-100: rgba(164, 93, 44, 1);
+      }
+.aquarium-theme-dark .Aquarium-Alert\.Banner svg .fill-error-10 {
+        --aquarium-colors-error-10: rgba(105, 25, 30, 1);
+      }
+.aquarium-theme-dark .Aquarium-Dropdown\.Item.bg-muted,.aquarium-theme-dark .Aquarium-Dropdown\.Item.hover\:bg-muted:hover,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.bg-muted,.aquarium-theme-dark .Aquarium-DropdownMenu\.Item.hover\:bg-muted:hover{
+      background-color: rgba(237,237,240,1);
+      background-color: var(--aquarium-background-color-default);
+    }
+.aquarium-theme-dark .Aquarium-Card {
+  --aquarium-background-color-primary-hover: color-mix(in srgb, var(--aquarium-colors-primary-100) 70%, transparent);
+ }
 .placeholder\:text-inactive::-moz-placeholder{
   color: rgba(150,150,160,1);
   color: var(--aquarium-text-color-inactive);
@@ -3582,8 +3621,8 @@ input[type='number'].no-arrows {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
-.hover\:ring-primary-90:hover{
-  --tw-ring-color: var(--aquarium-colors-primary-90);
+.hover\:ring-primary-default:hover{
+  --tw-ring-color: var(--aquarium-border-color-primary-default);
 }
 .hover\:checked\:bg-primary-intense:checked:hover{
   background-color: rgba(34,47,149,1);
@@ -3715,23 +3754,23 @@ input[type='number'].no-arrows {
 .focus-visible\:ring-inset:focus-visible{
   --tw-ring-inset: inset;
 }
-.focus-visible\:ring-primary-100.focus-visible{
-  --tw-ring-color: var(--aquarium-colors-primary-100);
+.focus-visible\:ring-primary-intense.focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-primary-intense);
 }
-.focus-visible\:ring-primary-100:focus-visible{
-  --tw-ring-color: var(--aquarium-colors-primary-100);
+.focus-visible\:ring-primary-intense:focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-primary-intense);
 }
-.focus-visible\:ring-primary-90.focus-visible{
-  --tw-ring-color: var(--aquarium-colors-primary-90);
+.focus-visible\:ring-primary-default.focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-primary-default);
 }
-.focus-visible\:ring-primary-90:focus-visible{
-  --tw-ring-color: var(--aquarium-colors-primary-90);
+.focus-visible\:ring-primary-default:focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-primary-default);
 }
-.focus-visible\:ring-info-70.focus-visible{
-  --tw-ring-color: var(--aquarium-colors-info-70);
+.focus-visible\:ring-info-default.focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-info-default);
 }
-.focus-visible\:ring-info-70:focus-visible{
-  --tw-ring-color: var(--aquarium-colors-info-70);
+.focus-visible\:ring-info-default:focus-visible{
+  --tw-ring-color: var(--aquarium-border-color-info-default);
 }
 .focus-visible\:ring-offset-0.focus-visible{
   --tw-ring-offset-width: 0px;
@@ -3777,8 +3816,8 @@ input[type='number'].no-arrows {
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
-.active\:ring-primary-90:active{
-  --tw-ring-color: var(--aquarium-colors-primary-90);
+.active\:ring-primary-default:active{
+  --tw-ring-color: var(--aquarium-border-color-primary-default);
 }
 .disabled\:cursor-not-allowed:disabled{
   cursor: not-allowed;
@@ -3815,8 +3854,8 @@ input[type='number'].no-arrows {
   color: rgba(185,197,239,1);
   color: var(--aquarium-text-color-primary-inactive);
 }
-.disabled\:ring-primary-40:disabled{
-  --tw-ring-color: var(--aquarium-colors-primary-40);
+.disabled\:ring-primary-muted:disabled{
+  --tw-ring-color: var(--aquarium-border-color-primary-muted);
 }
 .group:last-of-type .group-last-of-type\:border-b-0{
   border-bottom-width: 0px;

package/dist/system.cjs

@@ -4582,7 +4582,7 @@ var Menu = import_react3.default.forwardRef(
     return /* @__PURE__ */ import_react3.default.createElement("ul", __spreadValues({
       ref,
       style: { maxHeight },
-      className: classNames(className, tw("text-default"))
+      className: classNames(className, tw("text-default bg-body"))
     }, props), children);
   }
 );
@@ -7022,8 +7022,8 @@ var Arrow = (props) => {
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
   "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
   {
-    "px-3 py-3": !readOnly,
-    "border-none resize-none cursor-default": readOnly,
+    "px-3 py-3 bg-body": !readOnly,
+    "border-none resize-none cursor-default bg-transparent": readOnly,
     "border border-danger-default": !valid && !readOnly,
     "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
   }
@@ -7044,14 +7044,14 @@ var import_chevronDown3 = __toESM(require_chevronDown());
 var import_loading2 = __toESM(require_loading());
 var COLOR_CLASSNAMES = {
   "primary": tw(
-    "text-white bg-primary-default active:bg-primary-intense active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-intense disabled:bg-primary-muted"
+    "text-white bg-primary-default active:bg-primary-intense active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-intense focus-visible:ring-inset hover:bg-primary-intense disabled:bg-primary-muted"
   ),
   "secondary": tw(
-    "text-primary-intense bg-body ring-1 ring-primary-80 ring-inset",
-    "active:bg-primary-active active:ring-primary-90 active:text-primary-intense",
-    "focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-intense",
-    "hover:bg-primary-hover hover:ring-primary-90 hover:text-primary-intense",
-    "disabled:bg-body disabled:text-primary-inactive disabled:ring-primary-40"
+    "text-primary-intense bg-transparent ring-1 ring-primary-default ring-inset",
+    "active:bg-primary-active active:ring-primary-default active:text-primary-intense",
+    "focus-visible:ring-2 focus-visible:ring-primary-default focus-visible:text-primary-intense",
+    "hover:bg-primary-hover hover:ring-primary-default hover:text-primary-intense",
+    "disabled:bg-body disabled:text-primary-inactive disabled:ring-primary-muted"
   ),
   "ghost": ghostButtonStyle,
   "text": linkStyle,
@@ -8182,8 +8182,8 @@ Banner.Dismiss = (_a) => {
 };
 Banner.Dismiss.displayName = "Alert.Banner.Dismiss";
 var ILLUSTRATION_COLORS = {
-  information: { stroke: tw("stroke-primary-60"), fill: tw("fill-primary-10") },
-  success: { stroke: tw("stroke-success-40"), fill: tw("fill-success-10") },
+  information: { stroke: tw("stroke-primary-muted"), fill: tw("fill-primary-10") },
+  success: { stroke: tw("stroke-success-default"), fill: tw("fill-success-10") },
   warning: { stroke: tw("stroke-warning-100"), fill: tw("fill-warning-20") },
   error: { stroke: tw("stroke-error-100"), fill: tw("fill-error-10") }
 };
@@ -8950,7 +8950,7 @@ var Checkbox = import_react39.default.forwardRef(
       name
     }, props), {
       className: classNames(
-        tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
+        tw("peer appearance-none outline-none w-5 h-5 rounded-sm border border-transparent", {
           "cursor-pointer checked:bg-primary-default": !disabled,
           "cursor-not-allowed bg-muted checked:bg-primary-muted": disabled
         })
@@ -8968,7 +8968,7 @@ var Checkbox = import_react39.default.forwardRef(
           "rounded-sm border border-default peer-focus:border-info-default"
         ),
         {
-          "peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default": !disabled,
+          "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default": !disabled,
           "border-muted peer-checked:text-primary-default peer-checked:[&>path]:stroke-primary-70 peer-checked:border-transparent": disabled
         }
       )
@@ -9471,7 +9471,7 @@ var Carousel = ({
     tabIndex: 0,
     onScroll: handleScroll,
     className: tw(
-      "grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-70"
+      "grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-default"
     ),
     style: { width }
   }, width !== 0 && import_react47.default.Children.map(children, (child, index) => /* @__PURE__ */ import_react47.default.createElement(CarouselItem, {
@@ -10525,8 +10525,6 @@ var createInput = (displayName, opts = {}) => {
         readOnly,
         className: classNames(
           {
-            "bg-body": !readOnly,
-            "bg-transparent": readOnly,
             "[&::-webkit-search-cancel-button]:appearance-none": opts.isSearch,
             "pl-7": opts.adornment,
             "pr-7": opts.canReset || endAdornment
@@ -11590,7 +11588,7 @@ var DropdownMenu = import_react73.default.forwardRef(
       style: { minHeight, maxHeight, minWidth, maxWidth },
       className: classNames(
         className,
-        "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
+        "Aquarium-DropdownMenu.Menu bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
       )
     }, props), children);
   }
@@ -11615,7 +11613,10 @@ var Group2 = import_react73.default.forwardRef(
     return /* @__PURE__ */ import_react73.default.createElement("li", __spreadValues({
       ref
     }, props), title && /* @__PURE__ */ import_react73.default.createElement("div", __spreadValues({
-      className: classNames(className, "p-3 text-inactive uppercase cursor-default typography-caption")
+      className: classNames(
+        className,
+        "Aquarium-DropdownMenu.Group p-3 text-inactive uppercase cursor-default typography-caption"
+      )
     }, titleProps), title), children);
   }
 );
@@ -11625,7 +11626,7 @@ var Item3 = import_react73.default.forwardRef(
     var _b = _a, { kind, highlighted, selected, className, icon, showNotification = false, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
     return /* @__PURE__ */ import_react73.default.createElement("li", __spreadValues({
       ref,
-      className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
+      className: classNames(className, "Aquarium-DropdownMenu.Item flex items-center gap-x-3 p-3 outline-none", {
         "cursor-pointer hover:bg-muted": !props.disabled,
         "bg-muted": highlighted,
         "text-primary-intense": kind === "action" && !props.disabled,
@@ -12834,7 +12835,7 @@ var Modal = (_a) => {
 Modal.BackDrop = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ import_react84.default.createElement("div", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-default opacity-80"), className)
+    className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-body-intense opacity-70"), className)
   }));
 };
 Modal.Dialog = import_react84.default.forwardRef(
@@ -13666,11 +13667,14 @@ var DropdownItem = (_a) => {
     onClick: handleClick,
     onKeyDown: handleKeyDown
   }, props), {
-    className: tw("typography-small flex items-center focus:ring-0", {
-      "text-default cursor-pointer hover:bg-muted": !disabled,
-      "text-inactive cursor-not-allowed": disabled,
-      "text-primary-default hover:text-primary-intense": color === "danger" && !disabled
-    })
+    className: classNames(
+      "Aquarium-Dropdown.Item",
+      tw("typography-small flex items-center focus:ring-0", {
+        "text-default cursor-pointer hover:bg-muted": !disabled,
+        "text-inactive cursor-not-allowed": disabled,
+        "text-danger-default": color === "danger" && !disabled
+      })
+    )
   }), tooltip ? /* @__PURE__ */ import_react91.default.createElement(Tooltip, {
     content: tooltip,
     placement: tooltipPlacement,
@@ -15539,7 +15543,7 @@ var getBaseSegmentedControlClassNames = (selected) => tw(
   "disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted",
   {
     "typography-small text-default bg-body": !selected,
-    "typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-80": selected
+    "typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-default": selected
   }
 );
 

package/dist/system.mjs

@@ -4432,7 +4432,7 @@ var Menu = React2.forwardRef(
     return /* @__PURE__ */ React2.createElement("ul", __spreadValues({
       ref,
       style: { maxHeight },
-      className: classNames(className, tw("text-default"))
+      className: classNames(className, tw("text-default bg-body"))
     }, props), children);
   }
 );
@@ -6872,8 +6872,8 @@ var Arrow = (props) => {
 var getCommonInputStyles = ({ readOnly, valid }) => tw(
   "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-default disabled:bg-default typography-small text-default disabled:text-inactive placeholder:text-inactive focus:outline-none",
   {
-    "px-3 py-3": !readOnly,
-    "border-none resize-none cursor-default": readOnly,
+    "px-3 py-3 bg-body": !readOnly,
+    "border-none resize-none cursor-default bg-transparent": readOnly,
     "border border-danger-default": !valid && !readOnly,
     "border border-default hover:border-intense focus:border-info-default": valid && !readOnly
   }
@@ -6894,14 +6894,14 @@ var import_chevronDown3 = __toESM(require_chevronDown());
 var import_loading2 = __toESM(require_loading());
 var COLOR_CLASSNAMES = {
   "primary": tw(
-    "text-white bg-primary-default active:bg-primary-intense active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-intense disabled:bg-primary-muted"
+    "text-white bg-primary-default active:bg-primary-intense active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-intense focus-visible:ring-inset hover:bg-primary-intense disabled:bg-primary-muted"
   ),
   "secondary": tw(
-    "text-primary-intense bg-body ring-1 ring-primary-80 ring-inset",
-    "active:bg-primary-active active:ring-primary-90 active:text-primary-intense",
-    "focus-visible:ring-2 focus-visible:ring-primary-90 focus-visible:text-primary-intense",
-    "hover:bg-primary-hover hover:ring-primary-90 hover:text-primary-intense",
-    "disabled:bg-body disabled:text-primary-inactive disabled:ring-primary-40"
+    "text-primary-intense bg-transparent ring-1 ring-primary-default ring-inset",
+    "active:bg-primary-active active:ring-primary-default active:text-primary-intense",
+    "focus-visible:ring-2 focus-visible:ring-primary-default focus-visible:text-primary-intense",
+    "hover:bg-primary-hover hover:ring-primary-default hover:text-primary-intense",
+    "disabled:bg-body disabled:text-primary-inactive disabled:ring-primary-muted"
   ),
   "ghost": ghostButtonStyle,
   "text": linkStyle,
@@ -8032,8 +8032,8 @@ Banner.Dismiss = (_a) => {
 };
 Banner.Dismiss.displayName = "Alert.Banner.Dismiss";
 var ILLUSTRATION_COLORS = {
-  information: { stroke: tw("stroke-primary-60"), fill: tw("fill-primary-10") },
-  success: { stroke: tw("stroke-success-40"), fill: tw("fill-success-10") },
+  information: { stroke: tw("stroke-primary-muted"), fill: tw("fill-primary-10") },
+  success: { stroke: tw("stroke-success-default"), fill: tw("fill-success-10") },
   warning: { stroke: tw("stroke-warning-100"), fill: tw("fill-warning-20") },
   error: { stroke: tw("stroke-error-100"), fill: tw("fill-error-10") }
 };
@@ -8800,7 +8800,7 @@ var Checkbox = React33.forwardRef(
       name
     }, props), {
       className: classNames(
-        tw("peer appearance-none outline-none w-5 h-5", "rounded-sm border border-transparent", {
+        tw("peer appearance-none outline-none w-5 h-5 rounded-sm border border-transparent", {
           "cursor-pointer checked:bg-primary-default": !disabled,
           "cursor-not-allowed bg-muted checked:bg-primary-muted": disabled
         })
@@ -8818,7 +8818,7 @@ var Checkbox = React33.forwardRef(
           "rounded-sm border border-default peer-focus:border-info-default"
         ),
         {
-          "peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default": !disabled,
+          "border-default peer-hover:border-intense peer-checked:text-white peer-checked:[&>path]:stroke-white peer-checked:border-primary-default": !disabled,
           "border-muted peer-checked:text-primary-default peer-checked:[&>path]:stroke-primary-70 peer-checked:border-transparent": disabled
         }
       )
@@ -9321,7 +9321,7 @@ var Carousel = ({
     tabIndex: 0,
     onScroll: handleScroll,
     className: tw(
-      "grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-70"
+      "grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-default"
     ),
     style: { width }
   }, width !== 0 && React41.Children.map(children, (child, index) => /* @__PURE__ */ React41.createElement(CarouselItem, {
@@ -10375,8 +10375,6 @@ var createInput = (displayName, opts = {}) => {
         readOnly,
         className: classNames(
           {
-            "bg-body": !readOnly,
-            "bg-transparent": readOnly,
             "[&::-webkit-search-cancel-button]:appearance-none": opts.isSearch,
             "pl-7": opts.adornment,
             "pr-7": opts.canReset || endAdornment
@@ -11440,7 +11438,7 @@ var DropdownMenu = React66.forwardRef(
       style: { minHeight, maxHeight, minWidth, maxWidth },
       className: classNames(
         className,
-        "bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
+        "Aquarium-DropdownMenu.Menu bg-popover-content w-full flex flex-col overflow-x-hidden typography-small text-default"
       )
     }, props), children);
   }
@@ -11465,7 +11463,10 @@ var Group2 = React66.forwardRef(
     return /* @__PURE__ */ React66.createElement("li", __spreadValues({
       ref
     }, props), title && /* @__PURE__ */ React66.createElement("div", __spreadValues({
-      className: classNames(className, "p-3 text-inactive uppercase cursor-default typography-caption")
+      className: classNames(
+        className,
+        "Aquarium-DropdownMenu.Group p-3 text-inactive uppercase cursor-default typography-caption"
+      )
     }, titleProps), title), children);
   }
 );
@@ -11475,7 +11476,7 @@ var Item3 = React66.forwardRef(
     var _b = _a, { kind, highlighted, selected, className, icon, showNotification = false, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
     return /* @__PURE__ */ React66.createElement("li", __spreadValues({
       ref,
-      className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
+      className: classNames(className, "Aquarium-DropdownMenu.Item flex items-center gap-x-3 p-3 outline-none", {
         "cursor-pointer hover:bg-muted": !props.disabled,
         "bg-muted": highlighted,
         "text-primary-intense": kind === "action" && !props.disabled,
@@ -12684,7 +12685,7 @@ var Modal = (_a) => {
 Modal.BackDrop = (_a) => {
   var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
   return /* @__PURE__ */ React76.createElement("div", __spreadProps(__spreadValues({}, rest), {
-    className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-default opacity-80"), className)
+    className: classNames(tw("-z-10 fixed min-w-full min-h-full bg-body-intense opacity-70"), className)
   }));
 };
 Modal.Dialog = React76.forwardRef(
@@ -13516,11 +13517,14 @@ var DropdownItem = (_a) => {
     onClick: handleClick,
     onKeyDown: handleKeyDown
   }, props), {
-    className: tw("typography-small flex items-center focus:ring-0", {
-      "text-default cursor-pointer hover:bg-muted": !disabled,
-      "text-inactive cursor-not-allowed": disabled,
-      "text-primary-default hover:text-primary-intense": color === "danger" && !disabled
-    })
+    className: classNames(
+      "Aquarium-Dropdown.Item",
+      tw("typography-small flex items-center focus:ring-0", {
+        "text-default cursor-pointer hover:bg-muted": !disabled,
+        "text-inactive cursor-not-allowed": disabled,
+        "text-danger-default": color === "danger" && !disabled
+      })
+    )
   }), tooltip ? /* @__PURE__ */ React82.createElement(Tooltip, {
     content: tooltip,
     placement: tooltipPlacement,
@@ -15389,7 +15393,7 @@ var getBaseSegmentedControlClassNames = (selected) => tw(
   "disabled:cursor-not-allowed disabled:text-inactive disabled:bg-muted",
   {
     "typography-small text-default bg-body": !selected,
-    "typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-80": selected
+    "typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-default": selected
   }
 );
 

package/dist/tailwind.config.js

@@ -53,6 +53,8 @@ module.exports = {
     extend: {
       backgroundColor,
       borderColor,
+      ringColor: borderColor,
+      stroke: borderColor,
       borderRadius,
       textColor,
       zIndex: {