@procore/core-react 10.29.0-rc.5 → 10.29.1-rc.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 (89) hide show
  1. package/CHANGELOG.md +38 -7
  2. package/dist/esm/components/Input/Input.styles.js +2 -1
  3. package/dist/esm/components/Input/Input.styles.js.map +1 -1
  4. package/dist/esm/components/Search/Search.styles.d.ts +8 -1
  5. package/dist/esm/components/Search/Search.styles.js +12 -13
  6. package/dist/esm/components/Search/Search.styles.js.map +1 -1
  7. package/dist/esm/components/Typeahead/Typeahead.styles.d.ts +4 -1
  8. package/dist/esm/components/Typeahead/Typeahead.styles.js +2 -3
  9. package/dist/esm/components/Typeahead/Typeahead.styles.js.map +1 -1
  10. package/dist/typedoc/components/Avatar/Avatar.types.json +17 -17
  11. package/dist/typedoc/components/AvatarStack/AvatarStack.types.json +22 -22
  12. package/dist/typedoc/components/Badge/Badge.types.json +6 -6
  13. package/dist/typedoc/components/Banner/Banner.types.json +12 -12
  14. package/dist/typedoc/components/Breadcrumbs/Breadcrumbs.types.json +7 -7
  15. package/dist/typedoc/components/Button/Button.types.json +11 -11
  16. package/dist/typedoc/components/Calendar/Calendar.types.json +79 -79
  17. package/dist/typedoc/components/Card/Card.types.json +6 -6
  18. package/dist/typedoc/components/Checkbox/Checkbox.types.json +7 -7
  19. package/dist/typedoc/components/ContactItem/ContactItem.types.json +9 -9
  20. package/dist/typedoc/components/DateInput/DateInput.types.json +35 -35
  21. package/dist/typedoc/components/DateSelect/DateSelect.types.json +13 -13
  22. package/dist/typedoc/components/Dropdown/Dropdown.types.json +35 -35
  23. package/dist/typedoc/components/DropdownFlyout/DropdownFlyout.types.json +32 -32
  24. package/dist/typedoc/components/Dropzone/Dropzone.types.json +41 -41
  25. package/dist/typedoc/components/EmptyState/EmptyState.types.json +14 -14
  26. package/dist/typedoc/components/FileList/FileList.types.json +9 -9
  27. package/dist/typedoc/components/FileSelect/FileSelect.types.json +25 -25
  28. package/dist/typedoc/components/FileSelect/GridSource/GridSource.types.json +20 -20
  29. package/dist/typedoc/components/FileSelect/LocalSource/LocalSource.types.json +14 -14
  30. package/dist/typedoc/components/FileSelect/TreeSource/TreeSource.types.json +9 -9
  31. package/dist/typedoc/components/Font/Font.types.json +7 -7
  32. package/dist/typedoc/components/Form/Form.types.json +688 -688
  33. package/dist/typedoc/components/GroupSelect/GroupSelect.types.json +51 -51
  34. package/dist/typedoc/components/Icon/Icon.types.json +10 -10
  35. package/dist/typedoc/components/Input/Input.types.json +2 -2
  36. package/dist/typedoc/components/Link/Link.types.json +4 -4
  37. package/dist/typedoc/components/Menu/Menu.types.json +67 -67
  38. package/dist/typedoc/components/MenuImperative/MenuImperative.types.json +67 -67
  39. package/dist/typedoc/components/Modal/Modal.types.json +27 -27
  40. package/dist/typedoc/components/MultiSelect/MultiSelect.types.json +30 -30
  41. package/dist/typedoc/components/Notation/Notation.types.json +4 -4
  42. package/dist/typedoc/components/NumberInput/NumberInput.types.json +25 -25
  43. package/dist/typedoc/components/OverlayTrigger/OverlayTrigger.json +18 -18
  44. package/dist/typedoc/components/Pagination/Pagination.types.json +8 -8
  45. package/dist/typedoc/components/Panel/Panel.types.json +17 -17
  46. package/dist/typedoc/components/Pill/Pill.types.json +1 -1
  47. package/dist/typedoc/components/PillSelect/PillSelect.types.json +46 -46
  48. package/dist/typedoc/components/Popover/Popover.types.json +9 -9
  49. package/dist/typedoc/components/ProgressBar/ProgressBar.types.json +5 -5
  50. package/dist/typedoc/components/RadioButton/RadioButton.types.json +6 -6
  51. package/dist/typedoc/components/Required/Required.types.json +5 -5
  52. package/dist/typedoc/components/Search/Search.types.json +21 -21
  53. package/dist/typedoc/components/SegmentedController/SegmentedController.types.json +20 -20
  54. package/dist/typedoc/components/Select/Select.types.json +31 -31
  55. package/dist/typedoc/components/Slider/Slider.types.json +6 -6
  56. package/dist/typedoc/components/Spinner/Spinner.types.json +8 -8
  57. package/dist/typedoc/components/Switch/Switch.types.json +3 -3
  58. package/dist/typedoc/components/Table/Table.types.json +94 -94
  59. package/dist/typedoc/components/Tabs/Tabs.types.json +15 -15
  60. package/dist/typedoc/components/Tearsheet/Tearsheet.types.json +9 -9
  61. package/dist/typedoc/components/TextArea/TextArea.types.json +3 -3
  62. package/dist/typedoc/components/TextEditor/TextEditor.types.json +7 -7
  63. package/dist/typedoc/components/TextEditorOutput/TextEditorOutput.types.json +3 -3
  64. package/dist/typedoc/components/Thumbnail/Thumbnail.types.json +12 -12
  65. package/dist/typedoc/components/TieredDropdown/TieredDropdown.types.json +41 -41
  66. package/dist/typedoc/components/TieredSelect/TieredSelect.types.json +27 -27
  67. package/dist/typedoc/components/Tile/Tile.types.json +30 -30
  68. package/dist/typedoc/components/Toast/Toast.types.json +4 -4
  69. package/dist/typedoc/components/ToggleButton/ToggleButton.types.json +3 -3
  70. package/dist/typedoc/components/Token/Token.types.json +4 -4
  71. package/dist/typedoc/components/Tooltip/Tooltip.types.json +13 -13
  72. package/dist/typedoc/components/Tree/Tree.types.json +85 -85
  73. package/dist/typedoc/components/Typeahead/Typeahead.types.json +2 -2
  74. package/dist/typedoc/components/Typography/Typography.types.json +8 -8
  75. package/dist/typedoc/layouts/Box/Box.types.json +66 -66
  76. package/dist/typedoc/layouts/DetailPage/DetailPage.json +11 -11
  77. package/dist/typedoc/layouts/Flex/Flex.types.json +26 -26
  78. package/dist/typedoc/layouts/FlexList/FlexList.types.json +29 -29
  79. package/dist/typedoc/layouts/Grid/Grid.json +10 -10
  80. package/dist/typedoc/layouts/LegacyDetailPage/LegacyDetailPage.json +4 -4
  81. package/dist/typedoc/layouts/ListPage/ListPage.types.json +10 -10
  82. package/dist/typedoc/layouts/NextDetailPage/NextDetailPage.types.json +4 -4
  83. package/dist/typedoc/layouts/NextGrid/NextGrid.types.json +8 -8
  84. package/dist/typedoc/layouts/PageLayout/PageLayout.types.json +7 -7
  85. package/dist/typedoc/layouts/ToolHeader/ToolHeader.types.json +8 -8
  86. package/dist/typedoc/utils/types.json +3 -3
  87. package/package.json +4 -4
  88. package/storybook-static/iframe.html +1 -1
  89. package/storybook-static/{main.480d28df.iframe.bundle.js → main.a9f10103.iframe.bundle.js} +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- # [10.28.0](https://github.com/procore/core/compare/@procore/core-react@10.28.0-rc.5...@procore/core-react@10.28.0) (2022-04-25)
6
+ # [10.29.0](https://github.com/procore/core/compare/@procore/core-react@10.29.0-rc.6...@procore/core-react@10.29.0) (2022-05-10)
7
7
 
8
8
  **Note:** Version bump only for package @procore/core-react
9
9
 
@@ -11,30 +11,61 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
11
 
12
12
 
13
13
 
14
- ## [10.27.2](https://github.com/procore/core/compare/@procore/core-react@10.27.2-rc.7...@procore/core-react@10.27.2) (2022-04-08)
14
+ ## [10.29.0](https://github.com/procore/core/compare/@procore/core-react@10.28.0...@procore/core-react@10.29.0) (2022-05-09)
15
15
 
16
- **Note:** Version bump only for package @procore/core-react
16
+ ### Features
17
+
18
+ - MultiSelect Footer ([#10633](https://github.com/procore/core/issues/10633))
19
+ - Added support for zh-SG locale in DateSelect, DateInput ([#10634](https://github.com/procore/core/issues/10634))
20
+ - Modal and Tearsheet close button aria label ([#10595](https://github.com/procore/core/issues/10595))
21
+ - Tabs, Checkbox, RadioButtons, Slider color updates ([#10602](https://github.com/procore/core/issues/10602))
22
+ - Expose FileList in docs, released in 10.23.0
23
+
24
+ ### Bug Fixes
17
25
 
26
+ - Select spinner should be blue ([#10679](https://github.com/procore/core/issues/10679))
18
27
 
28
+ ## [10.28.0](https://github.com/procore/core/compare/@procore/core-react@10.27.2...@procore/core-react@10.28.0) (2022-04-25)
19
29
 
30
+ ### Features
20
31
 
32
+ - Update Color Palette ([#10473](https://github.com/procore/core/issues/10473))
33
+ - Dropdown button appears focused when its open and without search ([#10460](https://github.com/procore/core/issues/10460))
34
+ - Update icons, adds NotepadPencil, NotepadPeople, RibbonOff, Timeline ([#10462](https://github.com/procore/core/issues/10462))
21
35
 
22
- ## [10.27.1](https://github.com/procore/core/compare/@procore/core-react@10.27.1-rc.2...@procore/core-react@10.27.1) (2022-03-30)
36
+ ### Bug Fixes
23
37
 
24
- **Note:** Version bump only for package @procore/core-react
38
+ - Dropdown Flyout Menu Adjustment ([#10458](https://github.com/procore/core/issues/10458))
39
+ - Page layout fixes when small content ([#10474](https://github.com/procore/core/issues/10474))
40
+
41
+ ## [10.27.2](https://github.com/procore/core/compare/@procore/core-react@10.27.1...@procore/core-react@10.27.2) (2022-04-08)
42
+
43
+ ### Bug Fixes
44
+
45
+ - DropdownFlyout bottom placements ([#10085](https://github.com/procore/core/issues/10085))
46
+ - fixing Pagination logic to handle empty state ([#10400](https://github.com/procore/core/issues/10400))
47
+ - Translations update ([#10449](https://github.com/procore/core/issues/10449))
48
+ - Sidebar deprecation JSDoc ([#10419](https://github.com/procore/core/issues/10419))
49
+ - default lang if none provided for hook used by NumberInput ([#10448](https://github.com/procore/core/issues/10448))
50
+
51
+ ## [10.27.1](https://github.com/procore/core/compare/@procore/core-react@10.27.0...@procore/core-react@10.27.1) (2022-03-30)
52
+
53
+ ### Bug Fixes
54
+
55
+ - Core Icons webpack5 drop file-loader in favor of asset modules ([#10334](https://github.com/procore/core/issues/10334))
25
56
 
26
57
  ## [10.27.0](https://github.com/procore/core/compare/v10.25.0...@procore/core-react@10.27.0) (2022-03-28)
27
58
 
28
59
  ### Bug Fixes
29
60
 
30
61
  - NumberInput works with decimals again. Keeps nature that string values are in the locale format (this was changed in 10.23.0 but reverted here). ([#10248](https://github.com/procore/core/issues/10248))
31
- - Make Calendar use formatterLocale ([#10012)](https://github.com/procore/core/issues/10012)
62
+ - Make Calendar use formatterLocale ([#10012](https://github.com/procore/core/issues/10012))
32
63
  - Fix MultiSelect onhide bug ([#9990](https://github.com/procore/core/issues/9990))
33
64
 
34
65
  ### Features
35
66
 
36
67
  - Add missing Dropdown.Group ([#10164](https://github.com/procore/core/issues/10164))
37
- - Link underline default and focus state ([#10086)](https://github.com/procore/core/issues/10086)
68
+ - Link underline default and focus state ([#10086](https://github.com/procore/core/issues/10086))
38
69
  - Add Token.Remove component, deprecate Token.Icon ([#10217](https://github.com/procore/core/issues/10217)) ([#10303](https://github.com/procore/core/issues/10303))
39
70
  - NumberInput deprecate locale prop, use I18nProvider ([#10259](https://github.com/procore/core/issues/10259))
40
71
  - Introduce sliding animation to Page.Aside ([#9982](https://github.com/procore/core/issues/9982))
@@ -5,6 +5,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
5
5
  import styled, { css } from 'styled-components';
6
6
  import { borderRadius } from '../../styles/borderRadius';
7
7
  import { colors } from '../../styles/colors';
8
+ import { getFocus } from '../../styles/mixins';
8
9
  import { spacing } from '../../styles/spacing';
9
10
  import { getTypographyIntent } from '../Typography/Typography.styles';
10
11
  export var dataQa = {
@@ -14,7 +15,7 @@ export var dataQa = {
14
15
  var inputHeight = 36;
15
16
  export function getInputStyles(_a) {
16
17
  var error = _a.error, variant = _a.variant;
17
- return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-family: inherit;\n height: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n /* Firefox 19+ */\n &::-moz-placeholder {\n color: ", ";\n opacity: 1;\n }\n\n ", "\n\n &:focus,\n &[data-qa=", "] {\n border-style: solid;\n border-width: 1px;\n border-color: transparent;\n box-shadow: 0 0 0 2px ", ";\n outline: none;\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n // Safari: fixes lighter color of disabled input text\n -webkit-text-fill-color: ", ";\n opacity: 1;\n }\n\n ", "\n "], ["\n ", "\n\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-family: inherit;\n height: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n /* Firefox 19+ */\n &::-moz-placeholder {\n color: ", ";\n opacity: 1;\n }\n\n ", "\n\n &:focus,\n &[data-qa=", "] {\n border-style: solid;\n border-width: 1px;\n border-color: transparent;\n box-shadow: 0 0 0 2px ", ";\n outline: none;\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n // Safari: fixes lighter color of disabled input text\n -webkit-text-fill-color: ", ";\n opacity: 1;\n }\n\n ", "\n "])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:hover,\n &[data-qa=", "] {\n border-color: ", ";\n }\n "], ["\n &:hover,\n &[data-qa=", "] {\n border-color: ", ";\n }\n "])), dataQa.hovered, colors.gray45), dataQa.focused, colors.blue40, colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-color: ", ";\n background-color: ", ";\n\n // TODO we can clean up these css vars when we convert Form to JSS\n border-color: var(--core-input-error-border-color, ", ");\n background-color: var(\n --core-input-error-background-color,\n ", "\n );\n "], ["\n border-color: ", ";\n background-color: ", ";\n\n // TODO we can clean up these css vars when we convert Form to JSS\n border-color: var(--core-input-error-border-color, ", ");\n background-color: var(\n --core-input-error-background-color,\n ", "\n );\n "])), colors.red50, colors.white, colors.red50, colors.white));
18
+ return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-family: inherit;\n height: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n /* Firefox 19+ */\n &::-moz-placeholder {\n color: ", ";\n opacity: 1;\n }\n\n ", "\n\n &:focus,\n &[data-qa=", "] {\n ", "\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n // Safari: fixes lighter color of disabled input text\n -webkit-text-fill-color: ", ";\n opacity: 1;\n }\n\n ", "\n "], ["\n ", "\n\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-family: inherit;\n height: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n /* Firefox 19+ */\n &::-moz-placeholder {\n color: ", ";\n opacity: 1;\n }\n\n ", "\n\n &:focus,\n &[data-qa=", "] {\n ", "\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n // Safari: fixes lighter color of disabled input text\n -webkit-text-fill-color: ", ";\n opacity: 1;\n }\n\n ", "\n "])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, colors.gray45, colors.gray45, !error && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:hover,\n &[data-qa=", "] {\n border-color: ", ";\n }\n "], ["\n &:hover,\n &[data-qa=", "] {\n border-color: ", ";\n }\n "])), dataQa.hovered, colors.gray45), dataQa.focused, getFocus(), colors.gray94, colors.gray70, colors.gray45, colors.gray45, (error || variant === 'error') && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-color: ", ";\n background-color: ", ";\n\n // TODO we can clean up these css vars when we convert Form to JSS\n border-color: var(--core-input-error-border-color, ", ");\n background-color: var(\n --core-input-error-background-color,\n ", "\n );\n "], ["\n border-color: ", ";\n background-color: ", ";\n\n // TODO we can clean up these css vars when we convert Form to JSS\n border-color: var(--core-input-error-border-color, ", ");\n background-color: var(\n --core-input-error-background-color,\n ", "\n );\n "])), colors.red50, colors.white, colors.red50, colors.white));
18
19
  }
19
20
  export var StyledInput = styled.input(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n\n padding: 0 ", "px;\n\n &::-ms-clear {\n display: none;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n"], ["\n ", "\n\n padding: 0 ", "px;\n\n &::-ms-clear {\n display: none;\n }\n\n &[type='number'] {\n -moz-appearance: textfield;\n\n &::-webkit-inner-spin-button,\n &::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n }\n"])), getInputStyles, spacing.md);
20
21
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1 +1 @@
1
- {"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;CAC9B,CAAA;AAED,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,UAAU,cAAc,CAAC,EAM9B;QALC,KAAK,WAAA,EACL,OAAO,aAAA;IAKP,OAAO,GAAG,64BAAA,QACN,EAA2B,4BAET,EAAY,uBAChB,EAAa,wBACZ,EAAe,oEAGvB,EAAa,iEAGZ,EAAW,8DAIV,EAAa,6EAKb,EAAa,qCAItB,EAMD,kCAGW,EAAc,2HAIA,EAAa,8EAKjB,EAAa,yBACjB,EAAa,kBACpB,EAAa,iGAEK,EAAa,qCAIxC,EAWD,MACF,KA7DG,mBAAmB,CAAC,MAAM,CAAC,EAET,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAIV,MAAM,CAAC,MAAM,EAKb,MAAM,CAAC,MAAM,EAItB,CAAC,KAAK,IACR,GAAG,0JAAA,oCAEW,EAAc,6BACR,EAAa,kBAEhC,KAHa,MAAM,CAAC,OAAO,EACR,MAAM,CAAC,MAAM,CAEhC,EAGW,MAAM,CAAC,OAAO,EAIA,MAAM,CAAC,MAAM,EAKjB,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEK,MAAM,CAAC,MAAM,EAIxC,CAAC,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC,IAChC,GAAG,sXAAA,wBACe,EAAY,6BACR,EAAY,0IAGqB,EAAY,0FAG7D,EAAY,kBAEjB,KATiB,MAAM,CAAC,KAAK,EACR,MAAM,CAAC,KAAK,EAGqB,MAAM,CAAC,KAAK,EAG7D,MAAM,CAAC,KAAK,CAEjB,EACF;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qVAAA,MACnC,EAAc,mBAEH,EAAU,qPAexB,KAjBG,cAAc,EAEH,OAAO,CAAC,EAAE,CAexB,CAAA"}
1
+ {"version":3,"file":"Input.styles.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;CAC9B,CAAA;AAED,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,UAAU,cAAc,CAAC,EAM9B;QALC,KAAK,WAAA,EACL,OAAO,aAAA;IAKP,OAAO,GAAG,wwBAAA,QACN,EAA2B,4BAET,EAAY,uBAChB,EAAa,wBACZ,EAAe,oEAGvB,EAAa,iEAGZ,EAAW,8DAIV,EAAa,6EAKb,EAAa,qCAItB,EAMD,kCAGW,EAAc,aACtB,EAAU,uDAIQ,EAAa,yBACjB,EAAa,kBACpB,EAAa,iGAEK,EAAa,qCAIxC,EAWD,MACF,KAzDG,mBAAmB,CAAC,MAAM,CAAC,EAET,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAIV,MAAM,CAAC,MAAM,EAKb,MAAM,CAAC,MAAM,EAItB,CAAC,KAAK,IACR,GAAG,0JAAA,oCAEW,EAAc,6BACR,EAAa,kBAEhC,KAHa,MAAM,CAAC,OAAO,EACR,MAAM,CAAC,MAAM,CAEhC,EAGW,MAAM,CAAC,OAAO,EACtB,QAAQ,EAAE,EAIQ,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,EAEK,MAAM,CAAC,MAAM,EAIxC,CAAC,KAAK,IAAI,OAAO,KAAK,OAAO,CAAC,IAChC,GAAG,sXAAA,wBACe,EAAY,6BACR,EAAY,0IAGqB,EAAY,0FAG7D,EAAY,kBAEjB,KATiB,MAAM,CAAC,KAAK,EACR,MAAM,CAAC,KAAK,EAGqB,MAAM,CAAC,KAAK,EAG7D,MAAM,CAAC,KAAK,CAEjB,EACF;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qVAAA,MACnC,EAAc,mBAEH,EAAU,qPAexB,KAjBG,cAAc,EAEH,OAAO,CAAC,EAAE,CAexB,CAAA"}
@@ -1,4 +1,11 @@
1
- export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
1
+ export declare function getSearchInputStyles(): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
2
+ error?: boolean | undefined;
3
+ variant?: "" | "error" | undefined;
4
+ }, any>>;
5
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
6
+ error?: boolean | undefined;
7
+ variant?: "" | "error" | undefined;
8
+ }, never>;
2
9
  export declare const StyledSearchButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
3
10
  export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
4
11
  export declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
@@ -3,12 +3,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import styled, { css } from 'styled-components';
6
- import { borderRadius } from '../../styles/borderRadius';
7
- import { colors } from '../../styles/colors';
8
- import { getFocus } from '../../styles/mixins';
9
6
  import { spacing } from '../../styles/spacing';
10
7
  import { Button } from '../Button';
11
- import { getTypographyIntent } from '../Typography/Typography.styles';
8
+ import { getInputStyles } from '../Input/Input.styles';
12
9
  // Search has the buttons embedded into the input, So we have to do some manual
13
10
  // absolute positioning of the clear and search buttons and also adjust the
14
11
  // padding of the input so that the input text does not run into the buttons.
@@ -22,17 +19,19 @@ var searchRight = 6; // search icon sits 6px from the right edge
22
19
  var clearRight = searchRight + buttonSize + spacing.xs; // clear icon shifted
23
20
  var inputRight = clearRight + buttonSize + spacing.sm; // padding-right on the input to account for buttons
24
21
  var legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm; // padding-right on the input to account for legacy typeahead prop
25
- // TODO unify all of these styles (and Typeahead) with Input once it has been converted to JSS
26
- export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", ";\n\n -webkit-appearance: textfield;\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n height: ", "px;\n padding-left: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n &:focus,\n &.focus {\n ", "\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n"], ["\n ", ";\n\n -webkit-appearance: textfield;\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n height: ", "px;\n padding-left: ", "px;\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n &:focus,\n &.focus {\n ", "\n }\n\n &:disabled {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n"])), getTypographyIntent('body'), colors.white, colors.gray70, borderRadius.md, colors.gray15, inputHeight, spacing.md, colors.gray45, getFocus(), colors.gray94, colors.gray70, colors.gray45);
27
- var StyledButton = styled(Button)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n top: ", "px;\n"], ["\n position: absolute;\n top: ", "px;\n"])), buttonTop);
28
- export var StyledSearchButton = styled(StyledButton)(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
29
- export var StyledClearButton = styled(StyledButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
30
- export var StyledSearch = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n\n ", "\n"], ["\n position: relative;\n width: 100%;\n\n ", "\n"])), function (_a) {
22
+ export function getSearchInputStyles() {
23
+ return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n -webkit-appearance: textfield;\n padding-left: ", "px;\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n "], ["\n ", "\n -webkit-appearance: textfield;\n padding-left: ", "px;\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n "])), getInputStyles, spacing.md);
24
+ }
25
+ export var StyledInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), getSearchInputStyles);
26
+ var StyledButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n top: ", "px;\n"], ["\n position: absolute;\n top: ", "px;\n"])), buttonTop);
27
+ export var StyledSearchButton = styled(StyledButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
28
+ export var StyledClearButton = styled(StyledButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
29
+ export var StyledSearch = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n\n ", "\n"], ["\n position: relative;\n width: 100%;\n\n ", "\n"])), function (_a) {
31
30
  var $typeahead = _a.$typeahead;
32
31
  if ($typeahead) {
33
- return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", " {\n padding-right: ", "px;\n }\n\n ", ", ", " {\n right: ", "px;\n }\n "], ["\n ", " {\n padding-right: ", "px;\n }\n\n ", ", ", " {\n right: ", "px;\n }\n "])), StyledInput, legacyTypeahedInputRight, StyledSearchButton, StyledClearButton, searchRight);
32
+ return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n padding-right: ", "px;\n }\n\n ", ", ", " {\n right: ", "px;\n }\n "], ["\n ", " {\n padding-right: ", "px;\n }\n\n ", ", ", " {\n right: ", "px;\n }\n "])), StyledInput, legacyTypeahedInputRight, StyledSearchButton, StyledClearButton, searchRight);
34
33
  }
35
- return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", " {\n padding-right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n "], ["\n ", " {\n padding-right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n "])), StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
34
+ return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n ", " {\n padding-right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n "], ["\n ", " {\n padding-right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n\n ", " {\n right: ", "px;\n }\n "])), StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
36
35
  });
37
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
36
+ var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
38
37
  //# sourceMappingURL=Search.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Search.styles.js","sourceRoot":"","sources":["../../../../src/components/Search/Search.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAA;AAErE,+EAA+E;AAC/E,2EAA2E;AAC3E,6EAA6E;AAC7E,8EAA8E;AAC9E,4EAA4E;AAC5E,qCAAqC;AAErC,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,IAAM,SAAS,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA,CAAC,gCAAgC;AAEjF,IAAM,WAAW,GAAG,CAAC,CAAA,CAAC,2CAA2C;AAEjE,IAAM,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,qBAAqB;AAE9E,IAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,oDAAoD;AAE5G,IAAM,wBAAwB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,kEAAkE;AAEzI,8FAA8F;AAC9F,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,ivBAAA,MACnC,EAA2B,6DAGT,EAAY,qBAChB,EAAa,sBACZ,EAAe,8DAGvB,EAAa,kCAEZ,EAAW,uBACL,EAAU,wDAIf,EAAa,uRAiBpB,EAAU,iDAIQ,EAAa,uBACjB,EAAa,gBACpB,EAAa,UAEzB,KAxCG,mBAAmB,CAAC,MAAM,CAAC,EAGT,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAEZ,WAAW,EACL,OAAO,CAAC,EAAE,EAIf,MAAM,CAAC,MAAM,EAiBpB,QAAQ,EAAE,EAIQ,MAAM,CAAC,MAAM,EACjB,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8GAAA,kCAE1B,EAAS,OACjB,KADQ,SAAS,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAExD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,wHAGpC,+CAIE,EA0BD,IACF,KA3BG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,EAAE;QACd,OAAO,GAAG,uMAAA,YACN,EAAW,+BACM,EAAwB,4BAGzC,EAAkB,IAAK,EAAiB,uBAC/B,EAAW,wBAEvB,KAPG,WAAW,EACM,wBAAwB,EAGzC,kBAAkB,EAAK,iBAAiB,EAC/B,WAAW,EAEvB;KACF;IAED,OAAO,GAAG,oOAAA,UACN,EAAW,6BACM,EAAU,wBAG3B,EAAkB,qBACT,EAAW,wBAGpB,EAAiB,qBACR,EAAU,oBAEtB,KAXG,WAAW,EACM,UAAU,EAG3B,kBAAkB,EACT,WAAW,EAGpB,iBAAiB,EACR,UAAU,EAEtB;AACH,CAAC,CACF,CAAA"}
1
+ {"version":3,"file":"Search.styles.js","sourceRoot":"","sources":["../../../../src/components/Search/Search.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAEtD,+EAA+E;AAC/E,2EAA2E;AAC3E,6EAA6E;AAC7E,8EAA8E;AAC9E,4EAA4E;AAC5E,qCAAqC;AAErC,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,IAAM,SAAS,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA,CAAC,gCAAgC;AAEjF,IAAM,WAAW,GAAG,CAAC,CAAA,CAAC,2CAA2C;AAEjE,IAAM,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,qBAAqB;AAE9E,IAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,oDAAoD;AAE5G,IAAM,wBAAwB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,kEAAkE;AAEzI,MAAM,UAAU,oBAAoB;IAClC,OAAO,GAAG,oZAAA,QACN,EAAc,0DAEA,EAAU,2QAa3B,KAfG,cAAc,EAEA,OAAO,CAAC,EAAE,EAa3B;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,+EAAA,MACnC,EAAoB,IACvB,KADG,oBAAoB,CACvB,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8GAAA,kCAE1B,EAAS,OACjB,KADQ,SAAS,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAExD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,wHAGpC,+CAIE,EA0BD,IACF,KA3BG,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,EAAE;QACd,OAAO,GAAG,uMAAA,YACN,EAAW,+BACM,EAAwB,4BAGzC,EAAkB,IAAK,EAAiB,uBAC/B,EAAW,wBAEvB,KAPG,WAAW,EACM,wBAAwB,EAGzC,kBAAkB,EAAK,iBAAiB,EAC/B,WAAW,EAEvB;KACF;IAED,OAAO,GAAG,oOAAA,UACN,EAAW,6BACM,EAAU,wBAG3B,EAAkB,qBACT,EAAW,wBAGpB,EAAiB,qBACR,EAAU,oBAEtB,KAXG,WAAW,EACM,UAAU,EAG3B,kBAAkB,EACT,WAAW,EAGpB,iBAAiB,EACR,UAAU,EAEtB;AACH,CAAC,CACF,CAAA"}
@@ -1,4 +1,7 @@
1
- export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {}, never>;
1
+ export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
2
+ error?: boolean | undefined;
3
+ variant?: "" | "error" | undefined;
4
+ }, never>;
2
5
  export declare const StyledIcon: import("styled-components").StyledComponent<"div", any, {
3
6
  disabled?: boolean | undefined;
4
7
  }, never>;
@@ -3,12 +3,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
3
3
  return cooked;
4
4
  };
5
5
  import styled from 'styled-components';
6
- import { borderRadius } from '../../styles/borderRadius';
7
6
  import { colors } from '../../styles/colors';
8
- import { getFocus } from '../../styles/mixins';
7
+ import { getSearchInputStyles } from '../Search/Search.styles';
9
8
  import { spacing } from '../../styles/spacing';
10
9
  var inputHeight = 36;
11
- export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n -webkit-appearance: textfield;\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-size: 14px;\n height: ", "px;\n letter-spacing: 0.25px;\n padding: 0 ", "px 0 ", "px; // make room for the icon on the right\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n &:focus,\n &.focus {\n ", "\n }\n\n &:disabled {\n border-color: ", ";\n color: ", ";\n }\n"], ["\n -webkit-appearance: textfield;\n background-color: ", ";\n border-color: ", ";\n border-radius: ", "px;\n border-style: solid;\n border-width: 1px;\n color: ", ";\n display: block;\n font-size: 14px;\n height: ", "px;\n letter-spacing: 0.25px;\n padding: 0 ", "px 0 ", "px; // make room for the icon on the right\n width: 100%;\n\n &::placeholder {\n color: ", ";\n }\n\n &::-ms-clear,\n &::-ms-reveal {\n display: none;\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n display: none;\n }\n\n &:focus,\n &.focus {\n ", "\n }\n\n &:disabled {\n border-color: ", ";\n color: ", ";\n }\n"])), colors.white, colors.gray85, borderRadius.md, colors.gray15, inputHeight, spacing.xxl, spacing.md, colors.gray70, getFocus(), colors.gray96, colors.gray70);
10
+ export var StyledInput = styled.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n\n padding-right: ", "px;\n"], ["\n ", "\n\n padding-right: ", "px;\n"])), getSearchInputStyles(), spacing.xxl);
12
11
  export var StyledIcon = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n color: ", ";\n display: flex;\n height: ", "px;\n justify-content: center;\n pointer-events: ", ";\n position: absolute;\n right: 0;\n top: 0;\n width: ", "px;\n"], ["\n align-items: center;\n color: ", ";\n display: flex;\n height: ", "px;\n justify-content: center;\n pointer-events: ", ";\n position: absolute;\n right: 0;\n top: 0;\n width: ", "px;\n"])), function (p) { return (p.disabled ? colors.gray70 : colors.gray45); }, inputHeight, function (p) { return (p.disabled ? 'none' : 'auto'); }, inputHeight);
13
12
  export var StyledTypeahead = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n width: 100%;\n"], ["\n position: relative;\n width: 100%;\n"])));
14
13
  var templateObject_1, templateObject_2, templateObject_3;
@@ -1 +1 @@
1
- {"version":3,"file":"Typeahead.styles.js","sourceRoot":"","sources":["../../../../src/components/Typeahead/Typeahead.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,qyBAAA,0DAEjB,EAAY,qBAChB,EAAa,sBACZ,EAAe,8DAGvB,EAAa,sDAGZ,EAAW,+CAER,EAAW,OAAQ,EAAU,+FAI/B,EAAa,uRAiBpB,EAAU,6CAII,EAAa,gBACpB,EAAa,UAEzB,KAtCqB,MAAM,CAAC,KAAK,EAChB,MAAM,CAAC,MAAM,EACZ,YAAY,CAAC,EAAE,EAGvB,MAAM,CAAC,MAAM,EAGZ,WAAW,EAER,OAAO,CAAC,GAAG,EAAQ,OAAO,CAAC,EAAE,EAI/B,MAAM,CAAC,MAAM,EAiBpB,QAAQ,EAAE,EAII,MAAM,CAAC,MAAM,EACpB,MAAM,CAAC,MAAM,CAEzB,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,0QAAwB,qCAEjD,EAAmD,iCAElD,EAAW,qDAEH,EAAqC,6DAI9C,EAAW,OACrB,KATU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAA5C,CAA4C,EAElD,WAAW,EAEH,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9B,CAA8B,EAI9C,WAAW,CACrB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGxC,IAAA,CAAA"}
1
+ {"version":3,"file":"Typeahead.styles.js","sourceRoot":"","sources":["../../../../src/components/Typeahead/Typeahead.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,2GAAA,MACnC,EAAsB,uBAEP,EAAW,OAC7B,KAHG,oBAAoB,EAAE,EAEP,OAAO,CAAC,GAAG,CAC7B,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,0QAAwB,qCAEjD,EAAmD,iCAElD,EAAW,qDAEH,EAAqC,6DAI9C,EAAW,OACrB,KATU,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAA5C,CAA4C,EAElD,WAAW,EAEH,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,EAA9B,CAA8B,EAI9C,WAAW,CACrB,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGxC,IAAA,CAAA"}
@@ -10,7 +10,7 @@
10
10
  "description": "Instead of using the default children, you can pass in your own.",
11
11
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
12
12
  "sourceFile": "packages/core-react/src/utils/types.ts",
13
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L40"
13
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L40"
14
14
  },
15
15
  {
16
16
  "name": "className",
@@ -20,7 +20,7 @@
20
20
  "description": "Additional classNames",
21
21
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
22
22
  "sourceFile": "packages/core-react/src/utils/types.ts",
23
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L45"
23
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L45"
24
24
  },
25
25
  {
26
26
  "name": "icon",
@@ -32,7 +32,7 @@
32
32
  "deprecated": "\n\nThe `string` type icon has been deprecated and will be removed in the future.\nPlease use a React icon component from the `@procore/core-icons/dist` package.\n\n**Before**\n\n```\n<Avatar>\n <Avatar.Icon icon=\"building\" />\n</Avatar>\n```\n\n**After**\n\n```\n<Avatar>\n <Avatar.Icon icon={<Building />} />\n</Avatar>\n```\n",
33
33
  "deprecatedSince": "10.20.0",
34
34
  "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
35
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
35
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/components/Avatar/Avatar.types.ts#L71"
36
36
  },
37
37
  {
38
38
  "name": "style",
@@ -42,7 +42,7 @@
42
42
  "description": "Additional CSS styles",
43
43
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
44
44
  "sourceFile": "packages/core-react/src/utils/types.ts",
45
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L50"
45
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L50"
46
46
  }
47
47
  ],
48
48
  "description": ""
@@ -58,7 +58,7 @@
58
58
  "description": "Instead of using the default children, you can pass in your own.",
59
59
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
60
60
  "sourceFile": "packages/core-react/src/utils/types.ts",
61
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L40"
61
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L40"
62
62
  },
63
63
  {
64
64
  "name": "className",
@@ -68,7 +68,7 @@
68
68
  "description": "Additional classNames",
69
69
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
70
70
  "sourceFile": "packages/core-react/src/utils/types.ts",
71
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L45"
71
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L45"
72
72
  },
73
73
  {
74
74
  "name": "style",
@@ -78,7 +78,7 @@
78
78
  "description": "Additional CSS styles",
79
79
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
80
80
  "sourceFile": "packages/core-react/src/utils/types.ts",
81
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L50"
81
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L50"
82
82
  }
83
83
  ],
84
84
  "description": ""
@@ -94,7 +94,7 @@
94
94
  "description": "Instead of using the default children, you can pass in your own.",
95
95
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
96
96
  "sourceFile": "packages/core-react/src/utils/types.ts",
97
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L40"
97
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L40"
98
98
  },
99
99
  {
100
100
  "name": "className",
@@ -104,7 +104,7 @@
104
104
  "description": "Additional classNames",
105
105
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
106
106
  "sourceFile": "packages/core-react/src/utils/types.ts",
107
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L45"
107
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L45"
108
108
  },
109
109
  {
110
110
  "name": "imageUrl",
@@ -114,7 +114,7 @@
114
114
  "description": "The avatar rich media url",
115
115
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>The avatar rich media url</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd></dl></div>",
116
116
  "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
117
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
117
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/components/Avatar/Avatar.types.ts#L79"
118
118
  },
119
119
  {
120
120
  "name": "style",
@@ -124,7 +124,7 @@
124
124
  "description": "Additional CSS styles",
125
125
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
126
126
  "sourceFile": "packages/core-react/src/utils/types.ts",
127
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L50"
127
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L50"
128
128
  }
129
129
  ],
130
130
  "description": ""
@@ -140,7 +140,7 @@
140
140
  "description": "Instead of using the default children, you can pass in your own.",
141
141
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Instead of using the default children, you can pass in your own.</p>\n</div></div>",
142
142
  "sourceFile": "packages/core-react/src/utils/types.ts",
143
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L40"
143
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L40"
144
144
  },
145
145
  {
146
146
  "name": "className",
@@ -150,7 +150,7 @@
150
150
  "description": "Additional classNames",
151
151
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional classNames</p>\n</div></div>",
152
152
  "sourceFile": "packages/core-react/src/utils/types.ts",
153
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L45"
153
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L45"
154
154
  },
155
155
  {
156
156
  "name": "clickable",
@@ -161,7 +161,7 @@
161
161
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the avatar&#39;s clickable state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>since</dt><dd><p>10.19.0</p>\n</dd><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
162
162
  "defaultValue": "false\n",
163
163
  "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
164
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
164
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/components/Avatar/Avatar.types.ts#L12"
165
165
  },
166
166
  {
167
167
  "name": "disabled",
@@ -172,7 +172,7 @@
172
172
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Sets the avatar&#39;s disabled state</p>\n</div><dl class=\"tsd-comment-tags\"><dt>defaultvalue</dt><dd><p>false</p>\n</dd></dl></div>",
173
173
  "defaultValue": "false\n",
174
174
  "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
175
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
175
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/components/Avatar/Avatar.types.ts#L18"
176
176
  },
177
177
  {
178
178
  "name": "size",
@@ -185,7 +185,7 @@
185
185
  "deprecated": "\n\nSize \"xl\" has been deprecated and will be removed in a future version.\nPlease use \"lg\" instead of \"xl\".\n\n**Before**\n\n`<Avatar size=\"xl\" />`\n\n**After**\n\n`<Avatar size=\"lg\" />`\n",
186
186
  "deprecatedSince": "10.20.0",
187
187
  "sourceFile": "packages/core-react/src/components/Avatar/Avatar.types.ts",
188
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
188
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/components/Avatar/Avatar.types.ts#L40"
189
189
  },
190
190
  {
191
191
  "name": "style",
@@ -195,7 +195,7 @@
195
195
  "description": "Additional CSS styles",
196
196
  "descriptionHtml": "<div class=\"tsd-comment tsd-typography\"><div class=\"lead\">\n<p>Additional CSS styles</p>\n</div></div>",
197
197
  "sourceFile": "packages/core-react/src/utils/types.ts",
198
- "sourceUrl": "https://github.com/procore/core/blob/460b15dc0/packages/core-react/src/utils/types.ts#L50"
198
+ "sourceUrl": "https://github.com/procore/core/blob/63a8485a3/packages/core-react/src/utils/types.ts#L50"
199
199
  }
200
200
  ],
201
201
  "description": ""