@orangesk/orange-design-system 2.0.0-beta.12 → 2.0.0-beta.13

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 (34) hide show
  1. package/build/components/index.js +4 -4
  2. package/build/components/index.js.map +1 -1
  3. package/build/components/tsconfig.tsbuildinfo +1 -1
  4. package/build/components/types/index.d.ts +10 -6
  5. package/build/components/types/src/components/Modal/Modal.d.ts +0 -2
  6. package/build/components/types/src/components/Modal/index.d.ts +0 -1
  7. package/build/components/types/src/components/Pill/Pill.d.ts +1 -1
  8. package/build/components/types/src/components/Tag/Tag.d.ts +0 -2
  9. package/build/components/types/src/components/index.d.ts +2 -2
  10. package/build/fonts/HelveticaNeue-Bold.woff2 +0 -0
  11. package/build/fonts/HelveticaNeue-Light.woff2 +0 -0
  12. package/build/fonts/HelveticaNeue-Roman.woff2 +0 -0
  13. package/build/lib/components.css +1 -1
  14. package/build/lib/components.css.map +1 -1
  15. package/build/lib/style.css +1 -1
  16. package/build/lib/style.css.map +1 -1
  17. package/package.json +7 -7
  18. package/public/fonts/HelveticaNeue-Bold.woff2 +0 -0
  19. package/public/fonts/HelveticaNeue-Light.woff2 +0 -0
  20. package/public/fonts/HelveticaNeue-Roman.woff2 +0 -0
  21. package/src/components/AnchorNavigation/styles/mixins.scss +4 -4
  22. package/src/components/Modal/Modal.tsx +1 -9
  23. package/src/components/Modal/index.ts +0 -1
  24. package/src/components/Modal/styles/config.scss +4 -4
  25. package/src/components/Modal/styles/mixins.scss +13 -59
  26. package/src/components/Modal/styles/style.scss +0 -16
  27. package/src/components/Modal/tests/Modal.unit.test.js +0 -37
  28. package/src/components/Pill/Pill.tsx +3 -0
  29. package/src/components/Pill/styles/style.scss +3 -1
  30. package/src/components/Tag/Tag.tsx +0 -2
  31. package/src/components/Tag/styles/style.scss +32 -0
  32. package/src/components/index.ts +2 -0
  33. package/build/components/types/src/components/Modal/ModalProductBody.d.ts +0 -10
  34. package/src/components/Modal/ModalProductBody.tsx +0 -52
@@ -109,8 +109,6 @@ type TagSize = "small" | "large";
109
109
  interface CommonProps$2 {
110
110
  color?: TagColor;
111
111
  size?: TagSize;
112
- /** @deprecated */
113
- isInverse?: boolean;
114
112
  isDisabled?: boolean;
115
113
  className?: string;
116
114
  children?: React$1.ReactNode;
@@ -696,8 +694,6 @@ interface ModalProps extends React$1.HTMLAttributes<HTMLDivElement> {
696
694
  colorScheme?: "dark" | "light";
697
695
  /** Disables header paddings */
698
696
  disableHeaderSpacing?: boolean;
699
- /** Disables body paddings */
700
- disableBodySpacing?: boolean;
701
697
  /** Disables footer paddings */
702
698
  disableFooterSpacing?: boolean;
703
699
  }
@@ -736,6 +732,14 @@ interface ModalProductHeaderProps extends React$1.HTMLAttributes<HTMLDivElement>
736
732
  }
737
733
  declare const ModalProductHeader: React$1.ForwardRefExoticComponent<ModalProductHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
738
734
 
735
+ interface ModalProductFooterProps extends React$1.HTMLAttributes<HTMLDivElement> {
736
+ image?: React$1.ReactNode;
737
+ /** Use small spacing */
738
+ space?: "small";
739
+ button?: React$1.ReactNode;
740
+ }
741
+ declare const ModalProductFooter: React$1.ForwardRefExoticComponent<ModalProductFooterProps & React$1.RefAttributes<HTMLDivElement>>;
742
+
739
743
  declare const sectionColors: readonly ["background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "background-none", "surface-subtle"];
740
744
  type SectionColor = (typeof sectionColors)[number];
741
745
  type SectionSpacing = "default" | "small" | "xsmall";
@@ -1201,7 +1205,7 @@ declare const InputStepper: React$1.FC<InputStepperProps>;
1201
1205
 
1202
1206
  declare const Skeleton: React$1.FC<React$1.HTMLAttributes<HTMLSpanElement>>;
1203
1207
 
1204
- declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-accent", "transparent"];
1208
+ declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-moderate", "fill-disabled", "transparent"];
1205
1209
  type PillColor = (typeof pillColors)[number];
1206
1210
  interface PillProps extends HTMLAttributes<HTMLSpanElement> {
1207
1211
  className?: string;
@@ -1508,4 +1512,4 @@ interface ItemProps {
1508
1512
  }
1509
1513
  declare const Item: React$1.FC<ItemProps>;
1510
1514
 
1511
- export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };
1515
+ export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };
@@ -34,8 +34,6 @@ interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
34
34
  colorScheme?: "dark" | "light";
35
35
  /** Disables header paddings */
36
36
  disableHeaderSpacing?: boolean;
37
- /** Disables body paddings */
38
- disableBodySpacing?: boolean;
39
37
  /** Disables footer paddings */
40
38
  disableFooterSpacing?: boolean;
41
39
  }
@@ -4,4 +4,3 @@ export { ModalTitle } from "./ModalTitle";
4
4
  export { ModalCloseButton } from "./ModalCloseButton";
5
5
  export { ModalProductHeader } from "./ModalProductHeader";
6
6
  export { ModalProductFooter } from "./ModalProductFooter";
7
- export { ModalProductBody } from "./ModalProductBody";
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode, HTMLAttributes } from "react";
2
- export declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-accent", "transparent"];
2
+ export declare const pillColors: readonly ["surface-primary", "surface-secondary", "surface-tertiary", "surface-subtle", "surface-moderate", "surface-contrast", "surface-accent", "fill-moderate", "fill-disabled", "transparent"];
3
3
  export type PillColor = (typeof pillColors)[number];
4
4
  interface PillProps extends HTMLAttributes<HTMLSpanElement> {
5
5
  className?: string;
@@ -6,8 +6,6 @@ export type TagSize = "small" | "large";
6
6
  interface CommonProps {
7
7
  color?: TagColor;
8
8
  size?: TagSize;
9
- /** @deprecated */
10
- isInverse?: boolean;
11
9
  isDisabled?: boolean;
12
10
  className?: string;
13
11
  children?: React.ReactNode;
@@ -25,7 +25,7 @@ import { Grid, GridCol } from "./Grid";
25
25
  import { Image } from "./Image";
26
26
  import { Link } from "./Link";
27
27
  import { Loader } from "./Loader";
28
- import { Modal, ModalBody, ModalCloseButton, ModalTitle, ModalProductHeader } from "./Modal";
28
+ import { Modal, ModalBody, ModalCloseButton, ModalTitle, ModalProductHeader, ModalProductFooter } from "./Modal";
29
29
  import { Section } from "./Section";
30
30
  import { Sticker } from "./Sticker";
31
31
  import { SkipLink } from "./SkipLink";
@@ -46,4 +46,4 @@ import { Cover } from "./Cover";
46
46
  import { Testimonial } from "./Testimonial";
47
47
  import { Hero } from "./Hero";
48
48
  import { IconList, Item } from "./IconList";
49
- export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
49
+ export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, 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, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };