odaptos_design_system 1.4.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  interface TooltipLayoutProps {
3
- tooltipTitle: string;
3
+ tooltipTitle?: string;
4
4
  closeButton?: JSX.Element;
5
5
  onClickClose?: () => void;
6
6
  tooltipDescription?: string;
@@ -3,7 +3,7 @@ interface TooltipProps {
3
3
  placement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
4
4
  onOpen?: () => void;
5
5
  onClose?: () => void;
6
- title: string;
6
+ title?: string;
7
7
  closeButton?: JSX.Element;
8
8
  tooltipDescription?: string;
9
9
  customContent?: JSX.Element;
@@ -60,7 +60,7 @@ styleInject(css_248z$1);
60
60
  */
61
61
  const Text = ({
62
62
  text,
63
- color = 'black',
63
+ color = '#26292E',
64
64
  size = 'base',
65
65
  weight = 'regular',
66
66
  italic = false,
@@ -4223,7 +4223,7 @@ styleInject(css_248z$4);
4223
4223
  */
4224
4224
  const TextForButton = ({
4225
4225
  text,
4226
- color = 'black',
4226
+ color = '#00040A',
4227
4227
  bold = false,
4228
4228
  className,
4229
4229
  size = 'base',
@@ -4325,7 +4325,7 @@ const Checkbox = ({
4325
4325
  }, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
4326
4326
  text: leftLabel,
4327
4327
  size: "sm",
4328
- color: "black"
4328
+ color: "#26292E"
4329
4329
  }), /*#__PURE__*/React__default.createElement(BpCheckbox, {
4330
4330
  checked: checked,
4331
4331
  disabled: disabled,
@@ -4687,7 +4687,7 @@ styleInject(css_248z$b);
4687
4687
  */
4688
4688
  const Title = ({
4689
4689
  text,
4690
- color = 'black',
4690
+ color = '#26292E',
4691
4691
  size = 'base',
4692
4692
  weight = 'semi-bold',
4693
4693
  italic = false,
@@ -4865,7 +4865,7 @@ styleInject(css_248z$d);
4865
4865
  /** This text should be use to display basic text */
4866
4866
  const TextWithLink = ({
4867
4867
  text,
4868
- color = 'black',
4868
+ color = '#26292E',
4869
4869
  size = 'base',
4870
4870
  weight = 'semi-bold',
4871
4871
  italic = false,
@@ -5350,7 +5350,7 @@ const Switch = ({
5350
5350
  }));
5351
5351
  };
5352
5352
 
5353
- var css_248z$l = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}";
5353
+ var css_248z$l = ".TooltipCustomLayout-module_tooltip_layout__o1GBH{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__v6S3f{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_actions__CMSoi{align-items:flex-start;align-self:stretch;display:flex;gap:0 .tooltip_layout_actions .tooltip_layout_actions .5rem;justify-content:flex-end}";
5354
5354
  var styles$l = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__o1GBH","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__v6S3f","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__CMSoi"};
5355
5355
  styleInject(css_248z$l);
5356
5356
 
@@ -5375,7 +5375,7 @@ const TooltipLayout = ({
5375
5375
  className: styles$l.tooltip_layout
5376
5376
  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
5377
5377
  className: styles$l.tooltip_layout_header
5378
- }, /*#__PURE__*/React__default.createElement(Title, {
5378
+ }, tooltipTitle && /*#__PURE__*/React__default.createElement(Title, {
5379
5379
  text: tooltipTitle,
5380
5380
  size: "sm",
5381
5381
  weight: "bold"
@@ -5390,7 +5390,7 @@ const TooltipLayout = ({
5390
5390
  className: styles$l.tooltip_layout_description
5391
5391
  }), customContent && /*#__PURE__*/React__default.createElement("div", {
5392
5392
  className: styles$l.tooltip_layout_content
5393
- }, customContent)), /*#__PURE__*/React__default.createElement("div", {
5393
+ }, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
5394
5394
  className: styles$l.tooltip_layout_actions
5395
5395
  }, buttonOneText && /*#__PURE__*/React__default.createElement(Button, {
5396
5396
  text: buttonOneText,
@@ -6018,7 +6018,7 @@ styleInject(css_248z$t);
6018
6018
  */
6019
6019
  const Caption = ({
6020
6020
  text = 'Caption text',
6021
- color = 'black',
6021
+ color = '#26292E',
6022
6022
  className,
6023
6023
  uppercase = true,
6024
6024
  ...props
@@ -6040,7 +6040,7 @@ styleInject(css_248z$u);
6040
6040
  */
6041
6041
  const TextForDropDownItem = ({
6042
6042
  text = 'Text for drop down item',
6043
- color = 'black',
6043
+ color = '#26292E',
6044
6044
  bold = false,
6045
6045
  size = 'base',
6046
6046
  className,