@telia/teddy 0.1.17 → 0.1.19
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/card/card-illustration.d.ts +1 -1
- package/dist/components/card/index.d.ts +1 -1
- package/dist/components/checkbox/checkbox-group.d.ts +2 -2
- package/dist/components/checkbox/index.d.ts +2 -2
- package/dist/components/chip/chip-indicator.d.ts +1 -1
- package/dist/components/chip/index.d.ts +1 -1
- package/dist/components/expandable-card/expandable-card-button.d.ts +2 -2
- package/dist/components/expandable-card/index.d.ts +2 -2
- package/dist/components/icon/utils.d.ts +1 -1
- package/dist/components/index.cjs +2 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +2 -0
- package/dist/components/meter-bar/index.cjs +9 -0
- package/dist/components/meter-bar/index.d.ts +29 -0
- package/dist/components/meter-bar/index.js +9 -0
- package/dist/components/meter-bar/meter-bar-indicator.cjs +65 -0
- package/dist/components/meter-bar/meter-bar-indicator.d.ts +19 -0
- package/dist/components/meter-bar/meter-bar-indicator.js +65 -0
- package/dist/components/meter-bar/meter-bar-root.cjs +9 -0
- package/dist/components/meter-bar/meter-bar-root.d.ts +22 -0
- package/dist/components/meter-bar/meter-bar-root.js +9 -0
- package/dist/components/meter-bar/utils.cjs +24 -0
- package/dist/components/meter-bar/utils.d.ts +6 -0
- package/dist/components/meter-bar/utils.js +24 -0
- package/dist/components/modal/modal.cjs +1 -0
- package/dist/components/modal/modal.js +1 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.cjs +2 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +2 -0
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +8 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +3 -4
- package/dist/components/navigation-menu/global-navigation/utils.cjs +276 -16
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +415 -10
- package/dist/components/navigation-menu/global-navigation/utils.js +276 -16
- package/dist/components/navigation-menu/navigation-menu.cjs +1 -0
- package/dist/components/navigation-menu/navigation-menu.d.ts +1 -1
- package/dist/components/navigation-menu/navigation-menu.js +1 -0
- package/dist/components/notabene/notabene-icon.d.ts +1 -1
- package/dist/components/notification/notification.d.ts +4 -4
- package/dist/components/progress-bar/progress-bar.cjs +4 -4
- package/dist/components/progress-bar/progress-bar.js +4 -4
- package/dist/components/radio-card-group/radio-card-group-content.cjs +1 -0
- package/dist/components/radio-card-group/radio-card-group-content.js +1 -0
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +215 -199
- package/dist/components/radio-card-group/radio-card-group-item-title.js +215 -199
- package/dist/components/radio-card-group/radio-card-group-item.cjs +1 -0
- package/dist/components/radio-card-group/radio-card-group-item.js +1 -0
- package/dist/components/scroll-area/index.d.ts +2 -2
- package/dist/components/scroll-area/scroll-area-button.d.ts +2 -2
- package/dist/components/tabs/index.d.ts +3 -3
- package/dist/components/tabs/tabs-root.d.ts +1 -1
- package/dist/components/tabs/tabs-scroll-button.d.ts +2 -2
- package/dist/components/text-field/index.d.ts +2 -2
- package/dist/components/text-field/text-field-button.d.ts +2 -2
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/tooltip/index.d.ts +3 -3
- package/dist/main.cjs +2 -0
- package/dist/main.js +2 -0
- package/dist/style.css +188 -114
- package/dist/utils/generate-styling/grid.d.ts +24 -24
- package/dist/utils/generate-styling/index.d.ts +16 -16
- package/dist/utils/generate-styling/util.d.ts +2 -2
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
10
10
|
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
11
11
|
import { mergeStyles } from "../../utils/generate-styling/index.js";
|
|
12
12
|
import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
|
|
13
|
+
import "../meter-bar/index.js";
|
|
13
14
|
import "../skeleton/index.js";
|
|
14
15
|
import "../checkbox/index.js";
|
|
15
16
|
import "../toast/toast-root.js";
|
|
@@ -40,8 +41,8 @@ import { Flex } from "../flex/flex.js";
|
|
|
40
41
|
import "../card/index.js";
|
|
41
42
|
import { Grid } from "../grid/grid.js";
|
|
42
43
|
import "../toggle/toggle.js";
|
|
43
|
-
import
|
|
44
|
-
import
|
|
44
|
+
import "../accordion/index.js";
|
|
45
|
+
import "../link/link.js";
|
|
45
46
|
import "../badge/badge.js";
|
|
46
47
|
import "../badge/alert-badge.js";
|
|
47
48
|
import { CounterBadge } from "../badge/counter-badge.js";
|
|
@@ -260,28 +261,28 @@ const Close = React__default.forwardRef(
|
|
|
260
261
|
);
|
|
261
262
|
Close.displayName = "Dialog.Close";
|
|
262
263
|
const Modal = Object.assign(Root$2, { Trigger: Trigger$1, Content: Content$1, Title, Overlay, Description, Close, Image, Group });
|
|
263
|
-
const scaleIn = "
|
|
264
|
-
const scaleOut = "
|
|
265
|
-
const enterFromRight = "
|
|
266
|
-
const enterFromLeft = "
|
|
267
|
-
const exitToRight = "
|
|
268
|
-
const exitToLeft = "
|
|
264
|
+
const scaleIn = "_scaleIn_gpawj_1";
|
|
265
|
+
const scaleOut = "_scaleOut_gpawj_1";
|
|
266
|
+
const enterFromRight = "_enterFromRight_gpawj_1";
|
|
267
|
+
const enterFromLeft = "_enterFromLeft_gpawj_1";
|
|
268
|
+
const exitToRight = "_exitToRight_gpawj_1";
|
|
269
|
+
const exitToLeft = "_exitToLeft_gpawj_1";
|
|
269
270
|
const styles$1 = {
|
|
270
|
-
"teddy-navigation-menu": "_teddy-navigation-
|
|
271
|
-
"teddy-navigation-menu__viewport": "_teddy-navigation-
|
|
272
|
-
"teddy-navigation-menu__separator": "_teddy-navigation-
|
|
273
|
-
"teddy-navigation-menu__list": "_teddy-navigation-
|
|
274
|
-
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-
|
|
275
|
-
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-
|
|
276
|
-
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--
|
|
277
|
-
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--
|
|
278
|
-
"teddy-navigation-menu__content": "_teddy-navigation-
|
|
279
|
-
"teddy-navigation-menu__trigger": "_teddy-navigation-
|
|
280
|
-
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--
|
|
281
|
-
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--
|
|
282
|
-
"teddy-navigation-menu__link": "_teddy-navigation-
|
|
283
|
-
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--
|
|
284
|
-
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--
|
|
271
|
+
"teddy-navigation-menu": "_teddy-navigation-menu_gpawj_1",
|
|
272
|
+
"teddy-navigation-menu__viewport": "_teddy-navigation-menu__viewport_gpawj_34",
|
|
273
|
+
"teddy-navigation-menu__separator": "_teddy-navigation-menu__separator_gpawj_37",
|
|
274
|
+
"teddy-navigation-menu__list": "_teddy-navigation-menu__list_gpawj_40",
|
|
275
|
+
"teddy-navigation-menu__top-menu-list": "_teddy-navigation-menu__top-menu-list_gpawj_66",
|
|
276
|
+
"teddy-navigation-menu__top-menu-trigger": "_teddy-navigation-menu__top-menu-trigger_gpawj_87",
|
|
277
|
+
"teddy-navigation-menu__top-menu-trigger--small": "_teddy-navigation-menu__top-menu-trigger--small_gpawj_106",
|
|
278
|
+
"teddy-navigation-menu__top-menu-trigger--button": "_teddy-navigation-menu__top-menu-trigger--button_gpawj_112",
|
|
279
|
+
"teddy-navigation-menu__content": "_teddy-navigation-menu__content_gpawj_187",
|
|
280
|
+
"teddy-navigation-menu__trigger": "_teddy-navigation-menu__trigger_gpawj_228",
|
|
281
|
+
"teddy-navigation-menu__trigger--small": "_teddy-navigation-menu__trigger--small_gpawj_248",
|
|
282
|
+
"teddy-navigation-menu__trigger--button": "_teddy-navigation-menu__trigger--button_gpawj_254",
|
|
283
|
+
"teddy-navigation-menu__link": "_teddy-navigation-menu__link_gpawj_322",
|
|
284
|
+
"teddy-navigation-menu__link--small": "_teddy-navigation-menu__link--small_gpawj_342",
|
|
285
|
+
"teddy-navigation-menu__link--button": "_teddy-navigation-menu__link--button_gpawj_348",
|
|
285
286
|
scaleIn,
|
|
286
287
|
scaleOut,
|
|
287
288
|
enterFromRight,
|
|
@@ -677,20 +678,26 @@ const NavigationMenu = Object.assign(Root$1, {
|
|
|
677
678
|
TopMenuTrigger
|
|
678
679
|
});
|
|
679
680
|
const styles = {
|
|
680
|
-
"teddy-global-navigation": "_teddy-global-
|
|
681
|
-
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-
|
|
682
|
-
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-
|
|
683
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
684
|
-
"teddy-global-
|
|
685
|
-
"teddy-global-
|
|
686
|
-
"teddy-global-
|
|
687
|
-
"teddy-global-
|
|
688
|
-
"teddy-global-
|
|
689
|
-
"
|
|
690
|
-
"teddy-global-
|
|
691
|
-
"teddy-global-
|
|
692
|
-
"teddy-global-
|
|
693
|
-
"teddy-global-
|
|
681
|
+
"teddy-global-navigation": "_teddy-global-navigation_h438t_1",
|
|
682
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_h438t_6",
|
|
683
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_h438t_9",
|
|
684
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_h438t_6",
|
|
685
|
+
"teddy-global-navigation__top-icon-wrapper": "_teddy-global-navigation__top-icon-wrapper_h438t_32",
|
|
686
|
+
"teddy-global-navigation__top-menu-icons": "_teddy-global-navigation__top-menu-icons_h438t_37",
|
|
687
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_h438t_41",
|
|
688
|
+
"teddy-global-navigation__header": "_teddy-global-navigation__header_h438t_51",
|
|
689
|
+
"teddy-global-navigation__colored-box": "_teddy-global-navigation__colored-box_h438t_54",
|
|
690
|
+
"teddy-global-navigation__colored-box--mobile": "_teddy-global-navigation__colored-box--mobile_h438t_57",
|
|
691
|
+
"teddy-global-navigation__list": "_teddy-global-navigation__list_h438t_61",
|
|
692
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_h438t_66",
|
|
693
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_h438t_69",
|
|
694
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_h438t_73",
|
|
695
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_h438t_80",
|
|
696
|
+
"close-viewport": "_close-viewport_h438t_1",
|
|
697
|
+
"teddy-global-navigation__top-menu-color": "_teddy-global-navigation__top-menu-color_h438t_91",
|
|
698
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_h438t_94",
|
|
699
|
+
"teddy-global-navigation__accordion-look": "_teddy-global-navigation__accordion-look_h438t_111",
|
|
700
|
+
"teddy-global-navigation__mobile-link--accordion-look": "_teddy-global-navigation__mobile-link--accordion-look_h438t_127"
|
|
694
701
|
};
|
|
695
702
|
function MyPages(props) {
|
|
696
703
|
var _a, _b;
|
|
@@ -736,7 +743,7 @@ function LoggedInContent() {
|
|
|
736
743
|
var _a;
|
|
737
744
|
const rootContext = React__default.useContext(RootContext);
|
|
738
745
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
739
|
-
/* @__PURE__ */ jsx(Drawer.Title, { children: "
|
|
746
|
+
/* @__PURE__ */ jsx(Drawer.Title, { children: "Mine sider" }),
|
|
740
747
|
/* @__PURE__ */ jsxs(Tabs, { defaultValue: "private", children: [
|
|
741
748
|
/* @__PURE__ */ jsxs(Tabs.List, { children: [
|
|
742
749
|
/* @__PURE__ */ jsx(Tabs.Trigger, { value: "private", children: "Privat" }),
|
|
@@ -851,18 +858,19 @@ const ANIMATION_DURATION = 300;
|
|
|
851
858
|
const Desktop = React__default.forwardRef(() => {
|
|
852
859
|
const rootContext = React__default.useContext(RootContext);
|
|
853
860
|
const [hideMenu, setHideMenu] = React__default.useState(null);
|
|
861
|
+
const [specifiedLink, setSpecifiedLink] = React__default.useState("");
|
|
854
862
|
const lastScrollDirection = React__default.useRef();
|
|
855
863
|
const scrollStartPos = React__default.useRef(0);
|
|
856
864
|
const lastScrollPos = React__default.useRef(0);
|
|
857
865
|
const topMenuRef = React__default.useRef(null);
|
|
858
866
|
const viewPortRef = React__default.useRef(null);
|
|
859
867
|
const shouldShowViewport = [...PRIVATE_LINKS.links, ...BUSINESS_LINKS.links, ...MDU_LINKS.links].some(
|
|
860
|
-
(link) => !!getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
|
|
868
|
+
(link) => !!getActiveSubLink((rootContext == null ? void 0 : rootContext.pathname) || "", link.links) || link.links.length && link.name === specifiedLink || link.links.length && link.link === (rootContext == null ? void 0 : rootContext.pathname)
|
|
861
869
|
);
|
|
862
870
|
const viewPortSize = useSize(viewPortRef.current);
|
|
863
871
|
const topMenuSize = useSize(topMenuRef.current);
|
|
864
872
|
const topMenuHeight = (topMenuSize == null ? void 0 : topMenuSize.height) ? `${topMenuSize.height}px` : void 0;
|
|
865
|
-
const viewPortHeight = shouldShowViewport ? "
|
|
873
|
+
const viewPortHeight = shouldShowViewport ? "288px" : void 0;
|
|
866
874
|
const animationTimer = React__default.useRef(0);
|
|
867
875
|
const [allowAnimationOfHeight, setAllowAnimationOfHeight] = React__default.useState(false);
|
|
868
876
|
const timerRef = React__default.useRef(void 0);
|
|
@@ -935,7 +943,10 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
935
943
|
{
|
|
936
944
|
value: link.name,
|
|
937
945
|
asChild: true,
|
|
938
|
-
onClick: () =>
|
|
946
|
+
onClick: () => {
|
|
947
|
+
rootContext.setPathname(link.link);
|
|
948
|
+
setSpecifiedLink("");
|
|
949
|
+
},
|
|
939
950
|
children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name })
|
|
940
951
|
}
|
|
941
952
|
) }, link.name)) })
|
|
@@ -944,64 +955,48 @@ const Desktop = React__default.forwardRef(() => {
|
|
|
944
955
|
LINKS.map((link) => {
|
|
945
956
|
var _a;
|
|
946
957
|
return /* @__PURE__ */ jsxs(NavigationMenu.List, { onFocus: resetAndShowMenu, value: link.name, children: [
|
|
947
|
-
(_a = link.links) == null ? void 0 : _a.map(
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
"
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
"
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
|
|
966
|
-
|
|
967
|
-
|
|
968
|
-
|
|
969
|
-
|
|
970
|
-
|
|
971
|
-
|
|
972
|
-
|
|
973
|
-
|
|
974
|
-
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
|
|
978
|
-
|
|
979
|
-
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
983
|
-
|
|
984
|
-
|
|
985
|
-
|
|
986
|
-
|
|
987
|
-
|
|
988
|
-
|
|
989
|
-
active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
|
|
990
|
-
onClick: () => {
|
|
991
|
-
rootContext.setPathname(subSubLink.link);
|
|
992
|
-
},
|
|
993
|
-
variant: "small",
|
|
994
|
-
children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", align: "center", gap: "25", children: [
|
|
995
|
-
subSubLink.name,
|
|
996
|
-
"icon" in subSubLink && /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon })
|
|
997
|
-
] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", align: "center", gap: "25", children: [
|
|
998
|
-
subSubLink.name,
|
|
999
|
-
"icon" in subSubLink && /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon })
|
|
1000
|
-
] }) })
|
|
1001
|
-
}
|
|
1002
|
-
) }, subSubLink.name)) }) })
|
|
1003
|
-
] }, subLink.name);
|
|
1004
|
-
}),
|
|
958
|
+
(_a = link.links) == null ? void 0 : _a.map(
|
|
959
|
+
(subLink) => {
|
|
960
|
+
var _a2, _b, _c;
|
|
961
|
+
return /* @__PURE__ */ jsxs(NavigationMenu.Item, { value: subLink.name, children: [
|
|
962
|
+
subLink.name === "Logo" ? /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
|
|
963
|
+
"img",
|
|
964
|
+
{
|
|
965
|
+
src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
|
|
966
|
+
draggable: "false",
|
|
967
|
+
alt: "Telia logo"
|
|
968
|
+
}
|
|
969
|
+
) }) : /* @__PURE__ */ jsx("a", { href: subLink.link, onClick: () => setSelectedMenuItem(""), children: /* @__PURE__ */ jsx(
|
|
970
|
+
"img",
|
|
971
|
+
{
|
|
972
|
+
src: "https://cdn.voca.teliacompany.com/logo/Telia-primary-default-v2.svg",
|
|
973
|
+
draggable: "false",
|
|
974
|
+
alt: "Telia logo"
|
|
975
|
+
}
|
|
976
|
+
) }) }) : ((_a2 = subLink.links) == null ? void 0 : _a2.length) ? /* @__PURE__ */ jsx(
|
|
977
|
+
NavigationMenu.Trigger,
|
|
978
|
+
{
|
|
979
|
+
asChild: true,
|
|
980
|
+
active: currentLocation === subLink.link,
|
|
981
|
+
onClick: () => setSpecifiedLink(subLink.name),
|
|
982
|
+
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
|
|
983
|
+
}
|
|
984
|
+
) : /* @__PURE__ */ jsx(
|
|
985
|
+
NavigationMenu.Link,
|
|
986
|
+
{
|
|
987
|
+
asChild: true,
|
|
988
|
+
active: currentLocation === subLink.link,
|
|
989
|
+
onClick: () => setSpecifiedLink(subLink.name),
|
|
990
|
+
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subLink.link, children: subLink.name }) : /* @__PURE__ */ jsx("a", { href: subLink.link, children: subLink.name })
|
|
991
|
+
}
|
|
992
|
+
),
|
|
993
|
+
/* @__PURE__ */ jsx(NavigationMenu.Content, { children: subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
994
|
+
((_b = subLink.links) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Flex, { direction: "column", pt: "400", pl: "150", children: /* @__PURE__ */ jsx(HightlightedLinksDesktop, { listName: subLink.name, subLink, links: subLink.links }) }),
|
|
995
|
+
((_c = subLink.highlightedLinks) == null ? void 0 : _c.length) > 0 && /* @__PURE__ */ jsx(Flex, { direction: "column", pt: "400", pl: "400", pr: "400", pb: "40px", className: styles[`${rootClassName}__colored-box`], children: /* @__PURE__ */ jsx(HightlightedLinksDesktop, { listName: "Nyttige snarveier", subLink, links: subLink.highlightedLinks }) })
|
|
996
|
+
] }) })
|
|
997
|
+
] }, subLink.name);
|
|
998
|
+
}
|
|
999
|
+
),
|
|
1005
1000
|
/* @__PURE__ */ jsx(Box, { ml: "auto" }),
|
|
1006
1001
|
/* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(ShoppingCart, {}) }),
|
|
1007
1002
|
/* @__PURE__ */ jsx(NavigationMenu.Item, { children: /* @__PURE__ */ jsx(Search, {}) }),
|
|
@@ -1040,7 +1035,36 @@ function useDebounceCallback(callback, delay) {
|
|
|
1040
1035
|
debounceTimerRef.current = window.setTimeout(handleCallback, delay);
|
|
1041
1036
|
}, [handleCallback, delay]);
|
|
1042
1037
|
}
|
|
1038
|
+
const HightlightedLinksDesktop = ({ subLink, links, listName }) => {
|
|
1039
|
+
const rootContext = React__default.useContext(RootContext);
|
|
1040
|
+
if (!rootContext)
|
|
1041
|
+
return null;
|
|
1042
|
+
const { linkComponent: Link2 } = rootContext;
|
|
1043
|
+
const currentLocation = rootContext.pathname.endsWith("/") ? rootContext.pathname : `${rootContext.pathname}/`;
|
|
1044
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1045
|
+
/* @__PURE__ */ jsx(Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listName }),
|
|
1046
|
+
/* @__PURE__ */ jsx(List$1, { className: styles[`${rootClassName}__list`], gap: "10", pl: "25", children: links == null ? void 0 : links.map((subSubLink) => /* @__PURE__ */ jsx(List$1.Item, { children: /* @__PURE__ */ jsx(
|
|
1047
|
+
NavigationMenu.Link,
|
|
1048
|
+
{
|
|
1049
|
+
asChild: true,
|
|
1050
|
+
variant: "small",
|
|
1051
|
+
active: getActiveSubLink(currentLocation, subLink.links || []) === subSubLink.link,
|
|
1052
|
+
onClick: () => {
|
|
1053
|
+
rootContext.setPathname(subSubLink.link);
|
|
1054
|
+
},
|
|
1055
|
+
children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(Link2, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
|
|
1056
|
+
subSubLink.name,
|
|
1057
|
+
/* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1058
|
+
] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "100", align: "center", children: [
|
|
1059
|
+
subSubLink.name,
|
|
1060
|
+
/* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1061
|
+
] }) })
|
|
1062
|
+
}
|
|
1063
|
+
) }, subSubLink.name)) })
|
|
1064
|
+
] });
|
|
1065
|
+
};
|
|
1043
1066
|
function Mobile(props) {
|
|
1067
|
+
const [specifiedLink, setSpecifiedLink] = React__default.useState("");
|
|
1044
1068
|
const rootContext = React__default.useContext(RootContext);
|
|
1045
1069
|
const drawerRef = React__default.useRef(null);
|
|
1046
1070
|
if (!rootContext)
|
|
@@ -1048,10 +1072,11 @@ function Mobile(props) {
|
|
|
1048
1072
|
const { linkComponent: NavLink } = rootContext;
|
|
1049
1073
|
const classes = clsx([styles[`${rootClassName}__mobile`]], props.className);
|
|
1050
1074
|
const linkClasses = clsx([styles[`${rootClassName}__link`]]);
|
|
1051
|
-
const
|
|
1052
|
-
return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", children: [
|
|
1075
|
+
const headerClasses = clsx([styles[`${rootClassName}__header`]]);
|
|
1076
|
+
return /* @__PURE__ */ jsx(Flex, { ...props, className: classes, children: /* @__PURE__ */ jsxs(Flex, { flexGrow: "1", justify: "between", align: "center", gap: "200", className: styles[`${rootClassName}__top-icon-wrapper`], children: [
|
|
1053
1077
|
/* @__PURE__ */ jsx(Box, { flexShrink: "0", children: /* @__PURE__ */ jsx(NavigationMenu.Link, { asChild: true, variant: "button", children: rootContext.appKey === "open-pages" ? /* @__PURE__ */ jsx(NavLink, { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) : /* @__PURE__ */ jsx("a", { href: "/", children: /* @__PURE__ */ jsx(Icon, { size: "lg", name: "telia-logo", "aria-label": "Telia logo" }) }) }) }),
|
|
1054
|
-
/* @__PURE__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, children: [
|
|
1078
|
+
/* @__PURE__ */ jsxs(Flex, { flexBasis: "0", gap: { sm: "100", md: "200" }, className: styles[`${rootClassName}__top-menu-icons`], children: [
|
|
1079
|
+
/* @__PURE__ */ jsx(Search, {}),
|
|
1055
1080
|
/* @__PURE__ */ jsx(ShoppingCart, {}),
|
|
1056
1081
|
/* @__PURE__ */ jsx(MyPages, {}),
|
|
1057
1082
|
/* @__PURE__ */ jsxs(Drawer, { children: [
|
|
@@ -1061,109 +1086,99 @@ function Mobile(props) {
|
|
|
1061
1086
|
] }) }) }),
|
|
1062
1087
|
/* @__PURE__ */ jsxs(Drawer.Content, { gap: "400", size: rootContext.drawerSize, children: [
|
|
1063
1088
|
/* @__PURE__ */ jsx(Drawer.Close, { ref: drawerRef, slot: "floating", "aria-label": "Lukk" }),
|
|
1064
|
-
/* @__PURE__ */
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
-
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
|
|
1122
|
-
subSubLink.name,
|
|
1123
|
-
"icon" in subSubLink ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1124
|
-
] }) })
|
|
1125
|
-
}
|
|
1126
|
-
) }, subSubLink.name)) }) })
|
|
1127
|
-
] }, subLink.name) : /* @__PURE__ */ jsx("div", { className: styles[`${rootClassName}__accordion-look`], children: /* @__PURE__ */ jsx(
|
|
1128
|
-
Link$1,
|
|
1129
|
-
{
|
|
1130
|
-
className: clsx([
|
|
1131
|
-
linkClasses,
|
|
1132
|
-
styles[`${rootClassName}__mobile-link--accordion-look`]
|
|
1133
|
-
]),
|
|
1134
|
-
variant: "standalone",
|
|
1135
|
-
asChild: true,
|
|
1136
|
-
onClick: () => {
|
|
1137
|
-
var _a3;
|
|
1138
|
-
(_a3 = drawerRef.current) == null ? void 0 : _a3.click();
|
|
1139
|
-
rootContext.setSelectedMenuItem(subLink.name);
|
|
1140
|
-
rootContext.setPathname(subLink.link);
|
|
1141
|
-
},
|
|
1142
|
-
children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, children: [
|
|
1143
|
-
subLink.name,
|
|
1144
|
-
/* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1145
|
-
] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, children: [
|
|
1146
|
-
subLink.name,
|
|
1147
|
-
" ",
|
|
1148
|
-
/* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1149
|
-
] })
|
|
1150
|
-
}
|
|
1151
|
-
) }, subLink.name);
|
|
1152
|
-
}
|
|
1153
|
-
)
|
|
1154
|
-
}
|
|
1155
|
-
) }, link.name);
|
|
1156
|
-
}) })
|
|
1157
|
-
]
|
|
1158
|
-
}
|
|
1159
|
-
),
|
|
1160
|
-
/* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsx(Drawer.Close, { slot: "content", children: /* @__PURE__ */ jsx(Button, { variant: "secondary", children: "Lukk" }) }) })
|
|
1089
|
+
!specifiedLink ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1090
|
+
/* @__PURE__ */ jsx(Drawer.Title, { children: "Meny" }),
|
|
1091
|
+
/* @__PURE__ */ jsx(SearchField, {}),
|
|
1092
|
+
/* @__PURE__ */ jsxs(
|
|
1093
|
+
Tabs,
|
|
1094
|
+
{
|
|
1095
|
+
value: rootContext.selectedDomainItem,
|
|
1096
|
+
onValueChange: (v) => rootContext.setSelectedDomainItem(v, true),
|
|
1097
|
+
children: [
|
|
1098
|
+
/* @__PURE__ */ jsx(Tabs.List, { children: LINKS.map((link) => /* @__PURE__ */ jsx(Tabs.Trigger, { asChild: true, value: link.name, children: link.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: link.link, children: link.name }) : /* @__PURE__ */ jsx("a", { href: link.link, children: link.name }) }, link.name)) }),
|
|
1099
|
+
/* @__PURE__ */ jsx(Fragment, { children: LINKS.map((link) => {
|
|
1100
|
+
var _a, _b;
|
|
1101
|
+
return /* @__PURE__ */ jsxs(Tabs.Content, { value: link.name, children: [
|
|
1102
|
+
/* @__PURE__ */ jsx(Box, { mt: "400", children: (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map(
|
|
1103
|
+
(subLink) => subLink.links.length > 0 ? /* @__PURE__ */ jsxs(Box, { onClick: () => setSpecifiedLink(subLink.name), className: linkClasses, children: [
|
|
1104
|
+
/* @__PURE__ */ jsx(Heading, { asChild: true, variant: "title-300", children: /* @__PURE__ */ jsx(Button, { style: { all: "unset" }, children: subLink.name }) }),
|
|
1105
|
+
/* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
|
|
1106
|
+
] }) : /* @__PURE__ */ jsx(Fragment, { children: subLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsxs(NavLink, { href: subLink.link, className: linkClasses, children: [
|
|
1107
|
+
/* @__PURE__ */ jsx(Heading, { variant: "title-300", as: "h2", className: headerClasses, children: subLink.name }),
|
|
1108
|
+
/* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
|
|
1109
|
+
] }) : /* @__PURE__ */ jsxs("a", { href: subLink.link, className: linkClasses, children: [
|
|
1110
|
+
/* @__PURE__ */ jsx(Heading, { variant: "title-300", as: "h2", children: subLink.name }),
|
|
1111
|
+
/* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: "md" })
|
|
1112
|
+
] }) })
|
|
1113
|
+
) }),
|
|
1114
|
+
((_b = link.highlightedLinks) == null ? void 0 : _b.length) > 0 && /* @__PURE__ */ jsx(Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsx(Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsx(HighlightedLinks, { item: link, links: link.highlightedLinks, drawerRef, listTitle: "Nyttige snarveier" }) }) })
|
|
1115
|
+
] }, link.name);
|
|
1116
|
+
}) })
|
|
1117
|
+
]
|
|
1118
|
+
}
|
|
1119
|
+
)
|
|
1120
|
+
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1121
|
+
/* @__PURE__ */ jsx(Drawer.Title, { children: /* @__PURE__ */ jsxs(
|
|
1122
|
+
Button,
|
|
1123
|
+
{
|
|
1124
|
+
size: "sm",
|
|
1125
|
+
variant: "secondary",
|
|
1126
|
+
onClick: () => setSpecifiedLink(""),
|
|
1127
|
+
children: [
|
|
1128
|
+
/* @__PURE__ */ jsx(Icon, { name: "arrow-left" }),
|
|
1129
|
+
"Tilbake"
|
|
1130
|
+
]
|
|
1131
|
+
}
|
|
1132
|
+
) }),
|
|
1133
|
+
/* @__PURE__ */ jsx(Box, { mt: "100", children: LINKS.map(
|
|
1134
|
+
(link) => {
|
|
1135
|
+
var _a;
|
|
1136
|
+
return (_a = link.links) == null ? void 0 : _a.filter((l) => l.name !== "Logo").map((subLink) => {
|
|
1137
|
+
var _a2;
|
|
1138
|
+
return subLink.links.length > 0 && subLink.name === specifiedLink && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1139
|
+
/* @__PURE__ */ jsx(HighlightedLinks, { item: subLink, listTitle: subLink.name, links: subLink.links, drawerRef }),
|
|
1140
|
+
((_a2 = subLink.highlightedLinks) == null ? void 0 : _a2.length) > 0 && /* @__PURE__ */ jsx(Box, { className: styles[`${rootClassName}__colored-box--mobile`], children: /* @__PURE__ */ jsx(Box, { mt: "400", pt: "250", pb: "250", pl: "300", children: /* @__PURE__ */ jsx(HighlightedLinks, { item: subLink, listTitle: "Nyttige snarveier", links: subLink.highlightedLinks, drawerRef }) }) })
|
|
1141
|
+
] });
|
|
1142
|
+
});
|
|
1143
|
+
}
|
|
1144
|
+
) })
|
|
1145
|
+
] })
|
|
1161
1146
|
] })
|
|
1162
1147
|
] })
|
|
1163
1148
|
] })
|
|
1164
1149
|
] }) });
|
|
1165
1150
|
}
|
|
1166
1151
|
Mobile.displayName = "Mobile";
|
|
1152
|
+
const HighlightedLinks = ({ listTitle, links, item, drawerRef }) => {
|
|
1153
|
+
const rootContext = React__default.useContext(RootContext);
|
|
1154
|
+
if (!rootContext)
|
|
1155
|
+
return null;
|
|
1156
|
+
const { linkComponent: NavLink } = rootContext;
|
|
1157
|
+
const currentLocation = rootContext.pathname;
|
|
1158
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
1159
|
+
/* @__PURE__ */ jsx(Heading, { pl: "100", pb: "100", variant: "title-200", as: "h2", children: listTitle }),
|
|
1160
|
+
/* @__PURE__ */ jsx(List$1, { gap: "10", pl: "25", children: links == null ? void 0 : links.map((subSubLink) => /* @__PURE__ */ jsx(List$1.Item, { children: /* @__PURE__ */ jsx(
|
|
1161
|
+
NavigationMenu.Link,
|
|
1162
|
+
{
|
|
1163
|
+
asChild: true,
|
|
1164
|
+
variant: "small",
|
|
1165
|
+
active: getActiveSubLink(currentLocation, item.links || []) === subSubLink.link,
|
|
1166
|
+
onClick: () => {
|
|
1167
|
+
var _a;
|
|
1168
|
+
(_a = drawerRef == null ? void 0 : drawerRef.current) == null ? void 0 : _a.click();
|
|
1169
|
+
rootContext.setPathname(subSubLink.link);
|
|
1170
|
+
},
|
|
1171
|
+
children: subSubLink.appKey === rootContext.appKey || rootContext.appKey === "storybook" ? /* @__PURE__ */ jsx(NavLink, { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
|
|
1172
|
+
subSubLink.name,
|
|
1173
|
+
subSubLink.icon ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1174
|
+
] }) }) : /* @__PURE__ */ jsx("a", { href: subSubLink.link, children: /* @__PURE__ */ jsxs(Flex, { as: "span", gap: "icon" in subSubLink ? "25" : "100", align: "center", children: [
|
|
1175
|
+
subSubLink.name,
|
|
1176
|
+
subSubLink.icon ? /* @__PURE__ */ jsx(Icon, { name: subSubLink.icon }) : /* @__PURE__ */ jsx(Icon, { name: "arrow-right" })
|
|
1177
|
+
] }) })
|
|
1178
|
+
}
|
|
1179
|
+
) }, subSubLink.name)) })
|
|
1180
|
+
] });
|
|
1181
|
+
};
|
|
1167
1182
|
const DesktopSimplified = React__default.forwardRef(() => {
|
|
1168
1183
|
const rootContext = React__default.useContext(RootContext);
|
|
1169
1184
|
if (!rootContext)
|
|
@@ -1329,6 +1344,7 @@ export {
|
|
|
1329
1344
|
Content$2 as C,
|
|
1330
1345
|
Desktop as D,
|
|
1331
1346
|
GlobalNavigation as G,
|
|
1347
|
+
HighlightedLinks as H,
|
|
1332
1348
|
ItemContext as I,
|
|
1333
1349
|
Modal as M,
|
|
1334
1350
|
NavigationMenu as N,
|
|
@@ -5,6 +5,7 @@ require("clsx");
|
|
|
5
5
|
require("react");
|
|
6
6
|
require("./radio-card-group-root.cjs");
|
|
7
7
|
require("@radix-ui/react-radio-group");
|
|
8
|
+
require("../meter-bar/index.cjs");
|
|
8
9
|
require("../skeleton/index.cjs");
|
|
9
10
|
require("../checkbox/index.cjs");
|
|
10
11
|
require("../toast/toast-root.cjs");
|
|
@@ -20,7 +20,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
|
|
|
20
20
|
fullWidth?: boolean | undefined;
|
|
21
21
|
size?: "sm" | "md" | "lg" | undefined;
|
|
22
22
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
23
|
-
borderStyle?: ("
|
|
23
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
24
24
|
} & {
|
|
25
25
|
iconOnly: true;
|
|
26
26
|
"aria-label": string;
|
|
@@ -32,7 +32,7 @@ export declare const ScrollArea: import('react').ForwardRefExoticComponent<Omit<
|
|
|
32
32
|
fullWidth?: boolean | undefined;
|
|
33
33
|
size?: "sm" | "md" | "lg" | undefined;
|
|
34
34
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
35
|
-
borderStyle?: ("
|
|
35
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
36
36
|
} & {
|
|
37
37
|
iconOnly?: false | undefined;
|
|
38
38
|
"aria-label"?: string | undefined;
|
|
@@ -18,7 +18,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
|
|
|
18
18
|
fullWidth?: boolean | undefined;
|
|
19
19
|
size?: "sm" | "md" | "lg" | undefined;
|
|
20
20
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
21
|
-
borderStyle?: ("
|
|
21
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
22
22
|
} & {
|
|
23
23
|
iconOnly: true;
|
|
24
24
|
"aria-label": string;
|
|
@@ -30,7 +30,7 @@ export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<Omit<Reac
|
|
|
30
30
|
fullWidth?: boolean | undefined;
|
|
31
31
|
size?: "sm" | "md" | "lg" | undefined;
|
|
32
32
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
33
|
-
borderStyle?: ("
|
|
33
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
34
34
|
} & {
|
|
35
35
|
iconOnly?: false | undefined;
|
|
36
36
|
"aria-label"?: string | undefined;
|
|
@@ -5,7 +5,7 @@ import { ContentProps } from './tabs-content';
|
|
|
5
5
|
import { ScrollProps } from './tabs-scroll';
|
|
6
6
|
import { ScrollButtonProps } from './tabs-scroll-button';
|
|
7
7
|
|
|
8
|
-
export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "
|
|
8
|
+
export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-tabs').TabsProps & import('react').RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "value" | "onValueChange" | "activationMode"> & {
|
|
9
9
|
value?: string | undefined;
|
|
10
10
|
onValueChange?: ((value: string) => void) | undefined;
|
|
11
11
|
defaultValue?: string | undefined;
|
|
@@ -35,7 +35,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
|
|
|
35
35
|
fullWidth?: boolean | undefined;
|
|
36
36
|
size?: "sm" | "md" | "lg" | undefined;
|
|
37
37
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
38
|
-
borderStyle?: ("
|
|
38
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
39
39
|
} & {
|
|
40
40
|
iconOnly: true;
|
|
41
41
|
"aria-label": string;
|
|
@@ -47,7 +47,7 @@ export declare const Tabs: import('react').ForwardRefExoticComponent<Omit<Omit<i
|
|
|
47
47
|
fullWidth?: boolean | undefined;
|
|
48
48
|
size?: "sm" | "md" | "lg" | undefined;
|
|
49
49
|
variant?: "text" | "list-item" | "primary" | "secondary" | "destructive" | "tertiary-purple" | "expressive" | "primary-negative" | "secondary-negative" | "destructive-negative" | "tertiary-purple-negative" | "text-negative" | "expressive-negative" | undefined;
|
|
50
|
-
borderStyle?: ("
|
|
50
|
+
borderStyle?: ("default" | "dashed") | undefined;
|
|
51
51
|
} & {
|
|
52
52
|
iconOnly?: false | undefined;
|
|
53
53
|
"aria-label"?: string | undefined;
|