@dbcdk/react-components 0.0.142 → 0.0.144

package/dist/components/attribute-chip/AttributeChip.cjs

@@ -14,7 +14,10 @@ function AttributeChip({
   loading
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${styles__default.default.container} ${styles__default.default[size]}`, "aria-busy": loading, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label }),
+    label ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.label, children: label }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.separator, "aria-hidden": "true", children: "|" })
+    ] }) : null,
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles__default.default.value, children: loading ? "\u2014" : value == null ? void 0 : value.toString() })
   ] });
 }

package/dist/components/attribute-chip/AttributeChip.d.ts

@@ -1,6 +1,6 @@
 import type { JSX } from 'react';
 interface AttributeChipProps {
-    label: string;
+    label?: string;
     value: string | number | boolean;
     loading?: boolean;
     size?: 'sm' | 'md' | 'lg';

package/dist/components/attribute-chip/AttributeChip.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import styles from './AttributeChip.module.css';
 
 function AttributeChip({
@@ -8,7 +8,10 @@ function AttributeChip({
   loading
 }) {
   return /* @__PURE__ */ jsxs("div", { className: `${styles.container} ${styles[size]}`, "aria-busy": loading, children: [
-    /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
+    label ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: styles.label, children: label }),
+      /* @__PURE__ */ jsx("span", { className: styles.separator, "aria-hidden": "true", children: "|" })
+    ] }) : null,
     /* @__PURE__ */ jsx("span", { className: styles.value, children: loading ? "\u2014" : value == null ? void 0 : value.toString() })
   ] });
 }

package/dist/components/attribute-chip/AttributeChip.module.css

@@ -4,62 +4,49 @@
   white-space: nowrap;
   border-radius: var(--border-radius-default);
   border: 1px solid var(--color-border-subtle);
-  overflow: hidden;
+  background: var(--color-neutral);
+  color: var(--color-fg-default);
   font-family: var(--font-family);
   font-weight: var(--font-weight-default);
   line-height: var(--line-height-tight);
+  padding-inline: var(--spacing-sm);
 }
 
 .label,
 .value {
   display: inline-flex;
   align-items: center;
-  height: 100%;
-  padding-inline: var(--spacing-sm);
 }
 
 .label {
-  background: var(--color-bg-contextual);
+  color: var(--color-fg-subtle);
+  font-size: 0.85em;
 }
 
 .value {
-  background: var(--color-bg-contextual-subtle);
-  color: var(--color-fg-default);
   font-weight: var(--font-weight-medium);
 }
 
-/* Optional: separator between label and value */
-.value {
-  border-left: 1px solid var(--color-border-subtle);
+.separator {
+  color: var(--color-border-default);
+  margin-inline: var(--spacing-xxs);
 }
 
 /* Sizes */
 .sm {
   height: var(--component-size-xs);
   font-size: var(--font-size-xs);
+  padding-inline: var(--spacing-xs);
 }
 
 .md {
   height: var(--component-size-sm);
   font-size: var(--font-size-sm);
+  padding-inline: var(--spacing-sm);
 }
 
 .lg {
   height: var(--component-size-md);
   font-size: var(--font-size-md);
-}
-
-.sm .label,
-.sm .value {
-  padding-inline: var(--spacing-xs);
-}
-
-.md .label,
-.md .value {
-  padding-inline: var(--spacing-sm);
-}
-
-.lg .label,
-.lg .value {
   padding-inline: var(--spacing-md);
 }

package/dist/index.cjs

@@ -26,6 +26,15 @@ var InputContainer = require('./components/forms/input-container/InputContainer'
 var Divider = require('./components/divider/Divider');
 var Grid = require('./components/grid/Grid');
 var MetricTile = require('./components/metric-tile/MetricTile');
+var Stack = require('./components/stack/Stack');
+var EnvironmentBanner = require('./components/environment-banner/EnvironmentBanner');
+var Panel = require('./components/panel/Panel');
+var Toast = require('./components/toast/Toast');
+var Hyperlink = require('./components/hyperlink/Hyperlink');
+var StatePage = require('./components/state-page/StatePage');
+var Alert = require('./components/alert/Alert');
+var InlineStatus = require('./components/inline-status/InlineStatus');
+var MediaCard = require('./components/media-card/MediaCard');
 
 
 
@@ -185,3 +194,57 @@ Object.keys(MetricTile).forEach(function (k) {
 		get: function () { return MetricTile[k]; }
 	});
 });
+Object.keys(Stack).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Stack[k]; }
+	});
+});
+Object.keys(EnvironmentBanner).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return EnvironmentBanner[k]; }
+	});
+});
+Object.keys(Panel).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Panel[k]; }
+	});
+});
+Object.keys(Toast).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Toast[k]; }
+	});
+});
+Object.keys(Hyperlink).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Hyperlink[k]; }
+	});
+});
+Object.keys(StatePage).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return StatePage[k]; }
+	});
+});
+Object.keys(Alert).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return Alert[k]; }
+	});
+});
+Object.keys(InlineStatus).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return InlineStatus[k]; }
+	});
+});
+Object.keys(MediaCard).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return MediaCard[k]; }
+	});
+});

package/dist/index.d.ts

@@ -25,3 +25,12 @@ export * from './components/divider/Divider';
 export * from './components/grid/Grid';
 export * from './components/metric-tile/MetricTile';
 export type { TableContextMenuItem } from './components/table/Table.types';
+export * from './components/stack/Stack';
+export * from './components/environment-banner/EnvironmentBanner';
+export * from './components/panel/Panel';
+export * from './components/toast/Toast';
+export * from './components/hyperlink/Hyperlink';
+export * from './components/state-page/StatePage';
+export * from './components/alert/Alert';
+export * from './components/inline-status/InlineStatus';
+export * from './components/media-card/MediaCard';

package/dist/index.js

@@ -24,3 +24,12 @@ export * from './components/forms/input-container/InputContainer';
 export * from './components/divider/Divider';
 export * from './components/grid/Grid';
 export * from './components/metric-tile/MetricTile';
+export * from './components/stack/Stack';
+export * from './components/environment-banner/EnvironmentBanner';
+export * from './components/panel/Panel';
+export * from './components/toast/Toast';
+export * from './components/hyperlink/Hyperlink';
+export * from './components/state-page/StatePage';
+export * from './components/alert/Alert';
+export * from './components/inline-status/InlineStatus';
+export * from './components/media-card/MediaCard';

package/dist/styles/styles.css

@@ -258,6 +258,10 @@ body.dbc-app {
   font-weight: var(--font-weight-medium);
 }
 
+.dbc-bold-text {
+  font-weight: var(--font-weight-bold);
+}
+
 /* ==========================================================================
    Layout utilities
    ========================================================================== */

package/dist/styles.css

@@ -258,6 +258,10 @@ body.dbc-app {
   font-weight: var(--font-weight-medium);
 }
 
+.dbc-bold-text {
+  font-weight: var(--font-weight-bold);
+}
+
 /* ==========================================================================
    Layout utilities
    ========================================================================== */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dbcdk/react-components",
-  "version": "0.0.142",
+  "version": "0.0.144",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",