@capra/core 1.10.0 → 1.11.1

package/dist/index.cjs

@@ -1063,8 +1063,8 @@ Collapse.displayName = "Collapse";
 //#endregion
 //#region src/components/InputRow/InputRow.module.css
 var InputRow_module_default = {
-	"addon": "capra-InputRow-module-6vZh0q-addon",
-	"row": "capra-InputRow-module-6vZh0q-row"
+	"addon": "capra-InputRow-module-hUHSXW-addon",
+	"row": "capra-InputRow-module-hUHSXW-row"
 };
 //#endregion
 //#region src/components/InputRow/InputRow.tsx
@@ -3300,7 +3300,7 @@ const VerticalNavigationContext = react.createContext(null);
 * Can be a link (if href is provided) or a button.
 * Supports icons, active state, and 'subItem' variant for indentation.
 */
-const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant = "default", rightElement, ...props }) => {
+const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant = "default", rightElement, DANGEROUS_DO_NOT_USE__after, ...props }) => {
 	if (!react.useContext(VerticalNavigationContext)) throw new Error("VerticalNavigation.Item must be used within VerticalNavigation");
 	const isLink = Boolean(href);
 	const Component = as ?? (isLink ? "a" : "button");
@@ -3350,7 +3350,7 @@ const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, o
 		variant: "body-sm-normal",
 		color: "inherit",
 		FORCE__className: VerticalNavigation_module_default.label
-	}, label), rightElement ? /* @__PURE__ */ react.createElement("span", { className: VerticalNavigation_module_default.right }, rightElement) : null));
+	}, label), rightElement ? /* @__PURE__ */ react.createElement("span", { className: VerticalNavigation_module_default.right }, rightElement) : null), DANGEROUS_DO_NOT_USE__after);
 };
 /**
 * A toggle button to collapse/expand the navigation.
@@ -3445,21 +3445,29 @@ function lazyLoad(importFn) {
 	}));
 }
 const ILLUSTRATIONS = {
-	EmptyFolder: {
-		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolder")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolderDark"))
-	},
 	ArtSupplies: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/ArtSupplies")),
 		dark: lazyLoad(() => import("@capra/icons/esm/images/ArtSuppliesDark"))
 	},
-	Sandcastle: {
-		light: lazyLoad(() => import("@capra/icons/esm/images/Sandcastle")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/SandcastleDark"))
+	Attention: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Attention")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/AttentionDark"))
+	},
+	Celebration: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Celebration")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/CelebrationDark"))
+	},
+	Hibernating: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Hibernating")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/HibernatingDark"))
 	},
 	EmptyBowl: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowl")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowl"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowlDark"))
+	},
+	EmptyFolder: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolder")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolderDark"))
 	},
 	EmptySuitcase: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/EmptySuitcase")),
@@ -3467,19 +3475,23 @@ const ILLUSTRATIONS = {
 	},
 	Envelope: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/Envelope")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/Envelope"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EnvelopeDark"))
 	},
 	MissingSock: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/MissingSock")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/MissingSock"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/MissingSockDark"))
 	},
 	PizzaBox: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/PizzaBox")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/PizzaBox"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/PizzaBoxDark"))
 	},
 	PottedPlant: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/PottedPlant")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/PottedPlant"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/PottedPlantDark"))
+	},
+	Sandcastle: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Sandcastle")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/SandcastleDark"))
 	}
 };
 /**

package/dist/index.d.cts

@@ -1378,6 +1378,11 @@ type VerticalNavigationItemBaseProps<As extends React$2.ElementType> = Omit<Reac
    * Text label for the item.
    */
   label: string;
+  /**
+   * DO NOT USE! Temporary workaround. This prop **will be removed** in an upcoming minor version.
+   * @deprecated
+   */
+  DANGEROUS_DO_NOT_USE__after?: React$2.ReactNode;
 };
 type VerticalNavigationDefaultItemProps<As extends React$2.ElementType> = VerticalNavigationItemBaseProps<As> & {
   /**
@@ -1404,7 +1409,7 @@ type VerticalNavigationItemProps<As extends React$2.ElementType> = VerticalNavig
  * Can be a link (if href is provided) or a button.
  * Supports icons, active state, and 'subItem' variant for indentation.
  */
-declare const Item: <As extends React$2.ElementType>({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant, rightElement, ...props }: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
+declare const Item: <As extends React$2.ElementType>({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant, rightElement, DANGEROUS_DO_NOT_USE__after, ...props }: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
 type VerticalNavigationCollapseProps = React$2.ButtonHTMLAttributes<HTMLButtonElement> & StylingOverrideProps;
 /**
  * A toggle button to collapse/expand the navigation.
@@ -1437,7 +1442,7 @@ declare const VerticalNavigation: VerticalNavigationComponent;
 //#endregion
 //#region src/components/EmptyState/EmptyState.d.ts
 /** Valid illustration slugs for the EmptyState component. */
-declare const illustrationSlugs: readonly ['EmptyFolder', 'ArtSupplies', 'EmptyBowl', 'EmptySuitcase', 'Envelope', 'MissingSock', 'PizzaBox', 'PottedPlant', 'Sandcastle'];
+declare const illustrationSlugs: readonly ['ArtSupplies', 'Attention', 'Celebration', 'EmptyBowl', 'EmptyFolder', 'EmptySuitcase', 'Envelope', 'Hibernating', 'MissingSock', 'PizzaBox', 'PottedPlant', 'Sandcastle'];
 type EmptyStateIllustrationSlug = (typeof illustrationSlugs)[number];
 type EmptyStateProps = {
   /** The illustration to display, identified by slug. Use theme to switch between light/dark variants when available. @default "EmptyFolder" */

package/dist/index.d.mts

@@ -1378,6 +1378,11 @@ type VerticalNavigationItemBaseProps<As extends React$2.ElementType> = Omit<Reac
    * Text label for the item.
    */
   label: string;
+  /**
+   * DO NOT USE! Temporary workaround. This prop **will be removed** in an upcoming minor version.
+   * @deprecated
+   */
+  DANGEROUS_DO_NOT_USE__after?: React$2.ReactNode;
 };
 type VerticalNavigationDefaultItemProps<As extends React$2.ElementType> = VerticalNavigationItemBaseProps<As> & {
   /**
@@ -1404,7 +1409,7 @@ type VerticalNavigationItemProps<As extends React$2.ElementType> = VerticalNavig
  * Can be a link (if href is provided) or a button.
  * Supports icons, active state, and 'subItem' variant for indentation.
  */
-declare const Item: <As extends React$2.ElementType>({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant, rightElement, ...props }: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
+declare const Item: <As extends React$2.ElementType>({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant, rightElement, DANGEROUS_DO_NOT_USE__after, ...props }: VerticalNavigationItemProps<As>) => React$2.JSX.Element;
 type VerticalNavigationCollapseProps = React$2.ButtonHTMLAttributes<HTMLButtonElement> & StylingOverrideProps;
 /**
  * A toggle button to collapse/expand the navigation.
@@ -1437,7 +1442,7 @@ declare const VerticalNavigation: VerticalNavigationComponent;
 //#endregion
 //#region src/components/EmptyState/EmptyState.d.ts
 /** Valid illustration slugs for the EmptyState component. */
-declare const illustrationSlugs: readonly ['EmptyFolder', 'ArtSupplies', 'EmptyBowl', 'EmptySuitcase', 'Envelope', 'MissingSock', 'PizzaBox', 'PottedPlant', 'Sandcastle'];
+declare const illustrationSlugs: readonly ['ArtSupplies', 'Attention', 'Celebration', 'EmptyBowl', 'EmptyFolder', 'EmptySuitcase', 'Envelope', 'Hibernating', 'MissingSock', 'PizzaBox', 'PottedPlant', 'Sandcastle'];
 type EmptyStateIllustrationSlug = (typeof illustrationSlugs)[number];
 type EmptyStateProps = {
   /** The illustration to display, identified by slug. Use theme to switch between light/dark variants when available. @default "EmptyFolder" */

package/dist/index.mjs

@@ -1040,8 +1040,8 @@ Collapse.displayName = "Collapse";
 //#endregion
 //#region src/components/InputRow/InputRow.module.css
 var InputRow_module_default = {
-	"addon": "capra-InputRow-module-6vZh0q-addon",
-	"row": "capra-InputRow-module-6vZh0q-row"
+	"addon": "capra-InputRow-module-hUHSXW-addon",
+	"row": "capra-InputRow-module-hUHSXW-row"
 };
 //#endregion
 //#region src/components/InputRow/InputRow.tsx
@@ -3277,7 +3277,7 @@ const VerticalNavigationContext = React$1.createContext(null);
 * Can be a link (if href is provided) or a button.
 * Supports icons, active state, and 'subItem' variant for indentation.
 */
-const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant = "default", rightElement, ...props }) => {
+const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, onClick, variant = "default", rightElement, DANGEROUS_DO_NOT_USE__after, ...props }) => {
 	if (!React$1.useContext(VerticalNavigationContext)) throw new Error("VerticalNavigation.Item must be used within VerticalNavigation");
 	const isLink = Boolean(href);
 	const Component = as ?? (isLink ? "a" : "button");
@@ -3327,7 +3327,7 @@ const Item = ({ as, icon, label, isActive, href, FORCE__className, isDisabled, o
 		variant: "body-sm-normal",
 		color: "inherit",
 		FORCE__className: VerticalNavigation_module_default.label
-	}, label), rightElement ? /* @__PURE__ */ React$1.createElement("span", { className: VerticalNavigation_module_default.right }, rightElement) : null));
+	}, label), rightElement ? /* @__PURE__ */ React$1.createElement("span", { className: VerticalNavigation_module_default.right }, rightElement) : null), DANGEROUS_DO_NOT_USE__after);
 };
 /**
 * A toggle button to collapse/expand the navigation.
@@ -3422,21 +3422,29 @@ function lazyLoad(importFn) {
 	}));
 }
 const ILLUSTRATIONS = {
-	EmptyFolder: {
-		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolder")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolderDark"))
-	},
 	ArtSupplies: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/ArtSupplies")),
 		dark: lazyLoad(() => import("@capra/icons/esm/images/ArtSuppliesDark"))
 	},
-	Sandcastle: {
-		light: lazyLoad(() => import("@capra/icons/esm/images/Sandcastle")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/SandcastleDark"))
+	Attention: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Attention")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/AttentionDark"))
+	},
+	Celebration: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Celebration")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/CelebrationDark"))
+	},
+	Hibernating: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Hibernating")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/HibernatingDark"))
 	},
 	EmptyBowl: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowl")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowl"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyBowlDark"))
+	},
+	EmptyFolder: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolder")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EmptyFolderDark"))
 	},
 	EmptySuitcase: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/EmptySuitcase")),
@@ -3444,19 +3452,23 @@ const ILLUSTRATIONS = {
 	},
 	Envelope: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/Envelope")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/Envelope"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/EnvelopeDark"))
 	},
 	MissingSock: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/MissingSock")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/MissingSock"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/MissingSockDark"))
 	},
 	PizzaBox: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/PizzaBox")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/PizzaBox"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/PizzaBoxDark"))
 	},
 	PottedPlant: {
 		light: lazyLoad(() => import("@capra/icons/esm/images/PottedPlant")),
-		dark: lazyLoad(() => import("@capra/icons/esm/images/PottedPlant"))
+		dark: lazyLoad(() => import("@capra/icons/esm/images/PottedPlantDark"))
+	},
+	Sandcastle: {
+		light: lazyLoad(() => import("@capra/icons/esm/images/Sandcastle")),
+		dark: lazyLoad(() => import("@capra/icons/esm/images/SandcastleDark"))
 	}
 };
 /**

package/dist/style.css

@@ -1564,7 +1564,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     transition: none;
   }
 }
-.capra-InputRow-module-6vZh0q-row {
+.capra-InputRow-module-hUHSXW-row {
   flex-direction: row;
   align-items: stretch;
   width: 100%;
@@ -1584,7 +1584,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     flex: none;
   }
 
-  & > [data-capra-input-row-addon]:not(:first-child), & > [data-capra-text-input]:not(:first-child), & > [data-capra-field-root]:not(:first-child) :where([data-capra-text-input]), & > .ant-select:not(:first-child) {
+  & > [data-capra-input-row-addon]:not(:first-child), & > [data-capra-text-input]:not(:first-child), & > [data-capra-field-root]:not(:first-child) :where([data-capra-text-input]) {
     margin-inline-start: -1px;
   }
 
@@ -1592,10 +1592,6 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     z-index: 1;
   }
 
-  & > .ant-select-focused {
-    z-index: 1;
-  }
-
   & > :not(:only-child):not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
@@ -1605,29 +1601,9 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
-
-  & > .ant-select:not(:only-child):not(:last-child) .ant-select-selection, & > .ant-select:not(:only-child):not(:last-child) .ant-select-selector {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
-
-  & > .ant-select:not(:only-child):not(:first-child) .ant-select-selection, & > .ant-select:not(:only-child):not(:first-child) .ant-select-selector {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-
-  & > .ant-select:first-child:not(:only-child) .ant-select-selection, & > .ant-select:first-child:not(:only-child) .ant-select-selector {
-    border-top-left-radius: var(--cds2-radius-md);
-    border-bottom-left-radius: var(--cds2-radius-md);
-  }
-
-  & > .ant-select:last-child:not(:only-child) .ant-select-selection, & > .ant-select:last-child:not(:only-child) .ant-select-selector {
-    border-top-right-radius: var(--cds2-radius-md);
-    border-bottom-right-radius: var(--cds2-radius-md);
-  }
 }
 
-.capra-InputRow-module-6vZh0q-addon {
+.capra-InputRow-module-hUHSXW-addon {
   box-sizing: border-box;
   align-items: center;
   gap: var(--cds2-spacing-md);
@@ -1650,17 +1626,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
   }
 }
 
-.capra-InputRow-module-6vZh0q-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
+.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:first-child:not(:only-child) {
   border-top-left-radius: var(--cds2-radius-md);
   border-bottom-left-radius: var(--cds2-radius-md);
 }
 
-.capra-InputRow-module-6vZh0q-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
+.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:last-child:not(:only-child) {
   border-top-right-radius: var(--cds2-radius-md);
   border-bottom-right-radius: var(--cds2-radius-md);
 }
 
-.capra-InputRow-module-6vZh0q-row > [data-capra-input-row-addon]:only-child {
+.capra-InputRow-module-hUHSXW-row > [data-capra-input-row-addon]:only-child {
   border-radius: var(--cds2-radius-md);
 }
 .capra-NumberField-module-crO5za-withStepper {

package/docs/history-changelogs-capra-core--docs.md

@@ -1,5 +1,23 @@
 # History/Changelogs/@capra-core
 
+### 1.11.1
+
+#### Patch Changes
+
+* [d5f21be](https://bitbucket.org/cribl/capra-ui/commits/d5f21be): Add temporary prop to `VerticalNavigation`
+
+### 1.11.0
+
+#### Minor Changes
+
+* [85ed2f8](https://bitbucket.org/cribl/capra-ui/commits/85ed2f8): Update `EmptyState` to use new images
+
+#### Patch Changes
+
+* Updated dependencies [85ed2f8](https://bitbucket.org/cribl/capra-ui/commits/85ed2f8) — Add missing dark mode images
+* Updated dependencies [85ed2f8](https://bitbucket.org/cribl/capra-ui/commits/85ed2f8) — Add new `Attention`, `Celebration`, and `Hibernating` images
+  * @capra/icons\@1.9.0
+
 ### 1.10.0
 
 #### Minor Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capra/core",
-  "version": "1.10.0",
+  "version": "1.11.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "description": "Core React components for the Capra design system",
@@ -35,7 +35,7 @@
   "dependencies": {
     "react-aria": "^3.48.0",
     "react-aria-components": "^1.17.0",
-    "@capra/icons": "^1.8.0"
+    "@capra/icons": "^1.9.0"
   },
   "devDependencies": {
     "clsx": "^2.1.1",
@@ -43,10 +43,10 @@
     "antd": "4.24.16",
     "storybook": "^10.4.6",
     "tsdown": "^0.22.7",
+    "@private/building": "^0.1.0",
     "@capra/theme": "^1.4.0",
-    "@private/stories": "^0.0.0",
     "@private/linting": "^0.0.1",
-    "@private/building": "^0.1.0",
+    "@private/stories": "^0.0.0",
     "@private/testing": "^0.0.7"
   },
   "scripts": {