@telia/teddy 0.2.15 → 0.2.17

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,12 +4,12 @@ const jsxRuntime = require("react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const clsx = require("clsx");
6
6
  const components_meterBar_utils = require("./utils.cjs");
7
- const slideInFromLeft = "_slideInFromLeft_34v05_1";
7
+ const slideInFromLeft = "_slideInFromLeft_1wiil_1";
8
8
  const styles = {
9
- "teddy-meter-bar": "_teddy-meter-bar_34v05_1",
10
- "teddy-meter-bar__indicator": "_teddy-meter-bar__indicator_34v05_13",
9
+ "teddy-meter-bar": "_teddy-meter-bar_1wiil_1",
10
+ "teddy-meter-bar__indicator": "_teddy-meter-bar__indicator_1wiil_14",
11
11
  slideInFromLeft,
12
- "teddy-meter-bar--negative": "_teddy-meter-bar--negative_34v05_26"
12
+ "teddy-meter-bar--negative": "_teddy-meter-bar--negative_1wiil_27"
13
13
  };
14
14
  const Indicator = React.forwardRef(
15
15
  ({ className, value: valueProp, getValueLabel = components_meterBar_utils.defaultGetValueLabel, color, max: propMax, ...props }, forwardRef) => {
@@ -17,16 +17,18 @@ const Indicator = React.forwardRef(
17
17
  const maxInternal = propMax || (context == null ? void 0 : context.max);
18
18
  const classes = clsx([styles[`${rootClassName}__indicator`]], className);
19
19
  const max = components_meterBar_utils.isValidMaxNumber(maxInternal) ? maxInternal : components_meterBar_utils.DEFAULT_MAX;
20
+ const transformMaxValue = components_meterBar_utils.isValidMaxNumber(context == null ? void 0 : context.max) ? context.max : components_meterBar_utils.DEFAULT_MAX;
20
21
  const value = components_meterBar_utils.isValidValueNumber(valueProp, max) ? valueProp : null;
21
22
  const valueLabel = components_meterBar_utils.isNumber(value) ? getValueLabel(value, max) : void 0;
22
23
  const progress = components_meterBar_utils.getProgress(value, max);
24
+ const transform = components_meterBar_utils.getProgress(value, transformMaxValue);
23
25
  return /* @__PURE__ */ jsxRuntime.jsx(
24
26
  "div",
25
27
  {
26
28
  ...props,
27
29
  style: {
28
30
  zIndex: 100 - Math.round(progress),
29
- transform: `translateX(-${100 - progress}%)`,
31
+ width: `${transform}%`,
30
32
  backgroundColor: color,
31
33
  ...props.style
32
34
  },
@@ -1,13 +1,13 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import React__default from "react";
3
3
  import clsx from "clsx";
4
- import { isNumber, defaultGetValueLabel, isValidMaxNumber, DEFAULT_MAX, isValidValueNumber, getProgress } from "./utils.js";
5
- const slideInFromLeft = "_slideInFromLeft_34v05_1";
4
+ import { isValidMaxNumber, DEFAULT_MAX, isNumber, defaultGetValueLabel, isValidValueNumber, getProgress } from "./utils.js";
5
+ const slideInFromLeft = "_slideInFromLeft_1wiil_1";
6
6
  const styles = {
7
- "teddy-meter-bar": "_teddy-meter-bar_34v05_1",
8
- "teddy-meter-bar__indicator": "_teddy-meter-bar__indicator_34v05_13",
7
+ "teddy-meter-bar": "_teddy-meter-bar_1wiil_1",
8
+ "teddy-meter-bar__indicator": "_teddy-meter-bar__indicator_1wiil_14",
9
9
  slideInFromLeft,
10
- "teddy-meter-bar--negative": "_teddy-meter-bar--negative_34v05_26"
10
+ "teddy-meter-bar--negative": "_teddy-meter-bar--negative_1wiil_27"
11
11
  };
12
12
  const Indicator = React__default.forwardRef(
13
13
  ({ className, value: valueProp, getValueLabel = defaultGetValueLabel, color, max: propMax, ...props }, forwardRef) => {
@@ -15,16 +15,18 @@ const Indicator = React__default.forwardRef(
15
15
  const maxInternal = propMax || (context == null ? void 0 : context.max);
16
16
  const classes = clsx([styles[`${rootClassName}__indicator`]], className);
17
17
  const max = isValidMaxNumber(maxInternal) ? maxInternal : DEFAULT_MAX;
18
+ const transformMaxValue = isValidMaxNumber(context == null ? void 0 : context.max) ? context.max : DEFAULT_MAX;
18
19
  const value = isValidValueNumber(valueProp, max) ? valueProp : null;
19
20
  const valueLabel = isNumber(value) ? getValueLabel(value, max) : void 0;
20
21
  const progress = getProgress(value, max);
22
+ const transform = getProgress(value, transformMaxValue);
21
23
  return /* @__PURE__ */ jsx(
22
24
  "div",
23
25
  {
24
26
  ...props,
25
27
  style: {
26
28
  zIndex: 100 - Math.round(progress),
27
- transform: `translateX(-${100 - progress}%)`,
29
+ width: `${transform}%`,
28
30
  backgroundColor: color,
29
31
  ...props.style
30
32
  },
@@ -82,12 +82,12 @@ const PRIVATE_LINKS = {
82
82
  highlightedLinks: [
83
83
  {
84
84
  name: "Mobilabonnement",
85
- link: "/mobil/mobilabonnement/priser/",
85
+ link: "/mobilabonnement/priser/",
86
86
  appKey: APP_KEYS["web-shop"]
87
87
  },
88
88
  {
89
89
  name: "Mobiltelefoner",
90
- link: "/mobil/mobiltelefoner/",
90
+ link: "/mobiltelefoner/",
91
91
  appKey: APP_KEYS["web-shop"]
92
92
  },
93
93
  {
@@ -121,7 +121,7 @@ const PRIVATE_LINKS = {
121
121
  },
122
122
  {
123
123
  name: "Nettbutikk",
124
- link: "/mobil/mobiltelefoner/",
124
+ link: "/mobiltelefoner/",
125
125
  appKey: APP_KEYS["web-shop"],
126
126
  highlightedLinks: [
127
127
  {
@@ -146,7 +146,7 @@ const PRIVATE_LINKS = {
146
146
  },
147
147
  {
148
148
  name: "Kjøp Like Fin mobil",
149
- link: "/mobil/mobiltelefoner/like-fin/",
149
+ link: "/mobiltelefoner/like-fin/",
150
150
  appKey: APP_KEYS["open-pages"]
151
151
  },
152
152
  {
@@ -168,32 +168,32 @@ const PRIVATE_LINKS = {
168
168
  links: [
169
169
  {
170
170
  name: "Kjøp mobiltelefon",
171
- link: "/mobil/mobiltelefoner/",
171
+ link: "/mobiltelefoner/",
172
172
  appKey: APP_KEYS["web-shop"]
173
173
  },
174
174
  {
175
175
  name: "Kjøp smartklokke",
176
- link: "/mobil/smartklokker/",
176
+ link: "/smartklokker/",
177
177
  appKey: APP_KEYS["web-shop"]
178
178
  },
179
179
  {
180
180
  name: "Kjøp nettbrett",
181
- link: "/mobil/nettbrett/",
181
+ link: "/nettbrett/",
182
182
  appKey: APP_KEYS["web-shop"]
183
183
  },
184
184
  {
185
185
  name: "Kjøp tilbehør",
186
- link: "/mobil/tilbehor/",
186
+ link: "/tilbehor/",
187
187
  appKey: APP_KEYS["web-shop"]
188
188
  },
189
189
  {
190
190
  name: "Kjøp mobilt bredbånd-ruter",
191
- link: "/mobil/rutere/",
191
+ link: "/rutere/",
192
192
  appKey: APP_KEYS["web-shop"]
193
193
  },
194
194
  {
195
195
  name: "Pakketilbud",
196
- link: "/mobil/mobilabonnement/pakketilbud/",
196
+ link: "/mobilabonnement/pakketilbud/",
197
197
  appKey: APP_KEYS["web-shop"]
198
198
  },
199
199
  {
@@ -257,32 +257,32 @@ const PRIVATE_LINKS = {
257
257
  links: [
258
258
  {
259
259
  name: "Ubegrenset data",
260
- link: "/mobil/mobilabonnement/ubegrenset-data/",
260
+ link: "/mobilabonnement/ubegrenset-data/",
261
261
  appKey: APP_KEYS["web-shop"]
262
262
  },
263
263
  {
264
264
  name: "Mobilabonnement for én",
265
- link: "/mobil/mobilabonnement/priser/",
265
+ link: "/mobilabonnement/priser/",
266
266
  appKey: APP_KEYS["web-shop"]
267
267
  },
268
268
  {
269
269
  name: "Mobilabonnement for barn",
270
- link: "/mobil/mobilabonnement/barn/",
270
+ link: "/mobilabonnement/barn/",
271
271
  appKey: APP_KEYS["web-shop"]
272
272
  },
273
273
  {
274
274
  name: "Mobilabonnement for familie",
275
- link: "/mobil/mobilabonnement/familie/",
275
+ link: "/mobilabonnement/familie/",
276
276
  appKey: APP_KEYS["web-shop"]
277
277
  },
278
278
  {
279
279
  name: "Kontantkort",
280
- link: "/mobil/mobilabonnement/kontantkort/",
280
+ link: "/mobilabonnement/kontantkort/",
281
281
  appKey: APP_KEYS["open-pages"]
282
282
  },
283
283
  {
284
284
  name: "Pakketilbud",
285
- link: "/mobil/mobilabonnement/pakketilbud/",
285
+ link: "/mobilabonnement/pakketilbud/",
286
286
  appKey: APP_KEYS["web-shop"]
287
287
  },
288
288
  {
@@ -153,11 +153,11 @@ export declare const PRIVATE_LINKS: {
153
153
  readonly appKey: "open-pages";
154
154
  readonly highlightedLinks: [{
155
155
  readonly name: "Mobilabonnement";
156
- readonly link: "/mobil/mobilabonnement/priser/";
156
+ readonly link: "/mobilabonnement/priser/";
157
157
  readonly appKey: "web-shop";
158
158
  }, {
159
159
  readonly name: "Mobiltelefoner";
160
- readonly link: "/mobil/mobiltelefoner/";
160
+ readonly link: "/mobiltelefoner/";
161
161
  readonly appKey: "web-shop";
162
162
  }, {
163
163
  readonly name: "Varemerker";
@@ -184,7 +184,7 @@ export declare const PRIVATE_LINKS: {
184
184
  readonly highlightedLinks: [];
185
185
  }, {
186
186
  readonly name: "Nettbutikk";
187
- readonly link: "/mobil/mobiltelefoner/";
187
+ readonly link: "/mobiltelefoner/";
188
188
  readonly appKey: "web-shop";
189
189
  readonly highlightedLinks: [{
190
190
  readonly name: "Kjøp iPhone";
@@ -204,7 +204,7 @@ export declare const PRIVATE_LINKS: {
204
204
  readonly appKey: "web-shop";
205
205
  }, {
206
206
  readonly name: "Kjøp Like Fin mobil";
207
- readonly link: "/mobil/mobiltelefoner/like-fin/";
207
+ readonly link: "/mobiltelefoner/like-fin/";
208
208
  readonly appKey: "open-pages";
209
209
  }, {
210
210
  readonly name: "Kampanjer";
@@ -221,27 +221,27 @@ export declare const PRIVATE_LINKS: {
221
221
  }];
222
222
  readonly links: [{
223
223
  readonly name: "Kjøp mobiltelefon";
224
- readonly link: "/mobil/mobiltelefoner/";
224
+ readonly link: "/mobiltelefoner/";
225
225
  readonly appKey: "web-shop";
226
226
  }, {
227
227
  readonly name: "Kjøp smartklokke";
228
- readonly link: "/mobil/smartklokker/";
228
+ readonly link: "/smartklokker/";
229
229
  readonly appKey: "web-shop";
230
230
  }, {
231
231
  readonly name: "Kjøp nettbrett";
232
- readonly link: "/mobil/nettbrett/";
232
+ readonly link: "/nettbrett/";
233
233
  readonly appKey: "web-shop";
234
234
  }, {
235
235
  readonly name: "Kjøp tilbehør";
236
- readonly link: "/mobil/tilbehor/";
236
+ readonly link: "/tilbehor/";
237
237
  readonly appKey: "web-shop";
238
238
  }, {
239
239
  readonly name: "Kjøp mobilt bredbånd-ruter";
240
- readonly link: "/mobil/rutere/";
240
+ readonly link: "/rutere/";
241
241
  readonly appKey: "web-shop";
242
242
  }, {
243
243
  readonly name: "Pakketilbud";
244
- readonly link: "/mobil/mobilabonnement/pakketilbud/";
244
+ readonly link: "/mobilabonnement/pakketilbud/";
245
245
  readonly appKey: "web-shop";
246
246
  }, {
247
247
  readonly name: "Våre varemerker";
@@ -291,27 +291,27 @@ export declare const PRIVATE_LINKS: {
291
291
  }];
292
292
  readonly links: [{
293
293
  readonly name: "Ubegrenset data";
294
- readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
294
+ readonly link: "/mobilabonnement/ubegrenset-data/";
295
295
  readonly appKey: "web-shop";
296
296
  }, {
297
297
  readonly name: "Mobilabonnement for én";
298
- readonly link: "/mobil/mobilabonnement/priser/";
298
+ readonly link: "/mobilabonnement/priser/";
299
299
  readonly appKey: "web-shop";
300
300
  }, {
301
301
  readonly name: "Mobilabonnement for barn";
302
- readonly link: "/mobil/mobilabonnement/barn/";
302
+ readonly link: "/mobilabonnement/barn/";
303
303
  readonly appKey: "web-shop";
304
304
  }, {
305
305
  readonly name: "Mobilabonnement for familie";
306
- readonly link: "/mobil/mobilabonnement/familie/";
306
+ readonly link: "/mobilabonnement/familie/";
307
307
  readonly appKey: "web-shop";
308
308
  }, {
309
309
  readonly name: "Kontantkort";
310
- readonly link: "/mobil/mobilabonnement/kontantkort/";
310
+ readonly link: "/mobilabonnement/kontantkort/";
311
311
  readonly appKey: "open-pages";
312
312
  }, {
313
313
  readonly name: "Pakketilbud";
314
- readonly link: "/mobil/mobilabonnement/pakketilbud/";
314
+ readonly link: "/mobilabonnement/pakketilbud/";
315
315
  readonly appKey: "web-shop";
316
316
  }, {
317
317
  readonly name: "Hjelp mobil";
@@ -687,11 +687,11 @@ export declare const getLinks: (ukko?: boolean) => [{
687
687
  readonly appKey: "open-pages";
688
688
  readonly highlightedLinks: [{
689
689
  readonly name: "Mobilabonnement";
690
- readonly link: "/mobil/mobilabonnement/priser/";
690
+ readonly link: "/mobilabonnement/priser/";
691
691
  readonly appKey: "web-shop";
692
692
  }, {
693
693
  readonly name: "Mobiltelefoner";
694
- readonly link: "/mobil/mobiltelefoner/";
694
+ readonly link: "/mobiltelefoner/";
695
695
  readonly appKey: "web-shop";
696
696
  }, {
697
697
  readonly name: "Varemerker";
@@ -718,7 +718,7 @@ export declare const getLinks: (ukko?: boolean) => [{
718
718
  readonly highlightedLinks: [];
719
719
  }, {
720
720
  readonly name: "Nettbutikk";
721
- readonly link: "/mobil/mobiltelefoner/";
721
+ readonly link: "/mobiltelefoner/";
722
722
  readonly appKey: "web-shop";
723
723
  readonly highlightedLinks: [{
724
724
  readonly name: "Kjøp iPhone";
@@ -738,7 +738,7 @@ export declare const getLinks: (ukko?: boolean) => [{
738
738
  readonly appKey: "web-shop";
739
739
  }, {
740
740
  readonly name: "Kjøp Like Fin mobil";
741
- readonly link: "/mobil/mobiltelefoner/like-fin/";
741
+ readonly link: "/mobiltelefoner/like-fin/";
742
742
  readonly appKey: "open-pages";
743
743
  }, {
744
744
  readonly name: "Kampanjer";
@@ -755,27 +755,27 @@ export declare const getLinks: (ukko?: boolean) => [{
755
755
  }];
756
756
  readonly links: [{
757
757
  readonly name: "Kjøp mobiltelefon";
758
- readonly link: "/mobil/mobiltelefoner/";
758
+ readonly link: "/mobiltelefoner/";
759
759
  readonly appKey: "web-shop";
760
760
  }, {
761
761
  readonly name: "Kjøp smartklokke";
762
- readonly link: "/mobil/smartklokker/";
762
+ readonly link: "/smartklokker/";
763
763
  readonly appKey: "web-shop";
764
764
  }, {
765
765
  readonly name: "Kjøp nettbrett";
766
- readonly link: "/mobil/nettbrett/";
766
+ readonly link: "/nettbrett/";
767
767
  readonly appKey: "web-shop";
768
768
  }, {
769
769
  readonly name: "Kjøp tilbehør";
770
- readonly link: "/mobil/tilbehor/";
770
+ readonly link: "/tilbehor/";
771
771
  readonly appKey: "web-shop";
772
772
  }, {
773
773
  readonly name: "Kjøp mobilt bredbånd-ruter";
774
- readonly link: "/mobil/rutere/";
774
+ readonly link: "/rutere/";
775
775
  readonly appKey: "web-shop";
776
776
  }, {
777
777
  readonly name: "Pakketilbud";
778
- readonly link: "/mobil/mobilabonnement/pakketilbud/";
778
+ readonly link: "/mobilabonnement/pakketilbud/";
779
779
  readonly appKey: "web-shop";
780
780
  }, {
781
781
  readonly name: "Våre varemerker";
@@ -825,27 +825,27 @@ export declare const getLinks: (ukko?: boolean) => [{
825
825
  }];
826
826
  readonly links: [{
827
827
  readonly name: "Ubegrenset data";
828
- readonly link: "/mobil/mobilabonnement/ubegrenset-data/";
828
+ readonly link: "/mobilabonnement/ubegrenset-data/";
829
829
  readonly appKey: "web-shop";
830
830
  }, {
831
831
  readonly name: "Mobilabonnement for én";
832
- readonly link: "/mobil/mobilabonnement/priser/";
832
+ readonly link: "/mobilabonnement/priser/";
833
833
  readonly appKey: "web-shop";
834
834
  }, {
835
835
  readonly name: "Mobilabonnement for barn";
836
- readonly link: "/mobil/mobilabonnement/barn/";
836
+ readonly link: "/mobilabonnement/barn/";
837
837
  readonly appKey: "web-shop";
838
838
  }, {
839
839
  readonly name: "Mobilabonnement for familie";
840
- readonly link: "/mobil/mobilabonnement/familie/";
840
+ readonly link: "/mobilabonnement/familie/";
841
841
  readonly appKey: "web-shop";
842
842
  }, {
843
843
  readonly name: "Kontantkort";
844
- readonly link: "/mobil/mobilabonnement/kontantkort/";
844
+ readonly link: "/mobilabonnement/kontantkort/";
845
845
  readonly appKey: "open-pages";
846
846
  }, {
847
847
  readonly name: "Pakketilbud";
848
- readonly link: "/mobil/mobilabonnement/pakketilbud/";
848
+ readonly link: "/mobilabonnement/pakketilbud/";
849
849
  readonly appKey: "web-shop";
850
850
  }, {
851
851
  readonly name: "Hjelp mobil";
@@ -80,12 +80,12 @@ const PRIVATE_LINKS = {
80
80
  highlightedLinks: [
81
81
  {
82
82
  name: "Mobilabonnement",
83
- link: "/mobil/mobilabonnement/priser/",
83
+ link: "/mobilabonnement/priser/",
84
84
  appKey: APP_KEYS["web-shop"]
85
85
  },
86
86
  {
87
87
  name: "Mobiltelefoner",
88
- link: "/mobil/mobiltelefoner/",
88
+ link: "/mobiltelefoner/",
89
89
  appKey: APP_KEYS["web-shop"]
90
90
  },
91
91
  {
@@ -119,7 +119,7 @@ const PRIVATE_LINKS = {
119
119
  },
120
120
  {
121
121
  name: "Nettbutikk",
122
- link: "/mobil/mobiltelefoner/",
122
+ link: "/mobiltelefoner/",
123
123
  appKey: APP_KEYS["web-shop"],
124
124
  highlightedLinks: [
125
125
  {
@@ -144,7 +144,7 @@ const PRIVATE_LINKS = {
144
144
  },
145
145
  {
146
146
  name: "Kjøp Like Fin mobil",
147
- link: "/mobil/mobiltelefoner/like-fin/",
147
+ link: "/mobiltelefoner/like-fin/",
148
148
  appKey: APP_KEYS["open-pages"]
149
149
  },
150
150
  {
@@ -166,32 +166,32 @@ const PRIVATE_LINKS = {
166
166
  links: [
167
167
  {
168
168
  name: "Kjøp mobiltelefon",
169
- link: "/mobil/mobiltelefoner/",
169
+ link: "/mobiltelefoner/",
170
170
  appKey: APP_KEYS["web-shop"]
171
171
  },
172
172
  {
173
173
  name: "Kjøp smartklokke",
174
- link: "/mobil/smartklokker/",
174
+ link: "/smartklokker/",
175
175
  appKey: APP_KEYS["web-shop"]
176
176
  },
177
177
  {
178
178
  name: "Kjøp nettbrett",
179
- link: "/mobil/nettbrett/",
179
+ link: "/nettbrett/",
180
180
  appKey: APP_KEYS["web-shop"]
181
181
  },
182
182
  {
183
183
  name: "Kjøp tilbehør",
184
- link: "/mobil/tilbehor/",
184
+ link: "/tilbehor/",
185
185
  appKey: APP_KEYS["web-shop"]
186
186
  },
187
187
  {
188
188
  name: "Kjøp mobilt bredbånd-ruter",
189
- link: "/mobil/rutere/",
189
+ link: "/rutere/",
190
190
  appKey: APP_KEYS["web-shop"]
191
191
  },
192
192
  {
193
193
  name: "Pakketilbud",
194
- link: "/mobil/mobilabonnement/pakketilbud/",
194
+ link: "/mobilabonnement/pakketilbud/",
195
195
  appKey: APP_KEYS["web-shop"]
196
196
  },
197
197
  {
@@ -255,32 +255,32 @@ const PRIVATE_LINKS = {
255
255
  links: [
256
256
  {
257
257
  name: "Ubegrenset data",
258
- link: "/mobil/mobilabonnement/ubegrenset-data/",
258
+ link: "/mobilabonnement/ubegrenset-data/",
259
259
  appKey: APP_KEYS["web-shop"]
260
260
  },
261
261
  {
262
262
  name: "Mobilabonnement for én",
263
- link: "/mobil/mobilabonnement/priser/",
263
+ link: "/mobilabonnement/priser/",
264
264
  appKey: APP_KEYS["web-shop"]
265
265
  },
266
266
  {
267
267
  name: "Mobilabonnement for barn",
268
- link: "/mobil/mobilabonnement/barn/",
268
+ link: "/mobilabonnement/barn/",
269
269
  appKey: APP_KEYS["web-shop"]
270
270
  },
271
271
  {
272
272
  name: "Mobilabonnement for familie",
273
- link: "/mobil/mobilabonnement/familie/",
273
+ link: "/mobilabonnement/familie/",
274
274
  appKey: APP_KEYS["web-shop"]
275
275
  },
276
276
  {
277
277
  name: "Kontantkort",
278
- link: "/mobil/mobilabonnement/kontantkort/",
278
+ link: "/mobilabonnement/kontantkort/",
279
279
  appKey: APP_KEYS["open-pages"]
280
280
  },
281
281
  {
282
282
  name: "Pakketilbud",
283
- link: "/mobil/mobilabonnement/pakketilbud/",
283
+ link: "/mobilabonnement/pakketilbud/",
284
284
  appKey: APP_KEYS["web-shop"]
285
285
  },
286
286
  {
package/dist/style.css CHANGED
@@ -1,4 +1,4 @@
1
- @charset 'UTF-8';._teddy-meter-bar_34v05_1 {
1
+ @charset 'UTF-8';._teddy-meter-bar_1wiil_1 {
2
2
  background: var(--teddy-color-transparent-black-100);
3
3
  overflow: hidden;
4
4
  border-radius: var(--teddy-border-radius-full);
@@ -6,33 +6,34 @@
6
6
  position: relative;
7
7
  /* create a stacking context */
8
8
  z-index: 0;
9
+ display: flex;
9
10
  /* Fix overflow clipping in Safari */
10
11
  /* https://gist.github.com/domske/b66047671c780a238b51c51ffde8d3a0 */
11
12
  transform: translateZ(0);
12
13
  }
13
- ._teddy-meter-bar__indicator_34v05_13 {
14
+ ._teddy-meter-bar__indicator_1wiil_14 {
14
15
  background-color: var(--teddy-color-purple-800);
15
16
  width: 100%;
16
17
  height: 100%;
17
- position: absolute;
18
+ position: relative;
18
19
  inset: 0;
19
20
  }
20
21
  @media (prefers-reduced-motion: no-preference) {
21
- ._teddy-meter-bar__indicator_34v05_13 {
22
- animation: _slideInFromLeft_34v05_1 1s cubic-bezier(0.65, 0, 0.35, 1);
23
- transition: transform var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1);
22
+ ._teddy-meter-bar__indicator_1wiil_14 {
23
+ animation: _slideInFromLeft_1wiil_1 1s cubic-bezier(0.65, 0, 0.35, 1);
24
+ transition: transform var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1), width var(--teddy-motion-duration-500) cubic-bezier(0.65, 0, 0.35, 1);
24
25
  }
25
26
  }
26
- ._teddy-meter-bar--negative_34v05_26 {
27
+ ._teddy-meter-bar--negative_1wiil_27 {
27
28
  background: var(--teddy-color-transparent-white-100);
28
29
  }
29
- ._teddy-meter-bar--negative_34v05_26 ._teddy-meter-bar__indicator_34v05_13 {
30
+ ._teddy-meter-bar--negative_1wiil_27 ._teddy-meter-bar__indicator_1wiil_14 {
30
31
  background-color: var(--teddy-color-purple-300);
31
32
  }
32
33
 
33
- @keyframes _slideInFromLeft_34v05_1 {
34
+ @keyframes _slideInFromLeft_1wiil_1 {
34
35
  0% {
35
- transform: translateX(-100%);
36
+ width: 0;
36
37
  }
37
38
  }._teddy-skeleton_11jot_1 {
38
39
  background-image: none;
package/package.json CHANGED
@@ -20,7 +20,7 @@
20
20
  "pnpm": ">=9"
21
21
  },
22
22
  "private": false,
23
- "version": "0.2.15",
23
+ "version": "0.2.17",
24
24
  "sideEffects": [
25
25
  "**/*.css",
26
26
  "**/*.svg"