@staffbase/design 21.0.0 → 21.3.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/dist/components.css +1 -1
- package/dist/main.cjs +48 -12
- package/dist/main.cjs.map +1 -1
- package/dist/main.d.ts +12 -6
- package/dist/main.js +48 -12
- package/dist/main.js.map +1 -1
- package/dist/theme.css +3 -0
- package/dist/tokens/component.css +4 -3
- package/dist/tokens/primitive.css +9 -4
- package/dist/tokens/semantic.css +50 -46
- package/package.json +2 -2
package/dist/main.cjs
CHANGED
|
@@ -32,8 +32,7 @@ let _base_ui_react_radio = require("@base-ui/react/radio");
|
|
|
32
32
|
let _base_ui_react_radio_group = require("@base-ui/react/radio-group");
|
|
33
33
|
let _base_ui_react_select = require("@base-ui/react/select");
|
|
34
34
|
let _base_ui_react_switch = require("@base-ui/react/switch");
|
|
35
|
-
let
|
|
36
|
-
_radix_ui_react_tabs = require_chunk.__toESM(_radix_ui_react_tabs, 1);
|
|
35
|
+
let _base_ui_react_tabs = require("@base-ui/react/tabs");
|
|
37
36
|
let _base_ui_react_input = require("@base-ui/react/input");
|
|
38
37
|
let _base_ui_react_toggle = require("@base-ui/react/toggle");
|
|
39
38
|
let _base_ui_react_toggle_group = require("@base-ui/react/toggle-group");
|
|
@@ -2537,6 +2536,42 @@ var FeatureNewsPageIcon = react.default.forwardRef((props, ref) => {
|
|
|
2537
2536
|
FeatureNewsPageIcon.displayName = "FeatureNewsPageIcon";
|
|
2538
2537
|
var FeatureNewsPageIcon_default = react.default.memo(FeatureNewsPageIcon);
|
|
2539
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
|
|
2540
2575
|
//#region src/icons/FileArchiveIcon.tsx
|
|
2541
2576
|
/**
|
|
2542
2577
|
* THIS IS A GENERATED FILE. PLEASE SEE `scripts/iconGenerator`.
|
|
@@ -8692,6 +8727,7 @@ var iconList = {
|
|
|
8692
8727
|
"feature-editorial-calendar": FeatureEditorialCalendarIcon_default,
|
|
8693
8728
|
"feature-employee-email": FeatureEmployeeEmailIcon_default,
|
|
8694
8729
|
"feature-news-page": FeatureNewsPageIcon_default,
|
|
8730
|
+
"feature-webhooks": FeatureWebhooksIcon_default,
|
|
8695
8731
|
file: FileIcon_default,
|
|
8696
8732
|
"file-archive": FileArchiveIcon_default,
|
|
8697
8733
|
"file-audio": FileAudioIcon_default,
|
|
@@ -8825,7 +8861,6 @@ var iconList = {
|
|
|
8825
8861
|
"rounded-corners": RoundedCornersIcon_default,
|
|
8826
8862
|
rss: RssIcon_default,
|
|
8827
8863
|
search: SearchIcon_default,
|
|
8828
|
-
slideshow: SlideshowIcon_default,
|
|
8829
8864
|
send: SendIcon_default,
|
|
8830
8865
|
settings: SettingsIcon_default,
|
|
8831
8866
|
"share-android": ShareAndroidIcon_default,
|
|
@@ -8836,6 +8871,7 @@ var iconList = {
|
|
|
8836
8871
|
"sidebar-right": SidebarRightIcon_default,
|
|
8837
8872
|
"single-choice-question": SingleChoiceQuestionIcon_default,
|
|
8838
8873
|
"slider-question": SliderQuestionIcon_default,
|
|
8874
|
+
slideshow: SlideshowIcon_default,
|
|
8839
8875
|
snowflake: SnowflakeIcon_default,
|
|
8840
8876
|
sort: SortIcon_default,
|
|
8841
8877
|
sound: SoundIcon_default,
|
|
@@ -11566,21 +11602,21 @@ function SwitchDeprecated(props) {
|
|
|
11566
11602
|
SwitchDeprecated.displayName = "SwitchDeprecated";
|
|
11567
11603
|
//#endregion
|
|
11568
11604
|
//#region src/components/tabs/Tabs.tsx
|
|
11569
|
-
var Root$1 = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
11605
|
+
var Root$1 = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Root, {
|
|
11570
11606
|
"data-c13y-component": "tabs",
|
|
11571
11607
|
ref,
|
|
11572
11608
|
className: (0, clsx.default)("ds-tabs", className),
|
|
11573
11609
|
...props
|
|
11574
11610
|
}));
|
|
11575
|
-
Root$1.displayName =
|
|
11576
|
-
var List = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
11611
|
+
Root$1.displayName = _base_ui_react_tabs.Tabs.Root.displayName;
|
|
11612
|
+
var List = (0, react.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.List, {
|
|
11577
11613
|
"data-c13y-component": "tabs-list",
|
|
11578
11614
|
ref,
|
|
11579
11615
|
className: (0, clsx.default)("ds-tabs__list", className),
|
|
11580
11616
|
...props
|
|
11581
11617
|
}));
|
|
11582
|
-
List.displayName =
|
|
11583
|
-
var Trigger$1 = (0, react.forwardRef)(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
11618
|
+
List.displayName = _base_ui_react_tabs.Tabs.List.displayName;
|
|
11619
|
+
var Trigger$1 = (0, react.forwardRef)(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Tab, {
|
|
11584
11620
|
"data-c13y-component": "tabs-trigger",
|
|
11585
11621
|
ref,
|
|
11586
11622
|
className: (0, clsx.default)("ds-tabs__trigger", className),
|
|
@@ -11590,14 +11626,13 @@ var Trigger$1 = (0, react.forwardRef)(({ className, children, ...props }, ref) =
|
|
|
11590
11626
|
children
|
|
11591
11627
|
})
|
|
11592
11628
|
}));
|
|
11593
|
-
Trigger$1.displayName =
|
|
11594
|
-
var Content$1 = (0, react.forwardRef)((
|
|
11629
|
+
Trigger$1.displayName = _base_ui_react_tabs.Tabs.Tab.displayName;
|
|
11630
|
+
var Content$1 = (0, react.forwardRef)((props, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_tabs.Tabs.Panel, {
|
|
11595
11631
|
"data-c13y-component": "tabs-content",
|
|
11596
11632
|
ref,
|
|
11597
|
-
className: (0, clsx.default)("ds-tabs__content", className),
|
|
11598
11633
|
...props
|
|
11599
11634
|
}));
|
|
11600
|
-
Content$1.displayName =
|
|
11635
|
+
Content$1.displayName = _base_ui_react_tabs.Tabs.Panel.displayName;
|
|
11601
11636
|
var Tabs = {
|
|
11602
11637
|
Root: Root$1,
|
|
11603
11638
|
List,
|
|
@@ -12014,6 +12049,7 @@ exports.FeatureCampaignsIcon = FeatureCampaignsIcon_default;
|
|
|
12014
12049
|
exports.FeatureEditorialCalendarIcon = FeatureEditorialCalendarIcon_default;
|
|
12015
12050
|
exports.FeatureEmployeeEmailIcon = FeatureEmployeeEmailIcon_default;
|
|
12016
12051
|
exports.FeatureNewsPageIcon = FeatureNewsPageIcon_default;
|
|
12052
|
+
exports.FeatureWebhooksIcon = FeatureWebhooksIcon_default;
|
|
12017
12053
|
exports.Field = Field;
|
|
12018
12054
|
exports.FileArchiveIcon = FileArchiveIcon_default;
|
|
12019
12055
|
exports.FileAudioIcon = FileAudioIcon_default;
|