Remove hideBorder

Author: PelayoFelgueroso

apps/website/screens/components/select/code/SelectCodePage.tsx

@@ -92,16 +92,6 @@ const sections = [
             <td>Helper text to be placed above the select.</td>
             <td>-</td>
           </tr>
-          <tr>
-            <td>hideBorder</td>
-            <td>
-              <TableCode>boolean</TableCode>
-            </td>
-            <td>If true, the select will not have a border in the default state.</td>
-            <td>
-              <TableCode>false</TableCode>
-            </td>
-          </tr>
           <tr>
             <td>label</td>
             <td>

packages/lib/src/select/Select.stories.tsx

@@ -362,10 +362,6 @@ const Select = () => (
       <Title title="xxlarge margin" theme="light" level={4} />
       <DxcSelect label="xxLarge" options={singleOptions} margin="xxlarge" />
     </ExampleContainer>
-    <ExampleContainer>
-      <Title title="No border" theme="light" level={4} />
-      <DxcSelect label="No border" options={singleOptions} hideBorder defaultValue="1" />
-    </ExampleContainer>
     <ExampleContainer expanded>
       <Title title="Ellipsis" theme="light" level={2} />
       <Title title="Multiple selection with ellipsis" theme="light" level={4} />

packages/lib/src/select/Select.tsx

@@ -66,7 +66,6 @@ const SelectContainer = styled.div<{
 const Select = styled.div<{
   disabled: Required<SelectPropsType>["disabled"];
   error: boolean;
-  hideBorder: Required<SelectPropsType>["hideBorder"];
 }>`
   position: relative;
   display: flex;
@@ -76,7 +75,6 @@ const Select = styled.div<{
   padding: var(--spacing-padding-none) var(--spacing-padding-xs);
   cursor: pointer;
   ${({ disabled, error }) => inputStylesByState(disabled, error, false)}
-  ${({ hideBorder }) => hideBorder && `border-color: transparent;`}
 
   /* Collapse indicator */
   > div > span[role="img"] {
@@ -184,7 +182,6 @@ const DxcSelect = forwardRef<RefType, SelectPropsType>(
       enableSelectAll = false,
       error,
       helperText,
-      hideBorder = false,
       label,
       margin,
       multiple = false,
@@ -526,7 +523,6 @@ const DxcSelect = forwardRef<RefType, SelectPropsType>(
                 aria-required={!disabled && !optional}
                 disabled={disabled}
                 error={!!error}
-                hideBorder={hideBorder}
                 id={selectInputId}
                 onBlur={handleOnBlur}
                 onClick={handleOnClick}

packages/lib/src/select/types.ts

@@ -54,10 +54,6 @@ type CommonProps = {
    * Helper text to be placed above the select.
    */
   helperText?: string;
-  /**
-   * If true, the select will not have a border in the default state.
-   */
-  hideBorder?: boolean;
   /**
    * Text to be placed above the select.
    */