@infonomic/uikit 5.27.0 → 5.29.0

package/dist/components/overlay/overlay.module.css

@@ -1,7 +1,9 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography, infonomic-components;
 
 @layer infonomic-components {
-  .overlay {
+
+  .overlay,
+  :global(.infonomic-overlay) {
     position: fixed;
     top: 0;
     left: 0;
@@ -11,16 +13,22 @@
     z-index: 20;
   }
 
-  :global(.dark) .overlay,
-  :global([data-theme="dark"]) .overlay {
-    background-color: rgba(0, 0, 0, 0.5);
+  :global(.dark),
+  :global([data-theme="dark"]) {
+
+    .overlay,
+    :global(.infonomic-overlay) {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
   }
 
-  .animate-fade-in {
+  .animate-fade-in,
+  :global(.infonomic-animate-fade-in) {
     animation: fade-in 0.3s ease-in-out;
   }
 
-  .animate-fade-out {
+  .animate-fade-out,
+  :global(.infonomic-animate-fade-out) {
     animation: fade-out 0.3s ease-in-out;
   }
 

package/dist/components/overlay/overlay_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .overlay-hax8h5 {
+  :is(.overlay-hax8h5, .infonomic-overlay) {
     z-index: 20;
     background-color: #f5f5f559;
     width: 100%;
@@ -11,15 +11,15 @@
     left: 0;
   }
 
-  :is(.dark .overlay-hax8h5, [data-theme="dark"] .overlay-hax8h5) {
+  :is(:is(.dark, [data-theme="dark"]) .overlay-hax8h5, :is(.dark, [data-theme="dark"]) .infonomic-overlay) {
     background-color: #00000080;
   }
 
-  .animate-fade-in-oC0Zd7 {
+  :is(.animate-fade-in-oC0Zd7, .infonomic-animate-fade-in) {
     animation: .3s ease-in-out fade-in-ODU8WG;
   }
 
-  .animate-fade-out-kWVP8l {
+  :is(.animate-fade-out-kWVP8l, .infonomic-animate-fade-out) {
     animation: .3s ease-in-out fade-out-i2NoTL;
   }
 

package/dist/components/pager/pagination.js

@@ -113,11 +113,11 @@ const Root = ({ ref, className, itemsClassName, children, ariaLabel, dataTestId,
     return /*#__PURE__*/ jsx("nav", {
         "data-testid": dataTestId,
         ref: ref,
-        className: classnames('pagination-root', pagination_module["pagination-root"], 'pagination-root', className),
+        className: classnames('infonomic-pagination-root', pagination_module["pagination-root"], 'pagination-root', className),
         ...rest,
         "aria-label": ariaLabel ?? 'Pager navigation',
         children: /*#__PURE__*/ jsx("ul", {
-            className: classnames('pagination-items', pagination_module["pagination-items"], pagination_module[variant], itemsClassName),
+            className: classnames('infonomic-pagination-items', pagination_module["pagination-items"], pagination_module[variant], itemsClassName),
             children: children
         })
     });

package/dist/components/pager/pagination.module.css

@@ -6,34 +6,35 @@ infonomic-typography,
 infonomic-components;
 
 @layer infonomic-components {
-  .pagination-root {
-    display: flex;
-    padding: 0;
-    align-items: center;
-  }
 
-  .pagination-items {
+  .pagination-root,
+  :global(.infonomic-pagination-root) {
     display: flex;
+    padding: 0;
     align-items: center;
-    list-style: none;
   }
 
-  .pagination-items {
+  .pagination-items,
+  :global(.infonomic-pagination-items) {
     display: flex;
     align-items: center;
     list-style: none;
   }
 
   .pagination-items.dashboard li,
-  .pagination-items.default li {
+  .pagination-items.default li,
+  :global(.infonomic-pagination-items.dashboard) li,
+  :global(.infonomic-pagination-items.default) li {
     margin-right: -1px;
   }
 
-  .pagination-items.classic li {
+  .pagination-items.classic li,
+  :global(.infonomic-pagination-items.classic) li {
     margin-right: 0;
   }
 
-  .pagination-items.classic {
+  .pagination-items.classic,
+  :global(.infonomic-pagination-items.classic) {
     gap: 6px;
   }
 

package/dist/components/pager/pagination_module.css

@@ -1,13 +1,13 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .pagination-root-yB674z {
+  :is(.pagination-root-yB674z, .infonomic-pagination-root) {
     align-items: center;
     padding: 0;
     display: flex;
   }
 
-  .pagination-items-AfreHw {
+  :is(.pagination-items-AfreHw, .infonomic-pagination-items) {
     align-items: center;
     list-style: none;
     display: flex;
@@ -17,14 +17,30 @@
     margin-right: -1px;
   }
 
+  .infonomic-pagination-items.dashboard li {
+    margin-right: -1px;
+  }
+
+  .infonomic-pagination-items.default li {
+    margin-right: -1px;
+  }
+
   .pagination-items-AfreHw.classic-B9jGW1 li {
     margin-right: 0;
   }
 
+  .infonomic-pagination-items.classic li {
+    margin-right: 0;
+  }
+
   .pagination-items-AfreHw.classic-B9jGW1 {
     gap: 6px;
   }
 
+  .infonomic-pagination-items.classic {
+    gap: 6px;
+  }
+
   .number-button-bFXP3X.dashboard-Yp2io_.rounded-left-urOfB4, .number-button-bFXP3X.default-OgsdD0.rounded-left-urOfB4, .first-button-wfGrPE.dashboard-Yp2io_.rounded-left-urOfB4, .first-button-wfGrPE.default-OgsdD0.rounded-left-urOfB4, .previous-button-XaiuAP.dashboard-Yp2io_.rounded-left-urOfB4, .previous-button-XaiuAP.default-OgsdD0.rounded-left-urOfB4, .last-button-Brbqt2.dashboard-Yp2io_.rounded-left-urOfB4, .last-button-Brbqt2.default-OgsdD0.rounded-left-urOfB4, .next-button-WN4Cb5.dashboard-Yp2io_.rounded-left-urOfB4, .next-button-WN4Cb5.default-OgsdD0.rounded-left-urOfB4 {
     border-top-left-radius: var(--border-radius-sm);
     border-bottom-left-radius: var(--border-radius-sm);

package/dist/components/scroll-area/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAI5D,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAG;AAEpG,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAazE,CAAA"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/scroll-area/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAI5D,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC;CAAI;AAErG,eAAO,MAAM,UAAU,GAAI,gCAAgC,eAAe,sBAazE,CAAA"}

package/dist/components/scroll-area/scroll-area.js

@@ -4,28 +4,28 @@ import { ScrollArea } from "radix-ui";
 import scroll_area_module from "./scroll-area.module.js";
 const scroll_area_ScrollArea = ({ children, style, className })=>/*#__PURE__*/ jsxs(ScrollArea.Root, {
         style: style,
-        className: classnames('scroll-area', scroll_area_module.root, className),
+        className: classnames('infonomic-scroll-area', scroll_area_module.root, className),
         children: [
             /*#__PURE__*/ jsx(ScrollArea.Viewport, {
-                className: scroll_area_module.viewport,
+                className: classnames('infonomic-scroll-area-viewport', scroll_area_module.viewport),
                 children: children
             }),
             /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
-                className: scroll_area_module.scrollbar,
+                className: classnames('infonomic-scroll-area-scrollbar', scroll_area_module.scrollbar),
                 orientation: "vertical",
                 children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
-                    className: scroll_area_module.thumb
+                    className: classnames('infonomic-scroll-area-thumb', scroll_area_module.thumb)
                 })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Scrollbar, {
-                className: scroll_area_module.scrollbar,
+                className: classnames('infonomic-scroll-area-scrollbar', scroll_area_module.scrollbar),
                 orientation: "horizontal",
                 children: /*#__PURE__*/ jsx(ScrollArea.Thumb, {
-                    className: scroll_area_module.thumb
+                    className: classnames('infonomic-scroll-area-thumb', scroll_area_module.thumb)
                 })
             }),
             /*#__PURE__*/ jsx(ScrollArea.Corner, {
-                className: scroll_area_module.corner
+                className: classnames('infonomic-scroll-area-corner', scroll_area_module.corner)
             })
         ]
     });

package/dist/components/scroll-area/scroll-area.module.css

@@ -1,25 +1,29 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
-  .root {
+
+  .root,
+  :global(.infonomic-scroll-area) {
     border-radius: 4px;
     overflow: hidden;
     background-color: inherit;
     --scrollbar-size: 10px;
   }
 
-  .viewport {
+  .viewport,
+  :global(.infonomic-scroll-area-viewport) {
     width: 100%;
     height: 100%;
     border-radius: inherit;
   }
 
-  .scrollbar {
+  .scrollbar,
+  :global(.infonomic-scroll-area-scrollbar) {
     display: flex;
     /* ensures no selection */
     user-select: none;
@@ -43,7 +47,8 @@
     }
   }
 
-  .thumb {
+  .thumb,
+  :global(.infonomic-scroll-area-thumb) {
     flex: 1;
     background: var(--surface-panel-scrollbar-thumb);
     border-radius: var(--border-radius-sm);
@@ -63,7 +68,8 @@
     }
   }
 
-  .corner {
+  .corner,
+  :global(.infonomic-scroll-area-corner) {
     background: var(--surface-panel-scrollbar);
   }
-}
+}

package/dist/components/scroll-area/scroll-area_module.css

@@ -1,20 +1,20 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .root-XJbuOo {
+  :is(.root-XJbuOo, .infonomic-scroll-area) {
     background-color: inherit;
     --scrollbar-size: 10px;
     border-radius: 4px;
     overflow: hidden;
   }
 
-  .viewport-TdOXwJ {
+  :is(.viewport-TdOXwJ, .infonomic-scroll-area-viewport) {
     border-radius: inherit;
     width: 100%;
     height: 100%;
   }
 
-  .scrollbar-Y2nCxA {
+  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar) {
     -webkit-user-select: none;
     user-select: none;
     touch-action: none;
@@ -24,27 +24,27 @@
     display: flex;
   }
 
-  .scrollbar-Y2nCxA:hover {
+  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar):hover {
     background: var(--surface-panel-scrollbar);
   }
 
-  .scrollbar-Y2nCxA[data-orientation="vertical"] {
+  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar)[data-orientation="vertical"] {
     width: var(--scrollbar-size);
   }
 
-  .scrollbar-Y2nCxA[data-orientation="horizontal"] {
+  :is(.scrollbar-Y2nCxA, .infonomic-scroll-area-scrollbar)[data-orientation="horizontal"] {
     height: var(--scrollbar-size);
     flex-direction: column;
   }
 
-  .thumb-G2gkhj {
+  :is(.thumb-G2gkhj, .infonomic-scroll-area-thumb) {
     background: var(--surface-panel-scrollbar-thumb);
     border-radius: var(--border-radius-sm);
     flex: 1;
     position: relative;
   }
 
-  .thumb-G2gkhj:before {
+  :is(.thumb-G2gkhj, .infonomic-scroll-area-thumb):before {
     content: "";
     width: 100%;
     min-width: 44px;
@@ -56,7 +56,7 @@
     transform: translate(-50%, -50%);
   }
 
-  .corner-kCiYUz {
+  :is(.corner-kCiYUz, .infonomic-scroll-area-corner) {
     background: var(--surface-panel-scrollbar);
   }
 }

package/dist/components/scroll-to-top/scroll-to-top.js

@@ -38,8 +38,8 @@ function ScrollToTop({ className, showAt = 200, offset = -65, type = 'button', '
         type: type,
         "aria-label": ariaLabel,
         onClick: handleOnClick,
-        className: classnames('scroll-to-top', scroll_to_top_module["scroll-to-top"], {
-            'scroll-to-top-shown': show,
+        className: classnames('infonomic-scroll-to-top', scroll_to_top_module["scroll-to-top"], {
+            'infonomic-scroll-to-top-shown': show,
             [scroll_to_top_module["scroll-to-top-shown"]]: show
         }, className),
         ...props,

package/dist/components/scroll-to-top/scroll-to-top.module.css

@@ -1,12 +1,13 @@
 @layer infonomic-base,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .scroll-to-top,
-  :global(.scroll-to-top) {
+  :global(.infonomic-scroll-to-top) {
     display: flex;
     position: fixed;
     width: 0;
@@ -33,28 +34,28 @@
   }
 
   .scroll-to-top span,
-  :global(.scroll-to-top span) {
+  :global(.infonomic-scroll-to-top span) {
     width: 18px;
     padding-bottom: 3px;
   }
 
   .scroll-to-top span svg path,
-  :global(.scroll-to-top span svg path) {
+  :global(.infonomic-scroll-to-top span svg path) {
     stroke: none;
     fill: var(--text-on-primary);
   }
 
   .scroll-to-top:hover,
   .scroll-to-top:focus,
-  :global(.scroll-to-top:hover),
-  :global(.scroll-to-top:focus) {
+  :global(.infonomic-scroll-to-top:hover),
+  :global(.infonomic-scroll-to-top:focus) {
     color: var(--text-on-primary);
     background-color: var(--fill-primary-strong-hover);
     transform: translateY(-5px);
   }
 
   .scroll-to-top-shown,
-  :global(.scroll-to-top-shown) {
+  :global(.infonomic-scroll-to-top-shown) {
     min-width: 0;
     opacity: 1;
     visibility: visible;
@@ -67,19 +68,20 @@
   }
 
   @media screen and (min-width: 587px) {
+
     .scroll-to-top,
-    :global(.scroll-to-top) {
+    :global(.infonomic-scroll-to-top) {
       bottom: 45px;
       right: 45px;
     }
 
     .scroll-to-top span,
-    :global(.scroll-to-top span) {
+    :global(.infonomic-scroll-to-top span) {
       width: 18px;
     }
 
     .scroll-to-top-shown,
-    :global(.scroll-to-top-shown) {
+    :global(.infonomic-scroll-to-top-shown) {
       width: 42px;
       height: 42px;
       border-radius: 21px;
@@ -87,4 +89,4 @@
       right: 22px;
     }
   }
-}
+}

package/dist/components/scroll-to-top/scroll-to-top_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  :is(.scroll-to-top-WYqAAl, .scroll-to-top) {
+  :is(.scroll-to-top-WYqAAl, .infonomic-scroll-to-top) {
     opacity: 0;
     visibility: hidden;
     z-index: 20;
@@ -29,7 +29,7 @@
     padding-bottom: 3px;
   }
 
-  .scroll-to-top span {
+  .infonomic-scroll-to-top span {
     width: 18px;
     padding-bottom: 3px;
   }
@@ -39,7 +39,7 @@
     fill: var(--text-on-primary);
   }
 
-  .scroll-to-top span svg path {
+  .infonomic-scroll-to-top span svg path {
     stroke: none;
     fill: var(--text-on-primary);
   }
@@ -50,19 +50,19 @@
     transform: translateY(-5px);
   }
 
-  .scroll-to-top:hover {
+  .infonomic-scroll-to-top:hover {
     color: var(--text-on-primary);
     background-color: var(--fill-primary-strong-hover);
     transform: translateY(-5px);
   }
 
-  .scroll-to-top:focus {
+  .infonomic-scroll-to-top:focus {
     color: var(--text-on-primary);
     background-color: var(--fill-primary-strong-hover);
     transform: translateY(-5px);
   }
 
-  :is(.scroll-to-top-shown-Wemu5m, .scroll-to-top-shown) {
+  :is(.scroll-to-top-shown-Wemu5m, .infonomic-scroll-to-top-shown) {
     opacity: 1;
     visibility: visible;
     border-radius: 20px;
@@ -75,7 +75,7 @@
   }
 
   @media screen and (min-width: 587px) {
-    :is(.scroll-to-top-WYqAAl, .scroll-to-top) {
+    :is(.scroll-to-top-WYqAAl, .infonomic-scroll-to-top) {
       bottom: 45px;
       right: 45px;
     }
@@ -84,11 +84,11 @@
       width: 18px;
     }
 
-    .scroll-to-top span {
+    .infonomic-scroll-to-top span {
       width: 18px;
     }
 
-    :is(.scroll-to-top-shown-Wemu5m, .scroll-to-top-shown) {
+    :is(.scroll-to-top-shown-Wemu5m, .infonomic-scroll-to-top-shown) {
       border-radius: 21px;
       width: 42px;
       height: 42px;

package/dist/components/section/section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;AACnE,MAAM,WAAW,YAAa,SAAQ,qBAAqB;CAAG;AAE9D,eAAO,MAAM,OAAO,GAAoB,uCAKrC,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CACnC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../src/components/section/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,KAAK,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAA;AACnE,MAAM,WAAW,YAAa,SAAQ,qBAAqB;CAAI;AAE/D,eAAO,MAAM,OAAO,GAAoB,uCAKrC,YAAY,GAAG;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;CACnC,KAAG,KAAK,CAAC,GAAG,CAAC,OAMb,CAAA"}

package/dist/components/section/section.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 import section_module from "./section.module.js";
 const section_Section = function({ ref, className, children, ...rest }) {
     return /*#__PURE__*/ jsx("section", {
-        className: classnames('section', section_module.section, className),
+        className: classnames('infonomic-section', section_module.section, className),
         ref: ref,
         ...rest,
         children: children

package/dist/components/section/section.module.css

@@ -1,14 +1,15 @@
 @layer infonomic-base,
-  infonomic-functional,
-  infonomic-utilities,
-  infonomic-theme,
-  infonomic-typography,
-  infonomic-components;
+infonomic-functional,
+infonomic-utilities,
+infonomic-theme,
+infonomic-typography,
+infonomic-components;
 
 @layer infonomic-components {
+
   .section,
-  :global(.section) {
+  :global(.infonomic-section) {
     width: 100%;
     position: relative;
   }
-}
+}

package/dist/components/section/section_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  :is(.section-CEcZOp, .section) {
+  :is(.section-CEcZOp, .infonomic-section) {
     width: 100%;
     position: relative;
   }

package/dist/components/shimmer/shimmer.module.css

@@ -7,7 +7,9 @@ infonomic-components;
 
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
-  .shimmer {
+
+  .shimmer,
+  :global(.infonomic-shimmer) {
     position: relative;
     overflow: hidden;
     background-color: #f0f0f0;
@@ -18,27 +20,33 @@ infonomic-components;
 
   :global(.dark),
   :global([data-theme="dark"]) {
-    .shimmer {
+
+    .shimmer,
+    :global(.infonomic-shimmer) {
       background-color: #141414;
       background-image: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.01), transparent);
     }
   }
 
-  .shimmerContainer {
+  .shimmerContainer,
+  :global(.infonomic-shimmer-container) {
     display: flex;
     flex-direction: column;
   }
 
-  .rectangular {
+  .rectangular,
+  :global(.infonomic-shimmer-rectangular) {
     border-radius: 0.25rem;
   }
 
-  .text {
+  .text,
+  :global(.infonomic-shimmer-text) {
     border-radius: 0.125rem;
     height: 1rem;
   }
 
-  .circular {
+  .circular,
+  :global(.infonomic-shimmer-circular) {
     border-radius: 50%;
     aspect-ratio: 1;
   }

package/dist/components/shimmer/shimmer_module.css

@@ -1,7 +1,7 @@
 @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
 
 @layer infonomic-components {
-  .shimmer-hQj5gn {
+  :is(.shimmer-hQj5gn, .infonomic-shimmer) {
     background-color: #f0f0f0;
     background-image: linear-gradient(90deg, #0000, #fff9, #0000);
     background-size: 200% 100%;
@@ -10,26 +10,26 @@
     overflow: hidden;
   }
 
-  :is(.dark, [data-theme="dark"]) .shimmer-hQj5gn {
+  :is(:is(.dark, [data-theme="dark"]) .shimmer-hQj5gn, :is(.dark, [data-theme="dark"]) .infonomic-shimmer) {
     background-color: #141414;
     background-image: linear-gradient(90deg, #0000, #ffffff03, #0000);
   }
 
-  .shimmerContainer-YqBAXa {
+  :is(.shimmerContainer-YqBAXa, .infonomic-shimmer-container) {
     flex-direction: column;
     display: flex;
   }
 
-  .rectangular-qx6oTl {
+  :is(.rectangular-qx6oTl, .infonomic-shimmer-rectangular) {
     border-radius: .25rem;
   }
 
-  .text-syTLNh {
+  :is(.text-syTLNh, .infonomic-shimmer-text) {
     border-radius: .125rem;
     height: 1rem;
   }
 
-  .circular-KqBjEv {
+  :is(.circular-KqBjEv, .infonomic-shimmer-circular) {
     aspect-ratio: 1;
     border-radius: 50%;
   }