@telia/teddy 0.2.0 → 0.2.2
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/global-navigation-desktop.cjs +0 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-desktop.js +0 -1
- package/dist/components/navigation-menu/global-navigation/global-navigation-mobile.d.ts +1 -1
- package/dist/components/navigation-menu/global-navigation/utils.cjs +35 -5
- package/dist/components/navigation-menu/global-navigation/utils.d.ts +44 -7
- package/dist/components/navigation-menu/global-navigation/utils.js +36 -6
- package/dist/components/radio-card-group/radio-card-group-item-title.cjs +311 -209
- package/dist/components/radio-card-group/radio-card-group-item-title.js +312 -210
- package/dist/style.css +28 -27
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -5117,41 +5117,41 @@
|
|
|
5117
5117
|
height: var(--radix-navigation-menu-viewport-height);
|
|
5118
5118
|
transform-origin: top left;
|
|
5119
5119
|
overflow: clip;
|
|
5120
|
-
}._teddy-global-
|
|
5120
|
+
}._teddy-global-navigation_1mn6i_1 {
|
|
5121
5121
|
position: sticky;
|
|
5122
5122
|
inset: 0 0 auto 0;
|
|
5123
5123
|
z-index: 39;
|
|
5124
5124
|
}
|
|
5125
|
-
._teddy-global-
|
|
5125
|
+
._teddy-global-navigation__mobile_1mn6i_6 {
|
|
5126
5126
|
padding: var(--teddy-spacing-25) var(--teddy-spacing-200);
|
|
5127
5127
|
border-bottom: var(--teddy-border-width-sm) solid var(--teddy-color-border-weak);
|
|
5128
5128
|
}
|
|
5129
5129
|
@media screen and (max-width: 335px) {
|
|
5130
|
-
._teddy-global-
|
|
5130
|
+
._teddy-global-navigation__mobile_1mn6i_6 {
|
|
5131
5131
|
padding: var(--teddy-spacing-25) 0;
|
|
5132
5132
|
}
|
|
5133
5133
|
}
|
|
5134
|
-
._teddy-global-
|
|
5134
|
+
._teddy-global-navigation__mobile_1mn6i_6::before {
|
|
5135
5135
|
content: "";
|
|
5136
5136
|
display: block;
|
|
5137
5137
|
width: var(--width-for-centering-element);
|
|
5138
5138
|
}
|
|
5139
|
-
._teddy-global-
|
|
5139
|
+
._teddy-global-navigation__mobile_1mn6i_6::after {
|
|
5140
5140
|
content: "";
|
|
5141
5141
|
display: block;
|
|
5142
5142
|
width: var(--width-for-centering-element);
|
|
5143
5143
|
}
|
|
5144
5144
|
@media screen and (max-width: 335px) {
|
|
5145
|
-
._teddy-global-navigation__top-icon-
|
|
5145
|
+
._teddy-global-navigation__top-icon-wrapper_1mn6i_26 {
|
|
5146
5146
|
gap: 0;
|
|
5147
5147
|
}
|
|
5148
5148
|
}
|
|
5149
5149
|
@media screen and (max-width: 335px) {
|
|
5150
|
-
._teddy-global-navigation__top-menu-
|
|
5150
|
+
._teddy-global-navigation__top-menu-icons_1mn6i_31 {
|
|
5151
5151
|
gap: 0;
|
|
5152
5152
|
}
|
|
5153
5153
|
}
|
|
5154
|
-
._teddy-global-
|
|
5154
|
+
._teddy-global-navigation__link_1mn6i_35 {
|
|
5155
5155
|
text-decoration: none;
|
|
5156
5156
|
display: flex;
|
|
5157
5157
|
justify-content: space-between;
|
|
@@ -5161,45 +5161,46 @@
|
|
|
5161
5161
|
font-weight: var(--teddy-typography-weight-bold);
|
|
5162
5162
|
font-size: var(--teddy-typography-scale-400);
|
|
5163
5163
|
}
|
|
5164
|
-
._teddy-global-
|
|
5164
|
+
._teddy-global-navigation__link_1mn6i_35:hover {
|
|
5165
5165
|
background-color: var(--teddy-color-background-interactive-transparent-hover);
|
|
5166
5166
|
}
|
|
5167
|
-
._teddy-global-
|
|
5167
|
+
._teddy-global-navigation__header_1mn6i_48 {
|
|
5168
5168
|
color: var(--teddy-color-text-interactive-primary);
|
|
5169
5169
|
}
|
|
5170
|
-
._teddy-global-navigation__colored-
|
|
5170
|
+
._teddy-global-navigation__colored-box_1mn6i_51 {
|
|
5171
5171
|
background-color: var(--teddy-color-background-secondary);
|
|
5172
|
+
padding: 40px;
|
|
5172
5173
|
}
|
|
5173
|
-
._teddy-global-navigation__colored-box--
|
|
5174
|
+
._teddy-global-navigation__colored-box--mobile_1mn6i_55 {
|
|
5174
5175
|
margin: 0 -1.5rem;
|
|
5175
5176
|
background-color: var(--teddy-color-background-secondary);
|
|
5176
5177
|
}
|
|
5177
|
-
._teddy-global-navigation__sublink-button--
|
|
5178
|
+
._teddy-global-navigation__sublink-button--mobile_1mn6i_59 {
|
|
5178
5179
|
background-color: transparent;
|
|
5179
5180
|
padding: 0;
|
|
5180
5181
|
color: var(--teddy-color-text-interactive-primary);
|
|
5181
5182
|
border-radius: unset;
|
|
5182
5183
|
}
|
|
5183
|
-
._teddy-global-
|
|
5184
|
+
._teddy-global-navigation__list_1mn6i_65 {
|
|
5184
5185
|
column-count: 2;
|
|
5185
5186
|
max-height: 13rem;
|
|
5186
5187
|
column-gap: var(--teddy-spacing-300);
|
|
5187
5188
|
}
|
|
5188
|
-
._teddy-global-
|
|
5189
|
+
._teddy-global-navigation__viewport_1mn6i_70._teddy-global-navigation__viewport_1mn6i_70 {
|
|
5189
5190
|
height: var(--teddy-viewport-wrapper-height);
|
|
5190
5191
|
}
|
|
5191
|
-
._teddy-global-navigation__item-
|
|
5192
|
+
._teddy-global-navigation__item-wrapper_1mn6i_73 {
|
|
5192
5193
|
position: relative;
|
|
5193
5194
|
display: flex;
|
|
5194
5195
|
}
|
|
5195
|
-
._teddy-global-navigation__item-
|
|
5196
|
+
._teddy-global-navigation__item-count_1mn6i_77 {
|
|
5196
5197
|
display: flex;
|
|
5197
5198
|
justify-content: center;
|
|
5198
5199
|
align-items: center;
|
|
5199
5200
|
position: absolute;
|
|
5200
5201
|
transform: translate(calc(var(--teddy-spacing-150) + var(--teddy-spacing-25)), calc(-1 * var(--teddy-spacing-100) + var(--teddy-spacing-10)));
|
|
5201
5202
|
}
|
|
5202
|
-
._teddy-global-navigation__viewport-
|
|
5203
|
+
._teddy-global-navigation__viewport-wrapper_1mn6i_84 {
|
|
5203
5204
|
position: absolute;
|
|
5204
5205
|
left: 0;
|
|
5205
5206
|
width: 100%;
|
|
@@ -5208,34 +5209,34 @@
|
|
|
5208
5209
|
box-shadow: var(--teddy-shadow-md);
|
|
5209
5210
|
background-color: var(--teddy-color-background-primary);
|
|
5210
5211
|
}
|
|
5211
|
-
._teddy-global-navigation__viewport-
|
|
5212
|
+
._teddy-global-navigation__viewport-wrapper_1mn6i_84[data-state=open] {
|
|
5212
5213
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
5213
5214
|
}
|
|
5214
|
-
._teddy-global-navigation__viewport-
|
|
5215
|
+
._teddy-global-navigation__viewport-wrapper_1mn6i_84[data-state=closed] {
|
|
5215
5216
|
max-height: 0;
|
|
5216
|
-
animation: _close-
|
|
5217
|
+
animation: _close-viewport_1mn6i_1 var(--teddy-motion-duration-controlled, 0) ease;
|
|
5217
5218
|
}
|
|
5218
|
-
._teddy-global-navigation__top-menu-
|
|
5219
|
+
._teddy-global-navigation__top-menu-color_1mn6i_100 {
|
|
5219
5220
|
background-color: var(--teddy-color-background-secondary);
|
|
5220
5221
|
}
|
|
5221
|
-
._teddy-global-navigation__top-menu-
|
|
5222
|
+
._teddy-global-navigation__top-menu-wrapper_1mn6i_103 {
|
|
5222
5223
|
overflow: hidden;
|
|
5223
5224
|
max-width: 84rem;
|
|
5224
5225
|
transition: max-height var(--teddy-motion-duration-controlled, 0) ease;
|
|
5225
5226
|
margin: 0 var(--teddy-spacing-600);
|
|
5226
5227
|
}
|
|
5227
5228
|
@media (min-width: 1440px) {
|
|
5228
|
-
._teddy-global-navigation__top-menu-
|
|
5229
|
+
._teddy-global-navigation__top-menu-wrapper_1mn6i_103 {
|
|
5229
5230
|
margin: 0 auto;
|
|
5230
5231
|
}
|
|
5231
5232
|
}
|
|
5232
|
-
._teddy-global-navigation__top-menu-
|
|
5233
|
+
._teddy-global-navigation__top-menu-wrapper_1mn6i_103[data-state=open] {
|
|
5233
5234
|
max-height: var(--teddy-top-menu-height, 47px);
|
|
5234
5235
|
}
|
|
5235
|
-
._teddy-global-navigation__top-menu-
|
|
5236
|
+
._teddy-global-navigation__top-menu-wrapper_1mn6i_103[data-state=closed] {
|
|
5236
5237
|
max-height: 0;
|
|
5237
5238
|
}
|
|
5238
|
-
@keyframes _close-
|
|
5239
|
+
@keyframes _close-viewport_1mn6i_1 {
|
|
5239
5240
|
0% {
|
|
5240
5241
|
max-height: var(--teddy-viewport-wrapper-height);
|
|
5241
5242
|
}
|