svelte-ux icon indicating copy to clipboard operation
svelte-ux copied to clipboard

Road to v1

Open techniq opened this issue 1 year ago • 0 comments

  • [ ] Remove default styling where it makes sense
    • [x] AppLayout
    • [x] AppBar
      • [ ] Maybe replace with color prop, or leave it up to usage. Also support background blur and other styles
    • [x] TextField
      • [x] Change shrinkLabel to floatLabel (invert and default off)
        • Added as labelPlacement="float"
      • [x] Support label inside/outside container
        • Added as labelPlacement="top" and labelPlacement="left"
  • [ ] Field
    • [ ] Support removing border/outline
      • Likely handle via CSS prop (#66), or createTheme({{ Field: 'border-0' }})
    • [ ] ...more...
  • [x] Theme support
  • [ ] Review all API (props, slot names, etc) for inconsistencies
    • [x] Use variant="..." consistently
    • [x] Consider adding a variant-{name} class or `data-variant="name" attribute to support per-variant styling (helpful with Theme as well)
    • [ ] Add color prop where it makes sense
      • [ ] Does this inflate the JIT .css too much?
    • [x] Add class names for each element to allow specific targeting (globally and tailwind jit)
      • Maybe add a prefix (.c-button or .s-button) or use a capital letter for components (Button). Either would help with conflicts in existing projects
  • [ ] Remove the need to add all tailwind colors as CSS variables
    • [ ] Between JIT and adding a color prop, shouldn't be needed
  • [ ] Add handlers for all actions, along with events
  • [ ] Default vs named exports (actions, etc)
  • [ ] Export some utils as top-level
    • [x] format
    • [x] cls
  • [x] Consistent options (label/value vs name/value, etc). Expose common type?
    • [x] SelectField, MenuField (#132)
  • [ ] Consistent value prop (instead of selected, etc)
    • value for primitive (number, string), selected for entity (object)

techniq avatar May 27 '23 16:05 techniq