@telia/teddy 0.0.11 → 0.0.14
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/assets/{5161b177f001ea1a.svg → 4bbd022cee9b0f06.svg} +12 -9
- package/dist/assets/badge.css +1 -1
- package/dist/assets/main.css +1 -1
- package/dist/badge-C6I_qxYL.js +1853 -0
- package/dist/components/accordion/accordion.js +2 -2
- package/dist/components/accordion/index.js +1 -1
- package/dist/components/badge/badge.js +2 -2
- package/dist/components/badge/index.js +1 -1
- package/dist/components/card/card.d.ts +10 -2
- package/dist/components/card/card.js +2 -2
- package/dist/components/card/index.js +1 -1
- package/dist/components/field-error-text/field-error-text.js +1 -1
- package/dist/components/icon/icon.js +1 -1
- package/dist/components/icon/index.js +1 -1
- package/dist/components/index.js +2 -2
- package/dist/components/input/input.js +1 -1
- package/dist/components/modal/index.js +1 -1
- package/dist/components/modal/modal.js +2 -2
- package/dist/components/notification/index.js +1 -1
- package/dist/components/notification/notification.d.ts +1 -1
- package/dist/components/notification/notification.js +2 -2
- package/dist/components/toggle/index.js +1 -1
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/toggle/toggle.js +2 -2
- package/dist/icons/category.d.ts +60 -57
- package/dist/icons/category.js +53 -52
- package/dist/icons/name.d.ts +1 -1
- package/dist/icons/name.js +4 -3
- package/dist/main.js +2 -2
- package/dist/utils/layout/index.d.ts +3 -1
- package/dist/utils/layout/index.js +28 -24
- package/dist/utils/layout/inset.d.ts +478 -0
- package/dist/utils/layout/inset.js +32 -0
- package/dist/utils/layout/position.d.ts +64 -0
- package/dist/utils/layout/position.js +20 -0
- package/package.json +1 -1
- package/dist/badge-DscsRVHR.js +0 -1825
package/dist/icons/category.js
CHANGED
|
@@ -1,54 +1,54 @@
|
|
|
1
1
|
const e = [
|
|
2
|
-
{ category: "
|
|
3
|
-
{ category: "
|
|
4
|
-
{ category: "
|
|
5
|
-
{ category: "
|
|
6
|
-
{ category: "
|
|
7
|
-
{ category: "
|
|
8
|
-
{ category: "
|
|
9
|
-
{ category: "
|
|
10
|
-
{ category: "
|
|
11
|
-
{ category: "
|
|
12
|
-
{ category: "
|
|
13
|
-
{ category: "
|
|
14
|
-
{ category: "
|
|
15
|
-
{ category: "
|
|
16
|
-
{ category: "
|
|
17
|
-
{ category: "
|
|
18
|
-
{ category: "
|
|
19
|
-
{ category: "
|
|
20
|
-
{ category: "
|
|
21
|
-
{ category: "
|
|
22
|
-
{ category: "
|
|
23
|
-
{ category: "
|
|
24
|
-
{ category: "
|
|
25
|
-
{ category: "
|
|
26
|
-
{ category: "
|
|
27
|
-
{ category: "
|
|
28
|
-
{ category: "
|
|
29
|
-
{ category: "
|
|
30
|
-
{ category: "
|
|
31
|
-
{ category: "
|
|
32
|
-
{ category: "
|
|
33
|
-
{ category: "
|
|
34
|
-
{ category: "
|
|
35
|
-
{ category: "
|
|
36
|
-
{ category: "
|
|
37
|
-
{ category: "
|
|
38
|
-
{ category: "
|
|
39
|
-
{ category: "
|
|
40
|
-
{ category: "
|
|
41
|
-
{ category: "
|
|
42
|
-
{ category: "
|
|
43
|
-
{ category: "
|
|
44
|
-
{ category: "
|
|
45
|
-
{ category: "
|
|
46
|
-
{ category: "
|
|
47
|
-
{ category: "
|
|
48
|
-
{ category: "
|
|
49
|
-
{ category: "
|
|
50
|
-
{ category: "
|
|
51
|
-
{ category: "
|
|
2
|
+
{ category: "action", name: "alarm-off" },
|
|
3
|
+
{ category: "action", name: "alarm-on" },
|
|
4
|
+
{ category: "action", name: "attachment" },
|
|
5
|
+
{ category: "action", name: "bookmark-filled" },
|
|
6
|
+
{ category: "action", name: "bookmark" },
|
|
7
|
+
{ category: "action", name: "copy-filled" },
|
|
8
|
+
{ category: "action", name: "copy" },
|
|
9
|
+
{ category: "action", name: "dislike" },
|
|
10
|
+
{ category: "action", name: "download" },
|
|
11
|
+
{ category: "action", name: "edit" },
|
|
12
|
+
{ category: "action", name: "filter" },
|
|
13
|
+
{ category: "action", name: "heart-filled" },
|
|
14
|
+
{ category: "action", name: "heart" },
|
|
15
|
+
{ category: "action", name: "invisible" },
|
|
16
|
+
{ category: "action", name: "like" },
|
|
17
|
+
{ category: "action", name: "lock-open" },
|
|
18
|
+
{ category: "action", name: "lock" },
|
|
19
|
+
{ category: "action", name: "login" },
|
|
20
|
+
{ category: "action", name: "logout" },
|
|
21
|
+
{ category: "action", name: "maximize" },
|
|
22
|
+
{ category: "action", name: "minimize" },
|
|
23
|
+
{ category: "action", name: "mute" },
|
|
24
|
+
{ category: "action", name: "password-invisible" },
|
|
25
|
+
{ category: "action", name: "password-visible" },
|
|
26
|
+
{ category: "action", name: "play-filled" },
|
|
27
|
+
{ category: "action", name: "play" },
|
|
28
|
+
{ category: "action", name: "remove-filled" },
|
|
29
|
+
{ category: "action", name: "remove" },
|
|
30
|
+
{ category: "action", name: "save" },
|
|
31
|
+
{ category: "action", name: "send" },
|
|
32
|
+
{ category: "action", name: "settings" },
|
|
33
|
+
{ category: "action", name: "share" },
|
|
34
|
+
{ category: "action", name: "shuffle" },
|
|
35
|
+
{ category: "action", name: "sync" },
|
|
36
|
+
{ category: "action", name: "skip-back-10sec" },
|
|
37
|
+
{ category: "action", name: "skip-back-30sec" },
|
|
38
|
+
{ category: "action", name: "skip-forward-10sec" },
|
|
39
|
+
{ category: "action", name: "skip-forward-30sec" },
|
|
40
|
+
{ category: "action", name: "star-filled" },
|
|
41
|
+
{ category: "action", name: "star" },
|
|
42
|
+
{ category: "action", name: "switch-arrows" },
|
|
43
|
+
{ category: "action", name: "tv-next" },
|
|
44
|
+
{ category: "action", name: "tv-pause" },
|
|
45
|
+
{ category: "action", name: "tv-previous" },
|
|
46
|
+
{ category: "action", name: "tv-stop" },
|
|
47
|
+
{ category: "action", name: "upload" },
|
|
48
|
+
{ category: "action", name: "visible" },
|
|
49
|
+
{ category: "action", name: "volume" },
|
|
50
|
+
{ category: "action", name: "zoom-out" },
|
|
51
|
+
{ category: "action", name: "zoom" },
|
|
52
52
|
{ category: "buildings", name: "connected-building" },
|
|
53
53
|
{ category: "buildings", name: "home" },
|
|
54
54
|
{ category: "buildings", name: "hospital" },
|
|
@@ -264,8 +264,8 @@ const e = [
|
|
|
264
264
|
{ category: "other", name: "shopping" },
|
|
265
265
|
{ category: "other", name: "snowflake" },
|
|
266
266
|
{ category: "other", name: "speedometer" },
|
|
267
|
-
{ category: "other", name: "split" },
|
|
268
267
|
{ category: "other", name: "spyware" },
|
|
268
|
+
{ category: "other", name: "split" },
|
|
269
269
|
{ category: "other", name: "stop" },
|
|
270
270
|
{ category: "other", name: "suitcase" },
|
|
271
271
|
{ category: "other", name: "sustainability" },
|
|
@@ -281,15 +281,16 @@ const e = [
|
|
|
281
281
|
{ category: "other", name: "world" },
|
|
282
282
|
{ category: "social", name: "android" },
|
|
283
283
|
{ category: "social", name: "apple" },
|
|
284
|
+
{ category: "social", name: "bankid-norway" },
|
|
284
285
|
{ category: "social", name: "bankid" },
|
|
285
286
|
{ category: "social", name: "facebook" },
|
|
286
287
|
{ category: "social", name: "instagram" },
|
|
288
|
+
{ category: "social", name: "youtube" },
|
|
287
289
|
{ category: "social", name: "linkedin" },
|
|
288
290
|
{ category: "social", name: "snapchat" },
|
|
289
291
|
{ category: "social", name: "whatsapp" },
|
|
290
292
|
{ category: "social", name: "windows" },
|
|
291
293
|
{ category: "social", name: "x" },
|
|
292
|
-
{ category: "social", name: "youtube" },
|
|
293
294
|
{ category: "status", name: "alert-filled" },
|
|
294
295
|
{ category: "status", name: "alert" },
|
|
295
296
|
{ category: "status", name: "check-circle-filled" },
|
package/dist/icons/name.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const iconNames: readonly ["alarm-off", "alarm-on", "attachment", "bookmark-filled", "bookmark", "copy-filled", "copy", "dislike", "download", "edit", "filter", "heart-filled", "heart", "invisible", "like", "lock-open", "lock", "login", "logout", "maximize", "minimize", "mute", "password-invisible", "password-visible", "play-filled", "play", "remove-filled", "remove", "save", "send", "settings", "share", "shuffle", "skip-back-10sec", "skip-back-30sec", "skip-forward-10sec", "skip-forward-30sec", "star-filled", "star", "switch-arrows", "
|
|
1
|
+
export declare const iconNames: readonly ["alarm-off", "alarm-on", "attachment", "bookmark-filled", "bookmark", "copy-filled", "copy", "dislike", "download", "edit", "filter", "heart-filled", "heart", "invisible", "like", "lock-open", "lock", "login", "logout", "maximize", "minimize", "mute", "password-invisible", "password-visible", "play-filled", "play", "remove-filled", "remove", "save", "send", "settings", "share", "shuffle", "sync", "skip-back-10sec", "skip-back-30sec", "skip-forward-10sec", "skip-forward-30sec", "star-filled", "star", "switch-arrows", "tv-next", "tv-pause", "tv-previous", "tv-stop", "upload", "visible", "volume", "zoom-out", "zoom", "connected-building", "home", "hospital", "industry", "premises-datacenter", "premises-large", "premises-medium", "premises-small", "premises", "store", "address-book", "b2b-customer", "care", "chat-robot", "chat", "child-1", "child-2", "conversation", "customer-dialogue", "dsl-hub", "email", "end-user", "handshake", "headphones", "letter", "mms", "new-contact", "new-group", "news", "parental-guide", "people-hub", "people", "portal", "signature", "smiley-happy", "smiley-sad", "sms", "support", "user-admin", "vcard", "voicemail", "battery", "bluetooth", "broadband", "broken-phone", "cast", "cloud-connect", "connected", "core-router", "daas-device", "data-transfer", "desktop", "devices", "esim-simcard", "esim", "face-id", "fiber", "fingerprint", "fiveg", "fourg", "home-installation", "industrial-iot", "internet", "it-service", "laptop", "mobile-broadband", "network", "phone-recycling", "phone-ringing", "phone", "rack", "refill-card", "remote-control", "repair", "roaming", "router", "secure-device", "sense-car", "server", "service-device", "service-supervision", "slow-wifi", "smart-wifi", "smartphone", "smartwatch", "tablet", "trade-phone", "tv", "usb", "voice-switch", "wallplug", "wireless-off", "wireless-weak", "wireless", "world-alert", "world-off", "world-question", "bar-chart", "doc", "document-doc", "document-edit", "document-pdf", "document-ppt", "excel", "folder-copy", "folder-new", "folder", "gif", "graph", "media-content", "org-chart", "pie-chart", "print", "register", "report", "simcard", "spell-check", "summary", "credit-card", "euro", "invoice", "kontantkort", "kr", "late-payment", "money-back-euro", "money-back-kr", "money-euro", "money-kr", "pay-monthly-euro", "pay-monthly-kr", "pay-once-euro", "pay-once-kr", "payment-success", "savings", "wallet", "airplay", "camera", "entertainment", "external", "film", "games", "image", "link", "megaphone", "microphone", "music", "player-settings", "record", "stream", "trailer", "video-conference", "video", "activity-level", "add", "ai-robot", "bag", "basketball", "blood-pressure", "bulb", "business-continuity", "business-intelligence", "calendar", "cart", "close-circle", "cloud", "coffee", "compass", "construction", "cookie", "delivery", "drone", "education", "efficiency", "environment", "facemask", "flag", "focus", "food", "fraud", "getting-started", "home-care", "infinite", "job-search", "key", "layers", "map", "measuring-health", "moisture", "offering", "offshore", "optimization", "pebble", "pet-dog", "pin", "plane", "plus-minus", "police", "power-grid", "present", "press-button", "price", "pulse", "radio", "recycle", "reservation", "reverse", "route", "ruler", "satellite", "secured-1", "secured-2", "security-camera", "shopping", "snowflake", "speedometer", "spyware", "split", "stop", "suitcase", "sustainability", "tag", "temperature", "thinking", "time", "train", "transfer", "undo", "wavelength", "weather", "world", "android", "apple", "bankid-norway", "bankid", "facebook", "instagram", "youtube", "linkedin", "snapchat", "whatsapp", "windows", "x", "alert-filled", "alert", "check-circle-filled", "check-circle", "error-filled", "error", "help", "info-filled", "info", "question-filled", "question", "warning", "arrow-down", "arrow-left", "arrow-right", "arrow-subdirectory", "arrow-up", "card-view", "checkmark-bold", "checkmark", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "close", "grid-view", "list-view", "menu", "minus-bold", "minus", "more-horizontal", "more-vertical", "plus", "search", "services", "sorter", "table-view"];
|
|
2
2
|
export type IconName = (typeof iconNames)[number];
|
package/dist/icons/name.js
CHANGED
|
@@ -32,6 +32,7 @@ const e = [
|
|
|
32
32
|
"settings",
|
|
33
33
|
"share",
|
|
34
34
|
"shuffle",
|
|
35
|
+
"sync",
|
|
35
36
|
"skip-back-10sec",
|
|
36
37
|
"skip-back-30sec",
|
|
37
38
|
"skip-forward-10sec",
|
|
@@ -39,7 +40,6 @@ const e = [
|
|
|
39
40
|
"star-filled",
|
|
40
41
|
"star",
|
|
41
42
|
"switch-arrows",
|
|
42
|
-
"sync",
|
|
43
43
|
"tv-next",
|
|
44
44
|
"tv-pause",
|
|
45
45
|
"tv-previous",
|
|
@@ -264,8 +264,8 @@ const e = [
|
|
|
264
264
|
"shopping",
|
|
265
265
|
"snowflake",
|
|
266
266
|
"speedometer",
|
|
267
|
-
"split",
|
|
268
267
|
"spyware",
|
|
268
|
+
"split",
|
|
269
269
|
"stop",
|
|
270
270
|
"suitcase",
|
|
271
271
|
"sustainability",
|
|
@@ -281,15 +281,16 @@ const e = [
|
|
|
281
281
|
"world",
|
|
282
282
|
"android",
|
|
283
283
|
"apple",
|
|
284
|
+
"bankid-norway",
|
|
284
285
|
"bankid",
|
|
285
286
|
"facebook",
|
|
286
287
|
"instagram",
|
|
288
|
+
"youtube",
|
|
287
289
|
"linkedin",
|
|
288
290
|
"snapchat",
|
|
289
291
|
"whatsapp",
|
|
290
292
|
"windows",
|
|
291
293
|
"x",
|
|
292
|
-
"youtube",
|
|
293
294
|
"alert-filled",
|
|
294
295
|
"alert",
|
|
295
296
|
"check-circle-filled",
|
package/dist/main.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import './assets/main.css';
|
|
2
|
-
import { A as e, B as t, C as p, M as x, N as a, T as f } from "./badge-
|
|
2
|
+
import { A as e, B as t, C as p, M as x, N as a, T as f } from "./badge-C6I_qxYL.js";
|
|
3
3
|
import { R as i } from "./radio-group-B--zT3OL.js";
|
|
4
4
|
import { Box as n } from "./components/box/box.js";
|
|
5
5
|
import { Flex as l } from "./components/flex/flex.js";
|
|
@@ -9,7 +9,7 @@ import { Link as B } from "./components/link/link.js";
|
|
|
9
9
|
import { Button as N } from "./components/button/button.js";
|
|
10
10
|
import { FieldErrorText as y } from "./components/field-error-text/field-error-text.js";
|
|
11
11
|
import { HelperText as G } from "./components/helper-text/helper-text.js";
|
|
12
|
-
import { default as M } from "./assets/
|
|
12
|
+
import { default as M } from "./assets/4bbd022cee9b0f06.svg";
|
|
13
13
|
import { Icon as k } from "./components/icon/icon.js";
|
|
14
14
|
import { Input as C, InputGroup as L } from "./components/input/input.js";
|
|
15
15
|
import { Label as S } from "./components/label/label.js";
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { InsetProps } from './inset';
|
|
2
|
+
import { PositionProps } from './position';
|
|
1
3
|
import { PaddingProps } from './padding';
|
|
2
4
|
import { Justify } from './justify';
|
|
3
5
|
import { GridLayout, GridChildren } from './grid';
|
|
@@ -53,7 +55,7 @@ export declare const displayLayout: readonly [{
|
|
|
53
55
|
}];
|
|
54
56
|
}];
|
|
55
57
|
export type DisplayLayout = Responsive<(typeof displayValues)[number]['key']>;
|
|
56
|
-
export type CommonChildrenLayoutProps = MarginProps & PaddingProps & WidthProps & HeightProps;
|
|
58
|
+
export type CommonChildrenLayoutProps = PositionProps & InsetProps & MarginProps & PaddingProps & WidthProps & HeightProps;
|
|
57
59
|
export type ChildrenLayoutProps = FlexChildren & GridChildren & CommonChildrenLayoutProps;
|
|
58
60
|
export type CommonFlexGridLayoutProps = ChildrenLayoutProps & GapProps & {
|
|
59
61
|
align?: Align;
|
|
@@ -2,24 +2,28 @@ import { margins as k } from "./margin.js";
|
|
|
2
2
|
import { displayFlexValues as N, flexChildren as b, flexLayout as h } from "./flex.js";
|
|
3
3
|
import { widths as j } from "./width.js";
|
|
4
4
|
import { heights as v } from "./height.js";
|
|
5
|
-
import { c as
|
|
5
|
+
import { c as f } from "../../clsx-DB4S2d7J.js";
|
|
6
6
|
import { align as $ } from "./align.js";
|
|
7
7
|
import { gap as L } from "./gap.js";
|
|
8
8
|
import { displayGridValues as O, gridLayout as V, gridChildren as C } from "./grid.js";
|
|
9
9
|
import { justify as P } from "./justify.js";
|
|
10
10
|
import { paddings as w } from "./padding.js";
|
|
11
|
-
|
|
11
|
+
import { position as E } from "./position.js";
|
|
12
|
+
import { inset as F } from "./inset.js";
|
|
13
|
+
const G = {
|
|
12
14
|
sm: "0px",
|
|
13
15
|
md: "600px",
|
|
14
16
|
lg: "1024px",
|
|
15
17
|
xl: "1440px"
|
|
16
|
-
},
|
|
18
|
+
}, K = ["initial", ...Object.keys(G)], R = [...N, ...O], S = [
|
|
17
19
|
{
|
|
18
20
|
key: "display",
|
|
19
21
|
className: "teddy-display",
|
|
20
|
-
values:
|
|
22
|
+
values: R
|
|
21
23
|
}
|
|
22
|
-
],
|
|
24
|
+
], y = [
|
|
25
|
+
...E,
|
|
26
|
+
...F,
|
|
23
27
|
...k,
|
|
24
28
|
...w,
|
|
25
29
|
...j,
|
|
@@ -27,14 +31,14 @@ const E = {
|
|
|
27
31
|
...L,
|
|
28
32
|
...$,
|
|
29
33
|
...P,
|
|
30
|
-
...
|
|
34
|
+
...S,
|
|
31
35
|
...b,
|
|
32
36
|
...h,
|
|
33
37
|
...V,
|
|
34
38
|
...C
|
|
35
39
|
];
|
|
36
|
-
function
|
|
37
|
-
return typeof o == "object" && Object.keys(o).some((e) =>
|
|
40
|
+
function q(o) {
|
|
41
|
+
return typeof o == "object" && Object.keys(o).some((e) => K.includes(e));
|
|
38
42
|
}
|
|
39
43
|
function u(...o) {
|
|
40
44
|
let e = {};
|
|
@@ -42,30 +46,30 @@ function u(...o) {
|
|
|
42
46
|
s && (e = { ...e, ...s });
|
|
43
47
|
return Object.keys(e).length ? e : void 0;
|
|
44
48
|
}
|
|
45
|
-
function
|
|
49
|
+
function X(o) {
|
|
46
50
|
var m;
|
|
47
51
|
const e = { ...o };
|
|
48
|
-
let s = e.style,
|
|
49
|
-
for (const d in
|
|
50
|
-
const t =
|
|
51
|
-
if (
|
|
52
|
+
let s = e.style, i = e.className;
|
|
53
|
+
for (const d in y) {
|
|
54
|
+
const t = y[d], n = t.key, r = e[n];
|
|
55
|
+
if (r && (q(r) && Object.entries(r).forEach(([a, l]) => {
|
|
52
56
|
var p;
|
|
53
57
|
const c = ((p = t.values.find((g) => g.key === l)) == null ? void 0 : p.value) ?? l;
|
|
54
|
-
s = u(s, { [`--${t.className}-${
|
|
55
|
-
const x = `${
|
|
56
|
-
|
|
57
|
-
}), typeof
|
|
58
|
-
const
|
|
59
|
-
s = u(s, { [`--${t.className}`]:
|
|
58
|
+
s = u(s, { [`--${t.className}-${a}`]: c });
|
|
59
|
+
const x = `${a}:${t.className}`;
|
|
60
|
+
i = f(i, x), delete e[n];
|
|
61
|
+
}), typeof r == "string")) {
|
|
62
|
+
const a = ((m = t.values.find((c) => c.key === r)) == null ? void 0 : m.value) ?? r;
|
|
63
|
+
s = u(s, { [`--${t.className}`]: a });
|
|
60
64
|
const l = `${t.className}`;
|
|
61
|
-
|
|
65
|
+
i = f(i, l), delete e[n];
|
|
62
66
|
}
|
|
63
67
|
}
|
|
64
|
-
return { ...e, className:
|
|
68
|
+
return { ...e, className: i, style: s };
|
|
65
69
|
}
|
|
66
70
|
export {
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
71
|
+
S as displayLayout,
|
|
72
|
+
R as displayValues,
|
|
73
|
+
X as extractProps,
|
|
70
74
|
u as mergeStyles
|
|
71
75
|
};
|