npm - @infonomic/uikit - Versions diffs - 5.41.0 → 5.43.0 - Mend

@infonomic/uikit 5.41.0 → 5.43.0

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.

Files changed (170) hide show

package/src/components/scroll-to-top/scroll-to-top.module.css CHANGED Viewed

@@ -1,11 +1,10 @@
 @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(.infonomic-scroll-to-top) {
     display: flex;
@@ -68,7 +67,6 @@ infonomic-components;
   }
   @media screen and (min-width: 587px) {
     .scroll-to-top,
     :global(.infonomic-scroll-to-top) {
       bottom: 45px;
@@ -89,4 +87,4 @@ infonomic-components;
       right: 22px;
     }
   }
-}
+}

package/src/components/section/section.module.css CHANGED Viewed

@@ -1,15 +1,14 @@
 @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(.infonomic-section) {
     width: 100%;
     position: relative;
   }
-}
+}

package/src/components/section/section.tsx CHANGED Viewed

@@ -5,7 +5,7 @@ import cx from 'classnames'
 import styles from './section.module.css'
 type SectionIntrinsicProps = React.JSX.IntrinsicElements['section']
-export interface SectionProps extends SectionIntrinsicProps { }
+export interface SectionProps extends SectionIntrinsicProps {}
 export const Section = function Section({
   ref,

package/src/components/shimmer/shimmer.module.css CHANGED Viewed

@@ -1,13 +1,12 @@
 @layer infonomic-base,
-infonomic-functional,
-infonomic-utilities,
-infonomic-theme,
-infonomic-typography,
-infonomic-components;
+  infonomic-functional,
+  infonomic-utilities,
+  infonomic-theme,
+  infonomic-typography,
+  infonomic-components;
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
   .shimmer,
   :global(.infonomic-shimmer) {
     position: relative;
@@ -20,7 +19,6 @@ infonomic-components;
   :global(.dark),
   :global([data-theme="dark"]) {
     .shimmer,
     :global(.infonomic-shimmer) {
       background-color: #141414;
@@ -60,4 +58,4 @@ infonomic-components;
       background-position: 200% 0;
     }
   }
-}
+}

package/src/components/table/table.module.css CHANGED Viewed

@@ -1,13 +1,12 @@
 @layer infonomic-base,
-infonomic-functional,
-infonomic-utilities,
-infonomic-theme,
-infonomic-typography,
-infonomic-components;
+  infonomic-functional,
+  infonomic-utilities,
+  infonomic-theme,
+  infonomic-typography,
+  infonomic-components;
 /* 'border-collapse w-full text-sm text-left text-gray-700 dark:text-gray-400 m-0', */
 @layer infonomic-components {
   /* 'table--container break-normal overflow-hidden relative shadow-md rounded-md my-[16px] dark:border dark:border-canvas-700', */
   .table-container,
   :global(.infonomic-table-container) {
@@ -92,7 +91,6 @@ infonomic-components;
   */
   :global(.dark),
   :global([data-theme="dark"]) {
     .table-header,
     :global(.infonomic-table-header) {
       background-color: var(--canvas-700);
@@ -119,4 +117,4 @@ infonomic-components;
       background-color: var(--canvas-800);
     }
   }
-}
+}

package/src/components/table/table.tsx CHANGED Viewed

@@ -106,7 +106,12 @@ function HeadingCell({
 }: TableHeadingCellProps & {
   ref?: React.RefObject<HTMLTableCellElement>
 }): React.JSX.Element {
-  const classes = cx(styles['table-heading-cell'], 'infonomic-table-heading-cell', 'not-prose', className)
+  const classes = cx(
+    styles['table-heading-cell'],
+    'infonomic-table-heading-cell',
+    'not-prose',
+    className
+  )
   return (
     <th ref={ref} className={classes} {...rest}>
       {children}

package/src/components/tabs/tabs.module.css CHANGED Viewed

@@ -1,12 +1,11 @@
 @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 {
   .tabs-root,
   :global(.infonomic-tabs-root) {
     display: flex;
@@ -72,4 +71,4 @@ infonomic-components;
       outline: none;
     }
   }
-}
+}

package/src/components/tooltip/tooltip.module.css CHANGED Viewed

@@ -1,12 +1,11 @@
 @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 {
   .tooltip,
   :global(.infonomic-tooltip) {
     font-size: 0.75rem;
@@ -46,4 +45,4 @@ infonomic-components;
   :global(.infonomic-tooltip-arrow) {
     fill: var(--surface-panel-border);
   }
-}
+}

package/src/icons/ai-icon.tsx CHANGED Viewed

@@ -7,7 +7,7 @@ import styles from './icons.module.css'
 import type { IconProps } from './types/icon.js'
 export const AiIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
-  const applied = cx(styles['stroke-current'], svgClassName)
+  const _applied = cx(styles['stroke-current'], svgClassName)
   return (
     <IconElement className={cx('ai-icon', className)} {...rest}>

package/src/icons/eye-closed-icon.tsx CHANGED Viewed

@@ -24,7 +24,8 @@ export const EyeClosedIcon = ({
         fill="none"
         strokeWidth={1.5}
         strokeLinecap="round"
-        strokeLinejoin="round">
+        strokeLinejoin="round"
+      >
         <path d="m15 18-.722-3.25" />
         <path d="M2 8a10.645 10.645 0 0 0 20 0" />
         <path d="m20 15-1.726-2.05" />

package/src/icons/eye-open-icon.tsx CHANGED Viewed

@@ -6,11 +6,7 @@ import { IconElement } from './icon-element.js'
 import styles from './icons.module.css'
 import type { IconProps } from './types/icon.js'
-export const EyeOpenIcon = ({
-  className,
-  svgClassName,
-  ...rest
-}: IconProps): React.JSX.Element => {
+export const EyeOpenIcon = ({ className, svgClassName, ...rest }: IconProps): React.JSX.Element => {
   const applied = cx(styles['fill-none'], styles['stroke-current'], svgClassName)
   return (

package/src/icons/icons.module.css CHANGED Viewed

@@ -162,4 +162,4 @@
       fill: var(--red-400);
     }
   }
-}
+}

package/src/styles/base/base.css CHANGED Viewed

@@ -8,4 +8,4 @@
 @import "./size.css";
 @import "./transitions.css";
 @import "./typography.css";
-@import "./z-index.css";
+@import "./z-index.css";

package/src/styles/base/colors.css CHANGED Viewed

@@ -160,5 +160,4 @@
     --red-900: oklch(from var(--red-base) calc(l * 0.75) c h);
     --red-950: oklch(from var(--red-base) calc(l * 0.7) c h);
   }
-}
+}

package/src/styles/components/loaders.css CHANGED Viewed

@@ -193,4 +193,4 @@
   100% {
     opacity: 0;
   }
-}
+}