qinetik / anique Goto Github PK

Astro SSR doesn't work because hook useAssets isn't supported

Affected Versions

anique:1.0.31
emotion 2.0.25

Workaround

Exclude Anique libraries from SSR through Vite configuration

or

Provide AniqueStyledEngineContext Configuration and use injectionStrategy : Sibling

• Change some important colors to have RGB backing values
• Have default getters that resolve to complete RGB syntax

• Method 1 : Fix by caching styles on server side

  • Unique hash string map method doesn't work
  • Can't figure out how to mount a child once and ignore multiple invocations

• Method 2 : Fix by extracting styles (Very hard & time consuming)

  • Find the usages of styled
  • Hash & extract the CSS styles
  • Give unique class name to component along with user given class name
  • Styles after being hashed should be put into document or include it as a File (head or body)
  • Once done, support styled options & withComponent
  • Support Global Styles

• Deprecate as prop NOW

• Allow to create an chip with a trailing and leading icon button, this already can be done, Chip needs to have flex-direction:row; with some gap

  • Chip creates a flex column, make it a flex row

• Make base textfield and textarea border box and make sure they display consistently

• Anique disabled button look should be improved

  • It doesn't look disabled

• Disabled textfield border should be less threatning

  • The outline is a bit overdone (probably)

• Add close, check, edit, delete, more-vert icons to anique-icons

• Allow dialog isVisible property outside

  • Allow dialog to be mountable

• Close icon that works well with the dialog

• Fix Alert doesn't have style property

• Fix Add a Table component

• Fix clicking on dialog and then mouse up is out of dialog, but dialog closes, not good !

• If app bar is not given navigation icon, add a spacer with width 0.5em

  • The app bar title is not aligned with DrawerItem present in Scaffold

• Allow anchoring dropdown menu, It doesn't work in actions of a app bar, its anchored to position top left probably

• Fix dropdown menu anchoring, its literally crap, It doesn't work

• textfield text / icon / leading icon should be aligned with its label (unsure, But the problem exists)

• Write AlertDialog Component, with title, content, close action that'll map to close icon button on top right, a button row, allowing action buttons

• Fix export Snackbars interface

• Add ClickableCard to components

• TabRow & Tab component should be added

• Introduce a Switch component

• Introduce FlexRow & FlexColumn

• Investigate -> TextField doesn't accept percentage width

  • Added containerProps prop to textfield allowing container width to be modified, otherwise percentage width is accepted on textfield, if its also given in containerProps