@telia/teddy 0.7.11 → 0.7.13

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_metricMeterExperimental_metricMeterExperimental = require("./metric-meter-experimental/metric-meter-experimental.cjs");
+const components_metricMeter_metricMeter = require("./metric-meter/metric-meter.cjs");
 const components_footer_index = require("./footer/index.cjs");
 const components_pagination_index = require("./pagination/index.cjs");
 const components_select_index = require("./select/index.cjs");
@@ -30,7 +30,6 @@ const components_drawer_index = require("./drawer/index.cjs");
 const components_image_image = require("./image/image.cjs");
 const components_chip_index = require("./chip/index.cjs");
 const components_datePicker_datePicker = require("./date-picker/date-picker.cjs");
-const components_metricmeter_metricmeter = require("./metricmeter/metricmeter.cjs");
 const components_notification_index = require("./notification/index.cjs");
 const components_radioGroup_index = require("./radio-group/index.cjs");
 const components_box_box = require("./box/box.cjs");
@@ -64,7 +63,7 @@ const components_slider_slider = require("./slider/slider.cjs");
 const components_circleBar_circleBar = require("./circle-bar/circle-bar.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./input/input-group.cjs");
-exports.MetricMeterExperimental = components_metricMeterExperimental_metricMeterExperimental.MetricMeterExperimental;
+exports.MetricMeter = components_metricMeter_metricMeter.MetricMeter;
 exports.Footer = components_footer_index.Footer;
 exports.Pagination = components_pagination_index.Pagination;
 exports.Select = components_select_index.Select;
@@ -98,7 +97,6 @@ exports.Drawer = components_drawer_index.Drawer;
 exports.Image = components_image_image.Image;
 exports.Chip = components_chip_index.Chip;
 exports.DatePicker = components_datePicker_datePicker.DatePicker;
-exports.MetricMeter = components_metricmeter_metricmeter.MetricMeter;
 exports.Notification = components_notification_index.Notification;
 exports.RadioGroup = components_radioGroup_index.RadioGroup;
 exports.Box = components_box_box.Box;

package/dist/components/index.d.ts

@@ -1,4 +1,4 @@
-export * from './metric-meter-experimental';
+export * from './metric-meter';
 export * from './footer';
 export * from './pagination';
 export * from './select';
@@ -28,7 +28,6 @@ export * from './drawer';
 export * from './image';
 export * from './chip';
 export * from './date-picker';
-export * from './metricmeter';
 export * from './modal';
 export * from './notification';
 export * from './radio-group';

package/dist/components/index.js

@@ -1,4 +1,4 @@
-import { MetricMeterExperimental } from "./metric-meter-experimental/metric-meter-experimental.js";
+import { MetricMeter } from "./metric-meter/metric-meter.js";
 import { Footer } from "./footer/index.js";
 import { Pagination } from "./pagination/index.js";
 import { Select } from "./select/index.js";
@@ -28,7 +28,6 @@ import { Drawer } from "./drawer/index.js";
 import { Image } from "./image/image.js";
 import { Chip } from "./chip/index.js";
 import { DatePicker } from "./date-picker/date-picker.js";
-import { MetricMeter } from "./metricmeter/metricmeter.js";
 import { Notification } from "./notification/index.js";
 import { RadioGroup } from "./radio-group/index.js";
 import { Box } from "./box/box.js";
@@ -103,7 +102,6 @@ export {
   List,
   MeterBar,
   MetricMeter,
-  MetricMeterExperimental,
   M as Modal,
   N as NavigationMenu,
   Notabene,

package/dist/components/metric-meter/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_metricMeter_metricMeter = require("./metric-meter.cjs");
+exports.MetricMeter = components_metricMeter_metricMeter.MetricMeter;

package/dist/components/metric-meter/index.d.ts

@@ -0,0 +1,2 @@
+export { MetricMeter } from './metric-meter';
+export type { MetricMeterProps } from './metric-meter';

package/dist/components/metric-meter/index.js

@@ -0,0 +1,4 @@
+import { MetricMeter } from "./metric-meter.js";
+export {
+  MetricMeter
+};

package/dist/components/{metric-meter-experimental/metric-meter-experimental.cjs → metric-meter/metric-meter.cjs}

@@ -11,14 +11,14 @@ const components_button_button = require("../button/button.cjs");
 const components_heading_heading = require("../heading/heading.cjs");
 const tokens_color_variables = require("../../tokens/color/variables.cjs");
 const styles = {
-  "teddy-metric-meter-experimental": "_teddy-metric-meter-experimental_mgd0h_1",
-  "teddy-metric-meter-experimental--disabled": "_teddy-metric-meter-experimental--disabled_mgd0h_9",
-  "teddy-metric-meter-experimental__fade": "_teddy-metric-meter-experimental__fade_mgd0h_18",
-  "teddy-metric-meter-experimental__fade--hidden": "_teddy-metric-meter-experimental__fade--hidden_mgd0h_21",
-  "teddy-metric-meter-experimental__svg": "_teddy-metric-meter-experimental__svg_mgd0h_25"
+  "teddy-metric-meter": "_teddy-metric-meter_1h6j9_1",
+  "teddy-metric-meter--disabled": "_teddy-metric-meter--disabled_1h6j9_9",
+  "teddy-metric-meter__fade": "_teddy-metric-meter__fade_1h6j9_18",
+  "teddy-metric-meter__fade--hidden": "_teddy-metric-meter__fade--hidden_1h6j9_21",
+  "teddy-metric-meter__svg": "_teddy-metric-meter__svg_1h6j9_25"
 };
-const rootClassName = "teddy-metric-meter-experimental";
-const MetricMeterExperimental = React.forwardRef(
+const rootClassName = "teddy-metric-meter";
+const MetricMeter = React.forwardRef(
   ({
     className,
     title,
@@ -95,7 +95,7 @@ const MetricMeterExperimental = React.forwardRef(
         "data-focusable": !disabled,
         children: [
           title && /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { as: "h2", variant: "title-200", children: title }),
-          /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { align: "center", gap: "50", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { align: "center", children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx(fadeClass, hideButtons && hiddenFadeClass), children: /* @__PURE__ */ jsxRuntime.jsx(
               components_button_button.Button,
               {
@@ -125,7 +125,7 @@ const MetricMeterExperimental = React.forwardRef(
                 )
               ] }),
               /* @__PURE__ */ jsxRuntime.jsxs(components_flex_flex.Flex, { direction: "column", align: "center", justify: "center", style: { position: "absolute", inset: 0 }, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { as: "h4", variant: "title-100", children: String(value) }),
+                /* @__PURE__ */ jsxRuntime.jsx(components_heading_heading.Heading, { as: "h4", variant: "title-200", children: String(value) }),
                 /* @__PURE__ */ jsxRuntime.jsx(components_text_text.Text, { children: unit })
               ] })
             ] }),
@@ -147,5 +147,5 @@ const MetricMeterExperimental = React.forwardRef(
     );
   }
 );
-exports.MetricMeterExperimental = MetricMeterExperimental;
+exports.MetricMeter = MetricMeter;
 exports.rootClassName = rootClassName;

package/dist/components/{metric-meter-experimental/metric-meter-experimental.d.ts → metric-meter/metric-meter.d.ts}

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 
-export declare const rootClassName = "teddy-metric-meter-experimental";
-export interface MetricMeterExperimentalProps {
+export declare const rootClassName = "teddy-metric-meter";
+export interface MetricMeterProps {
     className?: string;
     title?: React.ReactNode;
     unit?: string;
@@ -19,4 +19,4 @@ export interface MetricMeterExperimentalProps {
     isIncrementDisabled?: boolean;
     isDecrementDisabled?: boolean;
 }
-export declare const MetricMeterExperimental: React.ForwardRefExoticComponent<MetricMeterExperimentalProps & React.RefAttributes<HTMLDivElement>>;
+export declare const MetricMeter: React.ForwardRefExoticComponent<MetricMeterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/{metric-meter-experimental/metric-meter-experimental.js → metric-meter/metric-meter.js}

@@ -9,14 +9,14 @@ import { Button } from "../button/button.js";
 import { Heading } from "../heading/heading.js";
 import { teddyColorGray200, teddyColorPurple800 } from "../../tokens/color/variables.js";
 const styles = {
-  "teddy-metric-meter-experimental": "_teddy-metric-meter-experimental_mgd0h_1",
-  "teddy-metric-meter-experimental--disabled": "_teddy-metric-meter-experimental--disabled_mgd0h_9",
-  "teddy-metric-meter-experimental__fade": "_teddy-metric-meter-experimental__fade_mgd0h_18",
-  "teddy-metric-meter-experimental__fade--hidden": "_teddy-metric-meter-experimental__fade--hidden_mgd0h_21",
-  "teddy-metric-meter-experimental__svg": "_teddy-metric-meter-experimental__svg_mgd0h_25"
+  "teddy-metric-meter": "_teddy-metric-meter_1h6j9_1",
+  "teddy-metric-meter--disabled": "_teddy-metric-meter--disabled_1h6j9_9",
+  "teddy-metric-meter__fade": "_teddy-metric-meter__fade_1h6j9_18",
+  "teddy-metric-meter__fade--hidden": "_teddy-metric-meter__fade--hidden_1h6j9_21",
+  "teddy-metric-meter__svg": "_teddy-metric-meter__svg_1h6j9_25"
 };
-const rootClassName = "teddy-metric-meter-experimental";
-const MetricMeterExperimental = React__default.forwardRef(
+const rootClassName = "teddy-metric-meter";
+const MetricMeter = React__default.forwardRef(
   ({
     className,
     title,
@@ -93,7 +93,7 @@ const MetricMeterExperimental = React__default.forwardRef(
         "data-focusable": !disabled,
         children: [
           title && /* @__PURE__ */ jsx(Heading, { as: "h2", variant: "title-200", children: title }),
-          /* @__PURE__ */ jsxs(Flex, { align: "center", gap: "50", children: [
+          /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
             /* @__PURE__ */ jsx("div", { className: clsx(fadeClass, hideButtons && hiddenFadeClass), children: /* @__PURE__ */ jsx(
               Button,
               {
@@ -123,7 +123,7 @@ const MetricMeterExperimental = React__default.forwardRef(
                 )
               ] }),
               /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", justify: "center", style: { position: "absolute", inset: 0 }, children: [
-                /* @__PURE__ */ jsx(Heading, { as: "h4", variant: "title-100", children: String(value) }),
+                /* @__PURE__ */ jsx(Heading, { as: "h4", variant: "title-200", children: String(value) }),
                 /* @__PURE__ */ jsx(Text, { children: unit })
               ] })
             ] }),
@@ -146,6 +146,6 @@ const MetricMeterExperimental = React__default.forwardRef(
   }
 );
 export {
-  MetricMeterExperimental,
+  MetricMeter,
   rootClassName
 };

package/dist/components/modal/modal-close.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("react/jsx-runtime");
 require("react");
 require("@radix-ui/react-dialog");
-require("../metric-meter-experimental/metric-meter-experimental.cjs");
+require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
 require("../select/index.cjs");

package/dist/components/modal/modal-close.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "@radix-ui/react-dialog";
-import "../metric-meter-experimental/metric-meter-experimental.js";
+import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
 import "../select/index.js";

package/dist/components/navigation-menu/navigation-menu.cjs

@@ -12,7 +12,7 @@ require("@radix-ui/react-slot");
 require("@radix-ui/react-use-controllable-state");
 require("../../utils/generate-styling/index.cjs");
 require("../../tokens/motion/variables.cjs");
-require("../metric-meter-experimental/metric-meter-experimental.cjs");
+require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
 require("../select/index.cjs");

package/dist/components/navigation-menu/navigation-menu.js

@@ -10,7 +10,7 @@ import "@radix-ui/react-slot";
 import "@radix-ui/react-use-controllable-state";
 import "../../utils/generate-styling/index.js";
 import "../../tokens/motion/variables.js";
-import "../metric-meter-experimental/metric-meter-experimental.js";
+import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
 import "../select/index.js";

package/dist/components/radio-card-group/radio-card-group-content.cjs

@@ -4,7 +4,7 @@ require("react/jsx-runtime");
 require("clsx");
 require("react");
 require("./radio-card-group-root.cjs");
-require("../metric-meter-experimental/metric-meter-experimental.cjs");
+require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
 require("../select/index.cjs");

package/dist/components/radio-card-group/radio-card-group-content.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "clsx";
 import "react";
 import "./radio-card-group-root.js";
-import "../metric-meter-experimental/metric-meter-experimental.js";
+import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
 import "../select/index.js";

package/dist/components/radio-card-group/radio-card-group-item-title.cjs

@@ -12,7 +12,7 @@ const reactSlot = require("@radix-ui/react-slot");
 const reactUseControllableState = require("@radix-ui/react-use-controllable-state");
 const utils_generateStyling_index = require("../../utils/generate-styling/index.cjs");
 const tokens_motion_variables = require("../../tokens/motion/variables.cjs");
-require("../metric-meter-experimental/metric-meter-experimental.cjs");
+require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
 require("../select/index.cjs");

package/dist/components/radio-card-group/radio-card-group-item-title.js

@@ -10,7 +10,7 @@ import { Slot } from "@radix-ui/react-slot";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
 import { mergeStyles } from "../../utils/generate-styling/index.js";
 import { teddyMotionDuration300 } from "../../tokens/motion/variables.js";
-import "../metric-meter-experimental/metric-meter-experimental.js";
+import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
 import "../select/index.js";

package/dist/components/radio-card-group/radio-card-group-item.cjs

@@ -5,7 +5,7 @@ require("clsx");
 require("react");
 require("./radio-card-group-root.cjs");
 require("@radix-ui/react-radio-group");
-require("../metric-meter-experimental/metric-meter-experimental.cjs");
+require("../metric-meter/metric-meter.cjs");
 require("../footer/index.cjs");
 require("../pagination/index.cjs");
 require("../select/index.cjs");

package/dist/components/radio-card-group/radio-card-group-item.js

@@ -3,7 +3,7 @@ import "clsx";
 import "react";
 import "./radio-card-group-root.js";
 import "@radix-ui/react-radio-group";
-import "../metric-meter-experimental/metric-meter-experimental.js";
+import "../metric-meter/metric-meter.js";
 import "../footer/index.js";
 import "../pagination/index.js";
 import "../select/index.js";

package/dist/main.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_metricMeterExperimental_metricMeterExperimental = require("./components/metric-meter-experimental/metric-meter-experimental.cjs");
+const components_metricMeter_metricMeter = require("./components/metric-meter/metric-meter.cjs");
 const components_footer_index = require("./components/footer/index.cjs");
 const components_pagination_index = require("./components/pagination/index.cjs");
 const components_select_index = require("./components/select/index.cjs");
@@ -30,7 +30,6 @@ const components_drawer_index = require("./components/drawer/index.cjs");
 const components_image_image = require("./components/image/image.cjs");
 const components_chip_index = require("./components/chip/index.cjs");
 const components_datePicker_datePicker = require("./components/date-picker/date-picker.cjs");
-const components_metricmeter_metricmeter = require("./components/metricmeter/metricmeter.cjs");
 const components_notification_index = require("./components/notification/index.cjs");
 const components_radioGroup_index = require("./components/radio-group/index.cjs");
 const components_box_box = require("./components/box/box.cjs");
@@ -71,7 +70,7 @@ const tokens_spacing_variables = require("./tokens/spacing/variables.cjs");
 const tokens_typography_variables = require("./tokens/typography/variables.cjs");
 const sonner = require("sonner");
 const components_input_inputGroup = require("./components/input/input-group.cjs");
-exports.MetricMeterExperimental = components_metricMeterExperimental_metricMeterExperimental.MetricMeterExperimental;
+exports.MetricMeter = components_metricMeter_metricMeter.MetricMeter;
 exports.Footer = components_footer_index.Footer;
 exports.Pagination = components_pagination_index.Pagination;
 exports.Select = components_select_index.Select;
@@ -105,7 +104,6 @@ exports.Drawer = components_drawer_index.Drawer;
 exports.Image = components_image_image.Image;
 exports.Chip = components_chip_index.Chip;
 exports.DatePicker = components_datePicker_datePicker.DatePicker;
-exports.MetricMeter = components_metricmeter_metricmeter.MetricMeter;
 exports.Notification = components_notification_index.Notification;
 exports.RadioGroup = components_radioGroup_index.RadioGroup;
 exports.Box = components_box_box.Box;

package/dist/main.js

@@ -1,4 +1,4 @@
-import { MetricMeterExperimental } from "./components/metric-meter-experimental/metric-meter-experimental.js";
+import { MetricMeter } from "./components/metric-meter/metric-meter.js";
 import { Footer } from "./components/footer/index.js";
 import { Pagination } from "./components/pagination/index.js";
 import { Select } from "./components/select/index.js";
@@ -28,7 +28,6 @@ import { Drawer } from "./components/drawer/index.js";
 import { Image } from "./components/image/image.js";
 import { Chip } from "./components/chip/index.js";
 import { DatePicker } from "./components/date-picker/date-picker.js";
-import { MetricMeter } from "./components/metricmeter/metricmeter.js";
 import { Notification } from "./components/notification/index.js";
 import { RadioGroup } from "./components/radio-group/index.js";
 import { Box } from "./components/box/box.js";
@@ -110,7 +109,6 @@ export {
   List,
   MeterBar,
   MetricMeter,
-  MetricMeterExperimental,
   M as Modal,
   N as NavigationMenu,
   Notabene,

package/dist/style.css

@@ -549,7 +549,7 @@
     font-size: clamp(var(--teddy-typography-scale-800), 3cqw, var(--teddy-typography-scale-1000));
     line-height: var(--teddy-typography-line-height-tight);
   }
-}._teddy-metric-meter-experimental_mgd0h_1 {
+}._teddy-metric-meter_1h6j9_1 {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -557,23 +557,23 @@
   font-family: inherit;
   user-select: none;
 }
-._teddy-metric-meter-experimental--disabled_mgd0h_9 {
+._teddy-metric-meter--disabled_1h6j9_9 {
   opacity: 0.55;
   cursor: not-allowed;
 }
-._teddy-metric-meter-experimental_mgd0h_1[data-focusable=true]:focus-visible {
+._teddy-metric-meter_1h6j9_1[data-focusable=true]:focus-visible {
   outline: 2px solid var(--teddy-color-focus-ring, #4e0174);
   outline-offset: 4px;
   border-radius: 8px;
 }
-._teddy-metric-meter-experimental__fade_mgd0h_18 {
+._teddy-metric-meter__fade_1h6j9_18 {
   transition: opacity 0.25s ease, visibility 0.25s ease;
 }
-._teddy-metric-meter-experimental__fade--hidden_mgd0h_21 {
+._teddy-metric-meter__fade--hidden_1h6j9_21 {
   opacity: 0;
   visibility: hidden;
 }
-._teddy-metric-meter-experimental__svg_mgd0h_25 {
+._teddy-metric-meter__svg_1h6j9_25 {
   position: relative;
   width: 240px;
   height: 240px;
@@ -6522,78 +6522,6 @@
   position: absolute;
   top: 0;
   width: 0.0625rem;
-}._metricmeter_1wov3_1 {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 256px;
-  min-width: 256px;
-  margin-left: 1rem;
-  margin-right: 1rem;
-}
-._metricmeter__svg_1wov3_11 {
-  transform-origin: center center;
-  fill: transparent;
-  stroke-linecap: round;
-  stroke-width: 32;
-  stroke: #c4c4c4;
-  stroke-dasharray: 668.531, 955.04417;
-  rotate: 144deg;
-}
-._metricmeter_1wov3_1 h3 {
-  margin-bottom: 0;
-  font-size: 22px;
-  font-weight: var(--teddy-typography-weight-normal);
-}
-._metricmeter__svg-container_1wov3_25 {
-  max-width: 148px;
-}
-._metricmeter__controls_1wov3_28 {
-  position: absolute;
-  margin-top: 0.5em;
-  top: calc(50% - 0.5rem);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 256px; /* Total width: 160 (text) + 42 (button -) + 42 (button +) + 8px spacing as the figma says 256px total width */
-}
-._metricmeter__button_1wov3_37 {
-  width: 42px;
-  height: 40px;
-  background-color: unset;
-  border: var(--teddy-color-purple-700) 1px solid;
-  color: var(--teddy-color-purple-700);
-  border-radius: 50px;
-  cursor: pointer;
-  font-size: var(--teddy-typography-scale-400);
-  font-weight: var(--teddy-typography-weight-normal);
-  user-select: none;
-}
-._metricmeter__button--decrease_1wov3_49 {
-  font-size: var(--teddy-typography-scale-75);
-  font-weight: var(--teddy-typography-weight-bold);
-}
-._metricmeter__button--disabled_1wov3_53 {
-  cursor: default;
-  border: 0;
-  color: var(--teddy-color-text-weak);
-  background-color: var(--teddy-color-background-interactive-disabled);
-}
-._metricmeter__label-container_1wov3_59 {
-  flex: 0 0 160px;
-  text-align: center;
-}
-._metricmeter__label-container_1wov3_59 p {
-  margin: 0;
-}
-._metricmeter__speed-label_1wov3_66 {
-  font-weight: var(--teddy-typography-weight-bold);
-  font-size: var(--teddy-typography-scale-100);
-}
-._metricmeter__speed-unit-label_1wov3_70 {
-  font-size: var(--teddy-typography-scale-75);
-  font-weight: var(--teddy-typography-weight-normal);
 }._teddy-circle-bar_1533l_1 {
   position: relative;
   width: max-content;

package/package.json

@@ -20,7 +20,7 @@
     "pnpm": ">=9"
   },
   "private": false,
-  "version": "0.7.11",
+  "version": "0.7.13",
   "sideEffects": [
     "**/*.css",
     "**/*.svg"

package/dist/components/metric-meter-experimental/index.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_metricMeterExperimental_metricMeterExperimental = require("./metric-meter-experimental.cjs");
-exports.MetricMeterExperimental = components_metricMeterExperimental_metricMeterExperimental.MetricMeterExperimental;

package/dist/components/metric-meter-experimental/index.d.ts

@@ -1,2 +0,0 @@
-export { MetricMeterExperimental } from './metric-meter-experimental';
-export type { MetricMeterExperimentalProps } from './metric-meter-experimental';

package/dist/components/metric-meter-experimental/index.js

@@ -1,4 +0,0 @@
-import { MetricMeterExperimental } from "./metric-meter-experimental.js";
-export {
-  MetricMeterExperimental
-};

package/dist/components/metricmeter/css.cjs

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
-const metricmeter = "_metricmeter_1wov3_1";
-const metricmeter__svg = "_metricmeter__svg_1wov3_11";
-const metricmeter__controls = "_metricmeter__controls_1wov3_28";
-const metricmeter__button = "_metricmeter__button_1wov3_37";
-const styles = {
-  metricmeter,
-  metricmeter__svg,
-  "metricmeter__svg-container": "_metricmeter__svg-container_1wov3_25",
-  metricmeter__controls,
-  metricmeter__button,
-  "metricmeter__button--decrease": "_metricmeter__button--decrease_1wov3_49",
-  "metricmeter__button--disabled": "_metricmeter__button--disabled_1wov3_53",
-  "metricmeter__label-container": "_metricmeter__label-container_1wov3_59",
-  "metricmeter__speed-label": "_metricmeter__speed-label_1wov3_66",
-  "metricmeter__speed-unit-label": "_metricmeter__speed-unit-label_1wov3_70"
-};
-const rootClassName = "metricmeter";
-const css = (suffix) => {
-  if (suffix == null) return "";
-  let tmp = null;
-  if (suffix.startsWith("_") || suffix.startsWith("-") || suffix === "") {
-    tmp = clsx([styles[`${rootClassName + suffix}`]], "");
-  } else {
-    tmp = clsx([styles[`${suffix}`]], "");
-  }
-  if (!tmp) {
-    console.warn("Could not find css class " + suffix + " for the root " + rootClassName);
-  }
-  return tmp;
-};
-exports.css = css;

package/dist/components/metricmeter/css.d.ts

@@ -1 +0,0 @@
-export declare const css: (suffix: string | null) => string;

package/dist/components/metricmeter/css.js

@@ -1,34 +0,0 @@
-import clsx from "clsx";
-const metricmeter = "_metricmeter_1wov3_1";
-const metricmeter__svg = "_metricmeter__svg_1wov3_11";
-const metricmeter__controls = "_metricmeter__controls_1wov3_28";
-const metricmeter__button = "_metricmeter__button_1wov3_37";
-const styles = {
-  metricmeter,
-  metricmeter__svg,
-  "metricmeter__svg-container": "_metricmeter__svg-container_1wov3_25",
-  metricmeter__controls,
-  metricmeter__button,
-  "metricmeter__button--decrease": "_metricmeter__button--decrease_1wov3_49",
-  "metricmeter__button--disabled": "_metricmeter__button--disabled_1wov3_53",
-  "metricmeter__label-container": "_metricmeter__label-container_1wov3_59",
-  "metricmeter__speed-label": "_metricmeter__speed-label_1wov3_66",
-  "metricmeter__speed-unit-label": "_metricmeter__speed-unit-label_1wov3_70"
-};
-const rootClassName = "metricmeter";
-const css = (suffix) => {
-  if (suffix == null) return "";
-  let tmp = null;
-  if (suffix.startsWith("_") || suffix.startsWith("-") || suffix === "") {
-    tmp = clsx([styles[`${rootClassName + suffix}`]], "");
-  } else {
-    tmp = clsx([styles[`${suffix}`]], "");
-  }
-  if (!tmp) {
-    console.warn("Could not find css class " + suffix + " for the root " + rootClassName);
-  }
-  return tmp;
-};
-export {
-  css
-};

package/dist/components/metricmeter/index.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const components_metricmeter_metricmeter = require("./metricmeter.cjs");
-exports.MetricMeter = components_metricmeter_metricmeter.MetricMeter;

package/dist/components/metricmeter/index.d.ts

@@ -1,2 +0,0 @@
-export { MetricMeter } from './metricmeter';
-export type { MetricMeterProps } from './metricmeter';

package/dist/components/metricmeter/index.js

@@ -1,4 +0,0 @@
-import { MetricMeter } from "./metricmeter.js";
-export {
-  MetricMeter
-};

package/dist/components/metricmeter/metricmeter.cjs

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const components_metricmeter_css = require("./css.cjs");
-const React = require("react");
-const MetricMeter = ({
-  title = null,
-  fillColor = "#4e0174",
-  backgroundColor = "#c4c4c4",
-  maxSpeed = 100,
-  minSpeed = 0,
-  speedDelta = 10,
-  initial = 0,
-  speedUnitLabel = "Mbps",
-  isDecrementDisabled = false,
-  isIncrementDisabled = false,
-  onSelectedValue = (e) => console.log(e)
-}) => {
-  const [speed, setSpeed] = React.useState(initial);
-  const increaseSpeed = () => {
-    const delta = typeof speedDelta === "number" ? speedDelta : speedDelta(speed, true);
-    const newSpeed = Math.min(speed + delta, maxSpeed);
-    if (speed != newSpeed) {
-      setSpeed(newSpeed);
-      if (onSelectedValue) {
-        onSelectedValue(newSpeed);
-      }
-    }
-  };
-  const decreaseSpeed = () => {
-    const delta = typeof speedDelta === "number" ? speedDelta : speedDelta(speed, false);
-    const newSpeed = Math.max(speed - delta, minSpeed);
-    if (speed != newSpeed && newSpeed >= minSpeed) {
-      setSpeed(newSpeed);
-      if (onSelectedValue) {
-        onSelectedValue(newSpeed);
-      }
-    }
-  };
-  const radius = 152;
-  const circumference = 2 * 3.1415926535 * radius;
-  const start = 955.04417;
-  const end = 286.51317;
-  const spread = start - end;
-  let percentFilled = (speed - minSpeed) / (maxSpeed - minSpeed);
-  if (percentFilled === 0 && minSpeed > 0) {
-    percentFilled = 0.01;
-  }
-  const offset = start - spread * percentFilled;
-  const incrementalDisabled = speed === maxSpeed || isIncrementDisabled;
-  const decrementDisabled = speed === minSpeed || isDecrementDisabled;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components_metricmeter_css.css("metricmeter"), children: [
-    title && /* @__PURE__ */ jsxRuntime.jsx("h3", { children: title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: components_metricmeter_css.css("__svg-container"), children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 400 400", className: components_metricmeter_css.css("__svg"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "200", cy: "200", r: radius, strokeWidth: "32", stroke: backgroundColor, fill: "none" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "circle",
-        {
-          cx: "200",
-          cy: "200",
-          r: radius,
-          strokeWidth: "32.25",
-          stroke: fillColor,
-          fill: "none",
-          strokeDasharray: `${circumference}`,
-          strokeDashoffset: offset,
-          style: { transition: "stroke-dashoffset 0.222s ease-in-out" }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components_metricmeter_css.css("__controls"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: components_metricmeter_css.css("__button--decrease") + " " + components_metricmeter_css.css("__button") + (decrementDisabled ? " " + components_metricmeter_css.css("__button--disabled") : ""),
-          onClick: decreaseSpeed,
-          disabled: decrementDisabled,
-          children: "—"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: components_metricmeter_css.css("__label-container"), children: [
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: components_metricmeter_css.css("__speed-label"), children: speed }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: components_metricmeter_css.css("__speed-unit-label"), children: speedUnitLabel })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          className: components_metricmeter_css.css("__button") + (incrementalDisabled ? " " + components_metricmeter_css.css("__button--disabled") : ""),
-          onClick: increaseSpeed,
-          disabled: incrementalDisabled,
-          children: "+"
-        }
-      )
-    ] })
-  ] });
-};
-exports.MetricMeter = MetricMeter;
-exports.default = MetricMeter;

package/dist/components/metricmeter/metricmeter.d.ts

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-
-export interface MetricMeterProps {
-    title?: string;
-    fillColor?: string;
-    backgroundColor?: string;
-    maxSpeed?: number;
-    minSpeed?: number;
-    speedDelta?: number | ((speed: number, increasing: boolean) => number);
-    speedUnitLabel?: string;
-    initial?: number;
-    isDecrementDisabled?: boolean;
-    isIncrementDisabled?: boolean;
-    onSelectedValue?: (value: number) => void;
-}
-export declare const MetricMeter: React.FC<MetricMeterProps>;
-export default MetricMeter;

package/dist/components/metricmeter/metricmeter.js

@@ -1,98 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { css } from "./css.js";
-import { useState } from "react";
-const MetricMeter = ({
-  title = null,
-  fillColor = "#4e0174",
-  backgroundColor = "#c4c4c4",
-  maxSpeed = 100,
-  minSpeed = 0,
-  speedDelta = 10,
-  initial = 0,
-  speedUnitLabel = "Mbps",
-  isDecrementDisabled = false,
-  isIncrementDisabled = false,
-  onSelectedValue = (e) => console.log(e)
-}) => {
-  const [speed, setSpeed] = useState(initial);
-  const increaseSpeed = () => {
-    const delta = typeof speedDelta === "number" ? speedDelta : speedDelta(speed, true);
-    const newSpeed = Math.min(speed + delta, maxSpeed);
-    if (speed != newSpeed) {
-      setSpeed(newSpeed);
-      if (onSelectedValue) {
-        onSelectedValue(newSpeed);
-      }
-    }
-  };
-  const decreaseSpeed = () => {
-    const delta = typeof speedDelta === "number" ? speedDelta : speedDelta(speed, false);
-    const newSpeed = Math.max(speed - delta, minSpeed);
-    if (speed != newSpeed && newSpeed >= minSpeed) {
-      setSpeed(newSpeed);
-      if (onSelectedValue) {
-        onSelectedValue(newSpeed);
-      }
-    }
-  };
-  const radius = 152;
-  const circumference = 2 * 3.1415926535 * radius;
-  const start = 955.04417;
-  const end = 286.51317;
-  const spread = start - end;
-  let percentFilled = (speed - minSpeed) / (maxSpeed - minSpeed);
-  if (percentFilled === 0 && minSpeed > 0) {
-    percentFilled = 0.01;
-  }
-  const offset = start - spread * percentFilled;
-  const incrementalDisabled = speed === maxSpeed || isIncrementDisabled;
-  const decrementDisabled = speed === minSpeed || isDecrementDisabled;
-  return /* @__PURE__ */ jsxs("div", { className: css("metricmeter"), children: [
-    title && /* @__PURE__ */ jsx("h3", { children: title }),
-    /* @__PURE__ */ jsx("div", { className: css("__svg-container"), children: /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 400 400", className: css("__svg"), children: [
-      /* @__PURE__ */ jsx("circle", { cx: "200", cy: "200", r: radius, strokeWidth: "32", stroke: backgroundColor, fill: "none" }),
-      /* @__PURE__ */ jsx(
-        "circle",
-        {
-          cx: "200",
-          cy: "200",
-          r: radius,
-          strokeWidth: "32.25",
-          stroke: fillColor,
-          fill: "none",
-          strokeDasharray: `${circumference}`,
-          strokeDashoffset: offset,
-          style: { transition: "stroke-dashoffset 0.222s ease-in-out" }
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: css("__controls"), children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: css("__button--decrease") + " " + css("__button") + (decrementDisabled ? " " + css("__button--disabled") : ""),
-          onClick: decreaseSpeed,
-          disabled: decrementDisabled,
-          children: "—"
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: css("__label-container"), children: [
-        /* @__PURE__ */ jsx("p", { className: css("__speed-label"), children: speed }),
-        /* @__PURE__ */ jsx("p", { className: css("__speed-unit-label"), children: speedUnitLabel })
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: css("__button") + (incrementalDisabled ? " " + css("__button--disabled") : ""),
-          onClick: increaseSpeed,
-          disabled: incrementalDisabled,
-          children: "+"
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  MetricMeter,
-  MetricMeter as default
-};