@modul/mbui 0.0.16 → 0.0.17-beta-pv-53151-5278b409

package/src/Icon/icons/Warning.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18.62 13.53 12.6 2.55C12.07 1.58 11.1 1 10 1s-2.07.58-2.6 1.55L1.38 13.53c-.52.95-.5 2.08.05 3.01.54.92 1.5 1.46 2.55 1.46h12.04c1.06 0 2.01-.55 2.55-1.46.56-.93.58-2.06.05-3.01M9 6.96c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1zm1 8.2c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2"
+			d="m22.34 16.24-7.22-13.18a3.51 3.51 0 0 0 -3.12-1.86c-1.32 0-2.48.7-3.12 1.86l-7.22 13.18a3.63 3.63 0 0 0 3.12 5.36h14.44c1.28 0 2.42-.66 3.06-1.75.68-1.12.7-2.47.06-3.61zm-11.54-7.89c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2zm1.2 9.85c-.8 0-1.44-.65-1.44-1.44s.65-1.44 1.44-1.44c.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Wheelchair.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWheelchair = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M6.267 2.588c0-.879.715-1.588 1.6-1.588s1.6.71 1.6 1.588c0 .88-.715 1.588-1.6 1.588s-1.6-.709-1.6-1.588m11.66 13.903-2.134-5.294a1.07 1.07 0 0 0-.992-.668h-4.46l-.426-2.117h3.82c.586 0 1.066-.477 1.066-1.06 0-.581-.48-1.058-1.067-1.058H9.49l-.043-.212a1.063 1.063 0 0 0-1.259-.826c-.576.117-.95.668-.832 1.25L8.422 11.8c.096.487.533.847 1.045.847h4.608l1.867 4.627c.224.55.854.805 1.387.593.544-.222.81-.836.598-1.376m-6.049-.614a4.76 4.76 0 0 1-2.944 1.005c-2.646 0-4.8-2.139-4.8-4.764 0-1.27.5-2.467 1.408-3.367a1.05 1.05 0 0 0 0-1.493 1.07 1.07 0 0 0-1.505 0A6.77 6.77 0 0 0 2 12.118C2 15.908 5.115 19 8.934 19a6.87 6.87 0 0 0 4.256-1.45c.47-.36.544-1.028.181-1.483a1.06 1.06 0 0 0-1.493-.19"
+			d="M7.52 3.1c0-1.05.86-1.9 1.92-1.9a1.91 1.91 0 1 1 0 3.81 1.91 1.91 0 0 1-1.92-1.9Zm14 16.69-2.57-6.35c-.19-.49-.66-.8-1.19-.8h-5.35l-.51-2.55h4.58c.7 0 1.28-.57 1.28-1.27 0-.7-.57-1.27-1.28-1.27h-5.1l-.04-.25a1.28 1.28 0 0 0-1.52-1c-.69.15-1.13.8-1 1.5l1.29 6.36c.11.58.64 1.02 1.25 1.02h5.53l2.24 5.55a1.28 1.28 0 0 0 2.38-.94Zm-7.27-.74a5.75 5.75 0 0 1-9.3-4.51c.01-1.52.61-2.96 1.7-4.04.5-.5.5-1.3 0-1.8-.5-.49-1.3-.49-1.8 0a8.13 8.13 0 0 0-2.45 5.84 8.3 8.3 0 0 0 13.43 6.52c.56-.43.65-1.23.22-1.78a1.27 1.27 0 0 0-1.8-.23Z"
 		/>
 	</SvgIcon>
 )
-export default SvgWheelchair
+export default SvgWheelchair

package/src/Icon/icons/index.ts

@@ -47,8 +47,9 @@ export { default as CheckSmall } from './CheckSmall'
 export { default as Check } from './Check'
 export { default as Checklist } from './Checklist'
 export { default as Circle } from './Circle'
-export { default as Clock } from './Clock'
 export { default as Close } from './Close'
+export { default as Clock } from './Clock'
+export { default as ClockSolid } from './ClockSolid'
 export { default as Coins } from './Coins'
 export { default as Collapse } from './Collapse'
 export { default as Copy } from './Copy'
@@ -66,6 +67,7 @@ export { default as DoubleArrow } from './DoubleArrow'
 export { default as DoubleTick } from './DoubleTick'
 export { default as Download } from './Download'
 export { default as DropdownSmallOld } from './DropdownSmallOld'
+export { default as DropdownSmall } from './DropdownSmall'
 export { default as Dropdown } from './Dropdown'
 export { default as Dropup } from './Dropup'
 export { default as Edit } from './Edit'
@@ -109,6 +111,7 @@ export { default as MagicWand } from './MagicWand'
 export { default as MailSend } from './MailSend'
 export { default as Mail } from './Mail'
 export { default as MapPin } from './MapPin'
+export { default as MapPinSolid } from './MapPinSolid'
 export { default as Map } from './Map'
 export { default as Menu } from './Menu'
 export { default as MicOff } from './MicOff'

package/src/Input/Input.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const InputLabel = React.forwardRef<HTMLLabelElement, React.LabelHTMLAttributes<HTMLLabelElement>>(
 	({ className, children, ...props }) => {

package/src/Input-OTP/Input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { OTPInput, OTPInputContext } from 'input-otp'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(
 	({ className, containerClassName, ...props }, ref) => (

package/src/Label/Label.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as LabelPrimitive from '@radix-ui/react-label'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const labelVariants = cva('peer-disabled:opacity-70 peer-disabled:cursor-not-allowed')
 

package/src/Page/Page.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 type IProps = {
 	children?: React.ReactNode

package/src/Progress/Progress.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import * as ProgressPrimitive from '@radix-ui/react-progress'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const progessClasses = `
 	relative

package/src/Select/SelectAccountCard.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import Select, {
 	components,
 	ControlProps,
@@ -12,7 +12,7 @@ import Select, {
 	Props,
 	GroupBase,
 } from 'react-select'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Select/SelectAsync.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import {
 	components,
 	ControlProps,
@@ -15,7 +15,7 @@ import {
 	IndicatorsContainerProps,
 } from 'react-select'
 import AsyncSelect from 'react-select/async'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Select/SelectBase.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 
 import Select, {
 	components,
@@ -17,7 +17,7 @@ import Select, {
 	IndicatorsContainerProps, GroupBase, Props,
 } from 'react-select'
 
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Switch/Switch.tsx

@@ -1,7 +1,7 @@
 
 import * as React from "react"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
-import { cn } from "@utils"
+import { cn } from "../@/lib/utils"
 
 const rootClasses = `
 	inline-flex

package/src/Textarea/Textarea.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const textAreaClasses = `
 	flex

package/src/index.ts

@@ -47,7 +47,7 @@ import {
 	AlertDialogAction,
 	AlertDialogCancel,
 } from './AlertDialog'
-
+import { MessageTyping } from "./Chat"
 export {
 	Tooltip,
 	Tabs,
@@ -110,4 +110,5 @@ export {
 	AlertDialogDescription,
 	AlertDialogAction,
 	AlertDialogCancel,
+	MessageTyping
 }

package/src/Slider/slider.styl

@@ -1,62 +0,0 @@
-@require '../../../Markup.Common/markup/stylus/variables'
-
-.ant
-    // SLIDER BEGIN
-    &-slider-rail
-    &-slider-track
-        height 2px
-        border-radius @height
-
-    &-slider-rail
-        background-color $cl-graphite-5
-
-    &-slider-track
-        position absolute
-        top 0
-        background-color $cl-green-2
-        transition background-color 0.3s ease-in-out
-
-    &-slider-handle
-        position absolute
-        top 50%
-        margin-top -7px
-        box-sizing border-box
-        width 14px
-        height @width
-        background-color $cl-white
-        border 2px solid $cl-green-2
-        border-radius 50%
-        transition background-color 0.3s ease-in-out, border-color 0.3s ease-in-out
-        cursor pointer
-
-    &-slider-disabled
-        .ant-slider-track
-        .ant-slider-handle
-            background-color $cl-graphite-4
-
-        .ant-slider-handle
-            border-color $cl-white
-            cursor not-allowed
-    // SLIDER END
-
-    // SLIDER TOOLTIP BEGIN
-    &-slider
-        position relative
-
-        & .ant-tooltip
-            background-color transparent
-
-            &-placement-bottom
-                padding-top 0
-
-            &-arrow
-                display none
-
-            &-content
-                padding 0
-                min-height auto
-                font-size $fz-small
-                color $cl-graphite-3
-                background-color transparent
-                box-shadow none
-    // SLIDER TOOLTIP END