@capra/core 1.14.0 → 1.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/index.cjs +44 -43
  2. package/dist/index.d.cts +1 -1
  3. package/dist/index.d.mts +1 -1
  4. package/dist/index.mjs +44 -43
  5. package/dist/style.css +70 -66
  6. package/docs/core-alert--design.md +3 -3
  7. package/docs/core-autocompletefield--design.md +5 -5
  8. package/docs/core-badge--design.md +2 -2
  9. package/docs/core-breadcrumbs--design.md +1 -1
  10. package/docs/core-button--design.md +7 -7
  11. package/docs/core-buttonlink--design.md +1 -1
  12. package/docs/core-card--design.md +4 -4
  13. package/docs/core-checkbox--design.md +2 -2
  14. package/docs/core-collapse--design.md +2 -2
  15. package/docs/core-divider--design.md +1 -1
  16. package/docs/core-link--design.md +2 -2
  17. package/docs/core-selectfield--design.md +1 -1
  18. package/docs/core-textinput--usage.md +1 -1
  19. package/docs/core-togglebuttongroup--design.md +2 -2
  20. package/docs/foundation-page-templates--docs.md +15 -0
  21. package/docs/history-changelogs-capra-core--docs.md +8 -0
  22. package/docs/index.md +1 -0
  23. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -2347,33 +2347,34 @@ const DatePickerField = DatePickerFieldWithRef;
2347
2347
  //#endregion
2348
2348
  //#region src/components/SelectField/SelectField.module.css
2349
2349
  var SelectField_module_default = {
2350
- "chevron": "capra-SelectField-module-KwnLuW-chevron",
2351
- "dropdownPanel": "capra-SelectField-module-KwnLuW-dropdownPanel",
2352
- "emptyState": "capra-SelectField-module-KwnLuW-emptyState",
2353
- "errorIndicator": "capra-SelectField-module-KwnLuW-errorIndicator",
2354
- "header": "capra-SelectField-module-KwnLuW-header",
2355
- "item": "capra-SelectField-module-KwnLuW-item",
2356
- "itemCheck": "capra-SelectField-module-KwnLuW-itemCheck",
2357
- "itemContent": "capra-SelectField-module-KwnLuW-itemContent",
2358
- "leadingSlot": "capra-SelectField-module-KwnLuW-leadingSlot",
2359
- "listbox": "capra-SelectField-module-KwnLuW-listbox",
2360
- "multipleOpenButton": "capra-SelectField-module-KwnLuW-multipleOpenButton",
2361
- "multipleTrigger": "capra-SelectField-module-KwnLuW-multipleTrigger",
2362
- "search": "capra-SelectField-module-KwnLuW-search",
2363
- "section": "capra-SelectField-module-KwnLuW-section",
2364
- "singleTrigger": "capra-SelectField-module-KwnLuW-singleTrigger",
2365
- "tag": "capra-SelectField-module-KwnLuW-tag",
2366
- "tagGroup": "capra-SelectField-module-KwnLuW-tagGroup",
2367
- "tagIcon": "capra-SelectField-module-KwnLuW-tagIcon",
2368
- "tagLabel": "capra-SelectField-module-KwnLuW-tagLabel",
2369
- "tagList": "capra-SelectField-module-KwnLuW-tagList",
2370
- "tagRemove": "capra-SelectField-module-KwnLuW-tagRemove",
2371
- "trailingSlot": "capra-SelectField-module-KwnLuW-trailingSlot",
2372
- "triggerShell": "capra-SelectField-module-KwnLuW-triggerShell",
2373
- "value": "capra-SelectField-module-KwnLuW-value",
2374
- "valueIcon": "capra-SelectField-module-KwnLuW-valueIcon",
2375
- "valueText": "capra-SelectField-module-KwnLuW-valueText",
2376
- "warningIndicator": "capra-SelectField-module-KwnLuW-warningIndicator"
2350
+ "chevron": "capra-SelectField-module-0VcKhq-chevron",
2351
+ "dropdownPanel": "capra-SelectField-module-0VcKhq-dropdownPanel",
2352
+ "emptyState": "capra-SelectField-module-0VcKhq-emptyState",
2353
+ "errorIndicator": "capra-SelectField-module-0VcKhq-errorIndicator",
2354
+ "header": "capra-SelectField-module-0VcKhq-header",
2355
+ "item": "capra-SelectField-module-0VcKhq-item",
2356
+ "itemBody": "capra-SelectField-module-0VcKhq-itemBody",
2357
+ "itemCheck": "capra-SelectField-module-0VcKhq-itemCheck",
2358
+ "itemContent": "capra-SelectField-module-0VcKhq-itemContent",
2359
+ "leadingSlot": "capra-SelectField-module-0VcKhq-leadingSlot",
2360
+ "listbox": "capra-SelectField-module-0VcKhq-listbox",
2361
+ "multipleOpenButton": "capra-SelectField-module-0VcKhq-multipleOpenButton",
2362
+ "multipleTrigger": "capra-SelectField-module-0VcKhq-multipleTrigger",
2363
+ "search": "capra-SelectField-module-0VcKhq-search",
2364
+ "section": "capra-SelectField-module-0VcKhq-section",
2365
+ "singleTrigger": "capra-SelectField-module-0VcKhq-singleTrigger",
2366
+ "tag": "capra-SelectField-module-0VcKhq-tag",
2367
+ "tagGroup": "capra-SelectField-module-0VcKhq-tagGroup",
2368
+ "tagIcon": "capra-SelectField-module-0VcKhq-tagIcon",
2369
+ "tagLabel": "capra-SelectField-module-0VcKhq-tagLabel",
2370
+ "tagList": "capra-SelectField-module-0VcKhq-tagList",
2371
+ "tagRemove": "capra-SelectField-module-0VcKhq-tagRemove",
2372
+ "trailingSlot": "capra-SelectField-module-0VcKhq-trailingSlot",
2373
+ "triggerShell": "capra-SelectField-module-0VcKhq-triggerShell",
2374
+ "value": "capra-SelectField-module-0VcKhq-value",
2375
+ "valueIcon": "capra-SelectField-module-0VcKhq-valueIcon",
2376
+ "valueText": "capra-SelectField-module-0VcKhq-valueText",
2377
+ "warningIndicator": "capra-SelectField-module-0VcKhq-warningIndicator"
2377
2378
  };
2378
2379
  //#endregion
2379
2380
  //#region src/components/SelectField/SelectField.tsx
@@ -2529,11 +2530,11 @@ function SelectFieldItem(props) {
2529
2530
  isDisabled,
2530
2531
  className: SelectField_module_default.item,
2531
2532
  "data-indent": indent || void 0
2532
- }, ({ isSelected, selectionMode }) => /* @__PURE__ */ react.createElement("div", { className: SelectField_module_default.itemContent }, selectionMode === "multiple" ? /* @__PURE__ */ react.createElement("span", {
2533
+ }, ({ isSelected }) => /* @__PURE__ */ react.createElement("div", { className: SelectField_module_default.itemContent }, /* @__PURE__ */ react.createElement("span", {
2533
2534
  className: SelectField_module_default.itemCheck,
2534
2535
  "data-selected": isSelected || void 0,
2535
2536
  "aria-hidden": true
2536
- }, isSelected ? /* @__PURE__ */ react.createElement(_capra_icons.CheckOutlined, { size: "sm" }) : null) : null, typeof children === "string" ? /* @__PURE__ */ react.createElement(Text, { slot: "label" }, children) : children));
2537
+ }, isSelected ? /* @__PURE__ */ react.createElement(_capra_icons.CheckOutlined, { size: "sm" }) : null), /* @__PURE__ */ react.createElement("span", { className: SelectField_module_default.itemBody }, typeof children === "string" ? /* @__PURE__ */ react.createElement(Text, { slot: "label" }, children) : children)));
2537
2538
  }
2538
2539
  function SelectFieldHeader(props) {
2539
2540
  const { id, label = "Header", FORCE__className: classNameOverride, children } = props;
@@ -3402,20 +3403,20 @@ function createConfirmationModalOpener(appearance) {
3402
3403
  //#endregion
3403
3404
  //#region src/components/Drawer/Drawer.module.css
3404
3405
  var Drawer_module_default = {
3405
- "body": "capra-Drawer-module-H0eofa-body",
3406
- "description": "capra-Drawer-module-H0eofa-description",
3407
- "drawerInFromLeft": "capra-Drawer-module-H0eofa-drawerInFromLeft",
3408
- "drawerInFromRight": "capra-Drawer-module-H0eofa-drawerInFromRight",
3409
- "drawerOutToLeft": "capra-Drawer-module-H0eofa-drawerOutToLeft",
3410
- "drawerOutToRight": "capra-Drawer-module-H0eofa-drawerOutToRight",
3411
- "expandedTitleLayout": "capra-Drawer-module-H0eofa-expandedTitleLayout",
3412
- "footer": "capra-Drawer-module-H0eofa-footer",
3413
- "header": "capra-Drawer-module-H0eofa-header",
3414
- "headerMain": "capra-Drawer-module-H0eofa-headerMain",
3415
- "headerTrailing": "capra-Drawer-module-H0eofa-headerTrailing",
3416
- "overlay": "capra-Drawer-module-H0eofa-overlay",
3417
- "root": "capra-Drawer-module-H0eofa-root",
3418
- "sheet": "capra-Drawer-module-H0eofa-sheet"
3406
+ "body": "capra-Drawer-module-iRsXUG-body",
3407
+ "description": "capra-Drawer-module-iRsXUG-description",
3408
+ "drawerInFromLeft": "capra-Drawer-module-iRsXUG-drawerInFromLeft",
3409
+ "drawerInFromRight": "capra-Drawer-module-iRsXUG-drawerInFromRight",
3410
+ "drawerOutToLeft": "capra-Drawer-module-iRsXUG-drawerOutToLeft",
3411
+ "drawerOutToRight": "capra-Drawer-module-iRsXUG-drawerOutToRight",
3412
+ "expandedTitleLayout": "capra-Drawer-module-iRsXUG-expandedTitleLayout",
3413
+ "footer": "capra-Drawer-module-iRsXUG-footer",
3414
+ "header": "capra-Drawer-module-iRsXUG-header",
3415
+ "headerMain": "capra-Drawer-module-iRsXUG-headerMain",
3416
+ "headerTrailing": "capra-Drawer-module-iRsXUG-headerTrailing",
3417
+ "overlay": "capra-Drawer-module-iRsXUG-overlay",
3418
+ "root": "capra-Drawer-module-iRsXUG-root",
3419
+ "sheet": "capra-Drawer-module-iRsXUG-sheet"
3419
3420
  };
3420
3421
  //#endregion
3421
3422
  //#region src/components/Drawer/useDrawerExitAnimation.ts
package/dist/index.d.cts CHANGED
@@ -523,7 +523,7 @@ declare const RadioTile: (props: {
523
523
  } & Omit<RadioProps, "aria-label" | "aria-labelledby"> & StylingOverrideProps & React$2.RefAttributes<HTMLInputElement>) => React$2.ReactElement;
524
524
  //#endregion
525
525
  //#region src/components/Switch/Switch.d.ts
526
- type SwitchNativeProps = Omit<React$2.InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'className' | 'role' | 'size' | 'type'>;
526
+ type SwitchNativeProps = Omit<React$2.InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'className' | 'role' | 'size' | 'type'>;
527
527
  type SwitchProps = AccessibleLabelProps & SwitchNativeProps & {
528
528
  size?: 'sm' | 'md';
529
529
  } & StylingOverrideProps;
package/dist/index.d.mts CHANGED
@@ -523,7 +523,7 @@ declare const RadioTile: (props: {
523
523
  } & Omit<RadioProps, "aria-label" | "aria-labelledby"> & StylingOverrideProps & React$2.RefAttributes<HTMLInputElement>) => React$2.ReactElement;
524
524
  //#endregion
525
525
  //#region src/components/Switch/Switch.d.ts
526
- type SwitchNativeProps = Omit<React$2.InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'className' | 'role' | 'size' | 'type'>;
526
+ type SwitchNativeProps = Omit<React$2.InputHTMLAttributes<HTMLInputElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'className' | 'role' | 'size' | 'type'>;
527
527
  type SwitchProps = AccessibleLabelProps & SwitchNativeProps & {
528
528
  size?: 'sm' | 'md';
529
529
  } & StylingOverrideProps;
package/dist/index.mjs CHANGED
@@ -2324,33 +2324,34 @@ const DatePickerField = DatePickerFieldWithRef;
2324
2324
  //#endregion
2325
2325
  //#region src/components/SelectField/SelectField.module.css
2326
2326
  var SelectField_module_default = {
2327
- "chevron": "capra-SelectField-module-KwnLuW-chevron",
2328
- "dropdownPanel": "capra-SelectField-module-KwnLuW-dropdownPanel",
2329
- "emptyState": "capra-SelectField-module-KwnLuW-emptyState",
2330
- "errorIndicator": "capra-SelectField-module-KwnLuW-errorIndicator",
2331
- "header": "capra-SelectField-module-KwnLuW-header",
2332
- "item": "capra-SelectField-module-KwnLuW-item",
2333
- "itemCheck": "capra-SelectField-module-KwnLuW-itemCheck",
2334
- "itemContent": "capra-SelectField-module-KwnLuW-itemContent",
2335
- "leadingSlot": "capra-SelectField-module-KwnLuW-leadingSlot",
2336
- "listbox": "capra-SelectField-module-KwnLuW-listbox",
2337
- "multipleOpenButton": "capra-SelectField-module-KwnLuW-multipleOpenButton",
2338
- "multipleTrigger": "capra-SelectField-module-KwnLuW-multipleTrigger",
2339
- "search": "capra-SelectField-module-KwnLuW-search",
2340
- "section": "capra-SelectField-module-KwnLuW-section",
2341
- "singleTrigger": "capra-SelectField-module-KwnLuW-singleTrigger",
2342
- "tag": "capra-SelectField-module-KwnLuW-tag",
2343
- "tagGroup": "capra-SelectField-module-KwnLuW-tagGroup",
2344
- "tagIcon": "capra-SelectField-module-KwnLuW-tagIcon",
2345
- "tagLabel": "capra-SelectField-module-KwnLuW-tagLabel",
2346
- "tagList": "capra-SelectField-module-KwnLuW-tagList",
2347
- "tagRemove": "capra-SelectField-module-KwnLuW-tagRemove",
2348
- "trailingSlot": "capra-SelectField-module-KwnLuW-trailingSlot",
2349
- "triggerShell": "capra-SelectField-module-KwnLuW-triggerShell",
2350
- "value": "capra-SelectField-module-KwnLuW-value",
2351
- "valueIcon": "capra-SelectField-module-KwnLuW-valueIcon",
2352
- "valueText": "capra-SelectField-module-KwnLuW-valueText",
2353
- "warningIndicator": "capra-SelectField-module-KwnLuW-warningIndicator"
2327
+ "chevron": "capra-SelectField-module-0VcKhq-chevron",
2328
+ "dropdownPanel": "capra-SelectField-module-0VcKhq-dropdownPanel",
2329
+ "emptyState": "capra-SelectField-module-0VcKhq-emptyState",
2330
+ "errorIndicator": "capra-SelectField-module-0VcKhq-errorIndicator",
2331
+ "header": "capra-SelectField-module-0VcKhq-header",
2332
+ "item": "capra-SelectField-module-0VcKhq-item",
2333
+ "itemBody": "capra-SelectField-module-0VcKhq-itemBody",
2334
+ "itemCheck": "capra-SelectField-module-0VcKhq-itemCheck",
2335
+ "itemContent": "capra-SelectField-module-0VcKhq-itemContent",
2336
+ "leadingSlot": "capra-SelectField-module-0VcKhq-leadingSlot",
2337
+ "listbox": "capra-SelectField-module-0VcKhq-listbox",
2338
+ "multipleOpenButton": "capra-SelectField-module-0VcKhq-multipleOpenButton",
2339
+ "multipleTrigger": "capra-SelectField-module-0VcKhq-multipleTrigger",
2340
+ "search": "capra-SelectField-module-0VcKhq-search",
2341
+ "section": "capra-SelectField-module-0VcKhq-section",
2342
+ "singleTrigger": "capra-SelectField-module-0VcKhq-singleTrigger",
2343
+ "tag": "capra-SelectField-module-0VcKhq-tag",
2344
+ "tagGroup": "capra-SelectField-module-0VcKhq-tagGroup",
2345
+ "tagIcon": "capra-SelectField-module-0VcKhq-tagIcon",
2346
+ "tagLabel": "capra-SelectField-module-0VcKhq-tagLabel",
2347
+ "tagList": "capra-SelectField-module-0VcKhq-tagList",
2348
+ "tagRemove": "capra-SelectField-module-0VcKhq-tagRemove",
2349
+ "trailingSlot": "capra-SelectField-module-0VcKhq-trailingSlot",
2350
+ "triggerShell": "capra-SelectField-module-0VcKhq-triggerShell",
2351
+ "value": "capra-SelectField-module-0VcKhq-value",
2352
+ "valueIcon": "capra-SelectField-module-0VcKhq-valueIcon",
2353
+ "valueText": "capra-SelectField-module-0VcKhq-valueText",
2354
+ "warningIndicator": "capra-SelectField-module-0VcKhq-warningIndicator"
2354
2355
  };
2355
2356
  //#endregion
2356
2357
  //#region src/components/SelectField/SelectField.tsx
@@ -2506,11 +2507,11 @@ function SelectFieldItem(props) {
2506
2507
  isDisabled,
2507
2508
  className: SelectField_module_default.item,
2508
2509
  "data-indent": indent || void 0
2509
- }, ({ isSelected, selectionMode }) => /* @__PURE__ */ React$1.createElement("div", { className: SelectField_module_default.itemContent }, selectionMode === "multiple" ? /* @__PURE__ */ React$1.createElement("span", {
2510
+ }, ({ isSelected }) => /* @__PURE__ */ React$1.createElement("div", { className: SelectField_module_default.itemContent }, /* @__PURE__ */ React$1.createElement("span", {
2510
2511
  className: SelectField_module_default.itemCheck,
2511
2512
  "data-selected": isSelected || void 0,
2512
2513
  "aria-hidden": true
2513
- }, isSelected ? /* @__PURE__ */ React$1.createElement(CheckOutlined, { size: "sm" }) : null) : null, typeof children === "string" ? /* @__PURE__ */ React$1.createElement(Text, { slot: "label" }, children) : children));
2514
+ }, isSelected ? /* @__PURE__ */ React$1.createElement(CheckOutlined, { size: "sm" }) : null), /* @__PURE__ */ React$1.createElement("span", { className: SelectField_module_default.itemBody }, typeof children === "string" ? /* @__PURE__ */ React$1.createElement(Text, { slot: "label" }, children) : children)));
2514
2515
  }
2515
2516
  function SelectFieldHeader(props) {
2516
2517
  const { id, label = "Header", FORCE__className: classNameOverride, children } = props;
@@ -3379,20 +3380,20 @@ function createConfirmationModalOpener(appearance) {
3379
3380
  //#endregion
3380
3381
  //#region src/components/Drawer/Drawer.module.css
3381
3382
  var Drawer_module_default = {
3382
- "body": "capra-Drawer-module-H0eofa-body",
3383
- "description": "capra-Drawer-module-H0eofa-description",
3384
- "drawerInFromLeft": "capra-Drawer-module-H0eofa-drawerInFromLeft",
3385
- "drawerInFromRight": "capra-Drawer-module-H0eofa-drawerInFromRight",
3386
- "drawerOutToLeft": "capra-Drawer-module-H0eofa-drawerOutToLeft",
3387
- "drawerOutToRight": "capra-Drawer-module-H0eofa-drawerOutToRight",
3388
- "expandedTitleLayout": "capra-Drawer-module-H0eofa-expandedTitleLayout",
3389
- "footer": "capra-Drawer-module-H0eofa-footer",
3390
- "header": "capra-Drawer-module-H0eofa-header",
3391
- "headerMain": "capra-Drawer-module-H0eofa-headerMain",
3392
- "headerTrailing": "capra-Drawer-module-H0eofa-headerTrailing",
3393
- "overlay": "capra-Drawer-module-H0eofa-overlay",
3394
- "root": "capra-Drawer-module-H0eofa-root",
3395
- "sheet": "capra-Drawer-module-H0eofa-sheet"
3383
+ "body": "capra-Drawer-module-iRsXUG-body",
3384
+ "description": "capra-Drawer-module-iRsXUG-description",
3385
+ "drawerInFromLeft": "capra-Drawer-module-iRsXUG-drawerInFromLeft",
3386
+ "drawerInFromRight": "capra-Drawer-module-iRsXUG-drawerInFromRight",
3387
+ "drawerOutToLeft": "capra-Drawer-module-iRsXUG-drawerOutToLeft",
3388
+ "drawerOutToRight": "capra-Drawer-module-iRsXUG-drawerOutToRight",
3389
+ "expandedTitleLayout": "capra-Drawer-module-iRsXUG-expandedTitleLayout",
3390
+ "footer": "capra-Drawer-module-iRsXUG-footer",
3391
+ "header": "capra-Drawer-module-iRsXUG-header",
3392
+ "headerMain": "capra-Drawer-module-iRsXUG-headerMain",
3393
+ "headerTrailing": "capra-Drawer-module-iRsXUG-headerTrailing",
3394
+ "overlay": "capra-Drawer-module-iRsXUG-overlay",
3395
+ "root": "capra-Drawer-module-iRsXUG-root",
3396
+ "sheet": "capra-Drawer-module-iRsXUG-sheet"
3396
3397
  };
3397
3398
  //#endregion
3398
3399
  //#region src/components/Drawer/useDrawerExitAnimation.ts
package/dist/style.css CHANGED
@@ -2021,7 +2021,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2021
2021
  color: var(--cds2-color-foreground-danger-default);
2022
2022
  margin-block-start: var(--cds2-spacing-xs);
2023
2023
  }
2024
- .capra-SelectField-module-KwnLuW-triggerShell {
2024
+ .capra-SelectField-module-0VcKhq-triggerShell {
2025
2025
  border: var(--cds2-border-default);
2026
2026
  border-radius: var(--cds2-radius-md);
2027
2027
  background-color: var(--cds2-temporary-input-background-primary);
@@ -2056,23 +2056,23 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2056
2056
  color: var(--cds2-temporary-input-foreground-disabled);
2057
2057
  cursor: not-allowed;
2058
2058
 
2059
- & .capra-SelectField-module-KwnLuW-leadingSlot, & .capra-SelectField-module-KwnLuW-trailingSlot, & .capra-SelectField-module-KwnLuW-valueText, & .capra-SelectField-module-KwnLuW-tag {
2059
+ & .capra-SelectField-module-0VcKhq-leadingSlot, & .capra-SelectField-module-0VcKhq-trailingSlot, & .capra-SelectField-module-0VcKhq-valueText, & .capra-SelectField-module-0VcKhq-tag {
2060
2060
  color: var(--cds2-temporary-input-foreground-disabled);
2061
2061
  }
2062
2062
  }
2063
2063
  }
2064
2064
 
2065
- .capra-SelectField-module-KwnLuW-singleTrigger {
2065
+ .capra-SelectField-module-0VcKhq-singleTrigger {
2066
2066
  &:focus-visible {
2067
2067
  outline: var(--cds2-border-focus);
2068
2068
  outline-offset: var(--cds2-spacing-xs);
2069
2069
  }
2070
2070
  }
2071
2071
 
2072
- .capra-SelectField-module-KwnLuW-multipleTrigger {
2072
+ .capra-SelectField-module-0VcKhq-multipleTrigger {
2073
2073
  overflow: hidden;
2074
2074
 
2075
- &:has(.capra-SelectField-module-KwnLuW-multipleOpenButton:focus-visible) {
2075
+ &:has(.capra-SelectField-module-0VcKhq-multipleOpenButton:focus-visible) {
2076
2076
  outline: var(--cds2-border-focus);
2077
2077
  outline-offset: var(--cds2-spacing-xs);
2078
2078
  }
@@ -2082,7 +2082,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2082
2082
  }
2083
2083
  }
2084
2084
 
2085
- .capra-SelectField-module-KwnLuW-multipleOpenButton {
2085
+ .capra-SelectField-module-0VcKhq-multipleOpenButton {
2086
2086
  color: inherit;
2087
2087
  cursor: pointer;
2088
2088
  background: none;
@@ -2102,7 +2102,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2102
2102
  }
2103
2103
  }
2104
2104
 
2105
- .capra-SelectField-module-KwnLuW-leadingSlot, .capra-SelectField-module-KwnLuW-trailingSlot {
2105
+ .capra-SelectField-module-0VcKhq-leadingSlot, .capra-SelectField-module-0VcKhq-trailingSlot {
2106
2106
  align-items: center;
2107
2107
  gap: var(--cds2-spacing-md);
2108
2108
  color: var(--cds2-color-foreground-subtle);
@@ -2110,7 +2110,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2110
2110
  display: inline-flex;
2111
2111
  }
2112
2112
 
2113
- .capra-SelectField-module-KwnLuW-value {
2113
+ .capra-SelectField-module-0VcKhq-value {
2114
2114
  align-items: center;
2115
2115
  gap: var(--cds2-spacing-sm);
2116
2116
  flex: auto;
@@ -2118,14 +2118,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2118
2118
  display: flex;
2119
2119
  }
2120
2120
 
2121
- .capra-SelectField-module-KwnLuW-valueIcon {
2121
+ .capra-SelectField-module-0VcKhq-valueIcon {
2122
2122
  color: var(--cds2-color-foreground-subtle);
2123
2123
  flex-shrink: 0;
2124
2124
  align-items: center;
2125
2125
  display: inline-flex;
2126
2126
  }
2127
2127
 
2128
- .capra-SelectField-module-KwnLuW-valueText {
2128
+ .capra-SelectField-module-0VcKhq-valueText {
2129
2129
  text-overflow: ellipsis;
2130
2130
  white-space: nowrap;
2131
2131
  min-width: 0;
@@ -2136,13 +2136,13 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2136
2136
  }
2137
2137
  }
2138
2138
 
2139
- .capra-SelectField-module-KwnLuW-tagGroup {
2139
+ .capra-SelectField-module-0VcKhq-tagGroup {
2140
2140
  flex: auto;
2141
2141
  min-width: 0;
2142
2142
  display: flex;
2143
2143
  }
2144
2144
 
2145
- .capra-SelectField-module-KwnLuW-tagList {
2145
+ .capra-SelectField-module-0VcKhq-tagList {
2146
2146
  gap: var(--cds2-spacing-xs);
2147
2147
  min-width: 0;
2148
2148
  padding-block: var(--cds2-spacing-xs);
@@ -2160,7 +2160,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2160
2160
  }
2161
2161
  }
2162
2162
 
2163
- .capra-SelectField-module-KwnLuW-tag {
2163
+ .capra-SelectField-module-0VcKhq-tag {
2164
2164
  justify-content: space-between;
2165
2165
  align-items: center;
2166
2166
  gap: var(--cds2-spacing-sm);
@@ -2196,21 +2196,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2196
2196
  }
2197
2197
  }
2198
2198
 
2199
- .capra-SelectField-module-KwnLuW-tagIcon {
2199
+ .capra-SelectField-module-0VcKhq-tagIcon {
2200
2200
  color: var(--cds2-color-foreground-subtle);
2201
2201
  flex-shrink: 0;
2202
2202
  align-items: center;
2203
2203
  display: inline-flex;
2204
2204
  }
2205
2205
 
2206
- .capra-SelectField-module-KwnLuW-tagLabel {
2206
+ .capra-SelectField-module-0VcKhq-tagLabel {
2207
2207
  text-overflow: ellipsis;
2208
2208
  white-space: nowrap;
2209
2209
  min-width: 0;
2210
2210
  overflow: hidden;
2211
2211
  }
2212
2212
 
2213
- .capra-SelectField-module-KwnLuW-tagRemove {
2213
+ .capra-SelectField-module-0VcKhq-tagRemove {
2214
2214
  width: var(--cds2-dimension-component-xs);
2215
2215
  height: var(--cds2-dimension-component-xs);
2216
2216
  border-radius: var(--cds2-radius-md);
@@ -2235,21 +2235,21 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2235
2235
  }
2236
2236
  }
2237
2237
 
2238
- .capra-SelectField-module-KwnLuW-chevron, .capra-SelectField-module-KwnLuW-warningIndicator, .capra-SelectField-module-KwnLuW-errorIndicator {
2238
+ .capra-SelectField-module-0VcKhq-chevron, .capra-SelectField-module-0VcKhq-warningIndicator, .capra-SelectField-module-0VcKhq-errorIndicator {
2239
2239
  justify-content: center;
2240
2240
  align-items: center;
2241
2241
  display: inline-flex;
2242
2242
  }
2243
2243
 
2244
- .capra-SelectField-module-KwnLuW-warningIndicator {
2244
+ .capra-SelectField-module-0VcKhq-warningIndicator {
2245
2245
  color: var(--cds2-color-foreground-warning-default);
2246
2246
  }
2247
2247
 
2248
- .capra-SelectField-module-KwnLuW-errorIndicator {
2248
+ .capra-SelectField-module-0VcKhq-errorIndicator {
2249
2249
  color: var(--cds2-color-foreground-danger-default);
2250
2250
  }
2251
2251
 
2252
- .capra-SelectField-module-KwnLuW-dropdownPanel {
2252
+ .capra-SelectField-module-0VcKhq-dropdownPanel {
2253
2253
  gap: var(--cds2-spacing-sm);
2254
2254
  padding: var(--cds2-spacing-sm);
2255
2255
  border: var(--cds2-border-default);
@@ -2261,11 +2261,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2261
2261
  display: flex;
2262
2262
  }
2263
2263
 
2264
- .capra-SelectField-module-KwnLuW-search {
2264
+ .capra-SelectField-module-0VcKhq-search {
2265
2265
  width: 100%;
2266
2266
  }
2267
2267
 
2268
- .capra-SelectField-module-KwnLuW-listbox {
2268
+ .capra-SelectField-module-0VcKhq-listbox {
2269
2269
  gap: var(--cds2-spacing-xs);
2270
2270
  flex-direction: column;
2271
2271
  max-height: 320px;
@@ -2273,17 +2273,17 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2273
2273
  overflow-y: auto;
2274
2274
  }
2275
2275
 
2276
- .capra-SelectField-module-KwnLuW-emptyState {
2276
+ .capra-SelectField-module-0VcKhq-emptyState {
2277
2277
  padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
2278
2278
  color: var(--cds2-color-foreground-subtle);
2279
2279
  font: var(--cds2-typography-body-md-normal);
2280
2280
  }
2281
2281
 
2282
- .capra-SelectField-module-KwnLuW-section {
2282
+ .capra-SelectField-module-0VcKhq-section {
2283
2283
  display: contents;
2284
2284
  }
2285
2285
 
2286
- .capra-SelectField-module-KwnLuW-header {
2286
+ .capra-SelectField-module-0VcKhq-header {
2287
2287
  box-sizing: border-box;
2288
2288
  color: var(--cds2-color-foreground-default);
2289
2289
  font: var(--cds2-typography-body-md-semibold);
@@ -2293,11 +2293,11 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2293
2293
  display: flex;
2294
2294
  }
2295
2295
 
2296
- .capra-SelectField-module-KwnLuW-dropdownPanel:focus-visible, .capra-SelectField-module-KwnLuW-listbox:focus-visible {
2296
+ .capra-SelectField-module-0VcKhq-dropdownPanel:focus-visible, .capra-SelectField-module-0VcKhq-listbox:focus-visible {
2297
2297
  outline: none;
2298
2298
  }
2299
2299
 
2300
- .capra-SelectField-module-KwnLuW-item {
2300
+ .capra-SelectField-module-0VcKhq-item {
2301
2301
  border-radius: var(--cds2-radius-md);
2302
2302
  outline: none;
2303
2303
 
@@ -2305,41 +2305,45 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2305
2305
  outline: none;
2306
2306
  }
2307
2307
 
2308
- &[data-indent="true"] {
2309
- padding-inline-start: var(--cds2-spacing-xl);
2308
+ &[data-selected="true"] {
2309
+ color: var(--cds2-color-foreground-default);
2310
+ background: none;
2310
2311
  }
2311
2312
 
2312
- &[data-focused="true"] {
2313
+ &[data-hovered="true"], &[data-focused="true"] {
2313
2314
  background-color: var(--cds2-color-background-accent-hover);
2314
2315
  }
2315
2316
 
2316
- &[data-selected="true"] {
2317
- background-color: var(--cds2-color-background-accent-selected);
2318
- color: var(--cds2-color-foreground-default);
2319
- }
2320
-
2321
2317
  &[data-disabled="true"] {
2322
2318
  background: var(--cds2-color-background-disabled);
2323
2319
  color: var(--cds2-color-foreground-on-disabled);
2324
2320
  }
2325
2321
  }
2326
2322
 
2327
- .capra-SelectField-module-KwnLuW-itemContent {
2323
+ .capra-SelectField-module-0VcKhq-itemContent {
2328
2324
  align-items: center;
2329
2325
  gap: var(--cds2-spacing-sm);
2330
- padding: var(--cds2-spacing-sm) var(--cds2-spacing-md);
2326
+ padding: var(--cds2-spacing-sm) var(--cds2-spacing-md) var(--cds2-spacing-sm) var(--cds2-spacing-sm);
2331
2327
  display: flex;
2332
2328
  }
2333
2329
 
2334
- .capra-SelectField-module-KwnLuW-itemCheck {
2335
- width: var(--cds2-dimension-icon-md);
2336
- min-width: var(--cds2-dimension-icon-md);
2330
+ .capra-SelectField-module-0VcKhq-itemBody {
2331
+ align-items: center;
2332
+ gap: var(--cds2-spacing-md);
2333
+ min-width: 0;
2334
+ display: inline-flex;
2335
+ }
2336
+
2337
+ .capra-SelectField-module-0VcKhq-itemCheck {
2338
+ width: var(--cds2-dimension-icon-sm);
2339
+ min-width: var(--cds2-dimension-icon-sm);
2340
+ height: var(--cds2-dimension-icon-sm);
2337
2341
  color: var(--cds2-color-foreground-default);
2338
2342
  justify-content: center;
2339
2343
  align-items: center;
2340
2344
  display: inline-flex;
2341
2345
 
2342
- .capra-SelectField-module-KwnLuW-item[data-disabled="true"] & {
2346
+ .capra-SelectField-module-0VcKhq-item[data-disabled="true"] & {
2343
2347
  color: var(--cds2-color-foreground-on-disabled);
2344
2348
  }
2345
2349
  }
@@ -2773,14 +2777,14 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2773
2777
  transform: translate(-50%) scale(1);
2774
2778
  }
2775
2779
  }
2776
- .capra-Drawer-module-H0eofa-root {
2780
+ .capra-Drawer-module-iRsXUG-root {
2777
2781
  z-index: 1000;
2778
2782
  pointer-events: none;
2779
2783
  position: fixed;
2780
2784
  inset: 0;
2781
2785
  }
2782
2786
 
2783
- .capra-Drawer-module-H0eofa-overlay {
2787
+ .capra-Drawer-module-iRsXUG-overlay {
2784
2788
  z-index: 0;
2785
2789
  pointer-events: auto;
2786
2790
  background-color: var(--cds2-color-background-scrim);
@@ -2788,7 +2792,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2788
2792
  inset: 0;
2789
2793
  }
2790
2794
 
2791
- .capra-Drawer-module-H0eofa-sheet {
2795
+ .capra-Drawer-module-iRsXUG-sheet {
2792
2796
  z-index: 1;
2793
2797
  width: clamp(400px, var(--drawer-width, 480px), 80vw);
2794
2798
  pointer-events: auto;
@@ -2801,48 +2805,48 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2801
2805
  overflow: hidden;
2802
2806
  }
2803
2807
 
2804
- .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
2808
+ .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2805
2809
  box-shadow: var(--cds2-shadow-high-left);
2806
2810
  top: 0;
2807
2811
  bottom: 0;
2808
2812
  right: 0;
2809
2813
  }
2810
2814
 
2811
- .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
2815
+ .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2812
2816
  box-shadow: var(--cds2-shadow-high-right);
2813
2817
  top: 0;
2814
2818
  bottom: 0;
2815
2819
  left: 0;
2816
2820
  }
2817
2821
 
2818
- .capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
2819
- animation: capra-Drawer-module-H0eofa-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
2822
+ .capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2823
+ animation: capra-Drawer-module-iRsXUG-drawerInFromRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
2820
2824
  }
2821
2825
 
2822
- .capra-Drawer-module-H0eofa-root[data-open="true"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
2823
- animation: capra-Drawer-module-H0eofa-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
2826
+ .capra-Drawer-module-iRsXUG-root[data-open="true"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2827
+ animation: capra-Drawer-module-iRsXUG-drawerInFromLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard);
2824
2828
  }
2825
2829
 
2826
- .capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="right"] {
2827
- animation: capra-Drawer-module-H0eofa-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
2830
+ .capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="right"] {
2831
+ animation: capra-Drawer-module-iRsXUG-drawerOutToRight var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
2828
2832
  }
2829
2833
 
2830
- .capra-Drawer-module-H0eofa-root[data-open="false"] .capra-Drawer-module-H0eofa-sheet[data-placement="left"] {
2831
- animation: capra-Drawer-module-H0eofa-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
2834
+ .capra-Drawer-module-iRsXUG-root[data-open="false"] .capra-Drawer-module-iRsXUG-sheet[data-placement="left"] {
2835
+ animation: capra-Drawer-module-iRsXUG-drawerOutToLeft var(--cds2-motion-duration-medium-2) var(--cds2-motion-easing-standard) forwards;
2832
2836
  }
2833
2837
 
2834
- .capra-Drawer-module-H0eofa-header {
2838
+ .capra-Drawer-module-iRsXUG-header {
2835
2839
  justify-content: space-between;
2836
2840
  align-items: flex-start;
2837
2841
  gap: var(--cds2-spacing-md);
2838
- padding: var(--cds2-spacing-lg);
2842
+ padding: var(--cds2-spacing-md) var(--cds2-spacing-lg);
2839
2843
  border-bottom: 1px solid var(--cds2-color-border-neutral-subtle);
2840
2844
  background-color: var(--cds2-color-background-neutral-subtle);
2841
2845
  flex-shrink: 0;
2842
2846
  display: flex;
2843
2847
  }
2844
2848
 
2845
- .capra-Drawer-module-H0eofa-headerMain {
2849
+ .capra-Drawer-module-iRsXUG-headerMain {
2846
2850
  gap: var(--cds2-spacing-xs);
2847
2851
  flex-direction: column;
2848
2852
  flex: 1;
@@ -2850,7 +2854,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2850
2854
  display: flex;
2851
2855
  }
2852
2856
 
2853
- .capra-Drawer-module-H0eofa-expandedTitleLayout {
2857
+ .capra-Drawer-module-iRsXUG-expandedTitleLayout {
2854
2858
  align-items: center;
2855
2859
  gap: var(--cds2-spacing-md);
2856
2860
  flex-direction: row;
@@ -2858,20 +2862,20 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2858
2862
  display: flex;
2859
2863
  }
2860
2864
 
2861
- .capra-Drawer-module-H0eofa-description {
2865
+ .capra-Drawer-module-iRsXUG-description {
2862
2866
  font: var(--cds2-typography-body-md-normal);
2863
2867
  color: var(--cds2-color-foreground-neutral-default);
2864
2868
  margin: 0;
2865
2869
  }
2866
2870
 
2867
- .capra-Drawer-module-H0eofa-headerTrailing {
2871
+ .capra-Drawer-module-iRsXUG-headerTrailing {
2868
2872
  align-items: center;
2869
2873
  gap: var(--cds2-spacing-md);
2870
2874
  flex-shrink: 0;
2871
2875
  display: flex;
2872
2876
  }
2873
2877
 
2874
- .capra-Drawer-module-H0eofa-body {
2878
+ .capra-Drawer-module-iRsXUG-body {
2875
2879
  min-width: 0;
2876
2880
  min-height: 0;
2877
2881
  padding: var(--cds2-spacing-lg);
@@ -2881,7 +2885,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2881
2885
  overflow: hidden auto;
2882
2886
  }
2883
2887
 
2884
- .capra-Drawer-module-H0eofa-footer {
2888
+ .capra-Drawer-module-iRsXUG-footer {
2885
2889
  justify-content: flex-end;
2886
2890
  align-items: center;
2887
2891
  gap: var(--cds2-spacing-md);
@@ -2893,7 +2897,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2893
2897
  display: flex;
2894
2898
  }
2895
2899
 
2896
- @keyframes capra-Drawer-module-H0eofa-drawerInFromRight {
2900
+ @keyframes capra-Drawer-module-iRsXUG-drawerInFromRight {
2897
2901
  from {
2898
2902
  transform: translateX(100%);
2899
2903
  }
@@ -2903,7 +2907,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2903
2907
  }
2904
2908
  }
2905
2909
 
2906
- @keyframes capra-Drawer-module-H0eofa-drawerInFromLeft {
2910
+ @keyframes capra-Drawer-module-iRsXUG-drawerInFromLeft {
2907
2911
  from {
2908
2912
  transform: translateX(-100%);
2909
2913
  }
@@ -2913,7 +2917,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2913
2917
  }
2914
2918
  }
2915
2919
 
2916
- @keyframes capra-Drawer-module-H0eofa-drawerOutToRight {
2920
+ @keyframes capra-Drawer-module-iRsXUG-drawerOutToRight {
2917
2921
  from {
2918
2922
  transform: translateX(0);
2919
2923
  }
@@ -2923,7 +2927,7 @@ input:disabled + .capra-Radio-module-ZI7rzq-inner:after {
2923
2927
  }
2924
2928
  }
2925
2929
 
2926
- @keyframes capra-Drawer-module-H0eofa-drawerOutToLeft {
2930
+ @keyframes capra-Drawer-module-iRsXUG-drawerOutToLeft {
2927
2931
  from {
2928
2932
  transform: translateX(0);
2929
2933
  }
package/docs/core-alert--design.md CHANGED
@@ -105,6 +105,6 @@ Don't:
105
105
 
106
106
  ## Related components
107
107
 
108
- * [Toast](?path=/docs/core-toast--design) — For non-blocking, auto-dismissing notifications.
109
- * [Pill](?path=/docs/core-pill--design) — For inline semantic status indicators without body copy.
110
- * [Modal](?path=/docs/core-modal--design) — When the error or warning requires an immediate blocking decision.
108
+ * [Toast](/llms/core-toast--design.txt) — For non-blocking, auto-dismissing notifications.
109
+ * [Pill](/llms/core-pill--design.txt) — For inline semantic status indicators without body copy.
110
+ * [Modal](/llms/core-modal--design.txt) — When the error or warning requires an immediate blocking decision.
package/docs/core-autocompletefield--design.md CHANGED
@@ -39,7 +39,7 @@ space is limited.
39
39
 
40
40
  ## Layout and spacing
41
41
 
42
- * Input renders identically to [TextField](?path=/docs/core-textfield--design).
42
+ * Input renders identically to [TextField](/llms/core-textfield--design.txt).
43
43
  * Suggestions are presented using a ListBox.
44
44
 
45
45
  ## Behavior
@@ -70,8 +70,8 @@ Do:
70
70
 
71
71
  Don't:
72
72
 
73
- * Don't use AutocompleteField for small mutually exclusive sets (about seven or fewer visible options) — use [RadioGroup](?path=/docs/core-radiogroup--design) or Select.
74
- * Don't use AutocompleteField for plain freeform text with no list validation — use [TextField](?path=/docs/core-textfield--design).
73
+ * Don't use AutocompleteField for small mutually exclusive sets (about seven or fewer visible options) — use [RadioGroup](/llms/core-radiogroup--design.txt) or Select.
74
+ * Don't use AutocompleteField for plain freeform text with no list validation — use [TextField](/llms/core-textfield--design.txt).
75
75
  * Don't require picking from the list while still allowing arbitrary text without explaining that behavior.
76
76
 
77
77
  ## Accessibility
@@ -87,5 +87,5 @@ Don't:
87
87
 
88
88
  ## Related components
89
89
 
90
- * [TextField](?path=/docs/core-textfield--design) — For freeform text without suggestions.
91
- * [RadioGroup](?path=/docs/core-radiogroup--design) — For small mutually exclusive option sets.
90
+ * [TextField](/llms/core-textfield--design.txt) — For freeform text without suggestions.
91
+ * [RadioGroup](/llms/core-radiogroup--design.txt) — For small mutually exclusive option sets.
package/docs/core-badge--design.md CHANGED
@@ -79,5 +79,5 @@ Don't:
79
79
 
80
80
  ## Related components
81
81
 
82
- * [Pill](?path=/docs/core-pill--design) — For semantic status labels.
83
- * [Tag](?path=/docs/core-tag--design) — For removable text chips.
82
+ * [Pill](/llms/core-pill--design.txt) — For semantic status labels.
83
+ * [Tag](/llms/core-tag--design.txt) — For removable text chips.
package/docs/core-breadcrumbs--design.md CHANGED
@@ -62,4 +62,4 @@ Don't:
62
62
 
63
63
  ## Related components
64
64
 
65
- * [TabNav](?path=/docs/core-tabnav--design) — For in-page section navigation.
65
+ * [TabNav](/llms/core-tabnav--design.txt) — For in-page section navigation.
package/docs/core-button--design.md CHANGED
@@ -76,9 +76,9 @@ Do:
76
76
 
77
77
  Don't:
78
78
 
79
- * Don't use a Button for navigation to another page — use [Link](?path=/docs/core-link--design) or [Anchor](?path=/docs/core-anchor--design).
80
- * Don't use a Button for text-only inline navigation — use [Link](?path=/docs/core-link--design).
81
- * Don't use a Button for icon-only actions — use [IconButton](?path=/docs/core-iconbutton--design).
79
+ * Don't use a Button for navigation to another page — use [Link](/llms/core-link--design.txt) or [Anchor](/llms/core-anchor--design.txt).
80
+ * Don't use a Button for text-only inline navigation — use [Link](/llms/core-link--design.txt).
81
+ * Don't use a Button for icon-only actions — use [IconButton](/llms/core-iconbutton--design.txt).
82
82
  * Don't use two primary buttons side by side.
83
83
  * Don't truncate button labels.
84
84
  * Don't disable a button without explaining why (use `aria-disabled` with a tooltip).
@@ -86,12 +86,12 @@ Don't:
86
86
  ## Accessibility
87
87
 
88
88
  * Always provide a visible text label; if the design requires a short label, add `aria-label` for context.
89
- * For icon-only use cases, use [IconButton](?path=/docs/core-iconbutton--design) instead (which enforces an accessible label).
89
+ * For icon-only use cases, use [IconButton](/llms/core-iconbutton--design.txt) instead (which enforces an accessible label).
90
90
  * Tab / Shift+Tab to focus. Enter or Space to activate.
91
91
  * The pending state must be communicated to assistive technology (e.g., `aria-label="Saving..."` when `pending` is true).
92
92
 
93
93
  ## Related components
94
94
 
95
- * [IconButton](?path=/docs/core-iconbutton--design) — For icon-only actions.
96
- * [Link](?path=/docs/core-link--design) — For inline text navigation.
97
- * [Modal](?path=/docs/core-modal--design) — Buttons typically appear in modal footers for confirm/cancel patterns.
95
+ * [IconButton](/llms/core-iconbutton--design.txt) — For icon-only actions.
96
+ * [Link](/llms/core-link--design.txt) — For inline text navigation.
97
+ * [Modal](/llms/core-modal--design.txt) — Buttons typically appear in modal footers for confirm/cancel patterns.
package/docs/core-buttonlink--design.md CHANGED
@@ -2,6 +2,6 @@
2
2
 
3
3
  Primary interactive element displaying text and supporting leading and trailing icons.
4
4
 
5
- `ButtonLink` follows the design guidelines for [`Button`](?path=/docs/core-button--design) and uses [`Link`](?path=/docs/core-link--design) interally. Use it when you need a link styled as a button.
5
+ `ButtonLink` follows the design guidelines for [`Button`](/llms/core-button--design.txt) and uses [`Link`](/llms/core-link--design.txt) interally. Use it when you need a link styled as a button.
6
6
 
7
7
  See those pages for more details on the properties and usage of `ButtonLink`.
package/docs/core-card--design.md CHANGED
@@ -69,7 +69,7 @@ Treat the card as a container: put links and buttons inside slots rather than ma
69
69
  ## Behavior
70
70
 
71
71
  * Cards are static containers by default.
72
- * If the entire card is interactive (e.g., a selectable card), use `role="button"` with keyboard support. Prefer [RadioTile](?path=/docs/core-radiotile--design) for selection scenarios.
72
+ * If the entire card is interactive (e.g., a selectable card), use `role="button"` with keyboard support. Prefer [RadioTile](/llms/core-radiotile--design.txt) for selection scenarios.
73
73
 
74
74
  ## Content
75
75
 
@@ -86,7 +86,7 @@ Do:
86
86
 
87
87
  Don't:
88
88
 
89
- * Don't make the entire card surface the only navigation affordance — put a [Link](?path=/docs/core-link--design) or [Button](?path=/docs/core-button--design) inside the content.
89
+ * Don't make the entire card surface the only navigation affordance — put a [Link](/llms/core-link--design.txt) or [Button](/llms/core-button--design.txt) inside the content.
90
90
  * Don't use Card for tabular data — use a table.
91
91
 
92
92
  ## Accessibility
@@ -96,5 +96,5 @@ Don't:
96
96
 
97
97
  ## Related components
98
98
 
99
- * [RadioTile](?path=/docs/core-radiotile--design) — For selectable card options.
100
- * [Modal](?path=/docs/core-modal--design) — For focused overlay containers.
99
+ * [RadioTile](/llms/core-radiotile--design.txt) — For selectable card options.
100
+ * [Modal](/llms/core-modal--design.txt) — For focused overlay containers.
package/docs/core-checkbox--design.md CHANGED
@@ -62,5 +62,5 @@ Don't:
62
62
 
63
63
  ## Related components
64
64
 
65
- * [Switch](?path=/docs/core-switch--design) — For immediate binary settings.
66
- * [RadioGroup](?path=/docs/core-radiogroup--design) — For mutually exclusive selections.
65
+ * [Switch](/llms/core-switch--design.txt) — For immediate binary settings.
66
+ * [RadioGroup](/llms/core-radiogroup--design.txt) — For mutually exclusive selections.
package/docs/core-collapse--design.md CHANGED
@@ -24,5 +24,5 @@ Use Collapse to structure readable content, separate regions, or group related i
24
24
 
25
25
  ## Related components
26
26
 
27
- * [Card](?path=/docs/core-card--design)
28
- * [Divider](?path=/docs/core-divider--design)
27
+ * [Card](/llms/core-card--design.txt)
28
+ * [Divider](/llms/core-divider--design.txt)
package/docs/core-divider--design.md CHANGED
@@ -32,4 +32,4 @@ Don't:
32
32
 
33
33
  ## Related components
34
34
 
35
- * [Collapse](?path=/docs/core-collapse--design)
35
+ * [Collapse](/llms/core-collapse--design.txt)
package/docs/core-link--design.md CHANGED
@@ -54,5 +54,5 @@ Links inherit the standard focus indicator standard to all focusable elements.
54
54
 
55
55
  ## Related components
56
56
 
57
- * [Button](?path=/docs/core-button--design)
58
- * [Anchor](?path=/docs/core-anchor--design)
57
+ * [Button](/llms/core-button--design.txt)
58
+ * [Anchor](/llms/core-anchor--design.txt)
package/docs/core-selectfield--design.md CHANGED
@@ -5,7 +5,7 @@
5
5
  1. **Label**: describes the field and carries the required marker when needed.
6
6
  2. **Trigger**: matches Capra text-input sizing and state treatments.
7
7
  3. **Popover**: contains the option list and optional search field.
8
- 4. **ListBox items**: support single-select rows or multi-select rows with checkmarks.
8
+ 4. **ListBox items**: selected rows are marked with a checkmark in both single- and multiple-select modes.
9
9
  5. **Sections**: optional grouped options with a non-selectable header label.
10
10
 
11
11
  ## Properties
package/docs/core-textinput--usage.md CHANGED
@@ -4,7 +4,7 @@ TextInput component for single-line text entry. Backwards compatible with Ant De
4
4
 
5
5
  :::warning[Internal only]
6
6
 
7
- `TextInput` is not exported from the public `@capra/core` API. For single-line text entry in product code, use [`TextField`](?path=/docs/core-textfield--design).
7
+ `TextInput` is not exported from the public `@capra/core` API. For single-line text entry in product code, use [`TextField`](/llms/core-textfield--design.txt).
8
8
 
9
9
  :::
10
10
 
package/docs/core-togglebuttongroup--design.md CHANGED
@@ -16,7 +16,7 @@ The default size for toggle button groups is medium, which should be used in mos
16
16
 
17
17
  ### Label
18
18
 
19
- Labels should be short and succinct. For longer labels, consider a [Radio](?path=/docs/core-radio--design) or [SelectField](?path=/docs/core-selectfield--design).
19
+ Labels should be short and succinct. For longer labels, consider a [Radio](/llms/core-radio--design.txt) or [SelectField](/llms/core-selectfield--design.txt).
20
20
 
21
21
  ### Icon
22
22
 
@@ -53,7 +53,7 @@ Do consider a toggle button group if you have 2 to 4 succinct choices.
53
53
 
54
54
  **Don't**
55
55
 
56
- Don't use more than 4 buttons in a single group. Consider a [SelectField](?path=/docs/core-selectfield--design) if more than 4 choices are needed.
56
+ Don't use more than 4 buttons in a single group. Consider a [SelectField](/llms/core-selectfield--design.txt) if more than 4 choices are needed.
57
57
 
58
58
  ### Wording
59
59
 
package/docs/foundation-page-templates--docs.md ADDED
@@ -0,0 +1,15 @@
1
+ # Foundation/Page Templates
2
+
3
+ ## Page Layout
4
+
5
+ When building a new page, always start with the page layout. Follow the guidelines in the documents below to ensure the page is styled and structured correctly.
6
+
7
+ * [Navigation](/docs/foundation-page-templates-navigation--docs)
8
+
9
+ ## Templates
10
+
11
+ Page templates provide a starting point for scaffolding new pages using the Capra design system.
12
+
13
+ * [Overview](/docs/foundation-page-templates-overview--docs) - Orient the user, surface the insights that matters, start work (preferably via AI), then let them drill.
14
+ * [Tables](/docs/foundation-page-templates-tables--docs) - Provide an easily parsed list of objects.
15
+ * [Setup Config](/docs/foundation-page-templates-setup-config--docs) - Guide the user through the setup process or post-setup configuration.
package/docs/history-changelogs-capra-core--docs.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # History/Changelogs/@capra-core
2
2
 
3
+ ### 1.14.1
4
+
5
+ #### Patch Changes
6
+
7
+ * [ff42d74](https://bitbucket.org/cribl/capra-ui/commits/ff42d74): `SelectField` options now use a checkmark for selection, with tighter spacing.
8
+ * [a1dea94](https://bitbucket.org/cribl/capra-ui/commits/a1dea94): Align types with runtime behavior by removing the children prop from Switch prop types
9
+ * [6a176c9](https://bitbucket.org/cribl/capra-ui/commits/6a176c9): Shrink y-axis padding in `Drawer` header
10
+
3
11
  ### 1.14.0
4
12
 
5
13
  #### Minor Changes
package/docs/index.md CHANGED
@@ -12,6 +12,7 @@ Embedded documentation is available on the filesystem for each of these packages
12
12
  ## Documentation
13
13
 
14
14
  - [Conventions](./conventions--docs.md)
15
+ - [Page Templates](./foundation-page-templates--docs.md)
15
16
  - [Using Capra](./using-capra--docs.md)
16
17
  - [Core/Alert - Design](./core-alert--design.md)
17
18
  - [Core/Alert - Usage](./core-alert--usage.md)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@capra/core",
3
- "version": "1.14.0",
3
+ "version": "1.14.1",
4
4
  "license": "SEE LICENSE IN LICENSE.txt",
5
5
  "type": "module",
6
6
  "description": "Core React components for the Capra design system",