@drivy/cobalt 2.14.0 → 2.16.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drivy/cobalt",
-  "version": "2.14.0",
+  "version": "2.16.0",
   "description": "Opinionated design system for Drivy's projects.",
   "main": "src/index.js",
   "types": "types/src/index.d.ts",
@@ -27,8 +27,8 @@
     "date-fns": "2.30.0",
     "lodash.throttle": "4.1.1",
     "media-typer": "1.1.0",
-    "nanoid": "5.1.6",
-    "postcss": "8.5.6",
+    "nanoid": "5.1.7",
+    "postcss": "8.5.8",
     "tailwindcss": "3.4.19",
     "tippy.js": "6.3.7"
   },
@@ -37,17 +37,16 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
+    "@biomejs/biome": "2.4.4",
     "@getaround-eu/babel-preset-app": "1.4.6",
-    "@getaround-eu/eslint-config": "3.1.0",
-    "@getaround-eu/prettier-config": "1.2.1",
-    "@getaround-eu/stylelint-config": "3.0.1",
+    "@getaround-eu/biome-config": "1.0.0",
+    "@getaround-eu/stylelint-config": "4.0.1",
     "@getaround-eu/ts-config": "2.2.1",
     "@rollup/plugin-commonjs": "28.0.9",
     "@rollup/plugin-json": "6.1.0",
-    "@rushstack/eslint-patch": "1.12.0",
-    "@storybook/addon-essentials": "7.6.21",
+    "@storybook/addon-essentials": "7.6.24",
     "@storybook/addons": "7.6.17",
-    "@storybook/blocks": "7.6.21",
+    "@storybook/blocks": "7.6.24",
     "@storybook/react": "7.6.21",
     "@storybook/react-webpack5": "7.6.21",
     "@svgr/cli": "7.0.0",
@@ -58,24 +57,21 @@
     "@types/jest": "29.5.14",
     "@types/lodash.throttle": "4.1.9",
     "@types/media-typer": "1.1.3",
-    "@types/node": "22.14.1",
-    "@types/react": "18.3.24",
+    "@types/node": "22.19.15",
+    "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
-    "autoprefixer": "10.4.24",
-    "core-js": "3.48.0",
-    "css-loader": "7.1.3",
-    "eslint": "8.57.1",
-    "eslint-plugin-storybook": "^0.12.0",
+    "autoprefixer": "10.4.27",
+    "core-js": "3.49.0",
+    "css-loader": "7.1.4",
     "file-loader": "6.2.0",
-    "fs-extra": "11.3.3",
+    "fs-extra": "11.3.4",
     "html-entities": "2.6.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "nested-object-access": "^0.2.5",
-    "np": "10.2.0",
+    "np": "10.3.0",
     "postcss-flexbugs-fixes": "5.0.2",
     "postcss-loader": "8.2.1",
-    "prettier": "3.6.2",
     "raw-loader": "4.0.2",
     "react": "18.3.1",
     "react-dom": "18.3.1",
@@ -84,21 +80,20 @@
     "react-textarea-autosize": "8.5.9",
     "regenerator-runtime": "0.14.1",
     "remark-gfm": "^3.0.1",
-    "rollup": "2.79.2",
+    "rollup": "2.80.0",
     "rollup-plugin-copy": "3.5.0",
     "rollup-plugin-svgo": "2.0.0",
     "rollup-plugin-typescript2": "0.36.0",
-    "sass": "1.97.3",
+    "sass": "1.98.0",
     "sass-loader": "13.3.3",
     "sharp-cli": "5.2.0",
-    "storybook": "7.6.21",
+    "storybook": "7.6.24",
     "style-loader": "4.0.0",
-    "stylelint": "15.11.0",
+    "stylelint": "17.5.0",
     "svg2vectordrawable": "2.9.1",
-    "svgo": "3.3.2",
+    "svgo": "3.3.3",
     "ts-jest": "29.4.6",
-    "tsx": "4.21.0",
-    "typescript": "5.4.5"
+    "typescript": "5.9.3"
   },
   "keywords": [
     "drivy",
@@ -114,8 +109,7 @@
   },
   "files": [
     "tokens/**/*",
-    "**/*.{scss,css,d.ts,js,js.map,svg,png,woff,woff2,md}",
-    ".stylelintrc.js"
+    "**/*.{scss,css,d.ts,js,js.map,svg,png,woff,woff2,md}"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -126,10 +120,8 @@
     "build:dev": "pnpm build && yalc publish dist/",
     "build:publish": "pnpm build && pnpm np --contents dist",
     "deploy": "./scripts/publishToBranch.sh",
-    "lint": "pnpm lint:prettier && pnpm lint:css && pnpm lint:js",
-    "lint:prettier": "prettier --list-different \"src/**/*.scss\"",
-    "lint:css": "stylelint \"src/**/*.scss\"",
-    "lint:js": "eslint src/components --ext ts,tsx,js,jsx --max-warnings 0 ",
+    "lint": "biome check && stylelint \"src/**/*.scss\"",
+    "lint:fix": "biome check --fix && stylelint \"src/**/*.scss\" --fix",
     "scss:vars": "ts-node -e 'console.log(require(\"./utils/tailwindcssThemeHelpers.js\").getFlattenedTheme())'",
     "binary": "sh ./scripts/buildCobaltBinary.sh",
     "storybook:prepare": "PLAYGROUND_GENERATION=true npx tailwindcss -i ./src/utilities.css -o ./src/_generated_tailwind_playground.css && PLAYGROUND_GENERATION=false",
@@ -137,7 +129,7 @@
     "storybook:build": "pnpm storybook:prepare && storybook build",
     "build:icons": "./scripts/buildIcons.sh",
     "build:illustrations": "./scripts/buildIllustrations.sh",
-    "build:theme": "tsx ./scripts/buildThemeCSSVariables.mts",
+    "build:theme": "node --experimental-strip-types ./scripts/buildThemeCSSVariables.mts",
     "test": "jest",
     "typecheck": "tsc",
     "version": "cp package.json dist/package.json"

package/styles/components/Calendar/CalendarDayPicker/index.scss

@@ -87,20 +87,23 @@
 
     z-index: 1;
 
-    padding: $calendar-day-padding 0;
-
     box-sizing: border-box;
 
     flex-basis: calc(100% / 7);
 
     min-width: $calendar-selected-size;
 
-    text-align: center;
+    padding: $calendar-day-padding 0;
+
+    border: unset;
 
     font-size: 13px;
 
     line-height: $calendar-day-inner-height;
 
+    text-align: center;
+
+    background: unset;
     cursor: pointer;
 
     .cobalt-CalendarDayPicker__day-inner {

package/styles/components/Calendar/CalendarRangePicker/index.scss

@@ -102,19 +102,18 @@
 
     z-index: 1;
 
-    height: var(--calendar-day-size);
-    width: var(--calendar-day-size);
-
     display: flex;
 
-    justify-content: center;
-    align-items: center;
-
     box-sizing: border-box;
 
     flex-basis: calc(100% / 7);
+    align-items: center;
 
-    text-align: center;
+    justify-content: center;
+    width: var(--calendar-day-size);
+
+    height: var(--calendar-day-size);
+    border: unset;
 
     font-size: 13px;
 
@@ -122,6 +121,10 @@
 
     font-weight: 600;
 
+    text-align: center;
+
+    background: unset;
+
     .cobalt-CalendarRangePicker__day-notification-container {
       position: absolute;
 

package/styles/components/Layout/Surfaces/index.scss

@@ -30,41 +30,41 @@
 @include class-with-responsive-variants(
   "cobalt-layout-flexibleWithConstraint--large",
   (
-    "max-width": 1200px
+    "max-width": 1200px,
   )
 );
 
 @include class-with-responsive-variants(
   "cobalt-layout-flexibleWithConstraint--medium",
   (
-    "max-width": 840px
+    "max-width": 840px,
   )
 );
 
 @include class-with-responsive-variants(
   "cobalt-layout-flexibleWithConstraint--small",
   (
-    "max-width": 540px
+    "max-width": 540px,
   )
 );
 
 @include class-with-responsive-variants(
   "cobalt-layout-fixed--280",
   (
-    "width": 280px
+    "width": 280px,
   )
 );
 
 @include class-with-responsive-variants(
   "cobalt-layout-fixed--420",
   (
-    "width": 420px
+    "width": 420px,
   )
 );
 
 @include class-with-responsive-variants(
   "cobalt-layout-fixed--600",
   (
-    "width": 600px
+    "width": 600px,
   )
 );

package/styles/core/border-radius.scss

@@ -7,7 +7,7 @@ $border-radius-data: (
   lg: .5rem,
   xl: .75rem,
   "2xl": 1rem,
-  full: 9999px
+  full: 9999px,
 );
 
 @function border-radius($size: base) {

package/styles/core/border.scss

@@ -3,12 +3,12 @@ $border-size-data: (
   0.5: 0.5px,
   default: 1px,
   2: 0.125rem,
-  4: .25rem
+  4: .25rem,
 );
 
 $border-style-data: (
   solid: solid,
-  dashed: dashed
+  dashed: dashed,
 );
 
 @mixin border-style($style: solid, $position: "") {

package/styles/core/breakpoints.scss

@@ -3,7 +3,7 @@ $breakpoint-data: (
   xs: 480px,
   sm: 768px,
   md: 992px,
-  lg: 1200px
+  lg: 1200px,
 );
 
 @function breakpoint-width($name) {

package/styles/core/cursor.scss

@@ -5,7 +5,7 @@ $cursor-data: (
   wait: wait,
   text: text,
   move: move,
-  not-allowed: not-allowed
+  not-allowed: not-allowed,
 );
 
 @function cursor($cursor) {

package/styles/core/elevation.scss

@@ -4,7 +4,7 @@ $elevation-data: (
   strong: 0 0.375rem 2.25rem rgba(0, 0, 0, 0.2),
   base: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.1),
   md: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15),
-  lg: 0 0.375rem 2.25rem rgba(0, 0, 0, 0.2)
+  lg: 0 0.375rem 2.25rem rgba(0, 0, 0, 0.2),
 );
 
 @function elevation($variant: base) {

package/styles/core/spacing.scss

@@ -6,7 +6,7 @@ $spacing-data: (
   base: 1.5rem,
   medium: 2rem,
   loose: 3rem,
-  extra-loose: 4rem
+  extra-loose: 4rem,
 );
 
 $new-spacing-data: (
@@ -24,7 +24,7 @@ $new-spacing-data: (
   md: 1.5rem,
   lg: 2rem,
   xl: 3rem,
-  "2xl": 4rem
+  "2xl": 4rem,
 );
 
 @function spacing($variant: base) {

package/styles/core/typography.scss

@@ -1,48 +1,37 @@
 $font-family-data: (
   base: unquote("BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"),
   brand: unquote("BrownPro,BlinkMacSystemFont,-apple-system,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif"),
-  monospace: unquote("Consolas,'Liberation Mono',Menlo,Courier,monospace")
+  monospace: unquote("Consolas,'Liberation Mono',Menlo,Courier,monospace"),
 );
 
 $text-variants-data: (
-  title-extralarge: (
-    remToPx(2rem)
-      125%
-  ),
-  title-large: (
-    remToPx(1.5rem)
-      125%
-  ),
-  title: (
-    remToPx(1.25rem)
-      125%
-  ),
-  title-small: (
-    remToPx(1rem)
-      125%
-  ),
-  title-tiny: (
-    remToPx(1rem)
-      125%
-  ),
-  body-large: (
-    remToPx(1.125rem)
-      1.5rem
-  ),
-  body: (
-    remToPx(1rem)
-      1.5rem
-  ),
-  body-small: (
-    remToPx(0.75rem)
-      1rem
-  ),
-  caption: (
-    14px 20px
-  ),
-  section-header: (
-    14px 24px
-  )
+  title-extralarge: remToPx(2rem)
+    125%,
+
+  title-large: remToPx(1.5rem)
+    125%,
+
+  title: remToPx(1.25rem)
+    125%,
+
+  title-small: remToPx(1rem)
+    125%,
+
+  title-tiny: remToPx(1rem)
+    125%,
+
+  body-large: remToPx(1.125rem)
+    1.5rem,
+
+  body: remToPx(1rem)
+    1.5rem,
+
+  body-small: remToPx(0.75rem)
+    1rem,
+
+  caption: 14px 20px,
+
+  section-header: 14px 24px,
 );
 
 @function font-family($name: base) {

package/styles/core/z-index.scss

@@ -11,7 +11,7 @@ $z-index-data: (
   "alert": 100,
   "sidepanel": 80,
   "sidepanel-below": 79,
-  "sidepanel-above": 81
+  "sidepanel-above": 81,
 );
 
 @function zx($level: base) {

package/styles/global/spacing.scss

@@ -8,7 +8,7 @@
 
     $sides: (
       b: bottom,
-      r: right
+      r: right,
     );
 
     @each $side in map-keys($sides) {

package/tokens/icons.js

@@ -12,8 +12,10 @@ const icons = {
 	arrowRight: "arrow-right.svg",
 	audioInput: "audio-input.svg",
 	babySeat: "baby-seat.svg",
+	backupCamera: "backup-camera.svg",
 	bank: "bank.svg",
 	battery: "battery.svg",
+	bed: "bed.svg",
 	bell: "bell.svg",
 	bikeRack: "bike-rack.svg",
 	bin: "bin.svg",
@@ -128,6 +130,7 @@ const icons = {
 	graphUp: "graph-up.svg",
 	healing: "healing.svg",
 	heart: "heart.svg",
+	height: "height.svg",
 	hitch: "hitch.svg",
 	home: "home.svg",
 	idCard: "id-card.svg",
@@ -215,11 +218,13 @@ const icons = {
 	position: "position.svg",
 	pricingFlat: "pricing-flat.svg",
 	pricingVariable: "pricing-variable.svg",
+	pro: "pro.svg",
 	profilePicture: "profile-picture.svg",
 	questionCircleFilled: "question-circle-filled.svg",
 	questionCircle: "question-circle.svg",
 	question: "question.svg",
 	raceFlag: "race-flag.svg",
+	radioTune: "radio-tune.svg",
 	recenter: "recenter.svg",
 	refresh: "refresh.svg",
 	reorder: "reorder.svg",
@@ -286,6 +291,7 @@ const icons = {
 	uber: "uber.svg",
 	unfold: "unfold.svg",
 	unlocked: "unlocked.svg",
+	usbChargingPort: "usb-charging-port.svg",
 	userCheck: "user-check.svg",
 	userQuestion: "user-question.svg",
 	userShield: "user-shield.svg",
@@ -301,6 +307,7 @@ const icons = {
 	warningCircleFilled: "warning-circle-filled.svg",
 	warningCircle: "warning-circle.svg",
 	warning: "warning.svg",
+	weight: "weight.svg",
 	whatsapp: "whatsapp.svg",
 	wheel: "wheel.svg",
 	wheelchair: "wheelchair.svg",

package/tokens/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/tokens/index.js

@@ -1,8 +1,8 @@
 import _breakpoints from './breakpoints.js';
-import _palette from './palette.js';
-import _theme from './theme.js';
 import _countries from './countries.js';
 import _icons from './icons.js';
+import _palette from './palette.js';
+import _theme from './theme.js';
 import _zIndexes from './zIndexes.js';
 
 // For now we can't re-export json using TS and JSON import has no default

package/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _palette from \"./palette.json\"\nimport _theme from \"./theme.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":[],"mappings":";;;;;;;AAAA;AAQO,MAAM,WAAW,GAAG,aAAY;AAChC,MAAM,SAAS,GAAG,WAAU;AAC5B,MAAM,KAAK,GAAG,OAAM;AACpB,MAAM,QAAQ,GAAG,UAAS;AAC1B,MAAM,OAAO,GAAG,SAAQ;AACxB,MAAM,KAAK,GAAG;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["// For now we can't re-export json using TS and JSON import has no default\nimport _breakpoints from \"./breakpoints.json\"\nimport _countries from \"./countries.json\"\nimport _icons from \"./icons.json\"\nimport _palette from \"./palette.json\"\nimport _theme from \"./theme.json\"\nimport _zIndexes from \"./zIndexes.json\"\n\nexport const breakpoints = _breakpoints\nexport const countries = _countries\nexport const icons = _icons\nexport const zIndexes = _zIndexes\nexport const palette = _palette\nexport const theme = _theme\n"],"names":[],"mappings":";;;;;;;AAAA;AAQO,MAAM,WAAW,GAAG,aAAY;AAChC,MAAM,SAAS,GAAG,WAAU;AAC5B,MAAM,KAAK,GAAG,OAAM;AACpB,MAAM,QAAQ,GAAG,UAAS;AAC1B,MAAM,OAAO,GAAG,SAAQ;AACxB,MAAM,KAAK,GAAG;;;;"}

package/types/src/__tests__/AsyncComponent.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+import type React from "react";
 declare const AsyncComponent: ({ children, timeout, }: {
     children?: React.ReactNode;
     timeout?: number;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default AsyncComponent;

package/types/src/components/Accordion/ToggleIcon.d.ts

@@ -1,7 +1,6 @@
-import React from "react";
 type ToggleIconPropsType = {
     isOpen: boolean;
     useChevron: boolean;
 };
-declare const ToggleIcon: ({ isOpen, useChevron }: ToggleIconPropsType) => React.JSX.Element;
+declare const ToggleIcon: ({ isOpen, useChevron }: ToggleIconPropsType) => import("react/jsx-runtime").JSX.Element;
 export default ToggleIcon;

package/types/src/components/Accordion/index.d.ts

@@ -1,5 +1,4 @@
-import React from "react";
-import { AccordionItemProps as ArkAccordionItemProps, AccordionItemTriggerProps as ArkAccordionItemTriggerProps, AccordionRootProps as ArkAccordionRootProps, AccordionItemContentProps as ArkAccordionItemContentProps, AccordionValueChangeDetails } from "@ark-ui/react";
+import { type AccordionValueChangeDetails, type AccordionItemContentProps as ArkAccordionItemContentProps, type AccordionItemProps as ArkAccordionItemProps, type AccordionItemTriggerProps as ArkAccordionItemTriggerProps, type AccordionRootProps as ArkAccordionRootProps } from "@ark-ui/react";
 export { useAccordionItemContext } from "@ark-ui/react";
 type HeadingLevelMapType = {
     h2: 2;
@@ -28,17 +27,17 @@ export type AccordionPropsType = Omit<ArkAccordionRootProps, "onValueChange"> &
     onValueChange?: (value: AccordionValueChangeDetails["value"]) => void;
 };
 declare const Accordion: {
-    ({ className, children, collapsible, onValueChange, ...props }: AccordionPropsType): React.JSX.Element;
+    ({ className, children, collapsible, onValueChange, ...props }: AccordionPropsType): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Item: {
-        ({ children, className, value, ...props }: AccordionItemPropsType): React.JSX.Element;
+        ({ children, className, value, ...props }: AccordionItemPropsType): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Header: {
-            ({ children, className, headingLevel, leftToggleIcon, useChevron, ...props }: AccordionItemHeaderPropsType): React.JSX.Element;
+            ({ children, className, headingLevel, leftToggleIcon, useChevron, ...props }: AccordionItemHeaderPropsType): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Panel: {
-            ({ children, className, ...props }: AccordionItemPanelPropsType): React.JSX.Element;
+            ({ children, className, ...props }: AccordionItemPanelPropsType): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };

package/types/src/components/Alerter/index.d.ts

@@ -1,4 +1,5 @@
-import React, { type PropsWithChildren } from "react";
+import type React from "react";
+import type { PropsWithChildren } from "react";
 export type AlertStatus = "info" | "success" | "error";
 export declare const useAlerts: () => {
     sendAlert: ({ message, status, duration, }: {
@@ -7,5 +8,5 @@ export declare const useAlerts: () => {
         duration?: number;
     }) => string;
 };
-declare const Alerter: ({ children }: PropsWithChildren) => React.JSX.Element;
+declare const Alerter: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export default Alerter;

package/types/src/components/Banner/index.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 export type BannerPropsType = React.PropsWithChildren<{
     title?: string;
     cta?: React.ReactNode;
@@ -7,5 +6,5 @@ export type BannerPropsType = React.PropsWithChildren<{
     variant: "secondary" | "tertiary" | "business";
     className?: string;
 }>;
-export declare const Banner: ({ title, children, cta, variant, illustrationUrl, illustrationHeight, className, }: BannerPropsType) => React.JSX.Element;
+export declare const Banner: ({ title, children, cta, variant, illustrationUrl, illustrationHeight, className, }: BannerPropsType) => import("react/jsx-runtime").JSX.Element;
 export default Banner;

package/types/src/components/BasicCell/index.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from "react";
 export interface BasicCellProps {
     children: React.ReactNode;
     leftAddonIcon?: React.ReactNode;
@@ -9,4 +9,4 @@ export interface BasicCellProps {
     rightAddonIcon?: React.ReactNode;
     large?: boolean;
 }
-export declare const BasicCell: ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAddonThumbSquare, title, children, rightAddonIcon, large, }: BasicCellProps) => React.JSX.Element;
+export declare const BasicCell: ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, leftAddonThumbSquare, title, children, rightAddonIcon, large, }: BasicCellProps) => import("react/jsx-runtime").JSX.Element;

package/types/src/components/BulletList/index.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-import { Icon } from "../Icon";
+import type React from "react";
+import type { Icon } from "../Icon";
 export interface BulletListProps {
     children: React.ReactNode;
     iconPosition?: "top" | "centered";
 }
-export declare const BulletList: ({ children, iconPosition, }: BulletListProps) => React.JSX.Element;
+export declare const BulletList: ({ children, iconPosition, }: BulletListProps) => import("react/jsx-runtime").JSX.Element;
 interface BulletListItemProps {
     children: React.ReactNode;
     icon: ReturnType<typeof Icon>;
 }
-export declare const BulletListItem: ({ children, icon }: BulletListItemProps) => React.JSX.Element;
+export declare const BulletListItem: ({ children, icon }: BulletListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/src/components/Buttons/Button/ButtonComponent.d.ts

@@ -1,11 +1,10 @@
-import React from "react";
-export declare const ButtonBase: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare const ButtonBase: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
     loading?: boolean | undefined;
     disabled?: boolean | undefined;
-    href?: undefined;
-} & React.RefAttributes<HTMLButtonElement>>;
-export declare const ButtonLinkBase: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href?: never;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ButtonLinkBase: import("react").ForwardRefExoticComponent<import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
     loading?: boolean | undefined;
     disabled?: boolean | undefined;
-    href?: string | undefined;
-} & React.RefAttributes<HTMLAnchorElement>>;
+    href?: string;
+} & import("react").RefAttributes<HTMLAnchorElement>>;

package/types/src/components/Buttons/Button/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ButtonComponentProps, ButtonLinkComponentProps, ButtonProps } from "./type";
+import type React from "react";
+import { type ButtonComponentProps, type ButtonLinkComponentProps, type ButtonProps } from "./type";
 interface ButtonOverloads {
     (props: Exclude<ButtonProps, ButtonComponentProps> & React.RefAttributes<HTMLAnchorElement>): React.ReactElement;
     (props: Exclude<ButtonProps, ButtonLinkComponentProps> & React.RefAttributes<HTMLButtonElement>): React.ReactElement;

package/types/src/components/Buttons/Button/type.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type SharedButtonApiProps = {
     loading?: boolean;
     disabled?: boolean;