@genesislcap/rapid-design-system 14.482.0 → 14.482.1-FUI-2575.2

package/dist/esm/modal-theme/theme-compiler.js

@@ -0,0 +1,49 @@
+/**
+ * Compiles a modal theme file into class-scoped CSS (native nesting) for deployment.
+ *
+ *   customTokens       -> custom-property declarations
+ *   componentOverrides -> nested rules keyed by any selector (::part(), a host tag, a class)
+ *
+ * Everything nests under one `rapid-design-system-provider` root. `shared` lives
+ * at the root (applies in every mode); each mode is a nested `&.theme-<name>`
+ * block whose compound selector out-specifies the root, so mode values win.
+ *
+ * design_tokens are NOT emitted: they are FAST recipe *inputs* consumed in JS
+ * (accent, luminance), applied at runtime via setValueFor (see modal-theme.ts).
+ *
+ * @public
+ */
+const HOST = 'rapid-design-system-provider';
+const props = (map, pad) => Object.entries(map)
+    .map(([k, v]) => `${pad}${k}: ${v};`)
+    .join('\n');
+const overrideRules = (overrides, pad) => Object.entries(overrides)
+    .map(([sel, decls]) => `${pad}${sel} {\n${props(decls, pad + '  ')}\n${pad}}`)
+    .join('\n\n');
+const section = (obj, pad) => {
+    var _a, _b;
+    const out = [];
+    if (Object.keys((_a = obj.customTokens) !== null && _a !== void 0 ? _a : {}).length)
+        out.push(props(obj.customTokens, pad));
+    if (Object.keys((_b = obj.componentOverrides) !== null && _b !== void 0 ? _b : {}).length)
+        out.push(overrideRules(obj.componentOverrides, pad));
+    return out.join('\n\n');
+};
+/**
+ * Compile a modal theme into class-scoped nested CSS.
+ *
+ * @param theme - the modal theme (shared + modes; customTokens + componentOverrides).
+ * @param host - the selector the rules nest under (default `rapid-design-system-provider`).
+ * @public
+ */
+export function compileTheme(theme, { host = HOST } = {}) {
+    var _a, _b;
+    const body = [];
+    const shared = section((_a = theme.shared) !== null && _a !== void 0 ? _a : {}, '  ');
+    if (shared)
+        body.push(shared);
+    for (const [name, mode] of Object.entries((_b = theme.modes) !== null && _b !== void 0 ? _b : {})) {
+        body.push(`  &.theme-${name} {\n${section(mode, '    ')}\n  }`);
+    }
+    return `${host} {\n${body.join('\n\n')}\n}\n`;
+}

package/dist/esm/tab/tab.styles.js

@@ -15,5 +15,6 @@ export const rapidTabStyles = (context, definition) => css `
   :host([aria-selected='true']),
   :host([aria-selected='true']:hover) {
     background-color: var(--neutral-layer-4);
+    font-weight: 700;
   }
 `;

package/dist/esm/tab-panel/tab-panel.styles.js

@@ -5,7 +5,8 @@ export const rapidTabPanelStyles = (context, definition) => css `
   :host {
     padding: 0;
     background-color: var(--neutral-layer-card-container);
-    border-radius: var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
+    border-radius: 0 0 var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px))
+      var(--card-corner-radius, calc(var(--control-corner-radius) * 1.5px));
     border-style: solid;
     border-width: var(--tabs-border-width, 1px);
     border-color: var(--tabs-border-color, var(--neutral-stroke-rest));

package/dist/react.cjs

@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-const Accordion = React.forwardRef(function Accordion(props, ref) {
+const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -684,6 +684,11 @@ const SearchBar = React.forwardRef(function SearchBar(props, ref) {
   return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
+});
+
 const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
   const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -716,11 +721,6 @@ const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref)
   return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
-});
-
 const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);
@@ -922,8 +922,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
 });
 
 module.exports = {
-  Accordion,
   AccordionItem,
+  Accordion,
   ActionsMenu,
   AiCriteriaSearch,
   AiIndicator,
@@ -977,8 +977,8 @@ module.exports = {
   SchedulerTimezone,
   SearchBarCombobox,
   SearchBar,
-  SectionNavigator,
   SegmentedControl,
+  SectionNavigator,
   SegmentedItem,
   Select,
   Skeleton,

package/dist/react.mjs

@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
   };
 }
 
-export const Accordion = React.forwardRef(function Accordion(props, ref) {
+export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
 });
 
-export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
+export const Accordion = React.forwardRef(function Accordion(props, ref) {
   const { children, ...rest } = props;
-  return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
+  return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
 });
 
 export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
@@ -682,6 +682,11 @@ export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
   return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
+export const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
+  const { children, ...rest } = props;
+  return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
+});
+
 export const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
   const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
   const _innerRef = React.useRef(null);
@@ -714,11 +719,6 @@ export const SectionNavigator = React.forwardRef(function SectionNavigator(props
   return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
 });
 
-export const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
-  const { children, ...rest } = props;
-  return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
-});
-
 export const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
   const { children, ...rest } = props;
   return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@genesislcap/rapid-design-system",
   "description": "Rapid Design System",
-  "version": "14.482.0",
+  "version": "14.482.1-FUI-2575.2",
   "sideEffects": false,
   "license": "SEE LICENSE IN license.txt",
   "main": "dist/esm/index.js",
@@ -36,12 +36,12 @@
   },
   "devDependencies": {
     "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
-    "@genesislcap/genx": "14.482.0",
-    "@genesislcap/rollup-builder": "14.482.0",
-    "@genesislcap/ts-builder": "14.482.0",
-    "@genesislcap/uvu-playwright-builder": "14.482.0",
-    "@genesislcap/vite-builder": "14.482.0",
-    "@genesislcap/webpack-builder": "14.482.0",
+    "@genesislcap/genx": "14.482.1-FUI-2575.2",
+    "@genesislcap/rollup-builder": "14.482.1-FUI-2575.2",
+    "@genesislcap/ts-builder": "14.482.1-FUI-2575.2",
+    "@genesislcap/uvu-playwright-builder": "14.482.1-FUI-2575.2",
+    "@genesislcap/vite-builder": "14.482.1-FUI-2575.2",
+    "@genesislcap/webpack-builder": "14.482.1-FUI-2575.2",
     "flexlayout-react": "^0.8.19"
   },
   "peerDependencies": {
@@ -53,9 +53,9 @@
     }
   },
   "dependencies": {
-    "@genesislcap/foundation-logger": "14.482.0",
-    "@genesislcap/foundation-ui": "14.482.0",
-    "@genesislcap/foundation-utils": "14.482.0",
+    "@genesislcap/foundation-logger": "14.482.1-FUI-2575.2",
+    "@genesislcap/foundation-ui": "14.482.1-FUI-2575.2",
+    "@genesislcap/foundation-utils": "14.482.1-FUI-2575.2",
     "@microsoft/fast-colors": "5.3.1",
     "@microsoft/fast-components": "2.30.6",
     "@microsoft/fast-element": "1.14.0",
@@ -83,5 +83,5 @@
       "require": "./dist/react.cjs"
     }
   },
-  "gitHead": "176fdab04821da415454fcdbc124f7fabac07aa7"
+  "gitHead": "b08148bbdf959ad9b315296a21ce8d7895054ef6"
 }