@semcore/carousel 16.1.6-prerelease.3 → 16.1.7-prerelease.1
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/CHANGELOG.md +6 -0
- package/lib/cjs/Carousel.js +20 -20
- package/lib/cjs/Carousel.types.js.map +1 -1
- package/lib/es6/Carousel.js +20 -20
- package/lib/es6/Carousel.types.js.map +1 -1
- package/lib/esm/Carousel.mjs +21 -21
- package/lib/types/Carousel.types.d.ts +2 -1
- package/package.json +8 -8
- package/src/Carousel.types.ts +2 -1
package/CHANGELOG.md
CHANGED
package/lib/cjs/Carousel.js
CHANGED
|
@@ -30,28 +30,28 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
30
30
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
|
31
31
|
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, (0, _isNativeReflectConstruct2["default"])() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
|
|
32
32
|
/*!__reshadow-styles__:"./style/carousel.shadow.css"*/
|
|
33
|
-
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
33
|
+
var style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCarousel_pib8g_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SContentBox_pib8g_gg_,.___SModalBox_pib8g_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after,.___SModalBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SItem_pib8g_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_pib8g);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_pib8g_gg_.__zoomIn_pib8g_gg_{cursor:zoom-in}.___SItem_pib8g_gg_.__zoomOut_pib8g_gg_{cursor:zoom-out}.___SIndicators_pib8g_gg_{display:flex;justify-content:center;margin:var(--intergalactic-spacing-4x, 16px) 3px 3px 3px;outline:0;position:relative}.___SIndicator_pib8g_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_pib8g_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_pib8g_gg_.__active_pib8g_gg_{opacity:1}.___SIndicator_pib8g_gg_.__inverted_pib8g_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_pib8g_gg_,.___SPrev_pib8g_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SNext_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_pib8g_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_.__disabled_pib8g_gg_,.___SPrev_pib8g_gg_.__disabled_pib8g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_pib8g_gg_{transition:none}}", /*__inner_css_end__*/"pib8g_gg_"),
|
|
34
34
|
/*__reshadow_css_end__*/
|
|
35
35
|
{
|
|
36
|
-
"__SCarousel": "
|
|
37
|
-
"__SContainer": "
|
|
38
|
-
"--duration": "--
|
|
39
|
-
"__SModalContainer": "
|
|
40
|
-
"__SItem": "
|
|
41
|
-
"--transform": "--
|
|
42
|
-
"_zoomIn": "
|
|
43
|
-
"_zoomOut": "
|
|
44
|
-
"__SIndicators": "
|
|
45
|
-
"__SIndicator": "
|
|
46
|
-
"_active": "
|
|
47
|
-
"_inverted": "
|
|
48
|
-
"__SPrev": "
|
|
49
|
-
"__SNext": "
|
|
50
|
-
"_disabled": "
|
|
51
|
-
"__SContentBox": "
|
|
52
|
-
"__SModalBox": "
|
|
53
|
-
"__SPrevButton": "
|
|
54
|
-
"__SNextButton": "
|
|
36
|
+
"__SCarousel": "___SCarousel_pib8g_gg_",
|
|
37
|
+
"__SContainer": "___SContainer_pib8g_gg_",
|
|
38
|
+
"--duration": "--duration_pib8g",
|
|
39
|
+
"__SModalContainer": "___SModalContainer_pib8g_gg_",
|
|
40
|
+
"__SItem": "___SItem_pib8g_gg_",
|
|
41
|
+
"--transform": "--transform_pib8g",
|
|
42
|
+
"_zoomIn": "__zoomIn_pib8g_gg_",
|
|
43
|
+
"_zoomOut": "__zoomOut_pib8g_gg_",
|
|
44
|
+
"__SIndicators": "___SIndicators_pib8g_gg_",
|
|
45
|
+
"__SIndicator": "___SIndicator_pib8g_gg_",
|
|
46
|
+
"_active": "__active_pib8g_gg_",
|
|
47
|
+
"_inverted": "__inverted_pib8g_gg_",
|
|
48
|
+
"__SPrev": "___SPrev_pib8g_gg_",
|
|
49
|
+
"__SNext": "___SNext_pib8g_gg_",
|
|
50
|
+
"_disabled": "__disabled_pib8g_gg_",
|
|
51
|
+
"__SContentBox": "___SContentBox_pib8g_gg_",
|
|
52
|
+
"__SModalBox": "___SModalBox_pib8g_gg_",
|
|
53
|
+
"__SPrevButton": "___SPrevButton_pib8g_gg_",
|
|
54
|
+
"__SNextButton": "___SNextButton_pib8g_gg_"
|
|
55
55
|
});
|
|
56
56
|
var MAP_TRANSFORM = {
|
|
57
57
|
ArrowLeft: 'left',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.types.js","names":[],"sources":["../../src/Carousel.types.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICarouselProps extends CarouselProps, UnknownProperties {}\nexport type CarouselProps = BoxProps & {\n /** Index active item */\n index?: number;\n /**\n * Index of the active item selected by default\n * @default 0\n */\n defaultIndex?: number;\n /** Called when the selection is changed */\n onIndexChange?: (index: number) => void;\n /** Animation duration\n * @default 300 */\n duration?: number;\n /** Disables infinite items change in the carousel\n * @default false */\n bounded?: boolean;\n /**
|
|
1
|
+
{"version":3,"file":"Carousel.types.js","names":[],"sources":["../../src/Carousel.types.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICarouselProps extends CarouselProps, UnknownProperties {}\nexport type CarouselProps = BoxProps & {\n /** Index active item */\n index?: number;\n /**\n * Index of the active item selected by default\n * @default 0\n */\n defaultIndex?: number;\n /** Called when the selection is changed */\n onIndexChange?: (index: number) => void;\n /** Animation duration\n * @default 300 */\n duration?: number;\n /** Disables infinite items change in the carousel\n * @default false */\n bounded?: boolean;\n /** Internal */\n step?: number;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** Enable zoom feature for carousel items */\n zoom?: boolean;\n /** Width for items in zooming modal */\n zoomWidth?: number;\n /** Type of indicators */\n indicators?: 'default' | 'hide' | 'preview';\n};\n\n/** @deprecated */\nexport interface ICarouselContext extends CarouselContext, UnknownProperties {}\nexport type CarouselContext = {\n getContainerProps: PropGetterFn;\n getItemProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getIndicatorsProps: PropGetterFn;\n};\n\nexport type CarouselItem = {\n node: HTMLElement;\n};\n\nexport type CarouselItemProps = BoxProps & {\n /** Flag for css cursor\n * @private\n */\n zoomIn?: boolean;\n /** Flag for css cursor\n * @private\n */\n zoomOut?: boolean;\n\n /** Function to add item to list in Carousel\n * @private\n */\n toggleItem?: (item: CarouselItem, toRemove?: boolean) => void;\n\n /** Index of item in carousel */\n index?: number;\n\n uid?: string;\n\n /** Flag - is current item shown now */\n current?: boolean;\n\n /** Handler for show item in modal window\n * @private\n */\n onToggleZoomModal?: () => void;\n\n /** Value for transform item\n * @private\n */\n transform?: number;\n\n /**\n * Flag data zoomed\n * @private\n */\n isOpenZoom?: boolean;\n};\n\n/** @deprecated */\nexport interface ICarouselState extends CarouselState, UnknownProperties {}\nexport type CarouselState = {\n isOpenZoom: boolean;\n selectedIndex: number;\n items: CarouselItem[];\n};\n\nexport type CarouselButtonProps = IRootComponentProps &\n BoxProps & {\n label?: string;\n inverted?: boolean;\n tabIndex?: number;\n };\n\nexport type CarouselIndicatorsProps = IRootComponentProps &\n BoxProps & {\n items?: CarouselItem[];\n inverted?: boolean;\n };\n\nexport type CarouselIndicatorProps = IRootComponentProps &\n Omit<BoxProps, 'position'> & {\n active?: boolean;\n onClick?: () => void;\n inverted?: boolean;\n } & CarouselItem;\n\ndeclare const CarouselType: Intergalactic.Component<\n 'div',\n CarouselProps,\n CarouselContext & CarouselState\n> & {\n Container: Intergalactic.Component<'div', BoxProps>;\n ContentBox: Intergalactic.Component<'div', BoxProps>;\n Indicators: Intergalactic.Component<'div', CarouselIndicatorsProps, CarouselState>;\n Indicator: Intergalactic.Component<'div', CarouselIndicatorProps>;\n Item: Intergalactic.Component<'div', CarouselItemProps>;\n Prev: Intergalactic.Component<'div', CarouselButtonProps>;\n Next: Intergalactic.Component<'div', CarouselButtonProps>;\n};\n\nexport default CarouselType;\n"],"mappings":"","ignoreList":[]}
|
package/lib/es6/Carousel.js
CHANGED
|
@@ -33,28 +33,28 @@ import ChevronRight from '@semcore/icon/ChevronRight/l';
|
|
|
33
33
|
import Modal from '@semcore/modal';
|
|
34
34
|
import React from 'react';
|
|
35
35
|
/*!__reshadow-styles__:"./style/carousel.shadow.css"*/
|
|
36
|
-
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
36
|
+
var style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCarousel_pib8g_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SContentBox_pib8g_gg_,.___SModalBox_pib8g_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after,.___SModalBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after{content:\"\";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SItem_pib8g_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_pib8g);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_pib8g_gg_.__zoomIn_pib8g_gg_{cursor:zoom-in}.___SItem_pib8g_gg_.__zoomOut_pib8g_gg_{cursor:zoom-out}.___SIndicators_pib8g_gg_{display:flex;justify-content:center;margin:var(--intergalactic-spacing-4x, 16px) 3px 3px 3px;outline:0;position:relative}.___SIndicator_pib8g_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_pib8g_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_pib8g_gg_.__active_pib8g_gg_{opacity:1}.___SIndicator_pib8g_gg_.__inverted_pib8g_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_pib8g_gg_,.___SPrev_pib8g_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SNext_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_pib8g_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_.__disabled_pib8g_gg_,.___SPrev_pib8g_gg_.__disabled_pib8g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_pib8g_gg_{transition:none}}", /*__inner_css_end__*/"pib8g_gg_"),
|
|
37
37
|
/*__reshadow_css_end__*/
|
|
38
38
|
{
|
|
39
|
-
"__SCarousel": "
|
|
40
|
-
"__SContainer": "
|
|
41
|
-
"--duration": "--
|
|
42
|
-
"__SModalContainer": "
|
|
43
|
-
"__SItem": "
|
|
44
|
-
"--transform": "--
|
|
45
|
-
"_zoomIn": "
|
|
46
|
-
"_zoomOut": "
|
|
47
|
-
"__SIndicators": "
|
|
48
|
-
"__SIndicator": "
|
|
49
|
-
"_active": "
|
|
50
|
-
"_inverted": "
|
|
51
|
-
"__SPrev": "
|
|
52
|
-
"__SNext": "
|
|
53
|
-
"_disabled": "
|
|
54
|
-
"__SContentBox": "
|
|
55
|
-
"__SModalBox": "
|
|
56
|
-
"__SPrevButton": "
|
|
57
|
-
"__SNextButton": "
|
|
39
|
+
"__SCarousel": "___SCarousel_pib8g_gg_",
|
|
40
|
+
"__SContainer": "___SContainer_pib8g_gg_",
|
|
41
|
+
"--duration": "--duration_pib8g",
|
|
42
|
+
"__SModalContainer": "___SModalContainer_pib8g_gg_",
|
|
43
|
+
"__SItem": "___SItem_pib8g_gg_",
|
|
44
|
+
"--transform": "--transform_pib8g",
|
|
45
|
+
"_zoomIn": "__zoomIn_pib8g_gg_",
|
|
46
|
+
"_zoomOut": "__zoomOut_pib8g_gg_",
|
|
47
|
+
"__SIndicators": "___SIndicators_pib8g_gg_",
|
|
48
|
+
"__SIndicator": "___SIndicator_pib8g_gg_",
|
|
49
|
+
"_active": "__active_pib8g_gg_",
|
|
50
|
+
"_inverted": "__inverted_pib8g_gg_",
|
|
51
|
+
"__SPrev": "___SPrev_pib8g_gg_",
|
|
52
|
+
"__SNext": "___SNext_pib8g_gg_",
|
|
53
|
+
"_disabled": "__disabled_pib8g_gg_",
|
|
54
|
+
"__SContentBox": "___SContentBox_pib8g_gg_",
|
|
55
|
+
"__SModalBox": "___SModalBox_pib8g_gg_",
|
|
56
|
+
"__SPrevButton": "___SPrevButton_pib8g_gg_",
|
|
57
|
+
"__SNextButton": "___SNextButton_pib8g_gg_"
|
|
58
58
|
});
|
|
59
59
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
|
60
60
|
var MAP_TRANSFORM = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.types.js","names":[],"sources":["../../src/Carousel.types.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICarouselProps extends CarouselProps, UnknownProperties {}\nexport type CarouselProps = BoxProps & {\n /** Index active item */\n index?: number;\n /**\n * Index of the active item selected by default\n * @default 0\n */\n defaultIndex?: number;\n /** Called when the selection is changed */\n onIndexChange?: (index: number) => void;\n /** Animation duration\n * @default 300 */\n duration?: number;\n /** Disables infinite items change in the carousel\n * @default false */\n bounded?: boolean;\n /**
|
|
1
|
+
{"version":3,"file":"Carousel.types.js","names":[],"sources":["../../src/Carousel.types.ts"],"sourcesContent":["import type { PropGetterFn, UnknownProperties, Intergalactic, IRootComponentProps } from '@semcore/core';\nimport type { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface ICarouselProps extends CarouselProps, UnknownProperties {}\nexport type CarouselProps = BoxProps & {\n /** Index active item */\n index?: number;\n /**\n * Index of the active item selected by default\n * @default 0\n */\n defaultIndex?: number;\n /** Called when the selection is changed */\n onIndexChange?: (index: number) => void;\n /** Animation duration\n * @default 300 */\n duration?: number;\n /** Disables infinite items change in the carousel\n * @default false */\n bounded?: boolean;\n /** Internal */\n step?: number;\n /** Specifies the locale for i18n support */\n locale?: string;\n /** Enable zoom feature for carousel items */\n zoom?: boolean;\n /** Width for items in zooming modal */\n zoomWidth?: number;\n /** Type of indicators */\n indicators?: 'default' | 'hide' | 'preview';\n};\n\n/** @deprecated */\nexport interface ICarouselContext extends CarouselContext, UnknownProperties {}\nexport type CarouselContext = {\n getContainerProps: PropGetterFn;\n getItemProps: PropGetterFn;\n getPrevProps: PropGetterFn;\n getNextProps: PropGetterFn;\n getIndicatorsProps: PropGetterFn;\n};\n\nexport type CarouselItem = {\n node: HTMLElement;\n};\n\nexport type CarouselItemProps = BoxProps & {\n /** Flag for css cursor\n * @private\n */\n zoomIn?: boolean;\n /** Flag for css cursor\n * @private\n */\n zoomOut?: boolean;\n\n /** Function to add item to list in Carousel\n * @private\n */\n toggleItem?: (item: CarouselItem, toRemove?: boolean) => void;\n\n /** Index of item in carousel */\n index?: number;\n\n uid?: string;\n\n /** Flag - is current item shown now */\n current?: boolean;\n\n /** Handler for show item in modal window\n * @private\n */\n onToggleZoomModal?: () => void;\n\n /** Value for transform item\n * @private\n */\n transform?: number;\n\n /**\n * Flag data zoomed\n * @private\n */\n isOpenZoom?: boolean;\n};\n\n/** @deprecated */\nexport interface ICarouselState extends CarouselState, UnknownProperties {}\nexport type CarouselState = {\n isOpenZoom: boolean;\n selectedIndex: number;\n items: CarouselItem[];\n};\n\nexport type CarouselButtonProps = IRootComponentProps &\n BoxProps & {\n label?: string;\n inverted?: boolean;\n tabIndex?: number;\n };\n\nexport type CarouselIndicatorsProps = IRootComponentProps &\n BoxProps & {\n items?: CarouselItem[];\n inverted?: boolean;\n };\n\nexport type CarouselIndicatorProps = IRootComponentProps &\n Omit<BoxProps, 'position'> & {\n active?: boolean;\n onClick?: () => void;\n inverted?: boolean;\n } & CarouselItem;\n\ndeclare const CarouselType: Intergalactic.Component<\n 'div',\n CarouselProps,\n CarouselContext & CarouselState\n> & {\n Container: Intergalactic.Component<'div', BoxProps>;\n ContentBox: Intergalactic.Component<'div', BoxProps>;\n Indicators: Intergalactic.Component<'div', CarouselIndicatorsProps, CarouselState>;\n Indicator: Intergalactic.Component<'div', CarouselIndicatorProps>;\n Item: Intergalactic.Component<'div', CarouselItemProps>;\n Prev: Intergalactic.Component<'div', CarouselButtonProps>;\n Next: Intergalactic.Component<'div', CarouselButtonProps>;\n};\n\nexport default CarouselType;\n"],"mappings":"","ignoreList":[]}
|
package/lib/esm/Carousel.mjs
CHANGED
|
@@ -29,30 +29,30 @@ var style = (
|
|
|
29
29
|
/*__reshadow_css_start__*/
|
|
30
30
|
(sstyled.insert(
|
|
31
31
|
/*__inner_css_start__*/
|
|
32
|
-
'.
|
|
32
|
+
'.___SCarousel_pib8g_gg_{overflow:hidden;outline:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SContentBox_pib8g_gg_,.___SModalBox_pib8g_gg_{position:relative;overflow:hidden;border-radius:var(--intergalactic-surface-rounded, 6px)}.___SContentBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after,.___SModalBox_pib8g_gg_:has(.___SItem_pib8g_gg_:focus-visible):after{content:"";display:block;position:absolute;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1;width:calc(100% - 3px*2);height:calc(100% - 3px*2);top:3px;left:3px}.___SModalContainer_pib8g_gg_{display:flex;transition:transform var(--duration_pib8g) ease-in-out}.___SItem_pib8g_gg_{flex:0 0 100%;max-width:100%;box-sizing:border-box;transform:var(--transform_pib8g);border-radius:var(--intergalactic-surface-rounded, 6px);overflow:hidden;outline:0}.___SItem_pib8g_gg_.__zoomIn_pib8g_gg_{cursor:zoom-in}.___SItem_pib8g_gg_.__zoomOut_pib8g_gg_{cursor:zoom-out}.___SIndicators_pib8g_gg_{display:flex;justify-content:center;margin:var(--intergalactic-spacing-4x, 16px) 3px 3px 3px;outline:0;position:relative}.___SIndicator_pib8g_gg_{margin:0 calc(.5*var(--intergalactic-spacing-3x, 12px));cursor:pointer;display:block;width:12px;height:12px;border-radius:var(--intergalactic-control-rounded, 6px);background-color:var(--intergalactic-icon-secondary-neutral, #a9abb6);opacity:var(--intergalactic-disabled-opacity, 0.3);-o-object-fit:cover;object-fit:cover;transition:ease-in-out opacity .1s}@media (hover:hover){.___SIndicator_pib8g_gg_:hover{opacity:calc(2*var(--intergalactic-disabled-opacity, 0.3))}}.___SIndicator_pib8g_gg_.__active_pib8g_gg_{opacity:1}.___SIndicator_pib8g_gg_.__inverted_pib8g_gg_{background-color:var(--intergalactic-icon-primary-invert, #ffffff)}.___SNext_pib8g_gg_,.___SPrev_pib8g_gg_{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SNext_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SNext_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SNextButton_pib8g_gg_ span:has(>svg:only-child),.___SPrev_pib8g_gg_ .___SPrevButton_pib8g_gg_ span:has(>svg:only-child){margin-left:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px);margin-right:calc(2*var(--intergalactic-spacing-1x, 4px) - 1px)}.___SPrev_pib8g_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SNext_pib8g_gg_.__disabled_pib8g_gg_,.___SPrev_pib8g_gg_.__disabled_pib8g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (prefers-reduced-motion){.___SContainer_pib8g_gg_{transition:none}}',
|
|
33
33
|
/*__inner_css_end__*/
|
|
34
|
-
"
|
|
34
|
+
"pib8g_gg_"
|
|
35
35
|
), /*__reshadow_css_end__*/
|
|
36
36
|
{
|
|
37
|
-
"__SCarousel": "
|
|
38
|
-
"__SContainer": "
|
|
39
|
-
"--duration": "--
|
|
40
|
-
"__SModalContainer": "
|
|
41
|
-
"__SItem": "
|
|
42
|
-
"--transform": "--
|
|
43
|
-
"_zoomIn": "
|
|
44
|
-
"_zoomOut": "
|
|
45
|
-
"__SIndicators": "
|
|
46
|
-
"__SIndicator": "
|
|
47
|
-
"_active": "
|
|
48
|
-
"_inverted": "
|
|
49
|
-
"__SPrev": "
|
|
50
|
-
"__SNext": "
|
|
51
|
-
"_disabled": "
|
|
52
|
-
"__SContentBox": "
|
|
53
|
-
"__SModalBox": "
|
|
54
|
-
"__SPrevButton": "
|
|
55
|
-
"__SNextButton": "
|
|
37
|
+
"__SCarousel": "___SCarousel_pib8g_gg_",
|
|
38
|
+
"__SContainer": "___SContainer_pib8g_gg_",
|
|
39
|
+
"--duration": "--duration_pib8g",
|
|
40
|
+
"__SModalContainer": "___SModalContainer_pib8g_gg_",
|
|
41
|
+
"__SItem": "___SItem_pib8g_gg_",
|
|
42
|
+
"--transform": "--transform_pib8g",
|
|
43
|
+
"_zoomIn": "__zoomIn_pib8g_gg_",
|
|
44
|
+
"_zoomOut": "__zoomOut_pib8g_gg_",
|
|
45
|
+
"__SIndicators": "___SIndicators_pib8g_gg_",
|
|
46
|
+
"__SIndicator": "___SIndicator_pib8g_gg_",
|
|
47
|
+
"_active": "__active_pib8g_gg_",
|
|
48
|
+
"_inverted": "__inverted_pib8g_gg_",
|
|
49
|
+
"__SPrev": "___SPrev_pib8g_gg_",
|
|
50
|
+
"__SNext": "___SNext_pib8g_gg_",
|
|
51
|
+
"_disabled": "__disabled_pib8g_gg_",
|
|
52
|
+
"__SContentBox": "___SContentBox_pib8g_gg_",
|
|
53
|
+
"__SModalBox": "___SModalBox_pib8g_gg_",
|
|
54
|
+
"__SPrevButton": "___SPrevButton_pib8g_gg_",
|
|
55
|
+
"__SNextButton": "___SNextButton_pib8g_gg_"
|
|
56
56
|
})
|
|
57
57
|
);
|
|
58
58
|
var MAP_TRANSFORM = {
|
|
@@ -19,8 +19,9 @@ export type CarouselProps = BoxProps & {
|
|
|
19
19
|
/** Disables infinite items change in the carousel
|
|
20
20
|
* @default false */
|
|
21
21
|
bounded?: boolean;
|
|
22
|
-
/**
|
|
22
|
+
/** Internal */
|
|
23
23
|
step?: number;
|
|
24
|
+
/** Specifies the locale for i18n support */
|
|
24
25
|
locale?: string;
|
|
25
26
|
/** Enable zoom feature for carousel items */
|
|
26
27
|
zoom?: boolean;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@semcore/carousel",
|
|
3
3
|
"description": "Semrush Carousel Component",
|
|
4
|
-
"version": "16.1.
|
|
4
|
+
"version": "16.1.7-prerelease.1",
|
|
5
5
|
"main": "lib/cjs/index.js",
|
|
6
6
|
"module": "lib/es6/index.js",
|
|
7
7
|
"typings": "lib/types/index.d.ts",
|
|
@@ -14,14 +14,14 @@
|
|
|
14
14
|
"types": "./lib/types/index.d.ts"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@semcore/icon": "16.5.
|
|
18
|
-
"@semcore/button": "16.0.
|
|
19
|
-
"@semcore/modal": "16.1.
|
|
20
|
-
"@semcore/flex-box": "16.0.
|
|
21
|
-
"@semcore/breakpoints": "16.0.
|
|
17
|
+
"@semcore/icon": "16.5.1-prerelease.1",
|
|
18
|
+
"@semcore/button": "16.0.7-prerelease.1",
|
|
19
|
+
"@semcore/modal": "16.1.7-prerelease.1",
|
|
20
|
+
"@semcore/flex-box": "16.0.7-prerelease.1",
|
|
21
|
+
"@semcore/breakpoints": "16.0.7-prerelease.1"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"@semcore/base-components": "^16.2.
|
|
24
|
+
"@semcore/base-components": "^16.2.1-prerelease.1"
|
|
25
25
|
},
|
|
26
26
|
"repository": {
|
|
27
27
|
"type": "git",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
"directory": "semcore/carousel"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
|
-
"@semcore/core": "16.0.
|
|
32
|
+
"@semcore/core": "16.1.0-prerelease.1",
|
|
33
33
|
"@semcore/testing-utils": "1.0.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
package/src/Carousel.types.ts
CHANGED
|
@@ -19,8 +19,9 @@ export type CarouselProps = BoxProps & {
|
|
|
19
19
|
/** Disables infinite items change in the carousel
|
|
20
20
|
* @default false */
|
|
21
21
|
bounded?: boolean;
|
|
22
|
-
/**
|
|
22
|
+
/** Internal */
|
|
23
23
|
step?: number;
|
|
24
|
+
/** Specifies the locale for i18n support */
|
|
24
25
|
locale?: string;
|
|
25
26
|
/** Enable zoom feature for carousel items */
|
|
26
27
|
zoom?: boolean;
|