@telia/teddy 0.0.31 → 0.0.33
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.cjs +1 -1
- package/dist/components/card/card.js +1 -1
- package/dist/components/chip/chip-indicator.d.ts +2 -2
- package/dist/components/chip/chip.cjs +3 -3
- package/dist/components/chip/chip.js +3 -3
- package/dist/components/chip/index.d.ts +2 -2
- package/dist/components/index.cjs +2 -2
- package/dist/components/index.js +1 -1
- package/dist/components/modal/modal.cjs +1 -1
- package/dist/components/modal/modal.js +1 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.cjs +0 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +4 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.js +0 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.cjs +45 -8
- package/dist/components/navigation-menu/global-navigation/global-navigation-my-pages.js +46 -9
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.d.ts +3 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-root.js +2 -2
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.cjs +7 -34
- package/dist/components/navigation-menu/global-navigation/global-navigation-search-field.js +7 -34
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.cjs +0 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-search.js +2 -3
- package/dist/components/navigation-menu/global-navigation/global-navigation-shopping-cart.js +2 -2
- package/dist/components/notabene/index.cjs +14 -2
- package/dist/components/notabene/index.d.ts +16 -1
- package/dist/components/notabene/index.js +13 -1
- package/dist/components/notabene/notabene-heading.cjs +25 -0
- package/dist/components/notabene/notabene-heading.d.ts +5 -0
- package/dist/components/notabene/notabene-heading.js +25 -0
- package/dist/components/notabene/notabene-icon.cjs +18 -0
- package/dist/components/notabene/notabene-icon.d.ts +9 -0
- package/dist/components/notabene/notabene-icon.js +18 -0
- package/dist/components/notabene/notabene-root.cjs +22 -0
- package/dist/components/notabene/notabene-root.d.ts +6 -0
- package/dist/components/notabene/notabene-root.js +22 -0
- package/dist/components/notabene/notabene.content.cjs +15 -0
- package/dist/components/notabene/notabene.content.d.ts +5 -0
- package/dist/components/notabene/notabene.content.js +15 -0
- package/dist/components/notification/notification.d.ts +2 -2
- package/dist/components/tabs/tabs-list.cjs +11 -0
- package/dist/components/tabs/tabs-list.js +11 -0
- package/dist/components/tabs/tabs-trigger.cjs +2 -2
- package/dist/components/tabs/tabs-trigger.js +2 -2
- package/dist/components/toggle/toggle.d.ts +2 -2
- package/dist/main.cjs +2 -2
- package/dist/main.js +1 -1
- package/dist/style.css +158 -156
- 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
- package/dist/components/notabene/notabene.cjs +0 -35
- package/dist/components/notabene/notabene.d.ts +0 -15
- package/dist/components/notabene/notabene.js +0 -35
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
4
|
-
const React = require("react");
|
|
5
|
-
const clsx = require("clsx");
|
|
6
|
-
const reactSlot = require("@radix-ui/react-slot");
|
|
7
|
-
require("../../assets/sprite.269ba410-teddy.svg");
|
|
8
|
-
const components_icon_icon = require("../icon/icon.cjs");
|
|
9
|
-
const components_text_text = require("../text/text.cjs");
|
|
10
|
-
const components_heading_heading = require("../heading/heading.cjs");
|
|
11
|
-
const components_box_box = require("../box/box.cjs");
|
|
12
|
-
const styles = {
|
|
13
|
-
"teddy-notabene": "_teddy-notabene_waflr_1",
|
|
14
|
-
"teddy-notabene__icon": "_teddy-notabene__icon_waflr_9",
|
|
15
|
-
"teddy-notabene__heading": "_teddy-notabene__heading_waflr_9"
|
|
16
|
-
};
|
|
17
|
-
const rootClassName = "teddy-notabene";
|
|
18
|
-
const defaultTitle = "Good to know";
|
|
19
|
-
const defaultText = "It could be anything, and also bullet points.";
|
|
20
|
-
const Root = React.forwardRef(
|
|
21
|
-
({ asChild, children, className, heading = defaultTitle, headingAs = "h2", text = defaultText, ...props }, forwardRef) => {
|
|
22
|
-
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
23
|
-
const Comp = asChild ? reactSlot.Slot : "div";
|
|
24
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(Comp, { ...props, ref: forwardRef, className: classes, children: [
|
|
25
|
-
/* @__PURE__ */ jsxRuntime.jsx(components_box_box.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(components_icon_icon.Icon, { name: "bulb", size: "lg", className: styles[`${rootClassName}__icon`] }) }),
|
|
26
|
-
/* @__PURE__ */ jsxRuntime.jsxs(components_box_box.Box, { children: [
|
|
27
|
-
/* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { as: headingAs, variant: "title-200", mb: "150", className: styles[`${rootClassName}__heading`], children: heading }),
|
|
28
|
-
/* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { variant: "paragraph-100", mb: "50", children: text }),
|
|
29
|
-
children
|
|
30
|
-
] })
|
|
31
|
-
] });
|
|
32
|
-
}
|
|
33
|
-
);
|
|
34
|
-
Root.displayName = "Notabene";
|
|
35
|
-
exports.Notabene = Root;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { default as React } from 'react';
|
|
2
|
-
|
|
3
|
-
export type RootProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
4
|
-
heading: string;
|
|
5
|
-
text: string;
|
|
6
|
-
headingAs: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
};
|
|
9
|
-
declare const Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
-
heading: string;
|
|
11
|
-
text: string;
|
|
12
|
-
headingAs: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
13
|
-
asChild?: boolean | undefined;
|
|
14
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
|
-
export { Root as Notabene };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
|
-
import React__default from "react";
|
|
3
|
-
import clsx from "clsx";
|
|
4
|
-
import { Slot } from "@radix-ui/react-slot";
|
|
5
|
-
import "../../assets/sprite.269ba410-teddy.svg";
|
|
6
|
-
import { Icon } from "../icon/icon.js";
|
|
7
|
-
import { Text } from "../text/text.js";
|
|
8
|
-
import { Heading } from "../heading/heading.js";
|
|
9
|
-
import { Box } from "../box/box.js";
|
|
10
|
-
const styles = {
|
|
11
|
-
"teddy-notabene": "_teddy-notabene_waflr_1",
|
|
12
|
-
"teddy-notabene__icon": "_teddy-notabene__icon_waflr_9",
|
|
13
|
-
"teddy-notabene__heading": "_teddy-notabene__heading_waflr_9"
|
|
14
|
-
};
|
|
15
|
-
const rootClassName = "teddy-notabene";
|
|
16
|
-
const defaultTitle = "Good to know";
|
|
17
|
-
const defaultText = "It could be anything, and also bullet points.";
|
|
18
|
-
const Root = React__default.forwardRef(
|
|
19
|
-
({ asChild, children, className, heading = defaultTitle, headingAs = "h2", text = defaultText, ...props }, forwardRef) => {
|
|
20
|
-
const classes = clsx([styles[`${rootClassName}`]], className);
|
|
21
|
-
const Comp = asChild ? Slot : "div";
|
|
22
|
-
return /* @__PURE__ */ jsxs(Comp, { ...props, ref: forwardRef, className: classes, children: [
|
|
23
|
-
/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Icon, { name: "bulb", size: "lg", className: styles[`${rootClassName}__icon`] }) }),
|
|
24
|
-
/* @__PURE__ */ jsxs(Box, { children: [
|
|
25
|
-
/* @__PURE__ */ jsx(Heading, { as: headingAs, variant: "title-200", mb: "150", className: styles[`${rootClassName}__heading`], children: heading }),
|
|
26
|
-
/* @__PURE__ */ jsx(Text, { variant: "paragraph-100", mb: "50", children: text }),
|
|
27
|
-
children
|
|
28
|
-
] })
|
|
29
|
-
] });
|
|
30
|
-
}
|
|
31
|
-
);
|
|
32
|
-
Root.displayName = "Notabene";
|
|
33
|
-
export {
|
|
34
|
-
Root as Notabene
|
|
35
|
-
};
|