@dbcdk/react-components 0.0.141 → 0.0.142

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 (11) hide show
  1. package/dist/components/section-label/SectionLabel.cjs +18 -0
  2. package/dist/components/section-label/SectionLabel.d.ts +5 -0
  3. package/dist/components/section-label/SectionLabel.js +12 -0
  4. package/dist/components/section-label/SectionLabel.module.css +12 -0
  5. package/dist/index.cjs +7 -0
  6. package/dist/index.css +1 -0
  7. package/dist/index.d.ts +1 -0
  8. package/dist/index.js +1 -0
  9. package/dist/styles/styles.css +2 -0
  10. package/dist/styles.css +2 -0
  11. package/package.json +1 -1
package/dist/components/section-label/SectionLabel.cjs ADDED
@@ -0,0 +1,18 @@
1
+ 'use strict';
2
+
3
+ var jsxRuntime = require('react/jsx-runtime');
4
+ var styles = require('./SectionLabel.module.css');
5
+
6
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
7
+
8
+ var styles__default = /*#__PURE__*/_interopDefault(styles);
9
+
10
+ function SectionLabel({
11
+ disableMargin,
12
+ children
13
+ }) {
14
+ const className = [styles__default.default.sectionLabel, disableMargin ? styles__default.default.noMargin : ""].filter(Boolean).join(" ");
15
+ return /* @__PURE__ */ jsxRuntime.jsx("p", { className, children });
16
+ }
17
+
18
+ exports.SectionLabel = SectionLabel;
package/dist/components/section-label/SectionLabel.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import React, { PropsWithChildren } from 'react';
2
+ export interface SectionLabelProps {
3
+ disableMargin?: boolean;
4
+ }
5
+ export declare function SectionLabel({ disableMargin, children, }: PropsWithChildren<SectionLabelProps>): React.JSX.Element;
package/dist/components/section-label/SectionLabel.js ADDED
@@ -0,0 +1,12 @@
1
+ import { jsx } from 'react/jsx-runtime';
2
+ import styles from './SectionLabel.module.css';
3
+
4
+ function SectionLabel({
5
+ disableMargin,
6
+ children
7
+ }) {
8
+ const className = [styles.sectionLabel, disableMargin ? styles.noMargin : ""].filter(Boolean).join(" ");
9
+ return /* @__PURE__ */ jsx("p", { className, children });
10
+ }
11
+
12
+ export { SectionLabel };
package/dist/components/section-label/SectionLabel.module.css ADDED
@@ -0,0 +1,12 @@
1
+ .sectionLabel {
2
+ margin-block: 0 var(--spacing-xxs);
3
+ font-size: var(--font-size-xs);
4
+ font-weight: var(--font-weight-medium);
5
+ text-transform: uppercase;
6
+ letter-spacing: 0.08em;
7
+ color: var(--color-fg-subtle);
8
+ }
9
+
10
+ .noMargin {
11
+ margin: 0;
12
+ }
package/dist/index.cjs CHANGED
@@ -3,6 +3,7 @@
3
3
  var Icon = require('./components/icon/Icon');
4
4
  var UserDisplay = require('./components/user-display/UserDisplay');
5
5
  var Headline = require('./components/headline/Headline');
6
+ var SectionLabel = require('./components/section-label/SectionLabel');
6
7
  var PageLayout = require('./components/page-layout/PageLayout');
7
8
  var Footer = require('./components/page-layout/components/footer/Footer');
8
9
  var Card = require('./components/card/Card');
@@ -46,6 +47,12 @@ Object.keys(Headline).forEach(function (k) {
46
47
  get: function () { return Headline[k]; }
47
48
  });
48
49
  });
50
+ Object.keys(SectionLabel).forEach(function (k) {
51
+ if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
52
+ enumerable: true,
53
+ get: function () { return SectionLabel[k]; }
54
+ });
55
+ });
49
56
  Object.keys(PageLayout).forEach(function (k) {
50
57
  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
51
58
  enumerable: true,
package/dist/index.css CHANGED
@@ -55,6 +55,7 @@
55
55
  @import './components/panel/Panel.module.css';
56
56
  @import './components/popover/Popover.module.css';
57
57
  @import './components/search-box/SearchBox.module.css';
58
+ @import './components/section-label/SectionLabel.module.css';
58
59
  @import './components/segmented-progress-bar/SegmentedProgressBar.module.css';
59
60
  @import './components/sidebar/components/SidebarItem.module.css';
60
61
  @import './components/sidebar/components/expandable-sidebar-item/ExpandableSidebarItem.module.css';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './components/icon/Icon';
2
2
  export * from './components/user-display/UserDisplay';
3
3
  export * from './components/headline/Headline';
4
+ export * from './components/section-label/SectionLabel';
4
5
  export * from './components/page-layout/PageLayout';
5
6
  export * from './components/page-layout/components/footer/Footer';
6
7
  export * from './components/card/Card';
package/dist/index.js CHANGED
@@ -1,6 +1,7 @@
1
1
  export * from './components/icon/Icon';
2
2
  export * from './components/user-display/UserDisplay';
3
3
  export * from './components/headline/Headline';
4
+ export * from './components/section-label/SectionLabel';
4
5
  export * from './components/page-layout/PageLayout';
5
6
  export * from './components/page-layout/components/footer/Footer';
6
7
  export * from './components/card/Card';
package/dist/styles/styles.css CHANGED
@@ -26,6 +26,8 @@
26
26
  * {
27
27
  font-family: var(--font-family);
28
28
  box-sizing: border-box;
29
+ margin: 0;
30
+ padding: 0;
29
31
  }
30
32
 
31
33
  body {
package/dist/styles.css CHANGED
@@ -26,6 +26,8 @@
26
26
  * {
27
27
  font-family: var(--font-family);
28
28
  box-sizing: border-box;
29
+ margin: 0;
30
+ padding: 0;
29
31
  }
30
32
 
31
33
  body {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dbcdk/react-components",
3
- "version": "0.0.141",
3
+ "version": "0.0.142",
4
4
  "description": "Reusable React components for DBC projects",
5
5
  "license": "ISC",
6
6
  "author": "",