@peculiar/react-components 0.3.15-alpha.1 → 0.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.
Files changed (151) 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 +37 -8
  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 +8 -2
  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/Slider/slider.js +1 -1
  33. package/dist/cjs/Slider/slider.js.map +1 -1
  34. package/dist/cjs/Switch/switch.js +54 -28
  35. package/dist/cjs/Switch/switch.js.map +1 -1
  36. package/dist/cjs/Tabs/tab.js +55 -48
  37. package/dist/cjs/Tabs/tab.js.map +1 -1
  38. package/dist/cjs/TextField/text_field.js +55 -22
  39. package/dist/cjs/TextField/text_field.js.map +1 -1
  40. package/dist/cjs/TextareaField/textarea_field.js +54 -21
  41. package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
  42. package/dist/cjs/Tooltip/tooltip.js +47 -7
  43. package/dist/cjs/Tooltip/tooltip.js.map +1 -1
  44. package/dist/cjs/styles/default_theme.js +2 -2
  45. package/dist/cjs/styles/default_theme.js.map +1 -1
  46. package/dist/cjs/styles/foundations/index.js +2 -2
  47. package/dist/cjs/styles/foundations/index.js.map +1 -1
  48. package/dist/cjs/styles/foundations/shadow.js +11 -2
  49. package/dist/cjs/styles/foundations/shadow.js.map +1 -1
  50. package/dist/esm/Alert/alert.js +26 -3
  51. package/dist/esm/Alert/alert.js.map +1 -1
  52. package/dist/esm/Autocomplete/autocomplete.js +85 -29
  53. package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
  54. package/dist/esm/Backdrop/backdrop.js +2 -2
  55. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  56. package/dist/esm/ButtonBase/button_base.js +37 -8
  57. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  58. package/dist/esm/Checkbox/checkbox.js +51 -30
  59. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  60. package/dist/esm/Chip/chip.js +8 -2
  61. package/dist/esm/Chip/chip.js.map +1 -1
  62. package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
  63. package/dist/esm/Collapse/collapse.js.map +1 -1
  64. package/dist/esm/Dialog/dialog.js +15 -3
  65. package/dist/esm/Dialog/dialog.js.map +1 -1
  66. package/dist/esm/Dialog/dialog_title.js +1 -1
  67. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  68. package/dist/esm/Drawer/drawer.js +6 -12
  69. package/dist/esm/Drawer/drawer.js.map +1 -1
  70. package/dist/esm/MenuList/menu_item.js +45 -11
  71. package/dist/esm/MenuList/menu_item.js.map +1 -1
  72. package/dist/esm/MenuList/sub_menu_item.js +7 -5
  73. package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
  74. package/dist/esm/Modal/modal.js.map +1 -1
  75. package/dist/esm/Popover/popover.js +15 -4
  76. package/dist/esm/Popover/popover.js.map +1 -1
  77. package/dist/esm/Radio/radio.js +53 -33
  78. package/dist/esm/Radio/radio.js.map +1 -1
  79. package/dist/esm/Select/select.js +49 -19
  80. package/dist/esm/Select/select.js.map +1 -1
  81. package/dist/esm/Slider/slider.js +1 -1
  82. package/dist/esm/Slider/slider.js.map +1 -1
  83. package/dist/esm/Switch/switch.js +54 -28
  84. package/dist/esm/Switch/switch.js.map +1 -1
  85. package/dist/esm/Tabs/tab.js +55 -48
  86. package/dist/esm/Tabs/tab.js.map +1 -1
  87. package/dist/esm/TextField/text_field.js +55 -22
  88. package/dist/esm/TextField/text_field.js.map +1 -1
  89. package/dist/esm/TextareaField/textarea_field.js +54 -21
  90. package/dist/esm/TextareaField/textarea_field.js.map +1 -1
  91. package/dist/esm/Tooltip/tooltip.js +47 -7
  92. package/dist/esm/Tooltip/tooltip.js.map +1 -1
  93. package/dist/esm/styles/default_theme.js +2 -2
  94. package/dist/esm/styles/default_theme.js.map +1 -1
  95. package/dist/esm/styles/foundations/index.js +2 -1
  96. package/dist/esm/styles/foundations/index.js.map +1 -1
  97. package/dist/esm/styles/foundations/shadow.js +10 -1
  98. package/dist/esm/styles/foundations/shadow.js.map +1 -1
  99. package/dist/esnext/Alert/alert.js +26 -3
  100. package/dist/esnext/Alert/alert.js.map +1 -1
  101. package/dist/esnext/Autocomplete/autocomplete.js +84 -37
  102. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
  103. package/dist/esnext/Backdrop/backdrop.js +2 -2
  104. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  105. package/dist/esnext/ButtonBase/button_base.js +37 -8
  106. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  107. package/dist/esnext/Checkbox/checkbox.js +51 -30
  108. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  109. package/dist/esnext/Chip/chip.js +8 -2
  110. package/dist/esnext/Chip/chip.js.map +1 -1
  111. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
  112. package/dist/esnext/Collapse/collapse.js.map +1 -1
  113. package/dist/esnext/Dialog/dialog.js +15 -3
  114. package/dist/esnext/Dialog/dialog.js.map +1 -1
  115. package/dist/esnext/Dialog/dialog_title.js +1 -1
  116. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  117. package/dist/esnext/Drawer/drawer.js +8 -4
  118. package/dist/esnext/Drawer/drawer.js.map +1 -1
  119. package/dist/esnext/MenuList/menu_item.js +34 -17
  120. package/dist/esnext/MenuList/menu_item.js.map +1 -1
  121. package/dist/esnext/MenuList/sub_menu_item.js +10 -4
  122. package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
  123. package/dist/esnext/Modal/modal.js.map +1 -1
  124. package/dist/esnext/Popover/popover.js +15 -4
  125. package/dist/esnext/Popover/popover.js.map +1 -1
  126. package/dist/esnext/Radio/radio.js +55 -33
  127. package/dist/esnext/Radio/radio.js.map +1 -1
  128. package/dist/esnext/Select/select.js +48 -23
  129. package/dist/esnext/Select/select.js.map +1 -1
  130. package/dist/esnext/Slider/slider.js +1 -1
  131. package/dist/esnext/Slider/slider.js.map +1 -1
  132. package/dist/esnext/Switch/switch.js +54 -28
  133. package/dist/esnext/Switch/switch.js.map +1 -1
  134. package/dist/esnext/Tabs/tab.js +56 -32
  135. package/dist/esnext/Tabs/tab.js.map +1 -1
  136. package/dist/esnext/TextField/text_field.js +54 -26
  137. package/dist/esnext/TextField/text_field.js.map +1 -1
  138. package/dist/esnext/TextareaField/textarea_field.js +53 -26
  139. package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
  140. package/dist/esnext/Tooltip/tooltip.js +48 -8
  141. package/dist/esnext/Tooltip/tooltip.js.map +1 -1
  142. package/dist/esnext/styles/default_theme.js +2 -2
  143. package/dist/esnext/styles/default_theme.js.map +1 -1
  144. package/dist/esnext/styles/foundations/index.js +2 -1
  145. package/dist/esnext/styles/foundations/index.js.map +1 -1
  146. package/dist/esnext/styles/foundations/shadow.js +10 -1
  147. package/dist/esnext/styles/foundations/shadow.js.map +1 -1
  148. package/dist/types/styles/foundations/index.d.ts +1 -1
  149. package/dist/types/styles/foundations/shadow.d.ts +10 -1
  150. package/dist/types/styles/types.d.ts +1 -1
  151. package/package.json +3 -3
@@ -36,9 +36,12 @@ var RadioRoot = styled('label')({
36
36
  width: 'var(--pv-size-base-4)',
37
37
  height: 'var(--pv-size-base-4)',
38
38
  borderRadius: '50%',
39
- color: 'var(--pv-color-gray-6)',
40
39
  position: 'relative',
41
- });
40
+ }, function (props) { return (__assign({}, (props.theme.mode === 'dark' ? {
41
+ color: 'var(--pv-color-gray-5)',
42
+ } : {
43
+ color: 'var(--pv-color-gray-6)',
44
+ }))); });
42
45
  var RadioInput = styled('input')({
43
46
  cursor: 'inherit',
44
47
  width: '100%',
@@ -50,7 +53,6 @@ var RadioInput = styled('input')({
50
53
  borderWidth: '2px',
51
54
  borderStyle: 'solid',
52
55
  appearance: 'none',
53
- color: 'var(--pv-color-gray-9)',
54
56
  borderColor: 'currentColor',
55
57
  backgroundColor: 'transparent',
56
58
  '&:before': {
@@ -65,43 +67,61 @@ var RadioInput = styled('input')({
65
67
  backgroundColor: 'currentColor',
66
68
  transition: 'opacity 200ms',
67
69
  },
68
- '&:checked': {
69
- '+ [aria-hidden]': {
70
- color: 'var(--pv-color-primary)',
71
- opacity: 1,
72
- },
73
- },
74
- '&:not(:disabled)': {
75
- cursor: 'pointer',
70
+ }, function (props) {
71
+ var isDark = props.theme.mode === 'dark';
72
+ var color = 'var(--pv-color-gray-9)';
73
+ var colorChecked = 'var(--pv-color-primary-shade-1)';
74
+ var ellipseColorChecked = 'var(--pv-color-primary)';
75
+ var colorDisabled = 'var(--pv-color-gray-6)';
76
+ var colorDisabledChecked = 'var(--pv-color-gray-7)';
77
+ if (isDark) {
78
+ color = 'var(--pv-color-gray-7)';
79
+ colorChecked = 'var(--pv-color-primary)';
80
+ ellipseColorChecked = 'var(--pv-color-primary-tint-1)';
81
+ colorDisabled = 'var(--pv-color-gray-5)';
82
+ colorDisabled = 'var(--pv-color-gray-5)';
83
+ colorDisabledChecked = 'var(--pv-color-gray-5)';
84
+ }
85
+ return ({
86
+ color: color,
76
87
  '&:checked': {
77
- color: 'var(--pv-color-primary-shade-1)',
78
- },
79
- '&:hover': {
80
- '&:before': {
81
- opacity: 0.18,
88
+ '+ [aria-hidden]': {
89
+ color: ellipseColorChecked,
90
+ opacity: 1,
82
91
  },
83
92
  },
84
- '&:focus': {
85
- '&:before': {
86
- opacity: 0.23,
93
+ '&:not(:disabled)': {
94
+ cursor: 'pointer',
95
+ '&:checked': {
96
+ color: colorChecked,
87
97
  },
88
- },
89
- '&:active': {
90
- '&:before': {
91
- opacity: 0.30,
98
+ '&:hover': {
99
+ '&:before': {
100
+ opacity: 0.18,
101
+ },
102
+ },
103
+ '&:focus-visible': {
104
+ '&:before': {
105
+ opacity: 0.23,
106
+ },
107
+ },
108
+ '&:active': {
109
+ '&:before': {
110
+ opacity: 0.30,
111
+ },
92
112
  },
93
113
  },
94
- },
95
- '&:disabled': {
96
- cursor: 'not-allowed',
97
- '+ [aria-hidden]': {
98
- color: 'inherit',
99
- },
100
- color: 'var(--pv-color-gray-6)',
101
- '&:checked': {
102
- color: 'var(--pv-color-gray-7)',
114
+ '&:disabled': {
115
+ cursor: 'not-allowed',
116
+ '+ [aria-hidden]': {
117
+ color: 'inherit',
118
+ },
119
+ color: colorDisabled,
120
+ '&:checked': {
121
+ color: colorDisabledChecked,
122
+ },
103
123
  },
104
- },
124
+ });
105
125
  });
106
126
  var CheckboxIcon = styled('svg')({
107
127
  display: 'block',
@@ -1 +1 @@
1
- {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../src/Radio/radio.tsx"],"names":[],"mappings":"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"}
@@ -30,30 +30,60 @@ import { ArrowDropDownIcon } from '../icons';
30
30
  /**
31
31
  * Styles.
32
32
  */
33
- var SelectRoot = styled('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 0 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', fontWeight: 'var(--pv-text-c1-weight)', fontSize: 'var(--pv-text-c1-size)', lineHeight: 'var(--pv-text-c1-height)', letterSpacing: 'var(--pv-text-c1-spacing)', '&:hover': {
34
- backgroundColor: 'var(--pv-color-gray-3)',
35
- borderColor: 'var(--pv-color-gray-7)',
36
- }, '&:disabled': {
37
- cursor: 'not-allowed',
38
- backgroundColor: 'var(--pv-color-gray-1)',
39
- borderColor: 'var(--pv-color-gray-5)',
40
- color: 'var(--pv-color-gray-7)',
41
- }, '&:not(:disabled)': {
42
- '&[aria-invalid]': {
43
- backgroundColor: 'var(--pv-color-wrong-tint-5)',
44
- borderColor: 'var(--pv-color-wrong-tint-3)',
45
- },
46
- '&:focus': {
47
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
48
- borderColor: 'var(--pv-color-secondary-tint-3)',
49
- },
50
- } }, (props.selectSize === 'small' && {
33
+ var SelectRoot = styled('select')(function (props) { return (__assign(__assign(__assign({ fontFamily: 'inherit', outline: 'none', cursor: 'pointer', boxSizing: 'border-box', width: '100%', borderRadius: '4px', padding: '0 calc(var(--pv-size-base-2) + 24px) 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: 'block', appearance: '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.selectSize === 'small' && {
51
34
  height: 'var(--pv-size-base-6)',
52
35
  })), (props.selectSize === 'medium' && {
53
36
  height: 'var(--pv-size-base-7)',
54
37
  })), (props.selectSize === 'large' && {
55
38
  height: 'var(--pv-size-base-8)',
56
- }))); });
39
+ }))); }, function (props) {
40
+ var isDark = props.theme.mode === 'dark';
41
+ var color = isDark
42
+ ? 'var(--pv-color-white)'
43
+ : 'var(--pv-color-black)';
44
+ var borderColor = 'var(--pv-color-gray-8)';
45
+ var borderColorHover = 'var(--pv-color-gray-7)';
46
+ var borderColorDisabled = 'var(--pv-color-gray-5)';
47
+ var colorDisabled = 'var(--pv-color-gray-7)';
48
+ var invalidBackgroundColor = 'var(--pv-color-wrong-tint-5)';
49
+ var invalidBorderColor = 'var(--pv-color-wrong-tint-3)';
50
+ var backgroundColorFocus = 'var(--pv-color-secondary-tint-5)';
51
+ var borderColorFocus = 'var(--pv-color-secondary-tint-3)';
52
+ if (isDark) {
53
+ borderColor = 'var(--pv-color-gray-5)';
54
+ borderColorHover = 'var(--pv-color-gray-4)';
55
+ borderColorDisabled = 'var(--pv-color-gray-4)';
56
+ colorDisabled = 'var(--pv-color-gray-4)';
57
+ invalidBackgroundColor = 'var(--pv-color-wrong-shade-4)';
58
+ invalidBorderColor = 'var(--pv-color-wrong-shade-1)';
59
+ backgroundColorFocus = 'var(--pv-color-secondary-shade-4)';
60
+ borderColorFocus = 'var(--pv-color-secondary-shade-1)';
61
+ }
62
+ return ({
63
+ color: color,
64
+ borderColor: borderColor,
65
+ '&:hover': {
66
+ backgroundColor: 'var(--pv-color-gray-3)',
67
+ borderColor: borderColorHover,
68
+ },
69
+ '&:disabled': {
70
+ cursor: 'not-allowed',
71
+ backgroundColor: 'var(--pv-color-gray-1)',
72
+ borderColor: borderColorDisabled,
73
+ color: colorDisabled,
74
+ },
75
+ '&:not(:disabled)': {
76
+ '&[aria-invalid]': {
77
+ backgroundColor: invalidBackgroundColor,
78
+ borderColor: invalidBorderColor,
79
+ },
80
+ '&:focus-visible': {
81
+ backgroundColor: backgroundColorFocus,
82
+ borderColor: borderColorFocus,
83
+ },
84
+ },
85
+ });
86
+ });
57
87
  var SelectLabel = styled('label')({
58
88
  marginBottom: '2px',
59
89
  display: 'inline-block',
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/Select/select.tsx"],"names":[],"mappings":"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"}
@@ -67,7 +67,7 @@ var SliderInput = styled('input')({
67
67
  '&:hover': {
68
68
  backgroundColor: 'var(--pv-color-primary-tint-1)',
69
69
  },
70
- '&:focus': {
70
+ '&:focus-visible': {
71
71
  backgroundColor: 'var(--pv-color-primary-tint-2)',
72
72
  },
73
73
  },
@@ -1 +1 @@
1
- {"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0CrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAc;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,QAAQ,GAON,KAAK,SAPC,EACR,GAAG,GAMD,KAAK,IANJ,EACH,GAAG,GAKD,KAAK,IALJ,EACH,IAAI,GAIF,KAAK,KAJH,EACJ,IAAI,GAGF,KAAK,KAHH,EACJ,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAVH,+EAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
1
+ {"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../src/Slider/slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AA0CrC;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAc;IAC5C,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAEH,IAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IAClC,UAAU,EAAE,MAAM;IAClB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,eAAe,EAAE,iCAAiC;IAClD,YAAY,EAAE,MAAM;IACpB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,wBAAwB;IACpC,yBAAyB,EAAE;QACzB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,qBAAqB,EAAE;QACrB,UAAU,EAAE,MAAM;QAClB,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;QACb,eAAe,EAAE,gCAAgC;QACjD,MAAM,EAAE,2CAA2C;QACnD,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,4CAA4C;KACzD;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,gCAAgC;SAClD;QACD,iBAAiB,EAAE;YACjB,eAAe,EAAE,gCAAgC;SAClD;KACF;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,yBAAyB,EAAE;YACzB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;QACD,qBAAqB,EAAE;YACrB,eAAe,EAAE,wBAAwB;YACzC,WAAW,EAAE,wBAAwB;SACtC;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAE3E,IAAA,YAAY,GASV,KAAK,aATK,EACZ,KAAK,GAQH,KAAK,MARF,EACL,QAAQ,GAON,KAAK,SAPC,EACR,GAAG,GAMD,KAAK,IANJ,EACH,GAAG,GAKD,KAAK,IALJ,EACH,IAAI,GAIF,KAAK,KAJH,EACJ,IAAI,GAGF,KAAK,KAHH,EACJ,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAVH,+EAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAET,oBAAC,WAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,CACS,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC"}
@@ -42,7 +42,7 @@ var SwitchRoot = styled('label')({
42
42
  });
43
43
  var SwitchInput = styled('input', {
44
44
  shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
45
- })(function (props) { return ({
45
+ })({
46
46
  label: 'Switch-input',
47
47
  overflow: 'hidden',
48
48
  width: '100%',
@@ -53,39 +53,65 @@ var SwitchInput = styled('input', {
53
53
  borderRadius: 'inherit',
54
54
  appearance: 'none',
55
55
  backgroundColor: 'var(--pv-color-gray-6)',
56
- '&:checked': {
57
- backgroundColor: "var(--pv-color-".concat(props.color, ")"),
58
- '+ [aria-hidden]': {
59
- transform: 'translateX(calc(50% - 2px))',
60
- '&:before': {
61
- backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
56
+ }, function (props) {
57
+ var isDark = props.theme.mode === 'dark';
58
+ var backgroundColorChecked = "var(--pv-color-".concat(props.color, ")");
59
+ var borderColor = 'var(--pv-color-gray-3)';
60
+ var borderColorDisabled = 'var(--pv-color-gray-3)';
61
+ var backgroundColorDisabled = 'var(--pv-color-gray-1)';
62
+ var backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-tint-3)");
63
+ if (isDark) {
64
+ backgroundColorChecked = "var(--pv-color-".concat(props.color, "-tint-1)");
65
+ borderColor = 'var(--pv-color-gray-9)';
66
+ borderColorDisabled = 'var(--pv-color-gray-6)';
67
+ backgroundColorDisabled = 'var(--pv-color-gray-7)';
68
+ backgroundColorDisabledChecked = "var(--pv-color-".concat(props.color, "-shade-3)");
69
+ }
70
+ return {
71
+ '&:checked': {
72
+ backgroundColor: backgroundColorChecked,
73
+ '+ [aria-hidden]': {
74
+ transform: 'translateX(calc(50% - 2px))',
75
+ '&:before': {
76
+ backgroundColor: "var(--pv-color-".concat(props.color, "-shade-2)"),
77
+ },
62
78
  },
63
79
  },
64
- },
65
- '&:disabled': {
66
- cursor: 'not-allowed',
67
- pointerEvents: 'none',
68
- opacity: 0.4,
69
- },
70
- '&:not(:disabled)': {
71
- cursor: 'pointer',
72
- '&:hover': {
73
- '+ [aria-hidden]:before': {
74
- opacity: 0.18,
80
+ '&:disabled': {
81
+ cursor: 'not-allowed',
82
+ pointerEvents: 'none',
83
+ backgroundColor: 'var(--pv-color-gray-4)',
84
+ '+ [aria-hidden]': {
85
+ borderColor: borderColorDisabled,
86
+ backgroundColor: backgroundColorDisabled,
75
87
  },
76
- },
77
- '&:focus': {
78
- '+ [aria-hidden]:before': {
79
- opacity: 0.23,
88
+ '&:checked': {
89
+ backgroundColor: backgroundColorDisabledChecked,
80
90
  },
81
91
  },
82
- '&:active': {
83
- '+ [aria-hidden]:before': {
84
- opacity: 0.30,
92
+ '&:not(:disabled)': {
93
+ cursor: 'pointer',
94
+ '+ [aria-hidden]': {
95
+ borderColor: borderColor,
96
+ },
97
+ '&:hover': {
98
+ '+ [aria-hidden]:before': {
99
+ opacity: 0.18,
100
+ },
101
+ },
102
+ '&:focus-visible': {
103
+ '+ [aria-hidden]:before': {
104
+ opacity: 0.23,
105
+ },
106
+ },
107
+ '&:active': {
108
+ '+ [aria-hidden]:before': {
109
+ opacity: 0.30,
110
+ },
85
111
  },
86
112
  },
87
- },
88
- }); });
113
+ };
114
+ });
89
115
  var SwitchDot = styled(Box)({
90
116
  display: 'block',
91
117
  position: 'absolute',
@@ -117,7 +143,7 @@ export var Switch = React.forwardRef(function (props, ref) {
117
143
  var id = useId(idProp);
118
144
  return (React.createElement(SwitchRoot, __assign({ ref: ref, htmlFor: id }, other),
119
145
  React.createElement(SwitchInput, __assign({}, inputProps, { type: "checkbox", name: name, id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, color: color, onChange: onChange })),
120
- React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderColor: "gray-3", borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
146
+ React.createElement(SwitchDot, { "aria-hidden": true, background: "".concat(color, "-contrast"), borderWidth: 1, borderStyle: "solid", borderRadius: 100 })));
121
147
  });
122
148
  Switch.displayName = 'Switch';
123
149
  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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"}
@@ -22,6 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
22
22
  };
23
23
  import * as React from 'react';
24
24
  import styled from '@emotion/styled';
25
+ import isPropValid from '@emotion/is-prop-valid';
25
26
  import { Typography } from '../Typography';
26
27
  /**
27
28
  *
@@ -29,39 +30,60 @@ import { Typography } from '../Typography';
29
30
  /**
30
31
  * Styles.
31
32
  */
32
- var TabRoot = styled('button')({
33
- fontFamily: 'inherit',
34
- outline: 'none',
35
- cursor: 'pointer',
36
- boxSizing: 'border-box',
37
- border: 0,
38
- borderBottom: '3px solid transparent',
39
- minHeight: 'var(--pv-size-base-12)',
40
- height: '100%',
41
- padding: '0 var(--pv-size-base-3)',
42
- backgroundColor: 'transparent',
43
- transition: 'background-color 200ms, color 200ms, border-color 200ms',
44
- display: 'inline-flex',
45
- alignItems: 'center',
46
- justifyContent: 'center',
47
- textDecoration: 'none',
48
- '&:disabled': {
49
- cursor: 'not-allowed',
50
- },
51
- '&[aria-selected]': {
52
- borderColor: 'var(--pv-color-secondary)',
53
- },
54
- '&:not(:disabled)': {
55
- '&:hover': {
56
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
57
- },
58
- '&:focus': {
59
- backgroundColor: 'var(--pv-color-secondary-tint-4)',
33
+ var TabRoot = styled('button', {
34
+ shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
35
+ })(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 && ({
36
+ borderColor: 'var(--pv-color-secondary)',
37
+ })))); }, function (props) {
38
+ var isDark = props.theme.mode === 'dark';
39
+ var isWhite = props.color === 'white';
40
+ var color;
41
+ var colorDisabled = isDark
42
+ ? 'var(--pv-color-gray-5)'
43
+ : 'var(--pv-color-gray-7)';
44
+ var backgroundColorHove = 'var(--pv-color-secondary-tint-5)';
45
+ var backgroundColorFocus = 'var(--pv-color-secondary-tint-4)';
46
+ var backgroundColorActive = 'var(--pv-color-secondary-tint-3)';
47
+ if (isWhite) {
48
+ color = 'var(--pv-color-gray-9)';
49
+ }
50
+ else if (isDark) {
51
+ color = 'var(--pv-color-gray-7)';
52
+ }
53
+ else {
54
+ color = 'var(--pv-color-gray-10)';
55
+ }
56
+ if (isDark) {
57
+ backgroundColorHove = 'var(--pv-color-secondary-shade-4)';
58
+ backgroundColorFocus = 'var(--pv-color-secondary-shade-3)';
59
+ backgroundColorActive = 'var(--pv-color-secondary-shade-2)';
60
+ }
61
+ if (props.selected) {
62
+ if (isDark || isWhite) {
63
+ color = 'var(--pv-color-white)';
64
+ }
65
+ else {
66
+ color = 'var(--pv-color-black)';
67
+ }
68
+ }
69
+ return {
70
+ '&:disabled': {
71
+ cursor: 'not-allowed',
72
+ color: colorDisabled,
60
73
  },
61
- '&:active': {
62
- backgroundColor: 'var(--pv-color-secondary-tint-3)',
74
+ '&:not(:disabled)': {
75
+ color: color,
76
+ '&:hover': {
77
+ backgroundColor: backgroundColorHove,
78
+ },
79
+ '&:focus-visible': {
80
+ backgroundColor: backgroundColorFocus,
81
+ },
82
+ '&:active': {
83
+ backgroundColor: backgroundColorActive,
84
+ },
63
85
  },
64
- },
86
+ };
65
87
  });
66
88
  /**
67
89
  *
@@ -71,28 +93,13 @@ export var Tab = React.forwardRef(function (props, ref) {
71
93
  // @ts-ignore
72
94
  selected = props.selected, children = props.children, onChange = props.onChange, other = __rest(props, ["color", "component", "id", "disabled", "selected", "children", "onChange"]);
73
95
  var Component = component || 'button';
74
- var textColor = React.useMemo(function () {
75
- if (disabled) {
76
- return 'gray-7';
77
- }
78
- if (color === 'white') {
79
- if (selected) {
80
- return 'white';
81
- }
82
- return 'gray-9';
83
- }
84
- if (selected) {
85
- return 'black';
86
- }
87
- return 'gray-10';
88
- }, [disabled, selected, color]);
89
96
  var handleClick = function (event) {
90
97
  if (!selected && onChange) {
91
98
  onChange(event, id);
92
99
  }
93
100
  };
94
- return (React.createElement(TabRoot, __assign({ as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, "aria-selected": selected || undefined, onClick: handleClick }, other),
95
- React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
101
+ return (React.createElement(TabRoot, __assign({ as: Component, type: "button", role: "tab", ref: ref, disabled: disabled, id: id, color: color, selected: selected, onClick: handleClick }, other),
102
+ React.createElement(Typography, { variant: "s2", component: "span", color: "inherit" }, children)));
96
103
  });
97
104
  Tab.displayName = 'Tab';
98
105
  Tab.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"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"}