npm - @veeqo/ui - Versions diffs - 9.9.2 → 10.0.0-beta.1 - Mend

@veeqo/ui 9.9.2 → 10.0.0-beta.1

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 (334) hide show

package/dist/components/Button/components/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n size: 'sm' \| 'base';\n hasText: boolean;\n hasIcon: boolean;\n hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n $loading?: boolean;\n hasText: boolean;\n size: 'base' \| 'md';\n}>`\n display: inline-flex;\n align-items: center;\n\n gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n svg {\n width: ${({ size }) => sizes[size]};\n height: ${({ size }) => sizes[size]};\n }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ${theme.fontFamily};\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ${(props) => {\n let height = '40px';\n let paddingLeft = '24px';\n let paddingRight = '24px';\n let borderRadius = '8px';\n let fontSize = '16px';\n let outlineWidth = '4px';\n\n if (props.hasIcon) {\n paddingLeft = '16px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '16px';\n }\n\n if (props.size === 'sm') {\n height = '32px';\n paddingLeft = '16px';\n paddingRight = '16px';\n borderRadius = '4px';\n fontSize = '14px';\n outlineWidth = '2px';\n\n if (props.hasIcon) {\n paddingLeft = '8px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '8px';\n }\n }\n\n if (!props.hasText) {\n paddingLeft = '8px';\n paddingRight = '8px';\n }\n\n return `\n --outline-width: ${outlineWidth};\n\n height: ${height};\n padding-left: ${paddingLeft};\n padding-right: ${paddingRight};\n border-radius: ${borderRadius};\n font-size: ${fontSize};\n line-height: ${fontSize};\n `;\n }}\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n border-color: ${theme.colors.neutral.grey.dark};\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ${({ hasText }) =>\n hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.lightest};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.lightest};\n border-color: ${theme.colors.secondary.blue.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: ${theme.colors.neutral.grey.base} !important;\n border-color: ${theme.colors.neutral.grey.base} !important;\n color: ${theme.colors.neutral.ink.light} !important;\n }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n color: ${theme.colors.secondary.red.base};\n\n &:hover {\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n border-color: ${theme.colors.secondary.red.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n background-color: ${theme.colors.secondary.blue.base};\n border-color: ${theme.colors.secondary.blue.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n background-color: ${theme.colors.secondary.red.base};\n border-color: ${theme.colors.secondary.red.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n border-color: transparent;\n box-shadow: none;\n color: ${theme.colors.neutral.ink.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.light};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.light};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n`;\n\nexport const UnstyledButton = styled.button`\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ${theme.text.link.fontFamily};\n font-size: ${theme.text.link.fontSize};\n line-height: ${theme.text.link.fontSize};\n font-weight: ${theme.text.link.fontWeight};\n line-height: ${theme.text.link.lineHeight};\n text-decoration: ${theme.text.link.textDecoration};\n color: ${theme.colors.secondary.blue.base};\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n & > * + * {\n margin-left: ${theme.sizes.xs};\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px ${theme.colors.secondary.blue.light};\n border-radius: 4px;\n }\n`;\n\nexport const LoadingWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n`;\n"],"names":["styled","sizes","theme"],"mappings":"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"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n size: 'sm' \| 'base';\n hasText: boolean;\n hasIcon: boolean;\n hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n $loading?: boolean;\n hasText: boolean;\n size: 'base' \| 'md';\n}>`\n display: inline-flex;\n align-items: center;\n\n gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n svg {\n width: ${({ size }) => sizes[size]};\n height: ${({ size }) => sizes[size]};\n }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ${theme.fontFamily};\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ${(props) => {\n let height = '40px';\n let paddingLeft = '24px';\n let paddingRight = '24px';\n let borderRadius = '8px';\n let fontSize = '16px';\n let outlineWidth = '4px';\n\n if (props.hasIcon) {\n paddingLeft = '16px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '16px';\n }\n\n if (props.size === 'sm') {\n height = '32px';\n paddingLeft = '16px';\n paddingRight = '16px';\n borderRadius = '4px';\n fontSize = '14px';\n outlineWidth = '2px';\n\n if (props.hasIcon) {\n paddingLeft = '8px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '8px';\n }\n }\n\n if (!props.hasText) {\n paddingLeft = '8px';\n paddingRight = '8px';\n }\n\n return `\n --outline-width: ${outlineWidth};\n\n height: ${height};\n padding-left: ${paddingLeft};\n padding-right: ${paddingRight};\n border-radius: ${borderRadius};\n font-size: ${fontSize};\n line-height: ${fontSize};\n `;\n }}\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n border-color: ${theme.colors.neutral.grey.dark};\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ${({ hasText }) =>\n hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.lightest};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.lightest};\n border-color: ${theme.colors.secondary.blue.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: ${theme.colors.neutral.grey.base} !important;\n border-color: ${theme.colors.neutral.grey.base} !important;\n color: ${theme.colors.neutral.ink.light} !important;\n }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n color: ${theme.colors.secondary.red.base};\n\n &:hover {\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n border-color: ${theme.colors.secondary.red.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n background-color: ${theme.colors.secondary.blue.base};\n border-color: ${theme.colors.secondary.blue.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n background-color: ${theme.colors.secondary.red.base};\n border-color: ${theme.colors.secondary.red.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n border-color: transparent;\n box-shadow: none;\n color: ${theme.colors.neutral.ink.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.light};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.light};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n`;\n\nexport const UnstyledButton = styled.button`\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ${theme.text.link.fontFamily};\n font-size: ${theme.text.link.fontSize};\n line-height: ${theme.text.link.fontSize};\n font-weight: ${theme.text.link.fontWeight};\n line-height: ${theme.text.link.lineHeight};\n text-decoration: ${theme.text.link.textDecoration};\n color: ${theme.colors.secondary.blue.base};\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n & > * + * {\n margin-left: ${theme.sizes.xs};\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px ${theme.colors.secondary.blue.light};\n border-radius: 4px;\n }\n`;\n\nexport const LoadingWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n`;\n"],"names":["styled","sizes","theme"],"mappings":"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"}

package/dist/components/Button/components/styled.js CHANGED Viewed

@@ -2,8 +2,8 @@ import styled from 'styled-components';
 import { theme } from '../../../theme/index.js';
 import { sizes } from '../../../theme/modules/sizes.js';
-const MainContent = styled.span.withConfig({ displayName: "vui--MainContent", componentId: "vui--exbqdz" }) `display:inline-flex;align-items:center;gap:${({ hasText }) => (hasText ? '8px' : '4px')};${({ $loading }) => ($loading ? 'opacity: 0;' : null)};svg{width:${({ size }) => sizes[size]};height:${({ size }) => sizes[size]};}`;
-const BaseButton = styled.button.withConfig({ displayName: "vui--BaseButton", componentId: "vui--nvz516" }) `position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${theme.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${(props) => {
+const MainContent = styled.span.withConfig({ displayName: "vui--MainContent", componentId: "vui--3juln2" }) `display:inline-flex;align-items:center;gap:${({ hasText }) => (hasText ? '8px' : '4px')};${({ $loading }) => ($loading ? 'opacity: 0;' : null)};svg{width:${({ size }) => sizes[size]};height:${({ size }) => sizes[size]};}`;
+const BaseButton = styled.button.withConfig({ displayName: "vui--BaseButton", componentId: "vui--1xsghtl" }) `position:relative;box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${theme.fontFamily};font-weight:400;border:1px solid;background-color:transparent;white-space:nowrap;${(props) => {
     let height = '40px';
     let paddingLeft = '24px';
     let paddingRight = '24px';
@@ -45,14 +45,14 @@ const BaseButton = styled.button.withConfig({ displayName: "vui--BaseButton", co
       line-height: ${fontSize};
     `;
 }} &:hover{cursor:pointer;}&:disabled{pointer-events:none;cursor:unset !important;}`;
-const DefaultButton = styled(BaseButton).withConfig({ displayName: "vui--DefaultButton", componentId: "vui--1xzjfje" }) `border-color:${theme.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({ hasText }) => hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};&:hover{background-color:${theme.colors.neutral.grey.lightest};}&:active{background-color:${theme.colors.neutral.grey.lightest};border-color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${theme.colors.neutral.grey.base} !important;border-color:${theme.colors.neutral.grey.base} !important;color:${theme.colors.neutral.ink.light} !important;}`;
-const DefaultDestructiveButton = styled(DefaultButton).withConfig({ displayName: "vui--DefaultDestructiveButton", componentId: "vui--1ixaf03" }) `color:${theme.colors.secondary.red.base};&:hover{color:${theme.colors.secondary.red.dark};}&:active{border-color:${theme.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};color:${theme.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
-const PrimaryButton = styled(DefaultButton).withConfig({ displayName: "vui--PrimaryButton", componentId: "vui--16w0ufk" }) `background-color:${theme.colors.secondary.blue.base};border-color:${theme.colors.secondary.blue.base};color:white;&:hover{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};}&:active{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}`;
-const PrimaryDestructiveButton = styled(PrimaryButton).withConfig({ displayName: "vui--PrimaryDestructiveButton", componentId: "vui--1w3lv3r" }) `background-color:${theme.colors.secondary.red.base};border-color:${theme.colors.secondary.red.base};color:white;&:hover{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};}&:active{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
-const FlatButton = styled(BaseButton).withConfig({ displayName: "vui--FlatButton", componentId: "vui--fqczse" }) `border-color:transparent;box-shadow:none;color:${theme.colors.neutral.ink.base};&:hover{background-color:${theme.colors.neutral.grey.light};}&:active{background-color:${theme.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`;
-const UnstyledButton = styled.button.withConfig({ displayName: "vui--UnstyledButton", componentId: "vui--1fxilc" }) `appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`;
-const LinkButton = styled(UnstyledButton).withConfig({ displayName: "vui--LinkButton", componentId: "vui--z932nb" }) `display:inline-flex;flex-direction:row;align-items:center;font-family:${theme.text.link.fontFamily};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.fontSize};font-weight:${theme.text.link.fontWeight};line-height:${theme.text.link.lineHeight};text-decoration:${theme.text.link.textDecoration};color:${theme.colors.secondary.blue.base};&:hover{color:${theme.colors.secondary.blue.dark};}& > * + *{margin-left:${theme.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${theme.colors.secondary.blue.light};border-radius:4px;}`;
-const LoadingWrapper = styled.div.withConfig({ displayName: "vui--LoadingWrapper", componentId: "vui--1qt232p" }) `position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;
+const DefaultButton = styled(BaseButton).withConfig({ displayName: "vui--DefaultButton", componentId: "vui--1mceh7z" }) `border-color:${theme.colors.neutral.grey.dark};background-color:white;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);color:${({ hasText }) => hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};&:hover{background-color:${theme.colors.neutral.grey.lightest};}&:active{background-color:${theme.colors.neutral.grey.lightest};border-color:${theme.colors.secondary.blue.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{box-shadow:none !important;background-color:${theme.colors.neutral.grey.base} !important;border-color:${theme.colors.neutral.grey.base} !important;color:${theme.colors.neutral.ink.light} !important;}`;
+const DefaultDestructiveButton = styled(DefaultButton).withConfig({ displayName: "vui--DefaultDestructiveButton", componentId: "vui--1vhc5dm" }) `color:${theme.colors.secondary.red.base};&:hover{color:${theme.colors.secondary.red.dark};}&:active{border-color:${theme.colors.secondary.red.base};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};color:${theme.colors.secondary.red.dark};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
+const PrimaryButton = styled(DefaultButton).withConfig({ displayName: "vui--PrimaryButton", componentId: "vui--lamrqo" }) `background-color:${theme.colors.secondary.blue.base};border-color:${theme.colors.secondary.blue.base};color:white;&:hover{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};}&:active{background-color:${theme.colors.secondary.blue.dark};border-color:${theme.colors.secondary.blue.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}`;
+const PrimaryDestructiveButton = styled(PrimaryButton).withConfig({ displayName: "vui--PrimaryDestructiveButton", componentId: "vui--14zrdl" }) `background-color:${theme.colors.secondary.red.base};border-color:${theme.colors.secondary.red.base};color:white;&:hover{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};}&:active{background-color:${theme.colors.secondary.red.dark};border-color:${theme.colors.secondary.red.dark};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.red.light};}`;
+const FlatButton = styled(BaseButton).withConfig({ displayName: "vui--FlatButton", componentId: "vui--1w880uc" }) `border-color:transparent;box-shadow:none;color:${theme.colors.neutral.ink.base};&:hover{background-color:${theme.colors.neutral.grey.light};}&:active{background-color:${theme.colors.neutral.grey.light};box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};}&:focus-visible{box-shadow:0 0 0 var(--outline-width)${theme.colors.secondary.blue.light};outline:0;}&:disabled{background-color:transparent;border-color:transparent;}`;
+const UnstyledButton = styled.button.withConfig({ displayName: "vui--UnstyledButton", componentId: "vui--kyccjz" }) `appearance:none;border:0;background-color:transparent;padding:0;font:inherit;&:hover{cursor:pointer;}`;
+const LinkButton = styled(UnstyledButton).withConfig({ displayName: "vui--LinkButton", componentId: "vui--eh2yja" }) `display:inline-flex;flex-direction:row;align-items:center;font-family:${theme.text.link.fontFamily};font-size:${theme.text.link.fontSize};line-height:${theme.text.link.fontSize};font-weight:${theme.text.link.fontWeight};line-height:${theme.text.link.lineHeight};text-decoration:${theme.text.link.textDecoration};color:${theme.colors.secondary.blue.base};&:hover{color:${theme.colors.secondary.blue.dark};}& > * + *{margin-left:${theme.sizes.xs};}&:focus-visible{outline:0;box-shadow:0 0 0 4px white,0 0 0 8px ${theme.colors.secondary.blue.light};border-radius:4px;}`;
+const LoadingWrapper = styled.div.withConfig({ displayName: "vui--LoadingWrapper", componentId: "vui--cvu4hf" }) `position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin-left:0;`;
 export { DefaultButton, DefaultDestructiveButton, FlatButton, LinkButton, LoadingWrapper, MainContent, PrimaryButton, PrimaryDestructiveButton, UnstyledButton };
 //# sourceMappingURL=styled.js.map

package/dist/components/Button/components/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n size: 'sm' \| 'base';\n hasText: boolean;\n hasIcon: boolean;\n hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n $loading?: boolean;\n hasText: boolean;\n size: 'base' \| 'md';\n}>`\n display: inline-flex;\n align-items: center;\n\n gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n svg {\n width: ${({ size }) => sizes[size]};\n height: ${({ size }) => sizes[size]};\n }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ${theme.fontFamily};\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ${(props) => {\n let height = '40px';\n let paddingLeft = '24px';\n let paddingRight = '24px';\n let borderRadius = '8px';\n let fontSize = '16px';\n let outlineWidth = '4px';\n\n if (props.hasIcon) {\n paddingLeft = '16px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '16px';\n }\n\n if (props.size === 'sm') {\n height = '32px';\n paddingLeft = '16px';\n paddingRight = '16px';\n borderRadius = '4px';\n fontSize = '14px';\n outlineWidth = '2px';\n\n if (props.hasIcon) {\n paddingLeft = '8px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '8px';\n }\n }\n\n if (!props.hasText) {\n paddingLeft = '8px';\n paddingRight = '8px';\n }\n\n return `\n --outline-width: ${outlineWidth};\n\n height: ${height};\n padding-left: ${paddingLeft};\n padding-right: ${paddingRight};\n border-radius: ${borderRadius};\n font-size: ${fontSize};\n line-height: ${fontSize};\n `;\n }}\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n border-color: ${theme.colors.neutral.grey.dark};\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ${({ hasText }) =>\n hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.lightest};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.lightest};\n border-color: ${theme.colors.secondary.blue.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: ${theme.colors.neutral.grey.base} !important;\n border-color: ${theme.colors.neutral.grey.base} !important;\n color: ${theme.colors.neutral.ink.light} !important;\n }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n color: ${theme.colors.secondary.red.base};\n\n &:hover {\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n border-color: ${theme.colors.secondary.red.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n background-color: ${theme.colors.secondary.blue.base};\n border-color: ${theme.colors.secondary.blue.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n background-color: ${theme.colors.secondary.red.base};\n border-color: ${theme.colors.secondary.red.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n border-color: transparent;\n box-shadow: none;\n color: ${theme.colors.neutral.ink.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.light};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.light};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n`;\n\nexport const UnstyledButton = styled.button`\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ${theme.text.link.fontFamily};\n font-size: ${theme.text.link.fontSize};\n line-height: ${theme.text.link.fontSize};\n font-weight: ${theme.text.link.fontWeight};\n line-height: ${theme.text.link.lineHeight};\n text-decoration: ${theme.text.link.textDecoration};\n color: ${theme.colors.secondary.blue.base};\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n & > * + * {\n margin-left: ${theme.sizes.xs};\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px ${theme.colors.secondary.blue.light};\n border-radius: 4px;\n }\n`;\n\nexport const LoadingWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n`;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/components/Button/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { sizes } from '../../../theme/modules/sizes';\n\ninterface ButtonDisplayProps {\n size: 'sm' \| 'base';\n hasText: boolean;\n hasIcon: boolean;\n hasDropdown: boolean;\n}\n\nexport const MainContent = styled.span<{\n $loading?: boolean;\n hasText: boolean;\n size: 'base' \| 'md';\n}>`\n display: inline-flex;\n align-items: center;\n\n gap: ${({ hasText }) => (hasText ? '8px' : '4px')};\n ${({ $loading }) => ($loading ? 'opacity: 0;' : null)};\n\n svg {\n width: ${({ size }) => sizes[size]};\n height: ${({ size }) => sizes[size]};\n }\n`;\n\nconst BaseButton = styled.button<ButtonDisplayProps>`\n position: relative;\n box-sizing: border-box;\n appearance: none;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n font-family: ${theme.fontFamily};\n font-weight: 400;\n border: 1px solid;\n background-color: transparent;\n white-space: nowrap;\n\n ${(props) => {\n let height = '40px';\n let paddingLeft = '24px';\n let paddingRight = '24px';\n let borderRadius = '8px';\n let fontSize = '16px';\n let outlineWidth = '4px';\n\n if (props.hasIcon) {\n paddingLeft = '16px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '16px';\n }\n\n if (props.size === 'sm') {\n height = '32px';\n paddingLeft = '16px';\n paddingRight = '16px';\n borderRadius = '4px';\n fontSize = '14px';\n outlineWidth = '2px';\n\n if (props.hasIcon) {\n paddingLeft = '8px';\n }\n\n if (props.hasDropdown) {\n paddingRight = '8px';\n }\n }\n\n if (!props.hasText) {\n paddingLeft = '8px';\n paddingRight = '8px';\n }\n\n return `\n --outline-width: ${outlineWidth};\n\n height: ${height};\n padding-left: ${paddingLeft};\n padding-right: ${paddingRight};\n border-radius: ${borderRadius};\n font-size: ${fontSize};\n line-height: ${fontSize};\n `;\n }}\n\n &:hover {\n cursor: pointer;\n }\n\n &:disabled {\n pointer-events: none;\n cursor: unset !important;\n }\n`;\n\nexport const DefaultButton = styled(BaseButton as any)`\n border-color: ${theme.colors.neutral.grey.dark};\n background-color: white;\n box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n color: ${({ hasText }) =>\n hasText ? theme.colors.neutral.ink.base : theme.colors.secondary.blue.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.lightest};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.lightest};\n border-color: ${theme.colors.secondary.blue.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n box-shadow: none !important;\n background-color: ${theme.colors.neutral.grey.base} !important;\n border-color: ${theme.colors.neutral.grey.base} !important;\n color: ${theme.colors.neutral.ink.light} !important;\n }\n`;\n\nexport const DefaultDestructiveButton = styled(DefaultButton as any)`\n color: ${theme.colors.secondary.red.base};\n\n &:hover {\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n border-color: ${theme.colors.secondary.red.base};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n color: ${theme.colors.secondary.red.dark};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const PrimaryButton = styled(DefaultButton as any)`\n background-color: ${theme.colors.secondary.blue.base};\n border-color: ${theme.colors.secondary.blue.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.blue.dark};\n border-color: ${theme.colors.secondary.blue.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n`;\n\nexport const PrimaryDestructiveButton = styled(PrimaryButton as any)`\n background-color: ${theme.colors.secondary.red.base};\n border-color: ${theme.colors.secondary.red.base};\n color: white;\n\n &:hover {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n }\n\n &:active {\n background-color: ${theme.colors.secondary.red.dark};\n border-color: ${theme.colors.secondary.red.dark};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.red.light};\n }\n`;\n\nexport const FlatButton = styled(BaseButton as any)`\n border-color: transparent;\n box-shadow: none;\n color: ${theme.colors.neutral.ink.base};\n\n &:hover {\n background-color: ${theme.colors.neutral.grey.light};\n }\n\n &:active {\n background-color: ${theme.colors.neutral.grey.light};\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 var(--outline-width) ${theme.colors.secondary.blue.light};\n outline: 0;\n }\n\n &:disabled {\n background-color: transparent;\n border-color: transparent;\n }\n`;\n\nexport const UnstyledButton = styled.button`\n appearance: none;\n border: 0;\n background-color: transparent;\n padding: 0;\n font: inherit;\n\n &:hover {\n cursor: pointer;\n }\n`;\n\nexport const LinkButton = styled(UnstyledButton)<ButtonDisplayProps>`\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n\n font-family: ${theme.text.link.fontFamily};\n font-size: ${theme.text.link.fontSize};\n line-height: ${theme.text.link.fontSize};\n font-weight: ${theme.text.link.fontWeight};\n line-height: ${theme.text.link.lineHeight};\n text-decoration: ${theme.text.link.textDecoration};\n color: ${theme.colors.secondary.blue.base};\n\n &:hover {\n color: ${theme.colors.secondary.blue.dark};\n }\n\n & > * + * {\n margin-left: ${theme.sizes.xs};\n }\n\n &:focus-visible {\n outline: 0;\n box-shadow:\n 0 0 0 4px white,\n 0 0 0 8px ${theme.colors.secondary.blue.light};\n border-radius: 4px;\n }\n`;\n\nexport const LoadingWrapper = styled.div`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 0;\n`;\n"],"names":[],"mappings":"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"}

package/dist/components/Calendars/components/Calendar/styled.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const StyledCalendar = styled__default.default(reactAriaComponents.Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--6d0gjz" }) `${CalendarStyles.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
+const StyledCalendar = styled__default.default(reactAriaComponents.Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--yu4kj1" }) `${CalendarStyles.SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
 exports.StyledCalendar = StyledCalendar;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/Calendar/styled.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { Calendar } from 'react-aria-components';
 import styled from 'styled-components';
 import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
-const StyledCalendar = styled(Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--6d0gjz" }) `${SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
+const StyledCalendar = styled(Calendar).withConfig({ displayName: "vui--StyledCalendar", componentId: "vui--yu4kj1" }) `${SharedCalendarStyles};& .react-aria-CalendarCell[data-selected],& table td{border-radius:8px;}`;
 export { StyledCalendar };
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/RangeCalendar/styled.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const StyledRangeCalendar = styled__default.default(reactAriaComponents.RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1dva9jw" }) `${CalendarStyles.SharedCalendarStyles};`;
+const StyledRangeCalendar = styled__default.default(reactAriaComponents.RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1ykb9sq" }) `${CalendarStyles.SharedCalendarStyles};`;
 exports.StyledRangeCalendar = StyledRangeCalendar;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/RangeCalendar/styled.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { RangeCalendar } from 'react-aria-components';
 import styled from 'styled-components';
 import { SharedCalendarStyles } from '../subcomponents/CalendarStyles/CalendarStyles.js';
-const StyledRangeCalendar = styled(RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1dva9jw" }) `${SharedCalendarStyles};`;
+const StyledRangeCalendar = styled(RangeCalendar).withConfig({ displayName: "vui--StyledRangeCalendar", componentId: "vui--1ykb9sq" }) `${SharedCalendarStyles};`;
 export { StyledRangeCalendar };
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const SubCalendarOption = styled__default.default.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--140wlkz" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${utils.getTextStyles(index.theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${index.theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${index.theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${index.theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${index.theme.colors.secondary.blue.light};}}`;
+const SubCalendarOption = styled__default.default.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--z626f6" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${utils.getTextStyles(index.theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${index.theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${index.theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${index.theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${index.theme.colors.secondary.blue.light};}}`;
 exports.SubCalendarOption = SubCalendarOption;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { getTextStyles } from 'Theme/utils';\nimport { theme } from 'Theme';\n\nexport const SubCalendarOption = styled.button`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n ${getTextStyles(theme.text.body)};\n\n width: 60px;\n height: 32px;\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: ${theme.radius.md};\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: ${theme.colors.secondary.blue.base};\n\n &:not([data-selected]) {\n outline: 2px solid ${theme.colors.secondary.blue.light};\n }\n }\n`;\n"],"names":["styled","getTextStyles","theme"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1CC,mBAAa,CAACC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQfA,WAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { getTextStyles } from 'Theme/utils';\nimport { theme } from 'Theme';\n\nexport const SubCalendarOption = styled.button`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n ${getTextStyles(theme.text.body)};\n\n width: 60px;\n height: 32px;\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: ${theme.radius.md};\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: ${theme.colors.secondary.blue.base};\n\n &:not([data-selected]) {\n outline: 2px solid ${theme.colors.secondary.blue.light};\n }\n }\n`;\n"],"names":["styled","getTextStyles","theme"],"mappings":";;;;;;;;;;AAIa,MAAA,iBAAiB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1CC,mBAAa,CAACC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQfA,WAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js CHANGED Viewed

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { getTextStyles } from '../../../../../../theme/utils.js';
 import { theme } from '../../../../../../theme/index.js';
-const SubCalendarOption = styled.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--140wlkz" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${getTextStyles(theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${theme.colors.secondary.blue.light};}}`;
+const SubCalendarOption = styled.button.withConfig({ displayName: "vui--SubCalendarOption", componentId: "vui--z626f6" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;${getTextStyles(theme.text.body)};width:60px;height:32px;padding:0;border:none;outline:none;border-radius:${theme.radius.md};background-color:white;&:hover{cursor:pointer;background-color:${theme.colors.neutral.grey.base};}&:focus-visible,&:active{color:white;background-color:${theme.colors.secondary.blue.base};&:not([data-selected]){outline:2px solid ${theme.colors.secondary.blue.light};}}`;
 export { SubCalendarOption };
 //# sourceMappingURL=styled.js.map

package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { getTextStyles } from 'Theme/utils';\nimport { theme } from 'Theme';\n\nexport const SubCalendarOption = styled.button`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n ${getTextStyles(theme.text.body)};\n\n width: 60px;\n height: 32px;\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: ${theme.radius.md};\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: ${theme.colors.secondary.blue.base};\n\n &:not([data-selected]) {\n outline: 2px solid ${theme.colors.secondary.blue.light};\n }\n }\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1C,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQf,KAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../../../../src/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { getTextStyles } from 'Theme/utils';\nimport { theme } from 'Theme';\n\nexport const SubCalendarOption = styled.button`\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n ${getTextStyles(theme.text.body)};\n\n width: 60px;\n height: 32px;\n padding: 0;\n\n border: none;\n outline: none;\n border-radius: ${theme.radius.md};\n background-color: white;\n\n &:hover {\n cursor: pointer;\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:focus-visible,\n &:active {\n color: white;\n background-color: ${theme.colors.secondary.blue.base};\n\n &:not([data-selected]) {\n outline: 2px solid ${theme.colors.secondary.blue.light};\n }\n }\n`;\n"],"names":[],"mappings":";;;;AAIa,MAAA,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,6EAAA,EAM1C,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yEAAA,EAQf,KAAK,CAAC,MAAM,CAAC,EAAE,CAKV,gEAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,wDAAA,EAM9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,0CAAA,EAG7B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,GAAA;;;;"}

package/dist/components/Card/styled.cjs CHANGED Viewed

@@ -25,11 +25,11 @@ const accents = {
     success: colors.colors.secondary.green.base,
     error: colors.colors.secondary.red.base,
 };
-const Footer = styled__default.default.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--livrdi" }) `margin-top:${sizes.sizes.base};padding:${sizes.sizes.md};z-index:2;`;
-const Section = styled__default.default.section.withConfig({ displayName: "vui--Section", componentId: "vui--z99ese" }) `padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-top:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};font-family:${text.text.body.fontFamily};font-size:${text.text.body.fontSize};font-weight:${text.text.body.fontWeight};line-height:${text.text.body.lineHeight};color:${text.text.body.color};& + &{border-top:${sizes.sizes.line} solid ${grey.base};padding-top:${sizes.sizes.md};}`;
-const FullBleed = styled__default.default.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--1lgjeo7" }) `margin-left:-${sizes.sizes.md};margin-right:-${sizes.sizes.md};`;
-const Body = styled__default.default(framerMotion.motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--pfgeh3" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
-const Surface = styled__default.default.div.withConfig({ displayName: "vui--Surface", componentId: "vui--g1wpqa" }) `position:relative;width:100%;background-color:white;border:${sizes.sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : shadows.Shadows.sm};border-radius:${radius.radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
+const Footer = styled__default.default.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--1s3932u" }) `margin-top:${sizes.sizes.base};padding:${sizes.sizes.md};z-index:2;`;
+const Section = styled__default.default.section.withConfig({ displayName: "vui--Section", componentId: "vui--n2tmr2" }) `padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-top:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};font-family:${text.text.body.fontFamily};font-size:${text.text.body.fontSize};font-weight:${text.text.body.fontWeight};line-height:${text.text.body.lineHeight};color:${text.text.body.color};& + &{border-top:${sizes.sizes.line} solid ${grey.base};padding-top:${sizes.sizes.md};}`;
+const FullBleed = styled__default.default.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--8unl0i" }) `margin-left:-${sizes.sizes.md};margin-right:-${sizes.sizes.md};`;
+const Body = styled__default.default(framerMotion.motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--1q1caki" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled__default.default.div.withConfig({ displayName: "vui--Surface", componentId: "vui--5cnkiv" }) `position:relative;width:100%;background-color:white;border:${sizes.sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : shadows.Shadows.sm};border-radius:${radius.radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
     `
     &::after {
       content: "";

package/dist/components/Card/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { Shadows } from '../../theme/modules/shadows';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { radius } from '../../theme/modules/radius';\nimport { text } from '../../theme/modules/text';\n\nconst { grey } = colors.neutral;\n\nexport type CardElevation = 0 \| 1 \| 2 \| 3 \| 4;\n\nconst elevationShadowMap = {\n 0: 'none',\n 1: Shadows.sm,\n 2: Shadows.base,\n 3: Shadows.md,\n 4: Shadows.lg,\n};\n\nconst accents = {\n info: colors.secondary.blue.base,\n success: colors.secondary.green.base,\n error: colors.secondary.red.base,\n};\n\nexport const Footer = styled.footer`\n margin-top: ${sizes.base};\n padding: ${sizes.md};\n z-index: 2;\n`;\n\nexport const Section = styled.section`\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-top: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n font-family: ${text.body.fontFamily};\n font-size: ${text.body.fontSize};\n font-weight: ${text.body.fontWeight};\n line-height: ${text.body.lineHeight};\n color: ${text.body.color};\n\n & + & {\n border-top: ${sizes.line} solid ${grey.base};\n padding-top: ${sizes.md};\n }\n`;\n\nexport const FullBleed = styled.div`\n margin-left: -${sizes.md};\n margin-right: -${sizes.md};\n`;\n\nexport const Body = styled(motion.div)`\n overflow-y: hidden;\n\n &:not(:first-child) > ${Section}:first-child {\n margin-top: 0;\n }\n`;\n\nexport interface SurfaceProps {\n elevation?: CardElevation;\n accent?: keyof typeof accents;\n}\n\nexport const Surface = styled.div<SurfaceProps>`\n position: relative;\n width: 100%;\n background-color: white;\n border: ${sizes.line} solid ${grey.base};\n box-shadow: ${(props) =>\n props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};\n border-radius: ${radius.md};\n overflow: hidden;\n box-sizing: border-box;\n\n ${({ accent }) =>\n accent &&\n `\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${sizes.xs};\n background-color: ${accents[accent]};\n }\n `}\n`;\n"],"names":["colors","Shadows","styled","sizes","text","motion","radius"],"mappings":";;;;;;;;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAEC,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,IAAI;IACf,CAAC,EAAEA,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAGE,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,WAAA,EACnBC,WAAK,CAAC,IAAI,CACb,SAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAGD,uBAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CACV,YAAA,EAAAA,WAAK,CAAC,EAAE,CACL,eAAA,EAAAA,WAAK,CAAC,EAAE,CAAA,aAAA,EAEVC,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,UAC1BA,SAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGRD,WAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,aAAA,EACjBC,WAAK,CAAC,EAAE,CACP,eAAA,EAAAA,WAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAGD,uBAAM,CAACG,mBAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAGH,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrBC,WAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAGF,eAAO,CAAC,EAAE,CACjE,eAAA,EAAAK,aAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAAH,WAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { Shadows } from '../../theme/modules/shadows';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { radius } from '../../theme/modules/radius';\nimport { text } from '../../theme/modules/text';\n\nconst { grey } = colors.neutral;\n\nexport type CardElevation = 0 \| 1 \| 2 \| 3 \| 4;\n\nconst elevationShadowMap = {\n 0: 'none',\n 1: Shadows.sm,\n 2: Shadows.base,\n 3: Shadows.md,\n 4: Shadows.lg,\n};\n\nconst accents = {\n info: colors.secondary.blue.base,\n success: colors.secondary.green.base,\n error: colors.secondary.red.base,\n};\n\nexport const Footer = styled.footer`\n margin-top: ${sizes.base};\n padding: ${sizes.md};\n z-index: 2;\n`;\n\nexport const Section = styled.section`\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-top: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n font-family: ${text.body.fontFamily};\n font-size: ${text.body.fontSize};\n font-weight: ${text.body.fontWeight};\n line-height: ${text.body.lineHeight};\n color: ${text.body.color};\n\n & + & {\n border-top: ${sizes.line} solid ${grey.base};\n padding-top: ${sizes.md};\n }\n`;\n\nexport const FullBleed = styled.div`\n margin-left: -${sizes.md};\n margin-right: -${sizes.md};\n`;\n\nexport const Body = styled(motion.div)`\n overflow-y: hidden;\n\n &:not(:first-child) > ${Section}:first-child {\n margin-top: 0;\n }\n`;\n\nexport interface SurfaceProps {\n elevation?: CardElevation;\n accent?: keyof typeof accents;\n}\n\nexport const Surface = styled.div<SurfaceProps>`\n position: relative;\n width: 100%;\n background-color: white;\n border: ${sizes.line} solid ${grey.base};\n box-shadow: ${(props) =>\n props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};\n border-radius: ${radius.md};\n overflow: hidden;\n box-sizing: border-box;\n\n ${({ accent }) =>\n accent &&\n `\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${sizes.xs};\n background-color: ${accents[accent]};\n }\n `}\n`;\n"],"names":["colors","Shadows","styled","sizes","text","motion","radius"],"mappings":";;;;;;;;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAEC,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,IAAI;IACf,CAAC,EAAEA,eAAO,CAAC,EAAE;IACb,CAAC,EAAEA,eAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAED,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAEA,aAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAEA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAGE,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACnBC,WAAK,CAAC,IAAI,CACb,SAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAGD,uBAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CACV,YAAA,EAAAA,WAAK,CAAC,EAAE,CACL,eAAA,EAAAA,WAAK,CAAC,EAAE,CAAA,aAAA,EAEVC,SAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtBA,SAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAAA,SAAI,CAAC,IAAI,CAAC,UAAU,UAC1BA,SAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGRD,WAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAAA,WAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EACjBC,WAAK,CAAC,EAAE,CACP,eAAA,EAAAA,WAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAGD,uBAAM,CAACG,mBAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAGH,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrBC,WAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAGF,eAAO,CAAC,EAAE,CACjE,eAAA,EAAAK,aAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAAH,WAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;;;;;"}

package/dist/components/Card/styled.js CHANGED Viewed

@@ -19,11 +19,11 @@ const accents = {
     success: colors.secondary.green.base,
     error: colors.secondary.red.base,
 };
-const Footer = styled.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--livrdi" }) `margin-top:${sizes.base};padding:${sizes.md};z-index:2;`;
-const Section = styled.section.withConfig({ displayName: "vui--Section", componentId: "vui--z99ese" }) `padding-right:${sizes.md};padding-left:${sizes.md};margin-top:${sizes.md};margin-bottom:${sizes.md};font-family:${text.body.fontFamily};font-size:${text.body.fontSize};font-weight:${text.body.fontWeight};line-height:${text.body.lineHeight};color:${text.body.color};& + &{border-top:${sizes.line} solid ${grey.base};padding-top:${sizes.md};}`;
-const FullBleed = styled.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--1lgjeo7" }) `margin-left:-${sizes.md};margin-right:-${sizes.md};`;
-const Body = styled(motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--pfgeh3" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
-const Surface = styled.div.withConfig({ displayName: "vui--Surface", componentId: "vui--g1wpqa" }) `position:relative;width:100%;background-color:white;border:${sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};border-radius:${radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
+const Footer = styled.footer.withConfig({ displayName: "vui--Footer", componentId: "vui--1s3932u" }) `margin-top:${sizes.base};padding:${sizes.md};z-index:2;`;
+const Section = styled.section.withConfig({ displayName: "vui--Section", componentId: "vui--n2tmr2" }) `padding-right:${sizes.md};padding-left:${sizes.md};margin-top:${sizes.md};margin-bottom:${sizes.md};font-family:${text.body.fontFamily};font-size:${text.body.fontSize};font-weight:${text.body.fontWeight};line-height:${text.body.lineHeight};color:${text.body.color};& + &{border-top:${sizes.line} solid ${grey.base};padding-top:${sizes.md};}`;
+const FullBleed = styled.div.withConfig({ displayName: "vui--FullBleed", componentId: "vui--8unl0i" }) `margin-left:-${sizes.md};margin-right:-${sizes.md};`;
+const Body = styled(motion.div).withConfig({ displayName: "vui--Body", componentId: "vui--1q1caki" }) `overflow-y:hidden;&:not(:first-child)> ${Section}:first-child{margin-top:0;}`;
+const Surface = styled.div.withConfig({ displayName: "vui--Surface", componentId: "vui--5cnkiv" }) `position:relative;width:100%;background-color:white;border:${sizes.line} solid ${grey.base};box-shadow:${(props) => props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};border-radius:${radius.md};overflow:hidden;box-sizing:border-box;${({ accent }) => accent &&
     `
     &::after {
       content: "";

package/dist/components/Card/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { Shadows } from '../../theme/modules/shadows';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { radius } from '../../theme/modules/radius';\nimport { text } from '../../theme/modules/text';\n\nconst { grey } = colors.neutral;\n\nexport type CardElevation = 0 \| 1 \| 2 \| 3 \| 4;\n\nconst elevationShadowMap = {\n 0: 'none',\n 1: Shadows.sm,\n 2: Shadows.base,\n 3: Shadows.md,\n 4: Shadows.lg,\n};\n\nconst accents = {\n info: colors.secondary.blue.base,\n success: colors.secondary.green.base,\n error: colors.secondary.red.base,\n};\n\nexport const Footer = styled.footer`\n margin-top: ${sizes.base};\n padding: ${sizes.md};\n z-index: 2;\n`;\n\nexport const Section = styled.section`\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-top: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n font-family: ${text.body.fontFamily};\n font-size: ${text.body.fontSize};\n font-weight: ${text.body.fontWeight};\n line-height: ${text.body.lineHeight};\n color: ${text.body.color};\n\n & + & {\n border-top: ${sizes.line} solid ${grey.base};\n padding-top: ${sizes.md};\n }\n`;\n\nexport const FullBleed = styled.div`\n margin-left: -${sizes.md};\n margin-right: -${sizes.md};\n`;\n\nexport const Body = styled(motion.div)`\n overflow-y: hidden;\n\n &:not(:first-child) > ${Section}:first-child {\n margin-top: 0;\n }\n`;\n\nexport interface SurfaceProps {\n elevation?: CardElevation;\n accent?: keyof typeof accents;\n}\n\nexport const Surface = styled.div<SurfaceProps>`\n position: relative;\n width: 100%;\n background-color: white;\n border: ${sizes.line} solid ${grey.base};\n box-shadow: ${(props) =>\n props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};\n border-radius: ${radius.md};\n overflow: hidden;\n box-sizing: border-box;\n\n ${({ accent }) =>\n accent &&\n `\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${sizes.xs};\n background-color: ${accents[accent]};\n }\n `}\n`;\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,IAAI;IACf,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,WAAA,EACnB,KAAK,CAAC,IAAI,CACb,SAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClB,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CACV,YAAA,EAAA,KAAK,CAAC,EAAE,CACL,eAAA,EAAA,KAAK,CAAC,EAAE,CAAA,aAAA,EAEV,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,UAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGR,KAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,aAAA,EACjB,KAAK,CAAC,EAAE,CACP,eAAA,EAAA,KAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrB,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CACjE,eAAA,EAAA,MAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAA,KAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/Card/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'framer-motion';\nimport { Shadows } from '../../theme/modules/shadows';\nimport { colors } from '../../theme/modules/colors';\nimport { sizes } from '../../theme/modules/sizes';\nimport { radius } from '../../theme/modules/radius';\nimport { text } from '../../theme/modules/text';\n\nconst { grey } = colors.neutral;\n\nexport type CardElevation = 0 \| 1 \| 2 \| 3 \| 4;\n\nconst elevationShadowMap = {\n 0: 'none',\n 1: Shadows.sm,\n 2: Shadows.base,\n 3: Shadows.md,\n 4: Shadows.lg,\n};\n\nconst accents = {\n info: colors.secondary.blue.base,\n success: colors.secondary.green.base,\n error: colors.secondary.red.base,\n};\n\nexport const Footer = styled.footer`\n margin-top: ${sizes.base};\n padding: ${sizes.md};\n z-index: 2;\n`;\n\nexport const Section = styled.section`\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-top: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n font-family: ${text.body.fontFamily};\n font-size: ${text.body.fontSize};\n font-weight: ${text.body.fontWeight};\n line-height: ${text.body.lineHeight};\n color: ${text.body.color};\n\n & + & {\n border-top: ${sizes.line} solid ${grey.base};\n padding-top: ${sizes.md};\n }\n`;\n\nexport const FullBleed = styled.div`\n margin-left: -${sizes.md};\n margin-right: -${sizes.md};\n`;\n\nexport const Body = styled(motion.div)`\n overflow-y: hidden;\n\n &:not(:first-child) > ${Section}:first-child {\n margin-top: 0;\n }\n`;\n\nexport interface SurfaceProps {\n elevation?: CardElevation;\n accent?: keyof typeof accents;\n}\n\nexport const Surface = styled.div<SurfaceProps>`\n position: relative;\n width: 100%;\n background-color: white;\n border: ${sizes.line} solid ${grey.base};\n box-shadow: ${(props) =>\n props.elevation !== undefined ? elevationShadowMap[props.elevation] : Shadows.sm};\n border-radius: ${radius.md};\n overflow: hidden;\n box-sizing: border-box;\n\n ${({ accent }) =>\n accent &&\n `\n &::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: ${sizes.xs};\n background-color: ${accents[accent]};\n }\n `}\n`;\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;AAI/B,MAAM,kBAAkB,GAAG;AACzB,IAAA,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,IAAI;IACf,CAAC,EAAE,OAAO,CAAC,EAAE;IACb,CAAC,EAAE,OAAO,CAAC,EAAE;CACd;AAED,MAAM,OAAO,GAAG;AACd,IAAA,IAAI,EAAE,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAChC,IAAA,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;AACpC,IAAA,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI;CACjC;AAEY,MAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,WAAA,EACnB,KAAK,CAAC,IAAI,CACb,SAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,cAAA,EAClB,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CACV,YAAA,EAAA,KAAK,CAAC,EAAE,CACL,eAAA,EAAA,KAAK,CAAC,EAAE,CAAA,aAAA,EAEV,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,WAAA,EACtB,IAAI,CAAC,IAAI,CAAC,QAAQ,CAChB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,CACpB,aAAA,EAAA,IAAI,CAAC,IAAI,CAAC,UAAU,UAC1B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAGR,KAAK,CAAC,IAAI,CAAU,OAAA,EAAA,IAAI,CAAC,IAAI,CAC5B,aAAA,EAAA,KAAK,CAAC,EAAE;AAId,MAAA,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,aAAA,EACjB,KAAK,CAAC,EAAE,CACP,eAAA,EAAA,KAAK,CAAC,EAAE;AAGpB,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,uCAAA,EAAA,OAAO;AAUpB,MAAA,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2DAAA,EAIrB,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,IAAI,CAAC,IAAI,CACzB,YAAA,EAAA,CAAC,KAAK,KAClB,KAAK,CAAC,SAAS,KAAK,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,OAAO,CAAC,EAAE,CACjE,eAAA,EAAA,MAAM,CAAC,EAAE,CAIxB,uCAAA,EAAA,CAAC,EAAE,MAAM,EAAE,KACX,MAAM;AACN,IAAA;;;;;;;AAOY,cAAA,EAAA,KAAK,CAAC,EAAE,CAAA;0BACE,OAAO,CAAC,MAAM,CAAC,CAAA;;AAEtC,EAAA,CAAA,CAAA;;;;"}

package/dist/components/CardHeader/styled.cjs CHANGED Viewed

@@ -7,8 +7,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Header = styled__default.default.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `padding-top:${sizes.sizes.md};padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};& > * + *{margin-top:${sizes.sizes.xs};}`;
-const HeaderGrid = styled__default.default.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--129vg5d" }) `/*${sizes.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
+const Header = styled__default.default.header.withConfig({ displayName: "vui--Header", componentId: "vui--13im4do" }) `padding-top:${sizes.sizes.md};padding-right:${sizes.sizes.md};padding-left:${sizes.sizes.md};margin-bottom:${sizes.sizes.md};& > * + *{margin-top:${sizes.sizes.xs};}`;
+const HeaderGrid = styled__default.default.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--1orvtgl" }) `/*${sizes.sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
 exports.Header = Header;
 exports.HeaderGrid = HeaderGrid;

package/dist/components/CardHeader/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n padding-top: ${sizes.md};\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n & > * + * {\n margin-top: ${sizes.xs};\n }\n`;\n\nexport const HeaderGrid = styled.div`\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ${sizes.base};\n align-items: center; /\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > :first-child {\n flex: 1;\n }\n`;\n"],"names":["styled","sizes"],"mappings":";;;;;;;;;AAGO,MAAM,MAAM,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,eAAA,EACNA,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CAAA,eAAA,EACPA,WAAK,CAAC,EAAE,CAAA,sBAAA,EAGTA,WAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpBC,WAAK,CAAC,IAAI,CAAA,qFAAA;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n padding-top: ${sizes.md};\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n & > * + * {\n margin-top: ${sizes.xs};\n }\n`;\n\nexport const HeaderGrid = styled.div`\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ${sizes.base};\n align-items: center; /\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > :first-child {\n flex: 1;\n }\n`;\n"],"names":["styled","sizes"],"mappings":";;;;;;;;;AAGO,MAAM,MAAM,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClBC,WAAK,CAAC,EAAE,CAAA,eAAA,EACNA,WAAK,CAAC,EAAE,CAAA,cAAA,EACTA,WAAK,CAAC,EAAE,CAAA,eAAA,EACPA,WAAK,CAAC,EAAE,CAAA,sBAAA,EAGTA,WAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpBC,WAAK,CAAC,IAAI,CAAA,qFAAA;;;;;"}

package/dist/components/CardHeader/styled.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import styled from 'styled-components';
 import { sizes } from '../../theme/modules/sizes.js';
-const Header = styled.header.withConfig({ displayName: "vui--Header", componentId: "vui--oa1a54" }) `padding-top:${sizes.md};padding-right:${sizes.md};padding-left:${sizes.md};margin-bottom:${sizes.md};& > * + *{margin-top:${sizes.xs};}`;
-const HeaderGrid = styled.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--129vg5d" }) `/*${sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
+const Header = styled.header.withConfig({ displayName: "vui--Header", componentId: "vui--13im4do" }) `padding-top:${sizes.md};padding-right:${sizes.md};padding-left:${sizes.md};margin-bottom:${sizes.md};& > * + *{margin-top:${sizes.xs};}`;
+const HeaderGrid = styled.div.withConfig({ displayName: "vui--HeaderGrid", componentId: "vui--1orvtgl" }) `/*${sizes.base}*/display:flex;justify-content:flex-end;align-items:center;& > *:first-child{flex:1;}`;
 export { Header, HeaderGrid };
 //# sourceMappingURL=styled.js.map

package/dist/components/CardHeader/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n padding-top: ${sizes.md};\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n & > * + * {\n margin-top: ${sizes.xs};\n }\n`;\n\nexport const HeaderGrid = styled.div`\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ${sizes.base};\n align-items: center; /\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > :first-child {\n flex: 1;\n }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EAClB,KAAK,CAAC,EAAE,CAAA,eAAA,EACN,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CAAA,eAAA,EACP,KAAK,CAAC,EAAE,CAAA,sBAAA,EAGT,KAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpB,KAAK,CAAC,IAAI,CAAA,qFAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/CardHeader/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const Header = styled.header`\n padding-top: ${sizes.md};\n padding-right: ${sizes.md};\n padding-left: ${sizes.md};\n margin-bottom: ${sizes.md};\n\n & > * + * {\n margin-top: ${sizes.xs};\n }\n`;\n\nexport const HeaderGrid = styled.div`\n /* display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr;\n grid-auto-columns: max-content;\n column-gap: ${sizes.base};\n align-items: center; /\n\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > :first-child {\n flex: 1;\n }\n`;\n"],"names":[],"mappings":";;;AAGO,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAClB,KAAK,CAAC,EAAE,CAAA,eAAA,EACN,KAAK,CAAC,EAAE,CAAA,cAAA,EACT,KAAK,CAAC,EAAE,CAAA,eAAA,EACP,KAAK,CAAC,EAAE,CAAA,sBAAA,EAGT,KAAK,CAAC,EAAE,CAAA,EAAA;AAInB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAKpB,KAAK,CAAC,IAAI,CAAA,qFAAA;;;;"}

package/dist/components/Checkbox/styled.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 const { colors, sizes, radius } = index.theme;
-const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
+const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--bq2l9d" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
 exports.Input = Input;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Checkbox/styled.js CHANGED Viewed

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
 const { colors, sizes, radius } = theme;
-const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--hippn5" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
+const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--bq2l9d" }) `appearance:none;width:18px;height:18px;background-color:transparent;border:2px solid ${colors.neutral.ink.lightest};border-radius:${radius.base};cursor:pointer;flex-shrink:0;transition:box-shadow 0.1s,background-color 0.1s;&:checked{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='white' /></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:hover{border-color:${colors.secondary.blue.base};}&:active{border-color:${colors.secondary.blue.base};}&:focus{box-shadow:0 0 0 4px ${colors.secondary.blue.light};outline:0;}&:indeterminate{background-color:${colors.secondary.blue.base};border-color:${colors.secondary.blue.base};background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='white'/></svg>");background-repeat:no-repeat;background-size:${sizes[4]};background-position:center;}&:disabled{box-shadow:none;background-color:${colors.neutral.grey.base};border-color:${colors.neutral.grey.base};color:${colors.neutral.ink.light};cursor:default;}&:checked:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M8.56846 16.3657L3.86697 11.6642L2.2998 13.2313L8.56846 19.5L22.0013 6.06716L20.4341 4.5L8.56846 16.3657Z' fill='%23637381' /></svg>");}&:indeterminate:disabled{background-image:url("data:image/svg+xml;utf-8,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><rect x='5' y='11' width='14' height='3' fill='%23637381'/></svg>");}`;
 export { Input };
 //# sourceMappingURL=styled.js.map

package/dist/components/Choice/components/styled.cjs CHANGED Viewed

@@ -12,15 +12,15 @@ const alignMap = {
     top: 'flex-start',
     center: 'center',
 };
-const RootLayout = styled__default.default.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--11nf17l" }) `display:flex;align-items:center;& > * + *{margin-left:${index.theme.sizes.base};}`;
-const InputLayout = styled__default.default.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--1yac6kr" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
-const AccessoryLayout = styled__default.default.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--qbgrc7" }) `align-self:center;display:flex;align-items:center;`;
-const TextLayout = styled__default.default.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1uu3ed5" }) `flex:1;& > * + *{margin-top:${index.theme.sizes.sm};}`;
-const HintText = styled__default.default.div.withConfig({ displayName: "vui--HintText", componentId: "vui--lz8nl" }) `font-family:${index.theme.fontFamily};font-size:${index.theme.sizes[3]};line-height:${index.theme.sizes[4]};color:${index.theme.colors.neutral.ink.light};`;
-const ErrorText = styled__default.default.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--piugtf" }) `font-family:${index.theme.text.error.fontFamily};font-size:${index.theme.text.error.fontSize};font-weight:${index.theme.text.error.fontWeight};line-height:${index.theme.text.error.lineHeight};color:${index.theme.text.error.color};`;
-const Wrapper = styled__default.default.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--2wdtq1" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
-const BorderedWrapper = styled__default.default(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--1an42ms" }) `border:2px solid ${index.theme.colors.neutral.grey.dark};border-radius:${index.theme.radius.md};padding:${index.theme.sizes.base} 0.75rem;&:hover{border-color:${index.theme.colors.secondary.blue.base};}`;
-const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1ifrill" }) `display:block;&-hoverable{display:block;}`;
+const RootLayout = styled__default.default.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--3b6yzv" }) `display:flex;align-items:center;& > * + *{margin-left:${index.theme.sizes.base};}`;
+const InputLayout = styled__default.default.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--8ngm7b" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
+const AccessoryLayout = styled__default.default.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--1cu5xjr" }) `align-self:center;display:flex;align-items:center;`;
+const TextLayout = styled__default.default.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1na6cp4" }) `flex:1;& > * + *{margin-top:${index.theme.sizes.sm};}`;
+const HintText = styled__default.default.div.withConfig({ displayName: "vui--HintText", componentId: "vui--1bctk32" }) `font-family:${index.theme.fontFamily};font-size:${index.theme.sizes[3]};line-height:${index.theme.sizes[4]};color:${index.theme.colors.neutral.ink.light};`;
+const ErrorText = styled__default.default.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--1x2dicy" }) `font-family:${index.theme.text.error.fontFamily};font-size:${index.theme.text.error.fontSize};font-weight:${index.theme.text.error.fontWeight};line-height:${index.theme.text.error.lineHeight};color:${index.theme.text.error.color};`;
+const Wrapper = styled__default.default.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--19rnaoe" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
+const BorderedWrapper = styled__default.default(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--mk2qjd" }) `border:2px solid ${index.theme.colors.neutral.grey.dark};border-radius:${index.theme.radius.md};padding:${index.theme.sizes.base} 0.75rem;&:hover{border-color:${index.theme.colors.secondary.blue.base};}`;
+const BlockTooltip = styled__default.default(Tooltip.Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--17swyyl" }) `display:block;&-hoverable{display:block;}`;
 exports.AccessoryLayout = AccessoryLayout;
 exports.BlockTooltip = BlockTooltip;

package/dist/components/Choice/components/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n top: 'flex-start',\n center: 'center',\n};\n\nexport const RootLayout = styled.div`\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nexport interface InputLayoutProps {\n align: 'top' \| 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n align-self: stretch;\n display: flex;\n align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n align-self: center;\n display: flex;\n align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n flex: 1;\n\n & > * + * {\n margin-top: ${theme.sizes.sm};\n }\n`;\n\nexport const HintText = styled.div`\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const ErrorText = styled.div`\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n box-sizing: border-box;\n\n &:hover {\n cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n border: 2px solid ${theme.colors.neutral.grey.dark};\n border-radius: ${theme.radius.md};\n padding: ${theme.sizes.base} 0.75rem;\n\n &:hover {\n border-color: ${theme.colors.secondary.blue.base};\n }\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n`;\n"],"names":["styled","theme","Tooltip"],"mappings":";;;;;;;;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAGD,uBAAM,CAAC,GAAG,~~6HAGpB~~,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAGA,uBAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,~~YAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EACjBC,WAAK,CAAC,UAAU,CAClB,WAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjCA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAGD,uBAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAGA,uBAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxBC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrBA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGTA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAGD,uBAAM,CAACE,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;;;;;;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n top: 'flex-start',\n center: 'center',\n};\n\nexport const RootLayout = styled.div`\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nexport interface InputLayoutProps {\n align: 'top' \| 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n align-self: stretch;\n display: flex;\n align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n align-self: center;\n display: flex;\n align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n flex: 1;\n\n & > * + * {\n margin-top: ${theme.sizes.sm};\n }\n`;\n\nexport const HintText = styled.div`\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const ErrorText = styled.div`\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n box-sizing: border-box;\n\n &:hover {\n cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n border: 2px solid ${theme.colors.neutral.grey.dark};\n border-radius: ${theme.radius.md};\n padding: ${theme.sizes.base} 0.75rem;\n\n &:hover {\n border-color: ${theme.colors.secondary.blue.base};\n }\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n`;\n"],"names":["styled","theme","Tooltip"],"mappings":";;;;;;;;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAGD,uBAAM,CAAC,GAAG,4HAGpB,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAGA,uBAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAAC,WAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EACjBC,WAAK,CAAC,UAAU,CAClB,WAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAGD,uBAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvBA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjCA,WAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAGD,uBAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAGA,uBAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxBC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrBA,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGTA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAGD,uBAAM,CAACE,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;;;;;;;;;"}

package/dist/components/Choice/components/styled.js CHANGED Viewed

@@ -6,15 +6,15 @@ const alignMap = {
     top: 'flex-start',
     center: 'center',
 };
-const RootLayout = styled.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--11nf17l" }) `display:flex;align-items:center;& > * + *{margin-left:${theme.sizes.base};}`;
-const InputLayout = styled.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--1yac6kr" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
-const AccessoryLayout = styled.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--qbgrc7" }) `align-self:center;display:flex;align-items:center;`;
-const TextLayout = styled.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1uu3ed5" }) `flex:1;& > * + *{margin-top:${theme.sizes.sm};}`;
-const HintText = styled.div.withConfig({ displayName: "vui--HintText", componentId: "vui--lz8nl" }) `font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
-const ErrorText = styled.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--piugtf" }) `font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};`;
-const Wrapper = styled.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--2wdtq1" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
-const BorderedWrapper = styled(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--1an42ms" }) `border:2px solid ${theme.colors.neutral.grey.dark};border-radius:${theme.radius.md};padding:${theme.sizes.base} 0.75rem;&:hover{border-color:${theme.colors.secondary.blue.base};}`;
-const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--1ifrill" }) `display:block;&-hoverable{display:block;}`;
+const RootLayout = styled.div.withConfig({ displayName: "vui--RootLayout", componentId: "vui--3b6yzv" }) `display:flex;align-items:center;& > * + *{margin-left:${theme.sizes.base};}`;
+const InputLayout = styled.div.withConfig({ displayName: "vui--InputLayout", componentId: "vui--8ngm7b" }) `align-self:stretch;display:flex;align-items:${(props) => alignMap[props.align]};`;
+const AccessoryLayout = styled.div.withConfig({ displayName: "vui--AccessoryLayout", componentId: "vui--1cu5xjr" }) `align-self:center;display:flex;align-items:center;`;
+const TextLayout = styled.div.withConfig({ displayName: "vui--TextLayout", componentId: "vui--1na6cp4" }) `flex:1;& > * + *{margin-top:${theme.sizes.sm};}`;
+const HintText = styled.div.withConfig({ displayName: "vui--HintText", componentId: "vui--1bctk32" }) `font-family:${theme.fontFamily};font-size:${theme.sizes[3]};line-height:${theme.sizes[4]};color:${theme.colors.neutral.ink.light};`;
+const ErrorText = styled.div.withConfig({ displayName: "vui--ErrorText", componentId: "vui--1x2dicy" }) `font-family:${theme.text.error.fontFamily};font-size:${theme.text.error.fontSize};font-weight:${theme.text.error.fontWeight};line-height:${theme.text.error.lineHeight};color:${theme.text.error.color};`;
+const Wrapper = styled.label.withConfig({ displayName: "vui--Wrapper", componentId: "vui--19rnaoe" }) `box-sizing:border-box;&:hover{cursor:${(props) => (props.disabled ? 'default' : 'pointer')};}`;
+const BorderedWrapper = styled(Wrapper).withConfig({ displayName: "vui--BorderedWrapper", componentId: "vui--mk2qjd" }) `border:2px solid ${theme.colors.neutral.grey.dark};border-radius:${theme.radius.md};padding:${theme.sizes.base} 0.75rem;&:hover{border-color:${theme.colors.secondary.blue.base};}`;
+const BlockTooltip = styled(Tooltip).withConfig({ displayName: "vui--BlockTooltip", componentId: "vui--17swyyl" }) `display:block;&-hoverable{display:block;}`;
 export { AccessoryLayout, BlockTooltip, BorderedWrapper, ErrorText, HintText, InputLayout, RootLayout, TextLayout, Wrapper };
 //# sourceMappingURL=styled.js.map

package/dist/components/Choice/components/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n top: 'flex-start',\n center: 'center',\n};\n\nexport const RootLayout = styled.div`\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nexport interface InputLayoutProps {\n align: 'top' \| 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n align-self: stretch;\n display: flex;\n align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n align-self: center;\n display: flex;\n align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n flex: 1;\n\n & > * + * {\n margin-top: ${theme.sizes.sm};\n }\n`;\n\nexport const HintText = styled.div`\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const ErrorText = styled.div`\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n box-sizing: border-box;\n\n &:hover {\n cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n border: 2px solid ${theme.colors.neutral.grey.dark};\n border-radius: ${theme.radius.md};\n padding: ${theme.sizes.base} 0.75rem;\n\n &:hover {\n border-color: ${theme.colors.secondary.blue.base};\n }\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n`;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAG,MAAM,CAAC,GAAG,~~6HAGpB~~,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAG,MAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,~~YAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EACjB,KAAK,CAAC,UAAU,CAClB,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAG,MAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGT,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../../src/components/Choice/components/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Tooltip } from '../../Tooltip';\nimport { theme } from '../../../theme';\n\nconst alignMap = {\n top: 'flex-start',\n center: 'center',\n};\n\nexport const RootLayout = styled.div`\n display: flex;\n align-items: center;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nexport interface InputLayoutProps {\n align: 'top' \| 'center';\n}\n\nexport const InputLayout = styled.div<InputLayoutProps>`\n align-self: stretch;\n display: flex;\n align-items: ${(props) => alignMap[props.align]};\n`;\n\nexport const AccessoryLayout = styled.div`\n align-self: center;\n display: flex;\n align-items: center;\n`;\n\nexport const TextLayout = styled.div`\n flex: 1;\n\n & > * + * {\n margin-top: ${theme.sizes.sm};\n }\n`;\n\nexport const HintText = styled.div`\n font-family: ${theme.fontFamily};\n font-size: ${theme.sizes[3]};\n line-height: ${theme.sizes[4]};\n color: ${theme.colors.neutral.ink.light};\n`;\n\nexport const ErrorText = styled.div`\n font-family: ${theme.text.error.fontFamily};\n font-size: ${theme.text.error.fontSize};\n font-weight: ${theme.text.error.fontWeight};\n line-height: ${theme.text.error.lineHeight};\n color: ${theme.text.error.color};\n`;\n\nexport const Wrapper = styled.label<{ disabled: boolean }>`\n box-sizing: border-box;\n\n &:hover {\n cursor: ${(props) => (props.disabled ? 'default' : 'pointer')};\n }\n`;\n\nexport const BorderedWrapper = styled(Wrapper)`\n border: 2px solid ${theme.colors.neutral.grey.dark};\n border-radius: ${theme.radius.md};\n padding: ${theme.sizes.base} 0.75rem;\n\n &:hover {\n border-color: ${theme.colors.secondary.blue.base};\n }\n`;\n\nexport const BlockTooltip = styled(Tooltip)`\n /* Tooltip uses inline-block containers which add more height when\n the child component is an inline element (e.g. Glyph or an SVG),\n so we need to set to block to preserve the height and fix alignment. */\n display: block;\n &-hoverable {\n display: block;\n }\n`;\n"],"names":[],"mappings":";;;;AAIA,MAAM,QAAQ,GAAG;AACf,IAAA,GAAG,EAAE,YAAY;AACjB,IAAA,MAAM,EAAE,QAAQ;CACjB;AAEM,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAKjB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sDAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;MAQtB,WAAW,GAAG,MAAM,CAAC,GAAG,4HAGpB,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;MAGpC,eAAe,GAAG,MAAM,CAAC,GAAG;AAMlC,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAIlB,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,KAAK,CAAC,KAAK,CAAC,EAAE;AAInB,MAAA,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EACjB,KAAK,CAAC,UAAU,CAClB,WAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CACZ,aAAA,EAAA,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,UACpB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK;MAG5B,SAAS,GAAG,MAAM,CAAC,GAAG,CAClB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC7B,WAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA,aAAA,EACvB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAC3B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAA,OAAA,EACjC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA,CAAA;AAGpB,MAAA,OAAO,GAAG,MAAM,CAAC,KAAK,CAIrB,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAAA,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,EAAA;AAIpD,MAAA,eAAe,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iBAAA,EACxB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CACjC,eAAA,EAAA,KAAK,CAAC,MAAM,CAAC,EAAE,CAAA,SAAA,EACrB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,8BAAA,EAGT,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;MAIvC,YAAY,GAAG,MAAM,CAAC,OAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,yCAAA;;;;"}

package/dist/components/ChoiceList/styled.cjs CHANGED Viewed

@@ -7,8 +7,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Fieldset = styled__default.default.fieldset.withConfig({ displayName: "vui--Fieldset", componentId: "vui--bygv6o" }) `padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`;
-const Legend = styled__default.default.legend.withConfig({ displayName: "vui--Legend", componentId: "vui--18baj4v" }) `font-family:${index.theme.text.inputLabel.fontFamily};font-size:${index.theme.text.inputLabel.fontSize};font-style:${index.theme.text.inputLabel.fontStyle};font-weight:${index.theme.text.inputLabel.fontWeight};line-height:${index.theme.text.inputLabel.lineHeight};text-decoration:${index.theme.text.inputLabel.textDecoration};color:${index.theme.text.inputLabel.color};`;
+const Fieldset = styled__default.default.fieldset.withConfig({ displayName: "vui--Fieldset", componentId: "vui--z1f13i" }) `padding:0;display:flex;flex-direction:column;border:0;& > * + *{margin-top:16px;}`;
+const Legend = styled__default.default.legend.withConfig({ displayName: "vui--Legend", componentId: "vui--snr02n" }) `font-family:${index.theme.text.inputLabel.fontFamily};font-size:${index.theme.text.inputLabel.fontSize};font-style:${index.theme.text.inputLabel.fontStyle};font-weight:${index.theme.text.inputLabel.fontWeight};line-height:${index.theme.text.inputLabel.lineHeight};text-decoration:${index.theme.text.inputLabel.textDecoration};color:${index.theme.text.inputLabel.color};`;
 exports.Fieldset = Fieldset;
 exports.Legend = Legend;