@capra/core 1.11.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.

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.

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.

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.

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,11 @@
 # 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capra/core",
-  "version": "1.11.0",
+  "version": "1.11.1",
   "license": "SEE LICENSE IN LICENSE.txt",
   "type": "module",
   "description": "Core React components for the Capra design system",
@@ -43,8 +43,8 @@
     "antd": "4.24.16",
     "storybook": "^10.4.6",
     "tsdown": "^0.22.7",
-    "@capra/theme": "^1.4.0",
     "@private/building": "^0.1.0",
+    "@capra/theme": "^1.4.0",
     "@private/linting": "^0.0.1",
     "@private/stories": "^0.0.0",
     "@private/testing": "^0.0.7"