@orangesk/orange-design-system 2.0.0-beta.37 → 2.0.0-beta.38
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/Loader/style.css +1 -1
- package/build/components/Loader/style.css.map +1 -1
- package/build/components/Table/style.css +1 -1
- package/build/components/Table/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/tsconfig.tsbuildinfo +1 -1
- package/build/components/types/index.d.ts +10 -2
- package/build/components/types/src/components/Accordion/Accordion.static.d.ts +2 -0
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.d.ts +3 -1
- package/build/components/types/src/components/Forms/Autocomplete/Autocomplete.static.d.ts +1 -0
- package/build/components/types/src/components/Loader/LoaderFullscreen.d.ts +7 -0
- package/build/components/types/src/components/Loader/index.d.ts +1 -0
- package/build/components/types/src/components/index.d.ts +2 -2
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/footer.js.map +1 -1
- package/build/lib/megamenu.js.map +1 -1
- package/build/lib/scripts.js +1 -1
- package/build/lib/scripts.js.map +1 -1
- package/build/lib/style.css +1 -1
- package/build/lib/style.css.map +1 -1
- package/build/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +17 -10
- package/src/components/Accordion/Accordion.static.ts +44 -1
- package/src/components/Accordion/tests/Accordion.unit.test.jsx +109 -0
- package/src/components/BlockAction/styles/config.scss +6 -6
- package/src/components/CartTable/styles/mixins.scss +46 -49
- package/src/components/Container/styles/config.scss +2 -2
- package/src/components/Container/styles/mixins.scss +4 -4
- package/src/components/Forms/Autocomplete/Autocomplete.static.ts +1 -0
- package/src/components/Forms/Autocomplete/Autocomplete.tsx +6 -1
- package/src/components/Forms/Autocomplete/styles/config.scss +3 -3
- package/src/components/Forms/Checkbox/styles/mixins.scss +2 -2
- package/src/components/Forms/File/styles/config.scss +5 -5
- package/src/components/Forms/Hint/styles/config.scss +1 -1
- package/src/components/Forms/Hint/styles/mixins.scss +2 -2
- package/src/components/Forms/Label/styles/mixins.scss +2 -2
- package/src/components/Forms/Radio/styles/mixins.scss +2 -2
- package/src/components/Forms/Select/styles/mixins.scss +6 -6
- package/src/components/Forms/TextInput/styles/mixins.scss +10 -10
- package/src/components/Hero/styles/config.scss +0 -1
- package/src/components/Icon/styles/export/size.scss +2 -2
- package/src/components/Icon/styles/mixins.scss +3 -3
- package/src/components/IconList/styles/config.scss +2 -2
- package/src/components/IconList/styles/style.scss +1 -1
- package/src/components/Loader/LoaderFullscreen.tsx +32 -0
- package/src/components/Loader/index.ts +1 -0
- package/src/components/Loader/styles/config.scss +5 -5
- package/src/components/Loader/styles/mixins.scss +24 -0
- package/src/components/Loader/styles/style.scss +9 -0
- package/src/components/Loader/tests/LoaderFullscreen.conformance.test.jsx +21 -0
- package/src/components/Loader/tests/LoaderFullscreen.unit.test.jsx +41 -0
- package/src/components/Loader/tests/test.scss +1 -1
- package/src/components/PromotionCard/styles/config.scss +2 -4
- package/src/components/Skeleton/styles/mixins.scss +3 -3
- package/src/components/Sticker/styles/mixins.scss +2 -2
- package/src/components/Table/docsData.ts +0 -1
- package/src/components/Table/styles/mixins.scss +5 -0
- package/src/components/Tag/styles/mixins.scss +1 -1
- package/src/components/Testimonial/styles/config.scss +25 -22
- package/src/components/Testimonial/styles/mixins.scss +36 -32
- package/src/components/Tooltip/styles/mixins.scss +14 -13
- package/src/components/index.ts +2 -1
- package/src/styles/export/breakpoint.scss +1 -1
- package/src/styles/export/space.scss +1 -1
- package/src/styles/tokens/breakpoint.scss +64 -49
- package/src/styles/tokens/space.scss +9 -9
- package/src/styles/tools/generate.scss +6 -6
- package/src/styles/tools/layout.scss +3 -3
- package/src/styles/tools/map.scss +2 -2
- package/src/styles/tools/text.scss +1 -1
- package/src/styles/utilities/index.scss +7 -7
- package/build/search-index.json +0 -426
|
@@ -523,7 +523,7 @@ type AutocompleteOption = string | {
|
|
|
523
523
|
title: string;
|
|
524
524
|
value: string;
|
|
525
525
|
};
|
|
526
|
-
interface AutocompleteProps extends React$1.
|
|
526
|
+
interface AutocompleteProps extends Omit<React$1.SelectHTMLAttributes<HTMLSelectElement>, "size" | "value"> {
|
|
527
527
|
/** Module config. For more see accessible-autocomplete docs */
|
|
528
528
|
autocompleteConfig?: Record<string, any>;
|
|
529
529
|
/** Array of string options */
|
|
@@ -532,6 +532,8 @@ interface AutocompleteProps extends React$1.HTMLAttributes<HTMLSelectElement> {
|
|
|
532
532
|
placeholder?: string;
|
|
533
533
|
/** Additional CSS classes */
|
|
534
534
|
className?: string;
|
|
535
|
+
/** Select value */
|
|
536
|
+
value?: string | string[];
|
|
535
537
|
}
|
|
536
538
|
declare const Autocomplete: React$1.FC<AutocompleteProps>;
|
|
537
539
|
|
|
@@ -1068,6 +1070,12 @@ interface LoaderProps {
|
|
|
1068
1070
|
}
|
|
1069
1071
|
declare const Loader: React$1.FC<LoaderProps>;
|
|
1070
1072
|
|
|
1073
|
+
interface LoaderFullscreenProps {
|
|
1074
|
+
className?: string;
|
|
1075
|
+
children?: ReactNode;
|
|
1076
|
+
}
|
|
1077
|
+
declare const LoaderFullscreen: React$1.FC<LoaderFullscreenProps>;
|
|
1078
|
+
|
|
1071
1079
|
type MegamenuProps = {
|
|
1072
1080
|
className?: string;
|
|
1073
1081
|
title?: string;
|
|
@@ -1531,4 +1539,4 @@ type InfoTooltipProps = Omit<TooltipProps, "onAbort"> & Omit<React$1.HTMLAttribu
|
|
|
1531
1539
|
};
|
|
1532
1540
|
declare const InfoTooltip: React$1.FC<InfoTooltipProps>;
|
|
1533
1541
|
|
|
1534
|
-
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, 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, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };
|
|
1542
|
+
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, 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, Stepbar, Sticker, Tab, TabPanel, Table, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip };
|
|
@@ -9,6 +9,8 @@ export default class Accordion {
|
|
|
9
9
|
constructor(element: HTMLElement, config?: Partial<AccordionConfig>);
|
|
10
10
|
private onFocus;
|
|
11
11
|
private toggleAccordionItem;
|
|
12
|
+
private scrollTriggerIntoModalView;
|
|
13
|
+
private getStickyHeaderOffset;
|
|
12
14
|
private init;
|
|
13
15
|
private onClick;
|
|
14
16
|
destroy(): void;
|
|
@@ -3,7 +3,7 @@ export type AutocompleteOption = string | {
|
|
|
3
3
|
title: string;
|
|
4
4
|
value: string;
|
|
5
5
|
};
|
|
6
|
-
export interface AutocompleteProps extends React.
|
|
6
|
+
export interface AutocompleteProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size" | "value"> {
|
|
7
7
|
/** Module config. For more see accessible-autocomplete docs */
|
|
8
8
|
autocompleteConfig?: Record<string, any>;
|
|
9
9
|
/** Array of string options */
|
|
@@ -12,6 +12,8 @@ export interface AutocompleteProps extends React.HTMLAttributes<HTMLSelectElemen
|
|
|
12
12
|
placeholder?: string;
|
|
13
13
|
/** Additional CSS classes */
|
|
14
14
|
className?: string;
|
|
15
|
+
/** Select value */
|
|
16
|
+
value?: string | string[];
|
|
15
17
|
}
|
|
16
18
|
declare const Autocomplete: React.FC<AutocompleteProps>;
|
|
17
19
|
export { Autocomplete };
|
|
@@ -28,7 +28,7 @@ import { IconList, Item } from "./IconList";
|
|
|
28
28
|
import { Image } from "./Image";
|
|
29
29
|
import { Link } from "./Link";
|
|
30
30
|
import { List, ListItem } from "./List";
|
|
31
|
-
import { Loader } from "./Loader";
|
|
31
|
+
import { Loader, LoaderFullscreen } from "./Loader";
|
|
32
32
|
import { Megamenu, MegamenuBlog } from "./Megamenu";
|
|
33
33
|
import { Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle } from "./Modal";
|
|
34
34
|
import { Pagination } from "./Pagination";
|
|
@@ -48,4 +48,4 @@ import { Tag, TagButton } from "./Tag";
|
|
|
48
48
|
import { Testimonial } from "./Testimonial";
|
|
49
49
|
import { Tile } from "./Tile";
|
|
50
50
|
import { InfoTooltip, Tooltip } from "./Tooltip";
|
|
51
|
-
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, 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, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
|
|
51
|
+
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, 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, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, Testimonial, TextArea, TextInput, Tile, Tooltip, };
|