@peculiar/react-components 0.3.15-alpha.1 → 0.4.0

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.
Files changed (145) hide show
  1. package/dist/cjs/Alert/alert.js +26 -3
  2. package/dist/cjs/Alert/alert.js.map +1 -1
  3. package/dist/cjs/Autocomplete/autocomplete.js +85 -29
  4. package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
  5. package/dist/cjs/Backdrop/backdrop.js +2 -2
  6. package/dist/cjs/Backdrop/backdrop.js.map +1 -1
  7. package/dist/cjs/ButtonBase/button_base.js +36 -7
  8. package/dist/cjs/ButtonBase/button_base.js.map +1 -1
  9. package/dist/cjs/Checkbox/checkbox.js +51 -30
  10. package/dist/cjs/Checkbox/checkbox.js.map +1 -1
  11. package/dist/cjs/Chip/chip.js +7 -1
  12. package/dist/cjs/Chip/chip.js.map +1 -1
  13. package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
  14. package/dist/cjs/Collapse/collapse.js.map +1 -1
  15. package/dist/cjs/Dialog/dialog.js +15 -3
  16. package/dist/cjs/Dialog/dialog.js.map +1 -1
  17. package/dist/cjs/Dialog/dialog_title.js +1 -1
  18. package/dist/cjs/Dialog/dialog_title.js.map +1 -1
  19. package/dist/cjs/Drawer/drawer.js +6 -12
  20. package/dist/cjs/Drawer/drawer.js.map +1 -1
  21. package/dist/cjs/MenuList/menu_item.js +45 -11
  22. package/dist/cjs/MenuList/menu_item.js.map +1 -1
  23. package/dist/cjs/MenuList/sub_menu_item.js +7 -5
  24. package/dist/cjs/MenuList/sub_menu_item.js.map +1 -1
  25. package/dist/cjs/Modal/modal.js.map +1 -1
  26. package/dist/cjs/Popover/popover.js +15 -4
  27. package/dist/cjs/Popover/popover.js.map +1 -1
  28. package/dist/cjs/Radio/radio.js +53 -33
  29. package/dist/cjs/Radio/radio.js.map +1 -1
  30. package/dist/cjs/Select/select.js +49 -19
  31. package/dist/cjs/Select/select.js.map +1 -1
  32. package/dist/cjs/Switch/switch.js +54 -28
  33. package/dist/cjs/Switch/switch.js.map +1 -1
  34. package/dist/cjs/Tabs/tab.js +55 -48
  35. package/dist/cjs/Tabs/tab.js.map +1 -1
  36. package/dist/cjs/TextField/text_field.js +55 -22
  37. package/dist/cjs/TextField/text_field.js.map +1 -1
  38. package/dist/cjs/TextareaField/textarea_field.js +54 -21
  39. package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
  40. package/dist/cjs/Tooltip/tooltip.js +47 -7
  41. package/dist/cjs/Tooltip/tooltip.js.map +1 -1
  42. package/dist/cjs/styles/default_theme.js +2 -2
  43. package/dist/cjs/styles/default_theme.js.map +1 -1
  44. package/dist/cjs/styles/foundations/index.js +2 -2
  45. package/dist/cjs/styles/foundations/index.js.map +1 -1
  46. package/dist/cjs/styles/foundations/shadow.js +11 -2
  47. package/dist/cjs/styles/foundations/shadow.js.map +1 -1
  48. package/dist/esm/Alert/alert.js +26 -3
  49. package/dist/esm/Alert/alert.js.map +1 -1
  50. package/dist/esm/Autocomplete/autocomplete.js +85 -29
  51. package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
  52. package/dist/esm/Backdrop/backdrop.js +2 -2
  53. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  54. package/dist/esm/ButtonBase/button_base.js +36 -7
  55. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  56. package/dist/esm/Checkbox/checkbox.js +51 -30
  57. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  58. package/dist/esm/Chip/chip.js +7 -1
  59. package/dist/esm/Chip/chip.js.map +1 -1
  60. package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
  61. package/dist/esm/Collapse/collapse.js.map +1 -1
  62. package/dist/esm/Dialog/dialog.js +15 -3
  63. package/dist/esm/Dialog/dialog.js.map +1 -1
  64. package/dist/esm/Dialog/dialog_title.js +1 -1
  65. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  66. package/dist/esm/Drawer/drawer.js +6 -12
  67. package/dist/esm/Drawer/drawer.js.map +1 -1
  68. package/dist/esm/MenuList/menu_item.js +45 -11
  69. package/dist/esm/MenuList/menu_item.js.map +1 -1
  70. package/dist/esm/MenuList/sub_menu_item.js +7 -5
  71. package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
  72. package/dist/esm/Modal/modal.js.map +1 -1
  73. package/dist/esm/Popover/popover.js +15 -4
  74. package/dist/esm/Popover/popover.js.map +1 -1
  75. package/dist/esm/Radio/radio.js +53 -33
  76. package/dist/esm/Radio/radio.js.map +1 -1
  77. package/dist/esm/Select/select.js +49 -19
  78. package/dist/esm/Select/select.js.map +1 -1
  79. package/dist/esm/Switch/switch.js +54 -28
  80. package/dist/esm/Switch/switch.js.map +1 -1
  81. package/dist/esm/Tabs/tab.js +55 -48
  82. package/dist/esm/Tabs/tab.js.map +1 -1
  83. package/dist/esm/TextField/text_field.js +55 -22
  84. package/dist/esm/TextField/text_field.js.map +1 -1
  85. package/dist/esm/TextareaField/textarea_field.js +54 -21
  86. package/dist/esm/TextareaField/textarea_field.js.map +1 -1
  87. package/dist/esm/Tooltip/tooltip.js +47 -7
  88. package/dist/esm/Tooltip/tooltip.js.map +1 -1
  89. package/dist/esm/styles/default_theme.js +2 -2
  90. package/dist/esm/styles/default_theme.js.map +1 -1
  91. package/dist/esm/styles/foundations/index.js +2 -1
  92. package/dist/esm/styles/foundations/index.js.map +1 -1
  93. package/dist/esm/styles/foundations/shadow.js +10 -1
  94. package/dist/esm/styles/foundations/shadow.js.map +1 -1
  95. package/dist/esnext/Alert/alert.js +26 -3
  96. package/dist/esnext/Alert/alert.js.map +1 -1
  97. package/dist/esnext/Autocomplete/autocomplete.js +84 -37
  98. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
  99. package/dist/esnext/Backdrop/backdrop.js +2 -2
  100. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  101. package/dist/esnext/ButtonBase/button_base.js +36 -7
  102. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  103. package/dist/esnext/Checkbox/checkbox.js +51 -30
  104. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  105. package/dist/esnext/Chip/chip.js +7 -1
  106. package/dist/esnext/Chip/chip.js.map +1 -1
  107. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
  108. package/dist/esnext/Collapse/collapse.js.map +1 -1
  109. package/dist/esnext/Dialog/dialog.js +15 -3
  110. package/dist/esnext/Dialog/dialog.js.map +1 -1
  111. package/dist/esnext/Dialog/dialog_title.js +1 -1
  112. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  113. package/dist/esnext/Drawer/drawer.js +8 -4
  114. package/dist/esnext/Drawer/drawer.js.map +1 -1
  115. package/dist/esnext/MenuList/menu_item.js +34 -17
  116. package/dist/esnext/MenuList/menu_item.js.map +1 -1
  117. package/dist/esnext/MenuList/sub_menu_item.js +10 -4
  118. package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
  119. package/dist/esnext/Modal/modal.js.map +1 -1
  120. package/dist/esnext/Popover/popover.js +15 -4
  121. package/dist/esnext/Popover/popover.js.map +1 -1
  122. package/dist/esnext/Radio/radio.js +55 -33
  123. package/dist/esnext/Radio/radio.js.map +1 -1
  124. package/dist/esnext/Select/select.js +48 -23
  125. package/dist/esnext/Select/select.js.map +1 -1
  126. package/dist/esnext/Switch/switch.js +54 -28
  127. package/dist/esnext/Switch/switch.js.map +1 -1
  128. package/dist/esnext/Tabs/tab.js +56 -32
  129. package/dist/esnext/Tabs/tab.js.map +1 -1
  130. package/dist/esnext/TextField/text_field.js +54 -26
  131. package/dist/esnext/TextField/text_field.js.map +1 -1
  132. package/dist/esnext/TextareaField/textarea_field.js +53 -26
  133. package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
  134. package/dist/esnext/Tooltip/tooltip.js +48 -8
  135. package/dist/esnext/Tooltip/tooltip.js.map +1 -1
  136. package/dist/esnext/styles/default_theme.js +2 -2
  137. package/dist/esnext/styles/default_theme.js.map +1 -1
  138. package/dist/esnext/styles/foundations/index.js +2 -1
  139. package/dist/esnext/styles/foundations/index.js.map +1 -1
  140. package/dist/esnext/styles/foundations/shadow.js +10 -1
  141. package/dist/esnext/styles/foundations/shadow.js.map +1 -1
  142. package/dist/types/styles/foundations/index.d.ts +1 -1
  143. package/dist/types/styles/foundations/shadow.d.ts +10 -1
  144. package/dist/types/styles/types.d.ts +1 -1
  145. package/package.json +3 -3
@@ -71,7 +71,7 @@ var SwitchRoot = (0, styled_1.default)('label')({
71
71
  });
72
72
  var SwitchInput = (0, styled_1.default)('input', {
73
73
  shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
74
- })(function (props) { return ({
74
+ })({
75
75
  label: 'Switch-input',
76
76
  overflow: 'hidden',
77
77
  width: '100%',
@@ -82,39 +82,65 @@ var SwitchInput = (0, styled_1.default)('input', {
82
82
  borderRadius: 'inherit',
83
83
  appearance: 'none',
84
84
  backgroundColor: 'var(--pv-color-gray-6)',
85
- '&:checked': {
86
- backgroundColor: "var(--pv-color-".concat(props.color, ")"),
87
- '+ [aria-hidden]': {
88
- transform: 'translateX(calc(50% - 2px))',
89
- '&:before': {
90
- backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
85
+ }, function (props) {
86
+ var isDark = props.theme.mode === 'dark';
87
+ var backgroundColorChecked = "var(--pv-color-".concat(props.color, ")");
88
+ var borderColor = 'var(--pv-color-gray-3)';
89
+ var borderColorDisabled = 'var(--pv-color-gray-3)';
90
+ var backgroundColorDisabled = 'var(--pv-color-gray-1)';
91
+ var backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-tint-3)");
92
+ if (isDark) {
93
+ backgroundColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
94
+ borderColor = 'var(--pv-color-gray-9)';
95
+ borderColorDisabled = 'var(--pv-color-gray-6)';
96
+ backgroundColorDisabled = 'var(--pv-color-gray-7)';
97
+ backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-shade-3)");
98
+ }
99
+ return {
100
+ '&:checked': {
101
+ backgroundColor: backgroundColorChecked,
102
+ '+ [aria-hidden]': {
103
+ transform: 'translateX(calc(50% - 2px))',
104
+ '&:before': {
105
+ backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
106
+ },
91
107
  },
92
108
  },
93
- },
94
- '&:disabled': {
95
- cursor: 'not-allowed',
96
- pointerEvents: 'none',
97
- opacity: 0.4,
98
- },
99
- '&:not(:disabled)': {
100
- cursor: 'pointer',
101
- '&:hover': {
102
- '+ [aria-hidden]:before': {
103
- opacity: 0.18,
109
+ '&:disabled': {
110
+ cursor: 'not-allowed',
111
+ pointerEvents: 'none',
112
+ backgroundColor: 'var(--pv-color-gray-4)',
113
+ '+ [aria-hidden]': {
114
+ borderColor: borderColorDisabled,
115
+ backgroundColor: backgroundColorDisabled,
104
116
  },
105
- },
106
- '&:focus': {
107
- '+ [aria-hidden]:before': {
108
- opacity: 0.23,
117
+ '&:checked': {
118
+ backgroundColor: backgroundColorDisabledChecked,
109
119
  },
110
120
  },
111
- '&:active': {
112
- '+ [aria-hidden]:before': {
113
- opacity: 0.30,
121
+ '&:not(:disabled)': {
122
+ cursor: 'pointer',
123
+ '+ [aria-hidden]': {
124
+ borderColor: borderColor,
125
+ },
126
+ '&:hover': {
127
+ '+ [aria-hidden]:before': {
128
+ opacity: 0.18,
129
+ },
130
+ },
131
+ '&:focus': {
132
+ '+ [aria-hidden]:before': {
133
+ opacity: 0.23,
134
+ },
135
+ },
136
+ '&:active': {
137
+ '+ [aria-hidden]:before': {
138
+ opacity: 0.30,
139
+ },
114
140
  },
115
141
  },
116
- },
117
- }); });
142
+ };
143
+ });
118
144
  var SwitchDot = (0, styled_1.default)(Box_1.Box)({
119
145
  display: 'block',
120
146
  position: 'absolute',
@@ -146,7 +172,7 @@ exports.Switch = React.forwardRef(function (props, ref) {
146
172
  var id = (0, hooks_1.useId)(idProp);
147
173
  return (React.createElement(SwitchRoot, __assign({ ref: ref, htmlFor: id }, other),
148
174
  React.createElement(SwitchInput, __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
149
- React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
175
+ React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
150
176
  });
151
177
  exports.Switch.displayName = 'Switch';
152
178
  exports.Switch.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../src/Switch/switch.tsx"],"names":[],"mappings":"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"}
@@ -51,6 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
51
51
  exports.Tab = void 0;
52
52
  var React = __importStar(require("react"));
53
53
  var styled_1 = __importDefault(require("@emotion/styled"));
54
+ var is_prop_valid_1 = __importDefault(require("@emotion/is-prop-valid"));
54
55
  var Typography_1 = require("../Typography");
55
56
  /**
56
57
  *
@@ -58,39 +59,60 @@ var Typography_1 = require("../Typography");
58
59
  /**
59
60
  * Styles.
60
61
  */
61
- var TabRoot = (0, styled_1.default)('button')({
62
- fontFamily: 'inherit',
63
- outline: 'none',
64
- cursor: 'pointer',
65
- boxSizing: 'border-box',
66
- border: 0,
67
- borderBottom: '3px solid transparent',
68
- minHeight: 'var(--pv-size-base-12)',
69
- height: '100%',
70
- padding: '0 var(--pv-size-base-3)',
71
- backgroundColor: 'transparent',
72
- transition: 'background-color 200ms, color 200ms, border-color 200ms',
73
- display: 'inline-flex',
74
- alignItems: 'center',
75
- justifyContent: 'center',
76
- textDecoration: 'none',
77
- '&:disabled': {
78
- cursor: 'not-allowed',
79
- },
80
- '&[aria-selected]': {
81
- borderColor: 'var(--pv-color-secondary)',
82
- },
83
- '&:not(:disabled)': {
84
- '&:hover': {
85
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
86
- },
87
- '&:focus': {
88
- backgroundColor: 'var(--pv-color-secondary-tint-4)',
62
+ var TabRoot = (0, styled_1.default)('button', {
63
+ shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
64
+ })(function (props) { return (__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', border: 0, borderBottom: '3px solid transparent', minHeight: 'var(--pv-size-base-12)', height: '100%', padding: '0 var(--pv-size-base-3)', backgroundColor: 'transparent', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'inline-flex', alignItems: 'center', justifyContent: 'center', textDecoration: 'none' }, (props.selected && ({
65
+ borderColor: 'var(--pv-color-secondary)',
66
+ })))); }, function (props) {
67
+ var isDark = props.theme.mode === 'dark';
68
+ var isWhite = props.color === 'white';
69
+ var color;
70
+ var colorDisabled = isDark
71
+ ? 'var(--pv-color-gray-5)'
72
+ : 'var(--pv-color-gray-7)';
73
+ var backgroundColorHove = 'var(--pv-color-secondary-tint-5)';
74
+ var backgroundColorFocus = 'var(--pv-color-secondary-tint-4)';
75
+ var backgroundColorActive = 'var(--pv-color-secondary-tint-3)';
76
+ if (isWhite) {
77
+ color = 'var(--pv-color-gray-9)';
78
+ }
79
+ else if (isDark) {
80
+ color = 'var(--pv-color-gray-7)';
81
+ }
82
+ else {
83
+ color = 'var(--pv-color-gray-10)';
84
+ }
85
+ if (isDark) {
86
+ backgroundColorHove = 'var(--pv-color-secondary-shade-4)';
87
+ backgroundColorFocus = 'var(--pv-color-secondary-shade-3)';
88
+ backgroundColorActive = 'var(--pv-color-secondary-shade-2)';
89
+ }
90
+ if (props.selected) {
91
+ if (isDark || isWhite) {
92
+ color = 'var(--pv-color-white)';
93
+ }
94
+ else {
95
+ color = 'var(--pv-color-black)';
96
+ }
97
+ }
98
+ return {
99
+ '&:disabled': {
100
+ cursor: 'not-allowed',
101
+ color: colorDisabled,
89
102
  },
90
- '&:active': {
91
- backgroundColor: 'var(--pv-color-secondary-tint-3)',
103
+ '&:not(:disabled)': {
104
+ color: color,
105
+ '&:hover': {
106
+ backgroundColor: backgroundColorHove,
107
+ },
108
+ '&:focus': {
109
+ backgroundColor: backgroundColorFocus,
110
+ },
111
+ '&:active': {
112
+ backgroundColor: backgroundColorActive,
113
+ },
92
114
  },
93
- },
115
+ };
94
116
  });
95
117
  /**
96
118
  *
@@ -100,28 +122,13 @@ exports.Tab = React.forwardRef(function (props, ref) {
100
122
  // @ts-ignore
101
123
  selected = props.selected, children = props.children, onChange = props.onChange, other = __rest(props, ["color", "component", "id", "disabled", "selected", "children", "onChange"]);
102
124
  var Component = component || 'button';
103
- var textColor = React.useMemo(function () {
104
- if (disabled) {
105
- return 'gray-7';
106
- }
107
- if (color === 'white') {
108
- if (selected) {
109
- return 'white';
110
- }
111
- return 'gray-9';
112
- }
113
- if (selected) {
114
- return 'black';
115
- }
116
- return 'gray-10';
117
- }, [disabled, selected, color]);
118
125
  var handleClick = function (event) {
119
126
  if (!selected && onChange) {
120
127
  onChange(event, id);
121
128
  }
122
129
  };
123
- return (React.createElement(TabRoot, __assign({ as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, "aria-selected": selected || undefined, onClick: handleClick }, other),
124
- React.createElement(Typography_1.Typography, { variant: "s2", component: "span", color: textColor }, children)));
130
+ return (React.createElement(TabRoot, __assign({ as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, color: color, selected: selected, onClick: handleClick }, other),
131
+ React.createElement(Typography_1.Typography, { variant: "s2", component: "span", color: "inherit" }, children)));
125
132
  });
126
133
  exports.Tab.displayName = 'Tab';
127
134
  exports.Tab.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AAGrC,4CAA2C;AAuC3C;;GAEG;AAEH;;GAEG;AACH,IAAM,OAAO,GAAG,IAAA,gBAAM,EAAC,QAAQ,CAAC,CAAC;IAC/B,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,wBAAwB;IACnC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;KACtB;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,kCAAkC;SACpD;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;IAE1D,IAAA,KASE,KAAK,MATQ,EAAf,KAAK,mBAAG,OAAO,KAAA,EACf,SAAS,GAQP,KAAK,UARE,EACT,EAAE,GAOA,KAAK,GAPL,EACF,QAAQ,GAMN,KAAK,SANC;IACR,aAAa;IACb,QAAQ,GAIN,KAAK,SAJC,EACR,QAAQ,GAGN,KAAK,SAHC,EACR,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAVH,4EAUL,CADS,CACA;IACV,IAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;IAExC,IAAM,SAAS,GAAc,KAAK,CAAC,OAAO,CAAC;QACzC,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,QAAQ,EAAE;gBACZ,OAAO,OAAO,CAAC;aAChB;YAED,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,QAAQ,EAAE;YACZ,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,IAAM,WAAW,GAAG,UAAC,KAAsD;QACzE,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,OAAO,aACN,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,mBACS,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,WAAW,IAChB,KAAK;QAET,oBAAC,uBAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,SAAS,IAEf,QAAQ,CACE,CACL,CACX,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,WAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,OAAO;CACf,CAAC"}
1
+ {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
@@ -58,32 +58,65 @@ var Typography_1 = require("../Typography");
58
58
  /**
59
59
  * Styles.
60
60
  */
61
- var TextFieldInput = (0, styled_1.default)(Typography_1.Typography)(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', borderColor: 'var(--pv-color-gray-8)', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'inline-flex', appearance: 'none', '&::placeholder': {
62
- color: 'var(--pv-color-gray-9)',
63
- }, '&:hover': {
64
- backgroundColor: 'var(--pv-color-gray-3)',
65
- borderColor: 'var(--pv-color-gray-7)',
66
- }, '&:disabled': {
67
- cursor: 'not-allowed',
68
- backgroundColor: 'var(--pv-color-gray-1)',
69
- borderColor: 'var(--pv-color-gray-5)',
70
- color: 'var(--pv-color-gray-7)',
71
- }, '&:not(:disabled)': {
72
- '&[aria-invalid]': {
73
- backgroundColor: 'var(--pv-color-wrong-tint-5)',
74
- borderColor: 'var(--pv-color-wrong-tint-3)',
75
- },
76
- '&:focus': {
77
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
78
- borderColor: 'var(--pv-color-secondary-tint-3)',
79
- },
80
- } }, (props.size === 'small' && {
61
+ var TextFieldInput = (0, styled_1.default)(Typography_1.Typography)(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'inline-flex', appearance: 'none' }, (props.size === 'small' && {
81
62
  height: 'var(--pv-size-base-6)',
82
63
  })), (props.size === 'medium' && {
83
64
  height: 'var(--pv-size-base-7)',
84
65
  })), (props.size === 'large' && {
85
66
  height: 'var(--pv-size-base-8)',
86
- }))); });
67
+ }))); }, function (props) {
68
+ var isDark = props.theme.mode === 'dark';
69
+ var color = isDark
70
+ ? 'var(--pv-color-white)'
71
+ : 'var(--pv-color-black)';
72
+ var borderColor = 'var(--pv-color-gray-8)';
73
+ var colorPlaceholder = 'var(--pv-color-gray-9)';
74
+ var borderColorHover = 'var(--pv-color-gray-7)';
75
+ var borderColorDisabled = 'var(--pv-color-gray-5)';
76
+ var colorDisabled = 'var(--pv-color-gray-7)';
77
+ var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
78
+ var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
79
+ var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
80
+ var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
81
+ if (isDark) {
82
+ borderColor = 'var(--pv-color-gray-5)';
83
+ colorPlaceholder = 'var(--pv-color-gray-6)';
84
+ borderColorHover = 'var(--pv-color-gray-4)';
85
+ borderColorDisabled = 'var(--pv-color-gray-4)';
86
+ colorDisabled = 'var(--pv-color-gray-4)';
87
+ invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
88
+ invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
89
+ backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
90
+ borderColorFocus = 'var(--pv-color-secondary-shade-1)';
91
+ }
92
+ return ({
93
+ color: color,
94
+ borderColor: borderColor,
95
+ '&::placeholder': {
96
+ color: colorPlaceholder,
97
+ },
98
+ '&:hover': {
99
+ backgroundColor: 'var(--pv-color-gray-3)',
100
+ borderColor: borderColorHover,
101
+ },
102
+ '&:disabled': {
103
+ cursor: 'not-allowed',
104
+ backgroundColor: 'var(--pv-color-gray-1)',
105
+ borderColor: borderColorDisabled,
106
+ color: colorDisabled,
107
+ },
108
+ '&:not(:disabled)': {
109
+ '&[aria-invalid]': {
110
+ backgroundColor: invalidBackgroundColor,
111
+ borderColor: invalidBorderColor,
112
+ },
113
+ '&:focus': {
114
+ backgroundColor: backgroundColorFocus,
115
+ borderColor: borderColorFocus,
116
+ },
117
+ },
118
+ });
119
+ });
87
120
  var TextFieldLabel = (0, styled_1.default)('label')({
88
121
  label: 'TextField-label',
89
122
  marginBottom: '2px',
@@ -102,7 +135,7 @@ exports.TextField = React.forwardRef(function (props, ref) {
102
135
  React.createElement(Typography_1.Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
103
136
  React.createElement(TextFieldInput, __assign({}, inputProps, {
104
137
  // @ts-ignore
105
- component: "input", color: "black", variant: size === 'small' ? 'c1' : 'b3', size: size, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
138
+ component: "input", variant: size === 'small' ? 'c1' : 'b3', size: size, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef, autoFocus: autoFocus, "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
106
139
  error && errorText && (React.createElement(TextFieldError, { variant: "c2", color: "wrong" }, errorText))));
107
140
  });
108
141
  exports.TextField.displayName = 'TextField';
@@ -1 +1 @@
1
- {"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
@@ -58,32 +58,65 @@ var Typography_1 = require("../Typography");
58
58
  /**
59
59
  * Styles.
60
60
  */
61
- var TextareaFieldInput = (0, styled_1.default)('textarea')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: 'var(--pv-size-base) var(--pv-size-base-2)', color: 'var(--pv-color-black)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', borderColor: 'var(--pv-color-gray-8)', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', resize: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)', '&::placeholder': {
62
- color: 'var(--pv-color-gray-9)',
63
- }, '&:hover': {
64
- backgroundColor: 'var(--pv-color-gray-3)',
65
- borderColor: 'var(--pv-color-gray-7)',
66
- }, '&:disabled': {
67
- cursor: 'not-allowed',
68
- backgroundColor: 'var(--pv-color-gray-1)',
69
- borderColor: 'var(--pv-color-gray-5)',
70
- color: 'var(--pv-color-gray-7)',
71
- }, '&:not(:disabled)': {
72
- '&[aria-invalid]': {
73
- backgroundColor: 'var(--pv-color-wrong-tint-5)',
74
- borderColor: 'var(--pv-color-wrong-tint-3)',
75
- },
76
- '&:focus': {
77
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
78
- borderColor: 'var(--pv-color-secondary-tint-3)',
79
- },
80
- } }, (props.size === 'small' && {
61
+ var TextareaFieldInput = (0, styled_1.default)('textarea')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: 'var(--pv-size-base) var(--pv-size-base-2)', backgroundColor: 'var(--pv-color-gray-1)', borderStyle: 'solid', borderWidth: '1px', transition: 'background-color 200ms, color 200ms, border-color 200ms', display: 'block', appearance: 'none', resize: 'none', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)' }, (props.size === 'small' && {
81
62
  minHeight: 'var(--pv-size-base-12)',
82
63
  })), (props.size === 'medium' && {
83
64
  minHeight: 'var(--pv-size-base-14)',
84
65
  })), (props.size === 'large' && {
85
66
  minHeight: 'var(--pv-size-base-16)',
86
- }))); });
67
+ }))); }, function (props) {
68
+ var isDark = props.theme.mode === 'dark';
69
+ var color = isDark
70
+ ? 'var(--pv-color-white)'
71
+ : 'var(--pv-color-black)';
72
+ var borderColor = 'var(--pv-color-gray-8)';
73
+ var colorPlaceholder = 'var(--pv-color-gray-9)';
74
+ var borderColorHover = 'var(--pv-color-gray-7)';
75
+ var borderColorDisabled = 'var(--pv-color-gray-5)';
76
+ var colorDisabled = 'var(--pv-color-gray-7)';
77
+ var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
78
+ var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
79
+ var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
80
+ var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
81
+ if (isDark) {
82
+ borderColor = 'var(--pv-color-gray-5)';
83
+ colorPlaceholder = 'var(--pv-color-gray-6)';
84
+ borderColorHover = 'var(--pv-color-gray-4)';
85
+ borderColorDisabled = 'var(--pv-color-gray-4)';
86
+ colorDisabled = 'var(--pv-color-gray-4)';
87
+ invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
88
+ invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
89
+ backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
90
+ borderColorFocus = 'var(--pv-color-secondary-shade-1)';
91
+ }
92
+ return ({
93
+ color: color,
94
+ borderColor: borderColor,
95
+ '&::placeholder': {
96
+ color: colorPlaceholder,
97
+ },
98
+ '&:hover': {
99
+ backgroundColor: 'var(--pv-color-gray-3)',
100
+ borderColor: borderColorHover,
101
+ },
102
+ '&:disabled': {
103
+ cursor: 'not-allowed',
104
+ backgroundColor: 'var(--pv-color-gray-1)',
105
+ borderColor: borderColorDisabled,
106
+ color: colorDisabled,
107
+ },
108
+ '&:not(:disabled)': {
109
+ '&[aria-invalid]': {
110
+ backgroundColor: invalidBackgroundColor,
111
+ borderColor: invalidBorderColor,
112
+ },
113
+ '&:focus': {
114
+ backgroundColor: backgroundColorFocus,
115
+ borderColor: borderColorFocus,
116
+ },
117
+ },
118
+ });
119
+ });
87
120
  var TextareaFieldLabel = (0, styled_1.default)('label')({
88
121
  marginBottom: '2px',
89
122
  display: 'inline-block',
@@ -1 +1 @@
1
- {"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,4CAA2C;AA+E3C;;GAEG;AAEH;;GAEG;AACH,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,UAAU,CAAC,CAC3C,UAAC,KAAK,IAAK,OAAA,8BACT,UAAU,EAAE,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,2CAA2C,EACpD,eAAe,EAAE,wBAAwB,EACzC,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,KAAK,EAClB,UAAU,EAAE,yDAAyD,EACrE,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,0BAAsC,EAClD,QAAQ,EAAE,wBAAwB,EAClC,UAAU,EAAE,0BAA0B,EACtC,aAAa,EAAE,2BAA2B,IACvC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;IAC5B,SAAS,EAAE,wBAAwB;CACpC,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI;IAC7B,SAAS,EAAE,wBAAwB;CACpC,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI;IAC5B,SAAS,EAAE,wBAAwB;CACpC,CAAC,EACF,EA3BS,CA2BT,EACF,UAAC,KAAK;IACJ,IAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IAC3C,IAAM,KAAK,GAAG,MAAM;QAClB,CAAC,CAAC,uBAAuB;QACzB,CAAC,CAAC,uBAAuB,CAAC;IAE5B,IAAI,WAAW,GAAG,wBAAwB,CAAC;IAC3C,IAAI,gBAAgB,GAAG,wBAAwB,CAAC;IAChD,IAAI,gBAAgB,GAAG,wBAAwB,CAAC;IAChD,IAAI,mBAAmB,GAAG,wBAAwB,CAAC;IACnD,IAAI,aAAa,GAAG,wBAAwB,CAAC;IAC7C,IAAI,sBAAsB,GAAG,8BAA8B,CAAC;IAC5D,IAAI,kBAAkB,GAAG,8BAA8B,CAAC;IACxD,IAAI,oBAAoB,GAAG,kCAAkC,CAAC;IAC9D,IAAI,gBAAgB,GAAG,kCAAkC,CAAC;IAE1D,IAAI,MAAM,EAAE;QACV,WAAW,GAAG,wBAAwB,CAAC;QACvC,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,gBAAgB,GAAG,wBAAwB,CAAC;QAC5C,mBAAmB,GAAG,wBAAwB,CAAC;QAC/C,aAAa,GAAG,wBAAwB,CAAC;QACzC,sBAAsB,GAAG,+BAA+B,CAAC;QACzD,kBAAkB,GAAG,+BAA+B,CAAC;QACrD,oBAAoB,GAAG,mCAAmC,CAAC;QAC3D,gBAAgB,GAAG,mCAAmC,CAAC;KACxD;IAED,OAAO,CAAC;QACN,KAAK,OAAA;QACL,WAAW,aAAA;QACX,gBAAgB,EAAE;YAChB,KAAK,EAAE,gBAAgB;SACxB;QACD,SAAS,EAAE;YACT,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,gBAAgB;SAC9B;QACD,YAAY,EAAE;YACZ,MAAM,EAAE,aAAa;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,mBAAmB;YAChC,KAAK,EAAE,aAAa;SACrB;QACD,kBAAkB,EAAE;YAClB,iBAAiB,EAAE;gBACjB,eAAe,EAAE,sBAAsB;gBACvC,WAAW,EAAE,kBAAkB;aAChC;YACD,SAAS,EAAE;gBACT,eAAe,EAAE,oBAAoB;gBACrC,WAAW,EAAE,gBAAgB;aAC9B;SACF;KACF,CAAC,CAAC;AACL,CAAC,CACF,CAAC;AAEF,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,OAAO,CAAC,CAAC;IACzC,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAC;IAC5C,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;IAEzF,IAAA,IAAI,GAiBF,KAAK,KAjBH,EACJ,KAAK,GAgBH,KAAK,MAhBF,EACL,UAAU,GAeR,KAAK,WAfG,EACV,QAAQ,GAcN,KAAK,SAdC,EACR,YAAY,GAaV,KAAK,aAbK,EACZ,EAAE,GAYA,KAAK,GAZL,EACF,KAAK,GAWH,KAAK,MAXF,EACL,WAAW,GAUT,KAAK,YAVI,EACX,QAAQ,GASN,KAAK,SATC,EACR,IAAI,GAQF,KAAK,KARH,EACJ,QAAQ,GAON,KAAK,SAPC,EACR,KAAK,GAMH,KAAK,MANF,EACL,SAAS,GAKP,KAAK,UALE,EACT,SAAS,GAIP,KAAK,UAJE,EACT,QAAQ,GAGN,KAAK,SAHC,EACR,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAlBH,oLAkBL,CADS,CACA;IAEV,OAAO,CACL,sCACE,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,KAAK,IAAI,CACR,oBAAC,kBAAkB,IACjB,OAAO,EAAE,EAAE;YAEX,oBAAC,uBAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,KAAK,CACK,CACM,CACtB;QACD,oBAAC,kBAAkB,eACb,UAAU,IACd,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,kBACN,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,IAClB;QACD,KAAK,IAAI,SAAS,IAAI,CACrB,oBAAC,kBAAkB,IACjB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,SAAS,CACS,CACtB,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,QAAQ;CACf,CAAC"}
@@ -45,11 +45,35 @@ var Typography_1 = require("../Typography");
45
45
  * Styles.
46
46
  */
47
47
  var stylesKeyframeOpacity = (0, react_2.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
48
- var TooltipRoot = (0, styled_1.default)(Box_1.Box)(function (props) { return (__assign(__assign({ boxShadow: 'var(--pv-shadow-light-low)', maxWidth: '300px', wordWrap: 'break-word', fontSize: 0, animation: "".concat(stylesKeyframeOpacity, " 225ms"), position: 'relative' }, (props.size === 'small' && {
48
+ var TooltipRoot = (0, styled_1.default)(Box_1.Box, {
49
+ shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
50
+ })(function (props) { return (__assign(__assign({ maxWidth: '300px', wordWrap: 'break-word', fontSize: 0, animation: "".concat(stylesKeyframeOpacity, " 225ms"), position: 'relative', borderRadius: '4px' }, (props.size === 'small' && {
49
51
  padding: '5px 8px',
50
52
  })), (props.size === 'large' && {
51
53
  padding: '8px 10px',
52
- }))); });
54
+ }))); }, function (props) {
55
+ var isDark = props.theme.mode === 'dark';
56
+ var backgroundColor;
57
+ var boxShadow = 'var(--pv-shadow-light-low)';
58
+ if (props.color === 'black') {
59
+ if (isDark) {
60
+ backgroundColor = 'var(--pv-color-gray-5)';
61
+ }
62
+ else {
63
+ backgroundColor = 'var(--pv-color-gray-10)';
64
+ }
65
+ }
66
+ else {
67
+ backgroundColor = 'var(--pv-color-white)';
68
+ }
69
+ if (isDark) {
70
+ boxShadow = 'var(--pv-shadow-dark-medium)';
71
+ }
72
+ return {
73
+ boxShadow: boxShadow,
74
+ backgroundColor: backgroundColor,
75
+ };
76
+ });
53
77
  var TooltipPopper = (0, styled_1.default)(Popper_1.Popper)(function (props) { return ({
54
78
  pointerEvents: props.interactive ? 'auto' : 'none',
55
79
  zIndex: 1500,
@@ -80,13 +104,12 @@ var TooltipPopper = (0, styled_1.default)(Popper_1.Popper)(function (props) { re
80
104
  }); });
81
105
  var TooltipArrow = (0, styled_1.default)('span', {
82
106
  shouldForwardProp: function (prop) { return (0, is_prop_valid_1.default)(prop) && prop !== 'color'; },
83
- })(function (props) { return ({
107
+ })({
84
108
  width: '8px',
85
109
  height: '8px',
86
110
  background: 'transparent',
87
111
  position: 'absolute',
88
112
  display: 'block',
89
- color: props.color === 'white' ? 'var(--pv-color-white)' : 'var(--pv-color-gray-10)',
90
113
  '&::before': {
91
114
  content: '""',
92
115
  margin: 'auto',
@@ -96,7 +119,24 @@ var TooltipArrow = (0, styled_1.default)('span', {
96
119
  backgroundColor: 'currentColor',
97
120
  transform: 'rotate(45deg)',
98
121
  },
99
- }); });
122
+ }, function (props) {
123
+ var isDark = props.theme.mode === 'dark';
124
+ var color;
125
+ if (props.color === 'black') {
126
+ if (isDark) {
127
+ color = 'var(--pv-color-gray-5)';
128
+ }
129
+ else {
130
+ color = 'var(--pv-color-gray-10)';
131
+ }
132
+ }
133
+ else {
134
+ color = 'var(--pv-color-white)';
135
+ }
136
+ return {
137
+ color: color,
138
+ };
139
+ });
100
140
  /**
101
141
  *
102
142
  */
@@ -155,7 +195,7 @@ var Tooltip = function (props) {
155
195
  }
156
196
  return (react_1.default.createElement(react_1.default.Fragment, null,
157
197
  react_1.default.cloneElement(children, childrenProps),
158
- react_1.default.createElement(TooltipPopper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, modifiers: [
198
+ react_1.default.createElement(TooltipPopper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, interactive: interactive, modifiers: [
159
199
  {
160
200
  name: 'arrow',
161
201
  enabled: Boolean(arrowRef),
@@ -170,7 +210,7 @@ var Tooltip = function (props) {
170
210
  offset: [0, offset],
171
211
  },
172
212
  },
173
- ] }, popperProps), function (style) { return (react_1.default.createElement(TooltipRoot, __assign({ background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, size: size }, other),
213
+ ] }, popperProps), function (style) { return (react_1.default.createElement(TooltipRoot, __assign({ size: size, color: color }, other),
174
214
  react_1.default.createElement(Typography_1.Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
175
215
  arrow
176
216
  ? (react_1.default.createElement(TooltipArrow, { "data-popper-arrow": true, ref: setArrowRef, style: style, color: color }))
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}