@veeqo/ui 14.7.1 → 14.9.0-beta-1

package/dist/components/ToggleButton/styled.cjs

@@ -1,49 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const StyledButton = styled__default.default.button.withConfig({ displayName: "vui--StyledButton", componentId: "vui--x718nd" }) `user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${index.theme.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({ size, checked }) => {
-    let height = '40px';
-    let paddingLeft = '24px';
-    let paddingRight = '24px';
-    let borderRadius = '8px';
-    let fontSize = '16px';
-    let outlineWidth = '4px';
-    let backgroundColor = 'white';
-    let borderColor = '#CDD1D5';
-    let color = '#37424D';
-    if (size === 'sm') {
-        height = '32px';
-        paddingLeft = '16px';
-        paddingRight = '16px';
-        borderRadius = '4px';
-        fontSize = '14px';
-        outlineWidth = '2px';
-    }
-    if (checked) {
-        backgroundColor = '#0079D1';
-        borderColor = '#0079D1';
-        color = 'white';
-    }
-    return `
-      --outline-width: ${outlineWidth};
-
-      height: ${height};
-      padding-left: ${paddingLeft};
-      padding-right: ${paddingRight};
-      border-radius: ${borderRadius};
-      font-size: ${fontSize};
-
-      background-color: ${backgroundColor};
-      border-color: ${borderColor};
-      color: ${color};
-    `;
-}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};}&:active{background-color:${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};border-color:${({ checked }) => (checked ? '#005A9C' : '#0079D1')};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;
-
-exports.StyledButton = StyledButton;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ToggleButton/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const StyledButton = styled.button<any>`\n  user-select: none;\n  box-sizing: border-box;\n  display: inline-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  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n  ${({ size, checked }) => {\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    let backgroundColor = 'white';\n    let borderColor = '#CDD1D5';\n    let color = '#37424D';\n\n    if (size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n    }\n\n    if (checked) {\n      backgroundColor = '#0079D1';\n      borderColor = '#0079D1';\n      color = 'white';\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\n      background-color: ${backgroundColor};\n      border-color: ${borderColor};\n      color: ${color};\n    `;\n  }}\n\n  & > * + * {\n    margin-left: 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};\n  }\n\n  &:active {\n    background-color: ${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};\n    border-color: ${({ checked }) => (checked ? '#005A9C' : '#0079D1')};\n    box-shadow: 0 0 0 var(--outline-width) #80bce8;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 var(--outline-width) #80bce8;\n    outline: 0;\n  }\n\n  &:disabled {\n    cursor: unset;\n    box-shadow: none;\n    background-color: #dfe3e8;\n    border-color: #dfe3e8;\n    color: #637381;\n  }\n\n  /* TODO: - Fix typography so these hacks aren't needed */\n  & > span {\n    position: relative;\n    top: -1px;\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAIO,MAAM,YAAY,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,+HAAA,EAOxBC,WAAK,CAAC,UAAU,CAAA,8EAAA,EAK7B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAI;IACtB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,WAAW,GAAG,MAAM;IACxB,IAAI,YAAY,GAAG,MAAM;IACzB,IAAI,YAAY,GAAG,KAAK;IACxB,IAAI,QAAQ,GAAG,MAAM;IACrB,IAAI,YAAY,GAAG,KAAK;IAExB,IAAI,eAAe,GAAG,OAAO;IAC7B,IAAI,WAAW,GAAG,SAAS;IAC3B,IAAI,KAAK,GAAG,SAAS;IAErB,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,MAAM,GAAG,MAAM;QACf,WAAW,GAAG,MAAM;QACpB,YAAY,GAAG,MAAM;QACrB,YAAY,GAAG,KAAK;QACpB,QAAQ,GAAG,MAAM;QACjB,YAAY,GAAG,KAAK;AACrB,IAAA;AAED,IAAA,IAAI,OAAO,EAAE;QACX,eAAe,GAAG,SAAS;QAC3B,WAAW,GAAG,SAAS;QACvB,KAAK,GAAG,OAAO;AAChB,IAAA;IAED,OAAO;yBACc,YAAY,CAAA;;gBAErB,MAAM,CAAA;sBACA,WAAW,CAAA;uBACV,YAAY,CAAA;uBACZ,YAAY,CAAA;mBAChB,QAAQ,CAAA;;0BAED,eAAe,CAAA;sBACnB,WAAW,CAAA;eAClB,KAAK,CAAA;KACf;AACH,CAAC,CAAA,oEAAA,EAQqB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,4BAAA,EAIlD,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,cAAA,EACtD,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,yPAAA;;;;"}

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

@@ -1 +0,0 @@
-export declare const StyledButton: import("styled-components").StyledComponent<"button", any, any, never>;

package/dist/components/ToggleButton/styled.js

@@ -1,43 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const StyledButton = styled.button.withConfig({ displayName: "vui--StyledButton", componentId: "vui--x718nd" }) `user-select:none;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:${theme.fontFamily};font-weight:400;border:1px solid;box-shadow:0 1px 3px rgba(55, 66, 77, 0.15);${({ size, checked }) => {
-    let height = '40px';
-    let paddingLeft = '24px';
-    let paddingRight = '24px';
-    let borderRadius = '8px';
-    let fontSize = '16px';
-    let outlineWidth = '4px';
-    let backgroundColor = 'white';
-    let borderColor = '#CDD1D5';
-    let color = '#37424D';
-    if (size === 'sm') {
-        height = '32px';
-        paddingLeft = '16px';
-        paddingRight = '16px';
-        borderRadius = '4px';
-        fontSize = '14px';
-        outlineWidth = '2px';
-    }
-    if (checked) {
-        backgroundColor = '#0079D1';
-        borderColor = '#0079D1';
-        color = 'white';
-    }
-    return `
-      --outline-width: ${outlineWidth};
-
-      height: ${height};
-      padding-left: ${paddingLeft};
-      padding-right: ${paddingRight};
-      border-radius: ${borderRadius};
-      font-size: ${fontSize};
-
-      background-color: ${backgroundColor};
-      border-color: ${borderColor};
-      color: ${color};
-    `;
-}} & > * + *{margin-left:8px;}&:hover{cursor:pointer;background-color:${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};}&:active{background-color:${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};border-color:${({ checked }) => (checked ? '#005A9C' : '#0079D1')};box-shadow:0 0 0 var(--outline-width)#80bce8;}&:focus{box-shadow:0 0 0 var(--outline-width)#80bce8;outline:0;}&:disabled{cursor:unset;box-shadow:none;background-color:#dfe3e8;border-color:#dfe3e8;color:#637381;}& > span{position:relative;top:-1px;}`;
-
-export { StyledButton };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ToggleButton/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\n\nexport const StyledButton = styled.button<any>`\n  user-select: none;\n  box-sizing: border-box;\n  display: inline-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  box-shadow: 0 1px 3px rgba(55, 66, 77, 0.15);\n\n  ${({ size, checked }) => {\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    let backgroundColor = 'white';\n    let borderColor = '#CDD1D5';\n    let color = '#37424D';\n\n    if (size === 'sm') {\n      height = '32px';\n      paddingLeft = '16px';\n      paddingRight = '16px';\n      borderRadius = '4px';\n      fontSize = '14px';\n      outlineWidth = '2px';\n    }\n\n    if (checked) {\n      backgroundColor = '#0079D1';\n      borderColor = '#0079D1';\n      color = 'white';\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\n      background-color: ${backgroundColor};\n      border-color: ${borderColor};\n      color: ${color};\n    `;\n  }}\n\n  & > * + * {\n    margin-left: 8px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};\n  }\n\n  &:active {\n    background-color: ${({ checked }) => (checked ? '#005A9C' : '#FAFAFB')};\n    border-color: ${({ checked }) => (checked ? '#005A9C' : '#0079D1')};\n    box-shadow: 0 0 0 var(--outline-width) #80bce8;\n  }\n\n  &:focus {\n    box-shadow: 0 0 0 var(--outline-width) #80bce8;\n    outline: 0;\n  }\n\n  &:disabled {\n    cursor: unset;\n    box-shadow: none;\n    background-color: #dfe3e8;\n    border-color: #dfe3e8;\n    color: #637381;\n  }\n\n  /* TODO: - Fix typography so these hacks aren't needed */\n  & > span {\n    position: relative;\n    top: -1px;\n  }\n`;\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,+HAAA,EAOxB,KAAK,CAAC,UAAU,CAAA,8EAAA,EAK7B,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAI;IACtB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,WAAW,GAAG,MAAM;IACxB,IAAI,YAAY,GAAG,MAAM;IACzB,IAAI,YAAY,GAAG,KAAK;IACxB,IAAI,QAAQ,GAAG,MAAM;IACrB,IAAI,YAAY,GAAG,KAAK;IAExB,IAAI,eAAe,GAAG,OAAO;IAC7B,IAAI,WAAW,GAAG,SAAS;IAC3B,IAAI,KAAK,GAAG,SAAS;IAErB,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,MAAM,GAAG,MAAM;QACf,WAAW,GAAG,MAAM;QACpB,YAAY,GAAG,MAAM;QACrB,YAAY,GAAG,KAAK;QACpB,QAAQ,GAAG,MAAM;QACjB,YAAY,GAAG,KAAK;AACrB,IAAA;AAED,IAAA,IAAI,OAAO,EAAE;QACX,eAAe,GAAG,SAAS;QAC3B,WAAW,GAAG,SAAS;QACvB,KAAK,GAAG,OAAO;AAChB,IAAA;IAED,OAAO;yBACc,YAAY,CAAA;;gBAErB,MAAM,CAAA;sBACA,WAAW,CAAA;uBACV,YAAY,CAAA;uBACZ,YAAY,CAAA;mBAChB,QAAQ,CAAA;;0BAED,eAAe,CAAA;sBACnB,WAAW,CAAA;eAClB,KAAK,CAAA;KACf;AACH,CAAC,CAAA,oEAAA,EAQqB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,4BAAA,EAIlD,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,cAAA,EACtD,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC,CAAA,yPAAA;;;;"}

package/dist/components/UploadFile/styled.cjs

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","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":["styled","sizes","radius","colors"],"mappings":";;;;;;;;;;;MAKa,iBAAiB,GAAGA,uBAAM,CAAC,GAAG,sJAQ9BC,WAAK,CAAC,IAAI,CAAA,eAAA,EACJC,aAAM,CAAC,IAAI,CAAA,sHAAA,EAYPC,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,kBAAA,EAC5BA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,6BAGzBA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kBAAA,EAC3BA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,cAGvCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,2CAAA,EAKhBA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAA,EACvBA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAC/BA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA,WAAA,EAGvCA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,MAIrC,CAAC,EAAE,UAAU,EAAE,KACf,UAAU;AACV,IAAA;AACqB,uBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;AACvB,0BAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAA;AAC/B,sBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAA;;;AAGvC,aAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA;;GAEtC,CAAA,CAAA,EAEC,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KACzB,QAAQ;AACR,IAAA;AACqB,uBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;AAGvB,yBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AAC1B,wBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;;;AAGtC,eAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;;;AAKf,yBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AACtB,4BAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA;AAC9B,wBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;;;AAGtC,eAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;;;;MAKpC;AACE,UAAE;AACe,uBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA;AACtB,0BAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA;AAC9B,sBAAA,EAAAA,aAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA;AAClD,EAAA;AACK,UAAE,EACN;AACD,EAAA,CAAA,CAAA,2EAAA,EAMqBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,cAAA,EAC7BA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,OAAA,EAClCA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,WAAA,EAGtBA,aAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ;;;;"}

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

@@ -1,4 +0,0 @@
-export declare const DropZoneContainer: import("styled-components").StyledComponent<"div", any, {
-    hasError: boolean;
-    isDragOver?: boolean | undefined;
-}, never>;

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;;;;"}