smarthr-ui 40.0.1 → 40.0.2

package/esm/components/BottomFixedArea/BottomFixedArea.js

@@ -3,6 +3,7 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { Base as BaseComponent } from '../Base';
 import { Cluster, Stack } from '../Layout';
+import { Text } from '../Text';
 import { TertiaryLink } from './TertiaryLink';
 import { validateElement } from './bottomFixedAreaHelper';
 import { useClassNames } from './useClassNames';
@@ -14,11 +15,11 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
     }, [primaryButton, secondaryButton]);
     return (React.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
         React.createElement(Stack, null,
-            description && React.createElement(Text, { className: classNames.description }, description),
-            (secondaryButton || primaryButton) && (React.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } },
+            description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
+            (secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
                 secondaryButton && React.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
                 primaryButton && React.createElement("li", { className: classNames.primaryButton }, primaryButton))),
-            tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
+            tertiaryLinks && tertiaryLinks.length > 0 && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (React.createElement("li", { key: index, className: classNames.tertiaryListItem },
                 React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
 };
 const Base = styled(BaseComponent) `
@@ -34,14 +35,4 @@ const Base = styled(BaseComponent) `
     box-sizing: border-box;
   `}
 `;
-const Text = styled.div `
-  margin: 0;
-`;
-const ListCluster = styled(Cluster).attrs({
-    forwardedAs: 'ul',
-}) `
-  list-style: none;
-  margin: 0;
-  padding: 0;
-`;
 //# sourceMappingURL=BottomFixedArea.js.map

package/esm/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IACxC,WAAW,EAAE,IAAI;CAClB,CAAC,CAAA;;;;CAID,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA"}

package/esm/components/Layout/Stack/Stack.d.ts

@@ -50,7 +50,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;
@@ -250,7 +250,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;

package/esm/components/Layout/Stack/Stack.js

@@ -1,47 +1,35 @@
 import React, { forwardRef, useMemo } from 'react';
 import { tv } from 'tailwind-variants';
 const stack = tv({
-    base: 'shr-flex-col shr-justify-start [&&&]:shr-my-0',
+    base: 'shr-flex-col shr-justify-start [&_>_*]:shr-my-0',
     variants: {
         inline: {
             true: 'shr-inline-flex',
             false: 'shr-flex',
         },
         gap: {
-            0: '[&&&]:shr-space-y-0',
-            0.25: '[&&&]:shr-space-y-0.25',
-            0.5: '[&&&]:shr-space-y-0.5',
-            0.75: '[&&&]:shr-space-y-0.75',
-            1: '[&&&]:shr-space-y-1',
-            1.25: '[&&&]:shr-space-y-1.25',
-            1.5: '[&&&]:shr-space-y-1.5',
-            2: '[&&&]:shr-space-y-2',
-            2.5: '[&&&]:shr-space-y-2.5',
-            3: '[&&&]:shr-space-y-3',
-            3.5: '[&&&]:shr-space-y-3.5',
-            4: '[&&&]:shr-space-y-4',
-            8: '[&&&]:shr-space-y-8',
-            '-0.25': '[&&&]:-shr-space-y-0.25',
-            '-0.5': '[&&&]:-shr-space-y-0.5',
-            '-0.75': '[&&&]:-shr-space-y-0.75',
-            '-1': '[&&&]:-shr-space-y-1',
-            '-1.25': '[&&&]:-shr-space-y-1.25',
-            '-1.5': '[&&&]:-shr-space-y-1.5',
-            '-2': '[&&&]:-shr-space-y-2',
-            '-2.5': '[&&&]:-shr-space-y-2.5',
-            '-3': '[&&&]:-shr-space-y-3',
-            '-3.5': '[&&&]:-shr-space-y-3.5',
-            '-4': '[&&&]:-shr-space-y-4',
-            '-8': '[&&&]:-shr-space-y-8',
-            X3S: '[&&&]:shr-space-y-0.25',
-            XXS: '[&&&]:shr-space-y-0.5',
-            XS: '[&&&]:shr-space-y-1',
-            S: '[&&&]:shr-space-y-1.5',
-            M: '[&&&]:shr-space-y-2',
-            L: '[&&&]:shr-space-y-2.5',
-            XL: '[&&&]:shr-space-y-3',
-            XXL: '[&&&]:shr-space-y-3.5',
-            X3L: '[&&&]:shr-space-y-4',
+            0: '[&_>_*_+_*]:shr-mt-0',
+            0.25: '[&_>_*_+_*]:shr-mt-0.25',
+            0.5: '[&_>_*_+_*]:shr-mt-0.5',
+            0.75: '[&_>_*_+_*]:shr-mt-0.75',
+            1: '[&_>_*_+_*]:shr-mt-1',
+            1.25: '[&_>_*_+_*]:shr-mt-1.25',
+            1.5: '[&_>_*_+_*]:shr-mt-1.5',
+            2: '[&_>_*_+_*]:shr-mt-2',
+            2.5: '[&_>_*_+_*]:shr-mt-2.5',
+            3: '[&_>_*_+_*]:shr-mt-3',
+            3.5: '[&_>_*_+_*]:shr-mt-3.5',
+            4: '[&_>_*_+_*]:shr-mt-4',
+            8: '[&_>_*_+_*]:shr-mt-8',
+            X3S: '[&_>_*_+_*]:shr-mt-0.25',
+            XXS: '[&_>_*_+_*]:shr-mt-0.5',
+            XS: '[&_>_*_+_*]:shr-mt-1',
+            S: '[&_>_*_+_*]:shr-mt-1.5',
+            M: '[&_>_*_+_*]:shr-mt-2',
+            L: '[&_>_*_+_*]:shr-mt-2.5',
+            XL: '[&_>_*_+_*]:shr-mt-3',
+            XXL: '[&_>_*_+_*]:shr-mt-3.5',
+            X3L: '[&_>_*_+_*]:shr-mt-4',
         },
         align: {
             start: 'shr-items-start',

package/esm/components/Layout/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,+CAA+C;IACrD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,IAAI,EAAE,wBAAwB;YAC9B,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,qBAAqB;YACxB,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE,sBAAsB;YAC5B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,uBAAuB;YAC5B,EAAE,EAAE,qBAAqB;YACzB,CAAC,EAAE,uBAAuB;YAC1B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,uBAAuB;YAC1B,EAAE,EAAE,qBAAqB;YACzB,GAAG,EAAE,uBAAuB;YAC5B,GAAG,EAAE,qBAAqB;SACC;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4C,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5F,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAIpD,MAAM,KAAK,GAAG,EAAE,CAAC;IACf,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,IAAI,EAAE,yBAAyB;YAC/B,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,yBAAyB;YAC9B,GAAG,EAAE,wBAAwB;YAC7B,EAAE,EAAE,sBAAsB;YAC1B,CAAC,EAAE,wBAAwB;YAC3B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,wBAAwB;YAC3B,EAAE,EAAE,sBAAsB;YAC1B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,sBAAsB;SACA;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQF,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,oBAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}

package/lib/components/BottomFixedArea/BottomFixedArea.js

@@ -29,6 +29,7 @@ const styled_components_1 = __importStar(require("styled-components"));
 const useTheme_1 = require("../../hooks/useTheme");
 const Base_1 = require("../Base");
 const Layout_1 = require("../Layout");
+const Text_1 = require("../Text");
 const TertiaryLink_1 = require("./TertiaryLink");
 const bottomFixedAreaHelper_1 = require("./bottomFixedAreaHelper");
 const useClassNames_1 = require("./useClassNames");
@@ -40,11 +41,11 @@ const BottomFixedArea = ({ description, primaryButton, secondaryButton, tertiary
     }, [primaryButton, secondaryButton]);
     return (react_1.default.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
         react_1.default.createElement(Layout_1.Stack, null,
-            description && react_1.default.createElement(Text, { className: classNames.description }, description),
-            (secondaryButton || primaryButton) && (react_1.default.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } },
+            description && (react_1.default.createElement(Text_1.Text, { as: "p", className: classNames.description }, description)),
+            (secondaryButton || primaryButton) && (react_1.default.createElement(Layout_1.Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
                 secondaryButton && react_1.default.createElement("li", { className: classNames.secondaryButton }, secondaryButton),
                 primaryButton && react_1.default.createElement("li", { className: classNames.primaryButton }, primaryButton))),
-            tertiaryLinks && tertiaryLinks.length > 0 && (react_1.default.createElement(ListCluster, { justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (react_1.default.createElement("li", { key: index, className: classNames.tertiaryListItem },
+            tertiaryLinks && tertiaryLinks.length > 0 && (react_1.default.createElement(Layout_1.Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } }, tertiaryLinks.map((tertiaryLink, index) => (react_1.default.createElement("li", { key: index, className: classNames.tertiaryListItem },
                 react_1.default.createElement(TertiaryLink_1.TertiaryLink, { ...tertiaryLink })))))))));
 };
 exports.BottomFixedArea = BottomFixedArea;
@@ -61,14 +62,4 @@ const Base = (0, styled_components_1.default)(Base_1.Base) `
     box-sizing: border-box;
   `}
 `;
-const Text = styled_components_1.default.div `
-  margin: 0;
-`;
-const ListCluster = (0, styled_components_1.default)(Layout_1.Cluster).attrs({
-    forwardedAs: 'ul',
-}) `
-  list-style: none;
-  margin: 0;
-  padding: 0;
-`;
 //# sourceMappingURL=BottomFixedArea.js.map

package/lib/components/BottomFixedArea/BottomFixedArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA+C;AAE/C,sCAA0C;AAE1C,iDAA6C;AAC7C,mEAAyD;AACzD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,8BAAC,cAAK;YACH,WAAW,IAAI,8BAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AA5CY,QAAA,eAAe,mBA4C3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA;AACD,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,IAAA,2BAAM,EAAC,gBAAO,CAAC,CAAC,KAAK,CAAC;IACxC,WAAW,EAAE,IAAI;CAClB,CAAC,CAAA;;;;CAID,CAAA"}
+{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA+C;AAE/C,sCAA0C;AAC1C,kCAA8B;AAE9B,iDAA6C;AAC7C,mEAAyD;AACzD,mDAA+C;AA2BxC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAA,uCAAe,EAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,8BAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,8BAAC,cAAK;YACH,WAAW,IAAI,CACd,8BAAC,WAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,8BAAC,gBAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,sCAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,8BAAC,gBAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,sCAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,8BAAC,2BAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,eAAe,mBAgD3B;AAED,MAAM,IAAI,GAAG,IAAA,2BAAM,EAAC,WAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;eAInC,aAAa,CAAC,GAAG,CAAC;;eAElB,MAAM;;;;GAIlB;CACF,CAAA"}

package/lib/components/Layout/Stack/Stack.d.ts

@@ -50,7 +50,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;
@@ -250,7 +250,7 @@ declare const stack: import("tailwind-variants").TVReturnType<{
         baseline: string;
         stretch: string;
     };
-}, undefined, "shr-flex-col shr-justify-start [&&&]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, "shr-flex-col shr-justify-start [&_>_*]:shr-my-0", import("tailwind-variants/dist/config").TVConfig<{
     inline: {
         true: string;
         false: string;

package/lib/components/Layout/Stack/Stack.js

@@ -27,47 +27,35 @@ exports.Stack = void 0;
 const react_1 = __importStar(require("react"));
 const tailwind_variants_1 = require("tailwind-variants");
 const stack = (0, tailwind_variants_1.tv)({
-    base: 'shr-flex-col shr-justify-start [&&&]:shr-my-0',
+    base: 'shr-flex-col shr-justify-start [&_>_*]:shr-my-0',
     variants: {
         inline: {
             true: 'shr-inline-flex',
             false: 'shr-flex',
         },
         gap: {
-            0: '[&&&]:shr-space-y-0',
-            0.25: '[&&&]:shr-space-y-0.25',
-            0.5: '[&&&]:shr-space-y-0.5',
-            0.75: '[&&&]:shr-space-y-0.75',
-            1: '[&&&]:shr-space-y-1',
-            1.25: '[&&&]:shr-space-y-1.25',
-            1.5: '[&&&]:shr-space-y-1.5',
-            2: '[&&&]:shr-space-y-2',
-            2.5: '[&&&]:shr-space-y-2.5',
-            3: '[&&&]:shr-space-y-3',
-            3.5: '[&&&]:shr-space-y-3.5',
-            4: '[&&&]:shr-space-y-4',
-            8: '[&&&]:shr-space-y-8',
-            '-0.25': '[&&&]:-shr-space-y-0.25',
-            '-0.5': '[&&&]:-shr-space-y-0.5',
-            '-0.75': '[&&&]:-shr-space-y-0.75',
-            '-1': '[&&&]:-shr-space-y-1',
-            '-1.25': '[&&&]:-shr-space-y-1.25',
-            '-1.5': '[&&&]:-shr-space-y-1.5',
-            '-2': '[&&&]:-shr-space-y-2',
-            '-2.5': '[&&&]:-shr-space-y-2.5',
-            '-3': '[&&&]:-shr-space-y-3',
-            '-3.5': '[&&&]:-shr-space-y-3.5',
-            '-4': '[&&&]:-shr-space-y-4',
-            '-8': '[&&&]:-shr-space-y-8',
-            X3S: '[&&&]:shr-space-y-0.25',
-            XXS: '[&&&]:shr-space-y-0.5',
-            XS: '[&&&]:shr-space-y-1',
-            S: '[&&&]:shr-space-y-1.5',
-            M: '[&&&]:shr-space-y-2',
-            L: '[&&&]:shr-space-y-2.5',
-            XL: '[&&&]:shr-space-y-3',
-            XXL: '[&&&]:shr-space-y-3.5',
-            X3L: '[&&&]:shr-space-y-4',
+            0: '[&_>_*_+_*]:shr-mt-0',
+            0.25: '[&_>_*_+_*]:shr-mt-0.25',
+            0.5: '[&_>_*_+_*]:shr-mt-0.5',
+            0.75: '[&_>_*_+_*]:shr-mt-0.75',
+            1: '[&_>_*_+_*]:shr-mt-1',
+            1.25: '[&_>_*_+_*]:shr-mt-1.25',
+            1.5: '[&_>_*_+_*]:shr-mt-1.5',
+            2: '[&_>_*_+_*]:shr-mt-2',
+            2.5: '[&_>_*_+_*]:shr-mt-2.5',
+            3: '[&_>_*_+_*]:shr-mt-3',
+            3.5: '[&_>_*_+_*]:shr-mt-3.5',
+            4: '[&_>_*_+_*]:shr-mt-4',
+            8: '[&_>_*_+_*]:shr-mt-8',
+            X3S: '[&_>_*_+_*]:shr-mt-0.25',
+            XXS: '[&_>_*_+_*]:shr-mt-0.5',
+            XS: '[&_>_*_+_*]:shr-mt-1',
+            S: '[&_>_*_+_*]:shr-mt-1.5',
+            M: '[&_>_*_+_*]:shr-mt-2',
+            L: '[&_>_*_+_*]:shr-mt-2.5',
+            XL: '[&_>_*_+_*]:shr-mt-3',
+            XXL: '[&_>_*_+_*]:shr-mt-3.5',
+            X3L: '[&_>_*_+_*]:shr-mt-4',
         },
         align: {
             start: 'shr-items-start',

package/lib/components/Layout/Stack/Stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4F;AAC5F,yDAAoD;AAIpD,MAAM,KAAK,GAAG,IAAA,sBAAE,EAAC;IACf,IAAI,EAAE,+CAA+C;IACrD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,IAAI,EAAE,wBAAwB;YAC9B,CAAC,EAAE,qBAAqB;YACxB,IAAI,EAAE,wBAAwB;YAC9B,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,GAAG,EAAE,uBAAuB;YAC5B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,qBAAqB;YACxB,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,OAAO,EAAE,yBAAyB;YAClC,IAAI,EAAE,sBAAsB;YAC5B,OAAO,EAAE,yBAAyB;YAClC,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,MAAM,EAAE,wBAAwB;YAChC,IAAI,EAAE,sBAAsB;YAC5B,IAAI,EAAE,sBAAsB;YAC5B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,uBAAuB;YAC5B,EAAE,EAAE,qBAAqB;YACzB,CAAC,EAAE,uBAAuB;YAC1B,CAAC,EAAE,qBAAqB;YACxB,CAAC,EAAE,uBAAuB;YAC1B,EAAE,EAAE,qBAAqB;YACzB,GAAG,EAAE,uBAAuB;YAC5B,GAAG,EAAE,qBAAqB;SACC;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,8BAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../src/components/Layout/Stack/Stack.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4F;AAC5F,yDAAoD;AAIpD,MAAM,KAAK,GAAG,IAAA,sBAAE,EAAC;IACf,IAAI,EAAE,iDAAiD;IACvD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,IAAI,EAAE,iBAAiB;YACvB,KAAK,EAAE,UAAU;SAClB;QACD,GAAG,EAAE;YACH,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,IAAI,EAAE,yBAAyB;YAC/B,CAAC,EAAE,sBAAsB;YACzB,IAAI,EAAE,yBAAyB;YAC/B,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,wBAAwB;YAC7B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,sBAAsB;YACzB,GAAG,EAAE,yBAAyB;YAC9B,GAAG,EAAE,wBAAwB;YAC7B,EAAE,EAAE,sBAAsB;YAC1B,CAAC,EAAE,wBAAwB;YAC3B,CAAC,EAAE,sBAAsB;YACzB,CAAC,EAAE,wBAAwB;YAC3B,EAAE,EAAE,sBAAsB;YAC1B,GAAG,EAAE,wBAAwB;YAC7B,GAAG,EAAE,sBAAsB;SACA;QAC7B,KAAK,EAAE;YACL,KAAK,EAAE,iBAAiB;YACxB,YAAY,EAAE,iBAAiB;YAC/B,GAAG,EAAE,eAAe;YACpB,UAAU,EAAE,eAAe;YAC3B,MAAM,EAAE,kBAAkB;YAC1B,QAAQ,EAAE,oBAAoB;YAC9B,OAAO,EAAE,mBAAmB;SAC7B;KACF;CACF,CAAC,CAAA;AAQW,QAAA,KAAK,GAAG,IAAA,kBAAU,EAC7B,CAAC,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtF,MAAM,MAAM,GAAG,IAAA,eAAO,EACpB,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC,EAC9C,CAAC,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,CAAC,CAChC,CAAA;IACD,OAAO,8BAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AAC9D,CAAC,CACF,CAAA"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "40.0.1",
+  "version": "40.0.2",
   "author": "SmartHR-UI Team",
   "dependencies": {
     "@smarthr/wareki": "^1.2.0",

package/smarthr-ui.css

@@ -2619,11 +2619,6 @@
   color: rgb(255 255 255 / var(--tw-text-opacity))
 }
 
-.\[\&\&\&\]\:shr-my-0.\[\&\&\&\]\:shr-my-0.\[\&\&\&\]\:shr-my-0 {
-  margin-top: 0;
-  margin-bottom: 0
-}
-
 .\[\&\&\&\]\:shr-my-auto.\[\&\&\&\]\:shr-my-auto.\[\&\&\&\]\:shr-my-auto {
   margin-top: auto;
   margin-bottom: auto
@@ -2633,156 +2628,6 @@
   cursor: pointer
 }
 
-.\[\&\&\&\]\:-shr-space-y-0\.25.\[\&\&\&\]\:-shr-space-y-0\.25.\[\&\&\&\]\:-shr-space-y-0\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-4px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-4px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-0\.5.\[\&\&\&\]\:-shr-space-y-0\.5.\[\&\&\&\]\:-shr-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-8px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-8px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-0\.75.\[\&\&\&\]\:-shr-space-y-0\.75.\[\&\&\&\]\:-shr-space-y-0\.75 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-12px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-12px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-1.\[\&\&\&\]\:-shr-space-y-1.\[\&\&\&\]\:-shr-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-16px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-16px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-1\.25.\[\&\&\&\]\:-shr-space-y-1\.25.\[\&\&\&\]\:-shr-space-y-1\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-20px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-20px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-1\.5.\[\&\&\&\]\:-shr-space-y-1\.5.\[\&\&\&\]\:-shr-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-24px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-24px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-2.\[\&\&\&\]\:-shr-space-y-2.\[\&\&\&\]\:-shr-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-32px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-32px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-2\.5.\[\&\&\&\]\:-shr-space-y-2\.5.\[\&\&\&\]\:-shr-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-40px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-40px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-3.\[\&\&\&\]\:-shr-space-y-3.\[\&\&\&\]\:-shr-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-48px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-48px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-3\.5.\[\&\&\&\]\:-shr-space-y-3\.5.\[\&\&\&\]\:-shr-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-56px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-56px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-4.\[\&\&\&\]\:-shr-space-y-4.\[\&\&\&\]\:-shr-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-64px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-64px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:-shr-space-y-8.\[\&\&\&\]\:-shr-space-y-8.\[\&\&\&\]\:-shr-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(-128px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(-128px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-0.\[\&\&\&\]\:shr-space-y-0.\[\&\&\&\]\:shr-space-y-0 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(0px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-0\.25.\[\&\&\&\]\:shr-space-y-0\.25.\[\&\&\&\]\:shr-space-y-0\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(4px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-0\.5.\[\&\&\&\]\:shr-space-y-0\.5.\[\&\&\&\]\:shr-space-y-0\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(8px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-0\.75.\[\&\&\&\]\:shr-space-y-0\.75.\[\&\&\&\]\:shr-space-y-0\.75 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(12px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-1.\[\&\&\&\]\:shr-space-y-1.\[\&\&\&\]\:shr-space-y-1 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(16px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-1\.25.\[\&\&\&\]\:shr-space-y-1\.25.\[\&\&\&\]\:shr-space-y-1\.25 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(20px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-1\.5.\[\&\&\&\]\:shr-space-y-1\.5.\[\&\&\&\]\:shr-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(24px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-2.\[\&\&\&\]\:shr-space-y-2.\[\&\&\&\]\:shr-space-y-2 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(32px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-2\.5.\[\&\&\&\]\:shr-space-y-2\.5.\[\&\&\&\]\:shr-space-y-2\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(40px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(40px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-3.\[\&\&\&\]\:shr-space-y-3.\[\&\&\&\]\:shr-space-y-3 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(48px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(48px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-3\.5.\[\&\&\&\]\:shr-space-y-3\.5.\[\&\&\&\]\:shr-space-y-3\.5 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(56px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(56px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-4.\[\&\&\&\]\:shr-space-y-4.\[\&\&\&\]\:shr-space-y-4 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(64px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(64px * var(--tw-space-y-reverse))
-}
-
-.\[\&\&\&\]\:shr-space-y-8.\[\&\&\&\]\:shr-space-y-8.\[\&\&\&\]\:shr-space-y-8 > :not([hidden]) ~ :not([hidden]) {
-  --tw-space-y-reverse: 0;
-  margin-top: calc(128px * calc(1 - var(--tw-space-y-reverse)));
-  margin-bottom: calc(128px * var(--tw-space-y-reverse))
-}
-
 .\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal.\[\&\&\&\]\:shr-whitespace-normal {
   white-space: normal
 }
@@ -3057,6 +2902,11 @@
   margin-bottom: auto
 }
 
+.\[\&_\>_\*\]\:shr-my-0 > * {
+  margin-top: 0;
+  margin-bottom: 0
+}
+
 .\[\&_\>_\*\]\:shr-flex-shrink-0 > * {
   flex-shrink: 0
 }
@@ -3065,6 +2915,58 @@
   flex-basis: auto
 }
 
+.\[\&_\>_\*_\+_\*\]\:shr-mt-0 > * + * {
+  margin-top: 0
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-0\.25 > * + * {
+  margin-top: 4px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-0\.5 > * + * {
+  margin-top: 8px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-0\.75 > * + * {
+  margin-top: 12px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-1 > * + * {
+  margin-top: 16px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-1\.25 > * + * {
+  margin-top: 20px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-1\.5 > * + * {
+  margin-top: 24px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-2 > * + * {
+  margin-top: 32px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-2\.5 > * + * {
+  margin-top: 40px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-3 > * + * {
+  margin-top: 48px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-3\.5 > * + * {
+  margin-top: 56px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-4 > * + * {
+  margin-top: 64px
+}
+
+.\[\&_\>_\*_\+_\*\]\:shr-mt-8 > * + * {
+  margin-top: 128px
+}
+
 .\[\&_svg\]\:shr-block svg {
   display: block
 }