@dhis2/ui-constants 9.11.0 → 9.11.1-beta.2

package/build/cjs/colors.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.colors = void 0;
-const colors = {
+const colors = exports.colors = {
   /*blue*/
   blue900: '#093371',
   blue800: '#0d47a1',
@@ -16,7 +16,6 @@ const colors = {
   blue200: '#c5e3fc',
   blue100: '#e3f2fd',
   blue050: '#f5fbff',
-
   /*teal*/
   teal900: '#00332b',
   teal800: '#004d40',
@@ -28,7 +27,6 @@ const colors = {
   teal200: '#b2dfdb',
   teal100: '#e0f2f1',
   teal050: '#f1f9f9',
-
   /*red*/
   red900: '#330202',
   red800: '#891515',
@@ -40,7 +38,6 @@ const colors = {
   red200: '#ffcdd2',
   red100: '#ffe5e8',
   red050: '#fff5f6',
-
   /*yellow*/
   yellow900: '#6f3205',
   yellow800: '#bb460d',
@@ -52,7 +49,6 @@ const colors = {
   yellow200: '#ffe082',
   yellow100: '#ffecb3',
   yellow050: '#fff8e1',
-
   /*green*/
   green900: '#103713',
   green800: '#1b5e20',
@@ -64,7 +60,6 @@ const colors = {
   green200: '#c8e6c9',
   green100: '#e8f5e9',
   green050: '#f4fbf4',
-
   /*grey*/
   grey900: '#212934',
   grey800: '#404b5a',
@@ -77,5 +72,4 @@ const colors = {
   grey100: '#f8f9fa',
   grey050: '#fbfcfd',
   white: '#ffffff'
-};
-exports.colors = colors;
+};

package/build/cjs/elevations.js

@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.elevations = void 0;
-const elevations = {
+const elevations = exports.elevations = {
   e100: '0px 1px 2px rgba(33,41,52,0.06), 0px 1px 3px rgba(33,41,52,0.1)',
   e200: '0px 0px 1px rgba(33,41,52,0.1), 0px 4px 6px -1px rgba(33,41,52,0.1), 0px 2px 4px -1px rgba(33,41,52,0.06)',
   e300: '0px 10px 15px -3px rgba(33,41,52,0.1), 0px 4px 6px -2px rgba(33,41,52,0.05)',
   e400: '0px 25px 50px -12px rgba(33, 41, 52, 0.25)'
-};
-exports.elevations = elevations;
+};

package/build/cjs/index.js

@@ -7,9 +7,7 @@ var _exportNames = {
   sharedPropTypes: true
 };
 exports.sharedPropTypes = void 0;
-
 var _colors = require("./colors.js");
-
 Object.keys(_colors).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -21,9 +19,7 @@ Object.keys(_colors).forEach(function (key) {
     }
   });
 });
-
 var _theme = require("./theme.js");
-
 Object.keys(_theme).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -35,9 +31,7 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
-
 var _layers = require("./layers.js");
-
 Object.keys(_layers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -49,9 +43,7 @@ Object.keys(_layers).forEach(function (key) {
     }
   });
 });
-
 var _spacers = require("./spacers.js");
-
 Object.keys(_spacers).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -63,9 +55,7 @@ Object.keys(_spacers).forEach(function (key) {
     }
   });
 });
-
 var _elevations = require("./elevations.js");
-
 Object.keys(_elevations).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -77,11 +67,7 @@ Object.keys(_elevations).forEach(function (key) {
     }
   });
 });
-
 var _sharedPropTypes = _interopRequireWildcard(require("./shared-prop-types.js"));
-
 exports.sharedPropTypes = _sharedPropTypes;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }

package/build/cjs/layers.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.layers = void 0;
-const layers = {
+const layers = exports.layers = {
   applicationTop: 2000,
   blocking: 3000,
   alert: 9999
-};
-exports.layers = layers;
+};

package/build/cjs/shared-prop-types.js

@@ -4,21 +4,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.statusPropType = exports.statusArgType = exports.sizePropType = exports.sizeArgType = exports.popperReferencePropType = exports.popperReferenceArgType = exports.popperPlacementPropType = exports.popperPlacementArgType = exports.insideAlignmentPropType = exports.insideAlignmentArgType = exports.buttonVariantArgType = void 0;
-
 var _propTypes = require("@dhis2/prop-types");
-
 var _propTypes2 = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
  * Status propType
  * @return {PropType} Mutually exclusive status: valid/warning/error
  */
-const statusPropType = (0, _propTypes.mutuallyExclusive)(['valid', 'warning', 'error'], _propTypes2.default.bool); // Exported for storybook
-
-exports.statusPropType = statusPropType;
-const statusArgType = {
+const statusPropType = exports.statusPropType = (0, _propTypes.mutuallyExclusive)(['valid', 'warning', 'error'], _propTypes2.default.bool);
+// Exported for storybook
+const statusArgType = exports.statusArgType = {
   table: {
     type: {
       summary: 'bool',
@@ -29,8 +24,8 @@ const statusArgType = {
     type: 'boolean'
   }
 };
-exports.statusArgType = statusArgType;
-const buttonVariantArgType = // No description because it should be set for the component description
+const buttonVariantArgType = exports.buttonVariantArgType =
+// No description because it should be set for the component description
 {
   table: {
     type: {
@@ -41,16 +36,14 @@ const buttonVariantArgType = // No description because it should be set for the
     type: 'boolean'
   }
 };
+
 /**
  * Size variant propType
  * @return {PropType} Mutually exclusive variants:
  * small/large
  */
-
-exports.buttonVariantArgType = buttonVariantArgType;
-const sizePropType = (0, _propTypes.mutuallyExclusive)(['small', 'large', 'extrasmall', 'fluid'], _propTypes2.default.bool);
-exports.sizePropType = sizePropType;
-const sizeArgType = {
+const sizePropType = exports.sizePropType = (0, _propTypes.mutuallyExclusive)(['small', 'large', 'extrasmall', 'fluid'], _propTypes2.default.bool);
+const sizeArgType = exports.sizeArgType = {
   // No description because it should be set in the component description
   table: {
     type: {
@@ -62,17 +55,13 @@ const sizeArgType = {
     type: 'boolean'
   }
 };
+
 /**
  * Inside alignment props
  * @return {PropType} PropType that validates the inside alignment.
  */
-
-exports.sizeArgType = sizeArgType;
-
-const insideAlignmentPropType = _propTypes2.default.oneOf(['top', 'middle', 'bottom']);
-
-exports.insideAlignmentPropType = insideAlignmentPropType;
-const insideAlignmentArgType = {
+const insideAlignmentPropType = exports.insideAlignmentPropType = _propTypes2.default.oneOf(['top', 'middle', 'bottom']);
+const insideAlignmentArgType = exports.insideAlignmentArgType = {
   description: 'Inside alignment of the component',
   table: {
     type: {
@@ -84,17 +73,13 @@ const insideAlignmentArgType = {
     options: ['top', 'middle', 'bottom']
   }
 };
+
 /**
  * Placement properties against reference element
  * @return {PropType} PropType that validates placements.
  */
-
-exports.insideAlignmentArgType = insideAlignmentArgType;
-
-const popperPlacementPropType = _propTypes2.default.oneOf(['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end']);
-
-exports.popperPlacementPropType = popperPlacementPropType;
-const popperPlacementArgType = {
+const popperPlacementPropType = exports.popperPlacementPropType = _propTypes2.default.oneOf(['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end']);
+const popperPlacementArgType = exports.popperPlacementArgType = {
   description: 'Placement properties relative to reference element',
   table: {
     type: {
@@ -107,25 +92,24 @@ const popperPlacementArgType = {
     options: ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end']
   }
 };
+
 /**
  * Either a DOM node, React ref or a virtual element
  * @return {PropType} Validate that prop is either a function or an
  * instance of an Element.
  */
-
-exports.popperPlacementArgType = popperPlacementArgType;
-
-const popperReferencePropType = _propTypes2.default.oneOfType([// DOM node
-_propTypes2.default.instanceOf(Element), // React ref - React.useRef() or React.createRef()
+const popperReferencePropType = exports.popperReferencePropType = _propTypes2.default.oneOfType([
+// DOM node
+_propTypes2.default.instanceOf(Element),
+// React ref - React.useRef() or React.createRef()
 _propTypes2.default.shape({
   current: _propTypes2.default.instanceOf(Element)
-}), // Virtual element
+}),
+// Virtual element
 _propTypes2.default.shape({
   getBoundingClientRect: _propTypes2.default.func
 })]);
-
-exports.popperReferencePropType = popperReferencePropType;
-const popperReferenceArgType = {
+const popperReferenceArgType = exports.popperReferenceArgType = {
   description: 'A reference to the element to position against: either a DOM node, React ref, \
         or an instance of an element',
   table: {
@@ -136,5 +120,4 @@ const popperReferenceArgType = {
   control: {
     type: null
   }
-};
-exports.popperReferenceArgType = popperReferenceArgType;
+};

package/build/cjs/spacers.js

@@ -4,9 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.spacersNum = exports.spacers = void 0;
-
 /** Number values of the spacer definitions */
-const spacersNum = {
+const spacersNum = exports.spacersNum = {
   dp4: 4,
   dp8: 8,
   dp12: 12,
@@ -23,24 +22,22 @@ const spacersNum = {
   dp512: 512,
   dp640: 640
 };
-/** Pixel values of the spacer definitions */
 
-exports.spacersNum = spacersNum;
-const spacers = {
-  dp4: "".concat(spacersNum.dp4, "px"),
-  dp8: "".concat(spacersNum.dp8, "px"),
-  dp12: "".concat(spacersNum.dp12, "px"),
-  dp16: "".concat(spacersNum.dp16, "px"),
-  dp24: "".concat(spacersNum.dp24, "px"),
-  dp32: "".concat(spacersNum.dp32, "px"),
-  dp48: "".concat(spacersNum.dp48, "px"),
-  dp64: "".concat(spacersNum.dp64, "px"),
-  dp96: "".concat(spacersNum.dp96, "px"),
-  dp128: "".concat(spacersNum.dp128, "px"),
-  dp192: "".concat(spacersNum.dp192, "px"),
-  dp256: "".concat(spacersNum.dp256, "px"),
-  dp384: "".concat(spacersNum.dp384, "px"),
-  dp512: "".concat(spacersNum.dp512, "px"),
-  dp640: "".concat(spacersNum.dp640, "px")
-};
-exports.spacers = spacers;
+/** Pixel values of the spacer definitions */
+const spacers = exports.spacers = {
+  dp4: `${spacersNum.dp4}px`,
+  dp8: `${spacersNum.dp8}px`,
+  dp12: `${spacersNum.dp12}px`,
+  dp16: `${spacersNum.dp16}px`,
+  dp24: `${spacersNum.dp24}px`,
+  dp32: `${spacersNum.dp32}px`,
+  dp48: `${spacersNum.dp48}px`,
+  dp64: `${spacersNum.dp64}px`,
+  dp96: `${spacersNum.dp96}px`,
+  dp128: `${spacersNum.dp128}px`,
+  dp192: `${spacersNum.dp192}px`,
+  dp256: `${spacersNum.dp256}px`,
+  dp384: `${spacersNum.dp384}px`,
+  dp512: `${spacersNum.dp512}px`,
+  dp640: `${spacersNum.dp640}px`
+};

package/build/cjs/theme.js

@@ -4,13 +4,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.theme = void 0;
-
 var _colors = require("./colors.js");
-
-const theme = {
+const theme = exports.theme = {
   /* theme */
   fonts: 'Roboto, sans-serif',
-
   /*primary*/
   primary900: _colors.colors.blue900,
   primary800: _colors.colors.blue800,
@@ -22,7 +19,6 @@ const theme = {
   primary200: _colors.colors.blue200,
   primary100: _colors.colors.blue100,
   primary050: _colors.colors.blue050,
-
   /*secondary*/
   secondary900: _colors.colors.teal900,
   secondary800: _colors.colors.teal800,
@@ -34,7 +30,6 @@ const theme = {
   secondary200: _colors.colors.teal200,
   secondary100: _colors.colors.teal100,
   secondary050: _colors.colors.teal050,
-
   /*status*/
   default: _colors.colors.grey700,
   error: _colors.colors.red500,
@@ -42,5 +37,4 @@ const theme = {
   warning: _colors.colors.yellow500,
   disabled: _colors.colors.grey600,
   focus: _colors.colors.blue600
-};
-exports.theme = theme;
+};

package/build/es/colors.js

@@ -10,7 +10,6 @@ export const colors = {
   blue200: '#c5e3fc',
   blue100: '#e3f2fd',
   blue050: '#f5fbff',
-
   /*teal*/
   teal900: '#00332b',
   teal800: '#004d40',
@@ -22,7 +21,6 @@ export const colors = {
   teal200: '#b2dfdb',
   teal100: '#e0f2f1',
   teal050: '#f1f9f9',
-
   /*red*/
   red900: '#330202',
   red800: '#891515',
@@ -34,7 +32,6 @@ export const colors = {
   red200: '#ffcdd2',
   red100: '#ffe5e8',
   red050: '#fff5f6',
-
   /*yellow*/
   yellow900: '#6f3205',
   yellow800: '#bb460d',
@@ -46,7 +43,6 @@ export const colors = {
   yellow200: '#ffe082',
   yellow100: '#ffecb3',
   yellow050: '#fff8e1',
-
   /*green*/
   green900: '#103713',
   green800: '#1b5e20',
@@ -58,7 +54,6 @@ export const colors = {
   green200: '#c8e6c9',
   green100: '#e8f5e9',
   green050: '#f4fbf4',
-
   /*grey*/
   grey900: '#212934',
   grey800: '#404b5a',

package/build/es/index.js

@@ -3,5 +3,4 @@ export * from './theme.js';
 export * from './layers.js';
 export * from './spacers.js';
 export * from './elevations.js';
-import * as _sharedPropTypes from './shared-prop-types.js';
-export { _sharedPropTypes as sharedPropTypes };
+export * as sharedPropTypes from './shared-prop-types.js';

package/build/es/shared-prop-types.js

@@ -1,12 +1,12 @@
 import { mutuallyExclusive } from '@dhis2/prop-types';
 import PropTypes from 'prop-types';
+
 /**
  * Status propType
  * @return {PropType} Mutually exclusive status: valid/warning/error
  */
-
-export const statusPropType = mutuallyExclusive(['valid', 'warning', 'error'], PropTypes.bool); // Exported for storybook
-
+export const statusPropType = mutuallyExclusive(['valid', 'warning', 'error'], PropTypes.bool);
+// Exported for storybook
 export const statusArgType = {
   table: {
     type: {
@@ -18,7 +18,8 @@ export const statusArgType = {
     type: 'boolean'
   }
 };
-export const buttonVariantArgType = // No description because it should be set for the component description
+export const buttonVariantArgType =
+// No description because it should be set for the component description
 {
   table: {
     type: {
@@ -29,12 +30,12 @@ export const buttonVariantArgType = // No description because it should be set f
     type: 'boolean'
   }
 };
+
 /**
  * Size variant propType
  * @return {PropType} Mutually exclusive variants:
  * small/large
  */
-
 export const sizePropType = mutuallyExclusive(['small', 'large', 'extrasmall', 'fluid'], PropTypes.bool);
 export const sizeArgType = {
   // No description because it should be set in the component description
@@ -48,11 +49,11 @@ export const sizeArgType = {
     type: 'boolean'
   }
 };
+
 /**
  * Inside alignment props
  * @return {PropType} PropType that validates the inside alignment.
  */
-
 export const insideAlignmentPropType = PropTypes.oneOf(['top', 'middle', 'bottom']);
 export const insideAlignmentArgType = {
   description: 'Inside alignment of the component',
@@ -66,11 +67,11 @@ export const insideAlignmentArgType = {
     options: ['top', 'middle', 'bottom']
   }
 };
+
 /**
  * Placement properties against reference element
  * @return {PropType} PropType that validates placements.
  */
-
 export const popperPlacementPropType = PropTypes.oneOf(['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end']);
 export const popperPlacementArgType = {
   description: 'Placement properties relative to reference element',
@@ -85,17 +86,20 @@ export const popperPlacementArgType = {
     options: ['auto', 'auto-start', 'auto-end', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'right', 'right-start', 'right-end', 'left', 'left-start', 'left-end']
   }
 };
+
 /**
  * Either a DOM node, React ref or a virtual element
  * @return {PropType} Validate that prop is either a function or an
  * instance of an Element.
  */
-
-export const popperReferencePropType = PropTypes.oneOfType([// DOM node
-PropTypes.instanceOf(Element), // React ref - React.useRef() or React.createRef()
+export const popperReferencePropType = PropTypes.oneOfType([
+// DOM node
+PropTypes.instanceOf(Element),
+// React ref - React.useRef() or React.createRef()
 PropTypes.shape({
   current: PropTypes.instanceOf(Element)
-}), // Virtual element
+}),
+// Virtual element
 PropTypes.shape({
   getBoundingClientRect: PropTypes.func
 })]);

package/build/es/spacers.js

@@ -16,22 +16,22 @@ export const spacersNum = {
   dp512: 512,
   dp640: 640
 };
-/** Pixel values of the spacer definitions */
 
+/** Pixel values of the spacer definitions */
 export const spacers = {
-  dp4: "".concat(spacersNum.dp4, "px"),
-  dp8: "".concat(spacersNum.dp8, "px"),
-  dp12: "".concat(spacersNum.dp12, "px"),
-  dp16: "".concat(spacersNum.dp16, "px"),
-  dp24: "".concat(spacersNum.dp24, "px"),
-  dp32: "".concat(spacersNum.dp32, "px"),
-  dp48: "".concat(spacersNum.dp48, "px"),
-  dp64: "".concat(spacersNum.dp64, "px"),
-  dp96: "".concat(spacersNum.dp96, "px"),
-  dp128: "".concat(spacersNum.dp128, "px"),
-  dp192: "".concat(spacersNum.dp192, "px"),
-  dp256: "".concat(spacersNum.dp256, "px"),
-  dp384: "".concat(spacersNum.dp384, "px"),
-  dp512: "".concat(spacersNum.dp512, "px"),
-  dp640: "".concat(spacersNum.dp640, "px")
+  dp4: `${spacersNum.dp4}px`,
+  dp8: `${spacersNum.dp8}px`,
+  dp12: `${spacersNum.dp12}px`,
+  dp16: `${spacersNum.dp16}px`,
+  dp24: `${spacersNum.dp24}px`,
+  dp32: `${spacersNum.dp32}px`,
+  dp48: `${spacersNum.dp48}px`,
+  dp64: `${spacersNum.dp64}px`,
+  dp96: `${spacersNum.dp96}px`,
+  dp128: `${spacersNum.dp128}px`,
+  dp192: `${spacersNum.dp192}px`,
+  dp256: `${spacersNum.dp256}px`,
+  dp384: `${spacersNum.dp384}px`,
+  dp512: `${spacersNum.dp512}px`,
+  dp640: `${spacersNum.dp640}px`
 };

package/build/es/theme.js

@@ -2,7 +2,6 @@ import { colors } from './colors.js';
 export const theme = {
   /* theme */
   fonts: 'Roboto, sans-serif',
-
   /*primary*/
   primary900: colors.blue900,
   primary800: colors.blue800,
@@ -14,7 +13,6 @@ export const theme = {
   primary200: colors.blue200,
   primary100: colors.blue100,
   primary050: colors.blue050,
-
   /*secondary*/
   secondary900: colors.teal900,
   secondary800: colors.teal800,
@@ -26,7 +24,6 @@ export const theme = {
   secondary200: colors.teal200,
   secondary100: colors.teal100,
   secondary050: colors.teal050,
-
   /*status*/
   default: colors.grey700,
   error: colors.red500,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2/ui-constants",
-    "version": "9.11.0",
+    "version": "9.11.1-beta.2",
     "description": "Constants used in the UI libs",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
@@ -23,7 +23,7 @@
         "access": "public"
     },
     "scripts": {
-        "start": "start-storybook -c ../storybook/config --port 5000",
+        "start": "storybook dev -c ../storybook/config --port 5000",
         "build": "d2-app-scripts build"
     },
     "dependencies": {