@kaizen/components 1.4.22-canary.0 → 1.4.22-canary.1

package/dist/iife/TriggerButton.module-ML4U7VQL.scss

@@ -1,139 +0,0 @@
-@import "~@kaizen/design-tokens/sass/color";
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "./mixins";
-@import "./variables";
-
-.button {
-  @include button;
-  border-radius: $border-solid-border-radius;
-  margin-top: $spacing-xs;
-  width: 100%;
-  height: $spacing-xl;
-  white-space: nowrap;
-  flex: 1;
-  min-width: 0;
-
-  &:hover .icon,
-  &:global(.story__button-hover) .icon,
-  &:active .icon,
-  &:global(.story__button-active) .icon,
-  &:focus .icon {
-    color: $color-gray-600;
-  }
-
-  &.placeholder {
-    color: rgba($color-purple-800-rgb, 0.7);
-  }
-}
-
-.icon {
-  margin-left: $spacing-sm;
-  color: $color-gray-500;
-}
-
-.error {
-  border: $border-solid-border-width $border-solid-border-style $color-red-500;
-}
-
-.caution {
-  border: $border-solid-border-width $border-solid-border-style
-    $color-yellow-600;
-}
-
-.disabled:not(.reversed) {
-  border: $border-solid-border-width $border-solid-border-style $color-gray-300;
-  background-color: $color-gray-100;
-  color: $color-gray-500;
-
-  .icon,
-  &:hover .icon {
-    color: $color-gray-400;
-  }
-}
-
-.value {
-  width: 100%;
-  text-align: start;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.reversed:not(.disabled) {
-  border: $border-solid-border-width $border-solid-border-style
-    rgba($color-white-rgb, 0.8);
-  background-color: transparent;
-  color: $color-white;
-
-  &.placeholder {
-    color: rgba($color-white-rgb, 0.65);
-  }
-
-  .icon {
-    color: rgba(255, 255, 255, 0.8);
-  }
-
-  #{$story-className--button-active},
-  #{$selectors--button-hover} {
-    background-color: rgba($color-white-rgb, 0.1);
-    border: $border-solid-border-width $border-solid-border-style $color-white;
-
-    .icon {
-      color: $color-white;
-    }
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  #{$selectors--button-focus} {
-    background-color: rgba($color-white-rgb, 0.1);
-    border: $border-solid-border-width $border-solid-border-style $color-white;
-
-    .icon {
-      color: $color-white;
-    }
-
-    &::after {
-      $focus-ring-offset: calc((#{$border-focus-ring-border-width} * 2) + 1px);
-      content: "";
-      position: absolute;
-      background: transparent;
-      border: $border-focus-ring-border-width $border-focus-ring-border-style
-        $color-blue-300;
-      border-radius: $border-focus-ring-border-radius;
-      top: calc(-1 * #{$focus-ring-offset});
-      left: calc(-1 * #{$focus-ring-offset});
-      right: calc(-1 * #{$focus-ring-offset});
-      bottom: calc(-1 * #{$focus-ring-offset});
-    }
-  }
-
-  .error {
-    border-color: $color-red-300;
-  }
-
-  .caution {
-    border-color: $color-yellow-400;
-  }
-}
-
-.reversed.disabled {
-  border-color: rgba($color-white-rgb, 0.3);
-  color: rgba($color-white-rgb, 0.3);
-
-  .icon,
-  &:hover .icon {
-    color: rgba($color-white-rgb, 0.3);
-  }
-
-  &:focus {
-    outline: none;
-  }
-
-  &.placeholder {
-    color: rgba($color-white-rgb, 0.3);
-  }
-}

package/dist/iife/TriggerButtonBase.module-QFRV6YZQ.scss

@@ -1,14 +0,0 @@
-@import "~@kaizen/design-tokens/sass/border";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "../mixins";
-
-.button {
-  @include button;
-  border-radius: $border-solid-border-radius;
-
-  width: max-content;
-}
-
-.icon {
-  margin-left: $spacing-xs;
-}

package/dist/iife/arrow-backward.icon-DGOZ655M.svg

@@ -1,17 +0,0 @@
-<?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-backward</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-backward">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Icons/Directional/arrow-backward" fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/arrow-forward.icon-MO6IWNHW.svg

@@ -1,17 +0,0 @@
-<?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-forward</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-forward">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Icons/Directional/arrow-forward" fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/caution-white.icon-7QPLIIHQ.svg

@@ -1 +0,0 @@
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path 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 0Z" fill="#000000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.8 15H9.2v-1.6h1.6V15Zm0-3.2H9.2V7h1.6v4.8Z" fill="#FFFFFF"/></svg>

package/dist/iife/check.icon-CYCBCOVT.svg

@@ -1,17 +0,0 @@
-<?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 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
-    <title>Icons/Informational/check</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667"></polygon>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons/Informational/check">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/chevron-down.icon-COG3GAYR.svg

@@ -1,17 +0,0 @@
-<?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 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
-    <title>Icons/Directional/chevron-down</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="6.17916667 6.84500003 10 10.746733 13.8208333 6.84500003 15 8.04913353 10 13.155 5 8.04913353"></polygon>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons/Directional/chevron-down">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/chevron-up.icon-O5VRF5BX.svg

@@ -1,17 +0,0 @@
-<?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 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
-    <title>Icons/Directional/chevron-up</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="6.17865149 13.155 10 9.25326703 13.8213485 13.155 15.0006742 11.9508665 10 6.84500003 4.99932583 11.9508665"></polygon>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Icons/Directional/chevron-up">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/clear.icon-OD6PWTJH.svg

@@ -1,17 +0,0 @@
-<?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>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 M14,12.872 L12.872,14 L10,11.128 L7.128,14 L6,12.872 L8.872,10 L6,7.128 L7.128,6 L10,8.872 L12.872,6 L14,7.128 L11.128,10 L14,12.872 L14,12.872 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>
-        </g>
-    </g>
-</svg>

package/dist/iife/end.icon-4DQDOQVX.svg

@@ -1 +0,0 @@
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 4h2v12h-2V4ZM10.3 9.17H2v1.66h8.3l-2.98 3L8.5 15l5-5-5-5-1.18 1.18 2.99 2.99Z" fill="#000"/></svg>

package/dist/iife/exclamation-white.icon-WX7P4EOV.svg

@@ -1,19 +0,0 @@
-<?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 48.2 (47327) - http://www.bohemiancoding.com/sketch -->
-    <title>2. Atoms/Icons/Informational/warning</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M10,18 C14.418278,18 18,14.418278 18,10 C18,5.581722 14.418278,2 10,2 C5.581722,2 2,5.581722 2,10 C2,14.418278 5.581722,18 10,18 Z" id="path-1"></path>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="2.-Atoms/Icons/Informational/warning">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Oval" fill="#000000" xlink:href="#path-1"></use>
-            <polygon id="Path" fill="#FFFFFF" points="10.8 14 9.2 14 9.2 12.4 10.8 12.4"></polygon>
-            <polygon id="Path" fill="#FFFFFF" points="10.8 10.8 9.2 10.8 9.2 6 10.8 6"></polygon>
-        </g>
-    </g>
-</svg>

package/dist/iife/loading-skeleton.module-RZXSULUO.scss

@@ -1,26 +0,0 @@
-@import "~@kaizen/design-tokens/sass/animation";
-@import "~@kaizen/design-tokens/sass/spacing";
-@import "~@kaizen/design-tokens/sass/border";
-
-.base {
-  border-radius: $border-solid-border-radius;
-  top: calc(#{$spacing-md} * 0.175);
-}
-
-@keyframes fadeInOut {
-  0% {
-    opacity: 0.6;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0.6;
-  }
-}
-
-.animated {
-  animation-name: fadeInOut;
-  animation-duration: calc(#{$animation-duration-deliberate} * 2);
-  animation-iteration-count: infinite;
-}

package/dist/iife/minus.icon-7B6G432O.svg

@@ -1,17 +0,0 @@
-<?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>minus</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <polygon id="path-1" points="13.9962769 10.8333333 6.01080322 10.8333333 6.01080322 9.16666667 13.9962769 9.16666667"></polygon>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="minus">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Icons/Informational/minus" fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/search.icon-ML7HSFID.svg

@@ -1,17 +0,0 @@
-<?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>search</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M13.4351058,12.0628931 L12.7124071,12.0628931 L12.4562607,11.8158948 C13.352773,10.7730132 13.89251,9.41909663 13.89251,7.946255 C13.89251,4.66209262 11.2304174,2 7.946255,2 C4.66209262,2 2,4.66209262 2,7.946255 C2,11.2304174 4.66209262,13.89251 7.946255,13.89251 C9.41909663,13.89251 10.7730132,13.352773 11.8158948,12.4562607 L12.0628931,12.7124071 L12.0628931,13.4351058 L16.6369354,18 L18,16.6369354 L13.4351058,12.0628931 Z M7.946255,12.0628931 C5.66838193,12.0628931 3.82961692,10.2241281 3.82961692,7.946255 C3.82961692,5.66838193 5.66838193,3.82961692 7.946255,3.82961692 C10.2241281,3.82961692 12.0628931,5.66838193 12.0628931,7.946255 C12.0628931,10.2241281 10.2241281,12.0628931 7.946255,12.0628931 L7.946255,12.0628931 Z" id="path-1"></path>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="search">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Icons/Actions/search" fill="#000000" xlink:href="#path-1"></use>
-        </g>
-    </g>
-</svg>

package/dist/iife/start.icon-JC4OAMAZ.svg

@@ -1 +0,0 @@
-<svg width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 4H4v12h2V4ZM9.7 9.17H18v1.66H9.7l2.98 3L11.5 15l-5-5 5-5 1.18 1.18-2.99 2.99Z" fill="#000"/></svg>

package/dist/iife/success.icon-QNKK4XJE.svg

@@ -1,17 +0,0 @@
-<?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>success</title>
-    <desc>Created with Sketch.</desc>
-    <defs>
-        <path d="M10,2 C14.416,2 18,5.584 18,10 C18,14.416 14.416,18 10,18 C5.584,18 2,14.416 2,10 C2,5.584 5.584,2 10,2 Z M8.4,14 L15.6,6.8 L14.472,5.664 L8.4,11.736 L5.528,8.872 L4.4,10 L8.4,14 Z" id="path-1"></path>
-    </defs>
-    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="success">
-            <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>