@nation-a/ui 0.16.23 → 0.16.25

package/dist/styled-system/styles.css

@@ -2810,8 +2810,8 @@ html:not(#\#),body:not(#\#) {
   color: var(--colors-content-neutral-default);
 }
 
-.selected\:bg_background\.neutral\.default:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
-  background: var(--colors-background-neutral-default);
+.selected\:bg_\#00000008:is([aria-selected=true], [data-selected]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+  background: #00000008;
 }
 
 .vertical\:gap_4[data-orientation=vertical]:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
@@ -3322,6 +3322,10 @@ html:not(#\#),body:not(#\#) {
   color: var(--colors-content-neutral-disabled);
 }
 
+.dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .selected\:dark\:bg_\#FFFFFF08:is([aria-selected=true], [data-selected]) {
+  background: #FFFFFF08;
+}
+
 .checked\:disabled\:bg_content\.neutral\.disabled:is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):is(:disabled, [disabled], [data-disabled]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
   background: var(--colors-content-neutral-disabled);
 }
@@ -3426,6 +3430,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .hover\:bg_\#00000012:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
+    background: #00000012;
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:bd-c_white\.800A:is(:hover, [data-hover]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     border-color: var(--colors-white-800-a);
@@ -3468,6 +3478,12 @@ html:not(#\#),body:not(#\#) {
 }
 }
 
+@media (hover: hover) and (pointer: fine) {
+  .dark:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .hover\:dark\:bg_\#FFFFFF12:is(:hover, [data-hover]) {
+    background: #FFFFFF12;
+}
+}
+
 @media (hover: hover) and (pointer: fine) {
   .checked\:hover\:bg_content\.neutral\.subtle:is(:hover, [data-hover]):is(:checked, [data-checked], [aria-checked=true], [data-state="checked"]):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
     background: var(--colors-content-neutral-subtle);

package/dist/types/components/Navigation/index.d.ts

@@ -5,16 +5,7 @@ import { HTMLStyledProps } from '../../../styled-system/jsx';
 export type NavigationProps = ComponentProps<typeof Root>;
 type RootProps = Assign<HTMLStyledProps<'div'>, ArkTabs.RootProps>;
 declare const Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;
-export type NavigationTriggerProps = Assign<HTMLStyledProps<'button'>, ArkTabs.TriggerBaseProps> & {
-    /**
-     * The icon to display in the trigger.
-     */
-    icon: React.ReactNode;
-    /**
-     * The label to display in the trigger.
-     */
-    label: string;
-};
+export type NavigationTriggerProps = Assign<HTMLStyledProps<'button'>, ArkTabs.TriggerBaseProps>;
 type ListProps = Assign<HTMLStyledProps<'div'>, ArkTabs.ListBaseProps>;
 declare const Navigation: {
     Root: (props: RootProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nation-a/ui",
-  "version": "0.16.23",
+  "version": "0.16.25",
   "type": "module",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/index.cjs",
@@ -22,7 +22,7 @@
     "react-dom": "^18.3.1",
     "react-hot-toast": "^2.5.2",
     "react-lottie": "^1.2.10",
-    "@nation-a/icons": "0.4.2",
+    "@nation-a/icons": "0.4.3",
     "@nation-a/tokens": "0.4.2"
   },
   "devDependencies": {