@kaizen/components 1.4.20-canary.3469 → 1.4.21

package/dist/iife/information-white.icon-3DXZDERC.svg

@@ -0,0 +1,19 @@
+<?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>information-white</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,2 C5.58,2 2,5.58 2,10 C2,14.42 5.58,18 10,18 C14.42,18 18,14.42 18,10 C18,5.58 14.42,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="information-white">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Informational/information" fill="#000000" xlink:href="#path-1"></use>
+            <polygon id="Path" fill="#FFFFFF" points="9.2 7.6 10.8 7.6 10.8 6 9.2 6"></polygon>
+            <polygon id="Path" fill="#FFFFFF" points="9.2 14 10.8 14 10.8 9.2 9.2 9.2"></polygon>
+        </g>
+    </g>
+</svg>

package/dist/iife/information.icon-5LHKLG66.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>information-white</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,2 C14.42,2 18,5.58 18,10 C18,14.42 14.42,18 10,18 C5.58,18 2,14.42 2,10 C2,5.58 5.58,2 10,2 Z M9.2,7.6 L10.8,7.6 L10.8,6 L9.2,6 L9.2,7.6 Z M9.2,14 L10.8,14 L10.8,9.2 L9.2,9.2 L9.2,14 Z" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="information-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/italics.icon-WWQDZP3S.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="M5 16V14.2511H7.79058L11.2539 5.74889H8.54444V4H16V5.74889H13.2094L9.74613 14.2511H12.4556V16H5Z" fill="black"/>
+</svg>

package/dist/iife/meatballs.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/numbered-list.icon-WPE4LE5R.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="M2.5 16.667V15.833H4.167V15.417H3.333V14.583H4.167V14.167H2.5V13.333H5.021V16.667H2.5ZM3.354 6.66701V4.16701H2.5V3.33301H4.188V6.66701H3.354ZM2.5 11.667V10.917L3.979 9.16701H2.5V8.33301H5.021V9.10401L3.521 10.833H5.021V11.667H2.5ZM6.604 15.875V14.125H17.5V15.875H6.604ZM6.604 10.875V9.12501H17.5V10.875H6.604ZM6.604 5.87501V4.12501H17.5V5.87501H6.604Z" fill="black"/>
+</svg>

package/dist/iife/remove-link.icon-QMFTP7WO.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="M16.188 13.646L14.854 12.312C15.4233 12.1453 15.854 11.8503 16.146 11.427C16.4373 11.0037 16.583 10.528 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.771V5.83301H14.167C15.3197 5.83301 16.3023 6.23934 17.115 7.05201C17.927 7.86467 18.333 8.84734 18.333 10C18.333 10.8053 18.1353 11.524 17.74 12.156C17.344 12.788 16.8267 13.2847 16.188 13.646ZM13.333 10.792L11.667 9.12501H13.333V10.792ZM16.438 18.833L1.16699 3.56201L2.39599 2.33301L17.667 17.604L16.438 18.833ZM9.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 9.02801 1.96533 8.17034 2.56199 7.42701C3.15933 6.68367 3.90933 6.19401 4.81199 5.95801L5.35399 6.00001L6.43799 7.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.12501H7.97899L9.72899 10.875H6.66699Z" fill="black"/>
+</svg>

package/dist/iife/sort-ascending.icon-E24DTSHO.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 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
+    <title>Icons/Directional/sort-ascending</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="6 12 10 8 14 12"></polygon>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Directional/sort-ascending">
+            <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/sort-descending.icon-4SMPW2PG.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 44.1 (41455) - http://www.bohemiancoding.com/sketch -->
+    <title>Icons/Directional/sort-descending</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="5.83333333 8.33333333 9.83333333 12.3333333 13.8333333 8.33333333"></polygon>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Icons/Directional/sort-descending">
+            <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/success-white.icon-VXFA2PUU.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>success-white</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,2 C5.584,2 2,5.584 2,10 C2,14.416 5.584,18 10,18 C14.416,18 18,14.416 18,10 C18,5.584 14.416,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="success-white">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Icons/Informational/success" fill="#000000" xlink:href="#path-1"></use>
+            <polygon id="Path" fill="#FFFFFF" points="8.4 14 4.4 10 5.528 8.872 8.4 11.736 14.472 5.664 15.6 6.8"></polygon>
+        </g>
+    </g>
+</svg>

package/dist/iife/underline.icon-ACYVVVSD.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="M10 13.667C8.57158 13.667 7.35711 13.1807 6.35659 12.208C5.35676 11.236 4.85685 10.0487 4.85685 8.646V3H7.08589V8.646C7.08589 9.43733 7.36808 10.111 7.93245 10.667C8.49614 11.2223 9.18532 11.5 10 11.5C10.8147 11.5 11.5039 11.2223 12.0675 10.667C12.6319 10.111 12.9141 9.43733 12.9141 8.646V3H15.1432V8.646C15.1432 10.0487 14.6432 11.236 13.6434 12.208C12.6429 13.1807 11.4284 13.667 10 13.667ZM4 17V15H16V17H4Z" fill="black"/>
+</svg>

package/dist/iife/user.icon-24JPACDP.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>user</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M10,12 C7.33,12 2,13.34 2,16 L2,18 L18,18 L18,16 C18,13.34 12.67,12 10,12 M10,10 C12.21,10 14,8.21 14,6 C14,3.79 12.21,2 10,2 C7.79,2 6,3.79 6,6 C6,8.21 7.79,10 10,10" id="path-1"></path>
+    </defs>
+    <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="user">
+            <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/index.d.ts

@@ -3,7 +3,47 @@ export { T as ThemeContext, a as ThemeProvider, u as useTheme } from './ThemePro
 export { ThemeManager } from './KaizenProvider/ThemeProvider/ThemeManager.js';
 export { defaultTheme } from './KaizenProvider/ThemeProvider/themes/index.js';
 export * from '@kaizen/a11y';
+export * from '@kaizen/brand';
+export * from '@kaizen/brand-moment';
+export * from '@kaizen/button';
+export * from '@kaizen/component-base';
+export { Box, Icon, Spacing } from '@kaizen/component-library';
+export * from '@kaizen/date-picker';
+export * from '@kaizen/draft-avatar';
+export * from '@kaizen/draft-badge';
+export * from '@kaizen/draft-card';
+export * from '@kaizen/draft-collapsible';
+export * from '@kaizen/draft-divider';
+export * from '@kaizen/draft-empty-state';
+export * from '@kaizen/draft-filter-menu-button';
+export * from '@kaizen/draft-form';
+export * from '@kaizen/draft-guidance-block';
+export * from '@kaizen/draft-hero-card';
+export * from '@kaizen/draft-illustration';
+export * from '@kaizen/draft-likert-scale-legacy';
+export * from '@kaizen/draft-menu';
+export * from '@kaizen/draft-modal';
+export * from '@kaizen/draft-page-layout';
+export * from '@kaizen/draft-popover';
+export * from '@kaizen/draft-table';
+export * from '@kaizen/draft-tabs';
+export * from '@kaizen/draft-tag';
+export * from '@kaizen/draft-tile';
+export * from '@kaizen/draft-title-block-zen';
+export * from '@kaizen/draft-tooltip';
+export * from '@kaizen/draft-well';
+export * from '@kaizen/hosted-assets';
+export * from '@kaizen/loading-skeleton';
+export * from '@kaizen/loading-spinner';
+export * from '@kaizen/notification';
+export * from '@kaizen/pagination';
+export * from '@kaizen/progress-bar';
+export * from '@kaizen/responsive';
+export * from '@kaizen/rich-text-editor';
+export * from '@kaizen/split-button';
+export * from '@kaizen/typography';
+export { makeCSSVariableTheme, makeCssVariableDefinitionsMap, mapLeafsOfObject } from '@kaizen/design-tokens';
+export { AsyncSelect, Select, ValueType as SelectValueType } from '@kaizen/draft-select';
 export { default as heartTheme } from './KaizenProvider/ThemeProvider/themes/heart.js';
 export { CSSVariableTheme, DeepMapObjectLeafs, Theme, ThemeKey, TypographyFont } from './KaizenProvider/ThemeProvider/themes/types.js';
 import 'react';
-import '@kaizen/design-tokens';

package/dist/index.js

@@ -19,12 +19,65 @@ var _chunk7T4E5A7Mjs = require('./chunk-7T4E5A7M.js');
 
 // src/index.ts
 var _a11y = require('@kaizen/a11y'); _createStarExport(_a11y);
+var _brand = require('@kaizen/brand'); _createStarExport(_brand);
+var _brandmoment = require('@kaizen/brand-moment'); _createStarExport(_brandmoment);
+var _button = require('@kaizen/button'); _createStarExport(_button);
+var _componentbase = require('@kaizen/component-base'); _createStarExport(_componentbase);
+var _componentlibrary = require('@kaizen/component-library');
+var _datepicker = require('@kaizen/date-picker'); _createStarExport(_datepicker);
+var _draftavatar = require('@kaizen/draft-avatar'); _createStarExport(_draftavatar);
+var _draftbadge = require('@kaizen/draft-badge'); _createStarExport(_draftbadge);
+var _draftcard = require('@kaizen/draft-card'); _createStarExport(_draftcard);
+var _draftcollapsible = require('@kaizen/draft-collapsible'); _createStarExport(_draftcollapsible);
+var _draftdivider = require('@kaizen/draft-divider'); _createStarExport(_draftdivider);
+var _draftemptystate = require('@kaizen/draft-empty-state'); _createStarExport(_draftemptystate);
+var _draftfiltermenubutton = require('@kaizen/draft-filter-menu-button'); _createStarExport(_draftfiltermenubutton);
+var _draftform = require('@kaizen/draft-form'); _createStarExport(_draftform);
+var _draftguidanceblock = require('@kaizen/draft-guidance-block'); _createStarExport(_draftguidanceblock);
+var _draftherocard = require('@kaizen/draft-hero-card'); _createStarExport(_draftherocard);
+var _draftillustration = require('@kaizen/draft-illustration'); _createStarExport(_draftillustration);
+var _draftlikertscalelegacy = require('@kaizen/draft-likert-scale-legacy'); _createStarExport(_draftlikertscalelegacy);
+var _draftmenu = require('@kaizen/draft-menu'); _createStarExport(_draftmenu);
+var _draftmodal = require('@kaizen/draft-modal'); _createStarExport(_draftmodal);
+var _draftpagelayout = require('@kaizen/draft-page-layout'); _createStarExport(_draftpagelayout);
+var _draftpopover = require('@kaizen/draft-popover'); _createStarExport(_draftpopover);
+var _drafttable = require('@kaizen/draft-table'); _createStarExport(_drafttable);
+var _drafttabs = require('@kaizen/draft-tabs'); _createStarExport(_drafttabs);
+var _drafttag = require('@kaizen/draft-tag'); _createStarExport(_drafttag);
+var _drafttile = require('@kaizen/draft-tile'); _createStarExport(_drafttile);
+var _drafttitleblockzen = require('@kaizen/draft-title-block-zen'); _createStarExport(_drafttitleblockzen);
+var _drafttooltip = require('@kaizen/draft-tooltip'); _createStarExport(_drafttooltip);
+var _draftwell = require('@kaizen/draft-well'); _createStarExport(_draftwell);
+var _hostedassets = require('@kaizen/hosted-assets'); _createStarExport(_hostedassets);
+var _loadingskeleton = require('@kaizen/loading-skeleton'); _createStarExport(_loadingskeleton);
+var _loadingspinner = require('@kaizen/loading-spinner'); _createStarExport(_loadingspinner);
+var _notification = require('@kaizen/notification'); _createStarExport(_notification);
+var _pagination = require('@kaizen/pagination'); _createStarExport(_pagination);
+var _progressbar = require('@kaizen/progress-bar'); _createStarExport(_progressbar);
+var _responsive = require('@kaizen/responsive'); _createStarExport(_responsive);
+var _richtexteditor = require('@kaizen/rich-text-editor'); _createStarExport(_richtexteditor);
+var _splitbutton = require('@kaizen/split-button'); _createStarExport(_splitbutton);
+var _typography = require('@kaizen/typography'); _createStarExport(_typography);
 
 
 
 
+var _designtokens = require('@kaizen/design-tokens');
+var _draftselect = require('@kaizen/draft-select');
 
 
 
 
-exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.useTheme = _chunkMXW3YHBEjs.useTheme;
+
+
+
+
+
+
+
+
+
+
+
+
+exports.AsyncSelect = _draftselect.AsyncSelect; exports.Box = _componentlibrary.Box; exports.Icon = _componentlibrary.Icon; exports.KaizenProvider = _chunk7ZAJ7755js.KaizenProvider; exports.Select = _draftselect.Select; exports.Spacing = _componentlibrary.Spacing; exports.ThemeContext = _chunkMXW3YHBEjs.ThemeContext; exports.ThemeManager = _chunkJ42JQYBYjs.ThemeManager; exports.ThemeProvider = _chunkMXW3YHBEjs.ThemeProvider; exports.defaultTheme = _chunkWDAFEOSVjs.defaultTheme; exports.heartTheme = _chunk7T4E5A7Mjs.heartTheme; exports.makeCSSVariableTheme = _designtokens.makeCSSVariableTheme; exports.makeCssVariableDefinitionsMap = _designtokens.makeCssVariableDefinitionsMap; exports.mapLeafsOfObject = _designtokens.mapLeafsOfObject; exports.useTheme = _chunkMXW3YHBEjs.useTheme;

package/dist/styles.css

@@ -0,0 +1,98 @@
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(1 104 179 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  
+}
+
+::backdrop {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgb(1 104 179 / 0.5);
+  --tw-ring-offset-shadow: 0 0 #0000;
+  --tw-ring-shadow: 0 0 #0000;
+  --tw-shadow: 0 0 #0000;
+  --tw-shadow-colored: 0 0 #0000;
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  
+}
+
+.bg-green-300 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(143 219 199 / var(--tw-bg-opacity))
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "1.4.20-canary.3469+417a579d2",
+  "version": "1.4.21",
   "description": "Kaizen component library",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
@@ -28,49 +28,49 @@
   },
   "homepage": "https://github.com/cultureamp/kaizen-design-system#readme",
   "dependencies": {
-    "@kaizen/a11y": "^1.6.10-canary.7+417a579d2",
+    "@kaizen/a11y": "^1.7.0",
     "@kaizen/brand": "^1.5.4",
-    "@kaizen/brand-moment": "^1.12.30-canary.7+417a579d2",
-    "@kaizen/button": "^2.0.5-canary.7+417a579d2",
+    "@kaizen/brand-moment": "^1.12.65",
+    "@kaizen/button": "^2.0.21",
     "@kaizen/component-base": "^1.1.3",
-    "@kaizen/component-library": "^16.1.7-canary.7+417a579d2",
-    "@kaizen/date-picker": "^5.12.9-canary.3+417a579d2",
+    "@kaizen/component-library": "^16.4.0",
+    "@kaizen/date-picker": "^5.19.2",
     "@kaizen/design-tokens": "^10.3.1",
-    "@kaizen/draft-avatar": "^2.8.10-canary.7+417a579d2",
+    "@kaizen/draft-avatar": "^2.8.27",
     "@kaizen/draft-badge": "^1.13.6",
     "@kaizen/draft-card": "^3.2.6",
-    "@kaizen/draft-collapsible": "^3.5.3-canary.7+417a579d2",
+    "@kaizen/draft-collapsible": "^3.5.20",
     "@kaizen/draft-divider": "^2.2.6",
-    "@kaizen/draft-empty-state": "^5.3.6-canary.7+417a579d2",
-    "@kaizen/draft-filter-menu-button": "^2.6.14-canary.7+417a579d2",
-    "@kaizen/draft-form": "^8.3.11-canary.7+417a579d2",
-    "@kaizen/draft-guidance-block": "^5.2.19-canary.7+417a579d2",
+    "@kaizen/draft-empty-state": "^5.3.27",
+    "@kaizen/draft-filter-menu-button": "^2.6.33",
+    "@kaizen/draft-form": "^10.3.1",
+    "@kaizen/draft-guidance-block": "^6.1.16",
     "@kaizen/draft-hero-card": "^2.2.15",
-    "@kaizen/draft-illustration": "^5.3.7-canary.7+417a579d2",
-    "@kaizen/draft-likert-scale-legacy": "^1.10.19-canary.7+417a579d2",
-    "@kaizen/draft-menu": "^4.8.14-canary.7+417a579d2",
-    "@kaizen/draft-modal": "^10.5.27-canary.7+417a579d2",
+    "@kaizen/draft-illustration": "^6.0.18",
+    "@kaizen/draft-likert-scale-legacy": "^1.10.41",
+    "@kaizen/draft-menu": "^4.8.32",
+    "@kaizen/draft-modal": "^10.6.2",
     "@kaizen/draft-page-layout": "^2.3.7",
-    "@kaizen/draft-popover": "^5.2.12-canary.7+417a579d2",
-    "@kaizen/draft-select": "^2.7.4-canary.7+417a579d2",
-    "@kaizen/draft-table": "^5.2.21-canary.7+417a579d2",
-    "@kaizen/draft-tabs": "^5.2.11-canary.7+417a579d2",
-    "@kaizen/draft-tag": "^3.2.10-canary.7+417a579d2",
-    "@kaizen/draft-tile": "^5.9.11-canary.7+417a579d2",
-    "@kaizen/draft-title-block-zen": "^7.6.3-canary.7+417a579d2",
-    "@kaizen/draft-tooltip": "^5.4.12-canary.7+417a579d2",
+    "@kaizen/draft-popover": "^5.3.1",
+    "@kaizen/draft-select": "^2.10.22",
+    "@kaizen/draft-table": "^5.6.17",
+    "@kaizen/draft-tabs": "^5.2.27",
+    "@kaizen/draft-tag": "^3.4.1",
+    "@kaizen/draft-tile": "^5.9.27",
+    "@kaizen/draft-title-block-zen": "^7.9.7",
+    "@kaizen/draft-tooltip": "^5.4.29",
     "@kaizen/draft-well": "^4.3.3",
     "@kaizen/hosted-assets": "^2.0.1",
     "@kaizen/loading-skeleton": "^2.0.2",
     "@kaizen/loading-spinner": "^2.3.6",
-    "@kaizen/notification": "^1.1.5-canary.7+417a579d2",
-    "@kaizen/pagination": "^1.6.11-canary.7+417a579d2",
-    "@kaizen/progress-bar": "^2.3.4-canary.7+417a579d2",
+    "@kaizen/notification": "^1.4.1",
+    "@kaizen/pagination": "^1.6.27",
+    "@kaizen/progress-bar": "^2.3.20",
     "@kaizen/responsive": "^1.8.5",
-    "@kaizen/rich-text-editor": "^1.18.27-canary.7+417a579d2",
-    "@kaizen/select": "^5.0.1-canary.5+417a579d2",
-    "@kaizen/split-button": "^1.3.16-canary.7+417a579d2",
-    "@kaizen/tabs": "^1.5.15-canary.7+417a579d2",
+    "@kaizen/rich-text-editor": "^1.19.31",
+    "@kaizen/select": "^6.13.8",
+    "@kaizen/split-button": "^1.3.34",
+    "@kaizen/tabs": "^1.5.31",
     "@kaizen/tailwind": "^0.5.1",
     "@kaizen/typography": "^2.3.6",
     "classnames": "^2.3.2"
@@ -85,5 +85,5 @@
   "peerDependencies": {
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0"
   },
-  "gitHead": "417a579d24ee8d4b7bfb8faabb59d3ef40f6cbfa"
+  "gitHead": "3608d91981bf870c2b3bd1d3f98260c83acf59aa"
 }

package/dist/iife/Icon.module-VD7NKLAR-VD7NKLAR.scss

@@ -1,72 +0,0 @@
-@import "~@kaizen/design-tokens/sass/animation";
-@import "./styles";
-
-.icon {
-  @extend %caIcon;
-
-  // Set sensible defaults for icon colours when
-  // windows high-contrast mode is enabled. These
-  // should be overridden by the consumer when the
-  // icon colour conveys information, such as mood.
-  @media screen and (-ms-high-contrast: active) {
-    color: black;
-  }
-
-  @media screen and (-ms-high-contrast: white-on-black) {
-    color: white;
-  }
-
-  @media screen and (-ms-high-contrast: black-on-white) {
-    color: black;
-  }
-}
-
-.inheritSize {
-  @extend %caIconInheritSize;
-}
-
-.interactiveIconWrapper {
-  cursor: pointer;
-  .icon {
-    opacity: 0.7;
-    transition: $animation-duration-fast opacity;
-  }
-  &:disabled,
-  &.disabled {
-    .icon {
-      opacity: 0.3;
-    }
-  }
-  &:not(:disabled):not(.disabled) {
-    &:hover,
-    &:focus,
-    &.hover {
-      .icon {
-        opacity: 1;
-      }
-    }
-    &:active,
-    &.active {
-      .icon {
-        opacity: 1;
-      }
-    }
-  }
-}
-
-// On dark backgrounds, icons are fully opaque by default and half opacity when active.
-// Hover and disabled states are the same.
-.reversedInteractiveIconWrapper {
-  composes: interactiveIconWrapper;
-  .icon {
-    opacity: 1;
-  }
-  &:not(:disabled, .disabled) {
-    &:active,
-    &.active {
-      .icon {
-        opacity: 0.5;
-      }
-    }
-  }
-}