v0.2.10

CHANGELOG

• Updated the following Components

  • Display

    • List

      • (BREAKING) Updated to be in line with the rest of element configurable Components.

        • <List.Ordered> -> <List.Container is="ol">
        • <List.Unordered> -> <List.Container is="ul">

  • Layouts

    • Grid

      • (BREAKING) Changed Grid to be a namespace.

        • Access the original Component via <Grid> -> <Grid.Container>, same API otherwise.

      • Fixed <Grid class="XXX"> not working.

      • Updated Grid.Container to densely pack rows.

      • Added Grid.Item — Optionally used to wrap a child item.

        • <Grid.Item span="1...12" span_x="1...12" span_y="1...12"> — Used to control how many Grid Points the child item spans in columns, rows, or both. With Viewport support, e.g. <Grid.Item span={["3", "mobile:1"]}>

    • Mosaic

      • Fixed <Mosaic class="XXX"> not working.

    • Scrollable

      • Fixed <Scrollable class="XXX"> not working.

  • Overlays

    • Overlay

      • Added <Overlay on:active> — Fires whenever the Overlay is made active, either via scripting or the end-user.
      • Added <Overlay on:dismiss> — Fires whenever the Overlay is dismissed, either via scripting or the end-user.

v0.2.9

CHANGELOG

• Fixed NPM install.

v0.2.8

CHANGELOG

• Updated the following Components

  • Interactables

    • TextInput

      • Fixed <TextInput resizeable> -> <TextInput resizable>

v0.2.7

CHANGELOG

• Upgraded Storybook to 6.3.0-rc.11.

  • Changed Storybook to use Vite as toolchain.

• Adjusted background shades for light mode.

• Fixed up some naming / organization of Component types and Storybook options.

• Added new Components

  • Form

    • Form

      • Form.Control — Works as a container Component for providing vertical stacking for Form.Label / Form.HelpText / form Component with font-size based spacing

        • <Form.Control logic_id="XXX"> — Used as an authoritative source for IDs for form-based Components via Svelte Context

      • Form.Group — Works as a purely virtual Component for providing shortcuts for groupings of form Components

        • <Form.Group logic_name="XXX"> — Used as an authoritative source for form names for form-based Components via Svelte Context

      • Form.Label — Used to communicate to the end-user what a sibling / child form Component is used for

        • <Form.Label logic_id="XXX"> — Used as an authoritative source for IDs for form-based Components via Svelte Context

      • Form.HelpText — Used to communicate to the end-user helpful information about a sibling form Component, e.g. input is for E-Mail address format

• Returning Components with their associated updates

  • Display

    • Table

      • Changed Table.Body -> Table.Section
      • Changed Table.Heading -> Table.Header
      • Added <Table.Container palette="accent/dark/light/alert/affirmative/negative">
      • Changed <Table.Column heading>...</Table.Column> -> <Table.Heading>...</Table.Heading>
      • Changed <Table.Container variation="bordered"> -> <Table.Container variation="borders">
      • Changed <Table.Container variation="striped"> -> <Table.Container variation="stripes">

  • Interactables

    • Button

      • Updated to use transparent borders for consistent height.

    • Check / Radio

      • Providing child content as a slot will wrap the Component and content in a <Form.Label> with spacing as siblings

    • Switch

    • TextInput

• Updated the following Components

  • Interactables

    • Button

      • Added padding to adjust depending on text size.

  • Layouts

    • Container

      • Updated x-axis padding to be slightly larger.

  • Navigation

    • Menu

      • Updated Menu.Anchor / Menu.Button to match new Button padding.

  • Typography

    • Text

      • Updated keycap design for <Text is="kbd">.

  • Utilities

    • ContextBackdrop

      • Adjusted background shading to be slightly darker / opaque.

v0.2.6

CHANGELOG

• Initial 0.2.X rewrite release.
  • Read releases from 0.2.0 ~ 0.2.6.