oa-componentbook 0.18.24 → 0.18.26

package/build/components/oa-component-datepicker/CustomDatePicker.js

@@ -71,15 +71,14 @@ function CustomDatePicker(_ref) {
         colorBgContainerDisabled: _ColorVariablesMap.default['--color-divider'],
         colorBorder: _ColorVariablesMap.default['--color-placeholder-text'],
         // border color of input text field
-        colorTextDisabled: _ColorVariablesMap.default['--color-secondary-content'],
+        colorTextDisabled: _ColorVariablesMap.default['--color-placeholder-text'],
         // Color of disabled text.
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
         // Color of placeholder text
-        colorTextQuaternary: _ColorVariablesMap.default['--color-secondary-content'],
+        colorTextQuaternary: _ColorVariablesMap.default['--color-placeholder-text'],
         // color of disabled calendar icon
         colorText: _ColorVariablesMap.default['--color-primary-content'],
         // Text color
-
         colorIcon: _ColorVariablesMap.default['--color-primary'],
         // Color of arrows icons beside month and year in datepicker
         colorIconHover: _ColorVariablesMap.default['--color-primary-hover'],

package/build/components/oa-component-modal/styles.js

@@ -8,6 +8,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject, _templateObject2, _templateObject3;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 20px;\n  justify-content: flex-end;\n"])));
-const DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 12px 0 24px 0;\n"])));
-const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  flex-direction: column;\n\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));
+const ButtonContainer = exports.ButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  justify-content: flex-end;\n  margin: 24px 0 0;\n"])));
+const DescriptionContainer = exports.DescriptionContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: 12px 0 0;\n"])));
+const TitleContainer = exports.TitleContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 16px;\n  flex-direction: column;\n  margin: 0 0 16px;\n\n  img {\n    height: 36px;\n    width: 36px;\n  }\n"])));

package/build/components/oa-component-tag/styles.js

@@ -37,5 +37,5 @@ const getColorStyles = type => {
   };
 };
 var _default = exports.default = {};
-const StyledTag = exports.StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  \n  padding: 4px 12px;\n  \n  color: ", ";\n  \n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n  \n  visibility: ", ";\n"])), props => getColorStyles(props.type).textColor, props => getColorStyles(props.type).backgroundColor, props => getColorStyles(props.type).borderColor, props => props.visible ? 'visible' : 'hidden');
+const StyledTag = exports.StyledTag = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n  height: 24px;\n  padding: 0px 12px;\n  \n  color: ", ";\n  \n  background-color: ", ";\n\n  border: 1px solid ", ";\n  border-radius: 4px;\n  \n  visibility: ", ";\n"])), props => getColorStyles(props.type).textColor, props => getColorStyles(props.type).backgroundColor, props => getColorStyles(props.type).borderColor, props => props.visible ? 'visible' : 'hidden');
 const CenteredTextContainer = exports.CenteredTextContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));

package/build/components/oa-component-timepicker/CustomTimePicker.js

@@ -48,10 +48,10 @@ function CustomTimePicker(_ref) {
         // border color of input text field
         colorText: _ColorVariablesMap.default['--color-primary-content'],
         // Text color
-        colorTextDisabled: _ColorVariablesMap.default['--color-secondary-content'],
+        colorTextDisabled: _ColorVariablesMap.default['--color-placeholder-text'],
         // Text color when disabled
         colorTextPlaceholder: _ColorVariablesMap.default['--color-placeholder-text'],
-        colorTextQuaternary: _ColorVariablesMap.default['--color-secondary-content'],
+        colorTextQuaternary: _ColorVariablesMap.default['--color-placeholder-text'],
         // color of disabled clock icon
 
         colorLink: _ColorVariablesMap.default['--color-primary'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oa-componentbook",
-  "version": "0.18.24",
+  "version": "0.18.26",
   "private": false,
   "description": "Reusable components",
   "main": "build/index.js",