@kaizen/components 1.4.20-canary.2 → 1.4.20

package/dist/iife/ToggleIconButton.module-COM67MDC.scss

@@ -0,0 +1,132 @@
+@import "@kaizen/design-tokens/sass/animation";
+@import "@kaizen/design-tokens/sass/border";
+@import "@kaizen/design-tokens/sass/color";
+
+.button {
+  border: none;
+  background-color: $color-white;
+  width: 3rem;
+  height: 3rem;
+  border-radius: $border-solid-border-radius;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  transition: background-color $animation-duration-immediate;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:global(.focus-visible)::after,
+  &:focus-visible:after {
+    $focus-ring-offset: 3px;
+    content: "";
+    position: absolute;
+    background: transparent;
+    border-radius: $border-focus-ring-border-radius;
+    border-width: $border-focus-ring-border-width;
+    border-style: $border-focus-ring-border-style;
+    border-color: $color-blue-500;
+    top: calc(-1 * #{$focus-ring-offset});
+    left: calc(-1 * #{$focus-ring-offset});
+    right: calc(-1 * #{$focus-ring-offset});
+    bottom: calc(-1 * #{$focus-ring-offset});
+  }
+
+  &.disabled {
+    opacity: 0.3;
+    &:global(.focus-visible)::after,
+    &:focus-visible:after {
+      color: rgba($color-purple-800-rgb, 0.3);
+      outline-offset: -2px;
+      background-color: transparent;
+      border-color: transparent;
+      opacity: 1;
+      outline-style: $border-dashed-border-style;
+      outline-width: $border-focus-ring-border-width;
+      outline-color: $color-purple-800;
+    }
+  }
+}
+
+.default {
+  background-color: $color-white;
+  color: $color-purple-800;
+
+  &:not(.disabled) {
+    &:hover:not(.active),
+    &:global(.focus-visible):not(.active) {
+      background-color: $color-gray-200;
+    }
+
+    &.active {
+      background-color: $color-gray-300;
+      color: $color-purple-800;
+    }
+  }
+}
+
+.secondary {
+  background-color: $color-white;
+  color: $color-blue-500;
+
+  &:not(.disabled) {
+    &:hover:not(.active),
+    &:global(.focus-visible):not(.active) {
+      background-color: $color-blue-100;
+    }
+
+    &.active {
+      background-color: $color-blue-200;
+    }
+  }
+}
+
+.primary {
+  background-color: $color-blue-500;
+  color: $color-white;
+
+  &:not(.disabled) {
+    &:hover:not(.active),
+    &:global(.focus-visible):not(.active) {
+      background-color: $color-blue-600;
+    }
+
+    &.active {
+      background-color: $color-blue-700;
+    }
+  }
+}
+
+.destructive {
+  background-color: $color-red-500;
+  color: $color-white;
+
+  &:not(.disabled) {
+    &:hover:not(.active),
+    &:global(.focus-visible):not(.active) {
+      background-color: $color-red-600;
+    }
+
+    &.active {
+      background-color: $color-red-700;
+    }
+  }
+}
+
+.secondary-destructive {
+  background-color: $color-white;
+  color: $color-red-600;
+
+  &:not(.disabled) {
+    &:hover:not(.active),
+    &:global(.focus-visible):not(.active) {
+      background-color: $color-red-100;
+    }
+
+    &.active {
+      background-color: $color-red-200;
+    }
+  }
+}

package/dist/iife/Toolbar.module-3BZYZE6H.scss

@@ -0,0 +1,44 @@
+@import "~@kaizen/component-library/styles/grid";
+@import "~@kaizen/deprecated-component-library-helpers/styles/layout";
+@import "./mixins";
+
+.toolbar {
+  display: flex;
+  align-items: center;
+
+  .toolbarItem {
+    margin: 0 ($ca-grid / 4);
+
+    @include title-block-under-1024 {
+      margin: 0 ($ca-grid / 8);
+    }
+
+    &.noGap {
+      margin: 0;
+    }
+  }
+
+  .toolbarItem:first-of-type {
+    @include ca-margin($start: 0, $end: $ca-grid / 4);
+
+    @include title-block-under-1024 {
+      @include ca-margin($start: 0, $end: $ca-grid / 8);
+    }
+
+    &.noGap {
+      margin: 0;
+    }
+  }
+
+  .toolbarItem:last-of-type {
+    @include ca-margin($start: $ca-grid / 4, $end: 0);
+
+    @include title-block-under-1024 {
+      @include ca-margin($start: $ca-grid / 8, $end: 0);
+    }
+
+    &.noGap {
+      margin: 0;
+    }
+  }
+}

package/dist/iife/Toolbar.module-BP3GTBGW.scss

@@ -0,0 +1,6 @@
+@import "@kaizen/design-tokens/sass/color";
+
+.toolbar {
+  display: block;
+  border-bottom: 2px solid $color-gray-500;
+}

package/dist/iife/ToolbarSection.module-LZTHWGO7.scss

@@ -0,0 +1,15 @@
+@import "@kaizen/design-tokens/sass/color";
+@import "@kaizen/design-tokens/sass/spacing";
+
+.toolbarSection {
+  display: inline-flex;
+  align-items: center;
+  gap: $spacing-xs;
+  margin: $spacing-xs 0;
+  padding: 0 $spacing-xs;
+  flex-wrap: wrap;
+}
+
+.toolbarSection + .toolbarSection {
+  border-inline-start: 1px solid rgba($color-gray-600-rgb, 0.1);
+}

package/dist/iife/Well.module-4TIRC3HQ.scss

@@ -0,0 +1,73 @@
+@import "~@kaizen/design-tokens/sass/color";
+@import "~@kaizen/design-tokens/sass/border";
+@import "~@kaizen/design-tokens/sass/spacing";
+
+.container {
+  border-radius: $border-solid-border-radius;
+  margin-bottom: $spacing-md;
+}
+
+.noMargin {
+  margin: 0;
+}
+
+// Background Style Variations
+
+.positive {
+  background: $color-green-100;
+  border-color: $color-green-300;
+  color: $color-purple-800;
+}
+
+.negative {
+  background: $color-red-100;
+  border-color: $color-red-300;
+  color: $color-purple-800;
+}
+
+.informative {
+  background: $color-blue-100;
+  border-color: $color-blue-300;
+  color: $color-purple-800;
+}
+
+.cautionary {
+  background: $color-yellow-100;
+  border-color: $color-yellow-400;
+  color: $color-purple-800;
+}
+
+.assertive {
+  background: $color-orange-100;
+  border-color: $color-orange-300;
+  color: $color-purple-800;
+}
+
+.prominent {
+  background: $color-purple-100;
+  border-color: $color-purple-300;
+  color: $color-purple-800;
+}
+
+.default {
+  background-color: $color-gray-300;
+  border-color: rgba($color-gray-600-rgb, 0.1);
+}
+
+// Border Style Variations
+
+.solid {
+  border-style: $border-solid-border-style;
+  border-width: $border-solid-border-width;
+}
+
+.dashed {
+  border-style: $border-dashed-border-style;
+  border-width: $border-dashed-border-width;
+}
+
+.none {
+  border-color: $border-borderless-border-color;
+  border-style: $border-borderless-border-style;
+  border-width: $border-borderless-border-width;
+}

package/dist/iife/__future__/index.js

@@ -12203,15 +12203,15 @@
             };
           }
           var warnValidStyle$1 = warnValidStyle;
-          function createDangerousStringForStyles(styles56) {
+          function createDangerousStringForStyles(styles57) {
             {
               var serialized = "";
               var delimiter = "";
-              for (var styleName in styles56) {
-                if (!styles56.hasOwnProperty(styleName)) {
+              for (var styleName in styles57) {
+                if (!styles57.hasOwnProperty(styleName)) {
                   continue;
                 }
-                var styleValue = styles56[styleName];
+                var styleValue = styles57[styleName];
                 if (styleValue != null) {
                   var isCustomProperty = styleName.indexOf("--") === 0;
                   serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ":";
@@ -12222,19 +12222,19 @@
               return serialized || null;
             }
           }
-          function setValueForStyles(node, styles56) {
+          function setValueForStyles(node, styles57) {
             var style2 = node.style;
-            for (var styleName in styles56) {
-              if (!styles56.hasOwnProperty(styleName)) {
+            for (var styleName in styles57) {
+              if (!styles57.hasOwnProperty(styleName)) {
                 continue;
               }
               var isCustomProperty = styleName.indexOf("--") === 0;
               {
                 if (!isCustomProperty) {
-                  warnValidStyle$1(styleName, styles56[styleName]);
+                  warnValidStyle$1(styleName, styles57[styleName]);
                 }
               }
-              var styleValue = dangerousStyleValue(styleName, styles56[styleName], isCustomProperty);
+              var styleValue = dangerousStyleValue(styleName, styles57[styleName], isCustomProperty);
               if (styleName === "float") {
                 styleName = "cssFloat";
               }
@@ -12248,9 +12248,9 @@
           function isValueEmpty(value) {
             return value == null || typeof value === "boolean" || value === "";
           }
-          function expandShorthandMap(styles56) {
+          function expandShorthandMap(styles57) {
             var expanded = {};
-            for (var key in styles56) {
+            for (var key in styles57) {
               var longhands = shorthandToLonghand[key] || [key];
               for (var i = 0; i < longhands.length; i++) {
                 expanded[longhands[i]] = key;
@@ -36665,7 +36665,15 @@ ${singleLine(message)}${reset}
           inheritSize: false
         }
       )),
-      /* @__PURE__ */ import_react24.default.createElement("div", { className: import_FieldMessage_module.default.message }, /* @__PURE__ */ import_react24.default.createElement(Paragraph, { variant: "small", color: textColor }, message))
+      /* @__PURE__ */ import_react24.default.createElement("div", { className: import_FieldMessage_module.default.message }, /* @__PURE__ */ import_react24.default.createElement(
+        Paragraph,
+        {
+          tag: typeof message === "string" ? "p" : "div",
+          variant: "small",
+          color: textColor
+        },
+        message
+      ))
     );
   };
   FieldMessage.displayName = "FieldMessage";
@@ -38193,25 +38201,27 @@ ${singleLine(message)}${reset}
   // ../select/src/FilterMultiSelect/provider/SelectionProvider/SelectionProvider.tsx
   var import_react51 = __toESM(require_react());
 
-  // ../a11y/dist/esm/index.js
+  // ../a11y/src/SkipLink.tsx
   var import_react49 = __toESM(require_react());
 
   // ../component-library/icons/skip.icon.svg
   var skip_icon_default = "../skip.icon-4OAFSA2T.svg";
 
-  // ../a11y/dist/esm/index.js
-  var import_SkipLink_module_KAZA7PAL = __toESM(__require("../SkipLink.module-KAZA7PAL-KAZA7PAL.scss"));
-  var import_react50 = __toESM(require_react());
-  var import_VisuallyHidden_module_E5JUNEF5 = __toESM(__require("../VisuallyHidden.module-E5JUNEF5-E5JUNEF5.scss"));
-  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react49.default.createElement("a", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkContent }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module_KAZA7PAL.default.skipLinkIcon }, /* @__PURE__ */ import_react49.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react49.default.createElement("span", null, label)));
+  // ../a11y/src/SkipLink.tsx
+  var import_SkipLink_module = __toESM(__require("../SkipLink.module-KAZA7PAL.scss"));
+  var SkipLink = ({ label, skipTo }) => /* @__PURE__ */ import_react49.default.createElement("a", { className: import_SkipLink_module.default.skipLinkContainer, href: `#${skipTo}` }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module.default.skipLinkContent }, /* @__PURE__ */ import_react49.default.createElement("span", { className: import_SkipLink_module.default.skipLinkIcon }, /* @__PURE__ */ import_react49.default.createElement(Icon, { icon: skip_icon_default, role: "presentation" })), /* @__PURE__ */ import_react49.default.createElement("span", null, label)));
   SkipLink.displayName = "SkipLink";
+
+  // ../a11y/src/VisuallyHidden/VisuallyHidden.tsx
+  var import_react50 = __toESM(require_react());
+  var import_VisuallyHidden_module = __toESM(__require("../VisuallyHidden.module-E5JUNEF5.scss"));
   var VisuallyHidden = ({
     children,
     classNameOverride,
     tag = "span",
     ...otherProps
   }) => {
-    const className = `${import_VisuallyHidden_module_E5JUNEF5.default.srOnly} ${classNameOverride}`;
+    const className = `${import_VisuallyHidden_module.default.srOnly} ${classNameOverride}`;
     return (0, import_react50.createElement)(tag, { ...otherProps, className }, children);
   };
   VisuallyHidden.displayName = "VisuallyHidden";

package/dist/iife/add-link.icon-2JH25LOT.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.12499 14.167H5.83299C4.68033 14.167 3.69766 13.7607 2.88499 12.948C2.07299 12.1353 1.66699 11.1527 1.66699 10C1.66699 8.84734 2.07299 7.86467 2.88499 7.05201C3.69766 6.23934 4.68033 5.83301 5.83299 5.83301H9.12499V7.58301H5.83299C5.13899 7.58301 4.56266 7.81234 4.10399 8.27101C3.64599 8.72901 3.41699 9.30534 3.41699 10C3.41699 10.6947 3.64599 11.271 4.10399 11.729C4.56266 12.1877 5.13899 12.417 5.83299 12.417H9.12499V14.167ZM6.66699 10.875V9.12501H13.333V10.875H6.66699ZM10.875 14.167V12.417H14.167C14.861 12.417 15.4373 12.1877 15.896 11.729C16.354 11.271 16.583 10.6947 16.583 10C16.583 9.30534 16.354 8.72901 15.896 8.27101C15.4373 7.81234 14.861 7.58301 14.167 7.58301H10.875V5.83301H14.167C15.3197 5.83301 16.3023 6.23934 17.115 7.05201C17.927 7.86467 18.333 8.84734 18.333 10C18.333 11.1527 17.927 12.1353 17.115 12.948C16.3023 13.7607 15.3197 14.167 14.167 14.167H10.875Z" fill="black"/>
+</svg>

package/dist/iife/arrow-left.icon-RWWYLDT3.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-left</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="17.5 9.16666667 5.69166667 9.16666667 8.67916667 6.17916667 7.5 5 2.5 10 7.5 15 8.67916667 13.8208333 5.69166667 10.8333333 17.5 10.8333333"></polygon>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="arrow-left">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Directional/arrow-left" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/arrow-right.icon-3ZGNCW3O.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>arrow-right</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="12.5 5 11.3208333 6.17916667 14.3083333 9.16583333 2.5 9.16583333 2.5 10.8325 14.3083333 10.8325 11.3208333 13.8208333 12.5 15 17.5 9.99916667"></polygon>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="arrow-right">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Directional/arrow-right" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/bold.icon-FEZQ56AP.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 16V4H10.7855C11.7949 4 12.6764 4.28216 13.4301 4.84649C14.1838 5.41082 14.5606 6.1716 14.5606 7.12882C14.5606 7.81452 14.3963 8.36102 14.0675 8.76832C13.7381 9.17494 13.3539 9.48556 12.9149 9.70018V9.87195C13.5583 10.0859 14.0668 10.4215 14.4405 10.8789C14.8135 11.3362 15 11.929 15 12.6572C15 13.7283 14.5975 14.5532 13.7926 15.1319C12.9876 15.7106 12.0292 16 10.9172 16H6ZM8.41489 8.8434H10.5885C11.0563 8.8434 11.4476 8.71107 11.7622 8.44639C12.0769 8.18239 12.2343 7.85738 12.2343 7.47133C12.2343 7.10037 12.0769 6.77912 11.7622 6.50759C11.4476 6.23605 11.0563 6.10028 10.5885 6.10028H8.41489V8.8434ZM8.41489 13.8575H10.7634C11.3345 13.8575 11.7808 13.718 12.1026 13.4389C12.4243 13.1605 12.5851 12.7999 12.5851 12.3569C12.5851 11.9139 12.4243 11.5533 12.1026 11.2749C11.7808 10.9965 11.3345 10.8573 10.7634 10.8573H8.41489V13.8575Z" fill="black"/>
+</svg>

package/dist/iife/bulletted-list.icon-ZDSXNO72.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.812 11.292C3.45133 11.292 3.146 11.167 2.896 10.917C2.646 10.667 2.521 10.3613 2.521 10C2.521 9.63867 2.646 9.333 2.896 9.083C3.146 8.833 3.45133 8.708 3.812 8.708C4.17333 8.708 4.479 8.833 4.729 9.083C4.979 9.333 5.104 9.63867 5.104 10C5.104 10.3613 4.979 10.667 4.729 10.917C4.479 11.167 4.17333 11.292 3.812 11.292ZM3.812 6.312C3.45133 6.312 3.146 6.18734 2.896 5.938C2.646 5.68734 2.521 5.38167 2.521 5.021C2.521 4.65967 2.646 4.354 2.896 4.104C3.146 3.854 3.45133 3.729 3.812 3.729C4.17333 3.729 4.479 3.854 4.729 4.104C4.979 4.354 5.104 4.65967 5.104 5.021C5.104 5.38167 4.979 5.68734 4.729 5.938C4.479 6.18734 4.17333 6.312 3.812 6.312ZM3.812 16.25C3.45133 16.25 3.146 16.125 2.896 15.875C2.646 15.625 2.521 15.3193 2.521 14.958C2.521 14.5973 2.646 14.292 2.896 14.042C3.146 13.792 3.45133 13.667 3.812 13.667C4.17333 13.667 4.479 13.792 4.729 14.042C4.979 14.292 5.104 14.5973 5.104 14.958C5.104 15.3193 4.979 15.625 4.729 15.875C4.479 16.125 4.17333 16.25 3.812 16.25ZM6.646 15.833V14.083H17.5V15.833H6.646ZM6.646 10.875V9.125H17.5V10.875H6.646ZM6.646 5.896V4.146H17.5V5.896H6.646Z" fill="black"/>
+</svg>

package/dist/iife/caution.icon-BHBJMNMA.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0ZM10.8 15H9.2v-1.6h1.6V15Zm-1.6-3.2h1.6V7H9.2v4.8Z" fill="#000000"/></svg>

package/dist/iife/clear-white.icon-O3ZK5Z2K.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>clear</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,2 C5.576,2 2,5.576 2,10 C2,14.424 5.576,18 10,18 C14.424,18 18,14.424 18,10 C18,5.576 14.424,2 10,2 L10,2 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="clear">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Actions/clear" fill="#000000" xlink:href="#path-1"></use>
+            <polygon id="Path" fill="#FFFFFF" points="14 12.872 12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10"></polygon>
+        </g>
+    </g>
+</svg>

package/dist/iife/close.icon-7H6W45MB.svg

@@ -0,0 +1 @@
+<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>Icons/Actions/close</title><defs><path id="a" d="M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z"/></defs><use fill="#000" xlink:href="#a" fill-rule="evenodd"/></svg>

package/dist/iife/date-start.icon-NV4EVRXI.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>date-start</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M16.2240005,2.88911118 C17.2019006,2.88911118 18.0020006,3.68921121 18.0020006,4.66711125 L18.0020006,17.1131117 C18.0020006,18.0910118 17.2019006,18.8911118 16.2240005,18.8911118 L3.77800007,18.8911118 C2.79121003,18.8911118 2,18.0910118 2,17.1131117 L2.00889,4.66711125 C2.00889,3.68921121 2.79121003,2.88911118 3.77800007,2.88911118 L4.6670001,2.88911118 L4.6670001,1.11111111 L6.44500017,1.11111111 L6.44500017,2.88911118 L13.5570004,2.88911118 L13.5570004,1.11111111 L15.3350005,1.11111111 L15.3350005,2.88911118 L16.2240005,2.88911118 Z M16.2240005,17.1131117 L16.2240005,7.33411135 L3.77800007,7.33411135 L3.77800007,17.1131117 L16.2240005,17.1131117 Z M5.55600014,9.11211142 L10.0010003,9.11211142 L10.0010003,13.5571116 L5.55600014,13.5571116 L5.55600014,9.11211142 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="date-start">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Actions/date-start" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/decrease-indent.icon-VAYQUHQG.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.18333 13.9088V12.2755H17V13.9088H9.18333ZM6.1892 13.2088L3 10L6.1892 6.8108V13.2088ZM3 17V15.3667H17V17H3ZM3 4.63333V3H17V4.63333H3ZM9.18333 7.72453V6.0912H17V7.72453H9.18333ZM9.18333 10.8167V9.18333H17V10.8167H9.18333Z" fill="black"/>
+</svg>

package/dist/iife/edit.icon-YJ4EIXHJ.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>edit</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M1.55555556,14.6662036 L1.55555556,18 L5.07456283,18 L15.4579803,8.16307821 L11.938973,4.82928184 L1.55555556,14.6662036 Z M18.1699619,5.59383248 C18.5359386,5.24711766 18.5359386,4.6825948 18.1699619,4.33587998 L15.9787934,2.26003612 C15.6128166,1.91332129 15.0169314,1.91332129 14.6509546,2.26003612 L12.9336791,3.88692874 L16.4526863,7.2207251 L18.1699619,5.59383248 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="edit">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Actions/edit" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/ellipsis.icon-DECY5OPU.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>meatballs</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M4,8 C2.9,8 2,8.9 2,10 C2,11.1 2.9,12 4,12 C5.1,12 6,11.1 6,10 C6,8.9 5.1,8 4,8 L4,8 Z M16,8 C14.9,8 14,8.9 14,10 C14,11.1 14.9,12 16,12 C17.1,12 18,11.1 18,10 C18,8.9 17.1,8 16,8 L16,8 Z M10,8 C8.9,8 8,8.9 8,10 C8,11.1 8.9,12 10,12 C11.1,12 12,11.1 12,10 C12,8.9 11.1,8 10,8 L10,8 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="meatballs">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Actions/metballs" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/exclamation.icon-FJBHW7NP.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>exclamation-white</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,2 C14.416,2 18,5.58 18,10 C18,14.42 14.416,18 10,18 C5.584,18 2,14.42 2,10 C2,5.58 5.584,2 10,2 Z M10.8,14 L10.8,12.4 L9.2,12.4 L9.2,14 L10.8,14 Z M10.8,10.8 L10.8,6 L9.2,6 L9.2,10.8 L10.8,10.8 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="exclamation-white">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Combined-Shape" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/external-link.icon-7FNRTMN2.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>external-link</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M16.2222222,16.2222222 L3.77777778,16.2222222 L3.77777778,3.77777778 L10,3.77777778 L10,2 L3.77777778,2 C2.79111111,2 2,2.8 2,3.77777778 L2,16.2222222 C2,17.2 2.79111111,18 3.77777778,18 L16.2222222,18 C17.2,18 18,17.2 18,16.2222222 L18,10 L16.2222222,10 L16.2222222,16.2222222 L16.2222222,16.2222222 Z M11.7777778,2 L11.7777778,3.77777778 L14.9688889,3.77777778 L6.23111111,12.5155556 L7.48444444,13.7688889 L16.2222222,5.03111111 L16.2222222,8.22222222 L18,8.22222222 L18,2 L11.7777778,2 L11.7777778,2 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="external-link">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Actions/external-link" fill="#000000" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/hamburger.icon-YHQT7RB6.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 46.2 (44496) - http://www.bohemiancoding.com/sketch -->
+    <title>hamburger</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M2,16 L18,16 L18,14 L2,14 L2,16 Z M2,11 L18,11 L18,9 L2,9 L2,11 Z M2,4 L2,6 L18,6 L18,4 L2,4 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="hamburger">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use fill="#000000" fill-rule="nonzero" xlink:href="#path-1"></use>
+        </g>
+    </g>
+</svg>

package/dist/iife/increase-indent.icon-3XUPJEBD.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3 17V15.3667H17V17H3ZM3 13.2088V6.8108L6.2088 10L3 13.2088ZM9.18333 13.9088V12.2755H17V13.9088H9.18333ZM3 4.63333V3H17V4.63333H3ZM9.18333 7.72453V6.0912H17V7.72453H9.18333ZM9.18333 10.8167V9.18333H17V10.8167H9.18333Z" fill="black"/>
+</svg>