@digigov/react-core 0.26.0 → 0.27.0-ac772edc

package/AccordionSectionSummary/index.d.ts

@@ -1,6 +1,14 @@
 import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface AccordionSectionSummaryProps extends BaseProps<'summary'> {
+    /**
+     * color is optional.
+     * 'primary' color gives AccordionSectionSummary the default color.
+     * @value primary
+     * @value secondary
+     * @default primary
+     * */
+    color?: 'primary' | 'secondary';
 }
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.

package/AccordionSectionSummary/index.js

@@ -17,19 +17,21 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
 
 var _clsx = _interopRequireDefault(require("clsx"));
 
-var _excluded = ["className", "children"];
+var _excluded = ["color", "className", "children"];
 
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 var AccordionSectionSummary = /*#__PURE__*/_react["default"].forwardRef(function AccordionSectionSummary(_ref, ref) {
-  var className = _ref.className,
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      className = _ref.className,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "summary",
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-summary'),
+    className: (0, _clsx["default"])(className, color === 'secondary' && 'govgr-accordion__section-summary--secondary', true && 'govgr-accordion__section-summary'),
     role: "heading"
   }, props), children);
 });

package/es/AccordionSectionSummary/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["color", "className", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -9,14 +9,16 @@ import clsx from 'clsx';
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_ref, ref) {
-  var className = _ref.className,
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-summary'),
+    className: clsx(className, color === 'secondary' && 'govgr-accordion__section-summary--secondary', true && 'govgr-accordion__section-summary'),
     role: "heading"
   }, props), children);
 });

package/esm/AccordionSectionSummary/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "children"];
+var _excluded = ["color", "className", "children"];
 import React from 'react';
 import Base from '@digigov/react-core/Base';
 import clsx from 'clsx';
@@ -9,14 +9,16 @@ import clsx from 'clsx';
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 export var AccordionSectionSummary = /*#__PURE__*/React.forwardRef(function AccordionSectionSummary(_ref, ref) {
-  var className = _ref.className,
+  var _ref$color = _ref.color,
+      color = _ref$color === void 0 ? 'primary' : _ref$color,
+      className = _ref.className,
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
     ref: ref,
-    className: clsx(className, true && 'govgr-accordion__section-summary'),
+    className: clsx(className, color === 'secondary' && 'govgr-accordion__section-summary--secondary', true && 'govgr-accordion__section-summary'),
     role: "heading"
   }, props), children);
 });

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v0.26.0
+/** @license Digigov v0.27.0-ac772edc
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/react-core",
-  "version": "0.26.0",
+  "version": "0.27.0-ac772edc",
   "description": "@digigov react core components",
   "author": "GRNET Developers <devs@lists.grnet.gr>",
   "license": "BSD-2-Clause",
@@ -11,7 +11,7 @@
     "directory": "dist"
   },
   "peerDependencies": {
-    "@digigov/css": "0.38.3",
+    "@digigov/css": "0.39.0-ac772edc",
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"

package/src/AccordionSectionSummary/index.tsx

@@ -2,20 +2,30 @@ import React from 'react';
 import Base, { BaseProps } from '@digigov/react-core/Base';
 import clsx from 'clsx';
 
-export interface AccordionSectionSummaryProps extends BaseProps<'summary'> {}
+export interface AccordionSectionSummaryProps extends BaseProps<'summary'> {
+  /**
+   * color is optional.
+   * 'primary' color gives AccordionSectionSummary the default color.
+   * @value primary
+   * @value secondary
+   * @default primary
+   * */
+  color?: 'primary' | 'secondary';
+}
 /**
  * AccordionSectionSummary is used as a wrapper component for AccordionSectionSummaryHeading.
  */
 export const AccordionSectionSummary = React.forwardRef<
   HTMLDivElement,
   AccordionSectionSummaryProps
->(function AccordionSectionSummary({ className, children, ...props }, ref) {
+>(function AccordionSectionSummary({ color = 'primary', className, children, ...props }, ref) {
   return (
     <Base
       as="summary"
       ref={ref}
       className={clsx(className, {
         'govgr-accordion__section-summary': true,
+        'govgr-accordion__section-summary--secondary': color === 'secondary',
       })}
       role="heading"
       {...props}