@dhis2-ui/button 8.16.0-alpha.1 → 9.0.0-alpha.1

package/build/cjs/dropdown-button/dropdown-button.js

@@ -183,8 +183,10 @@ DropdownButton.propTypes = {
   component: _propTypes2.default.element,
   dataTest: _propTypes2.default.string,
 
-  /** Button variant. Mutually exclusive with `primary` and `secondary` props */
-  destructive: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'destructive' button appearance, implying a dangerous action.
+   */
+  destructive: _propTypes2.default.bool,
 
   /** Make the button non-interactive */
   disabled: _propTypes2.default.bool,
@@ -200,11 +202,15 @@ DropdownButton.propTypes = {
   /** Controls popper visibility. When implementing this prop the component becomes a controlled component */
   open: _propTypes2.default.bool,
 
-  /** Button variant. Mutually exclusive with `destructive` and `secondary` props */
-  primary: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'primary' button appearance, implying the most important action.
+   */
+  primary: _propTypes2.default.bool,
 
-  /** Button variant. Mutually exclusive with `primary` and `destructive` props */
-  secondary: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'secondary' button appearance.
+   */
+  secondary: _propTypes2.default.bool,
 
   /** Button size. Mutually exclusive with `large` prop */
   small: _uiConstants.sharedPropTypes.sizePropType,

package/build/cjs/split-button/split-button.js

@@ -146,8 +146,10 @@ SplitButton.propTypes = {
   component: _propTypes.default.element,
   dataTest: _propTypes.default.string,
 
-  /** Applies 'destructive' appearance to indicate purpose. Mutually exclusive with `primary` and `secondary` props */
-  destructive: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'destructive' button appearance, implying a dangerous action.
+   */
+  destructive: _propTypes.default.bool,
 
   /** Disables the button and makes it uninteractive */
   disabled: _propTypes.default.bool,
@@ -162,11 +164,15 @@ SplitButton.propTypes = {
   large: _uiConstants.sharedPropTypes.sizePropType,
   name: _propTypes.default.string,
 
-  /** Applies 'primary' appearance to indicate purpose. Mutually exclusive with `destructive` and `secondary` props */
-  primary: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'primary' button appearance, implying the most important action.
+   */
+  primary: _propTypes.default.bool,
 
-  /** Applies 'secondary' appearance to indicate purpose. Mutually exclusive with `primary` and `destructive` props */
-  secondary: _uiConstants.sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'secondary' button appearance.
+   */
+  secondary: _propTypes.default.bool,
 
   /** Changes button size. Mutually exclusive with `large` prop */
   small: _uiConstants.sharedPropTypes.sizePropType,

package/build/es/dropdown-button/dropdown-button.js

@@ -163,8 +163,10 @@ DropdownButton.propTypes = {
   component: PropTypes.element,
   dataTest: PropTypes.string,
 
-  /** Button variant. Mutually exclusive with `primary` and `secondary` props */
-  destructive: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'destructive' button appearance, implying a dangerous action.
+   */
+  destructive: PropTypes.bool,
 
   /** Make the button non-interactive */
   disabled: PropTypes.bool,
@@ -180,11 +182,15 @@ DropdownButton.propTypes = {
   /** Controls popper visibility. When implementing this prop the component becomes a controlled component */
   open: PropTypes.bool,
 
-  /** Button variant. Mutually exclusive with `destructive` and `secondary` props */
-  primary: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'primary' button appearance, implying the most important action.
+   */
+  primary: PropTypes.bool,
 
-  /** Button variant. Mutually exclusive with `primary` and `destructive` props */
-  secondary: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'secondary' button appearance.
+   */
+  secondary: PropTypes.bool,
 
   /** Button size. Mutually exclusive with `large` prop */
   small: sharedPropTypes.sizePropType,

package/build/es/split-button/split-button.js

@@ -124,8 +124,10 @@ SplitButton.propTypes = {
   component: PropTypes.element,
   dataTest: PropTypes.string,
 
-  /** Applies 'destructive' appearance to indicate purpose. Mutually exclusive with `primary` and `secondary` props */
-  destructive: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'destructive' button appearance, implying a dangerous action.
+   */
+  destructive: PropTypes.bool,
 
   /** Disables the button and makes it uninteractive */
   disabled: PropTypes.bool,
@@ -140,11 +142,15 @@ SplitButton.propTypes = {
   large: sharedPropTypes.sizePropType,
   name: PropTypes.string,
 
-  /** Applies 'primary' appearance to indicate purpose. Mutually exclusive with `destructive` and `secondary` props */
-  primary: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'primary' button appearance, implying the most important action.
+   */
+  primary: PropTypes.bool,
 
-  /** Applies 'secondary' appearance to indicate purpose. Mutually exclusive with `primary` and `destructive` props */
-  secondary: sharedPropTypes.buttonVariantPropType,
+  /**
+   * Applies 'secondary' button appearance.
+   */
+  secondary: PropTypes.bool,
 
   /** Changes button size. Mutually exclusive with `large` prop */
   small: sharedPropTypes.sizePropType,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/button",
-    "version": "8.16.0-alpha.1",
+    "version": "9.0.0-alpha.1",
     "description": "UI Button",
     "repository": {
         "type": "git",
@@ -33,11 +33,11 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.1.2",
-        "@dhis2-ui/layer": "8.16.0-alpha.1",
-        "@dhis2-ui/loader": "8.16.0-alpha.1",
-        "@dhis2-ui/popper": "8.16.0-alpha.1",
-        "@dhis2/ui-constants": "8.16.0-alpha.1",
-        "@dhis2/ui-icons": "8.16.0-alpha.1",
+        "@dhis2-ui/layer": "9.0.0-alpha.1",
+        "@dhis2-ui/loader": "9.0.0-alpha.1",
+        "@dhis2-ui/popper": "9.0.0-alpha.1",
+        "@dhis2/ui-constants": "9.0.0-alpha.1",
+        "@dhis2/ui-icons": "9.0.0-alpha.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },

package/types/index.d.ts

@@ -30,11 +30,7 @@ export interface ButtonProps {
      * for identification during testing
      */
     dataTest?: string
-    /**
-     * Indicates that the button makes potentially dangerous
-     * deletions or data changes.
-     * Mutually exclusive with `primary` and `secondary` props
-     */
+    /** Applies 'destructive' button appearance, implying a dangerous action */
     destructive?: boolean
     /**
      * Applies a greyed-out appearance and makes the button non-interactive
@@ -61,15 +57,9 @@ export interface ButtonProps {
      * Gets passed as part of the first argument to callbacks (see `onClick`).
      */
     name?: string
-    /**
-     * Applies 'primary' button appearance.
-     * Mutually exclusive with `destructive` and `secondary` props
-     */
+    /** Applies 'primary' button appearance, implying the most important action */
     primary?: boolean
-    /**
-     * Applies 'secondary' button appearance.
-     * Mutually exclusive with `primary` and `destructive` props
-     */
+    /** Applies 'secondary' button appearance */
     secondary?: boolean
     /**
      * Makes the button small. Mutually exclusive with `large` prop
@@ -143,9 +133,7 @@ export interface DropdownButtonProps {
      */
     component?: React.ReactElement<any>
     dataTest?: string
-    /**
-     * Button variant. Mutually exclusive with `primary` and `secondary` props
-     */
+    /** Applies 'destructive' button appearance, implying a dangerous action. */
     destructive?: boolean
     /**
      * Make the button non-interactive
@@ -165,16 +153,12 @@ export interface DropdownButtonProps {
      * Controls popper visibility. When implementing this prop the component becomes a controlled component
      */
     open?: boolean
-    /**
-     * Button variant. Mutually exclusive with `destructive` and `secondary` props
-     */
+    /** Applies 'primary' button appearance, implying the most important action */
     primary?: boolean
-    /**
-     * Button variant. Mutually exclusive with `primary` and `destructive` props
-     */
+    /** Applies 'secondary' button appearance */
     secondary?: boolean
     /**
-     * Button size. Mutually exclusive with `large` prop
+     * Changes button size. Mutually exclusive with `large` prop
      */
     small?: boolean
     tabIndex?: string
@@ -206,9 +190,7 @@ export interface SplitButtonProps {
      */
     component?: React.ReactElement<any>
     dataTest?: string
-    /**
-     * Applies 'destructive' appearance to indicate purpose. Mutually exclusive with `primary` and `secondary` props
-     */
+    /** Applies 'destructive' button appearance, implying a dangerous action. */
     destructive?: boolean
     /**
      * Disables the button and makes it uninteractive
@@ -227,13 +209,9 @@ export interface SplitButtonProps {
      */
     large?: boolean
     name?: string
-    /**
-     * Applies 'primary' appearance to indicate purpose. Mutually exclusive with `destructive` and `secondary` props
-     */
+    /** Applies 'primary' button appearance, implying the most important action */
     primary?: boolean
-    /**
-     * Applies 'secondary' appearance to indicate purpose. Mutually exclusive with `primary` and `destructive` props
-     */
+    /** Applies 'secondary' button appearance */
     secondary?: boolean
     /**
      * Changes button size. Mutually exclusive with `large` prop