npm - @kaizen/components - Versions diffs - 0.0.0-canary-fixed-fouc-bundle-20240530040956 → 0.0.0-canary-remove-style-injection-20240602234142 - Mend

@kaizen/components 0.0.0-canary-fixed-fouc-bundle-20240530040956 → 0.0.0-canary-remove-style-injection-20240602234142

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1118) hide show

package/dist/esm/VisuallyHidden/VisuallyHidden.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Well/Well.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/Workflow.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Footer } from './subcomponents/Footer/Footer.mjs';

package/dist/esm/Workflow/subcomponents/Footer/Footer.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { FooterRoot } from './components/Root/Root.mjs';

package/dist/esm/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/subcomponents/Footer/components/Root/Root.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/subcomponents/Header/Header.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Titles } from './components/Titles/Titles.mjs';

package/dist/esm/Workflow/subcomponents/Header/components/Actions/Actions.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import styles from './Actions.module.scss.mjs';

package/dist/esm/Workflow/subcomponents/Header/components/Branding/Branding.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { Brand } from '../../../../../Brand/Brand.mjs';
 import styles from './Branding.module.scss.mjs';

package/dist/esm/Workflow/subcomponents/Header/components/Root/Root.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/subcomponents/Header/components/Titles/Titles.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../Heading/Heading.mjs';

package/dist/esm/Workflow/subcomponents/Main/Main.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/Workflow/subcomponents/Wrapper/Wrapper.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Select/Select.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React, { useId, useState, useEffect } from 'react';
 import { useButton } from '@react-aria/button';

package/dist/esm/__future__/Select/context/SelectContext.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React, { useContext } from 'react';
 var SelectContext = /*#__PURE__*/React.createContext(null);
 var useSelectContext = function () {

package/dist/esm/__future__/Select/subcomponents/ListBox/ListBox.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useListBox } from '@react-aria/listbox';

package/dist/esm/__future__/Select/subcomponents/ListBoxSection/ListBoxSection.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __assign } from 'tslib';
 import React from 'react';
 import { useListBoxSection } from '@react-aria/listbox';

package/dist/esm/__future__/Select/subcomponents/ListItem/ListItem.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { ListBoxSection } from '../ListBoxSection/ListBoxSection.mjs';
 import { Option } from '../Option/Option.mjs';

package/dist/esm/__future__/Select/subcomponents/ListItems/ListItems.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { ListItem } from '../ListItem/ListItem.mjs';

package/dist/esm/__future__/Select/subcomponents/Option/Option.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { useFocusRing } from '@react-aria/focus';

package/dist/esm/__future__/Select/subcomponents/Overlay/Overlay.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { FocusScope } from '@react-aria/focus';

package/dist/esm/__future__/Select/subcomponents/SectionDivider/SectionDivider.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { Divider } from '../../../../Divider/Divider.mjs';
 import styles from './SectionDivider.module.scss.mjs';

package/dist/esm/__future__/Select/subcomponents/SelectPopoverContents/SelectPopoverContents.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { useSelectContext } from '../../context/SelectContext.mjs';
 import { ListBox } from '../ListBox/ListBox.mjs';

package/dist/esm/__future__/Select/subcomponents/SelectToggle/SelectToggle.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Select/utils/getDisabledKeysFromItems.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __spreadArray } from 'tslib';
 import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';
 var getDisabledKeysFromItems = function (items) {

package/dist/esm/__future__/Select/utils/isSelectOptionGroup.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 var isSelectOptionGroup = function (item) {
   return item.hasOwnProperty("options") && Array.isArray(item.options);
 };

package/dist/esm/__future__/Select/utils/transformSelectItemToCollectionElement.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { Section, Item } from '@react-stately/collections';
 import { isSelectOptionGroup } from './isSelectOptionGroup.mjs';

package/dist/esm/__future__/Tag/RemovableTag/RemovableTag.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveButton.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Tag/RemovableTag/subcomponents/RemoveTagIcon.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __assign } from 'tslib';
 import React from 'react';
 import { SVG } from '../../../../Icon/subcomponents/SVG/SVG.mjs';

package/dist/esm/__future__/Tag/Tag/Tag.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/Workflow.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Footer } from './subcomponents/Footer/Footer.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Footer/Footer.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { FooterRoot } from './components/Root/Root.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/FooterActions/FooterActions.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/ProgressStepper/ProgressStepper.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/subcomponents/Footer/components/Root/Root.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/subcomponents/Header/Header.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Titles } from './components/Titles/Titles.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Actions/Actions.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import styles from './Actions.module.scss.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Branding/Branding.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 import { Brand } from '../../../../../../Brand/Brand.mjs';
 import styles from './Branding.module.scss.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Root/Root.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/subcomponents/Header/components/Titles/Titles.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Heading } from '../../../../../../Heading/Heading.mjs';

package/dist/esm/__future__/Workflow/subcomponents/Main/Main.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/__future__/Workflow/subcomponents/Wrapper/Wrapper.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';

package/dist/esm/future.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 export { Select } from './__future__/Select/Select.mjs';
 export { RemovableTag } from './__future__/Tag/RemovableTag/RemovableTag.mjs';
 export { Tag } from './__future__/Tag/Tag/Tag.mjs';

package/dist/esm/index.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 export { Avatar } from './Avatar/Avatar.mjs';
 export { AvatarGroup } from './AvatarGroup/AvatarGroup.mjs';
 export { Badge, BadgeAnimated } from './Badge/Badge.mjs';

package/dist/esm/utils/getNodeText.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import React from 'react';
 // Adapted from https://stackoverflow.com/a/60564620

package/dist/esm/utils/isRefObject.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 var isRefObject = function (ref) {
   return ref !== null && "current" in ref;
 };

package/dist/esm/utils/useMediaQueries.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { __assign } from 'tslib';
 import React, { useMemo, useState, useEffect } from 'react';
 var subtractOnePixel = function (breakpoint) {

package/dist/esm/utils/useResizeObserver.mjs CHANGED Viewed

@@ -1,4 +1,3 @@
-import "@kaizen/components/dist/styles.css";
 import { useRef, useState, useCallback, useEffect } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 var defaultCallback = function (entry) {

package/dist/styles.css CHANGED Viewed

@@ -4,10 +4,10 @@
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
 .FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
-.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
 .ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
+.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "0.0.0-canary-fixed-fouc-bundle-20240530040956",
+  "version": "0.0.0-canary-remove-style-injection-20240602234142",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",
@@ -99,7 +99,7 @@
     "tslib": "^2.6.2",
     "tsx": "^4.11.0",
     "@kaizen/design-tokens": "10.4.1",
-    "@kaizen/package-bundler": "0.0.0-canary-fixed-fouc-bundle-20240530040956"
+    "@kaizen/package-bundler": "0.0.0-canary-remove-style-injection-20240602234142"
   },
   "devDependenciesComments": {
     "postcss": "Installed in root",
@@ -117,8 +117,7 @@
     "build": "pnpm package-bundler build-shared-ui && pnpm build:styles",
     "build:global-styles": "postcss ./styles/global.css --output dist/global.css",
     "build:combine-styles": "concat-cli -f ./dist/global.css ./dist/styles.css -o ./dist/styles.css && rm ./dist/global.css",
-    "build:styles": "pnpm build:global-styles && pnpm build:combine-styles && pnpm build:style-inject",
-    "build:style-inject": "tsx ./scripts/style-inject",
+    "build:styles": "pnpm build:global-styles && pnpm build:combine-styles",
     "test": "FORCE_COLOR=1 jest",
     "test:ci": "pnpm test -- --ci",
     "update-icons": "./src/Icon/bin/update-icons.sh",