@staffbase/design 21.2.0 → 21.3.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/dist/components.css +2 -2
- package/dist/components.d.ts +1 -1
- package/dist/hooks.cjs.map +1 -1
- package/dist/illustrations.cjs +2 -2
- package/dist/illustrations.cjs.map +1 -1
- package/dist/illustrations.js.map +1 -1
- package/dist/main.cjs +62 -19
- package/dist/main.cjs.map +1 -1
- package/dist/main.d.ts +8 -4
- package/dist/main.js +59 -17
- package/dist/main.js.map +1 -1
- package/dist/{chunk-CDHmpCQf.cjs → rolldown-runtime-BpSk109Z.cjs} +1 -1
- package/package.json +24 -24
package/dist/main.cjs
CHANGED
|
@@ -11,12 +11,12 @@ See the License for the specific language governing permissions and
|
|
|
11
11
|
limitations under the License.
|
|
12
12
|
*/
|
|
13
13
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
14
|
-
const
|
|
14
|
+
const require_rolldown_runtime = require("./rolldown-runtime-BpSk109Z.cjs");
|
|
15
15
|
let _floating_ui_react = require("@floating-ui/react");
|
|
16
16
|
let clsx = require("clsx");
|
|
17
|
-
clsx =
|
|
17
|
+
clsx = require_rolldown_runtime.__toESM(clsx, 1);
|
|
18
18
|
let react = require("react");
|
|
19
|
-
react =
|
|
19
|
+
react = require_rolldown_runtime.__toESM(react, 1);
|
|
20
20
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
21
21
|
let _base_ui_react = require("@base-ui/react");
|
|
22
22
|
let _base_ui_react_avatar = require("@base-ui/react/avatar");
|
|
@@ -2536,6 +2536,42 @@ var FeatureNewsPageIcon = react.default.forwardRef((props, ref) => {
|
|
|
2536
2536
|
FeatureNewsPageIcon.displayName = "FeatureNewsPageIcon";
|
|
2537
2537
|
var FeatureNewsPageIcon_default = react.default.memo(FeatureNewsPageIcon);
|
|
2538
2538
|
//#endregion
|
|
2539
|
+
//#region src/icons/FeatureWebhooksIcon.tsx
|
|
2540
|
+
/**
|
|
2541
|
+
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
|
|
2542
|
+
*/
|
|
2543
|
+
var FeatureWebhooksIcon = react.default.forwardRef((props, ref) => {
|
|
2544
|
+
const { className, ...rest } = props;
|
|
2545
|
+
const finalClassName = ["ds-icon ds-icon-feature-webhooks", className].filter(Boolean).join(" ");
|
|
2546
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("svg", {
|
|
2547
|
+
"aria-hidden": "true",
|
|
2548
|
+
viewBox: "0 0 24 24",
|
|
2549
|
+
width: "1em",
|
|
2550
|
+
height: "1em",
|
|
2551
|
+
fill: "currentColor",
|
|
2552
|
+
...rest,
|
|
2553
|
+
className: finalClassName,
|
|
2554
|
+
ref,
|
|
2555
|
+
"data-c13y-component": "icon",
|
|
2556
|
+
children: [
|
|
2557
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
2558
|
+
d: "M11.2479 10.0595C10.2495 11.8622 9.29306 13.6079 8.31666 15.3405C8.06591 15.7852 7.94184 16.1475 8.14218 16.713C8.6952 18.2749 7.91505 19.7948 6.44869 20.2074C5.06585 20.5966 3.71854 19.6204 3.44417 18.0301C3.20105 16.6224 4.21799 15.2426 5.66278 15.0226C5.78387 15.004 5.90739 15.0018 6.11089 14.9854C6.81886 13.7102 7.54414 12.4041 8.30866 11.0268C6.92638 9.5504 6.10363 7.82445 6.28574 5.68589C6.41447 4.17414 6.96786 2.86778 7.97941 1.79701C9.91676 -0.253433 12.8724 -0.585516 15.1535 0.98838C17.3444 2.50014 18.3477 5.44492 17.4924 7.96531C16.8475 7.77749 16.1981 7.58807 15.4842 7.38007C15.7528 5.97881 15.5542 4.72041 14.6743 3.64244C14.093 2.93072 13.3471 2.55768 12.4988 2.42021C10.7985 2.14428 9.12899 3.31775 8.63363 5.11044C8.07131 7.1451 8.92233 8.80711 11.2479 10.0595Z",
|
|
2559
|
+
fill: "#C73A63"
|
|
2560
|
+
}),
|
|
2561
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
2562
|
+
d: "M14.0989 7.92781C14.8022 9.26054 15.5163 10.6134 16.2241 11.954C19.8016 10.7651 22.4988 12.8923 23.4665 15.1697C24.6352 17.9207 23.8363 21.1789 21.5408 22.8761C19.1848 24.6185 16.2052 24.3207 14.1177 22.0827C14.6497 21.6043 15.1843 21.1238 15.7556 20.6105C17.8174 22.0449 19.6206 21.9774 20.9593 20.2788C22.1009 18.8298 22.0762 16.6693 20.9015 15.2506C19.5458 13.6136 17.7299 13.5636 15.5349 15.1351C14.6244 13.4 13.698 11.6786 12.8163 9.9309C12.5191 9.34186 12.1908 9.00019 11.5207 8.87551C10.4017 8.66711 9.67917 7.63489 9.63583 6.4784C9.59323 5.33469 10.2205 4.30088 11.201 3.89807C12.1722 3.49905 13.3119 3.82114 13.9652 4.70809C14.499 5.4328 14.6687 6.24842 14.3878 7.14216C14.3097 7.39133 14.2085 7.6325 14.0989 7.92781Z",
|
|
2563
|
+
fill: "#4B4B4B"
|
|
2564
|
+
}),
|
|
2565
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
|
|
2566
|
+
d: "M15.7798 18.8228H11.4731C11.0604 20.6464 10.1688 22.1188 8.6325 23.0551C7.43828 23.7828 6.15105 24.0296 4.78105 23.792C2.25868 23.355 0.196139 20.916 0.0145875 18.1694C-0.19096 15.0581 1.79996 12.2926 4.45366 11.6714C4.63689 12.3861 4.82197 13.1076 5.0052 13.8205C2.57044 15.1549 1.72779 16.8361 2.40917 18.9382C3.00907 20.7883 4.71297 21.8023 6.56308 21.4101C8.45244 21.0097 9.40502 19.3231 9.28876 16.6163C11.0799 16.6163 12.8725 16.5963 14.6639 16.6261C15.3633 16.6378 15.9033 16.5599 16.4303 15.8975C17.2978 14.8076 18.8946 14.9059 19.829 15.9353C20.7838 16.9873 20.738 18.6801 19.7276 19.6877C18.7527 20.66 17.2125 20.608 16.3004 19.5604C16.1129 19.3445 15.9652 19.0881 15.7798 18.8228Z",
|
|
2567
|
+
fill: "#4A4A4A"
|
|
2568
|
+
})
|
|
2569
|
+
]
|
|
2570
|
+
});
|
|
2571
|
+
});
|
|
2572
|
+
FeatureWebhooksIcon.displayName = "FeatureWebhooksIcon";
|
|
2573
|
+
var FeatureWebhooksIcon_default = react.default.memo(FeatureWebhooksIcon);
|
|
2574
|
+
//#endregion
|
|
2539
2575
|
//#region src/icons/FileArchiveIcon.tsx
|
|
2540
2576
|
/**
|
|
2541
2577
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
|
|
@@ -8691,6 +8727,7 @@ var iconList = {
|
|
|
8691
8727
|
"feature-editorial-calendar": FeatureEditorialCalendarIcon_default,
|
|
8692
8728
|
"feature-employee-email": FeatureEmployeeEmailIcon_default,
|
|
8693
8729
|
"feature-news-page": FeatureNewsPageIcon_default,
|
|
8730
|
+
"feature-webhooks": FeatureWebhooksIcon_default,
|
|
8694
8731
|
file: FileIcon_default,
|
|
8695
8732
|
"file-archive": FileArchiveIcon_default,
|
|
8696
8733
|
"file-audio": FileAudioIcon_default,
|
|
@@ -8824,7 +8861,6 @@ var iconList = {
|
|
|
8824
8861
|
"rounded-corners": RoundedCornersIcon_default,
|
|
8825
8862
|
rss: RssIcon_default,
|
|
8826
8863
|
search: SearchIcon_default,
|
|
8827
|
-
slideshow: SlideshowIcon_default,
|
|
8828
8864
|
send: SendIcon_default,
|
|
8829
8865
|
settings: SettingsIcon_default,
|
|
8830
8866
|
"share-android": ShareAndroidIcon_default,
|
|
@@ -8835,6 +8871,7 @@ var iconList = {
|
|
|
8835
8871
|
"sidebar-right": SidebarRightIcon_default,
|
|
8836
8872
|
"single-choice-question": SingleChoiceQuestionIcon_default,
|
|
8837
8873
|
"slider-question": SliderQuestionIcon_default,
|
|
8874
|
+
slideshow: SlideshowIcon_default,
|
|
8838
8875
|
snowflake: SnowflakeIcon_default,
|
|
8839
8876
|
sort: SortIcon_default,
|
|
8840
8877
|
sound: SoundIcon_default,
|
|
@@ -9723,10 +9760,13 @@ function useFilter({ placement = "bottom-start", open, onOpenChange } = {}) {
|
|
|
9723
9760
|
]
|
|
9724
9761
|
});
|
|
9725
9762
|
const context = data.context;
|
|
9763
|
+
const click = (0, _floating_ui_react.useClick)(context, { enabled: true });
|
|
9764
|
+
const dismiss = (0, _floating_ui_react.useDismiss)(context);
|
|
9765
|
+
const role = (0, _floating_ui_react.useRole)(context);
|
|
9726
9766
|
const interactions = (0, _floating_ui_react.useInteractions)([
|
|
9727
|
-
|
|
9728
|
-
|
|
9729
|
-
|
|
9767
|
+
click,
|
|
9768
|
+
dismiss,
|
|
9769
|
+
role
|
|
9730
9770
|
]);
|
|
9731
9771
|
return (0, react.useMemo)(() => ({
|
|
9732
9772
|
open,
|
|
@@ -10299,18 +10339,20 @@ var useModalContext = () => {
|
|
|
10299
10339
|
var ModalHeader = (0, react.forwardRef)(function ModalHeader(props, ref) {
|
|
10300
10340
|
const { title, titleAddon, showCancelButton = false, cancelButtonText, onCancel, showHeaderButton = false, headerButtonIsGhost = true, onHeaderButtonClick, headerButtonText } = props;
|
|
10301
10341
|
let headerButton;
|
|
10302
|
-
if (showHeaderButton && onHeaderButtonClick && headerButtonText)
|
|
10303
|
-
|
|
10304
|
-
|
|
10305
|
-
|
|
10306
|
-
|
|
10307
|
-
|
|
10308
|
-
|
|
10309
|
-
|
|
10310
|
-
|
|
10311
|
-
|
|
10312
|
-
|
|
10313
|
-
|
|
10342
|
+
if (showHeaderButton && onHeaderButtonClick && headerButtonText) {
|
|
10343
|
+
if (headerButtonIsGhost) headerButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Button, {
|
|
10344
|
+
className: (0, clsx.default)("ds-modal__ghost-button--accept"),
|
|
10345
|
+
variant: "ghost",
|
|
10346
|
+
onClick: () => onHeaderButtonClick(),
|
|
10347
|
+
children: headerButtonText
|
|
10348
|
+
});
|
|
10349
|
+
else headerButton = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ButtonDeprecated, {
|
|
10350
|
+
className: (0, clsx.default)("ds-modal__button--accept"),
|
|
10351
|
+
variant: "primary",
|
|
10352
|
+
onClick: () => onHeaderButtonClick(),
|
|
10353
|
+
children: headerButtonText
|
|
10354
|
+
});
|
|
10355
|
+
}
|
|
10314
10356
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
|
|
10315
10357
|
className: (0, clsx.default)("ds-modal__header"),
|
|
10316
10358
|
ref,
|
|
@@ -12012,6 +12054,7 @@ exports.FeatureCampaignsIcon = FeatureCampaignsIcon_default;
|
|
|
12012
12054
|
exports.FeatureEditorialCalendarIcon = FeatureEditorialCalendarIcon_default;
|
|
12013
12055
|
exports.FeatureEmployeeEmailIcon = FeatureEmployeeEmailIcon_default;
|
|
12014
12056
|
exports.FeatureNewsPageIcon = FeatureNewsPageIcon_default;
|
|
12057
|
+
exports.FeatureWebhooksIcon = FeatureWebhooksIcon_default;
|
|
12015
12058
|
exports.Field = Field;
|
|
12016
12059
|
exports.FileArchiveIcon = FileArchiveIcon_default;
|
|
12017
12060
|
exports.FileAudioIcon = FileAudioIcon_default;
|