@ama-pt/agora-design-system 0.7.0 → 0.8.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 (6) hide show
  1. package/dist/cjs/index.ts +1 -1
  2. package/dist/cjs/index.ts.map +1 -1
  3. package/dist/esm/index.ts +2 -2
  4. package/dist/esm/index.ts.map +1 -1
  5. package/dist/index.d.ts +95 -35
  6. package/package.json +15 -15
package/dist/index.d.ts CHANGED
@@ -659,40 +659,6 @@ interface ListProps extends ComponentPropsWithoutRef<'ul'> {
659
659
  }
660
660
  declare const List: FC<ListProps>;
661
661
 
662
- /**
663
- * Menu item type
664
- */
665
- type MenuItemType = 'primary' | 'search' | 'menu' | 'secondary' | 'user' | 'avatar' | 'close';
666
- type BaseProps = {
667
- /**
668
- * Remove default icons.
669
- */
670
- noIcons?: BooleanProp;
671
- /**
672
- * Type of menu item
673
- */
674
- itemType: MenuItemType;
675
- /**
676
- * Menu on dark background
677
- */
678
- darkMode?: BooleanProp;
679
- /**
680
- * Menu item is a action button
681
- */
682
- actionItem?: BooleanProp;
683
- /**
684
- * Children content.
685
- */
686
- children?: ReactNode;
687
- };
688
- type MenuItemProps = BaseProps & (HTMLProps<HTMLAnchorElement> | HTMLProps<HTMLButtonElement> | HTMLProps<HTMLDivElement> | AvatarProps);
689
- interface MenuItemRef {
690
- current: HTMLButtonElement | HTMLAnchorElement | null;
691
- toggleMenuItem: () => void;
692
- }
693
- type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | MenuItemRef | AvatarProps;
694
- declare const MenuItem: React__default.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React__default.HTMLProps<HTMLDivElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLAnchorElement>, "ref"> | Omit<BaseProps & React__default.HTMLProps<HTMLButtonElement>, "ref">) & React__default.RefAttributes<ExtendedInterfaceMenu>>;
695
-
696
662
  /**
697
663
  * The available variants of the pill. This variants will define the background and border color of the pill.
698
664
  */
@@ -1354,6 +1320,44 @@ interface LoaderDialogProviderProps {
1354
1320
  }
1355
1321
  declare const LoaderDialogProvider: FC<LoaderDialogProviderProps>;
1356
1322
 
1323
+ /**
1324
+ * Menu item type
1325
+ */
1326
+ type MenuItemType = 'primary' | 'search' | 'menu' | 'secondary' | 'user' | 'avatar' | 'close';
1327
+ type BaseProps = {
1328
+ /**
1329
+ * Remove default icons.
1330
+ */
1331
+ noIcons?: BooleanProp;
1332
+ /**
1333
+ * Type of menu item
1334
+ */
1335
+ itemType: MenuItemType;
1336
+ /**
1337
+ * Menu on dark background
1338
+ */
1339
+ darkMode?: BooleanProp;
1340
+ /**
1341
+ * Menu item is a action button
1342
+ */
1343
+ actionItem?: BooleanProp;
1344
+ /**
1345
+ * Children content.
1346
+ */
1347
+ children?: ReactNode;
1348
+ /**
1349
+ * Vertically , used with primary or secondary menu type, allow to change style of current option
1350
+ */
1351
+ vertically?: BooleanProp;
1352
+ };
1353
+ type MenuItemProps = (BaseProps & HTMLProps<HTMLButtonElement | HTMLAnchorElement | HTMLDivElement>) | (BaseProps & AvatarProps);
1354
+ interface MenuItemRef {
1355
+ current: HTMLButtonElement | HTMLAnchorElement | null;
1356
+ toggleMenuItem: () => void;
1357
+ }
1358
+ type ExtendedInterfaceMenu = HTMLButtonElement | HTMLAnchorElement | AvatarProps | MenuItemRef | null;
1359
+ declare const MenuItem: React__default.ForwardRefExoticComponent<((BaseProps & AvatarProps) | Omit<BaseProps & React__default.HTMLProps<HTMLAnchorElement | HTMLButtonElement | HTMLDivElement>, "ref">) & React__default.RefAttributes<ExtendedInterfaceMenu>>;
1360
+
1357
1361
  interface ModalDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1358
1362
  /**
1359
1363
  * Close button text.
@@ -1604,6 +1608,62 @@ interface CardExpandableProps extends ComponentPropsWithoutRef<'div'> {
1604
1608
  }
1605
1609
  declare const CardExpandable: FC<CardExpandableProps>;
1606
1610
 
1611
+ interface CardFrameProps extends ComponentPropsWithoutRef<'div'> {
1612
+ /**
1613
+ * Children content.
1614
+ */
1615
+ children: ReactNode;
1616
+ /**
1617
+ * Makes the whole card clickable.
1618
+ */
1619
+ blockedLink?: BooleanProp;
1620
+ /**
1621
+ * Anchor disabled.
1622
+ */
1623
+ hasAnchor?: BooleanProp;
1624
+ /**
1625
+ * label Anchor.
1626
+ */
1627
+ labelAnchor?: ReactNode;
1628
+ /**
1629
+ * aria label Anchor.
1630
+ */
1631
+ ariaLabelAnchor?: string;
1632
+ /**
1633
+ * header Accordion.
1634
+ */
1635
+ headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
1636
+ /**
1637
+ * label header.
1638
+ */
1639
+ labelHeader: string;
1640
+ /**
1641
+ * anchor Href.
1642
+ */
1643
+ anchorHref?: string;
1644
+ /**
1645
+ * anchor Target.
1646
+ */
1647
+ anchorTarget?: string;
1648
+ }
1649
+ declare const CardFrame: FC<CardFrameProps>;
1650
+
1651
+ interface CardHeroIndexProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1652
+ /**
1653
+ * The title of the card
1654
+ */
1655
+ title?: ReactNode;
1656
+ /**
1657
+ * Title header.
1658
+ */
1659
+ headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
1660
+ /**
1661
+ * The list of indexes
1662
+ */
1663
+ indexList: AnchorProps[];
1664
+ }
1665
+ declare const CardHeroIndex: FC<CardHeroIndexProps>;
1666
+
1607
1667
  /**
1608
1668
  * The available variants of the card links
1609
1669
  */
@@ -2517,4 +2577,4 @@ declare const AgoraTailwindConfig: {
2517
2577
  }[];
2518
2578
  };
2519
2579
 
2520
- export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, CardEmphasize, type CardEmphasizeAlignment, type CardEmphasizeProps, CardExpandable, type CardExpandableProps, type CardFooterProps, type CardLinkVariant, CardLinks, type CardLinksFooterProps, type CardLinksProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, type InputDateRef, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, InputSearchBar, type InputSearchBarProps, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SearchPagination, type SearchPaginationProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, getDateString, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };
2580
+ export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, CardEmphasize, type CardEmphasizeAlignment, type CardEmphasizeProps, CardExpandable, type CardExpandableProps, type CardFooterProps, CardFrame, type CardFrameProps, CardHeroIndex, type CardHeroIndexProps, type CardLinkVariant, CardLinks, type CardLinksFooterProps, type CardLinksProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, type InputDateRef, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, InputSearchBar, type InputSearchBarProps, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SearchPagination, type SearchPaginationProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, getDateString, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ama-pt/agora-design-system",
3
3
  "description": "Ágora Design system",
4
- "version": "0.7.0",
4
+ "version": "0.8.0",
5
5
  "engines": {
6
6
  "node": "18.17.1"
7
7
  },
@@ -48,22 +48,22 @@
48
48
  "@rollup/plugin-node-resolve": "^15.2.0",
49
49
  "@rollup/plugin-terser": "^0.4.3",
50
50
  "@rollup/plugin-typescript": "^11.1.2",
51
- "@storybook/addon-a11y": "^7.4.6",
52
- "@storybook/addon-actions": "^7.4.6",
53
- "@storybook/addon-docs": "^7.4.6",
54
- "@storybook/addon-essentials": "^7.4.6",
55
- "@storybook/addon-interactions": "^7.4.6",
56
- "@storybook/addon-links": "^7.4.6",
57
- "@storybook/addon-mdx-gfm": "7.4.6",
58
- "@storybook/addon-storysource": "^7.4.6",
59
- "@storybook/blocks": "^7.4.6",
51
+ "@storybook/addon-a11y": "^7.5.0",
52
+ "@storybook/addon-actions": "^7.5.0",
53
+ "@storybook/addon-docs": "^7.5.0",
54
+ "@storybook/addon-essentials": "^7.5.0",
55
+ "@storybook/addon-interactions": "^7.5.0",
56
+ "@storybook/addon-links": "^7.5.0",
57
+ "@storybook/addon-mdx-gfm": "7.5.0",
58
+ "@storybook/addon-storysource": "^7.5.0",
59
+ "@storybook/blocks": "^7.5.0",
60
60
  "@storybook/mdx2-csf": "^1.1.0",
61
61
  "@storybook/preset-scss": "^1.0.3",
62
62
  "@storybook/preset-typescript": "^3.0.0",
63
- "@storybook/react": "^7.4.6",
64
- "@storybook/react-vite": "^7.4.6",
63
+ "@storybook/react": "^7.5.0",
64
+ "@storybook/react-vite": "^7.5.0",
65
65
  "@storybook/testing-library": "^0.2.2",
66
- "@storybook/theming": "^7.4.6",
66
+ "@storybook/theming": "^7.5.0",
67
67
  "@types/node": "^20.5.0",
68
68
  "@types/prop-types": "^15.7.5",
69
69
  "@types/react": "^18.2.20",
@@ -83,7 +83,7 @@
83
83
  "eslint-plugin-prettier": "^5.0.0",
84
84
  "eslint-plugin-react": "^7.33.2",
85
85
  "eslint-plugin-react-hooks": "^4.6.0",
86
- "eslint-plugin-storybook": "^0.6.14",
86
+ "eslint-plugin-storybook": "^0.6.15",
87
87
  "glob": "^10.3.3",
88
88
  "postcss": "^8.4.28",
89
89
  "postcss-loader": "^7.3.3",
@@ -95,7 +95,7 @@
95
95
  "rollup-plugin-peer-deps-external": "^2.2.4",
96
96
  "rollup-plugin-postcss": "^4.0.2",
97
97
  "sass-loader": "^13.3.2",
98
- "storybook": "^7.4.6",
98
+ "storybook": "^7.5.0",
99
99
  "tailwindcss": "^3.3.3",
100
100
  "ts-dedent": "^2.2.0",
101
101
  "typescript": "*",