@veeqo/ui 14.12.0-beta-1 → 14.12.0

package/dist/components/ShortcutKeys/styled.cjs

@@ -1,15 +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 ShortcutKeysContainer = styled__default.default.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--t1odf6" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};font-size:${index.theme.text.bodySmall.fontSize};line-height:${index.theme.text.bodySmall.lineHeight};font-weight:${index.theme.text.bodySmall.fontWeight};text-decoration:${index.theme.text.bodySmall.textDecoration};letter-spacing:${index.theme.text.bodySmall.letterSpacing};`;
-const Kbd = styled__default.default.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--651mmm" }) `box-sizing:border-box;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};`;
-
-exports.Kbd = Kbd;
-exports.ShortcutKeysContainer = ShortcutKeysContainer;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;MAKa,qBAAqB,GAAGA,uBAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjCC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3CA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAGD,uBAAM,CAAC,GAAG,wHAEEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlBA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtDA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ShortcutKeysContainerProps } from './types';
-export declare const ShortcutKeysContainer: import("styled-components").StyledComponent<"div", any, ShortcutKeysContainerProps, never>;
-export declare const Kbd: import("styled-components").StyledComponent<"kbd", any, {}, never>;

package/dist/components/ShortcutKeys/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const ShortcutKeysContainer = styled.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--t1odf6" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};font-size:${theme.text.bodySmall.fontSize};line-height:${theme.text.bodySmall.lineHeight};font-weight:${theme.text.bodySmall.fontWeight};text-decoration:${theme.text.bodySmall.textDecoration};letter-spacing:${theme.text.bodySmall.letterSpacing};`;
-const Kbd = styled.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--651mmm" }) `box-sizing:border-box;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};`;
-
-export { Kbd, ShortcutKeysContainer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { theme } from '../../theme';\nimport { ShortcutKeysContainerProps } from './types';\n\nexport const ShortcutKeysContainer = styled.div<ShortcutKeysContainerProps>`\n  // If the inverse prop is passed, set the variable --kbdTextColor to the inverse color\n  --kbdTextColor: ${(props) => (props.$inverse ? '#ffffff' : '')};\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n  font-size: ${theme.text.bodySmall.fontSize};\n  line-height: ${theme.text.bodySmall.lineHeight};\n  font-weight: ${theme.text.bodySmall.fontWeight};\n  text-decoration: ${theme.text.bodySmall.textDecoration};\n  letter-spacing: ${theme.text.bodySmall.letterSpacing};\n`;\n\nexport const Kbd = styled.kbd`\n  box-sizing: border-box;\n  color: var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  display: grid;\n  place-items: center;\n  text-transform: capitalize;\n  border: 1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});\n  border-radius: 3px;\n  padding: 1px 3px;\n  font-size: inherit;\n  line-height: inherit;\n  min-width: 20px;\n  font-family: ${theme.text.bodySmall.fontFamily};\n  font-style: ${theme.text.bodySmall.fontStyle};\n`;\n"],"names":[],"mappings":";;;MAKa,qBAAqB,GAAG,MAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAAA,yFAAA,EAKjC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,aAAA,EAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAG,MAAM,CAAC,GAAG,wHAEE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,iGAAA,EAIlB,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAA,YAAA,EAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;"}

package/dist/utils/forms/inputStyles.cjs

@@ -1,34 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-var variables = require('./variables.cjs');
-var utils = require('../../theme/utils.cjs');
-
-const { colors, radius, sizes, text } = index.theme;
-/**
- * @deprecated
- * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss
- */
-const inputFocusStyles = ({ hasError }) => styled.css `&:focus{--border-color:${hasError ? colors.secondary.red.base : colors.secondary.blue.base};border-color:var(--border-color);box-shadow:0 0 0 var(--outline-size)var(--shadow-color);outline:0;}`;
-/**
- * @deprecated
- * use css modules instead
- */
-const inputDisabledStyles = styled.css `&:disabled,&[data-disabled]{opacity:1;box-shadow:none;background-color:${colors.neutral.grey.light};cursor:not-allowed;}`;
-/**
- *
- * @deprecated
- * use css modules instead
- */
-const inputBaseStyles = ({ compact }) => styled.css `${variables.inputVariableStyles} ${utils.getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
-/**
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- */
-styled.css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${utils.getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
-
-exports.inputBaseStyles = inputBaseStyles;
-exports.inputDisabledStyles = inputDisabledStyles;
-exports.inputFocusStyles = inputFocusStyles;
-//# sourceMappingURL=inputStyles.cjs.map

package/dist/utils/forms/inputStyles.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":["theme","css","inputVariableStyles","getTextStyles"],"mappings":";;;;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,WAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAKC,UAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAGA,UAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAKA,UAAG,CAAA,CAAA,EACnEC,6BAAmB,CAAA,CAAA,EACnBC,mBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4BF,UAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGdE,mBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;;;"}

package/dist/utils/forms/inputStyles.js

@@ -1,30 +0,0 @@
-import { css } from 'styled-components';
-import { theme } from '../../theme/index.js';
-import { inputVariableStyles } from './variables.js';
-import { getTextStyles } from '../../theme/utils.js';
-
-const { colors, radius, sizes, text } = theme;
-/**
- * @deprecated
- * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss
- */
-const inputFocusStyles = ({ hasError }) => css `&:focus{--border-color:${hasError ? colors.secondary.red.base : colors.secondary.blue.base};border-color:var(--border-color);box-shadow:0 0 0 var(--outline-size)var(--shadow-color);outline:0;}`;
-/**
- * @deprecated
- * use css modules instead
- */
-const inputDisabledStyles = css `&:disabled,&[data-disabled]{opacity:1;box-shadow:none;background-color:${colors.neutral.grey.light};cursor:not-allowed;}`;
-/**
- *
- * @deprecated
- * use css modules instead
- */
-const inputBaseStyles = ({ compact }) => css `${inputVariableStyles} ${getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
-/**
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- */
-css `${inputBaseStyles} ${inputDisabledStyles} ${inputFocusStyles} &::placeholder{${getTextStyles(text.placeholder)}}&:invalid{box-shadow:0 0 0 var(--outline-size)var(--shadow-color);border-color:${colors.secondary.red.base};}`;
-
-export { inputBaseStyles, inputDisabledStyles, inputFocusStyles };
-//# sourceMappingURL=inputStyles.js.map

package/dist/utils/forms/inputStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n  &:focus {\n    --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n    border-color: var(--border-color);\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    outline: 0;\n  }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n  &:disabled,\n  &[data-disabled] {\n    opacity: 1;\n    box-shadow: none;\n    background-color: ${colors.neutral.grey.light};\n    cursor: not-allowed;\n  }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n  ${inputVariableStyles}\n  ${getTextStyles(text.body)}\n\n  appearance: none;\n  box-sizing: border-box;\n\n  background-color: white;\n  text-align: left;\n\n  min-height: ${compact ? sizes[8] : sizes[10]};\n  padding-inline: var(--padding);\n  border: 1px solid var(--border-color);\n  border-radius: ${radius.base};\n\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n\n  /* When inside an InputGroup, reduce inline padding to bring content closer together */\n  [data-input-group] > &:first-child {\n    padding-right: calc(var(--padding-right) - ${sizes[1]});\n  }\n\n  [data-input-group] > &:last-child {\n    padding-left: ${sizes[2]};\n  }\n\n  [data-input-group] > &:not(:first-child):not(:last-child) {\n    padding-inline: ${sizes[2]};\n  }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n  ${inputFocusStyles}\n\n  &::placeholder {\n    ${getTextStyles(text.placeholder)}\n  }\n\n  &:invalid {\n    box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n    border-color: ${colors.secondary.red.base};\n  }\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAK,GAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,EACnE,mBAAmB,CAAA,CAAA,EACnB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AAC4B,GAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGd,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;"}

package/dist/utils/forms/variables.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-
-const { colors, sizes } = index.theme;
-/**
- *
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- *
- */
-const inputVariableStyles = ({ hasError, compact }) => styled.css `--padding:${sizes[3]};--padding-right:var(--padding);--outline-size:${compact ? '2px' : sizes.xs};--border-color:${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};--shadow-color:${hasError ? colors.secondary.red.light : colors.secondary.blue.light};`;
-
-exports.inputVariableStyles = inputVariableStyles;
-//# sourceMappingURL=variables.cjs.map

package/dist/utils/forms/variables.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"variables.cjs","sources":["../../../src/utils/forms/variables.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { theme } from '../../theme';\n\nconst { colors, sizes } = theme;\n\n/**\n *\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n *\n */\nexport const inputVariableStyles = ({ hasError, compact }: FormComponentProps) => css`\n  --padding: ${sizes[3]};\n  --padding-right: var(--padding);\n  --outline-size: ${compact ? '2px' : sizes.xs};\n  --border-color: ${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};\n  --shadow-color: ${hasError ? colors.secondary.red.light : colors.secondary.blue.light};\n`;\n"],"names":["theme","css"],"mappings":";;;;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAGA,WAAK;AAE/B;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAsB,KAAKC,UAAG,CAAA,CAAA,UAAA,EACtE,KAAK,CAAC,CAAC,CAAC,CAAA,+CAAA,EAEH,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAA,gBAAA,EAC1B,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,gBAAA,EAClE,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}

package/dist/utils/forms/variables.js

@@ -1,14 +0,0 @@
-import { css } from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const { colors, sizes } = theme;
-/**
- *
- * @deprecated
- * use css modules instead from src/utils/forms/form.module.scss
- *
- */
-const inputVariableStyles = ({ hasError, compact }) => css `--padding:${sizes[3]};--padding-right:var(--padding);--outline-size:${compact ? '2px' : sizes.xs};--border-color:${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};--shadow-color:${hasError ? colors.secondary.red.light : colors.secondary.blue.light};`;
-
-export { inputVariableStyles };
-//# sourceMappingURL=variables.js.map

package/dist/utils/forms/variables.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"variables.js","sources":["../../../src/utils/forms/variables.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { theme } from '../../theme';\n\nconst { colors, sizes } = theme;\n\n/**\n *\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n *\n */\nexport const inputVariableStyles = ({ hasError, compact }: FormComponentProps) => css`\n  --padding: ${sizes[3]};\n  --padding-right: var(--padding);\n  --outline-size: ${compact ? '2px' : sizes.xs};\n  --border-color: ${hasError ? colors.secondary.red.base : colors.neutral.ink.lightest};\n  --shadow-color: ${hasError ? colors.secondary.red.light : colors.secondary.blue.light};\n`;\n"],"names":[],"mappings":";;;AAIA,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK;AAE/B;;;;;AAKG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,UAAA,EACtE,KAAK,CAAC,CAAC,CAAC,CAAA,+CAAA,EAEH,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,EAAE,CAAA,gBAAA,EAC1B,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,gBAAA,EAClE,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;;;;"}