@orangesk/orange-design-system 3.9.0 → 3.10.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.
- package/build/components/AnchorNavigation/style.css +1 -1
- package/build/components/AnchorNavigation/style.css.map +1 -1
- package/build/components/Carousel/style.css +1 -1
- package/build/components/Carousel/style.css.map +1 -1
- package/build/components/Megamenu/style.css +1 -1
- package/build/components/Megamenu/style.css.map +1 -1
- package/build/components/index.js +1 -1
- package/build/components/index.js.map +1 -1
- package/build/components/types/index.d.ts +6 -2
- package/build/lib/components.css +1 -1
- package/build/lib/components.css.map +1 -1
- package/build/lib/megamenu.css +1 -1
- package/build/lib/megamenu.css.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/megamenu-sprite-dark.svg +1 -0
- package/build/megamenu-sprite-light.svg +1 -0
- package/package.json +19 -20
- package/src/assets/megamenu/input-search.svg +1 -0
- package/src/assets/megamenu/input-valid.svg +1 -0
- package/src/assets/megamenu/logo-line.svg +5 -0
- package/src/assets/megamenu/megamenu-logo.svg +61 -0
- package/src/assets/megamenu/store-apple--white.svg +5 -0
- package/src/assets/megamenu/store-apple.svg +4 -0
- package/src/assets/megamenu/store-huawei--white.svg +5 -0
- package/src/assets/megamenu/store-huawei.svg +4 -0
- package/src/assets/megamenu/store-play--white.svg +7 -0
- package/src/assets/megamenu/store-play.svg +7 -0
- package/src/components/AnchorNavigation/styles/mixins.scss +7 -9
- package/src/components/BlockAction/CloneElementWithClassName.tsx +10 -7
- package/src/components/BlockAction/tests/CloneElementWithClassName.unit.test.jsx +28 -1
- package/src/components/Carousel/Carousel.static.ts +49 -0
- package/src/components/Carousel/Carousel.tsx +35 -12
- package/src/components/Carousel/constants.ts +2 -0
- package/src/components/Carousel/styles/mixins.scss +61 -0
- package/src/components/Carousel/styles/style.scss +7 -0
- package/src/components/Forms/TextInput/styles/mixins.scss +4 -2
- package/src/components/Megamenu/Logo.tsx +7 -7
- package/src/components/Megamenu/LogoJeTu.tsx +6 -58
- package/src/components/Megamenu/MegaMenuIcon.tsx +20 -11
- package/src/components/Megamenu/Megamenu.tsx +58 -48
- package/src/components/Megamenu/MegamenuBlog.tsx +14 -2
- package/src/components/Megamenu/MegamenuSearchContent.tsx +13 -0
- package/src/components/Megamenu/MyOrangeMobilePanel.tsx +3 -9
- package/src/components/Megamenu/styles/mixins.scss +21 -34
- package/src/components/Megamenu/tests/Megamenu.unit.test.jsx +158 -0
|
@@ -315,10 +315,12 @@ interface CarouselProps<T = ReactNode> extends HTMLAttributes<HTMLDivElement> {
|
|
|
315
315
|
bleedRight?: boolean;
|
|
316
316
|
/** Make carousel bleed right from its root edge without bleeding left */
|
|
317
317
|
bleedRightNoLeft?: boolean;
|
|
318
|
+
/** Show navigation arrows beside the first visible slide */
|
|
319
|
+
showSideArrows?: boolean;
|
|
318
320
|
className?: string;
|
|
319
321
|
}
|
|
320
322
|
declare const Carousel: {
|
|
321
|
-
<T>({ className, swiperOptions, items, renderItems, showScrollbar, bleedRight, bleedRightNoLeft, ...other }: CarouselProps<T>): React__default.JSX.Element;
|
|
323
|
+
<T>({ className, swiperOptions, items, renderItems, showScrollbar, bleedRight, bleedRightNoLeft, showSideArrows, ...other }: CarouselProps<T>): React__default.JSX.Element;
|
|
322
324
|
displayName: string;
|
|
323
325
|
};
|
|
324
326
|
|
|
@@ -1241,6 +1243,8 @@ type MegamenuProps = {
|
|
|
1241
1243
|
isB2B?: boolean;
|
|
1242
1244
|
/** Controls whether My Orange panel shows logged-in or logged-out content. */
|
|
1243
1245
|
isLoggedIn?: boolean;
|
|
1246
|
+
/** Replaces My Orange panel triggers with links and omits the account panel. */
|
|
1247
|
+
myOrangeHref?: string;
|
|
1244
1248
|
/** Number of items displayed on the cart badge. Empty cart when omitted or zero. */
|
|
1245
1249
|
cartItems?: number;
|
|
1246
1250
|
/** Shows an orange dot for a non-empty cart when item count is unavailable. */
|
|
@@ -1248,7 +1252,7 @@ type MegamenuProps = {
|
|
|
1248
1252
|
/** Tiles displayed below every desktop and mobile menu section. */
|
|
1249
1253
|
tiles?: MegamenuTile[];
|
|
1250
1254
|
};
|
|
1251
|
-
declare const Megamenu: ({ className, title, notSticky, searchEmpty, searchFilled, compactLogoOnly, isB2B, isLoggedIn, cartItems, cartHasItems, tiles, }: MegamenuProps) => React__default.JSX.Element;
|
|
1255
|
+
declare const Megamenu: ({ className, title, notSticky, searchEmpty, searchFilled, compactLogoOnly, isB2B, isLoggedIn, myOrangeHref, cartItems, cartHasItems, tiles, }: MegamenuProps) => React__default.JSX.Element;
|
|
1252
1256
|
|
|
1253
1257
|
declare const MegamenuBlog: ({ className, title, notSticky, searchEmpty, searchFilled, compactLogoOnly, isB2B, }: MegamenuProps) => React$1.JSX.Element;
|
|
1254
1258
|
|