@codecademy/gamut 72.2.2-alpha.08ddf5.0 → 72.2.2-alpha.ad4c17.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 (83) hide show
  1. package/agent-tools/skills/gamut-forms/SKILL.md +16 -0
  2. package/agent-tools/skills/gamut-select-dropdown/SKILL.md +236 -0
  3. package/dist/Alert/elements.d.ts +2 -2
  4. package/dist/Anchor/index.d.ts +9 -19
  5. package/dist/Anchor/index.js +6 -9
  6. package/dist/BarChart/BarRow/elements.d.ts +45 -47
  7. package/dist/BarChart/utils/hooks.d.ts +2 -2
  8. package/dist/BarChart/utils/hooks.js +1 -3
  9. package/dist/Box/GridBox.d.ts +0 -1
  10. package/dist/Box/GridBox.js +1 -1
  11. package/dist/Box/props.d.ts +1 -1
  12. package/dist/Breadcrumbs/index.d.ts +5 -5
  13. package/dist/Breadcrumbs/index.js +2 -2
  14. package/dist/Button/CTAButton.d.ts +2 -2
  15. package/dist/Button/FillButton.d.ts +4 -4
  16. package/dist/Button/IconButton.d.ts +4 -4
  17. package/dist/Button/StrokeButton.d.ts +4 -4
  18. package/dist/Button/TextButton.d.ts +4 -4
  19. package/dist/Button/shared/InlineIconButton.d.ts +2 -2
  20. package/dist/Button/shared/styles.d.ts +3 -3
  21. package/dist/Button/shared/types.d.ts +1 -1
  22. package/dist/ButtonBase/ButtonBase.d.ts +4 -9
  23. package/dist/ButtonBase/ButtonBase.js +4 -11
  24. package/dist/Card/elements.d.ts +103 -109
  25. package/dist/Card/styles.d.ts +8 -8
  26. package/dist/Coachmark/index.d.ts +1 -1
  27. package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
  28. package/dist/ConnectedForm/utils.d.ts +1 -1
  29. package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
  30. package/dist/Disclosure/elements.d.ts +12 -18
  31. package/dist/FeatureShimmer/index.js +1 -1
  32. package/dist/Form/SelectDropdown/SelectDropdown.js +36 -19
  33. package/dist/Form/SelectDropdown/elements/constants.d.ts +0 -8
  34. package/dist/Form/SelectDropdown/elements/constants.js +1 -9
  35. package/dist/Form/SelectDropdown/elements/containers.d.ts +6 -2
  36. package/dist/Form/SelectDropdown/elements/containers.js +18 -2
  37. package/dist/Form/SelectDropdown/elements/controls.d.ts +0 -5
  38. package/dist/Form/SelectDropdown/elements/controls.js +2 -70
  39. package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
  40. package/dist/Form/SelectDropdown/elements/options.d.ts +1 -0
  41. package/dist/Form/SelectDropdown/elements/options.js +5 -2
  42. package/dist/Form/SelectDropdown/styles.js +27 -9
  43. package/dist/Form/SelectDropdown/types/component-props.d.ts +54 -6
  44. package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
  45. package/dist/Form/SelectDropdown/types/styles.d.ts +4 -0
  46. package/dist/Form/SelectDropdown/utils.d.ts +7 -1
  47. package/dist/Form/SelectDropdown/utils.js +17 -2
  48. package/dist/Form/elements/Form.d.ts +15 -15
  49. package/dist/Form/elements/FormGroup.d.ts +1 -1
  50. package/dist/Form/styles/Checkbox-styles.d.ts +1 -1
  51. package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
  52. package/dist/List/ListProvider.d.ts +1 -1
  53. package/dist/List/elements.d.ts +42 -44
  54. package/dist/Menu/MenuItem.js +6 -10
  55. package/dist/Menu/elements.d.ts +2 -2
  56. package/dist/Modals/Dialog.js +2 -6
  57. package/dist/Modals/Modal.js +2 -5
  58. package/dist/Modals/elements.d.ts +1 -1
  59. package/dist/Pagination/AnimatedPaginationButtons.d.ts +29 -31
  60. package/dist/Pagination/EllipsisButton.d.ts +2 -2
  61. package/dist/Pagination/PaginationButton.d.ts +6 -6
  62. package/dist/Pagination/utils.d.ts +29 -31
  63. package/dist/Pagination/utils.js +11 -14
  64. package/dist/Popover/Popover.js +6 -6
  65. package/dist/Popover/types.d.ts +3 -4
  66. package/dist/PopoverContainer/PopoverContainer.js +9 -9
  67. package/dist/PopoverContainer/hooks.d.ts +4 -16
  68. package/dist/PopoverContainer/hooks.js +27 -50
  69. package/dist/PopoverContainer/types.d.ts +1 -2
  70. package/dist/Tabs/TabButton.d.ts +2 -2
  71. package/dist/Tabs/TabNavLink.d.ts +2 -2
  72. package/dist/Tag/elements.d.ts +8 -14
  73. package/dist/Tag/index.js +1 -1
  74. package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
  75. package/dist/Tip/PreviewTip/elements.d.ts +6 -12
  76. package/dist/Tip/__tests__/helpers.d.ts +1 -1
  77. package/dist/Tip/shared/FloatingTip.js +2 -2
  78. package/dist/Tip/shared/types.d.ts +2 -2
  79. package/dist/Tip/shared/utils.js +1 -1
  80. package/dist/utils/react.js +2 -4
  81. package/package.json +10 -10
  82. package/dist/utils/nullish.d.ts +0 -10
  83. package/dist/utils/nullish.js +0 -11
@@ -9,14 +9,14 @@ export declare const patternFadeInOut: {
9
9
  opacity: number;
10
10
  transition: {
11
11
  duration: number;
12
- ease: "easeOut";
12
+ ease: string;
13
13
  };
14
14
  };
15
15
  animate: {
16
16
  opacity: number;
17
17
  transition: {
18
18
  duration: number;
19
- ease: "easeIn";
19
+ ease: string;
20
20
  };
21
21
  };
22
22
  };
@@ -26,7 +26,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
26
26
  borderRadius: string | undefined;
27
27
  transition: {
28
28
  duration: number;
29
- ease: "easeOut";
29
+ ease: string;
30
30
  };
31
31
  };
32
32
  initialOutline: {
@@ -34,7 +34,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
34
34
  borderRadius: string | undefined;
35
35
  transition: {
36
36
  duration: number;
37
- ease: "easeOut";
37
+ ease: string;
38
38
  };
39
39
  };
40
40
  animate: {
@@ -43,7 +43,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
43
43
  borderRadius: string | undefined;
44
44
  transition: {
45
45
  duration: number;
46
- ease: "easeIn";
46
+ ease: string;
47
47
  };
48
48
  };
49
49
  animateOutline: {
@@ -52,7 +52,7 @@ export declare const hoverShadowLeft: (borderRadius?: string) => {
52
52
  borderRadius: string | undefined;
53
53
  transition: {
54
54
  duration: number;
55
- ease: "easeIn";
55
+ ease: string;
56
56
  };
57
57
  };
58
58
  };
@@ -62,7 +62,7 @@ export declare const hoverShadowRight: (borderRadius?: string) => {
62
62
  borderRadius: string | undefined;
63
63
  transition: {
64
64
  duration: number;
65
- ease: "easeOut";
65
+ ease: string;
66
66
  };
67
67
  };
68
68
  animate: {
@@ -71,7 +71,7 @@ export declare const hoverShadowRight: (borderRadius?: string) => {
71
71
  borderRadius: string | undefined;
72
72
  transition: {
73
73
  duration: number;
74
- ease: "easeIn";
74
+ ease: string;
75
75
  };
76
76
  };
77
77
  };
@@ -21,7 +21,7 @@ export type CoachmarkProps = PopoverFocusProps & {
21
21
  /**
22
22
  * Function that returns the contents of the coachmark.
23
23
  */
24
- renderPopover: (onDismiss?: () => void) => React.JSX.Element;
24
+ renderPopover: (onDismiss?: () => void) => JSX.Element;
25
25
  /**
26
26
  * Props to be passed into the popover component.
27
27
  */
@@ -62,4 +62,4 @@ export interface ConnectedFormProps<Values extends {}> extends Omit<FormContextP
62
62
  }
63
63
  export type FormProviderCustomProps = FormProviderProps & FormContextProps;
64
64
  export declare const FormPropsContext: React.Context<Partial<FormContextProps>>;
65
- export declare const ConnectedForm: <Values extends FormValues<Values>>(props: React.PropsWithoutRef<ConnectedFormProps<Values>> & React.RefAttributes<HTMLFormElement>) => React.ReactElement;
65
+ export declare const ConnectedForm: <Values extends FormValues<Values>>(props: ConnectedFormProps<Values>, ref: React.ForwardedRef<HTMLFormElement>) => React.ReactElement;
@@ -112,7 +112,7 @@ export declare const USE_DEBOUNCED_FIELD_DIRTY_KEY = "";
112
112
  * for something that I think could be modified to make this better
113
113
  * but I couldn't get it to work
114
114
  */
115
- type InputTypes = Extract<HTMLInputTypeAttribute, 'number' | 'color' | 'date' | 'datetime-local' | 'time' | 'image' | 'checkbox' | 'text' | 'hidden' | 'password' | 'radio' | 'range' | 'email' | 'search' | 'month' | 'tel' | 'url' | 'week'> | 'textarea' | 'select';
115
+ type InputTypes = Extract<HTMLInputTypeAttribute, 'number' | 'color' | 'date' | 'datetime-local' | 'time' | 'image' | 'checkbox' | 'text' | 'hidden' | 'password' | 'radio' | 'range' | 'email' | 'search' | 'month' | 'tel' | 'time' | 'url' | 'week'> | 'textarea' | 'select';
116
116
  type DebouncedFieldProps<T extends InputTypes> = Omit<GetInitialFormValueProps, 'setLocalValue' | 'defaultValue'> & Pick<useFieldProps, 'loading' | 'disabled' | 'name' | 'customValidations'> & {
117
117
  type: T;
118
118
  shouldDirtyOnChange?: boolean;
@@ -3,7 +3,7 @@ export type DatePickerInputProps = Omit<InputWrapperProps, 'className' | 'type'
3
3
  /** In range mode: which part of the range this input edits. Omit for single-date or combined display. */
4
4
  rangePart?: 'start' | 'end';
5
5
  };
6
- export declare const DatePickerInput: import("react").ForwardRefExoticComponent<Omit<InputWrapperProps, "color" | "className" | "onChange" | "type" | "value" | "icon"> & {
6
+ export declare const DatePickerInput: import("react").ForwardRefExoticComponent<Omit<InputWrapperProps, "color" | "className" | "onChange" | "type" | "icon" | "value"> & {
7
7
  /** In range mode: which part of the range this input edits. Omit for single-date or combined display. */
8
8
  rangePart?: "start" | "end";
9
9
  } & import("react").RefAttributes<HTMLDivElement>>;