@dbcdk/react-components 0.0.140 → 0.0.142

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/components/sidebar/components/sidenav-filteirng/SidenavFiltering.cjs

@@ -71,7 +71,6 @@ const SidenavFiltering = ({
             type: "button",
             size: "sm",
             variant: "outlined",
-            shape: "round",
             "aria-label": "\xC5bn indstillinger for sidemenu",
             onClick: toggle,
             icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, {})

package/dist/components/sidebar/components/sidenav-filteirng/SidenavFiltering.js

@@ -65,7 +65,6 @@ const SidenavFiltering = ({
             type: "button",
             size: "sm",
             variant: "outlined",
-            shape: "round",
             "aria-label": "\xC5bn indstillinger for sidemenu",
             onClick: toggle,
             icon: /* @__PURE__ */ jsx(Settings2, {})

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');
@@ -46,6 +47,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,

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';

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';

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.140",
+  "version": "0.0.142",
   "description": "Reusable React components for DBC projects",
   "license": "ISC",
   "author": "",