@eturnity/eturnity_reusable_components 7.48.1-EPDM-12680.26 → 7.48.1-EPDM-4900.0

package/src/components/inputs/inputText/index.vue

@@ -31,10 +31,8 @@
           <InputContainer
             ref="inputElement"
             :background-color="backgroundColor"
-            :border-color="borderColor"
             :data-id="inputDataId"
             data-test-id="input"
-            :default-padding="defaultPadding"
             :disabled="disabled"
             :disabled-background-color="disabledBackgroundColor"
             :font-color="fontColor"
@@ -66,13 +64,6 @@
           <IconWrapper v-if="hasError" data-test-id="error_wrapper" size="16px">
             <Icon cursor="default" name="warning" size="16px" />
           </IconWrapper>
-          <IconWrapper
-            v-if="iconName && !hasError && inputType !== 'password'"
-            :default-padding="defaultPadding"
-            size="16px"
-          >
-            <Icon color="white" cursor="default" :name="iconName" size="16px" />
-          </IconWrapper>
         </IconContainer>
         <ErrorMessage
           v-if="hasError && hasErrorMessage"
@@ -140,7 +131,6 @@
     borderColor: String,
     inputHeight: String,
     disabledBackgroundColor: String,
-    defaultPadding: Boolean,
   }
   const InputContainer = styled('input', inputProps)`
     border: ${(props) =>
@@ -158,8 +148,6 @@
         ? '11px 25px 11px 10px'
         : props.inputType === 'password'
         ? '11px 25px 11px 10px'
-        : props.defaultPadding
-        ? '10px 35px 10px 15px'
         : '11px 5px 11px 10px'};
     border-radius: 4px;
     position: relative;
@@ -206,13 +194,13 @@
       props.alignItems === 'vertical' || !props.hasLabel ? '1fr' : 'auto 1fr'};
   `
 
-  const IconAttrs = { size: String, defaultPadding: Boolean }
+  const IconAttrs = { size: String }
   const IconWrapper = styled('div', IconAttrs)`
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
-    right: ${(props) => (props.defaultPadding ? '15px' : '5px')};
+    right: 5px;
     height: ${(props) => (props.size ? props.size : 'auto')};
   `
 
@@ -376,15 +364,6 @@
         default: '',
         type: String,
       },
-      iconName: {
-        required: false,
-        default: null,
-        type: String,
-      },
-      defaultPadding: {
-        required: false,
-        default: false,
-      },
     },
     data() {
       return {

package/src/components/inputs/radioButton/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ComponentWrapper :color-mode="colorMode" :layout="layout">
+  <ComponentWrapper :layout="layout">
     <RadioWrapper
       v-for="(item, index) in options"
       :key="item.value"
@@ -7,9 +7,7 @@
     >
       <LabelContainer
         :checkmark-color="checkmarkColor"
-        :color-mode="colorMode"
         :has-label="!!item.label"
-        :has-slots="!!$slots[`input-${item.value}`]"
         :is-checked="selectedOption === item.value"
         :is-disabled="item.disabled"
         :size="size"
@@ -27,7 +25,6 @@
         <span class="checkmark"></span>
         <LabelText
           v-if="item.label"
-          :color-mode="colorMode"
           :data-test-id="'radioLabel_' + item.value"
           :is-disabled="item.disabled"
         >
@@ -39,7 +36,6 @@
           size="16px"
           :text="item.infoText"
         />
-        <slot :name="`input-${item.value}`"></slot>
       </LabelContainer>
       <ImageContainer v-if="item.img">
         <RadioImage
@@ -99,14 +95,12 @@
 
   const wrapperProps = {
     layout: String,
-    colorMode: String,
   }
   const ComponentWrapper = styled('div', wrapperProps)`
     display: flex;
     flex-direction: ${(props) =>
       props.layout === 'vertical' ? 'column' : 'row'};
-    grid-gap: ${(props) =>
-      props.colorMode === 'transparent' ? '16px 5px' : '10px 5px'};
+    grid-gap: 10px 5px;
     flex-wrap: wrap;
   `
 
@@ -129,20 +123,14 @@
     isChecked: Boolean,
     checkmarkColor: String,
     hasLabel: Boolean,
-    colorMode: String,
-    hasSlots: Boolean,
   }
   const LabelContainer = styled('label', containerProps)`
     display: grid;
     grid-template-columns: auto 1fr auto;
-    grid-gap: ${(props) => (props.hasLabel || props.hasSlots ? '15px' : 0)};
+    grid-gap: ${(props) => (props.hasLabel ? '15px' : 0)};
     align-items: center;
     color: ${(props) =>
-      props.isDisabled
-        ? props.theme.colors.grey2
-        : props.colorMode === 'transparent'
-        ? props.theme.colors.white
-        : props.theme.colors.black};
+      props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
     position: relative;
     cursor: ${(props) => (props.isDisabled ? 'not-allowed' : 'pointer')};
     font-size: ${(props) =>
@@ -199,14 +187,10 @@
     }
   `
 
-  const textAttrs = { isDisabled: Boolean, colorMode: String }
+  const textAttrs = { isDisabled: Boolean }
   const LabelText = styled('div', textAttrs)`
     color: ${(props) =>
-      props.isDisabled
-        ? props.theme.colors.grey2
-        : props.colorMode === 'transparent'
-        ? props.theme.colors.white
-        : props.theme.colors.black};
+      props.isDisabled ? props.theme.colors.grey2 : props.theme.colors.black};
   `
 
   const RadioImage = styled.img`
@@ -296,11 +280,6 @@
         required: false,
         type: String,
       },
-      colorMode: {
-        default: '',
-        required: false,
-        type: String,
-      },
     },
     emits: ['on-radio-change'],
     data() {

package/src/components/inputs/select/index.vue

@@ -17,9 +17,7 @@
       >
         <InputLabel
           :font-color="
-            labelFontColor || colorMode == 'dark' || colorMode == 'transparent'
-              ? 'white'
-              : 'eturnityGrey'
+            labelFontColor || colorMode == 'dark' ? 'white' : 'eturnityGrey'
           "
           :font-size="fontSize"
           >{{ label }}
@@ -42,26 +40,18 @@
         <SelectButton
           ref="select"
           :bg-color="
-            buttonBgColor || colorMode == 'dark'
-              ? 'transparentBlack1'
-              : colorMode == 'transparent'
-              ? 'transparent'
-              : 'white'
+            buttonBgColor || colorMode == 'dark' ? 'transparentBlack1' : 'white'
           "
           class="select-button"
-          :color-mode="colorMode"
           :data-id="dataId"
           :disabled="disabled"
           :font-color="
-            buttonFontColor || colorMode == 'dark' || colorMode == 'transparent'
-              ? 'white'
-              : 'black'
+            buttonFontColor || colorMode == 'dark' ? 'white' : 'black'
           "
           :font-size="fontSize"
           :has-error="hasError"
           :has-no-padding="isSearchBarVisible || !hasSelectButtonPadding"
           :height="height"
-          :is-search-bar-visible="isSearchBarVisible"
           :no-relative="noRelative"
           :padding-left="paddingLeft"
           :select-height="selectHeight"
@@ -82,11 +72,7 @@
             ref="searchInput"
             background-color="transparent"
             :font-color="
-              buttonFontColor ||
-              colorMode == 'dark' ||
-              colorMode == 'transparent'
-                ? 'white'
-                : 'black'
+              buttonFontColor || colorMode == 'dark' ? 'white' : 'black'
             "
             :font-size="fontSize"
             input-height="34px"
@@ -106,30 +92,26 @@
           >
             <slot name="selector" :selected-value="selectedValue"></slot>
           </Selector>
-          <Caret
-            class="caret_dropdown"
-            :color-mode="colorMode"
-            @click.stop="toggleCaretDropdown"
-          >
+          <Caret class="caret_dropdown" @click.stop="toggleCaretDropdown">
             <Icon
               v-if="isDropdownOpen"
               :color="
-                caretColor || colorMode == 'dark' || colorMode == 'transparent'
+                caretColor || colorMode == 'dark'
                   ? 'white'
                   : 'transparentBlack1'
               "
               name="arrow_up"
-              :size="colorMode === 'transparent' ? '8px' : '12px'"
+              size="12px"
             />
             <Icon
               v-else
               :color="
-                caretColor || colorMode == 'dark' || colorMode == 'transparent'
+                caretColor || colorMode == 'dark'
                   ? 'white'
                   : 'transparentBlack1'
               "
               name="arrow_down"
-              :size="colorMode === 'transparent' ? '8px' : '12px'"
+              size="12px"
             />
           </Caret>
         </SelectButton>
@@ -139,27 +121,15 @@
               v-show="isSelectDropdownShown"
               ref="dropdown"
               :bg-color="
-                dropdownBgColor ||
-                colorMode == 'dark' ||
-                colorMode == 'transparent'
-                  ? 'black'
-                  : 'white'
+                dropdownBgColor || colorMode == 'dark' ? 'black' : 'white'
               "
               :dropdown-position="dropdownPosition"
               :font-color="
-                dropdownFontColor ||
-                colorMode == 'dark' ||
-                colorMode == 'transparent'
-                  ? 'white'
-                  : 'black'
+                dropdownFontColor || colorMode == 'dark' ? 'white' : 'black'
               "
               :font-size="fontSize"
               :hovered-bg-color="
-                colorMode == 'dark'
-                  ? '#000000'
-                  : colorMode == 'transparent'
-                  ? 'grey6'
-                  : dropdownBgColor
+                colorMode == 'dark' ? '#000000' : dropdownBgColor
               "
               :hovered-index="hoveredIndex"
               :hovered-value="hoveredValue"
@@ -216,15 +186,12 @@
   const CARET_WIDTH = '30px'
   const BORDER_WIDTH = '1px'
 
-  const CaretAttrs = { colorMode: String }
-  const Caret = styled('div', CaretAttrs)`
+  const Caret = styled.div`
     display: flex;
     align-items: center;
     justify-content: center;
-    width: ${(props) =>
-      props.colorMode === 'transparent' ? '15px' : CARET_WIDTH};
-    min-width: ${(props) =>
-      props.colorMode === 'transparent' ? '15px' : CARET_WIDTH};
+    width: ${CARET_WIDTH};
+    min-width: ${CARET_WIDTH};
     height: 100%;
     align-items: center;
     cursor: pointer;
@@ -263,7 +230,6 @@
   `
   const OptionalLabel = styled.span`
     font-weight: 300;
-    text-transform: lowercase;
   `
   const inputProps = {
     selectWidth: String,
@@ -308,8 +274,6 @@
     noRelative: Boolean,
     tablePaddingLeft: String,
     showDisabledBackground: Boolean,
-    colorMode: String,
-    isSearchBarVisible: Boolean,
   }
   const SelectButton = styled('div', selectButtonAttrs)`
     position: ${(props) => (props.noRelative ? 'static' : 'relative')};
@@ -317,11 +281,7 @@
     border-radius: 4px;
     max-width: ${(props) => (props.selectWidth ? props.selectWidth : '100%')};
     ${(props) =>
-      props.colorMode === 'transparent'
-        ? props.isSearchBarVisible
-          ? 'padding: 10px 15px 10px 5px;'
-          : 'padding: 10px 15px;'
-        : props.isSearchBarVisible
+      props.isSearchBarVisible
         ? ''
         : `padding-left: ${
             props.hasNoPadding
@@ -349,22 +309,14 @@
         hasError ? theme.colors.red : theme.colors.grey4
       }
   `}
-    opacity: ${(props) =>
-      props.colorMode === 'transparent' && props.disabled ? '0.4' : '1'};
-    background-color: ${(props) =>
-      props.colorMode === 'transparent'
-        ? 'transparent'
-        : props.disabled && props.showDisabledBackground
-        ? props.theme.colors.disabled
+    background-color:${(props) =>
+      props.disabled && props.showDisabledBackground
+        ? props.theme.colors.grey5
         : props.theme.colors[props.bgColor]
         ? props.theme.colors[props.bgColor]
         : props.bgColor};
     color: ${(props) =>
-      props.colorMode === 'transparent'
-        ? props.theme.colors.white
-        : props.disabled && props.showDisabledBackground
-        ? props.theme.colors.black
-        : props.theme.colors[props.fontColor]
+      props.theme.colors[props.fontColor]
         ? props.theme.colors[props.fontColor]
         : props.fontColor};
     ${(props) => (props.disabled ? 'pointer-events: none' : '')};
@@ -661,7 +613,7 @@
         if (this.isDropdownOpen) {
           return this.$refs.dropdown.$el.childElementCount > 1
             ? this.$refs.dropdown.$el.childElementCount
-            : this.$refs.dropdown.$el.children[0]
+            : !!this.$refs.dropdown.$el.children[0]
             ? this.$refs.dropdown.$el.children[0].childElementCount
             : 0
         }

package/src/components/inputs/select/option/index.vue

@@ -1,12 +1,6 @@
 <template>
   <OptionContainer
-    :background-color="
-      colorMode == 'dark'
-        ? '#000000'
-        : colorMode == 'transparent'
-        ? 'black'
-        : backgroundColor
-    "
+    :background-color="colorMode == 'dark' ? '#000000' : backgroundColor"
     :cursor-type="cursorType"
     :data-value="value"
     :disabled-bg-color="disabledBgColor"
@@ -14,8 +8,6 @@
     :hovered-bg-color="
       colorMode == 'dark'
         ? '#000000'
-        : colorMode == 'transparent'
-        ? 'grey6'
         : hoveredBgColor
         ? hoveredBgColor
         : 'grey5'
@@ -138,8 +130,7 @@
         default: '12px 10px',
       },
       textColor: {
-        type: String,
-        required: false,
+        type: true,
         default: 'inherit',
       },
     },

package/src/components/markerItem/index.vue

@@ -12,7 +12,7 @@
         :name="iconName"
         size="10px"
       />
-      <span :title="label">{{ label }}</span>
+      <span>{{ label }}</span>
     </MarkerContainer>
   </PageContainer>
 </template>
@@ -60,13 +60,6 @@
     border-radius: 4px;
     white-space: nowrap;
     cursor: ${(props) => (props.isEditionAllowed ? 'pointer' : props.cursor)};
-    overflow: hidden;
-    text-overflow: ellipsis;
-
-    span {
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
   `
 
   export default {

package/src/components/spinner/index.vue

@@ -3,7 +3,6 @@
     <Container>
       <SpinnerWrapper data-test-id="spinner_full_wrapper">
         <SpinnerSvg
-          :class="{ white: isWhite }"
           data-test-id="spinner_full_icon"
           :style="{ width: size, height: size }"
         />
@@ -17,7 +16,6 @@
   >
     <SpinnerWrapper data-test-id="spinner_wrapper">
       <SpinnerSvg
-        :class="{ white: isWhite }"
         data-test-id="spinner_icon"
         :style="{ width: size, height: size }"
       />
@@ -56,10 +54,6 @@
   const SpinnerWrapper = styled.div`
     width: ${(props) => (props.size ? props.size : '60px')};
     height: auto;
-
-    .white {
-      filter: brightness(0) invert(1);
-    }
   `
 
   export default {
@@ -86,11 +80,6 @@
         default: '60px',
         type: String,
       },
-      isWhite: {
-        required: false,
-        default: false,
-        type: Boolean,
-      },
     },
   }
 </script>

package/src/assets/svgIcons/checkmark.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17.0686 17.0686C20.9771 13.1601 20.9771 6.83992 17.0686 2.93139C13.1601 -0.977131 6.83992 -0.977131 2.93139 2.93139C-0.977131 6.83992 -0.977131 13.1601 2.93139 17.0686C6.83992 20.9771 13.1601 20.9771 17.0686 17.0686ZM6.42412 8.50312L8.66944 10.7484L13.5759 5.842L15.3222 7.58836L10.4158 12.4948L8.66944 14.158L6.92308 12.4948L4.67775 10.2495L6.42412 8.50312Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/collapse_all.svg

@@ -1,4 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none">
-  <path d="M3 2L7 5L11 2" stroke="white" stroke-width="1.27273" class="fix"/>
-  <path d="M3 12L7 9L11 12" stroke="white" stroke-width="1.27273" class="fix"/>
-</svg>

package/src/assets/svgIcons/expand_all.svg

@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99998 1.20459L11.3818 4.49095L10.6182 5.50914L6.99998 2.7955L3.3818 5.50914L2.61816 4.49095L6.99998 1.20459Z" fill="#263238"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99998 12.7954L11.3818 9.50905L10.6182 8.49086L6.99998 11.2045L3.3818 8.49086L2.61816 9.50905L6.99998 12.7954Z" fill="#263238"/>
-</svg>

package/src/assets/svgIcons/export_document.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.75 0H8.33405L11.7467 3.41264V6.7202H10.5248V4.88741H6.85927V1.22185H1.97185V12.2185H5.63741V13.4404H0.75V0ZM8.08112 1.47478V3.66556H10.2719L8.08112 1.47478ZM10.5554 7.99581L13.5233 10.9979L10.5554 14L9.68664 13.141L11.2017 11.6088H6.85805V10.387H11.2017L9.68664 8.85477L10.5554 7.99581Z" fill="#0D0D0D"/>
-</svg>

package/src/assets/svgIcons/hybrid.svg

@@ -1,4 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M4.22998 11.8962H10.5006H12.2505V10.1463V8.97906H14.0004V5.47917H12.2505V4.31283V2.56289V2.55151H10.5006V2.56289H8.58218L7.76617 4.31283H10.5006V10.1463H5.04599L4.22998 11.8962Z" fill="white"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M7.2622 4.79738C6.91629 4.63687 6.53076 4.54729 6.12431 4.54729C4.63054 4.54729 3.41919 5.75796 3.41919 7.25241C3.41919 8.33588 4.05591 9.26984 4.97534 9.70158L7.2622 4.79738ZM5.44786 3.11681C5.44786 3.49042 5.7507 3.79326 6.12431 3.79326C6.49793 3.79326 6.80077 3.49042 6.80077 3.11681V1.76459C6.80077 1.39097 6.49793 1.08813 6.12431 1.08813C5.7507 1.08813 5.44786 1.39097 5.44786 1.76459V3.11681ZM2.02818 7.88939H0.675962C0.302349 7.88939 -0.000488281 7.58655 -0.000488281 7.21294C-0.000488281 6.83932 0.302349 6.53649 0.675962 6.53649H2.02818C2.4018 6.53649 2.70463 6.83932 2.70463 7.21294C2.70463 7.58655 2.4018 7.88939 2.02818 7.88939ZM3.7057 10.5877L2.74955 11.5439C2.4855 11.8079 2.05745 11.8079 1.7934 11.5439C1.52935 11.2798 1.52935 10.8518 1.7934 10.5877L2.74955 9.63155C3.0136 9.36751 3.44165 9.36751 3.7057 9.63155C3.96975 9.8956 3.96975 10.3237 3.7057 10.5877ZM2.74955 4.79432L1.7934 3.83817C1.52935 3.57412 1.52935 3.14607 1.7934 2.88202C2.05745 2.61797 2.4855 2.61797 2.74955 2.88202L3.7057 3.83817C3.96975 4.10222 3.96975 4.53027 3.7057 4.79432C3.44165 5.05837 3.0136 5.05837 2.74955 4.79432Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/module.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0722 3.6H1.6V10.4H11.0722L7.87332 7.60217L7.18484 7L7.87332 6.39783L11.0722 3.6ZM12.4 9.43572V4.56428L9.61516 7L12.4 9.43572ZM0 2H1.6H12.4H14V3.6V10.4V12H12.4H1.6H0V10.4V3.6V2Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/move_down.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.875 7.63636H4.55V0H9.45V7.63636H13.125L7 14L0.875 7.63636Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/move_up.svg

@@ -1,3 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M0.875 6.36364H4.55V14H9.45V6.36364H13.125L7 0L0.875 6.36364Z" fill="#B2B9C5"/>
-</svg>

package/src/assets/svgIcons/optimizer.svg

@@ -1,6 +0,0 @@
-<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="3.11079" y="3.10981" width="7.77778" height="7.77778" stroke="white" stroke-width="1.55556"/>
-<line x1="3.72749" y1="10.3387" x2="10.7275" y2="3.3387" stroke="white" stroke-width="1.55556"/>
-<line x1="-0.000366211" y1="7.05425" x2="2.99963" y2="7.05425" stroke="white" stroke-width="1.55556"/>
-<line x1="10.9994" y1="6.99957" x2="13.9994" y2="6.99957" stroke="white" stroke-width="1.55556"/>
-</svg>

package/src/assets/svgIcons/string_design.svg

@@ -1,5 +0,0 @@
-<svg width="10" height="11" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M2.85714 1.92857C2.85714 2.71755 2.21755 3.35714 1.42857 3.35714C0.639593 3.35714 0 2.71755 0 1.92857C0 1.13959 0.639593 0.5 1.42857 0.5C2.21755 0.5 2.85714 1.13959 2.85714 1.92857Z" fill="white"/>
-<path d="M10 9.07143C10 9.86041 9.36041 10.5 8.57143 10.5C7.78245 10.5 7.14286 9.86041 7.14286 9.07143C7.14286 8.28245 7.78245 7.64286 8.57143 7.64286C9.36041 7.64286 10 8.28245 10 9.07143Z" fill="white"/>
-<path d="M5.71429 3C5.71429 2.40827 6.19398 1.92857 6.78571 1.92857C7.37745 1.92857 7.85714 2.40827 7.85714 3V6.21429H9.28571V3C9.28571 1.61929 8.16643 0.5 6.78571 0.5C5.405 0.5 4.28571 1.61929 4.28571 3V8C4.28571 8.59173 3.80602 9.07143 3.21429 9.07143C2.62255 9.07143 2.14286 8.59173 2.14286 8V4.78571H0.714286V8C0.714286 9.38071 1.83357 10.5 3.21429 10.5C4.595 10.5 5.71429 9.38071 5.71429 8V3Z" fill="white"/>
-</svg>

package/src/assets/svgIcons/string_directions.svg

@@ -1,10 +0,0 @@
-<svg width="30" height="30" viewBox="8 8 14 14" fill="#263238" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_908_47480)" fill="#263238">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 19.75V8.5H9.5V19.75C9.5 20.1642 9.83579 20.5 10.25 20.5C10.6642 20.5 11 20.1642 11 19.75V10.25C11 9.2835 11.7835 8.5 12.75 8.5C13.7165 8.5 14.5 9.2835 14.5 10.25V21.5H13.5V10.25C13.5 9.83579 13.1642 9.5 12.75 9.5C12.3358 9.5 12 9.83579 12 10.25V19.75C12 20.7165 11.2165 21.5 10.25 21.5C9.2835 21.5 8.5 20.7165 8.5 19.75ZM20 9.5H15.5V8.5H20C20.8284 8.5 21.5 9.17157 21.5 10C21.5 10.8284 20.8284 11.5 20 11.5H17C16.7239 11.5 16.5 11.7239 16.5 12C16.5 12.2761 16.7239 12.5 17 12.5H20C20.8284 12.5 21.5 13.1716 21.5 14C21.5 14.8284 20.8284 15.5 20 15.5H17C16.7239 15.5 16.5 15.7239 16.5 16C16.5 16.2761 16.7239 16.5 17 16.5H20C20.8284 16.5 21.5 17.1716 21.5 18C21.5 18.8284 20.8284 19.5 20 19.5H17C16.7239 19.5 16.5 19.7239 16.5 20C16.5 20.2761 16.7239 20.5 17 20.5H21.5V21.5H17C16.1716 21.5 15.5 20.8284 15.5 20C15.5 19.1716 16.1716 18.5 17 18.5H20C20.2761 18.5 20.5 18.2761 20.5 18C20.5 17.7239 20.2761 17.5 20 17.5H17C16.1716 17.5 15.5 16.8284 15.5 16C15.5 15.1716 16.1716 14.5 17 14.5H20C20.2761 14.5 20.5 14.2761 20.5 14C20.5 13.7239 20.2761 13.5 20 13.5H17C16.1716 13.5 15.5 12.8284 15.5 12C15.5 11.1716 16.1716 10.5 17 10.5H20C20.2761 10.5 20.5 10.2761 20.5 10C20.5 9.72386 20.2761 9.5 20 9.5Z" fill="white"/>
-</g>
-<defs>
-<clipPath id="clip0_908_47480">
-<rect width="14" height="14" fill="white" transform="translate(8 8)"/>
-</clipPath>
-</defs>
-</svg>