@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/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-navigation_16lml_1 {
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-navigation__mobile_16lml_6 {
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-navigation__mobile_16lml_6 {
5130
+ ._teddy-global-navigation__mobile_1mn6i_6 {
5131
5131
  padding: var(--teddy-spacing-25) 0;
5132
5132
  }
5133
5133
  }
5134
- ._teddy-global-navigation__mobile_16lml_6::before {
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-navigation__mobile_16lml_6::after {
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-wrapper_16lml_26 {
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-icons_16lml_31 {
5150
+ ._teddy-global-navigation__top-menu-icons_1mn6i_31 {
5151
5151
  gap: 0;
5152
5152
  }
5153
5153
  }
5154
- ._teddy-global-navigation__link_16lml_35 {
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-navigation__link_16lml_35:hover {
5164
+ ._teddy-global-navigation__link_1mn6i_35:hover {
5165
5165
  background-color: var(--teddy-color-background-interactive-transparent-hover);
5166
5166
  }
5167
- ._teddy-global-navigation__header_16lml_48 {
5167
+ ._teddy-global-navigation__header_1mn6i_48 {
5168
5168
  color: var(--teddy-color-text-interactive-primary);
5169
5169
  }
5170
- ._teddy-global-navigation__colored-box_16lml_51 {
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--mobile_16lml_54 {
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--mobile_16lml_58 {
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-navigation__list_16lml_64 {
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-navigation__viewport_16lml_69._teddy-global-navigation__viewport_16lml_69 {
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-wrapper_16lml_72 {
5192
+ ._teddy-global-navigation__item-wrapper_1mn6i_73 {
5192
5193
  position: relative;
5193
5194
  display: flex;
5194
5195
  }
5195
- ._teddy-global-navigation__item-count_16lml_76 {
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-wrapper_16lml_83 {
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-wrapper_16lml_83[data-state=open] {
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-wrapper_16lml_83[data-state=closed] {
5215
+ ._teddy-global-navigation__viewport-wrapper_1mn6i_84[data-state=closed] {
5215
5216
  max-height: 0;
5216
- animation: _close-viewport_16lml_1 var(--teddy-motion-duration-controlled, 0) ease;
5217
+ animation: _close-viewport_1mn6i_1 var(--teddy-motion-duration-controlled, 0) ease;
5217
5218
  }
5218
- ._teddy-global-navigation__top-menu-color_16lml_99 {
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-wrapper_16lml_102 {
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-wrapper_16lml_102 {
5229
+ ._teddy-global-navigation__top-menu-wrapper_1mn6i_103 {
5229
5230
  margin: 0 auto;
5230
5231
  }
5231
5232
  }
5232
- ._teddy-global-navigation__top-menu-wrapper_16lml_102[data-state=open] {
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-wrapper_16lml_102[data-state=closed] {
5236
+ ._teddy-global-navigation__top-menu-wrapper_1mn6i_103[data-state=closed] {
5236
5237
  max-height: 0;
5237
5238
  }
5238
- @keyframes _close-viewport_16lml_1 {
5239
+ @keyframes _close-viewport_1mn6i_1 {
5239
5240
  0% {
5240
5241
  max-height: var(--teddy-viewport-wrapper-height);
5241
5242
  }
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.2.0",
23
+ "version": "0.2.2",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"