@telia/teddy 0.1.24 → 0.1.26
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/navigation-menu/global-navigation/utils.cjs +14 -21
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +29 -10
- package/dist/components/navigation-menu/global-navigation/utils.js +14 -21
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +44 -82
- package/dist/components/radio-card-group/radio-card-group-item-title.js +44 -82
- package/dist/components/tabs/tabs-root.cjs +5 -5
- package/dist/components/tabs/tabs-root.js +5 -5
- package/dist/style.css +115 -226
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -2251,7 +2251,7 @@
|
|
|
2251
2251
|
}
|
|
2252
2252
|
._teddy-scroll-area__button--hidden_1r6mf_93[data-direction=down] {
|
|
2253
2253
|
transform: translate(-50%, 100%);
|
|
2254
|
-
}._teddy-
|
|
2254
|
+
}._teddy-tabs__list_e9ndq_1 {
|
|
2255
2255
|
display: flex;
|
|
2256
2256
|
max-width: fit-content;
|
|
2257
2257
|
background-color: var(--teddy-color-background-secondary);
|
|
@@ -2259,7 +2259,7 @@
|
|
|
2259
2259
|
padding: var(--teddy-spacing-50);
|
|
2260
2260
|
position: relative;
|
|
2261
2261
|
}
|
|
2262
|
-
._teddy-
|
|
2262
|
+
._teddy-tabs__list_e9ndq_1::before {
|
|
2263
2263
|
content: "";
|
|
2264
2264
|
position: absolute;
|
|
2265
2265
|
inset: var(--teddy-spacing-50);
|
|
@@ -2272,20 +2272,20 @@
|
|
|
2272
2272
|
border-radius: calc(99vmin / var(--_width, 0.125))/99vmin;
|
|
2273
2273
|
}
|
|
2274
2274
|
@media (prefers-reduced-motion: no-preference) {
|
|
2275
|
-
._teddy-
|
|
2275
|
+
._teddy-tabs__list_e9ndq_1::before {
|
|
2276
2276
|
transition: border-radius, scale, translate;
|
|
2277
2277
|
transition-timing-function: var(--teddy-motion-easing-ease-in-out);
|
|
2278
2278
|
transition-duration: var(--_duration, 0);
|
|
2279
2279
|
}
|
|
2280
2280
|
}
|
|
2281
|
-
._teddy-tabs--full-
|
|
2281
|
+
._teddy-tabs--full-width_e9ndq_28 ._teddy-tabs__list_e9ndq_1 {
|
|
2282
2282
|
max-width: initial;
|
|
2283
2283
|
}
|
|
2284
|
-
._teddy-
|
|
2284
|
+
._teddy-tabs__content_e9ndq_31:focus-visible {
|
|
2285
2285
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
2286
2286
|
outline-offset: var(--teddy-spacing-25);
|
|
2287
2287
|
}
|
|
2288
|
-
._teddy-
|
|
2288
|
+
._teddy-tabs__trigger_e9ndq_35 {
|
|
2289
2289
|
flex: 1 0 auto;
|
|
2290
2290
|
min-width: 3rem;
|
|
2291
2291
|
color: var(--teddy-color-text-interactive-primary);
|
|
@@ -2296,25 +2296,31 @@
|
|
|
2296
2296
|
cursor: pointer;
|
|
2297
2297
|
transition: color calc(var(--_duration, 0)) var(--teddy-motion-easing-ease-in-out);
|
|
2298
2298
|
}
|
|
2299
|
-
._teddy-
|
|
2299
|
+
._teddy-tabs__trigger_e9ndq_35[data-state=active] {
|
|
2300
2300
|
color: var(--teddy-color-text-interactive-on-primary);
|
|
2301
2301
|
cursor: default;
|
|
2302
2302
|
}
|
|
2303
|
-
._teddy-
|
|
2303
|
+
._teddy-tabs__trigger_e9ndq_35[data-state=active]:hover {
|
|
2304
|
+
background-color: var(--teddy-color-background-interactive-primary-hover);
|
|
2305
|
+
}
|
|
2306
|
+
._teddy-tabs__trigger_e9ndq_35:hover {
|
|
2307
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2308
|
+
}
|
|
2309
|
+
._teddy-tabs__scroll-button_e9ndq_56 {
|
|
2304
2310
|
background-color: var(--teddy-color-background-secondary);
|
|
2305
2311
|
color: var(--teddy-color-text-default);
|
|
2306
2312
|
z-index: 1;
|
|
2307
2313
|
}
|
|
2308
|
-
._teddy-tabs__scroll-
|
|
2314
|
+
._teddy-tabs__scroll-button_e9ndq_56:hover {
|
|
2309
2315
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
2310
2316
|
}
|
|
2311
|
-
._teddy-tabs__scroll-
|
|
2317
|
+
._teddy-tabs__scroll-button_e9ndq_56:active {
|
|
2312
2318
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
2313
2319
|
}
|
|
2314
|
-
._teddy-tabs__scroll-
|
|
2320
|
+
._teddy-tabs__scroll-button_e9ndq_56::before {
|
|
2315
2321
|
z-index: 1;
|
|
2316
2322
|
}
|
|
2317
|
-
._teddy-tabs__scroll-
|
|
2323
|
+
._teddy-tabs__scroll-button_e9ndq_56::after {
|
|
2318
2324
|
content: "";
|
|
2319
2325
|
top: 0;
|
|
2320
2326
|
left: 100%;
|
|
@@ -2323,7 +2329,7 @@
|
|
|
2323
2329
|
width: 1rem;
|
|
2324
2330
|
background: linear-gradient(90deg, var(--teddy-color-background-secondary) 0%, var(--teddy-color-functional-transparent) 100%);
|
|
2325
2331
|
}
|
|
2326
|
-
._teddy-tabs__scroll-
|
|
2332
|
+
._teddy-tabs__scroll-button_e9ndq_56[data-direction=right]::after {
|
|
2327
2333
|
left: auto;
|
|
2328
2334
|
right: 100%;
|
|
2329
2335
|
transform: rotate(180deg);
|
|
@@ -4699,7 +4705,7 @@
|
|
|
4699
4705
|
._teddy-modal__content_lkqhu_37:where([data-state=closed]) {
|
|
4700
4706
|
animation: _modal-content-hide_lkqhu_1 150ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
4701
4707
|
}
|
|
4702
|
-
}._teddy-navigation-
|
|
4708
|
+
}._teddy-navigation-menu_6p30v_1 {
|
|
4703
4709
|
--item-gap: var(--teddy-spacing-200);
|
|
4704
4710
|
--width-for-centering-element: calc((100% - var(--teddy-breakpoint-xl) + var(--teddy-spacing-600) * 2) / 2);
|
|
4705
4711
|
--inline-padding: calc(var(--teddy-spacing-200) - var(--item-gap));
|
|
@@ -4711,16 +4717,16 @@
|
|
|
4711
4717
|
background-color: var(--teddy-color-background-primary);
|
|
4712
4718
|
}
|
|
4713
4719
|
@media (min-width: 600px) {
|
|
4714
|
-
._teddy-navigation-
|
|
4720
|
+
._teddy-navigation-menu_6p30v_1 {
|
|
4715
4721
|
--inline-padding: calc(var(--teddy-spacing-300) - var(--item-gap));
|
|
4716
4722
|
}
|
|
4717
4723
|
}
|
|
4718
4724
|
@media (min-width: 1440px) {
|
|
4719
|
-
._teddy-navigation-
|
|
4725
|
+
._teddy-navigation-menu_6p30v_1 {
|
|
4720
4726
|
--inline-padding: calc(var(--teddy-spacing-400) - var(--item-gap));
|
|
4721
4727
|
}
|
|
4722
4728
|
}
|
|
4723
|
-
._teddy-navigation-
|
|
4729
|
+
._teddy-navigation-menu_6p30v_1::after {
|
|
4724
4730
|
content: "";
|
|
4725
4731
|
position: absolute;
|
|
4726
4732
|
inset: 0;
|
|
@@ -4728,17 +4734,17 @@
|
|
|
4728
4734
|
opacity: 0;
|
|
4729
4735
|
}
|
|
4730
4736
|
@media (prefers-reduced-motion: no-preference) {
|
|
4731
|
-
._teddy-navigation-
|
|
4737
|
+
._teddy-navigation-menu_6p30v_1::after {
|
|
4732
4738
|
transition: opacity var(--teddy-motion-duration-300) ease;
|
|
4733
4739
|
}
|
|
4734
4740
|
}
|
|
4735
|
-
._teddy-navigation-
|
|
4741
|
+
._teddy-navigation-menu_6p30v_1:has(._teddy-navigation-menu__viewport_6p30v_34[data-state=open])::after {
|
|
4736
4742
|
opacity: 1;
|
|
4737
4743
|
}
|
|
4738
|
-
._teddy-navigation-
|
|
4744
|
+
._teddy-navigation-menu__separator_6p30v_37 {
|
|
4739
4745
|
border-top: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
4740
4746
|
}
|
|
4741
|
-
._teddy-navigation-
|
|
4747
|
+
._teddy-navigation-menu__list_6p30v_40 {
|
|
4742
4748
|
all: unset;
|
|
4743
4749
|
list-style-type: none;
|
|
4744
4750
|
display: flex;
|
|
@@ -4748,23 +4754,23 @@
|
|
|
4748
4754
|
gap: var(--item-gap);
|
|
4749
4755
|
}
|
|
4750
4756
|
@media (min-width: 1440px) {
|
|
4751
|
-
._teddy-navigation-
|
|
4757
|
+
._teddy-navigation-menu__list_6p30v_40 {
|
|
4752
4758
|
margin: 0 auto;
|
|
4753
4759
|
}
|
|
4754
4760
|
}
|
|
4755
|
-
._teddy-navigation-
|
|
4761
|
+
._teddy-navigation-menu__list_6p30v_40::before {
|
|
4756
4762
|
display: block;
|
|
4757
4763
|
width: var(--width-for-centering-element);
|
|
4758
4764
|
}
|
|
4759
|
-
._teddy-navigation-
|
|
4765
|
+
._teddy-navigation-menu__list_6p30v_40::after {
|
|
4760
4766
|
content: "";
|
|
4761
4767
|
display: block;
|
|
4762
4768
|
width: var(--width-for-centering-element);
|
|
4763
4769
|
}
|
|
4764
|
-
._teddy-navigation-
|
|
4770
|
+
._teddy-navigation-menu__list_6p30v_40 li {
|
|
4765
4771
|
line-height: 1.2;
|
|
4766
4772
|
}
|
|
4767
|
-
._teddy-navigation-menu__top-menu-
|
|
4773
|
+
._teddy-navigation-menu__top-menu-list_6p30v_66 {
|
|
4768
4774
|
all: unset;
|
|
4769
4775
|
position: relative;
|
|
4770
4776
|
list-style-type: none;
|
|
@@ -4772,20 +4778,20 @@
|
|
|
4772
4778
|
display: flex;
|
|
4773
4779
|
align-items: center;
|
|
4774
4780
|
}
|
|
4775
|
-
._teddy-navigation-menu__top-menu-
|
|
4781
|
+
._teddy-navigation-menu__top-menu-list_6p30v_66::before {
|
|
4776
4782
|
display: block;
|
|
4777
4783
|
width: var(--width-for-centering-element);
|
|
4778
4784
|
}
|
|
4779
|
-
._teddy-navigation-menu__top-menu-
|
|
4785
|
+
._teddy-navigation-menu__top-menu-list_6p30v_66::after {
|
|
4780
4786
|
content: "";
|
|
4781
4787
|
display: block;
|
|
4782
4788
|
width: var(--width-for-centering-element);
|
|
4783
4789
|
}
|
|
4784
|
-
._teddy-navigation-menu__top-menu-
|
|
4790
|
+
._teddy-navigation-menu__top-menu-list_6p30v_66 li {
|
|
4785
4791
|
display: grid;
|
|
4786
4792
|
line-height: 1.2;
|
|
4787
4793
|
}
|
|
4788
|
-
._teddy-navigation-menu__top-menu-
|
|
4794
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87 {
|
|
4789
4795
|
all: unset;
|
|
4790
4796
|
position: relative;
|
|
4791
4797
|
cursor: pointer;
|
|
@@ -4804,13 +4810,13 @@
|
|
|
4804
4810
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
4805
4811
|
text-align: center;
|
|
4806
4812
|
}
|
|
4807
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
4813
|
+
._teddy-navigation-menu__top-menu-trigger--small_6p30v_106 {
|
|
4808
4814
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
4809
4815
|
font-size: var(--teddy-typography-scale-100);
|
|
4810
4816
|
line-height: var(--teddy-typography-line-height-loose);
|
|
4811
4817
|
outline-offset: -2px;
|
|
4812
4818
|
}
|
|
4813
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
4819
|
+
._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
|
|
4814
4820
|
padding: var(--teddy-spacing-100);
|
|
4815
4821
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
4816
4822
|
box-sizing: border-box;
|
|
@@ -4823,11 +4829,11 @@
|
|
|
4823
4829
|
row-gap: var(--teddy-spacing-50);
|
|
4824
4830
|
}
|
|
4825
4831
|
@media (max-width: 600px) {
|
|
4826
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
4832
|
+
._teddy-navigation-menu__top-menu-trigger--button_6p30v_112 {
|
|
4827
4833
|
font-size: var(--teddy-typography-scale-75);
|
|
4828
4834
|
}
|
|
4829
4835
|
}
|
|
4830
|
-
._teddy-navigation-menu__top-menu-
|
|
4836
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87::after {
|
|
4831
4837
|
content: "";
|
|
4832
4838
|
display: block;
|
|
4833
4839
|
position: absolute;
|
|
@@ -4838,10 +4844,10 @@
|
|
|
4838
4844
|
pointer-events: none;
|
|
4839
4845
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
4840
4846
|
}
|
|
4841
|
-
._teddy-navigation-menu__top-menu-trigger--
|
|
4847
|
+
._teddy-navigation-menu__top-menu-trigger--button_6p30v_112::after {
|
|
4842
4848
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
4843
4849
|
}
|
|
4844
|
-
._teddy-navigation-menu__top-menu-
|
|
4850
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
|
|
4845
4851
|
content: attr(data-text);
|
|
4846
4852
|
content: attr(data-text)/"";
|
|
4847
4853
|
height: 0;
|
|
@@ -4852,81 +4858,72 @@
|
|
|
4852
4858
|
font-weight: var(--teddy-typography-weight-bold);
|
|
4853
4859
|
}
|
|
4854
4860
|
@media speech {
|
|
4855
|
-
._teddy-navigation-menu__top-menu-
|
|
4861
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:not(._teddy-navigation-menu__top-menu-trigger--button_6p30v_112)::before {
|
|
4856
4862
|
display: none;
|
|
4857
4863
|
}
|
|
4858
4864
|
}
|
|
4859
|
-
._teddy-navigation-menu__top-menu-
|
|
4865
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover {
|
|
4860
4866
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
4861
4867
|
}
|
|
4862
|
-
._teddy-navigation-menu__top-menu-
|
|
4868
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:hover::after {
|
|
4863
4869
|
opacity: 1;
|
|
4864
4870
|
}
|
|
4865
|
-
._teddy-navigation-menu__top-menu-
|
|
4871
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:active {
|
|
4866
4872
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
4867
4873
|
}
|
|
4868
|
-
._teddy-navigation-menu__top-menu-
|
|
4874
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:active::after {
|
|
4869
4875
|
opacity: 1;
|
|
4870
4876
|
}
|
|
4871
|
-
._teddy-navigation-menu__top-menu-
|
|
4877
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open], ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active]), ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active] {
|
|
4872
4878
|
font-weight: var(--teddy-typography-weight-bold);
|
|
4873
4879
|
}
|
|
4874
|
-
._teddy-navigation-menu__top-menu-
|
|
4880
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87:has([data-active])::after, ._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-active]::after {
|
|
4875
4881
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
4876
4882
|
opacity: 1;
|
|
4877
4883
|
}
|
|
4878
|
-
._teddy-navigation-menu__top-menu-
|
|
4884
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87:focus-visible {
|
|
4879
4885
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
4880
4886
|
}
|
|
4881
|
-
._teddy-navigation-menu__top-menu-
|
|
4887
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open] {
|
|
4882
4888
|
font-weight: var(--teddy-typography-weight-bold);
|
|
4883
4889
|
}
|
|
4884
|
-
._teddy-navigation-menu__top-menu-
|
|
4890
|
+
._teddy-navigation-menu__top-menu-trigger_6p30v_87[data-state=open]::after {
|
|
4885
4891
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
4886
4892
|
opacity: 1;
|
|
4887
4893
|
}
|
|
4888
|
-
._teddy-navigation-
|
|
4894
|
+
._teddy-navigation-menu__content_6p30v_187 {
|
|
4889
4895
|
all: unset;
|
|
4890
4896
|
list-style-type: none;
|
|
4891
4897
|
justify-content: space-between;
|
|
4892
4898
|
display: flex;
|
|
4893
4899
|
gap: var(--teddy-spacing-100);
|
|
4894
4900
|
padding: 0;
|
|
4895
|
-
position: absolute;
|
|
4896
|
-
left: 0;
|
|
4897
|
-
right: 0;
|
|
4898
4901
|
max-width: 84rem;
|
|
4899
4902
|
margin: 0 var(--teddy-spacing-600);
|
|
4900
4903
|
overflow: clip;
|
|
4901
4904
|
}
|
|
4902
|
-
._teddy-navigation-
|
|
4905
|
+
._teddy-navigation-menu__content_6p30v_187 > ul {
|
|
4903
4906
|
list-style: none;
|
|
4904
4907
|
display: flex;
|
|
4905
4908
|
margin: 0;
|
|
4906
4909
|
padding: 0;
|
|
4907
4910
|
}
|
|
4908
|
-
._teddy-navigation-
|
|
4911
|
+
._teddy-navigation-menu__content_6p30v_187 > ul > li {
|
|
4909
4912
|
display: grid;
|
|
4910
4913
|
line-height: 1.2;
|
|
4911
4914
|
}
|
|
4912
4915
|
@media (min-width: 1440px) {
|
|
4913
|
-
._teddy-navigation-
|
|
4916
|
+
._teddy-navigation-menu__content_6p30v_187 {
|
|
4914
4917
|
margin: 0 auto;
|
|
4915
4918
|
}
|
|
4916
4919
|
}
|
|
4917
|
-
|
|
4918
|
-
._teddy-navigation-menu__content_19565_187 {
|
|
4919
|
-
animation-duration: var(--teddy-motion-duration-300);
|
|
4920
|
-
animation-timing-function: ease;
|
|
4921
|
-
}
|
|
4922
|
-
}
|
|
4923
|
-
._teddy-navigation-menu__content_19565_187::before {
|
|
4920
|
+
._teddy-navigation-menu__content_6p30v_187::before {
|
|
4924
4921
|
content: "";
|
|
4925
4922
|
position: absolute;
|
|
4926
4923
|
inset: 0;
|
|
4927
4924
|
box-shadow: 0 var(--teddy-border-width-lg) var(--teddy-border-width-lg) calc(var(--teddy-border-width-md) * -1) var(--teddy-color-border-weak);
|
|
4928
4925
|
}
|
|
4929
|
-
._teddy-navigation-
|
|
4926
|
+
._teddy-navigation-menu__trigger_6p30v_219 {
|
|
4930
4927
|
position: relative;
|
|
4931
4928
|
all: unset;
|
|
4932
4929
|
position: relative;
|
|
@@ -4946,13 +4943,13 @@
|
|
|
4946
4943
|
padding: var(--teddy-spacing-200) var(--teddy-spacing-100);
|
|
4947
4944
|
text-align: center;
|
|
4948
4945
|
}
|
|
4949
|
-
._teddy-navigation-menu__trigger--
|
|
4946
|
+
._teddy-navigation-menu__trigger--small_6p30v_239 {
|
|
4950
4947
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
4951
4948
|
font-size: var(--teddy-typography-scale-100);
|
|
4952
4949
|
line-height: var(--teddy-typography-line-height-loose);
|
|
4953
4950
|
outline-offset: -2px;
|
|
4954
4951
|
}
|
|
4955
|
-
._teddy-navigation-menu__trigger--
|
|
4952
|
+
._teddy-navigation-menu__trigger--button_6p30v_245 {
|
|
4956
4953
|
padding: var(--teddy-spacing-100);
|
|
4957
4954
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
4958
4955
|
box-sizing: border-box;
|
|
@@ -4965,11 +4962,11 @@
|
|
|
4965
4962
|
row-gap: var(--teddy-spacing-50);
|
|
4966
4963
|
}
|
|
4967
4964
|
@media (max-width: 600px) {
|
|
4968
|
-
._teddy-navigation-menu__trigger--
|
|
4965
|
+
._teddy-navigation-menu__trigger--button_6p30v_245 {
|
|
4969
4966
|
font-size: var(--teddy-typography-scale-75);
|
|
4970
4967
|
}
|
|
4971
4968
|
}
|
|
4972
|
-
._teddy-navigation-
|
|
4969
|
+
._teddy-navigation-menu__trigger_6p30v_219::after {
|
|
4973
4970
|
content: "";
|
|
4974
4971
|
display: block;
|
|
4975
4972
|
position: absolute;
|
|
@@ -4980,10 +4977,10 @@
|
|
|
4980
4977
|
pointer-events: none;
|
|
4981
4978
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
4982
4979
|
}
|
|
4983
|
-
._teddy-navigation-menu__trigger--
|
|
4980
|
+
._teddy-navigation-menu__trigger--button_6p30v_245::after {
|
|
4984
4981
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
4985
4982
|
}
|
|
4986
|
-
._teddy-navigation-
|
|
4983
|
+
._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
|
|
4987
4984
|
content: attr(data-text);
|
|
4988
4985
|
content: attr(data-text)/"";
|
|
4989
4986
|
height: 0;
|
|
@@ -4994,33 +4991,33 @@
|
|
|
4994
4991
|
font-weight: var(--teddy-typography-weight-bold);
|
|
4995
4992
|
}
|
|
4996
4993
|
@media speech {
|
|
4997
|
-
._teddy-navigation-
|
|
4994
|
+
._teddy-navigation-menu__trigger_6p30v_219:not(._teddy-navigation-menu__trigger--button_6p30v_245)::before {
|
|
4998
4995
|
display: none;
|
|
4999
4996
|
}
|
|
5000
4997
|
}
|
|
5001
|
-
._teddy-navigation-
|
|
4998
|
+
._teddy-navigation-menu__trigger_6p30v_219:hover {
|
|
5002
4999
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5003
5000
|
}
|
|
5004
|
-
._teddy-navigation-
|
|
5001
|
+
._teddy-navigation-menu__trigger_6p30v_219:hover::after {
|
|
5005
5002
|
opacity: 1;
|
|
5006
5003
|
}
|
|
5007
|
-
._teddy-navigation-
|
|
5004
|
+
._teddy-navigation-menu__trigger_6p30v_219:active {
|
|
5008
5005
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5009
5006
|
}
|
|
5010
|
-
._teddy-navigation-
|
|
5007
|
+
._teddy-navigation-menu__trigger_6p30v_219:active::after {
|
|
5011
5008
|
opacity: 1;
|
|
5012
5009
|
}
|
|
5013
|
-
._teddy-navigation-
|
|
5010
|
+
._teddy-navigation-menu__trigger_6p30v_219[data-state=open], ._teddy-navigation-menu__trigger_6p30v_219:has([data-active]), ._teddy-navigation-menu__trigger_6p30v_219[data-active] {
|
|
5014
5011
|
font-weight: var(--teddy-typography-weight-bold);
|
|
5015
5012
|
}
|
|
5016
|
-
._teddy-navigation-
|
|
5013
|
+
._teddy-navigation-menu__trigger_6p30v_219[data-state=open]::after, ._teddy-navigation-menu__trigger_6p30v_219:has([data-active])::after, ._teddy-navigation-menu__trigger_6p30v_219[data-active]::after {
|
|
5017
5014
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
5018
5015
|
opacity: 1;
|
|
5019
5016
|
}
|
|
5020
|
-
._teddy-navigation-
|
|
5017
|
+
._teddy-navigation-menu__trigger_6p30v_219:focus-visible {
|
|
5021
5018
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
5022
5019
|
}
|
|
5023
|
-
._teddy-navigation-
|
|
5020
|
+
._teddy-navigation-menu__link_6p30v_313 {
|
|
5024
5021
|
all: unset;
|
|
5025
5022
|
position: relative;
|
|
5026
5023
|
cursor: pointer;
|
|
@@ -5040,13 +5037,13 @@
|
|
|
5040
5037
|
text-align: center;
|
|
5041
5038
|
text-decoration: none;
|
|
5042
5039
|
}
|
|
5043
|
-
._teddy-navigation-menu__link--
|
|
5040
|
+
._teddy-navigation-menu__link--small_6p30v_333 {
|
|
5044
5041
|
padding: calc(var(--teddy-spacing-100) + var(--teddy-spacing-25) + var(--teddy-spacing-10)) var(--teddy-spacing-100);
|
|
5045
5042
|
font-size: var(--teddy-typography-scale-100);
|
|
5046
5043
|
line-height: var(--teddy-typography-line-height-loose);
|
|
5047
5044
|
outline-offset: -2px;
|
|
5048
5045
|
}
|
|
5049
|
-
._teddy-navigation-menu__link--
|
|
5046
|
+
._teddy-navigation-menu__link--button_6p30v_339 {
|
|
5050
5047
|
padding: var(--teddy-spacing-100);
|
|
5051
5048
|
min-height: calc(var(--teddy-spacing-400) + var(--teddy-spacing-200));
|
|
5052
5049
|
box-sizing: border-box;
|
|
@@ -5059,11 +5056,11 @@
|
|
|
5059
5056
|
row-gap: var(--teddy-spacing-50);
|
|
5060
5057
|
}
|
|
5061
5058
|
@media (max-width: 600px) {
|
|
5062
|
-
._teddy-navigation-menu__link--
|
|
5059
|
+
._teddy-navigation-menu__link--button_6p30v_339 {
|
|
5063
5060
|
font-size: var(--teddy-typography-scale-75);
|
|
5064
5061
|
}
|
|
5065
5062
|
}
|
|
5066
|
-
._teddy-navigation-
|
|
5063
|
+
._teddy-navigation-menu__link_6p30v_313::after {
|
|
5067
5064
|
content: "";
|
|
5068
5065
|
display: block;
|
|
5069
5066
|
position: absolute;
|
|
@@ -5074,10 +5071,10 @@
|
|
|
5074
5071
|
pointer-events: none;
|
|
5075
5072
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
5076
5073
|
}
|
|
5077
|
-
._teddy-navigation-menu__link--
|
|
5074
|
+
._teddy-navigation-menu__link--button_6p30v_339::after {
|
|
5078
5075
|
border: var(--teddy-border-width-sm) solid var(--teddy-color-purple-500);
|
|
5079
5076
|
}
|
|
5080
|
-
._teddy-navigation-
|
|
5077
|
+
._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
|
|
5081
5078
|
content: attr(data-text);
|
|
5082
5079
|
content: attr(data-text)/"";
|
|
5083
5080
|
height: 0;
|
|
@@ -5088,142 +5085,73 @@
|
|
|
5088
5085
|
font-weight: var(--teddy-typography-weight-bold);
|
|
5089
5086
|
}
|
|
5090
5087
|
@media speech {
|
|
5091
|
-
._teddy-navigation-
|
|
5088
|
+
._teddy-navigation-menu__link_6p30v_313:not(._teddy-navigation-menu__link--button_6p30v_339)::before {
|
|
5092
5089
|
display: none;
|
|
5093
5090
|
}
|
|
5094
5091
|
}
|
|
5095
|
-
._teddy-navigation-
|
|
5092
|
+
._teddy-navigation-menu__link_6p30v_313:hover {
|
|
5096
5093
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5097
5094
|
}
|
|
5098
|
-
._teddy-navigation-
|
|
5095
|
+
._teddy-navigation-menu__link_6p30v_313:hover::after {
|
|
5099
5096
|
opacity: 1;
|
|
5100
5097
|
}
|
|
5101
|
-
._teddy-navigation-
|
|
5098
|
+
._teddy-navigation-menu__link_6p30v_313:active {
|
|
5102
5099
|
background-color: var(--teddy-color-background-interactive-transparent-active);
|
|
5103
5100
|
}
|
|
5104
|
-
._teddy-navigation-
|
|
5101
|
+
._teddy-navigation-menu__link_6p30v_313:active::after {
|
|
5105
5102
|
opacity: 1;
|
|
5106
5103
|
}
|
|
5107
|
-
._teddy-navigation-
|
|
5104
|
+
._teddy-navigation-menu__link_6p30v_313[data-state=open], ._teddy-navigation-menu__link_6p30v_313:has([data-active]), ._teddy-navigation-menu__link_6p30v_313[data-active] {
|
|
5108
5105
|
font-weight: var(--teddy-typography-weight-bold);
|
|
5109
5106
|
}
|
|
5110
|
-
._teddy-navigation-
|
|
5107
|
+
._teddy-navigation-menu__link_6p30v_313[data-state=open]::after, ._teddy-navigation-menu__link_6p30v_313:has([data-active])::after, ._teddy-navigation-menu__link_6p30v_313[data-active]::after {
|
|
5111
5108
|
border-color: var(--teddy-color-text-interactive-primary);
|
|
5112
5109
|
opacity: 1;
|
|
5113
5110
|
}
|
|
5114
|
-
._teddy-navigation-
|
|
5111
|
+
._teddy-navigation-menu__link_6p30v_313:focus-visible {
|
|
5115
5112
|
outline: solid var(--teddy-border-width-sm) var(--teddy-color-border-interactive-focus);
|
|
5116
5113
|
}
|
|
5117
|
-
._teddy-navigation-
|
|
5114
|
+
._teddy-navigation-menu__viewport_6p30v_34 {
|
|
5118
5115
|
position: relative;
|
|
5119
5116
|
background-color: var(--teddy-color-background-primary);
|
|
5120
5117
|
height: var(--radix-navigation-menu-viewport-height);
|
|
5121
5118
|
transform-origin: top left;
|
|
5122
5119
|
overflow: clip;
|
|
5123
|
-
}
|
|
5124
|
-
@keyframes _scaleIn_19565_1 {
|
|
5125
|
-
from {
|
|
5126
|
-
opacity: 0;
|
|
5127
|
-
transform: scale(0.9);
|
|
5128
|
-
height: 1px;
|
|
5129
|
-
}
|
|
5130
|
-
to {
|
|
5131
|
-
opacity: 1;
|
|
5132
|
-
transform: scale(1);
|
|
5133
|
-
height: var(--radix-navigation-menu-viewport-height);
|
|
5134
|
-
}
|
|
5135
|
-
}
|
|
5136
|
-
@keyframes _scaleOut_19565_1 {
|
|
5137
|
-
from {
|
|
5138
|
-
opacity: 1;
|
|
5139
|
-
transform: scale(1);
|
|
5140
|
-
}
|
|
5141
|
-
to {
|
|
5142
|
-
opacity: 0;
|
|
5143
|
-
transform: scale(0.9);
|
|
5144
|
-
height: 0;
|
|
5145
|
-
}
|
|
5146
|
-
}
|
|
5147
|
-
@keyframes _enterFromRight_19565_1 {
|
|
5148
|
-
from {
|
|
5149
|
-
opacity: 0;
|
|
5150
|
-
transform: translateX(200px);
|
|
5151
|
-
}
|
|
5152
|
-
to {
|
|
5153
|
-
opacity: 1;
|
|
5154
|
-
transform: translateX(0);
|
|
5155
|
-
}
|
|
5156
|
-
}
|
|
5157
|
-
@keyframes _enterFromLeft_19565_1 {
|
|
5158
|
-
from {
|
|
5159
|
-
opacity: 0;
|
|
5160
|
-
transform: translateX(-200px);
|
|
5161
|
-
}
|
|
5162
|
-
to {
|
|
5163
|
-
opacity: 1;
|
|
5164
|
-
transform: translateX(0);
|
|
5165
|
-
}
|
|
5166
|
-
}
|
|
5167
|
-
@keyframes _exitToRight_19565_1 {
|
|
5168
|
-
from {
|
|
5169
|
-
opacity: 1;
|
|
5170
|
-
transform: translateX(0);
|
|
5171
|
-
}
|
|
5172
|
-
to {
|
|
5173
|
-
opacity: 0;
|
|
5174
|
-
transform: translateX(200px);
|
|
5175
|
-
}
|
|
5176
|
-
}
|
|
5177
|
-
@keyframes _exitToLeft_19565_1 {
|
|
5178
|
-
from {
|
|
5179
|
-
opacity: 1;
|
|
5180
|
-
transform: translateX(0);
|
|
5181
|
-
}
|
|
5182
|
-
to {
|
|
5183
|
-
opacity: 0;
|
|
5184
|
-
transform: translateX(-200px);
|
|
5185
|
-
}
|
|
5186
|
-
}._teddy-global-navigation_1kpy3_1 {
|
|
5120
|
+
}._teddy-global-navigation_19q4u_1 {
|
|
5187
5121
|
position: sticky;
|
|
5188
5122
|
inset: 0 0 auto 0;
|
|
5189
5123
|
z-index: 39;
|
|
5190
5124
|
}
|
|
5191
|
-
._teddy-global-
|
|
5192
|
-
border-inline: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
5193
|
-
}
|
|
5194
|
-
._teddy-global-navigation__mobile-header_1kpy3_9[data-state=open] {
|
|
5195
|
-
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
5196
|
-
}
|
|
5197
|
-
._teddy-global-navigation__mobile_1kpy3_6 {
|
|
5125
|
+
._teddy-global-navigation__mobile_19q4u_6 {
|
|
5198
5126
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
5199
5127
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
5200
5128
|
}
|
|
5201
5129
|
@media screen and (max-width: 335px) {
|
|
5202
|
-
._teddy-global-
|
|
5130
|
+
._teddy-global-navigation__mobile_19q4u_6 {
|
|
5203
5131
|
padding: var(--teddy-spacing-25) 0;
|
|
5204
5132
|
}
|
|
5205
5133
|
}
|
|
5206
|
-
._teddy-global-
|
|
5134
|
+
._teddy-global-navigation__mobile_19q4u_6::before {
|
|
5207
5135
|
content: "";
|
|
5208
5136
|
display: block;
|
|
5209
5137
|
width: var(--width-for-centering-element);
|
|
5210
5138
|
}
|
|
5211
|
-
._teddy-global-
|
|
5139
|
+
._teddy-global-navigation__mobile_19q4u_6::after {
|
|
5212
5140
|
content: "";
|
|
5213
5141
|
display: block;
|
|
5214
5142
|
width: var(--width-for-centering-element);
|
|
5215
5143
|
}
|
|
5216
5144
|
@media screen and (max-width: 335px) {
|
|
5217
|
-
._teddy-global-navigation__top-icon-
|
|
5145
|
+
._teddy-global-navigation__top-icon-wrapper_19q4u_26 {
|
|
5218
5146
|
gap: 0;
|
|
5219
5147
|
}
|
|
5220
5148
|
}
|
|
5221
5149
|
@media screen and (max-width: 335px) {
|
|
5222
|
-
._teddy-global-navigation__top-menu-
|
|
5150
|
+
._teddy-global-navigation__top-menu-icons_19q4u_31 {
|
|
5223
5151
|
gap: 0;
|
|
5224
5152
|
}
|
|
5225
5153
|
}
|
|
5226
|
-
._teddy-global-
|
|
5154
|
+
._teddy-global-navigation__link_19q4u_35 {
|
|
5227
5155
|
text-decoration: none;
|
|
5228
5156
|
display: flex;
|
|
5229
5157
|
justify-content: space-between;
|
|
@@ -5233,42 +5161,45 @@
|
|
|
5233
5161
|
font-weight: var(--teddy-typography-weight-bold);
|
|
5234
5162
|
font-size: var(--teddy-typography-scale-400);
|
|
5235
5163
|
}
|
|
5236
|
-
._teddy-global-
|
|
5164
|
+
._teddy-global-navigation__link_19q4u_35:hover {
|
|
5165
|
+
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5166
|
+
}
|
|
5167
|
+
._teddy-global-navigation__header_19q4u_48 {
|
|
5237
5168
|
color: var(--teddy-color-text-interactive-primary);
|
|
5238
5169
|
}
|
|
5239
|
-
._teddy-global-navigation__colored-
|
|
5170
|
+
._teddy-global-navigation__colored-box_19q4u_51 {
|
|
5240
5171
|
background-color: var(--teddy-color-background-secondary);
|
|
5241
5172
|
}
|
|
5242
|
-
._teddy-global-navigation__colored-box--
|
|
5173
|
+
._teddy-global-navigation__colored-box--mobile_19q4u_54 {
|
|
5243
5174
|
margin: 0 -1.5rem;
|
|
5244
5175
|
background-color: var(--teddy-color-background-secondary);
|
|
5245
5176
|
}
|
|
5246
|
-
._teddy-global-navigation__sublink-button--
|
|
5177
|
+
._teddy-global-navigation__sublink-button--mobile_19q4u_58 {
|
|
5247
5178
|
background-color: transparent;
|
|
5248
5179
|
padding: 0;
|
|
5249
5180
|
color: var(--teddy-color-text-interactive-primary);
|
|
5250
5181
|
border-radius: unset;
|
|
5251
5182
|
}
|
|
5252
|
-
._teddy-global-
|
|
5183
|
+
._teddy-global-navigation__list_19q4u_64 {
|
|
5253
5184
|
column-count: 2;
|
|
5254
5185
|
max-height: 13rem;
|
|
5255
5186
|
column-gap: var(--teddy-spacing-300);
|
|
5256
5187
|
}
|
|
5257
|
-
._teddy-global-
|
|
5188
|
+
._teddy-global-navigation__viewport_19q4u_69._teddy-global-navigation__viewport_19q4u_69 {
|
|
5258
5189
|
height: var(--teddy-viewport-wrapper-height);
|
|
5259
5190
|
}
|
|
5260
|
-
._teddy-global-navigation__item-
|
|
5191
|
+
._teddy-global-navigation__item-wrapper_19q4u_72 {
|
|
5261
5192
|
position: relative;
|
|
5262
5193
|
display: flex;
|
|
5263
5194
|
}
|
|
5264
|
-
._teddy-global-navigation__item-
|
|
5195
|
+
._teddy-global-navigation__item-count_19q4u_76 {
|
|
5265
5196
|
display: flex;
|
|
5266
5197
|
justify-content: center;
|
|
5267
5198
|
align-items: center;
|
|
5268
5199
|
position: absolute;
|
|
5269
5200
|
transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
|
|
5270
5201
|
}
|
|
5271
|
-
._teddy-global-navigation__viewport-
|
|
5202
|
+
._teddy-global-navigation__viewport-wrapper_19q4u_83 {
|
|
5272
5203
|
position: absolute;
|
|
5273
5204
|
top: 112px;
|
|
5274
5205
|
left: 0;
|
|
@@ -5277,73 +5208,31 @@
|
|
|
5277
5208
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
5278
5209
|
box-shadow: var(--teddy-shadow-md);
|
|
5279
5210
|
}
|
|
5280
|
-
._teddy-global-navigation__viewport-
|
|
5211
|
+
._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=open] {
|
|
5281
5212
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
5282
5213
|
}
|
|
5283
|
-
._teddy-global-navigation__viewport-
|
|
5284
|
-
animation: _close-viewport_1kpy3_1 var(--teddy-motion-duration-controlled, 0) ease;
|
|
5214
|
+
._teddy-global-navigation__viewport-wrapper_19q4u_83[data-state=closed] {
|
|
5285
5215
|
max-height: 0;
|
|
5286
5216
|
}
|
|
5287
|
-
._teddy-global-navigation__top-menu-
|
|
5217
|
+
._teddy-global-navigation__top-menu-color_19q4u_98 {
|
|
5288
5218
|
background-color: var(--teddy-color-background-secondary);
|
|
5289
5219
|
}
|
|
5290
|
-
._teddy-global-navigation__top-menu-
|
|
5220
|
+
._teddy-global-navigation__top-menu-wrapper_19q4u_101 {
|
|
5291
5221
|
overflow: hidden;
|
|
5292
5222
|
max-width: 84rem;
|
|
5293
5223
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
5294
5224
|
margin: 0 var(--teddy-spacing-600);
|
|
5295
5225
|
}
|
|
5296
5226
|
@media (min-width: 1440px) {
|
|
5297
|
-
._teddy-global-navigation__top-menu-
|
|
5227
|
+
._teddy-global-navigation__top-menu-wrapper_19q4u_101 {
|
|
5298
5228
|
margin: 0 auto;
|
|
5299
5229
|
}
|
|
5300
5230
|
}
|
|
5301
|
-
._teddy-global-navigation__top-menu-
|
|
5231
|
+
._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=open] {
|
|
5302
5232
|
max-height: var(--teddy-top-menu-height, 47px);
|
|
5303
5233
|
}
|
|
5304
|
-
._teddy-global-navigation__top-menu-
|
|
5234
|
+
._teddy-global-navigation__top-menu-wrapper_19q4u_101[data-state=closed] {
|
|
5305
5235
|
max-height: 0;
|
|
5306
|
-
}
|
|
5307
|
-
._teddy-global-navigation__accordion-look_1kpy3_122 {
|
|
5308
|
-
background-color: var(--teddy-color-background-interactive-transparent);
|
|
5309
|
-
display: grid;
|
|
5310
|
-
grid-template-columns: minmax(0, 1fr) auto;
|
|
5311
|
-
align-items: stretch;
|
|
5312
|
-
max-width: initial;
|
|
5313
|
-
color: var(--teddy-color-text-interactive-primary);
|
|
5314
|
-
font-weight: var(--teddy-typography-weight-bold);
|
|
5315
|
-
border-top: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
5316
|
-
}
|
|
5317
|
-
._teddy-global-navigation__accordion-look_1kpy3_122:first-child {
|
|
5318
|
-
margin-top: 0;
|
|
5319
|
-
}
|
|
5320
|
-
._teddy-global-navigation__accordion-look_1kpy3_122:last-child {
|
|
5321
|
-
border-bottom: var(--teddy-border-width-xs) solid var(--teddy-color-border-weak);
|
|
5322
|
-
}
|
|
5323
|
-
._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
|
|
5324
|
-
padding: calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)) 0;
|
|
5325
|
-
font-family: var(--teddy-typography-family-default);
|
|
5326
|
-
font-weight: var(--teddy-typography-weight-bold);
|
|
5327
|
-
font-size: clamp(var(--teddy-typography-scale-100), 3cqw, var(--teddy-typography-scale-200));
|
|
5328
|
-
line-height: var(--teddy-typography-line-height-default);
|
|
5329
|
-
}
|
|
5330
|
-
@media (min-width: 600px) {
|
|
5331
|
-
._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
|
|
5332
|
-
padding: calc(var(--teddy-spacing-250) + var(--teddy-spacing-10)) 0;
|
|
5333
|
-
}
|
|
5334
|
-
}
|
|
5335
|
-
@media (min-width: 1024px) {
|
|
5336
|
-
._teddy-global-navigation__mobile-link--accordion-look_1kpy3_138 {
|
|
5337
|
-
padding: calc(var(--teddy-spacing-300) + var(--teddy-spacing-10)) 0;
|
|
5338
|
-
}
|
|
5339
|
-
}
|
|
5340
|
-
@keyframes _close-viewport_1kpy3_1 {
|
|
5341
|
-
0% {
|
|
5342
|
-
max-height: var(--teddy-viewport-wrapper-height);
|
|
5343
|
-
}
|
|
5344
|
-
100% {
|
|
5345
|
-
max-height: 0;
|
|
5346
|
-
}
|
|
5347
5236
|
}._date-picker_1vj0x_1 {
|
|
5348
5237
|
display: flex;
|
|
5349
5238
|
flex-direction: column;
|