@kaizen/components 1.5.1 → 1.6.3

package/dist/cjs/index.css

@@ -0,0 +1,129 @@
+.ExampleComponent-module_exampleComponent__GfCkW{color:blue}
+.FilterPopover-module_filterPopover__OgOEM{background-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));display:inline-flex;z-index:1010}
+.FilterContents-module_filterContents__uNUpd{padding:var(--spacing-md,1.5rem)}
+.SVG-module_icon__FE6iP{display:inline-block;height:20px;width:20px}.SVG-module_icon__FE6iP>use{pointer-events:none}.SVG-module_inheritSize__wiKMe{display:block;height:inherit;width:inherit}@media screen and (-ms-high-contrast:active){.SVG-module_icon__FE6iP{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__FE6iP{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__FE6iP{color:#000}}.SVG-module_interactiveIconWrapper__ACcob{cursor:pointer}.SVG-module_interactiveIconWrapper__ACcob .SVG-module_icon__FE6iP{opacity:.7;transition:var(--animation-duration-fast,.3s) opacity}.SVG-module_interactiveIconWrapper__ACcob.SVG-module_disabled__WB5BU .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:disabled .SVG-module_icon__FE6iP{opacity:.3}.SVG-module_interactiveIconWrapper__ACcob:not(:disabled):not(.SVG-module_disabled__WB5BU).SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled):not(.SVG-module_disabled__WB5BU).SVG-module_hover__QivVO .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled):not(.SVG-module_disabled__WB5BU):active .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled):not(.SVG-module_disabled__WB5BU):focus .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled):not(.SVG-module_disabled__WB5BU):hover .SVG-module_icon__FE6iP{opacity:1}.SVG-module_reversedInteractiveIconWrapper__hTsnf .SVG-module_icon__FE6iP{opacity:1}.SVG-module_reversedInteractiveIconWrapper__hTsnf .SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_reversedInteractiveIconWrapper__hTsnf :active .SVG-module_icon__FE6iP{opacity:.5}
+.FilterButtonBase-module_filterButtonBase__I8mV-{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;background-color:var(--color-blue-100,#e6f6ff);border:0;border-radius:var(--border-solid-border-radius,7px);color:inherit;color:var(--color-blue-500,#0168b3);display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);height:3rem;letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem);margin:0;padding:0;padding:var(--spacing-sm,.75rem);position:relative;white-space:nowrap}.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--active,.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--hover,.FilterButtonBase-module_filterButtonBase__I8mV-:active,.FilterButtonBase-module_filterButtonBase__I8mV-:hover{z-index:2}.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--active,.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--focus,.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--hover,.FilterButtonBase-module_filterButtonBase__I8mV-:active,.FilterButtonBase-module_filterButtonBase__I8mV-:focus-visible,.FilterButtonBase-module_filterButtonBase__I8mV-:hover,.js-focus-visible .FilterButtonBase-module_filterButtonBase__I8mV-.focus-visible{background-color:var(--color-blue-200,#bde2f5)}.FilterButtonBase-module_filterButtonBase__I8mV-:focus{outline:none}.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--focus,.FilterButtonBase-module_filterButtonBase__I8mV-:focus-visible,.js-focus-visible .FilterButtonBase-module_filterButtonBase__I8mV-.focus-visible{outline:none}.FilterButtonBase-module_filterButtonBase__I8mV-.story__filter-button-base--focus:after,.FilterButtonBase-module_filterButtonBase__I8mV-:focus-visible:after,.js-focus-visible .FilterButtonBase-module_filterButtonBase__I8mV-.focus-visible:after{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);bottom:calc(var(--border-focus-ring-border-width, 2px)*-1 + -1px);content:"";left:calc(var(--border-focus-ring-border-width, 2px)*-1 + -1px);position:absolute;right:calc(var(--border-focus-ring-border-width, 2px)*-1 + -1px);top:calc(var(--border-focus-ring-border-width, 2px)*-1 + -1px);z-index:3}
+.FilterButton-module_filterButton__Q2dMX{gap:var(--spacing-xs,.375rem)}.FilterButton-module_labelContainer__5G-MD{display:inline-flex}.FilterButton-module_hasSelectedValues__dyQkL{font-weight:var(--typography-button-primary-font-weight,700)}.FilterButton-module_labelSeparator__xrkAx{-webkit-margin-end:var(--spacing-xs,.375rem);margin-inline-end:var(--spacing-xs,.375rem)}[dir=ltr] [dir=rtl] .FilterButton-module_labelSeparator__xrkAx{margin-right:0}
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+/** THIS IS AN AUTOGENERATED FILE **/
+.Tooltip-module_tooltip__80yPv {
+  position: relative;
+  pointer-events: none;
+  z-index: 1070; }
+
+.Tooltip-module_tooltipContent__gXHKT {
+  max-width: 400px;
+  padding: 0.4375rem 0.53125rem;
+  color: var(--color-purple-800, #2f2438);
+  text-align: center;
+  font-family: var(--typography-paragraph-body-font-family, "Inter", "Noto Sans", Helvetica, Arial, sans-serif);
+  font-size: var(--typography-heading-6-font-size, 0.875rem);
+  font-weight: var(--typography-paragraph-body-font-weight, 400);
+  letter-spacing: var(--typography-paragraph-body-letter-spacing, normal);
+  line-height: var(--typography-paragraph-small-line-height, 1.125rem);
+  border-radius: var(--border-solid-border-radius, 7px);
+  transition: opacity var(--animation-duration-fast, 300ms), transform var(--animation-duration-fast, 300ms);
+  box-shadow: var(--shadow-small-box-shadow, 0px 3px 16px rgba(0, 0, 0, 0.06), 0px 1px 3px rgba(0, 0, 0, 0.1)); }
+  .Tooltip-module_tooltipContent__gXHKT.Tooltip-module_default__oLBfa {
+    background-color: var(--color-white, #ffffff);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-gray-300, #eaeaec); }
+  .Tooltip-module_tooltipContent__gXHKT.Tooltip-module_informative__Lw2ZJ {
+    background-color: var(--color-blue-100, #e6f6ff);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-blue-300, #73c0e8); }
+  .Tooltip-module_tooltipContent__gXHKT.Tooltip-module_positive__31-es {
+    background-color: var(--color-green-100, #e8f8f4);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-green-300, #8fdbc7); }
+  .Tooltip-module_tooltipContent__gXHKT.Tooltip-module_cautionary__jr2QQ {
+    background-color: var(--color-yellow-100, #fff9e4);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-yellow-300, #ffe36e); }
+  .Tooltip-module_tooltipContent__gXHKT.Tooltip-module_highlight__b5HMe {
+    background-color: var(--color-purple-100, #f4edf8);
+    border: var(--border-solid-border-width, 2px) var(--border-solid-border-style, solid) var(--color-purple-300, #c9a5dd); }
+
+.Tooltip-module_arrow__LWe4h {
+  z-index: 1;
+  position: absolute; }
+  [data-popper-placement^="top"] .Tooltip-module_arrow__LWe4h {
+    bottom: 0; }
+  [data-popper-placement^="bottom"] .Tooltip-module_arrow__LWe4h {
+    top: 0; }
+    [data-popper-placement^="bottom"] .Tooltip-module_arrow__LWe4h .Tooltip-module_arrowInner__whQvw {
+      transform: rotate(180deg); }
+  [data-popper-placement^="left"] .Tooltip-module_arrow__LWe4h {
+    right: 0; }
+    [data-popper-placement^="left"] .Tooltip-module_arrow__LWe4h .Tooltip-module_arrowInner__whQvw {
+      transform: rotate(270deg); }
+  [data-popper-placement^="right"] .Tooltip-module_arrow__LWe4h {
+    left: 0; }
+    [data-popper-placement^="right"] .Tooltip-module_arrow__LWe4h .Tooltip-module_arrowInner__whQvw {
+      transform: rotate(90deg); }
+
+.Tooltip-module_arrowMain__VSut6::before,
+.Tooltip-module_arrowMain__VSut6::after {
+  content: "";
+  position: absolute;
+  left: 50%;
+  border-left: calc(14px / 2) solid transparent;
+  border-right: calc(14px / 2) solid transparent;
+  margin-left: calc(14px / -2); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_default__oLBfa::before {
+  border-top: 7px solid var(--color-gray-300, #eaeaec); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_informative__Lw2ZJ::before {
+  border-top: 7px solid var(--color-blue-300, #73c0e8); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_positive__31-es::before {
+  border-top: 7px solid var(--color-green-300, #8fdbc7); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_highlight__b5HMe::before {
+  border-top: 7px solid var(--color-purple-300, #c9a5dd); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_cautionary__jr2QQ::before {
+  border-top: 7px solid var(--color-yellow-300, #ffe36e); }
+
+.Tooltip-module_arrowMain__VSut6:after {
+  margin-top: -3px; }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_default__oLBfa::after {
+  border-top: 7px solid white; }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_informative__Lw2ZJ::after {
+  border-top: 7px solid var(--color-blue-100, #e6f6ff); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_positive__31-es::after {
+  border-top: 7px solid var(--color-green-100, #e8f8f4); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_highlight__b5HMe::after {
+  border-top: 7px solid var(--color-purple-100, #f4edf8); }
+
+.Tooltip-module_arrowMain__VSut6.Tooltip-module_cautionary__jr2QQ::after {
+  border-top: 7px solid var(--color-yellow-100, #fff9e4); }
+
+.Tooltip-module_arrowShadow__cwgsV::before {
+  border-top: 0px solid var(--color-gray-300, #eaeaec); }
+
+.Tooltip-module_arrowShadow__cwgsV::after {
+  border-top: 7px solid rgba(var(--color-purple-800-rgb, 47, 36, 56), 0.09);
+  margin-top: 1px;
+  filter: blur(4px); }
+
+.Tooltip-module_displayInline__iojZb {
+  display: inline; }
+
+.Tooltip-module_displayBlock__RfmWl {
+  display: block; }
+
+.Tooltip-module_displayInlineBlock__2q-e6 {
+  display: inline-block; }
+
+.Tooltip-module_displayFlex__orTOm {
+  display: flex; }
+
+.Tooltip-module_displayInlineFlex__z-4AS {
+  display: inline-flex; }
+
+.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.focus-visible:after{border-end-start-radius:var(--border-focus-ring-border-radius,10px);border-start-start-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.focus-visible:after{border-end-end-radius:var(--border-focus-ring-border-radius,10px);border-start-end-radius:var(--border-focus-ring-border-radius,10px)}.ButtonGroup-module_buttonGroup__bsy2X{display:inline-flex}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.focus-visible:after{border-radius:0}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j:focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_firstChild__uEn1j.focus-visible:after{inset-inline-end:-1px}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j){-webkit-border-start:1px solid var(--color-blue-300,#73c0e8);border-inline-start:1px solid var(--color-blue-300,#73c0e8)}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j):not(.ButtonGroup-module_lastChild__Vicsx).story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j):not(.ButtonGroup-module_lastChild__Vicsx):focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-:not(.ButtonGroup-module_firstChild__uEn1j):not(.ButtonGroup-module_lastChild__Vicsx).focus-visible:after{inset-inline-end:-1px;inset-inline-start:-1px}.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.story__button-group--focus:after,.ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx:focus-visible:after,.js-focus-visible .ButtonGroup-module_buttonGroup__bsy2X .ButtonGroup-module_child__K6AP-.ButtonGroup-module_lastChild__Vicsx.focus-visible:after{inset-inline-start:-1px}