tide-design-system 2.2.9 → 2.2.11

package/src/stories/TideBadge.stories.ts

@@ -1,9 +1,39 @@
 import TideBadge from '@/components/TideBadge.vue';
+import { BADGE_COLOR as STANDARD_BADGE_COLOR } from '@/types/Badge';
 import * as STANDARD_ICON from '@/types/Icon';
-import { argTypeBooleanUnrequired, formatArgType, parameters, prependNoneAsUndefined } from '@/utilities/storybook';
+import { argTypeBooleanUnrequired, formatArgType, prependNoneAsUndefined } from '@/utilities/storybook';
 
+import type { StoryContext } from '@storybook/vue3';
+
+const BADGE_COLOR = prependNoneAsUndefined(STANDARD_BADGE_COLOR);
 const ICON = prependNoneAsUndefined(STANDARD_ICON.ICON);
 
+const formatSnippet = (code: string, context: StoryContext) => {
+  const { argTypes, args } = context;
+  const argsWithValues: string[] = [];
+
+  if (args.color !== undefined) argsWithValues.push(`:color="${args.color}"`);
+  if (args.iconLeading !== undefined) argsWithValues.push(`:icon-leading="${args.iconLeading}"`);
+  if (args.isFloating !== undefined && args.color === undefined)
+    argsWithValues.push(`:is-floating="${args.isFloating}"`);
+  if (args.label !== undefined) argsWithValues.push(`:label="${args.label}"`);
+
+  if (argTypes.iconLeading.type) argTypes.iconLeading.type.required = args.color !== undefined;
+  if (argTypes.isFloating.table) argTypes.isFloating.table.disable = args.color !== undefined;
+
+  return `<TideBadge ${argsWithValues.join(' ')} />`;
+};
+
+const parameters = {
+  docs: {
+    source: {
+      format: 'vue',
+      language: 'html',
+      transform: formatSnippet,
+    },
+  },
+};
+
 const render = (args: any) => ({
   components: { TideBadge },
   setup: () => ({ args }),
@@ -12,24 +42,44 @@ const render = (args: any) => ({
 
 export default {
   argTypes: {
+    color: {
+      ...formatArgType({ BADGE_COLOR }),
+      description: 'Determines which color option to adopt (if any)',
+      table: {
+        category: 'Props',
+        defaultValue: { summary: 'None' },
+      },
+    },
     iconLeading: {
       ...formatArgType({ ICON }),
       description: 'Icon to left of label',
+      table: {
+        category: 'Props',
+        defaultValue: { summary: 'None' },
+      },
     },
     isFloating: {
       ...argTypeBooleanUnrequired,
       description: 'Determines whether to display the "Floating" variant styles',
+      table: {
+        category: 'Props',
+        defaultValue: { summary: 'None' },
+      },
     },
     label: {
       control: 'text',
       description: 'Badge text',
       table: {
+        category: 'Props',
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
       },
     },
   },
   args: {
+    color: BADGE_COLOR.None,
+    iconLeading: ICON.None,
+    isFloating: undefined,
     label: 'Demo',
   },
   component: TideBadge,

package/src/stories/TideCarousel.stories.ts

@@ -13,6 +13,7 @@ const formatSnippet = (code: string, context: StoryContext) => {
   const hasBleed = args.bleed !== '';
 
   if (hasBleed) argsWithValues.push(`bleed="${args.bleed}"`);
+  if (args.isFloating !== undefined) argsWithValues.push(`:is-floating="${args.isFloating}"`);
   if (args.isHideawayButtons !== undefined) argsWithValues.push(`:is-hideaway-buttons="${args.isHideawayButtons}"`);
   if (args.isTouchscreen !== undefined) argsWithValues.push(`:is-touchscreen="${args.isTouchscreen}"`);
   if (args.subtitle !== '') argsWithValues.push(`subtitle="${args.subtitle}"`);

package/src/stories/TideChipAction.stories.ts

@@ -1,5 +1,15 @@
 import TideChipAction from '@/components/TideChipAction.vue';
-import { argTypeBooleanUnrequired, dataTrack, parameters } from '@/utilities/storybook';
+import * as STANDARD_ELEMENT from '@/types/Element';
+import {
+  argTypeBooleanUnrequired,
+  click,
+  dataTrack,
+  formatArgType,
+  parameters,
+  prependNoneAsUndefined,
+} from '@/utilities/storybook';
+
+const ELEMENT = prependNoneAsUndefined(STANDARD_ELEMENT.ELEMENT);
 
 const render = (args: any) => ({
   components: { TideChipAction },
@@ -9,10 +19,23 @@ const render = (args: any) => ({
 
 export default {
   argTypes: {
+    click: {
+      ...click,
+      if: { arg: 'element', eq: ELEMENT.BUTTON },
+    },
     dataTrack,
+    element: {
+      ...formatArgType({ ELEMENT }),
+      description: 'HTML tag type',
+      table: {
+        defaultValue: { summary: 'LINK' },
+        type: { summary: 'Element' },
+      },
+    },
     href: {
       control: 'text',
       description: 'URL to navigate to on click',
+      if: { arg: 'element', eq: ELEMENT.LINK },
       table: {
         defaultValue: { summary: 'None' },
         type: { summary: 'string' },
@@ -21,6 +44,7 @@ export default {
     isNewTab: {
       ...argTypeBooleanUnrequired,
       description: 'Determines whether to target a new browser tab',
+      if: { arg: 'element', eq: ELEMENT.LINK },
     },
     label: {
       control: 'text',
@@ -32,8 +56,11 @@ export default {
     },
   },
   args: {
+    click: 'doSomething',
     dataTrack: '',
+    element: undefined,
     href: 'https://www.sample.com',
+    isNewTab: undefined,
     label: 'Demo',
   },
   component: TideChipAction,

package/src/stories/TideImage.stories.ts

@@ -1,6 +1,12 @@
 import TideImage from '@/components/TideImage.vue';
 import { MEDIA } from '@/types/Breakpoint';
-import { argTypeBooleanUnrequired } from '@/utilities/storybook';
+import { OBJECT_FIT } from '@/types/Image';
+import {
+  argTypeBooleanUnrequired,
+  formatArgType,
+  formatValueAsConstant,
+  prependNoneAsUndefined,
+} from '@/utilities/storybook';
 
 import type { Source } from '@/types/Source';
 import type { StoryContext } from '@storybook/vue3';
@@ -25,7 +31,8 @@ const sources: Source[] = [
 ];
 
 const formatSnippet = (code: string, context: StoryContext) => {
-  const { args } = context;
+  const { args, argTypes } = context;
+  const { objectFit } = args;
   const argsWithValues: string[] = [`alt="${args.alt}"`];
   const hasSources = args.sources !== null;
   const hasSourcesLength = hasSources ? (args.sources as any).length > 0 : false;
@@ -35,6 +42,8 @@ const formatSnippet = (code: string, context: StoryContext) => {
   if (hasSources && hasSourcesLength) argsWithValues.push(`:sources="sources"`);
   if (args.src) argsWithValues.push(`src="${args.src}"`);
   if (args.width !== '') argsWithValues.push(`width="${args.width}"`);
+  if (args.objectFit !== undefined)
+    argsWithValues.push(`:object-fit="${formatValueAsConstant({ objectFit }, argTypes)}"`);
 
   return `<TideImage ${argsWithValues.join(' ')} />`;
 };
@@ -49,6 +58,8 @@ const parameters = {
   },
 };
 
+const OBJECT_FIT_OPTIONS = prependNoneAsUndefined(OBJECT_FIT);
+
 export default {
   argTypes: {
     alt: {
@@ -71,6 +82,14 @@ export default {
       ...argTypeBooleanUnrequired,
       description: `Determines whether to delay loading until image is in viewport.`,
     },
+    objectFit: {
+      ...formatArgType({ OBJECT_FIT_OPTIONS }),
+      description:
+        'Controls how the image scales within its box, effective only when image size differs from its intrinsic dimensions.',
+      table: {
+        defaultValue: { summary: 'None' },
+      },
+    },
     sources: {
       control: 'object',
       description: `Determines image sources by breakpoint.`,
@@ -101,6 +120,7 @@ export default {
     alt: '',
     height: '',
     isLazy: undefined,
+    objectFit: undefined,
     sources,
     src: 'https://placedog.net/375/400',
     width: '',

package/src/stories/TideImageBackground.stories.ts

@@ -1,6 +1,6 @@
 import TideImageBackground from '@/components/TideImageBackground.vue';
 import { MEDIA } from '@/types/Breakpoint';
-import { argTypeBooleanUnrequired, disabledArgType } from '@/utilities/storybook';
+import { argTypeBooleanUnrequired } from '@/utilities/storybook';
 
 import type { Source } from '@/types/Source';
 import type { StoryContext } from '@storybook/vue3';
@@ -36,7 +36,7 @@ const render = (args: any) => ({
   template: `
     <TideImageBackground v-bind="args">
       <div class="tide-padding-4 tide-font-700 tide-font-20">
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque est nibh, convallis vel aliquam non, elementum a lorem.
+        {{ args.default }}
       </div>
     </TideImageBackground>
   `,
@@ -71,7 +71,14 @@ export default {
         type: { summary: 'string' },
       },
     },
-    default: disabledArgType,
+    default: {
+      control: 'text',
+      description: 'Content exposed when expanded',
+      table: {
+        defaultValue: { summary: 'None' },
+        type: { summary: 'HTML' },
+      },
+    },
     isLazy: {
       ...argTypeBooleanUnrequired,
       description: `Determines whether to delay loading until image is in viewport.`,
@@ -95,6 +102,7 @@ export default {
   },
   args: {
     alt: '',
+    default: 'Lorem Ipsum',
     isLazy: undefined,
     sources,
     src: 'https://placedog.net/375/400',

package/src/stories/TideSheet.stories.ts

@@ -0,0 +1,142 @@
+import { action } from '@storybook/addon-actions';
+
+import TideButton from '@/components/TideButton.vue';
+import TideSheet from '@/components/TideSheet.vue';
+import {
+  argTypeBooleanUnrequired,
+  disabledArgType,
+  doSomething,
+  doSomethingElse,
+  lineBreak,
+  tab,
+} from '@/utilities/storybook';
+
+import type { StoryContext } from '@storybook/vue3';
+
+const formatSnippet = (code: string, context: StoryContext) => {
+  const { args } = context;
+
+  const argsWithValues: string[] = [`:is-open="${args.isOpen}"`];
+
+  if (args.isBackButton !== undefined) argsWithValues.push(`:is-back-button="${args.isBackButton}"`);
+  if (args.handleBack !== undefined) argsWithValues.push(`@back="${args.handleBack}"`);
+  if (args.handleClose !== undefined) argsWithValues.push(`@close="${args.handleClose}"`);
+
+  return `<TideSheet ${argsWithValues.join(' ')}>${lineBreak}` + `${tab}${args.default}${lineBreak}` + `</TideSheet>`;
+};
+
+const parameters = {
+  docs: {
+    source: {
+      format: 'vue',
+      language: 'html',
+      transform: formatSnippet,
+    },
+  },
+};
+
+const render = (args: any, { updateArgs }: any) => ({
+  components: { TideButton, TideSheet },
+  methods: {
+    doSomething,
+    doSomethingElse,
+    handleBack: () => {
+      action('Back button pressed')({});
+
+      try {
+        const callback = eval(args.handleBack);
+
+        if (callback) {
+          callback();
+        }
+      } catch {
+        alert('Please specify a valid handler in the "back" control.');
+      }
+    },
+    handleClose: () => {
+      action('Sheet closed')({});
+      updateArgs({ ...args, isOpen: false });
+
+      try {
+        const callback = eval(args.handleClose);
+
+        if (callback) {
+          callback();
+        }
+      } catch {
+        alert('Please specify a valid handler in the "close" control.');
+      }
+    },
+    handleOpenSheetClick: () => {
+      updateArgs({ ...args, isOpen: true });
+    },
+  },
+  setup: () => ({ args }),
+  template: `
+  <TideButton label="Open sheet" @click="handleOpenSheetClick" />
+  <TideSheet v-bind="args" @close="handleClose" @back="handleBack">
+    ${args.default}
+  </TideSheet>`,
+});
+
+export default {
+  argTypes: {
+    back: disabledArgType,
+    close: disabledArgType,
+    default: {
+      control: 'text',
+      description: 'Sheet content',
+      table: {
+        defaultValue: { summary: 'None' },
+        type: { summary: 'HTML' },
+      },
+    },
+    handleBack: {
+      control: 'text',
+      description: "JS function to execute when sheet's back button is pressed",
+      name: 'back',
+      table: {
+        category: 'Events',
+        defaultValue: { summary: 'None' },
+        type: { summary: '() => void' },
+      },
+    },
+    handleClose: {
+      control: 'text',
+      description: 'JS function to execute when sheet is closed',
+      name: 'close',
+      table: {
+        category: 'Events',
+        defaultValue: { summary: 'None' },
+        type: { summary: '() => void' },
+      },
+    },
+    isBackButton: {
+      ...argTypeBooleanUnrequired,
+      description: 'Determines whether the back button is displayed',
+      table: {
+        defaultValue: { summary: 'False' },
+      },
+    },
+    isOpen: {
+      description: 'Determines whether the Sheet is displayed',
+      table: {
+        defaultValue: { summary: 'False' },
+      },
+    },
+  },
+  args: {
+    default: `<div>${lineBreak}${tab}Default Slot Demo${lineBreak}</div>`,
+    handleBack: 'doSomething',
+    handleClose: 'doSomethingElse',
+    isBackButton: undefined,
+    isOpen: false,
+  },
+  component: TideSheet,
+  parameters,
+  render,
+  tags: ['autodocs'],
+  title: 'Components/TideSheet',
+};
+
+export const Demo = {};

package/src/types/Badge.ts

@@ -1,7 +1,72 @@
+import { CSS } from '@/types/Styles';
+
+export const BADGE_COLOR = {
+  BLACK: 'black',
+  BLUE: 'blue',
+  GREEN: 'green',
+  LIME: 'lime',
+  ORANGE: 'orange',
+  PURPLE: 'purple',
+  RED: 'red',
+  SALMON: 'salmon',
+  TEAL: 'teal',
+  YELLOW: 'yellow',
+} as const;
+
+export const BADGE_COLOR_DETAILS: Record<
+  BadgeColor,
+  {
+    borderColor: string;
+    iconColor: string;
+  }
+> = {
+  [BADGE_COLOR.BLACK]: {
+    borderColor: CSS.BORDER.COLOR.HIGH,
+    iconColor: CSS.FONT.COLOR.SURFACE.DEFAULT,
+  },
+  [BADGE_COLOR.BLUE]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.BLUE,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.BLUE,
+  },
+  [BADGE_COLOR.GREEN]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.GREEN,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.GREEN,
+  },
+  [BADGE_COLOR.LIME]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.LIME,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.LIME,
+  },
+  [BADGE_COLOR.ORANGE]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.ORANGE,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.ORANGE,
+  },
+  [BADGE_COLOR.PURPLE]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.PURPLE,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.PURPLE,
+  },
+  [BADGE_COLOR.RED]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.RED,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.RED,
+  },
+  [BADGE_COLOR.SALMON]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.SALMON,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.SALMON,
+  },
+  [BADGE_COLOR.TEAL]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.TEAL,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.TEAL,
+  },
+  [BADGE_COLOR.YELLOW]: {
+    borderColor: CSS.BORDER.COLOR.GLOBAL.YELLOW,
+    iconColor: CSS.FONT.COLOR.GLOBAL.PRIMARY.YELLOW,
+  },
+};
+
 export const BADGE_TRUSTED = {
   YEARS_10: '10',
   YEARS_15: '15',
   YEARS_5: '5',
 } as const;
 
+export type BadgeColor = (typeof BADGE_COLOR)[keyof typeof BADGE_COLOR];
 export type BadgeTrustedYears = (typeof BADGE_TRUSTED)[keyof typeof BADGE_TRUSTED];

package/src/types/Image.ts

@@ -0,0 +1,7 @@
+export const OBJECT_FIT = {
+  CONTAIN: 'contain',
+  COVER: 'cover',
+  SCALE_DOWN: 'scale-down',
+} as const;
+
+export type ObjectFit = (typeof OBJECT_FIT)[keyof typeof OBJECT_FIT];

package/src/types/Storybook.ts

@@ -45,6 +45,11 @@ export const BORDER_SIDE = {
   Left: 'tide-border-left',
 };
 
+export const BORDER_STYLE = {
+  Solid: CSS.BORDER.STYLE.SOLID,
+  Dashed: CSS.BORDER.STYLE.DASHED,
+};
+
 export const BORDER_WIDTH = {
   '1px': '1',
   '2px': '2',

package/src/types/Styles.ts

@@ -44,6 +44,16 @@ export const CSS = {
         INFO: 'tide-bg-surface-info',
         SUCCESS: 'tide-bg-surface-success',
         WARNING: 'tide-bg-surface-warning',
+
+        BLUE: 'tide-bg-surface-blue',
+        GREEN: 'tide-bg-surface-green',
+        LIME: 'tide-bg-surface-lime',
+        ORANGE: 'tide-bg-surface-orange',
+        PURPLE: 'tide-bg-surface-purple',
+        RED: 'tide-bg-surface-red',
+        SALMON: 'tide-bg-surface-salmon',
+        TEAL: 'tide-bg-surface-teal',
+        YELLOW: 'tide-bg-surface-yellow',
       },
     },
     INITIAL: 'tide-bg-initial',
@@ -72,6 +82,16 @@ export const CSS = {
         INFO: 'tide-border-info',
         SUCCESS: 'tide-border-success',
         WARNING: 'tide-border-warning',
+
+        BLUE: 'tide-border-blue',
+        GREEN: 'tide-border-green',
+        LIME: 'tide-border-lime',
+        ORANGE: 'tide-border-orange',
+        PURPLE: 'tide-border-purple',
+        RED: 'tide-border-red',
+        SALMON: 'tide-border-salmon',
+        TEAL: 'tide-border-teal',
+        YELLOW: 'tide-border-yellow',
       },
       INITIAL: 'tide-border-color-initial',
       DEFAULT: 'tide-border',
@@ -87,6 +107,10 @@ export const CSS = {
       ONE: 'tide-radius-1',
       FULL: 'tide-radius-full',
     },
+    STYLE: {
+      DASHED: 'tide-border-dashed',
+      SOLID: 'tide-border-solid',
+    },
     BOTTOM: {
       ZERO: 'tide-border-bottom-0',
       ONE: 'tide-border-bottom-1',
@@ -176,6 +200,28 @@ export const CSS = {
         INFO: 'tide-font-info',
         SUCCESS: 'tide-font-success',
         WARNING: 'tide-font-warning',
+
+        BLUE: 'tide-font-blue',
+        GREEN: 'tide-font-green',
+        LIME: 'tide-font-lime',
+        ORANGE: 'tide-font-orange',
+        PURPLE: 'tide-font-purple',
+        RED: 'tide-font-red',
+        SALMON: 'tide-font-salmon',
+        TEAL: 'tide-font-teal',
+        YELLOW: 'tide-font-yellow',
+
+        PRIMARY: {
+          BLUE: 'tide-font-primary-blue',
+          GREEN: 'tide-font-primary-green',
+          LIME: 'tide-font-primary-lime',
+          ORANGE: 'tide-font-primary-orange',
+          PURPLE: 'tide-font-primary-purple',
+          RED: 'tide-font-primary-red',
+          SALMON: 'tide-font-primary-salmon',
+          TEAL: 'tide-font-primary-teal',
+          YELLOW: 'tide-font-primary-yellow',
+        },
       },
       PRIMARY: 'tide-font-on-primary',
       SECONDARY: 'tide-font-on-secondary',
@@ -466,5 +512,3 @@ export const CSS = {
     ONE: 'tide-z-index-1',
   },
 } as const;
-
-export type CssUtility = (typeof CSS)[keyof typeof CSS];

package/tests/svg-icons.spec.ts

@@ -0,0 +1,74 @@
+import fs from 'fs';
+import path from 'path';
+import { describe, expect, it } from 'vitest';
+
+const SVG_DIR: string = path.resolve(__dirname, '../src/assets/svg/icons');
+
+const numberRegex = /-?\d*\.\d+|-?\d+/g;
+
+function findExcessivePrecision(content: string, maxDecimals: number): string[] {
+  const matches = content.match(numberRegex);
+  if (!matches) return [];
+
+  return matches.filter((numStr) => {
+    if (numStr.includes('.')) {
+      const decimals = numStr.split('.')[1].length;
+      return decimals > maxDecimals;
+    }
+    return false;
+  });
+}
+
+describe('SVG validation tests', () => {
+  const svgFiles: string[] = fs.readdirSync(SVG_DIR).filter((file: string) => file.endsWith('.svg'));
+
+  it('should have at least one svg file to check', () => {
+    expect(svgFiles.length).toBeGreaterThan(0);
+  });
+
+  svgFiles.forEach((file: string) => {
+    describe(`"${file}"`, () => {
+      const filePath: string = path.join(SVG_DIR, file);
+      const content: string = fs.readFileSync(filePath, 'utf8');
+      const match: RegExpMatchArray | null = content.match(/<svg[^>]*>/i);
+
+      it('should contain an <svg> root element', () => {
+        expect(match).not.toBeNull();
+      });
+
+      if (match) {
+        const svgTag: string = match[0];
+
+        it("should have viewBox='0 0 24 24'", () => {
+          const viewBoxMatch: RegExpMatchArray | null = svgTag.match(/viewBox\s*=\s*["']([^"']+)["']/i);
+          expect(viewBoxMatch).not.toBeNull();
+          expect(viewBoxMatch![1]).toBe('0 0 24 24');
+        });
+
+        it('should not have a fill attribute', () => {
+          const hasFill: boolean = /\sfill\s*=\s*["'][^"']*["']/i.test(svgTag);
+          expect(hasFill).toBe(false);
+        });
+
+        it('should not have width or height attributes', () => {
+          const hasWidth: boolean = /\swidth\s*=\s*["'][^"']*["']/i.test(svgTag);
+          const hasHeight: boolean = /\sheight\s*=\s*["'][^"']*["']/i.test(svgTag);
+          expect(hasWidth).toBe(false);
+          expect(hasHeight).toBe(false);
+        });
+      }
+
+      const MAX_PRECISION = 3;
+
+      it(`should not contain numbers with more than ${MAX_PRECISION} decimal places`, () => {
+        const badNumbers = findExcessivePrecision(content, MAX_PRECISION);
+        expect(
+          badNumbers,
+          `Found overly precise numbers: ${badNumbers.join(
+            ', '
+          )}. Use www.svgomg.net to optimize the vector asset before committing it.`
+        ).toEqual([]);
+      });
+    });
+  });
+});

package/dist/IconAssignment-1983e555.js

@@ -1,16 +0,0 @@
-import { openBlock as e, createElementBlock as t, createElementVNode as C } from "vue";
-const o = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 24 24"
-}, n = /* @__PURE__ */ C("path", { d: "M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9.2C9.41667 2.4 9.77917 1.91667 10.2875 1.55C10.7958 1.18333 11.3667 1 12 1C12.6333 1 13.2042 1.18333 13.7125 1.55C14.2208 1.91667 14.5833 2.4 14.8 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19ZM7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM12 4.25C12.2167 4.25 12.3958 4.17917 12.5375 4.0375C12.6792 3.89583 12.75 3.71667 12.75 3.5C12.75 3.28333 12.6792 3.10417 12.5375 2.9625C12.3958 2.82083 12.2167 2.75 12 2.75C11.7833 2.75 11.6042 2.82083 11.4625 2.9625C11.3208 3.10417 11.25 3.28333 11.25 3.5C11.25 3.71667 11.3208 3.89583 11.4625 4.0375C11.6042 4.17917 11.7833 4.25 12 4.25Z" }, null, -1), c = [
-  n
-];
-function s(r, H) {
-  return e(), t("svg", o, c);
-}
-const d = { render: s };
-export {
-  d as default,
-  s as render
-};
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkFzc2lnbm1lbnQtMTk4M2U1NTUuanMiLCJzb3VyY2VzIjpbIi4uL3NyYy9hc3NldHMvc3ZnL2ljb25zL0ljb25Bc3NpZ25tZW50LnN2ZyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjcmVhdGVFbGVtZW50Vk5vZGUgYXMgX2NyZWF0ZUVsZW1lbnRWTm9kZSwgb3BlbkJsb2NrIGFzIF9vcGVuQmxvY2ssIGNyZWF0ZUVsZW1lbnRCbG9jayBhcyBfY3JlYXRlRWxlbWVudEJsb2NrIH0gZnJvbSBcInZ1ZVwiXG5cbmNvbnN0IF9ob2lzdGVkXzEgPSB7XG4gIHhtbG5zOiBcImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIsXG4gIHZpZXdCb3g6IFwiMCAwIDI0IDI0XCJcbn1cbmNvbnN0IF9ob2lzdGVkXzIgPSAvKiNfX1BVUkVfXyovX2NyZWF0ZUVsZW1lbnRWTm9kZShcInBhdGhcIiwgeyBkOiBcIk01IDIxQzQuNDUgMjEgMy45NzkxNyAyMC44MDQyIDMuNTg3NSAyMC40MTI1QzMuMTk1ODMgMjAuMDIwOCAzIDE5LjU1IDMgMTlWNUMzIDQuNDUgMy4xOTU4MyAzLjk3OTE3IDMuNTg3NSAzLjU4NzVDMy45NzkxNyAzLjE5NTgzIDQuNDUgMyA1IDNIOS4yQzkuNDE2NjcgMi40IDkuNzc5MTcgMS45MTY2NyAxMC4yODc1IDEuNTVDMTAuNzk1OCAxLjE4MzMzIDExLjM2NjcgMSAxMiAxQzEyLjYzMzMgMSAxMy4yMDQyIDEuMTgzMzMgMTMuNzEyNSAxLjU1QzE0LjIyMDggMS45MTY2NyAxNC41ODMzIDIuNCAxNC44IDNIMTlDMTkuNTUgMyAyMC4wMjA4IDMuMTk1ODMgMjAuNDEyNSAzLjU4NzVDMjAuODA0MiAzLjk3OTE3IDIxIDQuNDUgMjEgNVYxOUMyMSAxOS41NSAyMC44MDQyIDIwLjAyMDggMjAuNDEyNSAyMC40MTI1QzIwLjAyMDggMjAuODA0MiAxOS41NSAyMSAxOSAyMUg1Wk01IDE5SDE5VjVINVYxOVpNNyAxN0gxNFYxNUg3VjE3Wk03IDEzSDE3VjExSDdWMTNaTTcgOUgxN1Y3SDdWOVpNMTIgNC4yNUMxMi4yMTY3IDQuMjUgMTIuMzk1OCA0LjE3OTE3IDEyLjUzNzUgNC4wMzc1QzEyLjY3OTIgMy44OTU4MyAxMi43NSAzLjcxNjY3IDEyLjc1IDMuNUMxMi43NSAzLjI4MzMzIDEyLjY3OTIgMy4xMDQxNyAxMi41Mzc1IDIuOTYyNUMxMi4zOTU4IDIuODIwODMgMTIuMjE2NyAyLjc1IDEyIDIuNzVDMTEuNzgzMyAyLjc1IDExLjYwNDIgMi44MjA4MyAxMS40NjI1IDIuOTYyNUMxMS4zMjA4IDMuMTA0MTcgMTEuMjUgMy4yODMzMyAxMS4yNSAzLjVDMTEuMjUgMy43MTY2NyAxMS4zMjA4IDMuODk1ODMgMTEuNDYyNSA0LjAzNzVDMTEuNjA0MiA0LjE3OTE3IDExLjc4MzMgNC4yNSAxMiA0LjI1WlwiIH0sIG51bGwsIC0xKVxuY29uc3QgX2hvaXN0ZWRfMyA9IFtcbiAgX2hvaXN0ZWRfMlxuXVxuXG5leHBvcnQgZnVuY3Rpb24gcmVuZGVyKF9jdHgsIF9jYWNoZSkge1xuICByZXR1cm4gKF9vcGVuQmxvY2soKSwgX2NyZWF0ZUVsZW1lbnRCbG9jayhcInN2Z1wiLCBfaG9pc3RlZF8xLCBfaG9pc3RlZF8zKSlcbn1cbmV4cG9ydCBkZWZhdWx0IHsgcmVuZGVyOiByZW5kZXIgfSJdLCJuYW1lcyI6WyJfaG9pc3RlZF8xIiwiX2hvaXN0ZWRfMiIsIl9jcmVhdGVFbGVtZW50Vk5vZGUiLCJfaG9pc3RlZF8zIiwicmVuZGVyIiwiX2N0eCIsIl9jYWNoZSIsIl9vcGVuQmxvY2siLCJfY3JlYXRlRWxlbWVudEJsb2NrIiwiSWNvbkFzc2lnbm1lbnQiXSwibWFwcGluZ3MiOiI7QUFFQSxNQUFNQSxJQUFhO0FBQUEsRUFDakIsT0FBTztBQUFBLEVBQ1AsU0FBUztBQUNYLEdBQ01DLElBQTBCQyxnQkFBQUEsRUFBb0IsUUFBUSxFQUFFLEdBQUcsaTFCQUFpMUIsTUFBTSxFQUFFLEdBQ3A1QkMsSUFBYTtBQUFBLEVBQ2pCRjtBQUNGO0FBRU8sU0FBU0csRUFBT0MsR0FBTUMsR0FBUTtBQUNuQyxTQUFRQyxFQUFZLEdBQUVDLEVBQW9CLE9BQU9SLEdBQVlHLENBQVU7QUFDekU7QUFDQSxNQUFlTSxJQUFBLEVBQUUsUUFBUUwsRUFBTTsifQ==

package/dist/IconAssignment-915702cc.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},o=e.createElementVNode("path",{d:"M5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H9.2C9.41667 2.4 9.77917 1.91667 10.2875 1.55C10.7958 1.18333 11.3667 1 12 1C12.6333 1 13.2042 1.18333 13.7125 1.55C14.2208 1.91667 14.5833 2.4 14.8 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19ZM7 17H14V15H7V17ZM7 13H17V11H7V13ZM7 9H17V7H7V9ZM12 4.25C12.2167 4.25 12.3958 4.17917 12.5375 4.0375C12.6792 3.89583 12.75 3.71667 12.75 3.5C12.75 3.28333 12.6792 3.10417 12.5375 2.9625C12.3958 2.82083 12.2167 2.75 12 2.75C11.7833 2.75 11.6042 2.82083 11.4625 2.9625C11.3208 3.10417 11.25 3.28333 11.25 3.5C11.25 3.71667 11.3208 3.89583 11.4625 4.0375C11.6042 4.17917 11.7833 4.25 12 4.25Z"},null,-1),C=[o];function t(c,s){return e.openBlock(),e.createElementBlock("svg",n,C)}const r={render:t};exports.default=r;exports.render=t;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSWNvbkFzc2lnbm1lbnQtOTE1NzAyY2MuY2pzIiwic291cmNlcyI6WyIuLi9zcmMvYXNzZXRzL3N2Zy9pY29ucy9JY29uQXNzaWdubWVudC5zdmciXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3JlYXRlRWxlbWVudFZOb2RlIGFzIF9jcmVhdGVFbGVtZW50Vk5vZGUsIG9wZW5CbG9jayBhcyBfb3BlbkJsb2NrLCBjcmVhdGVFbGVtZW50QmxvY2sgYXMgX2NyZWF0ZUVsZW1lbnRCbG9jayB9IGZyb20gXCJ2dWVcIlxuXG5jb25zdCBfaG9pc3RlZF8xID0ge1xuICB4bWxuczogXCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiLFxuICB2aWV3Qm94OiBcIjAgMCAyNCAyNFwiXG59XG5jb25zdCBfaG9pc3RlZF8yID0gLyojX19QVVJFX18qL19jcmVhdGVFbGVtZW50Vk5vZGUoXCJwYXRoXCIsIHsgZDogXCJNNSAyMUM0LjQ1IDIxIDMuOTc5MTcgMjAuODA0MiAzLjU4NzUgMjAuNDEyNUMzLjE5NTgzIDIwLjAyMDggMyAxOS41NSAzIDE5VjVDMyA0LjQ1IDMuMTk1ODMgMy45NzkxNyAzLjU4NzUgMy41ODc1QzMuOTc5MTcgMy4xOTU4MyA0LjQ1IDMgNSAzSDkuMkM5LjQxNjY3IDIuNCA5Ljc3OTE3IDEuOTE2NjcgMTAuMjg3NSAxLjU1QzEwLjc5NTggMS4xODMzMyAxMS4zNjY3IDEgMTIgMUMxMi42MzMzIDEgMTMuMjA0MiAxLjE4MzMzIDEzLjcxMjUgMS41NUMxNC4yMjA4IDEuOTE2NjcgMTQuNTgzMyAyLjQgMTQuOCAzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNNSAxOUgxOVY1SDVWMTlaTTcgMTdIMTRWMTVIN1YxN1pNNyAxM0gxN1YxMUg3VjEzWk03IDlIMTdWN0g3VjlaTTEyIDQuMjVDMTIuMjE2NyA0LjI1IDEyLjM5NTggNC4xNzkxNyAxMi41Mzc1IDQuMDM3NUMxMi42NzkyIDMuODk1ODMgMTIuNzUgMy43MTY2NyAxMi43NSAzLjVDMTIuNzUgMy4yODMzMyAxMi42NzkyIDMuMTA0MTcgMTIuNTM3NSAyLjk2MjVDMTIuMzk1OCAyLjgyMDgzIDEyLjIxNjcgMi43NSAxMiAyLjc1QzExLjc4MzMgMi43NSAxMS42MDQyIDIuODIwODMgMTEuNDYyNSAyLjk2MjVDMTEuMzIwOCAzLjEwNDE3IDExLjI1IDMuMjgzMzMgMTEuMjUgMy41QzExLjI1IDMuNzE2NjcgMTEuMzIwOCAzLjg5NTgzIDExLjQ2MjUgNC4wMzc1QzExLjYwNDIgNC4xNzkxNyAxMS43ODMzIDQuMjUgMTIgNC4yNVpcIiB9LCBudWxsLCAtMSlcbmNvbnN0IF9ob2lzdGVkXzMgPSBbXG4gIF9ob2lzdGVkXzJcbl1cblxuZXhwb3J0IGZ1bmN0aW9uIHJlbmRlcihfY3R4LCBfY2FjaGUpIHtcbiAgcmV0dXJuIChfb3BlbkJsb2NrKCksIF9jcmVhdGVFbGVtZW50QmxvY2soXCJzdmdcIiwgX2hvaXN0ZWRfMSwgX2hvaXN0ZWRfMykpXG59XG5leHBvcnQgZGVmYXVsdCB7IHJlbmRlcjogcmVuZGVyIH0iXSwibmFtZXMiOlsiX2hvaXN0ZWRfMSIsIl9ob2lzdGVkXzIiLCJfY3JlYXRlRWxlbWVudFZOb2RlIiwiX2hvaXN0ZWRfMyIsInJlbmRlciIsIl9jdHgiLCJfY2FjaGUiLCJfb3BlbkJsb2NrIiwiX2NyZWF0ZUVsZW1lbnRCbG9jayIsIkljb25Bc3NpZ25tZW50Il0sIm1hcHBpbmdzIjoidUdBRU1BLEVBQWEsQ0FDakIsTUFBTyw2QkFDUCxRQUFTLFdBQ1gsRUFDTUMsRUFBMEJDLEVBQUFBLG1CQUFvQixPQUFRLENBQUUsRUFBRywrMEJBQWkxQixLQUFNLEVBQUUsRUFDcDVCQyxFQUFhLENBQ2pCRixDQUNGLEVBRU8sU0FBU0csRUFBT0MsRUFBTUMsRUFBUSxDQUNuQyxPQUFRQyxFQUFBQSxVQUFZLEVBQUVDLEVBQW1CLG1CQUFDLE1BQU9SLEVBQVlHLENBQVUsQ0FDekUsQ0FDQSxNQUFlTSxFQUFBLENBQUUsT0FBUUwsQ0FBTSJ9