@telia/teddy 0.0.45 → 0.0.46
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.
|
@@ -4,7 +4,7 @@ import { Variant } from './utils';
|
|
|
4
4
|
|
|
5
5
|
export declare const rootClassName = "teddy-card";
|
|
6
6
|
export declare const actionElementIdentifier = "teddy-card__action";
|
|
7
|
-
export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-large' | 'rich-card';
|
|
7
|
+
export type Layout = 'navigation-vertical' | 'navigation-horizontal-small' | 'navigation-horizontal-large' | 'rich-card' | 'default';
|
|
8
8
|
type Gradient = 'light' | 'dark' | 'default';
|
|
9
9
|
export declare const RootContext: React.Context<{
|
|
10
10
|
buttonRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -29,17 +29,17 @@ const components_visuallyHidden_visuallyHidden = require("../../visually-hidden/
|
|
|
29
29
|
const components_link_link = require("../../link/link.cjs");
|
|
30
30
|
const components_list_index = require("../../list/index.cjs");
|
|
31
31
|
const styles = {
|
|
32
|
-
"teddy-global-navigation": "_teddy-global-
|
|
33
|
-
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-
|
|
34
|
-
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-
|
|
35
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
36
|
-
"teddy-global-navigation__link": "_teddy-global-
|
|
37
|
-
"teddy-global-navigation__viewport": "_teddy-global-
|
|
38
|
-
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-
|
|
39
|
-
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-
|
|
40
|
-
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-
|
|
41
|
-
"close-viewport": "_close-
|
|
42
|
-
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-
|
|
32
|
+
"teddy-global-navigation": "_teddy-global-navigation_xrrz1_1",
|
|
33
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_xrrz1_6",
|
|
34
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_xrrz1_9",
|
|
35
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_xrrz1_6",
|
|
36
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_xrrz1_26",
|
|
37
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_xrrz1_29",
|
|
38
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_xrrz1_32",
|
|
39
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_xrrz1_35",
|
|
40
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_xrrz1_43",
|
|
41
|
+
"close-viewport": "_close-viewport_xrrz1_1",
|
|
42
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_xrrz1_54"
|
|
43
43
|
};
|
|
44
44
|
function MyPages(props) {
|
|
45
45
|
var _a, _b;
|
|
@@ -27,17 +27,17 @@ import { VisuallyHidden } from "../../visually-hidden/visually-hidden.js";
|
|
|
27
27
|
import { Link } from "../../link/link.js";
|
|
28
28
|
import { List } from "../../list/index.js";
|
|
29
29
|
const styles = {
|
|
30
|
-
"teddy-global-navigation": "_teddy-global-
|
|
31
|
-
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-
|
|
32
|
-
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-
|
|
33
|
-
"teddy-global-navigation__mobile": "_teddy-global-
|
|
34
|
-
"teddy-global-navigation__link": "_teddy-global-
|
|
35
|
-
"teddy-global-navigation__viewport": "_teddy-global-
|
|
36
|
-
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-
|
|
37
|
-
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-
|
|
38
|
-
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-
|
|
39
|
-
"close-viewport": "_close-
|
|
40
|
-
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-
|
|
30
|
+
"teddy-global-navigation": "_teddy-global-navigation_xrrz1_1",
|
|
31
|
+
"teddy-global-navigation__mobile-trigger": "_teddy-global-navigation__mobile-trigger_xrrz1_6",
|
|
32
|
+
"teddy-global-navigation__mobile-header": "_teddy-global-navigation__mobile-header_xrrz1_9",
|
|
33
|
+
"teddy-global-navigation__mobile": "_teddy-global-navigation__mobile_xrrz1_6",
|
|
34
|
+
"teddy-global-navigation__link": "_teddy-global-navigation__link_xrrz1_26",
|
|
35
|
+
"teddy-global-navigation__viewport": "_teddy-global-navigation__viewport_xrrz1_29",
|
|
36
|
+
"teddy-global-navigation__item-wrapper": "_teddy-global-navigation__item-wrapper_xrrz1_32",
|
|
37
|
+
"teddy-global-navigation__item-count": "_teddy-global-navigation__item-count_xrrz1_35",
|
|
38
|
+
"teddy-global-navigation__viewport-wrapper": "_teddy-global-navigation__viewport-wrapper_xrrz1_43",
|
|
39
|
+
"close-viewport": "_close-viewport_xrrz1_1",
|
|
40
|
+
"teddy-global-navigation__top-menu-wrapper": "_teddy-global-navigation__top-menu-wrapper_xrrz1_54"
|
|
41
41
|
};
|
|
42
42
|
function MyPages(props) {
|
|
43
43
|
var _a, _b;
|
package/dist/style.css
CHANGED
|
@@ -3322,41 +3322,41 @@
|
|
|
3322
3322
|
height: 0;
|
|
3323
3323
|
}
|
|
3324
3324
|
}
|
|
3325
|
-
}._teddy-global-
|
|
3325
|
+
}._teddy-global-navigation_xrrz1_1 {
|
|
3326
3326
|
position: sticky;
|
|
3327
3327
|
inset: 0 0 auto 0;
|
|
3328
3328
|
z-index: 39;
|
|
3329
3329
|
}
|
|
3330
|
-
._teddy-global-navigation__mobile-
|
|
3330
|
+
._teddy-global-navigation__mobile-trigger_xrrz1_6 {
|
|
3331
3331
|
border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3332
3332
|
}
|
|
3333
|
-
._teddy-global-navigation__mobile-
|
|
3333
|
+
._teddy-global-navigation__mobile-header_xrrz1_9[data-state=open] {
|
|
3334
3334
|
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
3335
3335
|
}
|
|
3336
|
-
._teddy-global-
|
|
3336
|
+
._teddy-global-navigation__mobile_xrrz1_6 {
|
|
3337
3337
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
3338
3338
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
3339
3339
|
}
|
|
3340
|
-
._teddy-global-
|
|
3340
|
+
._teddy-global-navigation__mobile_xrrz1_6::before {
|
|
3341
3341
|
content: "";
|
|
3342
3342
|
display: block;
|
|
3343
3343
|
width: var(--width-for-centering-element);
|
|
3344
3344
|
}
|
|
3345
|
-
._teddy-global-
|
|
3345
|
+
._teddy-global-navigation__mobile_xrrz1_6::after {
|
|
3346
3346
|
content: "";
|
|
3347
3347
|
display: block;
|
|
3348
3348
|
width: var(--width-for-centering-element);
|
|
3349
3349
|
}
|
|
3350
|
-
._teddy-global-
|
|
3350
|
+
._teddy-global-navigation__link_xrrz1_26 {
|
|
3351
3351
|
text-decoration: none;
|
|
3352
3352
|
}
|
|
3353
|
-
._teddy-global-
|
|
3354
|
-
height: var(--radix-navigation-menu-viewport-height, calc(
|
|
3353
|
+
._teddy-global-navigation__viewport_xrrz1_29 {
|
|
3354
|
+
height: var(--radix-navigation-menu-viewport-height, calc(47px * var(--teddy-scale)));
|
|
3355
3355
|
}
|
|
3356
|
-
._teddy-global-navigation__item-
|
|
3356
|
+
._teddy-global-navigation__item-wrapper_xrrz1_32 {
|
|
3357
3357
|
position: relative;
|
|
3358
3358
|
}
|
|
3359
|
-
._teddy-global-navigation__item-
|
|
3359
|
+
._teddy-global-navigation__item-count_xrrz1_35 {
|
|
3360
3360
|
display: flex;
|
|
3361
3361
|
justify-content: center;
|
|
3362
3362
|
align-items: center;
|
|
@@ -3364,29 +3364,29 @@
|
|
|
3364
3364
|
left: 15px;
|
|
3365
3365
|
top: -6px;
|
|
3366
3366
|
}
|
|
3367
|
-
._teddy-global-navigation__viewport-
|
|
3367
|
+
._teddy-global-navigation__viewport-wrapper_xrrz1_43 {
|
|
3368
3368
|
overflow: hidden;
|
|
3369
3369
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
3370
3370
|
}
|
|
3371
|
-
._teddy-global-navigation__viewport-
|
|
3371
|
+
._teddy-global-navigation__viewport-wrapper_xrrz1_43[data-state=open] {
|
|
3372
3372
|
max-height: var(--teddy-top-menu-height);
|
|
3373
3373
|
}
|
|
3374
|
-
._teddy-global-navigation__viewport-
|
|
3375
|
-
animation: _close-
|
|
3374
|
+
._teddy-global-navigation__viewport-wrapper_xrrz1_43[data-state=closed] {
|
|
3375
|
+
animation: _close-viewport_xrrz1_1 var(--teddy-motion-duration-controlled, 0) ease;
|
|
3376
3376
|
max-height: 0;
|
|
3377
3377
|
}
|
|
3378
|
-
._teddy-global-navigation__top-menu-
|
|
3378
|
+
._teddy-global-navigation__top-menu-wrapper_xrrz1_54 {
|
|
3379
3379
|
overflow: hidden;
|
|
3380
3380
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
3381
3381
|
}
|
|
3382
|
-
._teddy-global-navigation__top-menu-
|
|
3383
|
-
max-height: var(--teddy-top-menu-height,
|
|
3382
|
+
._teddy-global-navigation__top-menu-wrapper_xrrz1_54[data-state=open] {
|
|
3383
|
+
max-height: var(--teddy-top-menu-height, 47px);
|
|
3384
3384
|
}
|
|
3385
|
-
._teddy-global-navigation__top-menu-
|
|
3385
|
+
._teddy-global-navigation__top-menu-wrapper_xrrz1_54[data-state=closed] {
|
|
3386
3386
|
max-height: 0;
|
|
3387
3387
|
}
|
|
3388
3388
|
|
|
3389
|
-
@keyframes _close-
|
|
3389
|
+
@keyframes _close-viewport_xrrz1_1 {
|
|
3390
3390
|
0% {
|
|
3391
3391
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
3392
3392
|
}
|