@orangesk/orange-design-system 3.6.2 → 3.7.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 (36) hide show
  1. package/build/components/Grid/style.css.map +1 -1
  2. package/build/components/Megamenu/style.css +1 -1
  3. package/build/components/Megamenu/style.css.map +1 -1
  4. package/build/components/index.js +1 -1
  5. package/build/components/index.js.map +1 -1
  6. package/build/components/types/index.d.ts +35 -1
  7. package/build/lib/components.css +1 -1
  8. package/build/lib/components.css.map +1 -1
  9. package/build/lib/footer.js +1 -1
  10. package/build/lib/footer.js.map +1 -1
  11. package/build/lib/megamenu.css +1 -1
  12. package/build/lib/megamenu.css.map +1 -1
  13. package/build/lib/megamenu.js +1 -1
  14. package/build/lib/megamenu.js.map +1 -1
  15. package/build/lib/scripts.js +1 -1
  16. package/build/lib/scripts.js.map +1 -1
  17. package/build/lib/style.css +1 -1
  18. package/build/lib/style.css.map +1 -1
  19. package/package.json +14 -14
  20. package/src/components/Footer/data.ts +4 -0
  21. package/src/components/Forms/SelectionTile/PLAN.md +206 -0
  22. package/src/components/Forms/SelectionTile/SelectionTile.tsx +145 -0
  23. package/src/components/Forms/SelectionTile/index.ts +5 -0
  24. package/src/components/Forms/SelectionTile/styles/mixins.scss +83 -0
  25. package/src/components/Forms/SelectionTile/styles/style.scss +58 -0
  26. package/src/components/Forms/SelectionTile/tests/SelectionTile.conformance.test.jsx +32 -0
  27. package/src/components/Forms/SelectionTile/tests/SelectionTile.unit.test.jsx +146 -0
  28. package/src/components/Forms/index.ts +1 -0
  29. package/src/components/Megamenu/Megamenu.tsx +20 -16
  30. package/src/components/Megamenu/MegamenuBlog.tsx +10 -7
  31. package/src/components/Megamenu/MyOrangeMobilePanel.tsx +2 -3
  32. package/src/components/Megamenu/constants.ts +3 -1
  33. package/src/components/Megamenu/styles/mixins.scss +38 -4
  34. package/src/components/Megamenu/styles/style.scss +12 -4
  35. package/src/components/Megamenu/tests/Megamenu.unit.test.jsx +32 -0
  36. package/src/components/index.ts +2 -0
@@ -839,6 +839,40 @@ interface SelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelec
839
839
  }
840
840
  declare const Select: React__default.FC<SelectProps>;
841
841
 
842
+ type SelectionTileStatus = "warning" | "error";
843
+ type SelectionTileInputProps = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "name" | "value" | "disabled" | "size" | "checked" | "defaultChecked">;
844
+ interface SelectionTileBaseProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "children"> {
845
+ id: string;
846
+ price?: React__default.ReactNode;
847
+ message?: React__default.ReactNode;
848
+ value?: string;
849
+ isChecked?: boolean;
850
+ isDisabled?: boolean;
851
+ isInvalid?: boolean;
852
+ status?: SelectionTileStatus;
853
+ children?: React__default.ReactNode;
854
+ }
855
+ type SelectionTileControlProps = {
856
+ type: "radio";
857
+ name: string;
858
+ } | {
859
+ type: "checkbox";
860
+ name?: string;
861
+ };
862
+ type SelectionTileAccessibleNameProps = {
863
+ label: string | number | React__default.ReactElement;
864
+ inputProps?: SelectionTileInputProps;
865
+ } | {
866
+ label?: never;
867
+ inputProps: SelectionTileInputProps & ({
868
+ "aria-label": string;
869
+ } | {
870
+ "aria-labelledby": string;
871
+ });
872
+ };
873
+ type SelectionTileProps = SelectionTileBaseProps & SelectionTileControlProps & SelectionTileAccessibleNameProps;
874
+ declare const SelectionTile: React__default.FC<SelectionTileProps>;
875
+
842
876
  type TextAreaSize = "default" | "large";
843
877
  type TextAreaWidth = "default" | "fullwidth";
844
878
  interface TextAreaProps extends React__default.TextareaHTMLAttributes<HTMLTextAreaElement> {
@@ -1634,4 +1668,4 @@ type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React__default.HTML
1634
1668
  };
1635
1669
  declare const InfoTooltip: React__default.FC<InfoTooltipProps>;
1636
1670
 
1637
- export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Avatar, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Countdown, CountdownTag, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, StarRating, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, TextArea, TextInput, Tile, Timeline, Tooltip };
1671
+ export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Avatar, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Countdown, CountdownTag, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, SelectionTile, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, StarRating, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, TextArea, TextInput, Tile, Timeline, Tooltip };