@primer/components 0.0.0-202192219616 → 0.0.0-2021923214017

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 (56) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/dist/browser.esm.js +37 -38
  3. package/dist/browser.esm.js.map +1 -1
  4. package/dist/browser.umd.js +32 -33
  5. package/dist/browser.umd.js.map +1 -1
  6. package/lib/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  7. package/lib/Autocomplete/Autocomplete.d.ts +4 -2
  8. package/lib/Autocomplete/AutocompleteInput.d.ts +4 -2
  9. package/lib/DatePicker/DatePicker.d.ts +48 -0
  10. package/lib/DatePicker/DatePicker.js +82 -0
  11. package/lib/DatePicker/DatePickerAnchor.d.ts +5 -0
  12. package/lib/DatePicker/DatePickerAnchor.js +88 -0
  13. package/lib/DatePicker/DatePickerOverlay.d.ts +3 -0
  14. package/lib/DatePicker/DatePickerOverlay.js +39 -0
  15. package/lib/DatePicker/DatePickerPanel.d.ts +2 -0
  16. package/lib/DatePicker/DatePickerPanel.js +43 -0
  17. package/lib/DatePicker/Day.d.ts +14 -0
  18. package/lib/DatePicker/Day.js +174 -0
  19. package/lib/DatePicker/Month.d.ts +9 -0
  20. package/lib/DatePicker/Month.js +97 -0
  21. package/lib/DatePicker/index.d.ts +2 -0
  22. package/lib/DatePicker/index.js +13 -0
  23. package/lib/DatePicker/useDatePicker.d.ts +71 -0
  24. package/lib/DatePicker/useDatePicker.js +356 -0
  25. package/lib/SelectMenu/SelectMenu.d.ts +4 -2
  26. package/lib/TextInputWithTokens.d.ts +4 -6
  27. package/lib/TextInputWithTokens.js +8 -61
  28. package/lib/_TextInputWrapper.js +1 -1
  29. package/lib/theme-preval.js +2 -2
  30. package/lib/utils/testing.d.ts +1 -1
  31. package/lib-esm/AnchoredOverlay/AnchoredOverlay.d.ts +4 -2
  32. package/lib-esm/Autocomplete/Autocomplete.d.ts +4 -2
  33. package/lib-esm/Autocomplete/AutocompleteInput.d.ts +4 -2
  34. package/lib-esm/DatePicker/DatePicker.d.ts +48 -0
  35. package/lib-esm/DatePicker/DatePicker.js +65 -0
  36. package/lib-esm/DatePicker/DatePickerAnchor.d.ts +5 -0
  37. package/lib-esm/DatePicker/DatePickerAnchor.js +63 -0
  38. package/lib-esm/DatePicker/DatePickerOverlay.d.ts +3 -0
  39. package/lib-esm/DatePicker/DatePickerOverlay.js +24 -0
  40. package/lib-esm/DatePicker/DatePickerPanel.d.ts +2 -0
  41. package/lib-esm/DatePicker/DatePickerPanel.js +24 -0
  42. package/lib-esm/DatePicker/Day.d.ts +14 -0
  43. package/lib-esm/DatePicker/Day.js +151 -0
  44. package/lib-esm/DatePicker/Month.d.ts +9 -0
  45. package/lib-esm/DatePicker/Month.js +74 -0
  46. package/lib-esm/DatePicker/index.d.ts +2 -0
  47. package/lib-esm/DatePicker/index.js +1 -0
  48. package/lib-esm/DatePicker/useDatePicker.d.ts +71 -0
  49. package/lib-esm/DatePicker/useDatePicker.js +328 -0
  50. package/lib-esm/SelectMenu/SelectMenu.d.ts +4 -2
  51. package/lib-esm/TextInputWithTokens.d.ts +4 -6
  52. package/lib-esm/TextInputWithTokens.js +9 -61
  53. package/lib-esm/_TextInputWrapper.js +1 -1
  54. package/lib-esm/theme-preval.js +2 -2
  55. package/lib-esm/utils/testing.d.ts +1 -1
  56. package/package.json +9 -8
@@ -21,7 +21,7 @@ const sizeVariants = variant({
21
21
  const TextInputWrapper = styled.span.withConfig({
22
22
  displayName: "_TextInputWrapper__TextInputWrapper",
23
23
  componentId: "sc-5vfcis-0"
24
- })(["display:inline-flex;align-items:stretch;min-height:34px;font-size:", ";line-height:20px;color:", ";vertical-align:middle;background-repeat:no-repeat;background-position:right 8px center;border:1px solid ", ";border-radius:", ";outline:none;box-shadow:", ";cursor:text;", " .TextInput-icon{align-self:center;color:", ";margin:0 ", ";flex-shrink:0;}&:focus-within{border-color:", ";box-shadow:", ";}", " ", " ", " @media (min-width:", "){font-size:", ";}", " ", " ", " ", " ", ";"], get('fontSizes.1'), get('colors.fg.default'), get('colors.border.default'), get('radii.2'), get('shadows.primer.shadow.inset'), props => {
24
+ })(["display:inline-flex;align-items:stretch;min-height:34px;font-size:", ";line-height:20px;color:", ";vertical-align:middle;background-repeat:no-repeat;background-position:right 8px center;border:1px solid ", ";border-radius:", ";outline:none;box-shadow:", ";", " .TextInput-icon{align-self:center;color:", ";margin:0 ", ";flex-shrink:0;}&:focus-within{border-color:", ";box-shadow:", ";}", " ", " ", " @media (min-width:", "){font-size:", ";}", " ", " ", " ", " ", ";"], get('fontSizes.1'), get('colors.fg.default'), get('colors.border.default'), get('radii.2'), get('shadows.primer.shadow.inset'), props => {
25
25
  if (props.hasIcon) {
26
26
  return css(["padding:0;"]);
27
27
  } else {
@@ -515,7 +515,7 @@ module.exports = {
515
515
  }
516
516
  }
517
517
  },
518
- "light_protanopia": {
518
+ "light_colorblind": {
519
519
  "colors": {
520
520
  "canvasDefaultTransparent": "rgba(255,255,255,0)",
521
521
  "marketingIcon": {
@@ -2456,7 +2456,7 @@ module.exports = {
2456
2456
  }
2457
2457
  }
2458
2458
  },
2459
- "dark_protanopia": {
2459
+ "dark_colorblind": {
2460
2460
  "colors": {
2461
2461
  "canvasDefaultTransparent": "rgba(13,17,23,0)",
2462
2462
  "marketingIcon": {
@@ -53,7 +53,7 @@ export declare function render(component: React.ReactElement, theme?: {
53
53
  xlarge: string;
54
54
  };
55
55
  space: string[];
56
- colorSchemes: Record<"light" | "light_protanopia" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_protanopia", Record<"colors" | "shadows", Partial<{
56
+ colorSchemes: Record<"light" | "light_colorblind" | "dark" | "dark_dimmed" | "dark_high_contrast" | "dark_colorblind", Record<"colors" | "shadows", Partial<{
57
57
  canvasDefaultTransparent: string;
58
58
  marketingIcon: {
59
59
  primary: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/components",
3
- "version": "0.0.0-202192219616",
3
+ "version": "0.0.0-2021923214017",
4
4
  "description": "Primer react components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-esm/index.js",
@@ -43,20 +43,16 @@
43
43
  "author": "GitHub, Inc.",
44
44
  "license": "MIT",
45
45
  "dependencies": {
46
- "@primer/octicons-react": "^13.0.0",
47
- "@primer/primitives": "5.1.0",
46
+ "@primer/octicons-react": "^16.1.0",
47
+ "@primer/primitives": "6.0.0",
48
48
  "@radix-ui/react-polymorphic": "0.0.14",
49
49
  "@react-aria/ssr": "3.1.0",
50
50
  "@styled-system/css": "5.1.5",
51
51
  "@styled-system/props": "5.1.5",
52
52
  "@styled-system/theme-get": "5.1.2",
53
- "@types/history": "4.7.8",
54
- "@types/styled-components": "5.1.11",
55
- "@types/styled-system": "5.1.12",
56
- "@types/styled-system__css": "5.0.16",
57
- "@types/styled-system__theme-get": "5.0.1",
58
53
  "classnames": "2.3.1",
59
54
  "color2k": "1.2.4",
55
+ "date-fns": "2.25.0",
60
56
  "deepmerge": "4.2.2",
61
57
  "focus-visible": "5.2.0",
62
58
  "styled-system": "5.1.5"
@@ -85,6 +81,11 @@
85
81
  "@testing-library/react": "11.2.7",
86
82
  "@testing-library/react-hooks": "7.0.2",
87
83
  "@testing-library/user-event": "13.1.9",
84
+ "@types/history": "4.7.9",
85
+ "@types/styled-components": "5.1.15",
86
+ "@types/styled-system": "5.1.13",
87
+ "@types/styled-system__css": "5.0.16",
88
+ "@types/styled-system__theme-get": "5.0.1",
88
89
  "@types/chroma-js": "2.1.3",
89
90
  "@types/enzyme": "3.10.9",
90
91
  "@types/jest": "26.0.23",