@dhis2/ui-constants 8.15.1 → 8.16.0-alpha.1

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

@@ -3,7 +3,7 @@
 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.buttonVariantPropType = exports.buttonVariantArgType = void 0;
+exports.statusPropType = exports.statusArgType = exports.sizePropType = exports.sizeArgType = exports.popperReferencePropType = exports.popperReferenceArgType = exports.popperPlacementPropType = exports.popperPlacementArgType = exports.insideAlignmentPropType = exports.insideAlignmentArgType = void 0;
 
 var _propTypes = require("@dhis2/prop-types");
 
@@ -29,35 +29,13 @@ const statusArgType = {
     type: 'boolean'
   }
 };
-/**
- * @deprecated Not unused, will be removed in a future version.
- * Button variant propType
- * @return {PropType} Mutually exclusive variants:
- * primary/secondary/destructive
- */
-
-exports.statusArgType = statusArgType;
-const buttonVariantPropType = (0, _propTypes.mutuallyExclusive)(['primary', 'secondary', 'destructive'], _propTypes2.default.bool);
-exports.buttonVariantPropType = buttonVariantPropType;
-const buttonVariantArgType = {
-  // No description because it should be set for the component description
-  table: {
-    type: {
-      summary: 'bool',
-      detail: "'primary', 'secondary', and 'destructive' are mutually exclusive props"
-    }
-  },
-  control: {
-    type: 'boolean'
-  }
-};
 /**
  * Size variant propType
  * @return {PropType} Mutually exclusive variants:
  * small/large
  */
 
-exports.buttonVariantArgType = buttonVariantArgType;
+exports.statusArgType = statusArgType;
 const sizePropType = (0, _propTypes.mutuallyExclusive)(['small', 'large', 'extrasmall', 'fluid'], _propTypes2.default.bool);
 exports.sizePropType = sizePropType;
 const sizeArgType = {

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

@@ -18,26 +18,6 @@ export const statusArgType = {
     type: 'boolean'
   }
 };
-/**
- * @deprecated Not unused, will be removed in a future version.
- * Button variant propType
- * @return {PropType} Mutually exclusive variants:
- * primary/secondary/destructive
- */
-
-export const buttonVariantPropType = mutuallyExclusive(['primary', 'secondary', 'destructive'], PropTypes.bool);
-export const buttonVariantArgType = {
-  // No description because it should be set for the component description
-  table: {
-    type: {
-      summary: 'bool',
-      detail: "'primary', 'secondary', and 'destructive' are mutually exclusive props"
-    }
-  },
-  control: {
-    type: 'boolean'
-  }
-};
 /**
  * Size variant propType
  * @return {PropType} Mutually exclusive variants:

package/package.json

@@ -1,10 +1,11 @@
 {
     "name": "@dhis2/ui-constants",
-    "version": "8.15.1",
+    "version": "8.16.0-alpha.1",
     "description": "Constants used in the UI libs",
     "main": "./build/cjs/index.js",
     "module": "./build/es/index.js",
     "exports": {
+        "types": "./types/index.d.ts",
         "import": "./build/es/index.js",
         "require": "./build/cjs/index.js"
     },
@@ -29,6 +30,8 @@
         "prop-types": "^15.7.2"
     },
     "files": [
-        "build"
-    ]
+        "build",
+        "types"
+    ],
+    "types": "types"
 }

package/types/index.d.ts

@@ -0,0 +1,63 @@
+export type ColorBase = 'blue' | 'teal' | 'red' | 'yellow' | 'green' | 'grey'
+export type ColorVariant =
+    | '900'
+    | '800'
+    | '700'
+    | '600'
+    | '500'
+    | '400'
+    | '300'
+    | '200'
+    | '100'
+    | '050'
+export type ColorProp = `${ColorBase}${ColorVariant}` | 'white'
+
+export const colors: Record<ColorProp, string>
+
+export type ElevantionVariant = 'e100' | 'e200' | 'e300' | 'e400'
+export const elevations: Record<ElevantionVariant, string>
+
+export type SpacerVariant =
+    | 'dp4'
+    | 'dp8'
+    | 'dp12'
+    | 'dp16'
+    | 'dp24'
+    | 'dp32'
+    | 'dp48'
+    | 'dp64'
+    | 'dp96'
+    | 'dp128'
+    | 'dp192'
+    | 'dp256'
+    | 'dp384'
+    | 'dp512'
+    | 'dp640'
+export const spacersNum: Record<SpacerVariant, number>
+export const spacers: Record<SpacerVariant, string>
+
+export type LayerVariant = 'applicationTop' | 'blocking' | 'alert'
+export const layer: Record<LayerVariant, number>
+
+export type ThemeBase = 'primary' | 'secondary'
+export type ThemeVariant =
+    | '900'
+    | '800'
+    | '700'
+    | '600'
+    | '500'
+    | '400'
+    | '300'
+    | '200'
+    | '100'
+    | '050'
+export type ThemeProp =
+    | `${ThemeBase}${ThemeVariant}`
+    | 'default'
+    | 'error'
+    | 'valid'
+    | 'warning'
+    | 'disabled'
+    | 'focus'
+    | 'fonts'
+export const theme: Record<ThemeProp, string>