@synerise/ds-popconfirm 1.3.25 → 1.4.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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.4.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@1.3.25...@synerise/ds-popconfirm@1.4.0) (2026-06-27)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- add @synerise/ds-carousel primitive ([e9124d8](https://github.com/Synerise/synerise-design/commit/e9124d813cf141c313ca40a9b302a1dcea185935))
|
|
11
|
+
|
|
6
12
|
## [1.3.25](https://github.com/Synerise/synerise-design/compare/@synerise/ds-popconfirm@1.3.24...@synerise/ds-popconfirm@1.3.25) (2026-06-17)
|
|
7
13
|
|
|
8
14
|
**Note:** Version bump only for package @synerise/ds-popconfirm
|
package/dist/Popconfirm.js
CHANGED
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Carousel } from "antd";
|
|
3
2
|
import { forwardRef, useMemo, useState, useEffect } from "react";
|
|
3
|
+
import Carousel from "@synerise/ds-carousel";
|
|
4
4
|
import { useTheme } from "@synerise/ds-core";
|
|
5
5
|
import { getPlacement, Popover, PopoverTrigger, PopoverContent, PopoverArrow } from "@synerise/ds-popover";
|
|
6
6
|
import { ConfirmMessage } from "./ConfirmMessage/ConfirmMessage.js";
|
|
7
7
|
import { POPOVER_OFFSET_CONFIG } from "./Popconfirm.const.js";
|
|
8
8
|
import { PopconfirmImage, PopconfirmContainer, PopconfirmContent, PopconfirmWrapper, PopconfirmContentWrapper, PopconfirmHeaderWrapper, PopconfirmIcon, PopconfirmTitle, PopconfirmTextWrapper, PopconfirmDescription, LinkWrapper, PopconfirmCloseIcon, PopconfirmButtonWrapper, PopconfirmButton, PopconfirmArrowWrapper, PopconfirmArrow } from "./Popconfirm.styles.js";
|
|
9
9
|
import { getTransitionConfig } from "./utils/getTransitionConfig.js";
|
|
10
|
-
import "./style/index.css";
|
|
11
10
|
const Popconfirm = forwardRef(({
|
|
12
11
|
icon,
|
|
13
12
|
title,
|
|
@@ -7,7 +7,7 @@ const PopconfirmContainer = /* @__PURE__ */ styled.div.withConfig({
|
|
|
7
7
|
const PopconfirmContent = /* @__PURE__ */ styled.div.withConfig({
|
|
8
8
|
displayName: "Popconfirmstyles__PopconfirmContent",
|
|
9
9
|
componentId: "sc-19dzptq-1"
|
|
10
|
-
})(["display:flex;flex-direction:column;align-items:", ";justify-content:flex-start;margin:0px;.
|
|
10
|
+
})(["display:flex;flex-direction:column;align-items:", ";justify-content:flex-start;margin:0px;.ds-carousel{position:relative;width:100%;margin-top:24px;.ds-carousel-track{width:100%;}.ds-carousel-dots{position:relative;bottom:0;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:24px 0 0;margin:0;li{width:8px;height:8px;border-radius:50%;margin:0 8px 0 0;display:flex;align-items:center;justify-content:center;button{box-sizing:content-box;background-color:", ";border:2px solid ", ";height:4px;width:4px;border-radius:50%;opacity:1;}}li.ds-carousel-dot-active{button{border:2px solid ", ";background-color:", ";}}}}"], ({
|
|
11
11
|
buttonsAlign
|
|
12
12
|
}) => buttonsAlign === "left" ? "flex-start" : "flex-end", (props) => props.theme.palette["grey-600"], (props) => props.theme.palette.white, (props) => props.theme.palette["green-600"], (props) => `${props.theme.palette.white}`);
|
|
13
13
|
const PopconfirmTitle = /* @__PURE__ */ styled.div.withConfig({
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-popconfirm",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"description": "Popconfirm UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -42,6 +42,7 @@
|
|
|
42
42
|
"types": "dist/index.d.ts",
|
|
43
43
|
"dependencies": {
|
|
44
44
|
"@synerise/ds-button": "^1.5.33",
|
|
45
|
+
"@synerise/ds-carousel": "^1.1.0",
|
|
45
46
|
"@synerise/ds-icon": "^1.18.4",
|
|
46
47
|
"@synerise/ds-popover": "^1.6.1",
|
|
47
48
|
"@synerise/ds-tooltip": "^1.5.3",
|
|
@@ -53,10 +54,9 @@
|
|
|
53
54
|
},
|
|
54
55
|
"peerDependencies": {
|
|
55
56
|
"@synerise/ds-core": "*",
|
|
56
|
-
"antd": "4.24.16",
|
|
57
57
|
"react": ">=16.9.0 <= 18.3.1",
|
|
58
58
|
"styled-components": "^5.3.3",
|
|
59
59
|
"vitest": "4"
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "dfd892acc1d02abebcf661db3fb32f0fc4b6c354"
|
|
62
62
|
}
|
|
File without changes
|
package/dist/style/index.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ant-carousel{box-sizing:border-box;margin:0;padding:0;color:#6a7580;font-size:13px;font-variant:tabular-nums;line-height:1.38;list-style:none;font-feature-settings:'tnum'}.ant-carousel .slick-slider{position:relative;display:block;box-sizing:border-box;touch-action:pan-y;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.ant-carousel .slick-list{position:relative;display:block;margin:0;padding:0;overflow:hidden}.ant-carousel .slick-list:focus{outline:0}.ant-carousel .slick-list.dragging{cursor:pointer}.ant-carousel .slick-list .slick-slide{pointer-events:none}.ant-carousel .slick-list .slick-slide input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide input.ant-radio-input{visibility:hidden}.ant-carousel .slick-list .slick-slide.slick-active{pointer-events:auto}.ant-carousel .slick-list .slick-slide.slick-active input.ant-checkbox-input,.ant-carousel .slick-list .slick-slide.slick-active input.ant-radio-input{visibility:visible}.ant-carousel .slick-list .slick-slide>div>div{vertical-align:bottom}.ant-carousel .slick-slider .slick-list,.ant-carousel .slick-slider .slick-track{transform:translate3d(0,0,0);touch-action:pan-y}.ant-carousel .slick-track{position:relative;top:0;left:0;display:block}.ant-carousel .slick-track::after,.ant-carousel .slick-track::before{display:table;content:''}.ant-carousel .slick-track::after{clear:both}.slick-loading .ant-carousel .slick-track{visibility:hidden}.ant-carousel .slick-slide{display:none;float:left;height:100%;min-height:1px}.ant-carousel .slick-slide img{display:block}.ant-carousel .slick-slide.slick-loading img{display:none}.ant-carousel .slick-slide.dragging img{pointer-events:none}.ant-carousel .slick-initialized .slick-slide{display:block}.ant-carousel .slick-loading .slick-slide{visibility:hidden}.ant-carousel .slick-vertical .slick-slide{display:block;height:auto}.ant-carousel .slick-arrow.slick-hidden{display:none}.ant-carousel .slick-next,.ant-carousel .slick-prev{position:absolute;top:50%;display:block;width:20px;height:20px;margin-top:-10px;padding:0;color:transparent;font-size:0;line-height:0;background:0 0;border:0;outline:0;cursor:pointer}.ant-carousel .slick-next:focus,.ant-carousel .slick-next:hover,.ant-carousel .slick-prev:focus,.ant-carousel .slick-prev:hover{color:transparent;background:0 0;outline:0}.ant-carousel .slick-next:focus::before,.ant-carousel .slick-next:hover::before,.ant-carousel .slick-prev:focus::before,.ant-carousel .slick-prev:hover::before{opacity:1}.ant-carousel .slick-next.slick-disabled::before,.ant-carousel .slick-prev.slick-disabled::before{opacity:.25}.ant-carousel .slick-prev{left:-25px}.ant-carousel .slick-prev::before{content:'←'}.ant-carousel .slick-next{right:-25px}.ant-carousel .slick-next::before{content:'→'}.ant-carousel .slick-dots{position:absolute;right:0;bottom:0;left:0;z-index:15;display:flex!important;justify-content:center;margin-right:15%;margin-bottom:0;margin-left:15%;padding-left:0;list-style:none}.ant-carousel .slick-dots-bottom{bottom:12px}.ant-carousel .slick-dots-top{top:12px;bottom:auto}.ant-carousel .slick-dots li{position:relative;display:inline-block;flex:0 1 auto;box-sizing:content-box;width:16px;height:3px;margin:0 4px;padding:0;text-align:center;text-indent:-999px;vertical-align:top;transition:all .5s}.ant-carousel .slick-dots li button{position:relative;display:block;width:100%;height:3px;padding:0;color:transparent;font-size:0;background:#fff;border:0;border-radius:1px;outline:0;cursor:pointer;opacity:.3;transition:all .5s}.ant-carousel .slick-dots li button:focus,.ant-carousel .slick-dots li button:hover{opacity:.75}.ant-carousel .slick-dots li button::after{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;content:''}.ant-carousel .slick-dots li.slick-active{width:24px}.ant-carousel .slick-dots li.slick-active button{background:#fff;opacity:1}.ant-carousel .slick-dots li.slick-active:focus,.ant-carousel .slick-dots li.slick-active:hover{opacity:1}.ant-carousel-vertical .slick-dots{top:50%;bottom:auto;flex-direction:column;width:3px;height:auto;margin:0;transform:translateY(-50%)}.ant-carousel-vertical .slick-dots-left{right:auto;left:12px}.ant-carousel-vertical .slick-dots-right{right:12px;left:auto}.ant-carousel-vertical .slick-dots li{width:3px;height:16px;margin:4px 0;vertical-align:baseline}.ant-carousel-vertical .slick-dots li button{width:3px;height:16px}.ant-carousel-vertical .slick-dots li.slick-active{width:3px;height:24px}.ant-carousel-vertical .slick-dots li.slick-active button{width:3px;height:24px}.ant-carousel-rtl{direction:rtl}.ant-carousel-rtl .ant-carousel .slick-track{right:0;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev{right:-25px;left:auto}.ant-carousel-rtl .ant-carousel .slick-prev::before{content:'→'}.ant-carousel-rtl .ant-carousel .slick-next{right:auto;left:-25px}.ant-carousel-rtl .ant-carousel .slick-next::before{content:'←'}.ant-carousel-rtl.ant-carousel .slick-dots{flex-direction:row-reverse}.ant-carousel-rtl.ant-carousel-vertical .slick-dots{flex-direction:column}
|