@dbcdk/react-components 0.0.141 → 0.0.143

package/dist/components/section-label/SectionLabel.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var styles = require('./SectionLabel.module.css');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var styles__default = /*#__PURE__*/_interopDefault(styles);
+
+function SectionLabel({
+  disableMargin,
+  children
+}) {
+  const className = [styles__default.default.sectionLabel, disableMargin ? styles__default.default.noMargin : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { className, children });
+}
+
+exports.SectionLabel = SectionLabel;

package/dist/components/section-label/SectionLabel.d.ts

@@ -0,0 +1,5 @@
+import React, { PropsWithChildren } from 'react';
+export interface SectionLabelProps {
+    disableMargin?: boolean;
+}
+export declare function SectionLabel({ disableMargin, children, }: PropsWithChildren<SectionLabelProps>): React.JSX.Element;

package/dist/components/section-label/SectionLabel.js

@@ -0,0 +1,12 @@
+import { jsx } from 'react/jsx-runtime';
+import styles from './SectionLabel.module.css';
+
+function SectionLabel({
+  disableMargin,
+  children
+}) {
+  const className = [styles.sectionLabel, disableMargin ? styles.noMargin : ""].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsx("p", { className, children });
+}
+
+export { SectionLabel };

package/dist/components/section-label/SectionLabel.module.css

@@ -0,0 +1,12 @@
+.sectionLabel {
+  margin-block: 0 var(--spacing-xxs);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--color-fg-subtle);
+}
+
+.noMargin {
+  margin: 0;
+}

package/dist/index.cjs

@@ -3,6 +3,7 @@
 var Icon = require('./components/icon/Icon');
 var UserDisplay = require('./components/user-display/UserDisplay');
 var Headline = require('./components/headline/Headline');
+var SectionLabel = require('./components/section-label/SectionLabel');
 var PageLayout = require('./components/page-layout/PageLayout');
 var Footer = require('./components/page-layout/components/footer/Footer');
 var Card = require('./components/card/Card');
@@ -25,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');
 
 
 
@@ -46,6 +56,12 @@ Object.keys(Headline).forEach(function (k) {
 		get: function () { return Headline[k]; }
 	});
 });
+Object.keys(SectionLabel).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return SectionLabel[k]; }
+	});
+});
 Object.keys(PageLayout).forEach(function (k) {
 	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
 		enumerable: true,
@@ -178,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.css

@@ -55,6 +55,7 @@
 @import './components/panel/Panel.module.css';
 @import './components/popover/Popover.module.css';
 @import './components/search-box/SearchBox.module.css';
+@import './components/section-label/SectionLabel.module.css';
 @import './components/segmented-progress-bar/SegmentedProgressBar.module.css';
 @import './components/sidebar/components/SidebarItem.module.css';
 @import './components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.module.css';

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export * from './components/icon/Icon';
 export * from './components/user-display/UserDisplay';
 export * from './components/headline/Headline';
+export * from './components/section-label/SectionLabel';
 export * from './components/page-layout/PageLayout';
 export * from './components/page-layout/components/footer/Footer';
 export * from './components/card/Card';
@@ -24,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

@@ -1,6 +1,7 @@
 export * from './components/icon/Icon';
 export * from './components/user-display/UserDisplay';
 export * from './components/headline/Headline';
+export * from './components/section-label/SectionLabel';
 export * from './components/page-layout/PageLayout';
 export * from './components/page-layout/components/footer/Footer';
 export * from './components/card/Card';
@@ -23,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

@@ -26,6 +26,8 @@
 * {
   font-family: var(--font-family);
   box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 body {

package/dist/styles.css

@@ -26,6 +26,8 @@
 * {
   font-family: var(--font-family);
   box-sizing: border-box;
+  margin: 0;
+  padding: 0;
 }
 
 body {

package/package.json

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