@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.
- package/build/components/index.js +4 -4
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +10 -6
- package/build/components/types/src/components/Modal/Modal.d.ts +0 -2
- package/build/components/types/src/components/Modal/index.d.ts +0 -1
- package/build/components/types/src/components/Pill/Pill.d.ts +1 -1
- package/build/components/types/src/components/Tag/Tag.d.ts +0 -2
- package/build/components/types/src/components/index.d.ts +2 -2
- package/build/fonts/HelveticaNeue-Bold.woff2 +0 -0
- package/build/fonts/HelveticaNeue-Light.woff2 +0 -0
- package/build/fonts/HelveticaNeue-Roman.woff2 +0 -0
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/package.json +7 -7
- package/public/fonts/HelveticaNeue-Bold.woff2 +0 -0
- package/public/fonts/HelveticaNeue-Light.woff2 +0 -0
- package/public/fonts/HelveticaNeue-Roman.woff2 +0 -0
- package/src/components/AnchorNavigation/styles/mixins.scss +4 -4
- package/src/components/Modal/Modal.tsx +1 -9
- package/src/components/Modal/index.ts +0 -1
- package/src/components/Modal/styles/config.scss +4 -4
- package/src/components/Modal/styles/mixins.scss +13 -59
- package/src/components/Modal/styles/style.scss +0 -16
- package/src/components/Modal/tests/Modal.unit.test.js +0 -37
- package/src/components/Pill/Pill.tsx +3 -0
- package/src/components/Pill/styles/style.scss +3 -1
- package/src/components/Tag/Tag.tsx +0 -2
- package/src/components/Tag/styles/style.scss +32 -0
- package/src/components/index.ts +2 -0
- package/build/components/types/src/components/Modal/ModalProductBody.d.ts +0 -10
- 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;
|
|
@@ -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, };
|
|
Binary file
|
|
Binary file
|
|
Binary file
|