@veeqo/ui 14.10.1 → 14.10.3-beta-3

package/dist/components/UploadFile/styled.js

@@ -1,48 +0,0 @@
-import styled from 'styled-components';
-import { colors } from '../../theme/modules/colors.js';
-import { radius } from '../../theme/modules/radius.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const DropZoneContainer = styled.div.withConfig({ displayName: "vui--DropZoneContainer", componentId: "vui--17v0v3c" }) `display:flex;align-items:center;justify-content:center;padding:${sizes.base};border-radius:${radius.base};input[type='file']{position:absolute;opacity:0;width:1px;height:1px;cursor:pointer;}cursor:pointer;border:2px dashed ${colors.neutral.ink.lightest};background-color:${colors.neutral.grey.lightest};:hover{border:2px dashed ${colors.secondary.blue.base};background-color:${colors.secondary.blue.lightest};svg{color:${colors.secondary.blue.base};}}:active,:focus-within{border:2px dashed ${colors.secondary.blue.base};box-shadow:0 0 0 4px ${colors.secondary.blue.light};background-color:${colors.secondary.blue.lightest};svg{color:${colors.secondary.blue.base};}}${({ isDragOver }) => isDragOver &&
-    `
-    border: 2px dashed ${colors.secondary.blue.base};
-    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};
-    background-color: ${colors.secondary.blue.lightest};
-
-    svg {
-      color: ${colors.secondary.blue.base};
-    }
-  `} ${({ hasError, isDragOver }) => hasError &&
-    `
-    border: 2px dashed ${colors.secondary.red.base};
-
-    :hover {
-      border: 2px dashed ${colors.secondary.red.base};
-      background-color: ${colors.secondary.red.lightest};
-
-      svg {
-        color: ${colors.secondary.red.base};
-      }
-    }
-
-    :active, :focus-within {
-      border: 2px dashed ${colors.secondary.red.base};
-      box-shadow: 0 0 0 4px ${colors.secondary.red.light};
-      background-color: ${colors.secondary.red.lightest};
-
-      svg {
-        color: ${colors.secondary.red.base};
-      }
-    }
-
-    ${isDragOver
-        ? `
-    border: 2px dashed ${colors.secondary.red.base};
-    box-shadow: 0 0 0 4px ${colors.secondary.red.light};
-    background-color: ${colors.secondary.red.lightest};
-  `
-        : ''}
-  `} &:has(input:disabled){cursor:not-allowed;box-shadow:none;background-color:${colors.neutral.grey.light};border-color:${colors.neutral.ink.lightest};color:${colors.neutral.ink.light};svg{color:${colors.neutral.ink.lightest};}}`;
-
-export { DropZoneContainer };
-//# sourceMappingURL=styled.js.map

package/dist/components/UploadFile/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/UploadFile/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { colors } from '../../theme/modules/colors';\nimport { radius } from '../../theme/modules/radius';\nimport { sizes } from '../../theme/modules/sizes';\n\nexport const DropZoneContainer = styled.div<{\n  hasError: boolean;\n  isDragOver?: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  padding: ${sizes.base};\n  border-radius: ${radius.base};\n\n  input[type='file'] {\n    position: absolute;\n    opacity: 0;\n    width: 1px;\n    height: 1px;\n    cursor: pointer;\n  }\n\n  cursor: pointer;\n\n  border: 2px dashed ${colors.neutral.ink.lightest};\n  background-color: ${colors.neutral.grey.lightest};\n\n  :hover {\n    border: 2px dashed ${colors.secondary.blue.base};\n    background-color: ${colors.secondary.blue.lightest};\n\n    svg {\n      color: ${colors.secondary.blue.base};\n    }\n  }\n  :active,\n  :focus-within {\n    border: 2px dashed ${colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    background-color: ${colors.secondary.blue.lightest};\n\n    svg {\n      color: ${colors.secondary.blue.base};\n    }\n  }\n\n  ${({ isDragOver }) =>\n    isDragOver &&\n    `\n    border: 2px dashed ${colors.secondary.blue.base};\n    box-shadow: 0 0 0 4px ${colors.secondary.blue.light};\n    background-color: ${colors.secondary.blue.lightest};\n\n    svg {\n      color: ${colors.secondary.blue.base};\n    }\n  `}\n\n  ${({ hasError, isDragOver }) =>\n    hasError &&\n    `\n    border: 2px dashed ${colors.secondary.red.base};\n\n    :hover {\n      border: 2px dashed ${colors.secondary.red.base};\n      background-color: ${colors.secondary.red.lightest};\n\n      svg {\n        color: ${colors.secondary.red.base};\n      }\n    }\n\n    :active, :focus-within {\n      border: 2px dashed ${colors.secondary.red.base};\n      box-shadow: 0 0 0 4px ${colors.secondary.red.light};\n      background-color: ${colors.secondary.red.lightest};\n\n      svg {\n        color: ${colors.secondary.red.base};\n      }\n    }\n\n    ${\n      isDragOver\n        ? `\n    border: 2px dashed ${colors.secondary.red.base};\n    box-shadow: 0 0 0 4px ${colors.secondary.red.light};\n    background-color: ${colors.secondary.red.lightest};\n  `\n        : ''\n    }\n  `}\n\n\n  &:has(input:disabled) {\n    cursor: not-allowed;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    border-color: ${colors.neutral.ink.lightest};\n    color: ${colors.neutral.ink.light};\n\n    svg {\n      color: ${colors.neutral.ink.lightest};\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;MAKa,iBAAiB,GAAG,MAAM,CAAC,GAAG,sJAQ9B,KAAK,CAAC,IAAI,CAAA,eAAA,EACJ,MAAM,CAAC,IAAI,CAAA,sHAAA,EAYP,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAC5B,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,6BAGzB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EAC3B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,cAGvC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2CAAA,EAKhB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACvB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAC/B,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,WAAA,EAGvC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,MAIrC,CAAC,EAAE,UAAU,EAAE,KACf,UAAU;AACV,IAAA;AACqB,uBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;AACvB,0BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA;AAC/B,sBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA;;;AAGvC,aAAA,EAAA,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;;GAEtC,CAAA,CAAA,EAEC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KACzB,QAAQ;AACR,IAAA;AACqB,uBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;AAGvB,yBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAC1B,wBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;;;AAGtC,eAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;;;AAKf,yBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AACtB,4BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA;AAC9B,wBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;;;AAGtC,eAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;;MAKpC;AACE,UAAE;AACe,uBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AACtB,0BAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA;AAC9B,sBAAA,EAAA,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;AAClD,EAAA;AACK,UAAE,EACN;AACD,EAAA,CAAA,CAAA,2EAAA,EAMqB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,cAAA,EAC7B,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,OAAA,EAClC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,WAAA,EAGtB,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;;;;"}

package/dist/components/View/styled.cjs

@@ -1,53 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var colors = require('../../theme/modules/colors.cjs');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var Text = require('../Text/Text.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Container = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1vyyfhh" }) `padding:14px 24px;`;
-const CounterText = styled__default.default(Text.Text).withConfig({ displayName: "vui--CounterText", componentId: "vui--ycgtn6" }) `line-height:1;`;
-const Contour = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Contour", componentId: "vui--zy3oaf" }) `position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({ $colourPalette, $customTextColour }) => `
-    &:hover {
-      border: 1px solid ${$colourPalette.base};
-      background-color: ${$colourPalette.lightest};
-    }
-
-    span {                                                                                                                                                       
-      color: ${$customTextColour !== null && $customTextColour !== void 0 ? $customTextColour : colors.colors.neutral.ink.dark};                                                                                                                                                                                                                      
-    } 
-  `} ${({ $active, $colourPalette }) => $active &&
-    `
-    background-color: ${$colourPalette.lightest};
-  `}`;
-const CounterContainer = styled__default.default(Text.Text).withConfig({ displayName: "vui--CounterContainer", componentId: "vui--chq9kr" }) `display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({ $active, $colourPalette }) => $active &&
-    `
-    background-color: ${$colourPalette.base};
-
-    & > ${CounterText} {
-      color: #fff;
-    }
-  `}`;
-const IconStyling = {
-    style: {
-        marginLeft: sizes.sizes.xs,
-        padding: sizes.sizes.xs,
-        height: sizes.sizes.base,
-        width: sizes.sizes.base,
-    },
-};
-const CustomIconWrapper = styled__default.default.div.withConfig({ displayName: "vui--CustomIconWrapper", componentId: "vui--yu7dwm" }) `display:flex;align-items:center;margin-right:${sizes.sizes.sm};svg{height:${sizes.sizes.base};width:${sizes.sizes.base};}`;
-
-exports.Text = Text.Text;
-exports.Container = Container;
-exports.Contour = Contour;
-exports.CounterContainer = CounterContainer;
-exports.CounterText = CounterText;
-exports.CustomIconWrapper = CustomIconWrapper;
-exports.IconStyling = IconStyling;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/View/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/View/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { CSSProperties } from 'react';\nimport { ColourPalette, colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\n\nimport { sizes } from '../../theme/modules/sizes';\n\ntype RequiredPalette = { $colourPalette: ColourPalette };\nexport type ContourProps = { $active?: boolean; $customTextColour?: string } & RequiredPalette;\nexport type CounterProps = { $active?: boolean; $customTextColour?: string } & RequiredPalette;\n\nconst Container = styled(BaseContainer)`\n  padding: 14px 24px;\n`;\n\nconst CounterText = styled(Text)`\n  line-height: 1;\n`;\n\nconst Contour = styled(BaseContainer)<ContourProps>`\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n\n  ${({ $colourPalette, $customTextColour }) => `\n    &:hover {\n      border: 1px solid ${$colourPalette.base};\n      background-color: ${$colourPalette.lightest};\n    }\n\n    span {                                                                                                                                                       \n      color: ${$customTextColour ?? colors.neutral.ink.dark};                                                                                                                                                                                                                      \n    } \n  `}\n\n  ${({ $active, $colourPalette }) =>\n    $active &&\n    `\n    background-color: ${$colourPalette.lightest};\n  `}\n`;\n\nconst CounterContainer = styled(Text)<CounterProps>`\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n\n  ${({ $active, $colourPalette }) =>\n    $active &&\n    `\n    background-color: ${$colourPalette.base};\n\n    & > ${CounterText} {\n      color: #fff;\n    }\n  `}\n`;\n\nconst IconStyling = {\n  style: {\n    marginLeft: sizes.xs,\n    padding: sizes.xs,\n    height: sizes.base,\n    width: sizes.base,\n  } as CSSProperties,\n};\n\nexport const CustomIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-right: ${sizes.sm};\n\n  svg {\n    height: ${sizes.base};\n    width: ${sizes.base};\n  }\n`;\n\nexport { Container, Contour, CounterContainer, CounterText, IconStyling, Text };\n"],"names":["styled","BaseContainer","Text","colors","sizes"],"mappings":";;;;;;;;;;;;AAcA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC;AAIvC,MAAM,WAAW,GAAGD,uBAAM,CAACE,SAAI,CAAC;AAIhC,MAAM,OAAO,GAAGF,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAWjC,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK;;AAErB,wBAAA,EAAA,cAAc,CAAC,IAAI,CAAA;AACnB,wBAAA,EAAA,cAAc,CAAC,QAAQ,CAAA;;;;eAIlC,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,MAAA,GAAjB,iBAAiB,GAAIE,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;GAExD,CAAA,CAAA,EAEC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAC5B,OAAO;AACP,IAAA;AACoB,sBAAA,EAAA,cAAc,CAAC,QAAQ,CAAA;AAC5C,EAAA,CAAA,CAAA;AAGH,MAAM,gBAAgB,GAAGH,uBAAM,CAACE,SAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAWjC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAC5B,OAAO;AACP,IAAA;AACoB,sBAAA,EAAA,cAAc,CAAC,IAAI,CAAA;;UAEjC,WAAW,CAAA;;;AAGlB,EAAA,CAAA,CAAA;AAGH,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE;QACL,UAAU,EAAEE,WAAK,CAAC,EAAE;QACpB,OAAO,EAAEA,WAAK,CAAC,EAAE;QACjB,MAAM,EAAEA,WAAK,CAAC,IAAI;QAClB,KAAK,EAAEA,WAAK,CAAC,IAAI;AACD,KAAA;;MAGP,iBAAiB,GAAGJ,uBAAM,CAAC,GAAG,mIAGzBI,WAAK,CAAC,EAAE,CAAA,YAAA,EAGZA,WAAK,CAAC,IAAI,CAAA,OAAA,EACXA,WAAK,CAAC,IAAI;;;;;;;;;;"}

package/dist/components/View/styled.d.ts

@@ -1,37 +0,0 @@
-import { CSSProperties } from 'react';
-import { ColourPalette } from '../../theme/modules/colors';
-import { Text } from '../Text';
-type RequiredPalette = {
-    $colourPalette: ColourPalette;
-};
-export type ContourProps = {
-    $active?: boolean;
-    $customTextColour?: string;
-} & RequiredPalette;
-export type CounterProps = {
-    $active?: boolean;
-    $customTextColour?: string;
-} & RequiredPalette;
-declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const CounterText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-declare const Contour: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    $active?: boolean | undefined;
-    $customTextColour?: string | undefined;
-} & RequiredPalette, never>;
-declare const CounterContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "body" | "button" | "link" | "placeholder" | "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "buttonSmall" | "linkLarge" | "linkMedium" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {
-    $active?: boolean | undefined;
-    $customTextColour?: string | undefined;
-} & RequiredPalette, never>;
-declare const IconStyling: {
-    style: CSSProperties;
-};
-export declare const CustomIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export { Container, Contour, CounterContainer, CounterText, IconStyling, Text };

package/dist/components/View/styled.js

@@ -1,41 +0,0 @@
-import styled from 'styled-components';
-import { colors } from '../../theme/modules/colors.js';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { Text } from '../Text/Text.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const Container = styled(BaseContainer).withConfig({ displayName: "vui--Container", componentId: "vui--1vyyfhh" }) `padding:14px 24px;`;
-const CounterText = styled(Text).withConfig({ displayName: "vui--CounterText", componentId: "vui--ycgtn6" }) `line-height:1;`;
-const Contour = styled(BaseContainer).withConfig({ displayName: "vui--Contour", componentId: "vui--zy3oaf" }) `position:relative;display:flex;flex-direction:row;align-items:center;height:40px;border-radius:4px;padding:0 12px;border:1px solid transparent;cursor:pointer;${({ $colourPalette, $customTextColour }) => `
-    &:hover {
-      border: 1px solid ${$colourPalette.base};
-      background-color: ${$colourPalette.lightest};
-    }
-
-    span {                                                                                                                                                       
-      color: ${$customTextColour !== null && $customTextColour !== void 0 ? $customTextColour : colors.neutral.ink.dark};                                                                                                                                                                                                                      
-    } 
-  `} ${({ $active, $colourPalette }) => $active &&
-    `
-    background-color: ${$colourPalette.lightest};
-  `}`;
-const CounterContainer = styled(Text).withConfig({ displayName: "vui--CounterContainer", componentId: "vui--chq9kr" }) `display:inline-flex;flex-direction:row;justify-content:center;align-items:center;border-radius:4px;padding:2px 4px;min-width:20px;height:20px;margin-left:8px;${({ $active, $colourPalette }) => $active &&
-    `
-    background-color: ${$colourPalette.base};
-
-    & > ${CounterText} {
-      color: #fff;
-    }
-  `}`;
-const IconStyling = {
-    style: {
-        marginLeft: sizes.xs,
-        padding: sizes.xs,
-        height: sizes.base,
-        width: sizes.base,
-    },
-};
-const CustomIconWrapper = styled.div.withConfig({ displayName: "vui--CustomIconWrapper", componentId: "vui--yu7dwm" }) `display:flex;align-items:center;margin-right:${sizes.sm};svg{height:${sizes.base};width:${sizes.base};}`;
-
-export { Container, Contour, CounterContainer, CounterText, CustomIconWrapper, IconStyling, Text };
-//# sourceMappingURL=styled.js.map

package/dist/components/View/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/View/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { CSSProperties } from 'react';\nimport { ColourPalette, colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\n\nimport { sizes } from '../../theme/modules/sizes';\n\ntype RequiredPalette = { $colourPalette: ColourPalette };\nexport type ContourProps = { $active?: boolean; $customTextColour?: string } & RequiredPalette;\nexport type CounterProps = { $active?: boolean; $customTextColour?: string } & RequiredPalette;\n\nconst Container = styled(BaseContainer)`\n  padding: 14px 24px;\n`;\n\nconst CounterText = styled(Text)`\n  line-height: 1;\n`;\n\nconst Contour = styled(BaseContainer)<ContourProps>`\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  height: 40px;\n  border-radius: 4px;\n  padding: 0 12px;\n  border: 1px solid transparent;\n  cursor: pointer;\n\n  ${({ $colourPalette, $customTextColour }) => `\n    &:hover {\n      border: 1px solid ${$colourPalette.base};\n      background-color: ${$colourPalette.lightest};\n    }\n\n    span {                                                                                                                                                       \n      color: ${$customTextColour ?? colors.neutral.ink.dark};                                                                                                                                                                                                                      \n    } \n  `}\n\n  ${({ $active, $colourPalette }) =>\n    $active &&\n    `\n    background-color: ${$colourPalette.lightest};\n  `}\n`;\n\nconst CounterContainer = styled(Text)<CounterProps>`\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 4px;\n  padding: 2px 4px;\n  min-width: 20px;\n  height: 20px;\n  margin-left: 8px;\n\n  ${({ $active, $colourPalette }) =>\n    $active &&\n    `\n    background-color: ${$colourPalette.base};\n\n    & > ${CounterText} {\n      color: #fff;\n    }\n  `}\n`;\n\nconst IconStyling = {\n  style: {\n    marginLeft: sizes.xs,\n    padding: sizes.xs,\n    height: sizes.base,\n    width: sizes.base,\n  } as CSSProperties,\n};\n\nexport const CustomIconWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  margin-right: ${sizes.sm};\n\n  svg {\n    height: ${sizes.base};\n    width: ${sizes.base};\n  }\n`;\n\nexport { Container, Contour, CounterContainer, CounterText, IconStyling, Text };\n"],"names":[],"mappings":";;;;;;AAcA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC;AAIvC,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAIhC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAWjC,CAAC,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK;;AAErB,wBAAA,EAAA,cAAc,CAAC,IAAI,CAAA;AACnB,wBAAA,EAAA,cAAc,CAAC,QAAQ,CAAA;;;;eAIlC,iBAAiB,KAAA,IAAA,IAAjB,iBAAiB,KAAA,MAAA,GAAjB,iBAAiB,GAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA;;GAExD,CAAA,CAAA,EAEC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAC5B,OAAO;AACP,IAAA;AACoB,sBAAA,EAAA,cAAc,CAAC,QAAQ,CAAA;AAC5C,EAAA,CAAA,CAAA;AAGH,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8JAAA,EAWjC,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAC5B,OAAO;AACP,IAAA;AACoB,sBAAA,EAAA,cAAc,CAAC,IAAI,CAAA;;UAEjC,WAAW,CAAA;;;AAGlB,EAAA,CAAA,CAAA;AAGH,MAAM,WAAW,GAAG;AAClB,IAAA,KAAK,EAAE;QACL,UAAU,EAAE,KAAK,CAAC,EAAE;QACpB,OAAO,EAAE,KAAK,CAAC,EAAE;QACjB,MAAM,EAAE,KAAK,CAAC,IAAI;QAClB,KAAK,EAAE,KAAK,CAAC,IAAI;AACD,KAAA;;MAGP,iBAAiB,GAAG,MAAM,CAAC,GAAG,mIAGzB,KAAK,CAAC,EAAE,CAAA,YAAA,EAGZ,KAAK,CAAC,IAAI,CAAA,OAAA,EACX,KAAK,CAAC,IAAI;;;;"}