Skip to content

Releases: sikka-software/Hawa

hawa@0.43.0

29 Jul 10:11
Compare
Choose a tag to compare
  • Calendar: downgrade react-day-picker to v8.10.1
  • Chip: allow consumer to pass custom classNames
  • Make badge color optional in the sidebar of AppLayout
  • Sidebar: Allow adding badge to menu items that have subitems and subitems directly.
  • Add onErrorDismissed to LoginForm to allow extra customization of alert dismissal
  • DataTable: add resetSelection prop to be used to reset selection by passing in a changing value.
  • Change passwordLength prop to minPasswordLength
  • Apply minPasswordLength to RegisterForm
  • Fix Sika logo in Logos component
  • Update dependencies
  • Update dependencies
  • Sonner: fix wrong position on mobile when direction is rtl
  • Fix extra space when no filters are provided to DataTable
  • Fix DialogFooter flex issue on mobile screens
  • Allow conumer to pass contentProps to DropdownMenu component
  • DataTable: add ability to set quick filters and apply them.
  • Add Behance, Linkedin, Telegram, Youtube, and Tiktok logos to the Logo component
  • DataTable: add ability to select rows and trigger bulk actions on them
  • Remove Floatbox in favor of a radix-ui Popover within the Tab trigger
  • Fix missing gap in DialogFooter
  • Rename inForm to asInput prop in Button component.
  • Add userViewportSize hook
  • Add useWindowEvent hook
  • Add onDrawerExpanded prop in AppLayout to allow consumer to trigger their custom functions when drawer state changes
  • Add aria props to DropdownMenuRadio
  • Allow consumer to pass all default props to DropdownMenuRadioGroup and DropdownMenuRadioItem
  • Allow consumer to pass containerClassNames to Radio
  • ContactForm: ability to customize submit button
  • DataTable: ability to hide header with hideHeader prop
  • Logos: adds X, AppleStore, GooglePlay, Visa, and MasterCard` logos
  • Fix spacing style in Sonner
  • Add ability to pass overlayProps to DialogContent
  • Add ability to pass custom id's to Dialog components
  • Ability to stylize DialogOverlay and the Dialog close button using classNames object
  • Ability to stylize DropdownMenuSeparator
  • Button: add asInput prop to include a label above the button and a helper text under it.
  • PinInput revamped entierly to use input-otp package
  • CodeConfirmation ability to control the code length
  • Use HelperText component in all places it should be used
  • change text prop to label
  • add callback to be triggerd with subitem.action is triggered
  • Fix wrong height in AppCommand
  • Add actions in CardHeader
  • Tabs: add a new property scrollable to cancel wrapping and make it horizontally scrollable (and draggable!). And forces scrollabilities on screens smaller than 768px
  • Adds fade on right/left when the tabs are dragged/scrolled horizontally
  • useShortcuts: a new hook to handle shortcuts on windows and mac.
  • ScrollArea add ability to make it draggable on non-mobile
  • FullCommand a single component to construct a command using the Command pieces
  • AppCommand a FullCommand within a controllable Dialog which can be triggered with a shortcut using useShortcuts
  • AppLayout: add layout when side drawer is open while on mobile
  • Dialog: fix width on mobile
  • AppLayout: fix drawer flashes open on mobile for a sec on initial load
  • DataTable: update storage item key
  • Select: Remove autofocus
  • Input, PinInput, PhoneInput, and ColorPicker: standardize placeholder text color
  • DatePickerButton: ability to customize placeholder text
  • DatePickerButton: fix wrong icon position when in RTL
  • Input: add isLoadingError boolean to replace input with error skeleton
  • Input: ability to set loadingErrorMessage for when isLoadingError is true
  • DataTable: resolve issue with column visibility not persistant on page refresh
  • AppLayout final fix for click outside on mobile
  • Improve useClickOutside hook
  • Use the Portal component from @headlessui/react in DropdownMenu
  • Ability to pass triggerProps to DropdownMenu components
  • Make dropdown menu trigger asChild: true by default in AppLayout
  • HelperText: fix missing React import
  • DatePickerButton: ablility to pass buttonProps
  • CodeConfirmation fix cancel button variant
  • Button: ability to pass labelProps
  • Button: adds HelperText and the ability to show/hide it with showHelperText prop
  • DataTable an X button in the search input to clear search
  • DatePicker: ability to pass popoverContentProps
  • DatePickerButton: additional customization with buttonClassNames
  • New component: HelperText
  • Input: fix width issues
  • Radio: ability to pass tooltip and tooltipContentProps to a radio option
  • AppLayout: minor UI fixes + cleanup
  • Improve Chip colors in dark mode
  • ContactForm add showSuccess prop with ablility to customize success message
  • New component: ImageCard
  • New components: Calendar, DatePicker, and DatePickerButton
  • DataTable fix i18nKey to use existing translateFn
  • DataTable: add i18nKey meta property in the ColumnDef to allow consumer to pass custom text for the column hiding list
  • Make phoneInputProps optional in LoginForm

hawa@0.32.0

12 May 15:12
Compare
Choose a tag to compare
  • Fix phone validation in LoginForm
  • Ability to pass custom list of countryCodes in PhoneInput
  • RegisterForm, LoginForm, ResetPassword: Trim email fields to ignore whitespace and make it lowercase.
  • AppLayout: improve drawer UX in mobile
  • AppLayout: Disallow collapsing side drawer on click outside when screen larger than 600px
  • Fix clicking outside the drawer of AppLayout
  • Add useOutsideClick hook
  • PhoneInput: ability to pass input props via inputProps
  • Select: fix styling of when isMulti prop is true
  • Combobox: ability to pass custom element as the selected option via renderSelected prop
  • Sonner: use IBM Plex Sans font and make the title bold
  • Combobox: remove unneeded scrollbar
  • Card: add asContainer prop to remove card styles
  • AppLayout: add bordered prop to add a border
  • Ability to display error in ResetPasswordForm and NewPasswordForm
  • New Sonner component to replace the Toaster
  • RegisterForm: Add tooLong username validation when username is longer than 12 characters.
  • ResetPassword: Add isLoading boolean to show spinner during submission
  • NewPassword: Add isLoading boolean to show spinner during submission
  • Fix not returning value in onChange of Radio component
  • Make withArrow false by default in FloatBox
  • Add tailwind arrow plugin
  • Display an arrow in FloatBox
  • Add useMeasureDirty hook to be used to measure components by passing its ref.
  • Adjust the positioning of FloatBox component
  • Complete the integration of FloatBox in TabsTrigger component.
  • Export PopoverRoot to be available for consumers
  • FloatBox: a new component that's inspired from the Popover component but doesn't require a trigger.
  • Use FloatBox in TabsTrigger to show an optional hint/feedback to users about a tab.
  • Export BreadcrumbItemProps to be user as a type by consumers
  • Add size variant for Breadcrumb component
  • Remove scroll arrow from Comobox when no items are in the popover.
  • Ability to use radio groups in DropdownMenu via the itemType: radio
  • Combobox: ability to use nested properties in labelKey
  • Extract CommandInput props to be accessable in Combobox via the inputProps property
  • Fix search filtering in Command
  • Fix aria-disabled issue in CommandItem according to this
  • Fix conditional props in Codeblock
  • Fix missing rounded radius in Dialog when screen is sm
  • Fix ref forwarding in Command
  • Allow making column hidden by default in DataTable
  • Fix Radio tabs height to be 40px
  • Fix required types for Select and DropdownMenu
  • Fix dark mode colos for Radio when design is "cards"
  • Add forwardRef for Radio component
  • Ability to hide redirection to login from within RegisterForm
  • Apply maxSize option in DataTable and SimpleTable
  • Add noPadding prop to CardFooter
  • Add cardless boolean prop to LoginForm and RegisterForm for hiding the card UI
  • Fix background color of Alert when severity is "none"
  • Add headerless option to SimpleTable to hide the table header
  • Add extra prop to SimpleTable to allow the consumer to append extra JSX at the end of the table
  • Fix trigger option inside the Accordion items array to be a react node instead of text.
  • Add label and labelProps to Progress component
  • Add prefixText in Input
  • Add noDestroy prop in Alert to prevent the element from being removed from DOM
  • Add onErrorDismissed prop in RegisterForm to control what happens when the alert is closed
  • Add ability to customize option for Combobox
  • Fix issue with not able to scroll a Combobox while inside a Dialog
  • Fix missing types from SimpleTable
  • Add disabled prop to Radio component when the design prop is set to tabs
  • Fix link component in DropdownMenuItem
  • Add custom link component to DropDownMenuItem and DropDownMenu
  • Add MenuLinkComponent to AppLayout
  • Replace anchor in AppLayout
  • Fix change event in ColorPicker
  • Ability to pass custom anchor component for AppLayout subitems
  • Adds value prop to Radio
  • Adds helperText props to Radio when design is tabs
  • Adds ability to stylize the logo in AppLayout
  • Adds label option to Radio when design is tabs
  • Add PhoneMockup element for iPhone and Andriod
  • handling submit screen in FeedbackForm
  • Added Nafath and Metamask auth buttons in AuthButtons
  • Fixed tos text wrapping in RegisterForm
  • Fixed overflow and text wrapping in CodeBlock

hawa@0.28.0

10 Feb 23:29
Compare
Choose a tag to compare

0.28.0

  • Adds new variants (underlined and underlined_tabs) to Tabs
  • Initial integration of 'tailwind-variants' package
  • Exported AuthButtons from the blocks directory
  • Added hideIcon prop to Avatar
  • Added placeholder prop to PhoneInput
  • Removed unused old prop from Alert
  • ContactForm: added default text strings and made onSubmit a required prop
  • RegisterForm: added classnames to allow consumers to customize the block.
  • Fixed maxWidth and maxHeight to not exceed the screen width & height for Tooltip and Popover
  • Added default texts in RegisterForm
  • Made the terms checkbox conditional rendering false by default in RegisterForm
  • Made essential props required in LoginForm
  • Added use client directive to all components via tsup config
  • Added prefixText to Input which adds a non-editable text before the input itself.
  • Added ability to disable Tooltip
  • Added loadingCard and loadingPrice to PricingCard which will show a skeleton if true.
  • Added loading ability to cards in PricingPlans
  • Fixed fade direction in Skeleton
  • Added fade feature to Skeleton
  • Made name property required in Radio
  • Added sizes to Loading
  • Added sizes to Tooltip
  • Fixed missing loading state in FeedbackForm
  • Made usernameOptions optional in RegisterForm
  • FeedbackForm : add min-h for the textarea
  • Removed padding when cardless is true for ContactForm and FeedbackForm
  • Fixed label spacing in FeedbackForm
  • Fixed textarea submission for FeedbackForm
  • Loading: progress design now inherits the global --radius CSS variable
  • Fixed textarea height in ContactForm

hawa@0.27.0

22 Jan 19:44
Compare
Choose a tag to compare
  • Fixed max height UI issue in CodeBlock
  • Added usernameOptions in RegisterForm to allow consumer to customize the username field.
  • Fixed DropdownMenu height exceeding the screen.
  • Exported TextFieldTypes
  • ContactForm block now accepts customFields to allow consumer to add their own custom fields.
  • Loading: added classnames for container, track, and car to customize loading designs
  • Fixed RTL width issue in ColorPicker
  • Optimized internal import aliases
  • Added embla-carousel as a devDependency
  • Fixed types for useDialogCarousel hook
  • General cleanup
  • Created a util folder containing all the utility files
  • Allowed hiding a column by default in DataTable using meta: { hidden: true }
  • Updated dependencies
  • Fixed DropDownMenu items array props
  • Minor fixes & cleanup
  • Updated Textarea classNames
  • Fixed all className uses of Textarea in other components
  • Fixed Radio label color in dark mode
  • Fixed helperText in Signature
  • Added --constant-background global variable
  • Made Signature background color constant regardless of color mode
  • Added helperText to Signature for validation
  • Added Label to Signature
  • Added texts object prop to Signature to enable consumer based texts
  • Added Signature component for users to draw their signature.
  • Updated packages
  • Updated Carousel props
  • General cleanup
  • PinInput: now shows numeric keyboard on phone
  • Exported Glow to be built via tsup
  • Replaced tsup.config.ts with tsup.config.js
  • Added Glow component that can be used to apply glow effect on it's children
  • Label: fixed clicking on the hint submits a form
  • Label: fixed clicking tab to go to the next field in a form accidentally focuses on the hint icon
  • Fixed CommandInput direction
  • Fixed margins of check mark of CommandItem in Combobox
  • Combobox: fixed text color from primary to pure white/black
  • Combobox: added RTL support
  • Fixed icon spacing in CommandInput
  • Radio: fixed full width when bordered design
  • Radio: disabled selecting text when design is bordered
  • Checkbox: fixed line height of label
  • General cleanup
  • Replaced all references of onChangeTab to onChange
  • Added name prop to Radio component
  • Change onChangeTab to onChange
  • Added handling change to all types of Radio
  • Fixed missing translation of soon Chip in PricingCard
  • AppTabs: fixed horizontal align of icon and label in a single tab
  • AppTabs: fixed inactive tab hover color
  • ItemCard: fixed spaceing when height is larger
  • ItemCard: fixed UI when in RTL direction
  • Fixed background color of AppTabs
  • Codesplitting Layout components each component in it's own folder
  • Updated the build process for Layout components to be grouped 3 at a time during build
  • Updated story imports
  • Added click handling to AppTabs
  • Changed content type to React.ReactNode
  • Tested nesting an Accordion inside an Accordion content field.
  • Added sm and default sizes to Toaster
  • Updated the way Toast, ToastTitle, ToastDescription, and ToastClose are styled and moved the conditional styling to Toaster
  • Organized tsup configuration
  • Added clickable prop to Stats
  • Added type='button' to Combobox to fix submit behavior while in form
  • Updated dependencies

hawa@0.24.0

11 Dec 21:51
Compare
Choose a tag to compare
  • Improved imports in all stories
  • Removed unused story docs
  • Elements bundling code is now more readable
  • Optimized imports within Navbar, Sidebar, Stats, AppLayout, LandingCard, PricingCard, DestroyableCard, and AppTopbar
  • Code splitting the following components: Carousel, CodeBlock,Collapsible,ColorPicker,DestroyableCard,FileUploader,InterfaceSettings,Pagination,PasswordInput,ProgressCircle,ScrollIndicator,Separator,SimpleTable,Slider,Toast, Toaster
  • Fixed clearing dist folder on each build
  • Included blocks and layout to the build process
  • Removed --dts flag from build-lib script
  • Attempting to fix out-of-memory build issue
  • Code splitting ScrollArea
  • General cleanup
  • Code splitting PinInput, PhoneInput, and StopPropagationWrapper
  • Moved Chip to it's own folder
  • Moved Breadcrumb to it's own folder
  • Moved AppStores to it's own folder
  • Moved Badge to it's own folder
  • Improved size of NoPermission and ResetPassword blocks
  • Moved Checkbox to it's own folder
  • Moved Switch to it's own folder
  • Moved Popover to it's own folder
  • Improved the imports within Comobobox
  • Updated tsup.config.ts
  • Splitting the bundling process by tsup to prevent no-memory breaking error
  • Moved Input to it's own exported folder
  • Moved Tabs to it's own folder
  • Updated tsup configuration
  • Moved Combobox to it's own folder
  • Updated hawa-beta.yml github action file
  • moved Alert to it's own folder
  • moved FileDropzone to it's own folder
  • moved Table to it's own folder
  • moved DataTable to it's own folder
  • moved Label to it's own folder
  • moved BackToTop to it's own folder
  • moved Avatar to it's own folder
  • moved Textarea to it's own folder
  • Updated packages
  • Exporting Radio individually

hawa@0.21.2

04 Dec 05:12
Compare
Choose a tag to compare
  • Added chip prop to Accordion item #SIKKA-5849
  • Updated imports to use aliases
  • General cleanup
  • Added prettier-plugin-tailwindcss
  • Added @trivago/prettier-plugin-sort-imports
  • Cleaned up
  • Added actionFirst prop to NavigationMenu for router usage in next.js apps
  • ContactForm now resets on submision
  • Updated dependencies
  • Fixed the way IBM Plex Sans Arabic is applied
  • Removing IBM font references
  • Added formId to ContactForm
  • Added formAutoComplete to ContactForm
  • Added disabled to AccordionTrigger
  • Exported AccordionItemProps type
  • Exposed triggerClassNames in NavigationMenu
  • Updated storybook
  • Fixed default design of Accordion

hawa@0.20.2

01 Dec 20:40
Compare
Choose a tag to compare
  • Added Seperated variant to Accordion

hawa@0.20.1

01 Dec 03:44
Compare
Choose a tag to compare
  • Fixed close button in Sheet
  • Added ContactForm
  • Fixed Textarea placeholder text color
  • Removed all shadows of FeedbackForm and ContactForm when cardless prop is true
  • exporting TextInputType
  • General cleanup
  • Minor cleanup
  • Added sizes to Radio tabs
  • Added background to Radio
  • Fixed responsiveness of PricingPlans
  • Added priceless option to PricingCard
  • ComparingPlans: added background to scroll area

hawa@0.19.0

20 Nov 13:24
Compare
Choose a tag to compare
  • Added DropdownMenuRadio component
  • Added popover helperText for Input
  • Minor fixes

hawa@0.17.0

07 Nov 18:47
Compare
Choose a tag to compare
  • Added onAlertClosed prop to Alert 6022a5c
  • Finished PricingCard
  • Added Pagination
  • Minor UI Fixes