@capra/core 1.5.0 → 1.5.1

package/dist/style.css

@@ -2411,14 +2411,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     transform: translate(-50%) scale(1);
   }
 }
-.capra-Drawer-module-wiZVBa-root {
+.capra-Drawer-module-H0eofa-root {
   z-index: 1000;
   pointer-events: none;
   position: fixed;
   inset: 0;
 }
 
-.capra-Drawer-module-wiZVBa-overlay {
+.capra-Drawer-module-H0eofa-overlay {
   z-index: 0;
   pointer-events: auto;
   background-color: var(--cds2-color-background-scrim);
@@ -2426,7 +2426,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   inset: 0;
 }
 
-.capra-Drawer-module-wiZVBa-sheet {
+.capra-Drawer-module-H0eofa-sheet {
   z-index: 1;
   width: clamp(400px, var(--drawer-width, 480px), 80vw);
   pointer-events: auto;
@@ -2439,29 +2439,37 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden;
 }
 
-.capra-Drawer-module-wiZVBa-sheet[data-placement="right"] {
+.capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
   box-shadow: var(--cds2-shadow-high-left);
   top: 0;
   bottom: 0;
   right: 0;
 }
 
-.capra-Drawer-module-wiZVBa-sheet[data-placement="left"] {
+.capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
   box-shadow: var(--cds2-shadow-high-right);
   top: 0;
   bottom: 0;
   left: 0;
 }
 
-.capra-Drawer-module-wiZVBa-root[data-open="true"] .capra-Drawer-module-wiZVBa-sheet[data-placement="right"] {
-  animation: .22s cubic-bezier(.16, 1, .3, 1) capra-Drawer-module-wiZVBa-drawerInFromRight;
+.capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
+  animation: capra-Drawer-module-H0eofa-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
 }
 
-.capra-Drawer-module-wiZVBa-root[data-open="true"] .capra-Drawer-module-wiZVBa-sheet[data-placement="left"] {
-  animation: .22s cubic-bezier(.16, 1, .3, 1) capra-Drawer-module-wiZVBa-drawerInFromLeft;
+.capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
+  animation: capra-Drawer-module-H0eofa-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
 }
 
-.capra-Drawer-module-wiZVBa-header {
+.capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
+  animation: capra-Drawer-module-H0eofa-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
+}
+
+.capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
+  animation: capra-Drawer-module-H0eofa-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
+}
+
+.capra-Drawer-module-H0eofa-header {
   justify-content: space-between;
   align-items: flex-start;
   gap: var(--cds2-spacing-md);
@@ -2472,7 +2480,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Drawer-module-wiZVBa-headerMain {
+.capra-Drawer-module-H0eofa-headerMain {
   gap: var(--cds2-spacing-xs);
   flex-direction: column;
   flex: 1;
@@ -2480,7 +2488,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Drawer-module-wiZVBa-expandedTitleLayout {
+.capra-Drawer-module-H0eofa-expandedTitleLayout {
   align-items: center;
   gap: var(--cds2-spacing-md);
   flex-direction: row;
@@ -2488,20 +2496,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-Drawer-module-wiZVBa-description {
+.capra-Drawer-module-H0eofa-description {
   font: var(--cds2-typography-body-md-normal);
   color: var(--cds2-color-foreground-neutral-default);
   margin: 0;
 }
 
-.capra-Drawer-module-wiZVBa-headerTrailing {
+.capra-Drawer-module-H0eofa-headerTrailing {
   align-items: center;
   gap: var(--cds2-spacing-md);
   flex-shrink: 0;
   display: flex;
 }
 
-.capra-Drawer-module-wiZVBa-body {
+.capra-Drawer-module-H0eofa-body {
   min-width: 0;
   min-height: 0;
   padding: var(--cds2-spacing-lg);
@@ -2511,7 +2519,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   overflow: hidden auto;
 }
 
-.capra-Drawer-module-wiZVBa-footer {
+.capra-Drawer-module-H0eofa-footer {
   justify-content: flex-end;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -2523,7 +2531,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-@keyframes capra-Drawer-module-wiZVBa-drawerInFromRight {
+@keyframes capra-Drawer-module-H0eofa-drawerInFromRight {
   from {
     transform: translateX(100%);
   }
@@ -2533,7 +2541,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-@keyframes capra-Drawer-module-wiZVBa-drawerInFromLeft {
+@keyframes capra-Drawer-module-H0eofa-drawerInFromLeft {
   from {
     transform: translateX(-100%);
   }
@@ -2542,6 +2550,26 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     transform: translateX(0);
   }
 }
+
+@keyframes capra-Drawer-module-H0eofa-drawerOutToRight {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(100%);
+  }
+}
+
+@keyframes capra-Drawer-module-H0eofa-drawerOutToLeft {
+  from {
+    transform: translateX(0);
+  }
+
+  to {
+    transform: translateX(-100%);
+  }
+}
 .capra-Popover-module-xlfP1a-popover {
   z-index: 1000;
   background-color: var(--cds2-color-background-panel-solid);
@@ -3710,31 +3738,30 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
 .capra-Menu-module-y-WdTa-menuItemListItemShell {
   width: 100%;
 }
-.capra-TabNav-module-VtoGYa-root {
+.capra-TabNav-module-e0IbmW-root {
   flex-direction: column;
   width: 100%;
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] {
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] {
   flex-direction: column-reverse;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] {
   flex-direction: row;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tabBar {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabBar {
   border-block-end: none;
-  border-inline-end: 1px solid var(--cds-border-primary);
+  border-inline-end: 1px solid var(--cds2-color-border-neutral-subtle);
   flex-direction: column;
   align-items: stretch;
   width: 180px;
-  margin-inline-end: var(--cds2-spacing-lg);
   padding-inline-end: var(--cds2-spacing-lg);
 }
 
-.capra-TabNav-module-VtoGYa-tabBar {
+.capra-TabNav-module-e0IbmW-tabBar {
   justify-content: space-between;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -3743,42 +3770,41 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-tabBar:has(.capra-TabNav-module-VtoGYa-extraContent) {
+.capra-TabNav-module-e0IbmW-tabBar:has(.capra-TabNav-module-e0IbmW-extraContent) {
   gap: var(--cds2-spacing-xl);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tabBar {
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tabBar {
   border: none;
   margin-block-start: 0;
-  margin-block-end: var(--cds2-spacing-lg);
 }
 
-.capra-TabNav-module-VtoGYa-tabList {
+.capra-TabNav-module-e0IbmW-tabList {
   gap: var(--cds2-spacing-xl);
   flex-flow: wrap;
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-wrap="nowrap"] .capra-TabNav-module-VtoGYa-tabList {
+.capra-TabNav-module-e0IbmW-root[data-wrap="nowrap"] .capra-TabNav-module-e0IbmW-tabList {
   flex-wrap: nowrap;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tabList {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabList {
   flex-flow: column;
   gap: 0;
   width: 100%;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tabList > :not(:last-child), .capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tabGroup > :not(:last-child), .capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-subTabList .capra-TabNav-module-VtoGYa-subTabListItem:not(:last-child) {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabList > :not(:last-child), .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tabGroup > :not(:last-child), .capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-subTabList .capra-TabNav-module-e0IbmW-subTabListItem:not(:last-child) {
   margin-block-end: var(--cds2-spacing-md);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-centered="true"] .capra-TabNav-module-VtoGYa-tabList {
+.capra-TabNav-module-e0IbmW-root[data-centered="true"] .capra-TabNav-module-e0IbmW-tabList {
   flex: 1;
   justify-content: center;
 }
 
-.capra-TabNav-module-VtoGYa-tab {
+.capra-TabNav-module-e0IbmW-tab {
   appearance: none;
   border: none;
   border-bottom: 2px solid #0000;
@@ -3787,7 +3813,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   align-items: center;
   gap: var(--cds2-spacing-sm);
   font: var(--cds2-typography-body-md-semibold);
-  color: var(--cds-color-foreground-secondary);
+  color: var(--cds2-color-foreground-subtle);
   height: var(--cds2-dimension-component-md);
   background: none;
   border-inline-end: 2px solid #0000;
@@ -3809,58 +3835,58 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tab {
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab {
   transition: none;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
-  border-bottom-color: var(--cds-color-border-accent);
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
+  border-bottom-color: var(--cds2-color-border-accent-default);
   color: var(--cds2-color-foreground-neutral-default) !important;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tab[data-active="true"][data-disabled="true"] {
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
   border-bottom-color: #0000;
 }
 
-.capra-TabNav-module-VtoGYa-tab[data-active="true"] {
+.capra-TabNav-module-e0IbmW-tab[data-active="true"] {
   color: var(--cds2-color-foreground-accent-default);
 }
 
-.capra-TabNav-module-VtoGYa-tabIcon {
+.capra-TabNav-module-e0IbmW-tabIcon {
   align-items: center;
   display: inline-flex;
 }
 
-.capra-TabNav-module-VtoGYa-tabLabel {
+.capra-TabNav-module-e0IbmW-tabLabel {
   white-space: nowrap;
 }
 
-.capra-TabNav-module-VtoGYa-indentSpacer {
+.capra-TabNav-module-e0IbmW-indentSpacer {
   flex-shrink: 0;
   width: 16px;
   min-width: 16px;
 }
 
-.capra-TabNav-module-VtoGYa-dropdownIcon {
+.capra-TabNav-module-e0IbmW-dropdownIcon {
   color: inherit;
   flex-shrink: 0;
   align-items: center;
   display: inline-flex;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-dropdownIcon {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-dropdownIcon {
   margin-inline-start: auto;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab[data-expanded="false"] .capra-TabNav-module-VtoGYa-dropdownIcon svg {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="false"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
   transform: rotate(-90deg);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab[data-expanded="true"] .capra-TabNav-module-VtoGYa-dropdownIcon svg {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-expanded="true"] .capra-TabNav-module-e0IbmW-dropdownIcon svg {
   transform: none;
 }
 
-.capra-TabNav-module-VtoGYa-tabGroup {
+.capra-TabNav-module-e0IbmW-tabGroup {
   flex-direction: column;
   align-items: stretch;
   gap: 0;
@@ -3868,7 +3894,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-subTabList {
+.capra-TabNav-module-e0IbmW-subTabList {
   flex-flow: column;
   gap: 0;
   width: 100%;
@@ -3878,20 +3904,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-subTabListItem {
+.capra-TabNav-module-e0IbmW-subTabListItem {
   margin: 0;
   padding: 0;
 }
 
-.capra-TabNav-module-VtoGYa-subTab {
+.capra-TabNav-module-e0IbmW-subTab {
   width: 100%;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tab[data-active="true"], .capra-TabNav-module-VtoGYa-root[data-placement="horizontal"] .capra-TabNav-module-VtoGYa-tab[data-submenu-open="true"] {
-  border-bottom-color: var(--cds-color-border-accent);
+.capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-active="true"], .capra-TabNav-module-e0IbmW-root[data-placement="horizontal"] .capra-TabNav-module-e0IbmW-tab[data-submenu-open="true"] {
+  border-bottom-color: var(--cds2-color-border-accent-default);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab {
   border-bottom: none;
   padding-block: 0;
   padding-inline: var(--cds2-spacing-md);
@@ -3900,56 +3926,56 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   width: 100%;
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab[data-active="true"] {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"] {
   background-color: var(--cds2-color-background-accent-subtle);
   border-inline-end-color: var(--cds2-color-border-accent-default);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
-  background-color: var(--stateLayer-accent-selected, #e6f7ff);
-  border-inline-end-color: var(--cds-color-state-layer-accent-hover, var(--cds-color-foreground-accent));
-  color: var(--cds-color-state-layer-accent-hover);
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab:hover:not(:is(:disabled, [data-disabled="true"])) {
+  background-color: var(--cds2-color-background-accent-selected);
+  border-inline-end-color: var(--cds2-color-border-accent-strong);
+  color: var(--cds2-color-foreground-accent-default);
 }
 
-.capra-TabNav-module-VtoGYa-root[data-placement="vertical"] .capra-TabNav-module-VtoGYa-tab[data-active="true"][data-disabled="true"] {
+.capra-TabNav-module-e0IbmW-root[data-placement="vertical"] .capra-TabNav-module-e0IbmW-tab[data-active="true"][data-disabled="true"] {
   background-color: #0000;
   border-inline-end-color: #0000;
 }
 
-.capra-TabNav-module-VtoGYa-extraContent {
+.capra-TabNav-module-e0IbmW-extraContent {
   align-items: center;
   display: flex;
 }
 
-.capra-TabNav-module-VtoGYa-panel {
+.capra-TabNav-module-e0IbmW-panel {
   font: var(--cds2-typography-body-md-normal);
   color: var(--cds2-color-foreground-default);
   flex: 1;
   padding-block-start: var(--cds2-spacing-lg);
 }
 
-.capra-TabNav-module-VtoGYa-subMenu {
+.capra-TabNav-module-e0IbmW-subMenu {
   padding: var(--cds2-spacing-xs);
   min-width: 160px;
   margin: 0;
   list-style: none;
 }
 
-.capra-TabNav-module-VtoGYa-subMenuItem {
+.capra-TabNav-module-e0IbmW-subMenuItem {
   appearance: none;
   text-align: start;
   width: 100%;
   padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
   font: var(--cds2-typography-body-sm-normal);
   color: var(--cds2-color-foreground-default);
-  border-radius: var(--cds-radius-sm);
+  border-radius: var(--cds2-radius-md);
   cursor: pointer;
   background: none;
   border: none;
   display: block;
 
   &:hover:not(:disabled) {
-    background-color: var(--cds-color-state-layer-accent-hover);
+    background-color: var(--cds2-color-background-accent-hover);
   }
 
   &:focus-visible {
@@ -3963,7 +3989,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-TabNav-module-VtoGYa-subMenuItemActive {
+.capra-TabNav-module-e0IbmW-subMenuItemActive {
   background-color: var(--cds2-color-background-accent-subtle);
   color: var(--cds2-color-foreground-accent-default);
   font: var(--cds2-typography-body-sm-semibold);

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@capra/core",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "description": "Core React components for the Capra design system",
+  "homepage": "https://capra.cribl.io",
   "exports": {
     ".": {
       "require": "./dist/index.cjs",
@@ -40,13 +41,13 @@
     "clsx": "^2.1.1",
     "@internationalized/date": "3.12.1",
     "antd": "4.24.16",
-    "storybook": "^10.3.6",
+    "storybook": "^10.4.6",
     "tsdown": "^0.22.0",
-    "@capra/theme": "1.2.0",
     "@private/building": "0.0.3",
+    "@capra/theme": "1.2.0",
+    "@private/testing": "0.0.7",
     "@private/linting": "0.0.0",
-    "@private/stories": "0.0.0",
-    "@private/testing": "0.0.7"
+    "@private/stories": "0.0.0"
   },
   "scripts": {
     "clean": "rm -rf ./dist",