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.
- package/dist/Tooltip/Layout/TooltipCustomLayout.d.ts +1 -1
- package/dist/Tooltip/Tooltip.d.ts +1 -1
- package/dist/odaptos_design_system.cjs.development.js +10 -10
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +10 -10
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Checkbox/Checkbox.tsx +1 -1
- package/src/Tooltip/Layout/TooltipCustomLayout.module.scss +1 -1
- package/src/Tooltip/Layout/TooltipCustomLayout.tsx +37 -24
- package/src/Tooltip/Tooltip.tsx +1 -1
- package/src/Typography/Caption.tsx +1 -1
- package/src/Typography/Text.tsx +1 -1
- package/src/Typography/TextForButton.tsx +1 -1
- package/src/Typography/TextForDropDownItem.tsx +1 -1
- package/src/Typography/TextWithLink.tsx +1 -1
- package/src/Typography/Title.tsx +1 -1
|
@@ -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
|
|
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 = '
|
|
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 = '
|
|
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: "
|
|
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 = '
|
|
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 = '
|
|
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
|
|
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 = '
|
|
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 = '
|
|
6043
|
+
color = '#26292E',
|
|
6044
6044
|
bold = false,
|
|
6045
6045
|
size = 'base',
|
|
6046
6046
|
className,
|