@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.
- package/agent-tools/skills/gamut-forms/SKILL.md +16 -0
- package/agent-tools/skills/gamut-select-dropdown/SKILL.md +236 -0
- package/dist/Alert/elements.d.ts +2 -2
- package/dist/Anchor/index.d.ts +9 -19
- package/dist/Anchor/index.js +6 -9
- package/dist/BarChart/BarRow/elements.d.ts +45 -47
- package/dist/BarChart/utils/hooks.d.ts +2 -2
- package/dist/BarChart/utils/hooks.js +1 -3
- package/dist/Box/GridBox.d.ts +0 -1
- package/dist/Box/GridBox.js +1 -1
- package/dist/Box/props.d.ts +1 -1
- package/dist/Breadcrumbs/index.d.ts +5 -5
- package/dist/Breadcrumbs/index.js +2 -2
- package/dist/Button/CTAButton.d.ts +2 -2
- package/dist/Button/FillButton.d.ts +4 -4
- package/dist/Button/IconButton.d.ts +4 -4
- package/dist/Button/StrokeButton.d.ts +4 -4
- package/dist/Button/TextButton.d.ts +4 -4
- package/dist/Button/shared/InlineIconButton.d.ts +2 -2
- package/dist/Button/shared/styles.d.ts +3 -3
- package/dist/Button/shared/types.d.ts +1 -1
- package/dist/ButtonBase/ButtonBase.d.ts +4 -9
- package/dist/ButtonBase/ButtonBase.js +4 -11
- package/dist/Card/elements.d.ts +103 -109
- package/dist/Card/styles.d.ts +8 -8
- package/dist/Coachmark/index.d.ts +1 -1
- package/dist/ConnectedForm/ConnectedForm.d.ts +1 -1
- package/dist/ConnectedForm/utils.d.ts +1 -1
- package/dist/DatePicker/DatePickerInput/index.d.ts +1 -1
- package/dist/Disclosure/elements.d.ts +12 -18
- package/dist/FeatureShimmer/index.js +1 -1
- package/dist/Form/SelectDropdown/SelectDropdown.js +36 -19
- package/dist/Form/SelectDropdown/elements/constants.d.ts +0 -8
- package/dist/Form/SelectDropdown/elements/constants.js +1 -9
- package/dist/Form/SelectDropdown/elements/containers.d.ts +6 -2
- package/dist/Form/SelectDropdown/elements/containers.js +18 -2
- package/dist/Form/SelectDropdown/elements/controls.d.ts +0 -5
- package/dist/Form/SelectDropdown/elements/controls.js +2 -70
- package/dist/Form/SelectDropdown/elements/multi-value.js +2 -2
- package/dist/Form/SelectDropdown/elements/options.d.ts +1 -0
- package/dist/Form/SelectDropdown/elements/options.js +5 -2
- package/dist/Form/SelectDropdown/styles.js +27 -9
- package/dist/Form/SelectDropdown/types/component-props.d.ts +54 -6
- package/dist/Form/SelectDropdown/types/internal.d.ts +2 -2
- package/dist/Form/SelectDropdown/types/styles.d.ts +4 -0
- package/dist/Form/SelectDropdown/utils.d.ts +7 -1
- package/dist/Form/SelectDropdown/utils.js +17 -2
- package/dist/Form/elements/Form.d.ts +15 -15
- package/dist/Form/elements/FormGroup.d.ts +1 -1
- package/dist/Form/styles/Checkbox-styles.d.ts +1 -1
- package/dist/GridForm/GridFormButtons/index.d.ts +4 -4
- package/dist/List/ListProvider.d.ts +1 -1
- package/dist/List/elements.d.ts +42 -44
- package/dist/Menu/MenuItem.js +6 -10
- package/dist/Menu/elements.d.ts +2 -2
- package/dist/Modals/Dialog.js +2 -6
- package/dist/Modals/Modal.js +2 -5
- package/dist/Modals/elements.d.ts +1 -1
- package/dist/Pagination/AnimatedPaginationButtons.d.ts +29 -31
- package/dist/Pagination/EllipsisButton.d.ts +2 -2
- package/dist/Pagination/PaginationButton.d.ts +6 -6
- package/dist/Pagination/utils.d.ts +29 -31
- package/dist/Pagination/utils.js +11 -14
- package/dist/Popover/Popover.js +6 -6
- package/dist/Popover/types.d.ts +3 -4
- package/dist/PopoverContainer/PopoverContainer.js +9 -9
- package/dist/PopoverContainer/hooks.d.ts +4 -16
- package/dist/PopoverContainer/hooks.js +27 -50
- package/dist/PopoverContainer/types.d.ts +1 -2
- package/dist/Tabs/TabButton.d.ts +2 -2
- package/dist/Tabs/TabNavLink.d.ts +2 -2
- package/dist/Tag/elements.d.ts +8 -14
- package/dist/Tag/index.js +1 -1
- package/dist/Tip/InfoTip/InfoTipButton.d.ts +4 -4
- package/dist/Tip/PreviewTip/elements.d.ts +6 -12
- package/dist/Tip/__tests__/helpers.d.ts +1 -1
- package/dist/Tip/shared/FloatingTip.js +2 -2
- package/dist/Tip/shared/types.d.ts +2 -2
- package/dist/Tip/shared/utils.js +1 -1
- package/dist/utils/react.js +2 -4
- package/package.json +10 -10
- package/dist/utils/nullish.d.ts +0 -10
- package/dist/utils/nullish.js +0 -11
package/dist/Card/styles.d.ts
CHANGED
|
@@ -9,14 +9,14 @@ export declare const patternFadeInOut: {
|
|
|
9
9
|
opacity: number;
|
|
10
10
|
transition: {
|
|
11
11
|
duration: number;
|
|
12
|
-
ease:
|
|
12
|
+
ease: string;
|
|
13
13
|
};
|
|
14
14
|
};
|
|
15
15
|
animate: {
|
|
16
16
|
opacity: number;
|
|
17
17
|
transition: {
|
|
18
18
|
duration: number;
|
|
19
|
-
ease:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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) =>
|
|
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:
|
|
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" | "
|
|
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>>;
|