@dynatrace/strato-components 3.11.0 → 3.11.2

package/filters/segment-selector/SegmentSelector.sty.js

@@ -24,7 +24,7 @@ __export(SegmentSelector_css_exports, {
 });
 module.exports = __toCommonJS(SegmentSelector_css_exports);
 var import_SegmentSelector_css_ts_vanilla = require("./SegmentSelector.css");
-var overwriteTooltipElementPadding = "_11m6jkl3-3-11-0";
-var segmentSelectorList = "_11m6jkl0-3-11-0";
-var segmentSelectorListItem = "_11m6jkl1-3-11-0";
-var tooltipMaxHeight = "_11m6jkl2-3-11-0";
+var overwriteTooltipElementPadding = "_11m6jkl3-3-11-2";
+var segmentSelectorList = "_11m6jkl0-3-11-2";
+var segmentSelectorListItem = "_11m6jkl1-3-11-2";
+var tooltipMaxHeight = "_11m6jkl2-3-11-2";

package/filters/segment-selector/parts/EmptySegments.css

@@ -1,4 +1,4 @@
-._awal5d0-3-11-0._awal5d0-3-11-0 {
+._awal5d0-3-11-2._awal5d0-3-11-2 {
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
   font-size: var(--dt-typography-text-base-emphasized-size, 14px);

package/filters/segment-selector/parts/EmptySegments.sty.js

@@ -21,4 +21,4 @@ __export(EmptySegments_css_exports, {
 });
 module.exports = __toCommonJS(EmptySegments_css_exports);
 var import_EmptySegments_css_ts_vanilla = require("./EmptySegments.css");
-var AppLinkButtonCSS = "_awal5d0-3-11-0";
+var AppLinkButtonCSS = "_awal5d0-3-11-2";

package/filters/segment-selector/parts/Overlay.css

@@ -1,10 +1,10 @@
-._bqi6d90-3-11-0 {
+._bqi6d90-3-11-2 {
   height: 15px;
   align-self: center;
   margin-right: var(--dt-spacings-size-2, 2px);
   margin-left: var(--dt-spacings-size-8, 8px);
 }
-._bqi6d91-3-11-0._bqi6d91-3-11-0 {
+._bqi6d91-3-11-2._bqi6d91-3-11-2 {
   display: flex;
   font-family: var(--dt-typography-text-base-emphasized-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-weight: var(--dt-typography-text-base-emphasized-weight, 500);
@@ -14,24 +14,24 @@
   text-transform: var(--dt-typography-text-base-emphasized-text-transform, none);
   color: var(--dt-colors-text-neutral-default, #2f2f4f);
 }
-._bqi6d92-3-11-0 {
+._bqi6d92-3-11-2 {
   max-width: 480px;
   min-width: 320px;
   box-sizing: border-box;
   overflow: hidden;
 }
-._bqi6d93-3-11-0 {
+._bqi6d93-3-11-2 {
   max-height: 396px;
   overflow: auto;
   box-sizing: border-box;
 }
-._bqi6d93-3-11-0 ._bqi6d94-3-11-0 {
+._bqi6d93-3-11-2 ._bqi6d94-3-11-2 {
   overflow: hidden;
 }
-._bqi6d95-3-11-0 {
+._bqi6d95-3-11-2 {
   font-size: var(--dt-typography-text-small-default-size, 12px);
 }
-._bqi6d96-3-11-0._bqi6d96-3-11-0 {
+._bqi6d96-3-11-2._bqi6d96-3-11-2 {
   font-family: var(--dt-typography-text-small-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
   font-size: var(--dt-typography-text-small-default-size, 12px);
   font-weight: var(--dt-typography-text-small-emphasized-weight, 500);
@@ -40,6 +40,6 @@
   text-decoration: var(--dt-typography-text-small-emphasized-text-decoration, none);
   margin-bottom: var(--dt-spacings-size-4, 4px);
 }
-._bqi6d97-3-11-0 > fieldset > div {
+._bqi6d97-3-11-2 > fieldset > div {
   gap: var(--dt-spacings-size-8, 8px);
 }

package/filters/segment-selector/parts/Overlay.sty.js

@@ -28,11 +28,11 @@ __export(Overlay_css_exports, {
 });
 module.exports = __toCommonJS(Overlay_css_exports);
 var import_Overlay_css_ts_vanilla = require("./Overlay.css");
-var divider = "_bqi6d90-3-11-0";
-var fieldSet = "_bqi6d97-3-11-0";
-var isAnimating = "_bqi6d94-3-11-0";
-var legend = "_bqi6d96-3-11-0";
-var link = "_bqi6d95-3-11-0";
-var menuLink = "_bqi6d91-3-11-0";
-var overlayDefaultWidth = "_bqi6d92-3-11-0";
-var scrollContainer = "_bqi6d93-3-11-0";
+var divider = "_bqi6d90-3-11-2";
+var fieldSet = "_bqi6d97-3-11-2";
+var isAnimating = "_bqi6d94-3-11-2";
+var legend = "_bqi6d96-3-11-2";
+var link = "_bqi6d95-3-11-2";
+var menuLink = "_bqi6d91-3-11-2";
+var overlayDefaultWidth = "_bqi6d92-3-11-2";
+var scrollContainer = "_bqi6d93-3-11-2";

package/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.css

@@ -1,17 +1,17 @@
-._7mq3is0-3-11-0 {
+._7mq3is0-3-11-2 {
   all: unset;
   padding: 0;
   width: 100%;
   transition: height var(--dt-animations-expand-collapse-duration-fast, 250ms) var(--dt-animations-expand-collapse-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
-._7mq3is1-3-11-0 {
+._7mq3is1-3-11-2 {
   height: 0;
   opacity: 0;
 }
-._7mq3is2-3-11-0 {
+._7mq3is2-3-11-2 {
   height: auto;
   opacity: 1;
 }
-._7mq3is3-3-11-0 {
+._7mq3is3-3-11-2 {
   all: unset;
 }

package/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.js

@@ -34,11 +34,11 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_clsx = __toESM(require("clsx"));
 var import_react = require("react");
 var import_react_intl = require("react-intl");
-var import_react_is = require("react-is");
 var import_strato_icons = require("@dynatrace/strato-icons");
 var styles = __toESM(require("./ShowMorePanel.sty.js"));
 var import_Button = require("../../../../buttons/button/Button.js");
-var import_is_node_environment = require("../../../../core/utils/is-node-environment.js");
+var import_is_slot = require("../../../../core/utils/is-slot.js");
+var import_logging = require("../../../../core/utils/logging.js");
 var import_Flex = require("../../../../layouts/flex/Flex.js");
 const ExtendedContent = ({ children }) => children;
 const PrimaryContent = ({ children }) => children;
@@ -46,15 +46,13 @@ function useChildrenSlots(children) {
   const memoizedSlots = (0, import_react.useMemo)(() => {
     const slots = {};
     import_react.Children.forEach(children, (child) => {
-      if ((0, import_react_is.isElement)(child)) {
-        switch (child.type) {
-          case ExtendedContent:
-            slots.extendedContent = child;
-            break;
-          case PrimaryContent:
-          default:
-            slots.primaryContent = child;
-            break;
+      if ((0, import_react.isValidElement)(child)) {
+        if ((0, import_is_slot.isSlot)(child, ExtendedContent)) {
+          slots.extendedContent = child;
+        } else if ((0, import_is_slot.isSlot)(child, PrimaryContent)) {
+          slots.primaryContent = child;
+        } else {
+          slots.primaryContent = child;
         }
       }
     });
@@ -66,11 +64,9 @@ const ShowMorePanelRoot = ({ children }) => {
   const { primaryContent, extendedContent } = useChildrenSlots(children);
   const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
   if (!children) {
-    if ((0, import_is_node_environment.isDev)()) {
-      console.warn(
-        "SegmentSelector: The used child is not supported by the ExpandableSection."
-      );
-    }
+    (0, import_logging.devLog)(
+      "SegmentSelector: The used child is not supported by the ExpandableSection."
+    );
     return null;
   }
   if (!extendedContent) {

package/filters/segment-selector/parts/ShowMorePanel/ShowMorePanel.sty.js

@@ -24,7 +24,7 @@ __export(ShowMorePanel_css_exports, {
 });
 module.exports = __toCommonJS(ShowMorePanel_css_exports);
 var import_ShowMorePanel_css_ts_vanilla = require("./ShowMorePanel.css");
-var expandableWrapper = "_7mq3is0-3-11-0";
-var expandableWrapperCollapsed = "_7mq3is1-3-11-0";
-var expandableWrapperExpanded = "_7mq3is2-3-11-0";
-var list = "_7mq3is3-3-11-0";
+var expandableWrapper = "_7mq3is0-3-11-2";
+var expandableWrapperCollapsed = "_7mq3is1-3-11-2";
+var expandableWrapperExpanded = "_7mq3is2-3-11-2";
+var list = "_7mq3is3-3-11-2";

package/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.css

@@ -1,27 +1,27 @@
-._1oehqvw3-3-11-0 {
+._1oehqvw3-3-11-2 {
   all: unset;
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw4-3-11-0 {
+._1oehqvw4-3-11-2 {
   all: unset;
   display: block;
 }
-._1oehqvw5-3-11-0._1oehqvw5-3-11-0 {
-  color: var(--_1oehqvw2-3-11-0);
+._1oehqvw5-3-11-2._1oehqvw5-3-11-2 {
+  color: var(--_1oehqvw2-3-11-2);
 }
-._1oehqvw6-3-11-0 {
+._1oehqvw6-3-11-2 {
   align-items: center;
   display: inline-block;
   text-wrap: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-._1oehqvw7-3-11-0._1oehqvw7-3-11-0 {
+._1oehqvw7-3-11-2._1oehqvw7-3-11-2 {
   padding-left: var(--dt-spacings-size-12, 12px);
   color: var(--dt-colors-text-neutral-subdued, #595a7d);
   padding-bottom: var(--dt-spacings-size-4, 4px);
 }
-._1oehqvw8-3-11-0::before {
+._1oehqvw8-3-11-2::before {
   content: " ";
   position: absolute;
   display: block;
@@ -32,54 +32,54 @@
   left: 0px;
   transform: translate(4px);
 }
-._1oehqvw9-3-11-0 {
-  --_1oehqvw0-3-11-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_1oehqvw1-3-11-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
-  --_1oehqvw2-3-11-0: var(--dt-colors-text-neutral-subdued, #595a7d);
+._1oehqvw9-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_1oehqvw1-3-11-2: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+  --_1oehqvw2-3-11-2: var(--dt-colors-text-neutral-subdued, #595a7d);
   grid-template-columns: 1fr max-content;
 }
-._1jgl8s50-3-11-0 ._1oehqvw9-3-11-0._1oehqvw9-3-11-0._1oehqvw9-3-11-0 {
+._1jgl8s50-3-11-2 ._1oehqvw9-3-11-2._1oehqvw9-3-11-2._1oehqvw9-3-11-2 {
   gap: 1px;
 }
-._1jgl8s50-3-11-0 ._1oehqvw9-3-11-0 {
-  --_1oehqvw0-3-11-0: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
+._1jgl8s50-3-11-2 ._1oehqvw9-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._1oehqvwa-3-11-0 {
-  --_1oehqvw0-3-11-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
-  --_1oehqvw1-3-11-0: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
-  --_1oehqvw2-3-11-0: var(--dt-colors-text-primary-default, #464cce);
+._1oehqvwa-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+  --_1oehqvw1-3-11-2: var(--dt-colors-background-field-primary-emphasized-hover, #d5dbf6);
+  --_1oehqvw2-3-11-2: var(--dt-colors-text-primary-default, #464cce);
 }
-._1jgl8s50-3-11-0 ._1oehqvwa-3-11-0 {
-  --_1oehqvw0-3-11-0: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
+._1jgl8s50-3-11-2 ._1oehqvwa-3-11-2 {
+  --_1oehqvw0-3-11-2: var(--dt-colors-background-field-primary-emphasized, #e1e5f7);
 }
-._1oehqvwb-3-11-0:hover._1oehqvwb-3-11-0:hover, ._1oehqvwb-3-11-0:focus-visible._1oehqvwb-3-11-0:focus-visible {
-  background-color: var(--_1oehqvw1-3-11-0);
+._1oehqvwb-3-11-2:hover._1oehqvwb-3-11-2:hover, ._1oehqvwb-3-11-2:focus-visible._1oehqvwb-3-11-2:focus-visible {
+  background-color: var(--_1oehqvw1-3-11-2);
 }
-._1oehqvwb-3-11-0:disabled:hover._1oehqvwb-3-11-0:disabled:hover {
-  background-color: var(--_1oehqvw0-3-11-0);
+._1oehqvwb-3-11-2:disabled:hover._1oehqvwb-3-11-2:disabled:hover {
+  background-color: var(--_1oehqvw0-3-11-2);
   cursor: not-allowed;
 }
-._1oehqvwc-3-11-0._1oehqvwc-3-11-0 {
+._1oehqvwc-3-11-2._1oehqvwc-3-11-2 {
   opacity: 0;
-  background-color: var(--_1oehqvw0-3-11-0);
+  background-color: var(--_1oehqvw0-3-11-2);
 }
-._1oehqvwc-3-11-0:hover._1oehqvwc-3-11-0:hover, ._1oehqvwc-3-11-0:focus-visible._1oehqvwc-3-11-0:focus-visible {
-  background-color: var(--_1oehqvw1-3-11-0);
+._1oehqvwc-3-11-2:hover._1oehqvwc-3-11-2:hover, ._1oehqvwc-3-11-2:focus-visible._1oehqvwc-3-11-2:focus-visible {
+  background-color: var(--_1oehqvw1-3-11-2);
 }
-._1oehqvwc-3-11-0:disabled, ._1oehqvwc-3-11-0:disabled:hover._1oehqvwc-3-11-0:disabled:hover {
+._1oehqvwc-3-11-2:disabled, ._1oehqvwc-3-11-2:disabled:hover._1oehqvwc-3-11-2:disabled:hover {
   background-color: var(--dt-colors-background-field-neutral-disabled, #e4e5eb80);
   cursor: not-allowed;
 }
-._1jgl8s50-3-11-0 ._1oehqvwc-3-11-0._1oehqvwc-3-11-0._1oehqvwc-3-11-0 {
+._1jgl8s50-3-11-2 ._1oehqvwc-3-11-2._1oehqvwc-3-11-2._1oehqvwc-3-11-2 {
   margin-left: var(--dt-spacings-size-0, 0);
 }
-._1oehqvw9-3-11-0:has(button:focus-visible) ._1oehqvwc-3-11-0, ._1oehqvw9-3-11-0:hover ._1oehqvwc-3-11-0 {
+._1oehqvw9-3-11-2:has(button:focus-visible) ._1oehqvwc-3-11-2, ._1oehqvw9-3-11-2:hover ._1oehqvwc-3-11-2 {
   opacity: 1;
 }
-._1oehqvw9-3-11-0:has(._1oehqvwc-3-11-0:focus-visible) ._1oehqvwb-3-11-0, ._1oehqvw9-3-11-0:hover ._1oehqvwb-3-11-0:not(:hover) {
-  background-color: var(--_1oehqvw0-3-11-0);
+._1oehqvw9-3-11-2:has(._1oehqvwc-3-11-2:focus-visible) ._1oehqvwb-3-11-2, ._1oehqvw9-3-11-2:hover ._1oehqvwb-3-11-2:not(:hover) {
+  background-color: var(--_1oehqvw0-3-11-2);
 }
-._1oehqvw9-3-11-0 button, ._1oehqvw9-3-11-0:hover button {
+._1oehqvw9-3-11-2 button, ._1oehqvw9-3-11-2:hover button {
   transition-timing-function: unset;
   transition-duration: 0s;
   transition: none;

package/filters/segment-selector/parts/segmentsPresets/SegmentsPresets.sty.js

@@ -31,13 +31,13 @@ __export(SegmentsPresets_css_exports, {
 module.exports = __toCommonJS(SegmentsPresets_css_exports);
 var import_AppRoot_css_ts_vanilla = require("../../../../core/components/app-root/AppRoot.css");
 var import_SegmentsPresets_css_ts_vanilla = require("./SegmentsPresets.css");
-var and = "_1oehqvw5-3-11-0";
-var buttonLabel = "_1oehqvw6-3-11-0";
-var inputGroup = "_1oehqvw9-3-11-0";
-var inputGroupSelected = "_1oehqvwa-3-11-0";
-var list = "_1oehqvw3-3-11-0";
-var listItem = "_1oehqvw4-3-11-0";
-var presetButton = "_1oehqvwb-3-11-0";
-var sectionHeadline = "_1oehqvw7-3-11-0";
-var selectionMark = "_1oehqvw8-3-11-0";
-var suffixButton = "_1oehqvwc-3-11-0";
+var and = "_1oehqvw5-3-11-2";
+var buttonLabel = "_1oehqvw6-3-11-2";
+var inputGroup = "_1oehqvw9-3-11-2";
+var inputGroupSelected = "_1oehqvwa-3-11-2";
+var list = "_1oehqvw3-3-11-2";
+var listItem = "_1oehqvw4-3-11-2";
+var presetButton = "_1oehqvwb-3-11-2";
+var sectionHeadline = "_1oehqvw7-3-11-2";
+var selectionMark = "_1oehqvw8-3-11-2";
+var suffixButton = "_1oehqvwc-3-11-2";

package/filters/segment-selector/parts/selectionBar/SegmentSelect.css

@@ -1,83 +1,83 @@
-._1fuxi5m0-3-11-0 {
+._1fuxi5m0-3-11-2 {
   grid-area: segment;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m0-3-11-0 {
+._1jgl8s50-3-11-2 ._1fuxi5m0-3-11-2 {
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m0-3-11-0:hover, ._1jgl8s50-3-11-0 ._1fuxi5m0-3-11-0:active, ._1jgl8s50-3-11-0 ._1fuxi5m0-3-11-0:focus-within {
+._1jgl8s50-3-11-2 ._1fuxi5m0-3-11-2:hover, ._1jgl8s50-3-11-2 ._1fuxi5m0-3-11-2:active, ._1jgl8s50-3-11-2 ._1fuxi5m0-3-11-2:focus-within {
   z-index: 1;
 }
-._1fuxi5m2-3-11-0._1fuxi5m2-3-11-0 {
+._1fuxi5m2-3-11-2._1fuxi5m2-3-11-2 {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
-._1fuxi5m3-3-11-0 {
+._1fuxi5m3-3-11-2 {
   grid-area: variables;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m3-3-11-0 {
+._1jgl8s50-3-11-2 ._1fuxi5m3-3-11-2 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m3-3-11-0:hover, ._1jgl8s50-3-11-0 ._1fuxi5m3-3-11-0:active, ._1jgl8s50-3-11-0 ._1fuxi5m3-3-11-0:focus-within {
+._1jgl8s50-3-11-2 ._1fuxi5m3-3-11-2:hover, ._1jgl8s50-3-11-2 ._1fuxi5m3-3-11-2:active, ._1jgl8s50-3-11-2 ._1fuxi5m3-3-11-2:focus-within {
   z-index: 1;
 }
-._1fuxi5m4-3-11-0 {
+._1fuxi5m4-3-11-2 {
   width: 100%;
   border-top-left-radius: 0;
 }
-._1fuxi5m5-3-11-0 {
+._1fuxi5m5-3-11-2 {
   grid-area: clear;
   grid-row-start: 1;
 }
-._1fuxi5m5-3-11-0._1fuxi5m5-3-11-0 {
+._1fuxi5m5-3-11-2._1fuxi5m5-3-11-2 {
   height: 100%;
   border-radius: 0 var(--dt-borders-radius-field-default, 6px) var(--dt-borders-radius-field-default, 6px) 0;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m5-3-11-0 {
+._1jgl8s50-3-11-2 ._1fuxi5m5-3-11-2 {
   margin-left: -1px;
   position: relative;
   z-index: 0;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m5-3-11-0:hover, ._1jgl8s50-3-11-0 ._1fuxi5m5-3-11-0:active, ._1jgl8s50-3-11-0 ._1fuxi5m5-3-11-0:focus-within {
+._1jgl8s50-3-11-2 ._1fuxi5m5-3-11-2:hover, ._1jgl8s50-3-11-2 ._1fuxi5m5-3-11-2:active, ._1jgl8s50-3-11-2 ._1fuxi5m5-3-11-2:focus-within {
   z-index: 1;
 }
-._1fuxi5m6-3-11-0 {
+._1fuxi5m6-3-11-2 {
   gap: var(--dt-spacings-size-2, 2px);
   width: 100%;
   grid-template-columns: 40% auto max-content;
 }
-._1jgl8s50-3-11-0 ._1fuxi5m6-3-11-0 {
+._1jgl8s50-3-11-2 ._1fuxi5m6-3-11-2 {
   gap: var(--dt-spacings-size-0, 0);
 }
-._1fuxi5m7-3-11-0 {
+._1fuxi5m7-3-11-2 {
   grid-template-areas: "segment variables clear";
 }
-._1fuxi5m8-3-11-0 {
+._1fuxi5m8-3-11-2 {
   grid-template-areas: "segment variables";
   grid-template-columns: 40% auto;
 }
-._1fuxi5m9-3-11-0 {
+._1fuxi5m9-3-11-2 {
   grid-template-areas: "segment segment clear";
 }
-._1fuxi5ma-3-11-0 {
+._1fuxi5ma-3-11-2 {
   grid-template-areas: "segment segment";
 }
 @media screen and (max-width: 640px) {
-  ._1fuxi5m1-3-11-0 {
+  ._1fuxi5m1-3-11-2 {
     border-bottom-left-radius: 0;
   }
-  ._1jgl8s50-3-11-0 ._1fuxi5m3-3-11-0 {
+  ._1jgl8s50-3-11-2 ._1fuxi5m3-3-11-2 {
     margin-left: 0;
     margin-top: -1px;
   }
-  ._1fuxi5m7-3-11-0 {
+  ._1fuxi5m7-3-11-2 {
     grid-template-areas: "segment segment clear" "variables variables clear";
   }
 }
 @media screen and (min-width: 641px) {
-  ._1fuxi5m4-3-11-0 {
+  ._1fuxi5m4-3-11-2 {
     border-bottom-left-radius: 0;
   }
 }

package/filters/segment-selector/parts/selectionBar/SegmentSelect.sty.js

@@ -29,10 +29,10 @@ module.exports = __toCommonJS(SegmentSelect_css_exports);
 var import_AppRoot_css_ts_vanilla = require("../../../../core/components/app-root/AppRoot.css");
 var import_SegmentSelect_css_ts_vanilla = require("./SegmentSelect.css");
 var import_createRuntimeFn = require("@vanilla-extract/recipes/createRuntimeFn");
-var clearButtonCSS = "_1fuxi5m5-3-11-0";
-var noBorderRadiusRight = "_1fuxi5m2-3-11-0";
-var segmentsSelectCSS = "_1fuxi5m0-3-11-0";
-var segmentsSelectGridCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1fuxi5m6-3-11-0", variantClassNames: { layout: { full: "_1fuxi5m7-3-11-0", "full-readonly": "_1fuxi5m8-3-11-0", "no-variables": "_1fuxi5m9-3-11-0", "no-variables-readonly": "_1fuxi5ma-3-11-0" } }, defaultVariants: {}, compoundVariants: [] });
-var segmentsSelectTriggerCSS = "_1fuxi5m1-3-11-0";
-var variablesSelectCSS = "_1fuxi5m3-3-11-0";
-var variablesSelectTriggerCSS = "_1fuxi5m4-3-11-0";
+var clearButtonCSS = "_1fuxi5m5-3-11-2";
+var noBorderRadiusRight = "_1fuxi5m2-3-11-2";
+var segmentsSelectCSS = "_1fuxi5m0-3-11-2";
+var segmentsSelectGridCSS = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_1fuxi5m6-3-11-2", variantClassNames: { layout: { full: "_1fuxi5m7-3-11-2", "full-readonly": "_1fuxi5m8-3-11-2", "no-variables": "_1fuxi5m9-3-11-2", "no-variables-readonly": "_1fuxi5ma-3-11-2" } }, defaultVariants: {}, compoundVariants: [] });
+var segmentsSelectTriggerCSS = "_1fuxi5m1-3-11-2";
+var variablesSelectCSS = "_1fuxi5m3-3-11-2";
+var variablesSelectTriggerCSS = "_1fuxi5m4-3-11-2";

package/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.css

@@ -1,3 +1,3 @@
-._1e5el1o0-3-11-0 {
+._1e5el1o0-3-11-2 {
   max-width: 400px;
 }

package/filters/segment-selector/parts/selectionBar/SegmentSelectorTrigger.sty.js

@@ -21,4 +21,4 @@ __export(SegmentSelectorTrigger_css_exports, {
 });
 module.exports = __toCommonJS(SegmentSelectorTrigger_css_exports);
 var import_SegmentSelectorTrigger_css_ts_vanilla = require("./SegmentSelectorTrigger.css");
-var trigger = "_1e5el1o0-3-11-0";
+var trigger = "_1e5el1o0-3-11-2";

package/filters/timeframe-selector/TimeframeSelector.css

@@ -1,8 +1,8 @@
-._1sqhmjg0-3-11-0 {
+._1sqhmjg0-3-11-2 {
   min-width: 0;
   box-sizing: border-box;
 }
-._1sqhmjg1-3-11-0 {
+._1sqhmjg1-3-11-2 {
   display: inline-flex;
   align-self: start;
 }

package/filters/timeframe-selector/TimeframeSelector.sty.js

@@ -22,5 +22,5 @@ __export(TimeframeSelector_css_exports, {
 });
 module.exports = __toCommonJS(TimeframeSelector_css_exports);
 var import_TimeframeSelector_css_ts_vanilla = require("./TimeframeSelector.css");
-var displayValueParts = "_1sqhmjg0-3-11-0";
-var root = "_1sqhmjg1-3-11-0";
+var displayValueParts = "_1sqhmjg0-3-11-2";
+var root = "_1sqhmjg1-3-11-2";

package/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.css

@@ -1,4 +1,4 @@
-._at2xro0-3-11-0 {
+._at2xro0-3-11-2 {
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -7,7 +7,7 @@
   padding: var(--dt-spacings-size-0, 0);
   border: var(--dt-spacings-size-0, 0);
 }
-._at2xro1-3-11-0 {
+._at2xro1-3-11-2 {
   display: flex;
   gap: var(--dt-spacings-size-4, 4px);
   padding-top: var(--dt-spacings-size-8, 8px);
@@ -18,14 +18,14 @@
   width: 100%;
   flex-direction: column;
 }
-._at2xro2-3-11-0 {
+._at2xro2-3-11-2 {
   flex-direction: column;
   flex: 1;
   min-width: var(--dt-spacings-size-0, 0);
   gap: var(--dt-spacings-size-4, 4px);
 }
 @media screen and (min-width: 640px) {
-  ._at2xro1-3-11-0 {
+  ._at2xro1-3-11-2 {
     flex-direction: row;
   }
 }

package/filters/timeframe-selector/components/custom-timeframe-selector/CustomTimeframeSelector.sty.js

@@ -23,6 +23,6 @@ __export(CustomTimeframeSelector_css_exports, {
 });
 module.exports = __toCommonJS(CustomTimeframeSelector_css_exports);
 var import_CustomTimeframeSelector_css_ts_vanilla = require("./CustomTimeframeSelector.css");
-var fieldset = "_at2xro0-3-11-0";
-var overlayRoot = "_at2xro1-3-11-0";
-var wrapper = "_at2xro2-3-11-0";
+var fieldset = "_at2xro0-3-11-2";
+var overlayRoot = "_at2xro1-3-11-2";
+var wrapper = "_at2xro2-3-11-2";

package/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.css

@@ -1,4 +1,4 @@
-._14xc6b0-3-11-0 {
+._14xc6b0-3-11-2 {
   background: var(--dt-colors-background-surface-default, #fff);
   box-shadow: var(--dt-box-shadows-surface-floating-rest, 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29);
   border-radius: var(--dt-borders-radius-surface-subdued, 9px);
@@ -9,18 +9,18 @@
   min-height: 0;
   max-width: 100vw;
 }
-._14xc6b1-3-11-0 {
+._14xc6b1-3-11-2 {
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
 }
-._14xc6b2-3-11-0 {
+._14xc6b2-3-11-2 {
   box-sizing: border-box;
   min-width: 0;
   width: 100%;
   padding: var(--dt-spacings-size-6, 6px);
 }
-._14xc6b3-3-11-0 {
+._14xc6b3-3-11-2 {
   overflow-wrap: break-word;
   font-size: var(--dt-typography-text-small-default-size, 12px);
   line-height: var(--dt-typography-text-small-default-line-height, 1.333333333);

package/filters/timeframe-selector/components/overlay/TimeframeSelectorOverlay.sty.js

@@ -24,7 +24,7 @@ __export(TimeframeSelectorOverlay_css_exports, {
 });
 module.exports = __toCommonJS(TimeframeSelectorOverlay_css_exports);
 var import_TimeframeSelectorOverlay_css_ts_vanilla = require("./TimeframeSelectorOverlay.css");
-var footer = "_14xc6b2-3-11-0";
-var hint = "_14xc6b3-3-11-0";
-var scrollContainer = "_14xc6b1-3-11-0";
-var wrapper = "_14xc6b0-3-11-0";
+var footer = "_14xc6b2-3-11-2";
+var hint = "_14xc6b3-3-11-2";
+var scrollContainer = "_14xc6b1-3-11-2";
+var wrapper = "_14xc6b0-3-11-2";