@everchron/ec-shards 7.5.8 → 8.0.1

package/src/stories/Changelog.stories.mdx

@@ -1,509 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-
-<Meta title="Changelog" />
-
-<h1 style={{ marginBottom: '32px', letterSpacing: '-.02em' }}>
-  Changelog
-</h1>
-
-## Version 7.4.0 (21 July 2023)
-
-### Features
-
-- Added Icons for: document-dashed, toolbar-download
-
-### Breaking Changes
-
-- Deprecated `dialog` slot on EcsModal
-
-### Fixes
-
-- Prevent close on Enter for dialogs with destructive actions
-- Allow v-if condition on parent elements for EcsDialog and EcsModal, while still maintaining the enter transition
-
-## Version 7.3.14 (19 July 2023)
-
-### Features
-
-- Added Icons for: empty-table-template, document-extract-ai, sparkle-ai, dialog sparkle
-
-### Fixes
-
-- Also emit click on meta element in EcsTreeListItem
-- Fixed EcsDialog button focusing behavior
-- Fixed EcsDialog Enter key confirm behavior
-- Removed EcsEmojiPicker until it's ready for production (hasn't been used yet)
-- Correctly pass down name and id to EcsSelect's select element
-
-
-## Version 7.3.0 (14 June 2023)
-
-### Features
-
-- Added 8 additional icons
-- Added new EmojiPicker component
-
-## Version 7.2.8 (8 June 2023)
-
-### Features
-
-- Added 3 additional icons to EcsFileIcon component
-
-## Version 7.2.7 (6 June 2023)
-
-### Features
-
-- Added operator switch to search token component
-
-## Version 7.2.3 (5 June 2023)
-
-### Features
-
-- Added uploadStats to EcsDropzone component
-
-### Fixes
-
-- Fixed the dragover events on EcsDropzone component
-
-## Version 7.2.0 (29 May 2023)
-
-### Features
-
-- Added `size` and `color` props to EcsSticker component
-
-### Fixes
-
-- **Breaking Change:** removed `warning-critical` sticker icon
-
-## Version 7.1.1 (26 May 2023)
-
-### Features
-
-- Added leftBorder prop to EcsDataTableLayout component
-
-## Version 7.1.0 (26 May 2023)
-
-### Features
-
-- Added row groups feature to EcsDataGrid component
-- Added user-key icon
-
-## Version 7.0.1 (22 May 2023)
-
-### Fixes
-
-- Fixed color prop for EcsExcerptSnippet component
-
-## Version 7.0.0 (15 May 2023)
-
-### Features
-
-- All color contrasts are now fully ay11 compliant
-- All interactive components are accessible by keyboard
-- All components have ay11 compliant focus states, roles, and aria attributes
-
-## Version 6.2.2 (15 May 2023)
-
-### Features
-
-- Added new EcsStateIcon component
-- Refactored EcsDialogHeader component to use new EcsStateIcon component for icons
-- Allow favicons to be used in EcsDirectoryEntry component
-
-### Fixes
-
-- Added missing command icons to EcsStateIcon component
-- Removed legacy Relativity illustration
-- Fixed the EcsDialog content overflow bug
-
-## Version 6.1.3 (8 May 2023)
-
-### Fixes
-
-- Add linkTitle and iconTitle props to EntryLink component, to allow separate tooltips
-
-## Version 6.1.2 (4 May 2023)
-
-### Features
-
-- Added a custom controls slot to the Collapse component
-
-## Version 6.1.1 (4 May 2023)
-
-### Fixes
-
-- Text escape the main label in PopoverListItem
-- Allow line breakes on the help text of PopoverListItem
-
-## Version 6.1.0 (4 May 2023)
-
-### Features
-
-- New Component: Select Text
-- Added operator select dropdown to SearchToken component
-- Added ClickExternal event emit to EntryLink component
-
-## Version 6.0.1 (21 April 2023)
-
-### Fixes
-
-- Ensure that tab buttons in the pagination component are escaped, if there are too many buttons
-
-## Version 6.0.0 (18 April 2023)
-
-### Features
-
-- New Component: EcsDataGrid, including all of it's new sub components
-- New Component: EcsContextMenu
-- New Component: EcsEntryLink
-- Redesign of EcsPopoverListItem
-- Support of inner EcsDialog in EcsModal
-- Refactored EcsPagination component
-
-## Version 3.4.0 (1 February 2023)
-
-### Features
-
-- Added new EcsTreeListHeadline component
-
-## Version 3.3.0 (12 January 2023)
-
-### Features
-
-- Added new EcsFillIcon component
-- Added `login-key` icon
-- Added EU flag icon
-- Added new `placeholder` prop support for EcsSelect component
-- Added new EcsSeparator component
-
-## Version 3.2.0 (11 January 2023)
-
-### Fixes
-
-Reverted all EcsPagination updates and moved these changes to the @next branch, until infinite scroll feature can be implemented. This means 3.2.0 can be used again as a stable release for current application development.
-
-## Version 3.1.5
-
-### Features
-
-- Added item range indicator to EcsPagination component
-
-### Fixes
-
-- Overwrite margins of dialog
-- Only add EcsDialog to the DOM when it's being shown
-- Fix subtle layout shift on EcsTabButton of type `sheet`. 
-- Replaced soon to be deprecated `width` and `height` props of EcsIcon with `size`. 
-
-## Version 3.1.2 (15 December 2022)
-
-### Fixes
-
-- Fixed readonly state styles of EcsInput
-- Fixed line height scales of EcsFormatted
-
-## Version 3.1.1 (29 November 2022)
-
-### Fixes
-
-- Fixed padding of pagination slot in EcsLayoutIndex component
-- Fixed position of sidebar in EcsLayoutIndex component
-
-## Version 3.1.0 (24 November 2022)
-
-### Fixes
-
-- Added `type` prop to EcsPagination component
-- Added loading indicator to EcsPagination component
-
-## Version 3.0.0 (21 November 2022)
-
-### Breaking Changes
-
-- Refactored EcsPagination component
-    - New First/Last page buttons
-    - Added optional controls slot
-    - Added optional "items per page" dropdown
-
-### Features
-
-- Added 4 new chevron type icons
-
-### Fixes
-
-- Added `warning` type to EcsText component
-- Fixed some spacings on EcsFormHeadline
-
-## Version 2.2.4 (8 November 2022)
-
-### Fixes
-
-- Added `us` to EcsFlag validator options
-
-## Version 2.2.3 (7 November 2022)
-
-### Fixes
-
-- Fixed pushed out sidebar in EcsIndexLayout when the content of the main canvas is larger than 100%
-
-## Version 2.2.2 (4 November 2022)
-
-### Fixes
-
-- Fix broken skeleton instances introduced in 2.2.0
-- Fix some general styling issues
-
-## Version 2.2.0 (4 November 2022)
-
-### Features
-
-- Added `circle` variant to skeleton loader component
-- Added `loading` state to comment component
-- Added line height scales to EcsSkeletonLoader component, to match common text line heights
-
-### Fixes
-
-- Style fixes in EcsCommentsList component
-- Fixed line height in EcsDataListItem
-
-## Version 2.1.9 (1 November 2022)
-
-### Features
-
-- Added `indent` and `bordered` props to EcsDataListItem for more variants in possible style.
-
-## Version 2.1.8 (30 October 2022)
-
-### Features
-
-- Added `help` prop to EcsCheckbox and EcsRadiobutton to render a small helper text underneath the label.
-
-## Version 2.1.6 (28 October 2022)
-
-### Features
-
-- Added `loading` prop to EcsLogMessage component
-
-## Version 2.1.5 (28 October 2022)
-
-### Features
-
-- Added `fixedHeight` prop to modal component
-
-## Version 2.1.4 (26 October 2022)
-
-### Features
-
-- Added icon toolbar-annotation-import
-
-## Version 2.1.2 (24 Octobier 2022)
-
-### Fixes
-
-- Refactor EcsFormGroup error text with EcsText component
-- Added some padding to EcsTreeListItem suffix
-
-## Version 2.1.0 (11 October 2022)
-
-### Breaking Changes
-
-- Deprecated the `type="color"` and `color` props of EcsPopoverListItem. Since EcsSwatchesPicker is now fully implemented, this component variant will no longer be needed.
-
-### Fixes
-
-- Allows `suffix` and `help` text for control type popover-list-items components.
-
-## Version 2.0.7 (10 October 2022)
-
-### Fixes
-
-- Popover list item of type switch now uses the `sml-toggle` size variant to make it consistent with other popover list items.
-
-## Version 2.0.6 (6 October 2022)
-
-### Features
-
-- Added custom label slot to EcsDropzone
-
-## Version 2.0.5 (5 October 2022)
-
-### Features
-
-- Added `state` prop to EcsDropzone that allows to change the dropzone icon.
-
-## Version 2.0.4 (5 October 2022)
-
-### Features
-
-- Animated the icons for virus check and file upload.
-
-## Version 2.0.2 (22 September 2022)
-
-### Breaking Changes
-
-- Refactored the EcsPartyEntry component to accept custom color values. Deprecated the old annotation color classes.
-- Refactored EcsSwatchesPicker. Now accepts all color values as a prop and does not handle color management within the component.
-
-### Fixes
-
-- Unscoped content styles for `EcsDataListItem`
-
-## Version 1.6.4 (15 September 2022)
-
-### Features
-
-- Added new props and functionality to `EcsSwitch` component
-    - `indeterminate`: sets the switch to indeterminate state (only visually)
-    - `colored`: alters the switch colors to red/green
-    - `size="sml-toggle"`: shows the switch toggle in small, but it's label in a regular size
-    - improved disabled styles
-- `EcsQuicklink` now uses the new colored switch theme for quicklinks that contain a switch.
-
-## Version 1.6.1 (13 September 2022)
-
-### Fixes
-
-- Unscoped content styles of `EcsDataListItem` to allow more dynamic content injeciton.
-
-## Version 1.6.0 (13 September 2022)
-
-### Features
-
-- Added new `EcsLegendItem` component.
-
-## Version 1.5.0 (9 September 2022)
-
-### Features
-
-- Added new `blockContent` prop to `EcsOverlay` which allows to block any interactions on the content area.
-
-### Fixes
-
-- Added dynamic padding on `EcsOverlay` footer, depending if the content area is scrollable.
-- Added minimum padding for `EcsOverlay` content, when it's not the full width variant.
-
-## Version 1.4.1 (7 September 2022)
-
-### Fixes
-
-- Correct size for EcsTranscriptState button, added active styles and removed not needed `repair` state.
-
-## Version 1.4.0 (6 September 2022)
-
-### Features
-
-- Added new `EcsTranscriptState` component
-- Added new `EcsLogMessage` component
-- Added broken transcript empty state icon
-- Added info sticker icon
-
-### Fixes
-
-- Cleaned up styles on the EcsDocumentState component and reduced weight of inline styles a bit.
-
-## Version 1.3.6 (29 August 2022)
-
-### Fixes
-
-- Added flex and flexDirection prop to EcsTab component.
-- Removed flex and flexDirection props from EcsTabs component.
-
-## Version 1.3.2 (27 August 2022)
-
-### Fixes
-
-- Fix height and padding of column tab buttons.
-- Set height and max-height to fill variant of EcsTab.
-
-## Version 1.3.0 (26 August 2022)
-
-### Features
-
-- Added the EcsDropzone component which can be used for file upload dropzones.
-
-### Changes
-
-- Allow to change the color of the illustrations within EcsEmptyState by using the new `iconColor` prop.
-- Small text style adjustments on EcsEmptyState
-- Added a transition for color on EcsIcon
-
-## Version 1.2.3 (25 August 2022)
-
-### Features
-
-- Added `gap` prop to EcsFlexRow component.
-
-### Changes
-
-- Increased the EcsOverlay content area width from 900 to 920 pixels.
-
-## Version 1.2.2 (25 August 2022)
-
-### Features
-
-- Added `fill` prop to EcsTabs component.
-
-## Version 1.2.1 (25 August 2022)
-
-### Features
-
-- Added icons: `citation`, `card-view-settings`, `check`.
-
-## Version 1.2.0 (24 August 2022)
-
-### Features
-
-- Added new EcsCitationLine component.
-
-## Version 1.1.0 (23 August 2022)
-
-### Features
-
-- Added new EcsSelectTile component.
-
-## Version 1.0.3 (21 August 2022)
-
-### Features
-
-- Added new `addon` prop for EcsButton, which renders a small dropdown addition.
-- Added new EcsButtonGroup component to create groups of regular Buttons, as well as dropdown addons.
-
-### Fixes
-
-- Fixed positioning of stickers on column EcsTabButton variant
-
-## Version 1.0.2 (16 August 2022)
-
-### Fixes
-
-- EcsSwitch sizes to match input heights
-- Replaced old add icon with new add icon
-- EcsButton type `create` icons are now white instead of dark green
-
-## Version 1.0.1 (19 August 2022)
-
-### Fixes
-
-- Changed standard EcsTabButton font scale to 3.
-
-## Version 1.0.0 (16 August 2022)
-
-### Features
-
-- Added new `EcsFlexRow` and `EcsFlexCol` components.
-- Added new `EcsFavicon` component.
-
-### Changes
-
-- Implemented Style Dictionary to automatically generate design tokens for all platforms
-- Refactored all components to use the new design tokens
-- Redesigned most components to be in line with the design changes of the Figma design library
-- Refactored EcsFlag component to use new SVG assets, reduces package size by 40KB.
-- Visual hover effects for EcsTabButton added.
-- Refactored EcsDialog component to use native HTML5 `<dialog>` element. Fixing z-index and various overflow issues.
-
-### Breaking Changes
-
-- EcsAlert: prop `action` was renamed to `actionLabel`
-- EcsButton: sizes prop possible options changed to `sml`, `md`, `lg`. Removed `xsml` variant.
-

package/src/stories/Introduction.stories.mdx

@@ -1,33 +0,0 @@
-import { Meta } from '@storybook/addon-docs/blocks';
-
-<Meta title="Introduction" />
-
-<div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', marginBottom: '80px' }}>
-  <img src="https://i.imgur.com/IPJHm2i.png" style={{ maxWidth: '173px' }} />
-  <img src="https://badge.fury.io/js/%40everchron%2Fec-shards.svg" />
-</div>
-
-<h1 style={{ marginBottom: '32px', letterSpacing: '-.02em' }}>
-  <div style={{ fontSize: '32px' }}>Meet Shards,</div>
-  <div style={{ fontSize: '32px' }}>Everchron’s design system.</div>
-</h1>
-
-<div style={{ maxWidth: '640px', color: '#858E9E', fontSize: '20px', lineHeight: '30px', letterSpacing: '-.02em' }}>The single source of truth for building Everchron products. Shards is a series of guidelines used for creating unified experience and UI. Avoid design missteps by combining styles and components together.
-</div>
-
-<aside style={{ display: 'flex', marginTop: '60px', justifyContent: 'space-between' }}>
-  <a href="https://github.com/everchron/ec-shards/" target="_blank" style={{ marginRight: '20px' }}>
-    <span>vue.js Components</span>
-    <span>Building blocks for putting your interface together.</span>
-  </a>
-
-  <a href="https://www.figma.com/file/VdnGdnfdtYLkcVjXFDpKSx/Core?node-id=15%3A312" target="_blank">
-    <span>Figma Library</span>
-    <span>Flexible Figma components, that match their implemented counterparts.</span>
-  </a>
-
-  <a href="https://everchron.com/brand" target="_blank" style={{ marginLeft: '20px' }}>
-    <span>Brand Guidelines</span>
-    <span>Everchron basic branding and marketing guidelines.</span>
-  </a>
-</aside>

package/src/stories/action-toolbar/action-toolbar.stories.js

@@ -1,23 +0,0 @@
-import EcsActionToolbar from '@components/action-toolbar/action-toolbar';
-import EcsButton from '@components/button/button';
-
-export default {
-  title: 'Patterns/Action Toolbar',
-  component: EcsActionToolbar
-};
-
-export const actionToolbar = () => ({
-  components: { EcsActionToolbar, EcsButton },
-  template: `
-              <ecs-action-toolbar has-selection selected-type="Entry" show>
-                <ecs-button icon="evidence">Chronology</ecs-button>
-                <ecs-button icon="folder">Folder</ecs-button>
-                <span class="divider" />
-                <ecs-button icon="download">Export</ecs-button>
-                <ecs-button icon="tags">Tag</ecs-button>
-                <ecs-button icon="edit">Edit</ecs-button>
-                <span class="divider" />
-                <ecs-button type="danger" icon="delete">Remove</ecs-button>
-              </ecs-action-toolbar>
-              `,
-});

package/src/stories/alert/alert.stories.js

@@ -1,38 +0,0 @@
-import EcsAlert from '@components/alert/alert';
-
-export default {
-  title: 'Feedback/Alert',
-  component: EcsAlert
-};
-
-export const types = () => ({
-  components: { EcsAlert },
-  template: `<div>
-              <ecs-alert type="success">This is a success alert — check it out!</ecs-alert>
-              <ecs-alert type="info">This is an info alert — check it out!</ecs-alert>
-              <ecs-alert type="error">This is an error alert — check it out!</ecs-alert>
-              <ecs-alert type="warning">This is a warning alert — check it out!</ecs-alert>
-              <ecs-alert type="important">This is an important alert — check it out!</ecs-alert>
-            </div>`,
-});
-
-export const dismissable = () => ({
-  components: { EcsAlert },
-  template: `<ecs-alert type="success" dismissable>This is a success alert — check it out!</ecs-alert>`,
-});
-
-export const headline = () => ({
-  components: { EcsAlert },
-  template: `<ecs-alert type="warning" headline="Alert Headline" icon="versions">This is an alert that comes with a separate headline and supportive icon.</ecs-alert>`,
-});
-
-export const actions = () => ({
-  components: { EcsAlert },
-  template: `<ecs-alert type="warning" dismissable action-label="Review" @action="">
-              <p>This is a warning alert with a primary action — check it out!</p>
-              <ul>
-                <li>This is the first bullet point</li>
-                <li>You can also put lists in here</li>
-              </ul>
-            </ecs-alert>`,
-});

package/src/stories/audio/audio.stories.js

@@ -1,13 +0,0 @@
-import EcsAudio from '@components/audio/audio';
-
-export default {
-  title: 'Data/Audio',
-  component: EcsAudio
-};
-
-export const player = () => ({
-  components: { EcsAudio },
-  template: `<ecs-audio 
-              mp3-source="https://github.com/anars/blank-audio/blob/master/30-seconds-of-silence.mp3?raw=true"
-             />`,
-});

package/src/stories/avatar/avatar.stories.js

@@ -1,44 +0,0 @@
-import EcsAvatar from '@components/avatar/avatar';
-
-export default {
-  title: 'Data/Avatar',
-  component: EcsAvatar
-};
-
-export const avatars = () => ({
-  components: { EcsAvatar },
-  template: `<main>
-              <ecs-avatar name="Ivo Mynttinen" :size="36" />
-              <ecs-avatar name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-            </main>`,
-});
-
-export const sizes = () => ({
-  components: { EcsAvatar },
-  template: `<main>
-              <ecs-avatar name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="24" />
-              <ecs-avatar name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-              <ecs-avatar name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="54" />
-            </main>`,
-});
-
-export const rounded = () => ({
-  components: { EcsAvatar },
-  template: `<ecs-avatar name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" rounded />`,
-});
-
-export const relevantBadge = () => ({
-  components: { EcsAvatar },
-  template: `<ecs-avatar name="Ivo Mynttinen" relevant-badge image="https://i.imgur.com/p0yxbdh.jpg" :size="36" :rounded="false" />`,
-});
-
-export const partyBadges = () => ({
-  components: { EcsAvatar },
-  template: `<main>
-              <ecs-avatar party="client" name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-              <ecs-avatar party="opposition" name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-              <ecs-avatar party="joint" name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-              <ecs-avatar party="other" name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-              <ecs-avatar party="court" name="Ivo Mynttinen" image="https://i.imgur.com/p0yxbdh.jpg" :size="36" />
-            </main>`,
-});

package/src/stories/banner/banner.stories.js

@@ -1,17 +0,0 @@
-import EcsBanner from '@components/banner/banner';
-
-export default {
-  title: 'Feedback/Banner',
-  component: EcsBanner
-};
-
-export const types = () => ({
-  components: { EcsBanner },
-  template: `<div>
-              <ecs-banner type="success" dismissable>This is a success <a href="#">alert</a> — check it out!</ecs-banner>
-              <ecs-banner type="info" dismissable>This is an info alert — check it out!</ecs-banner>
-              <ecs-banner type="error" dismissable>This is an error alert — check it out!</ecs-banner>
-              <ecs-banner type="warning" dismissable>This is a warning alert — check it out!</ecs-banner>
-              <ecs-banner type="important" dismissable>This is an important alert — check it out!</ecs-banner>
-            </div>`,
-});