npm - @ntbjs/react-components - Versions diffs - 2.0.2-rc.3 → 2.0.2-rc.4 - Mend

@ntbjs/react-components 2.0.2-rc.3 → 2.0.2-rc.4

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

package/build/inputs/CompactTextInput/CompactTextInput.styled.js CHANGED Viewed

@@ -1,7 +1,27 @@
 import styled, { css } from 'styled-components';
 import { applyDefaultTheme } from '../../utils/defaultTheme.js';
-const shouldForwardProp = prop => !prop.startsWith('$');
+const linkColor = css`
+  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}
+  ${props => !props.disabled && css`
+      &:hover {
+        text-decoration: underline;
+      }
+    `}
+`;
+const commonAnchorTagStyle = css`
+  a,
+  && {
+    font-size: 0.875rem;
+    text-decoration: none;
+  }
+`;
+const readOnlyBackground = css`
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
+`;
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
 const CompactTextInput = styled.div.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
@@ -21,7 +41,7 @@ const Label = styled.label.withConfig({
   height: 19px;
   display: flex;
   align-items: center;
-  ${props => props.$disabled && css`
+  ${props => props.disabled && css`
       opacity: 0.5;
       cursor: not-allowed;
     `}
@@ -33,69 +53,77 @@ const InputContainer = styled.div.withConfig({
   height: 19px;
   flex-basis: ${props => props.$hasLabel ? '66.66%' : '100%'};
 `;
-const SuccessContainerBase = styled.div.withConfig({
+const SuccessContainer = styled.div.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
   display: flex;
-  align-items: center;
   transition: opacity 0.5s ease-in-out;
-  opacity: ${props => props.$type === 'loading' || props.$type === 'success' ? 1 : 0};
-  pointer-events: none;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};
+  margin-right: 5px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
   > svg {
     width: 13px;
   }
 `;
-const SuccessContainer = styled(SuccessContainerBase)`
-  margin-right: 5px;
-`;
-const InputSuccessContainer = styled(SuccessContainerBase)`
-  position: absolute;
-  top: 0;
-  right: 8px;
-  height: 100%;
+const InputSuccessContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  opacity: 1;
+  pointer-events: none;
+  display: flex;
+  justify-content: flex-end;
+  transition: opacity 0.5s ease-in-out;
+  position: relative;
+  margin-top: -20px;
+  margin-right: 8px;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))}
+  > svg {
+    width: 13px;
+  }
 `;
 const InputIconContainer = styled.div.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
   opacity: 0;
   pointer-events: none;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  padding: 5px 10px 0 0;
+  transition: opacity 250ms;
+  ${props => props.theme.themeProp('background', css`
+        linear-gradient(-90deg,
+        ${props => props.$type === 'error' ? '#901d1d' : props.$type === 'warning' ? '#816600' : props.theme.getColor('gray-700')} 55%,
+        transparent)
+      `, css`
+        linear-gradient(-90deg,
+        ${props => props.$type === 'error' ? '#f7d5d0' : props.$type === 'warning' ? '#fffebf' : props.theme.getColor('gray-100')} 55%,
+        transparent)
+      `)};
   display: flex;
   align-items: center;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
-  padding: 5px 10px 0 0;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  ${props => {
-  if (props.$type === 'warning') {
-    return css`
-        color: #c3af43;
-        ${props.theme.themeProp('background', 'linear-gradient(-90deg, #816600 55%, transparent)', 'linear-gradient(-90deg, #fffebf 55%, transparent)')};
-      `;
-  }
-  if (props.$type === 'error') {
-    return css`
-        color: #cb968f;
-        ${props.theme.themeProp('background', 'linear-gradient(-90deg, #901d1d 55%, transparent)', 'linear-gradient(-90deg, #f7d5d0 55%, transparent)')};
-      `;
-  }
-  return css`
-      color: ${props.theme.getColor('gray-400')};
-      ${props.theme.themeProp('background', 'linear-gradient(-90deg, ' + props.theme.getColor('gray-700') + ' 55%, transparent)', 'linear-gradient(-90deg, ' + props.theme.getColor('gray-100') + ' 55%, transparent)')};
-    `;
-}}
+  color: ${props => props.theme.getColor('gray-400')};
+  ${props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}
+  ${props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}
   > svg {
     width: 12px;
+    transition: opacity 250ms;
   }
 `;
 const Input = styled.input.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
+}).attrs(props => ({
+  ...applyDefaultTheme(props),
+  type: props.inputtype || 'text'
+}))`
   box-sizing: border-box;
   height: 22px;
   width: 100%;
@@ -106,143 +134,190 @@ const Input = styled.input.withConfig({
   padding: 1px 10px;
   border-radius: 3px;
   border: 1px solid transparent;
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))};
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
+  transition: border-color 350ms, background 350ms;
+  ${props => {
+  if (props.$type === 'error') {
+    return css`
+        ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;
+      `;
+  } else if (props.$type === 'warning') {
+    return css`
+        ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;
+      `;
+  } else {
+    return props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'));
+  }
+}}
-  /* Type-specific backgrounds - these override the default */
-  ${props => props.$type === 'error' && css`
-      ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;
+  ${props => props.readOnly && css`
+      cursor: default;
     `}
-  ${props => props.$type === 'warning' && css`
-      ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;
+  ${props => props.disabled && css`
+      opacity: 0.5;
     `}
-  /* Edit mode styling */
-  ${props => props.$edit && css`
-      &:not(:hover):not(:focus) {
-        ${props.$type === 'error' ? props.theme.themeProp('background', '#7f1b1b', '#FEE2E2') : props.$type === 'warning' ? props.theme.themeProp('background', '#634E01', '#FFFDE8') : props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};
-        ${props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))}
+  ${props => props.$haslink && css`
+      &&:not(:focus),
+      &&:read-only {
+        ${linkColor}
       }
-    `}
+      &&:read-only {
+        cursor: default;
+      }
+    `};
-  /* Hover state */
-  &:hover:not(:focus):not([readonly]):not([disabled]) {
+  &&:not(:hover):not(:focus) {
     ${props => {
+  if (props.$edit) {
+    if (props.$type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
+    } else if (props.$type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    } else {
+      return props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)');
+    }
+  }
+}}
+    ${props => props.$edit && props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};
+    ${props => props.$haslink && css`
+        &&:not(:focus),
+        &&:read-only {
+          cursor: default;
+          ${linkColor}
+        }
+      `}
+  }
+  &&:hover:not(:focus) {
+    ${props => {
+  if (props.readOnly) {
+    if (props.$type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
+    } else if (props.$type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return readOnlyBackground;
+  }
   if (props.$type === 'error') {
     return props.theme.themeProp('background', '#901d1d', '#F7D5D0');
-  }
-  if (props.$type === 'warning') {
+  } else if (props.$type === 'warning') {
     return props.theme.themeProp('background', '#806403', '#FFFEBF');
+  } else {
+    return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
   }
-  return props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'));
 }}
-    ${props => props.$edit && css`
-        ${props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
+    ${props => props.$edit && props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
+    ${props => props.$haslink && css`
+        cursor: pointer;
+        &&:read-only {
+          background: none !important;
+          cursor: default;
+        }
       `}
     & + ${InputIconContainer} {
       opacity: 1;
+      ${props => props.$type === 'success' && css`
+          opacity: 0;
+        `}
     }
+    ${props => props.disabled && css`
+        background: none !important;
+        cursor: not-allowed;
+      `}
+    ${props => props.disabled && props.$haslink && css`
+        background: none !important;
+        cursor: not-allowed !important;
+      `}
   }
-  /* Focus state */
-  &:focus:not([readonly]):not([disabled]) {
+  &&:focus {
     outline: none;
     ${props => {
+  if (props.readOnly) {
+    if (props.$type === 'error') {
+      return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');
+    } else if (props.$type === 'warning') {
+      return props.theme.themeProp('background', '#634E01', '#FFFDE8');
+    }
+    return readOnlyBackground;
+  }
   if (props.$type === 'error') {
     return css`
-          border-color: #d83018;
-          background: white;
-          color: black;
+          ${props.theme.themeProp('border-color', '#D83018', '#D83018')}
+          ${props.theme.themeProp('background', 'white', 'white')}
+          ${props.theme.themeProp('color', 'black', 'black')}
         `;
-  }
-  if (props.$type === 'warning') {
+  } else if (props.$type === 'warning') {
+    return css`
+          ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}
+          ${props.theme.themeProp('background', 'white', 'white')}
+          ${props.theme.themeProp('color', 'black', 'black')}
+        `;
+  } else {
     return css`
-          border-color: #f4e21e;
-          background: white;
-          color: black;
+          border-color: ${props.theme.getColor('gray-600')};
+          ${props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))}
         `;
   }
-  return css`
-        border-color: ${props.theme.getColor('gray-600')};
-        ${props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-100'))};
-      `;
 }}
   }
-  /* Read-only state */
-  ${props => props.readOnly && css`
-      cursor: default;
-      ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))} !important;
-      &:hover {
-        ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))} !important;
-      }
-      &:focus {
-        outline: none;
-        ${props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))} !important;
-      }
-    `}
-  /* Disabled state */
-  ${props => props.disabled && css`
-      opacity: 0.5;
-      cursor: not-allowed;
-      pointer-events: none;
-      background: none !important;
-    `}
-  /* Link styling */
-  ${props => props.$haslink && css`
-      cursor: pointer;
-      ${props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))};
-      &:hover:not([readonly]):not([disabled]) {
-        text-decoration: underline;
-      }
-      &[readonly],
-      &[disabled] {
-        cursor: default;
-        text-decoration: none;
-      }
-    `}
-  &::placeholder {
+  &&::placeholder {
     color: inherit;
     opacity: 0.6;
   }
+  &&:hover::placeholder {
+    ${props => {
+  if (props.$type === 'warning') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+  } else if (props.$type === 'error') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'));
+  }
+  return '';
+}}
+  }
+  &&:focus::placeholder {
+    ${props => {
+  if (props.$type === 'warning') {
+    return props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('gray-900'));
+  } else if (props.$type === 'error') {
+    return props.theme.themeProp('color', props.theme.getColor('red-600'), props.theme.getColor('red-600'));
+  }
+  return '';
+}}
+  }
   ${props => props.$bold && css`
       font-size: 1rem;
       font-weight: 500;
+      line-height: 1.0625;
+      padding-top: 3px;
+      padding-bottom: 2px;
     `}
 `;
-const linkColor = css`
-  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}
-  ${props => !props.$disabled && css`
-      &:hover {
-        text-decoration: underline;
-      }
-    `}
-`;
-const commonAnchorTagStyle = css`
-  a,
-  && {
-    font-size: 0.875rem;
-    text-decoration: none;
-  }
-`;
-const readOnlyBackground = css`
-  ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
-`;
 const LinkPopoverContainer = styled.div.withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
   ${commonAnchorTagStyle}
   padding: 5px 8px;
   svg {
     width: 18px;
     margin-right: 8px;

package/build/inputs/CompactTextInput/CompactTextInput.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompactTextInput.styled.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => !prop.startsWith('$');\n\nexport const CompactTextInput = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const Label = styled.label.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ${props =>\n props.$disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nexport const InputContainer = styled.div.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n position: relative;\n height: 19px;\n flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nconst SuccessContainerBase = styled.div.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n transition: opacity 0.5s ease-in-out;\n opacity: ${props => (props.$type === 'loading' \|\| props.$type === 'success' ? 1 : 0)};\n pointer-events: none;\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-500'))};\n > svg {\n width: 13px;\n }\n`;\n\nexport const SuccessContainer = styled(SuccessContainerBase)`\n margin-right: 5px;\n`;\n\nexport const InputSuccessContainer = styled(SuccessContainerBase)`\n position: absolute;\n top: 0;\n right: 8px;\n height: 100%;\n`;\n\nexport const InputIconContainer = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n pointer-events: none;\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n padding: 5px 10px 0 0;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n \n ${props => {\n if (props.$type === 'warning') {\n return css`\n color: #c3af43;\n ${props.theme.themeProp(\n 'background',\n 'linear-gradient(-90deg, #816600 55%, transparent)',\n 'linear-gradient(-90deg, #fffebf 55%, transparent)'\n )};\n `;\n }\n if (props.$type === 'error') {\n return css`\n color: #cb968f;\n ${props.theme.themeProp(\n 'background',\n 'linear-gradient(-90deg, #901d1d 55%, transparent)',\n 'linear-gradient(-90deg, #f7d5d0 55%, transparent)'\n )};\n `;\n }\n return css`\n color: ${props.theme.getColor('gray-400')};\n ${props.theme.themeProp(\n 'background',\n 'linear-gradient(-90deg, ' + props.theme.getColor('gray-700') + ' 55%, transparent)',\n 'linear-gradient(-90deg, ' + props.theme.getColor('gray-100') + ' 55%, transparent)'\n )};\n `;\n }}\n \n > svg {\n width: 12px;\n }\n`;\n\nexport const Input = styled.input.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n ${props => props.theme.themeProp('color', props.theme.getColor('gray-200'), props.theme.getColor('gray-700'))};\n ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))};\n\n /* Type-specific backgrounds - these override the default /\n ${props =>\n props.$type === 'error' &&\n css`\n ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;\n `}\n \n ${props =>\n props.$type === 'warning' &&\n css`\n ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;\n `}\n\n / Edit mode styling /\n ${props =>\n props.$edit &&\n css`\n &:not(:hover):not(:focus) {\n ${props.$type === 'error'\n ? props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')\n : props.$type === 'warning'\n ? props.theme.themeProp('background', '#634E01', '#FFFDE8')\n : props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n ${props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n }\n `}\n\n / Hover state /\n &:hover:not(:focus):not([readonly]):not([disabled]) {\n ${props => {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n }\n if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#806403', '#FFFEBF');\n }\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n );\n }}\n \n ${props =>\n props.$edit &&\n css`\n ${props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n `}\n \n & + ${InputIconContainer} {\n opacity: 1;\n }\n }\n\n / Focus state /\n &:focus:not([readonly]):not([disabled]) {\n outline: none;\n \n ${props => {\n if (props.$type === 'error') {\n return css`\n border-color: #d83018;\n background: white;\n color: black;\n `;\n }\n if (props.$type === 'warning') {\n return css`\n border-color: #f4e21e;\n background: white;\n color: black;\n `;\n }\n return css`\n border-color: ${props.theme.getColor('gray-600')};\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n `;\n }}\n }\n\n / Read-only state /\n ${props =>\n props.readOnly &&\n css`\n cursor: default;\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )} !important;\n\n &:hover {\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )} !important;\n }\n\n &:focus {\n outline: none;\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )} !important;\n }\n `}\n\n / Disabled state /\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n background: none !important;\n `}\n\n / Link styling */\n ${props =>\n props.$haslink &&\n css`\n cursor: pointer;\n ${props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))};\n &:hover:not([readonly]):not([disabled]) {\n text-decoration: underline;\n }\n &[readonly],\n &[disabled] {\n cursor: default;\n text-decoration: none;\n }\n `}\n\n &::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n ${props =>\n props.$bold &&\n css`\n font-size: 1rem;\n font-weight: 500;\n `}\n`;\n\nconst linkColor = css`\n ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}\n ${props =>\n !props.$disabled &&\n css`\n &:hover {\n text-decoration: underline;\n }\n `}\n`;\n\nconst commonAnchorTagStyle = css`\n a,\n && {\n font-size: 0.875rem;\n text-decoration: none;\n }\n`;\n\nconst readOnlyBackground = css`\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n`;\n\nexport const LinkPopoverContainer = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n ${commonAnchorTagStyle}\n padding: 5px 8px;\n svg {\n width: 18px;\n margin-right: 8px;\n }\n`;\n\nexport const StyledLink = styled.a.withConfig({ shouldForwardProp }).attrs(applyDefaultTheme)`\n ${commonAnchorTagStyle}\n ${linkColor}\n`;\n\nexport const ReadOnlyLinkContainer = styled.div\n .withConfig({ shouldForwardProp })\n .attrs(applyDefaultTheme)`\n ${readOnlyBackground};\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","CompactTextInput","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily","Label","label","themeProp","getColor","$disabled","css","InputContainer","$hasLabel","SuccessContainerBase","$type","SuccessContainer","InputSuccessContainer","InputIconContainer","Input","input","$edit","readOnly","disabled","$haslink","$bold","linkColor","commonAnchorTagStyle","readOnlyBackground","LinkPopoverContainer","StyledLink","a","ReadOnlyLinkContainer"],"mappings":"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"}
1	+ {"version":3,"file":"CompactTextInput.styled.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst linkColor = css`\n ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}\n ${props =>\n !props.disabled &&\n css`\n &:hover {\n text-decoration: underline;\n }\n `}\n`;\n\nconst commonAnchorTagStyle = css`\n a,\n && {\n font-size: 0.875rem;\n text-decoration: none;\n }\n`;\n\nconst readOnlyBackground = css`\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n )}\n`;\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactTextInput = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const Label = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n justify-content: space-between;\n height: 19px;\n display: flex;\n align-items: center;\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nexport const InputContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n position: relative;\n height: 19px;\n flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n > svg {\n width: 13px;\n }\n`;\n\nexport const InputSuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n justify-content: flex-end;\n transition: opacity 0.5s ease-in-out;\n position: relative;\n margin-top: -20px;\n margin-right: 8px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n > svg {\n width: 13px;\n }\n`;\n\nexport const InputIconContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 0;\n pointer-events: none;\n border-top-right-radius: 3px;\n border-bottom-right-radius: 3px;\n padding: 5px 10px 0 0;\n transition: opacity 250ms;\n ${props =>\n props.theme.themeProp(\n 'background',\n css`\n linear-gradient(-90deg,\n ${props =>\n props.$type === 'error'\n ? '#901d1d'\n : props.$type === 'warning'\n ? '#816600'\n : props.theme.getColor('gray-700')} 55%,\n transparent)\n `,\n css`\n linear-gradient(-90deg,\n ${props =>\n props.$type === 'error'\n ? '#f7d5d0'\n : props.$type === 'warning'\n ? '#fffebf'\n : props.theme.getColor('gray-100')} 55%,\n transparent)\n `\n )};\n\n display: flex;\n align-items: center;\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n color: ${props => props.theme.getColor('gray-400')};\n\n ${props => props.$type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}\n\n ${props => props.$type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}\n\n > svg {\n width: 12px;\n transition: opacity 250ms;\n }\n`;\n\n// @ts-ignore - Transient props ($type, $edit, $bold, $haslink) are filtered by shouldForwardProp\nexport const Input = styled.input\n .withConfig({\n shouldForwardProp\n })\n .attrs(props => ({\n ...applyDefaultTheme(props),\n type: props.inputtype \|\| 'text'\n }))`\n box-sizing: border-box;\n height: 22px;\n width: 100%;\n display: block;\n font-size: 0.875rem;\n line-height: 1rem;\n font-family: inherit;\n padding: 1px 10px;\n border-radius: 3px;\n border: 1px solid transparent;\n transition: border-color 350ms, background 350ms;\n\n ${props => {\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;\n `;\n } else if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;\n `;\n } else {\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-900'),\n props.theme.getColor('white')\n );\n }\n }}\n\n ${props =>\n props.readOnly &&\n css`\n cursor: default;\n `}\n\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n\n\n\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n\n ${props =>\n props.$haslink &&\n css`\n &&:not(:focus),\n &&:read-only {\n ${linkColor}\n }\n &&:read-only {\n cursor: default;\n }\n `};\n\n &&:not(:hover):not(:focus) {\n ${props => {\n if (props.$edit) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n } else {\n return props.theme.themeProp(\n 'background',\n 'rgba(39,39,42, 0.7)',\n 'rgba(244,244,245, 0.3)'\n );\n }\n }\n }}\n\n ${props =>\n props.$edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n \n ${props =>\n props.$haslink &&\n css`\n &&:not(:focus),\n &&:read-only {\n cursor: default;\n ${linkColor}\n }\n `}\n }\n\n &&:hover:not(:focus) {\n ${props => {\n if (props.readOnly) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return readOnlyBackground;\n }\n\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#901d1d', '#F7D5D0');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#806403', '#FFFEBF');\n } else {\n return props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n );\n }\n }}\n\n ${props =>\n props.$edit &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n\n ${props =>\n props.$haslink &&\n css`\n cursor: pointer;\n &&:read-only {\n background: none !important;\n cursor: default;\n }\n `}\n \n & + ${InputIconContainer} {\n opacity: 1;\n ${props =>\n props.$type === 'success' &&\n css`\n opacity: 0;\n `}\n }\n\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n \n ${props =>\n props.disabled &&\n props.$haslink &&\n css`\n background: none !important;\n cursor: not-allowed !important;\n `}\n }\n\n &&:focus {\n outline: none;\n\n ${props => {\n if (props.readOnly) {\n if (props.$type === 'error') {\n return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n } else if (props.$type === 'warning') {\n return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n }\n return readOnlyBackground;\n }\n\n if (props.$type === 'error') {\n return css`\n ${props.theme.themeProp('border-color', '#D83018', '#D83018')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else if (props.$type === 'warning') {\n return css`\n ${props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props.theme.themeProp('background', 'white', 'white')}\n ${props.theme.themeProp('color', 'black', 'black')}\n `;\n } else {\n return css`\n border-color: ${props.theme.getColor('gray-600')};\n ${props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )}\n `;\n }\n }}\n }\n\n &&::placeholder {\n color: inherit;\n opacity: 0.6;\n }\n\n &&:hover::placeholder {\n ${props => {\n if (props.$type === 'warning') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n );\n } else if (props.$type === 'error') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n );\n }\n return '';\n }}\n }\n\n &&:focus::placeholder {\n ${props => {\n if (props.$type === 'warning') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-900'),\n props.theme.getColor('gray-900')\n );\n } else if (props.$type === 'error') {\n return props.theme.themeProp(\n 'color',\n props.theme.getColor('red-600'),\n props.theme.getColor('red-600')\n );\n }\n return '';\n }}\n }\n\n ${props =>\n props.$bold &&\n css`\n font-size: 1rem;\n font-weight: 500;\n line-height: 1.0625;\n padding-top: 3px;\n padding-bottom: 2px;\n `}\n`;\n\nexport const LinkPopoverContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${commonAnchorTagStyle}\n\n padding: 5px 8px;\n\n svg {\n width: 18px;\n margin-right: 8px;\n }\n`;\n\nexport const StyledLink = styled.a\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${commonAnchorTagStyle}\n ${linkColor}\n`;\n\nexport const ReadOnlyLinkContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${readOnlyBackground};\n border: 1px solid transparent;\n border-radius: 3px;\n padding: 0 10px 1px;\n`;\n"],"names":["linkColor","css","props","theme","themeProp","getColor","disabled","commonAnchorTagStyle","readOnlyBackground","shouldForwardProp","prop","startsWith","CompactTextInput","styled","div","withConfig","attrs","applyDefaultTheme","primaryFontFamily","Label","label","InputContainer","$hasLabel","SuccessContainer","InputSuccessContainer","InputIconContainer","$type","Input","input","type","inputtype","readOnly","$haslink","$edit","$bold","LinkPopoverContainer","StyledLink","a","ReadOnlyLinkContainer"],"mappings":"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"}