@goodhood-web/ui 1.1.0-development.7 → 1.1.0-development.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/ui",
-  "version": "1.1.0-development.7",
+  "version": "1.1.0-development.9",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {

package/style.css

@@ -1 +1 @@
-._baseBtn_sadyt_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_sadyt_16{background:#b1b1b1}._root_1bveu_9{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_1bveu_19{border-radius:8px}._root_19l77_9{padding:8px 0;color:inherit}._iconComponent_10k1r_9{display:block}._iconComponent_10k1r_9 path{stroke:currentColor}._iconButton_mrpxf_9{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_mrpxf_9:disabled{background:none}._iconButton_mrpxf_9:hover,._iconButton_mrpxf_9:active{background:none}._iconButton--circular_mrpxf_29{border-radius:50%;background:#cae85d}._iconButton--circular_mrpxf_29:disabled{background:#ffffff}._iconButton--circular_mrpxf_29:hover{background:#b5d622}._iconButton--circular_mrpxf_29:active{background:#cae85d}._iconButton--circular-small_mrpxf_42{width:40px;height:40px}._iconButton--circular-medium_mrpxf_46{width:48px;height:48px}._iconButton--circular-large_mrpxf_50{width:56px;height:56px}._root_10lxp_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_10lxp_17{flex-grow:1;margin:0}._h1_1bi97_9{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_1bi97_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1bi97_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1bi97_45{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_1bi97_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1bi97_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1bi97_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1bi97_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1bi97_105{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_1bi97_117{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1bi97_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1bi97_141{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1bi97_153{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_1bi97_165{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_1bi97_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_1lqve_9{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_12tzl_9{display:flex;align-items:center}._dividerLine_12tzl_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_1bk9b_9{border:none}._labelPill_3esmw_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_3esmw_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_3esmw_21{height:20px;padding:0 8px}._labelPill--small_3esmw_21 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_3esmw_30{padding:4px 8px}._labelPill--medium_3esmw_30 span{font-size:12px;font-weight:700}._legend_k3se6_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_k3se6_9 ._text_k3se6_15{color:#635c80}._menuItem_16y2m_9{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#635c80;cursor:pointer;gap:8px;text-decoration:none}._menuItem_16y2m_9 ._highlightFrame_16y2m_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_16y2m_9 ._rightIcon_16y2m_29{display:inherit;margin-left:auto}._menuItem_16y2m_9 ._rightIcon_16y2m_29 svg path{stroke:#635c80!important}._menuItem--selected_16y2m_36{color:#201649}._menuItem--selected_16y2m_36 ._highlightFrame_16y2m_21{background-color:#f2fbc4}._menuItem--selected_16y2m_36 ._highlightFrame_16y2m_21 svg path{stroke:#738c00}._menuItem--selected_16y2m_36:hover{color:#738c00}._menuItem_16y2m_9:not(._menuItem--selected_16y2m_36):hover{color:#635c80}._menuItem_16y2m_9:not(._menuItem--selected_16y2m_36):hover svg path{stroke:#635c80}._menuItem_16y2m_9:not(._menuItem--selected_16y2m_36):hover ._highlightFrame_16y2m_21{background-color:#f4f3f6}._bubbleContent_1frdd_9{position:relative;display:inline-block}._bubble_1frdd_9{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_1frdd_34{width:12px;height:12px}._root_slyzs_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_slyzs_23{width:24px;height:24px}._root--28_slyzs_27{width:28px;height:28px}._root--32_slyzs_31{width:32px;height:32px}._root--40_slyzs_35{width:40px;height:40px}._root--48_slyzs_39{width:48px;height:48px}._root--56_slyzs_43{width:56px;height:56px}._root--64_slyzs_47{width:64px;height:64px}._root--80_slyzs_51{width:80px;height:80px}._root--120_slyzs_55{width:120px;height:120px}._root--280_slyzs_59{width:280px;height:280px}._root--square_slyzs_63._root--24_slyzs_23,._root--square_slyzs_63._root--32_slyzs_31{border-radius:4px}._root--square_slyzs_63._root--40_slyzs_35,._root--square_slyzs_63._root--48_slyzs_39{border-radius:8px}._root--square_slyzs_63._root--56_slyzs_43,._root--square_slyzs_63._root--64_slyzs_47{border-radius:12px}._root--square_slyzs_63._root--80_slyzs_51,._root--square_slyzs_63._root--120_slyzs_55{border-radius:16px}._root--circular_slyzs_75{border-radius:50%}._root--isPlaceholder_slyzs_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_slyzs_16 img{width:100%;height:100%;object-fit:cover}._switch_18m5u_9{position:relative;display:inline-block;width:48px;height:28px}._switch_18m5u_9 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_18m5u_9 ._slider_18m5u_23{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;cursor:pointer;transition:.4s}._switch_18m5u_9 ._slider_18m5u_23:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_18m5u_9 ._slider_18m5u_23._focusVisible_18m5u_47{box-shadow:0 0 0 3px #cae85d}._switch_18m5u_9 input:checked+._slider_18m5u_23{background-color:#b5d622}._switch_18m5u_9 input:checked+._slider_18m5u_23:before{transform:translate(0)}._toggleInput_1kwf8_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1kwf8_9 svg{flex-shrink:0}._toggleInput_1kwf8_9 ._textLabel_1kwf8_22{flex-grow:1}._toggleInput_1kwf8_9 ._switch_1kwf8_25{flex-shrink:0}._toggleInput--checked_1kwf8_28{color:#201649}._toggleInput--withBorder_1kwf8_31{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}
+._baseBtn_sadyt_9{min-width:2rem;min-height:2rem;border:none;border-radius:0;cursor:pointer}._baseBtn--active_sadyt_16{background:#b1b1b1}._root_1bveu_9{display:flex;overflow:hidden;width:100%;flex-direction:column;padding:16px;background-color:#fff;box-shadow:0 2px 8px #0000001a;color:#201649}._root--border-radius_1bveu_19{border-radius:8px}._root_19l77_9{padding:8px 0;color:inherit}._iconComponent_10k1r_9{display:block}._iconComponent_10k1r_9 path{stroke:currentColor}._iconButton_mrpxf_9{display:flex;width:auto;min-width:unset;height:auto;min-height:unset;flex-shrink:0;align-items:center;justify-content:center;color:#201649}._iconButton_mrpxf_9:disabled{background:none}._iconButton_mrpxf_9:hover,._iconButton_mrpxf_9:active{background:none}._iconButton--circular_mrpxf_29{border-radius:50%;background:#cae85d}._iconButton--circular_mrpxf_29:disabled{background:#ffffff}._iconButton--circular_mrpxf_29:hover{background:#b5d622}._iconButton--circular_mrpxf_29:active{background:#cae85d}._iconButton--circular-small_mrpxf_42{width:40px;height:40px}._iconButton--circular-medium_mrpxf_46{width:48px;height:48px}._iconButton--circular-large_mrpxf_50{width:56px;height:56px}._root_10lxp_9{display:flex;align-items:center;padding-bottom:12px;color:inherit;gap:8px}._title_10lxp_17{flex-grow:1;margin:0}._h1_1bi97_9{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:32px;font-weight:500;letter-spacing:0;line-height:40px;text-decoration:none;text-indent:0px;text-transform:none}._h2_1bi97_21{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:24px;font-weight:Semi Bold;letter-spacing:0;line-height:32px;text-decoration:none;text-indent:0px;text-transform:none}._h3_1bi97_33{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:20px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h4_1bi97_45{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h5_1bi97_57{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:Semi Bold;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._h6_1bi97_69{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:1;line-height:24px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h7_1bi97_81{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:Extra Bold;letter-spacing:1;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._h8_1bi97_93{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:1.5;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._body-large_1bi97_105{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:0;line-height:24px;text-decoration:none;text-indent:0px;text-transform:none}._body-regular_1bi97_117{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-semibold_1bi97_129{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Semi Bold;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._body-italic_1bi97_141{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:Italic;letter-spacing:0;line-height:20px;text-decoration:none;text-indent:0px;text-transform:none}._detail-medium_1bi97_153{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-bold_1bi97_165{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:none}._detail-upper-case_1bi97_177{margin-bottom:0;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:Extra Bold;letter-spacing:0;line-height:16px;text-decoration:none;text-indent:0px;text-transform:uppercase}._ccBtn_1lqve_9{display:flex;width:100%;height:40px;align-items:center;align-self:stretch;padding:8px 16px;border-color:transparent;border-radius:12px;background-color:#f4f3f6;color:#201649;cursor:pointer;font-size:14px}._dividerContainer_12tzl_9{display:flex;align-items:center}._dividerLine_12tzl_14{height:1px;flex-grow:1;background-color:#d2d0db}._fieldset_1bk9b_9{border:none}._labelPill_3esmw_9{display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#01819C}._labelPill_3esmw_9 span{color:#fff;line-height:16px;text-align:center}._labelPill--small_3esmw_21{height:20px;padding:0 8px}._labelPill--small_3esmw_21 span{font-size:10px;font-weight:800;text-transform:uppercase}._labelPill--medium_3esmw_30{padding:4px 8px}._labelPill--medium_3esmw_30 span{font-size:12px;font-weight:700}._legend_k3se6_9{display:flex;flex-direction:column;padding-bottom:12px;gap:8px}._legend_k3se6_9 ._text_k3se6_15{color:#635c80}._menuItem_hic8l_9{display:flex;width:100%;flex-shrink:0;align-items:center;padding:0 8px;background-color:#fff;color:#201649;cursor:pointer;gap:8px;text-decoration:none}._menuItem_hic8l_9 ._highlightFrame_hic8l_21{display:flex;flex:1;align-items:center;padding:8px;border-radius:8px;gap:8px}._menuItem_hic8l_9 ._rightIcon_hic8l_29{display:inherit;margin-left:auto}._menuItem_hic8l_9 ._rightIcon_hic8l_29 svg path{stroke:#635c80!important}._menuItem--selected_hic8l_36{color:#201649}._menuItem--selected_hic8l_36 ._highlightFrame_hic8l_21{background-color:#f2fbc4}._menuItem--selected_hic8l_36 ._highlightFrame_hic8l_21 svg path{stroke:#738c00}._menuItem--selected_hic8l_36:hover{color:#738c00}._menuItem_hic8l_9:not(._menuItem--selected_hic8l_36):hover{color:#635c80}._menuItem_hic8l_9:not(._menuItem--selected_hic8l_36):hover svg path{stroke:#635c80}._menuItem_hic8l_9:not(._menuItem--selected_hic8l_36):hover ._highlightFrame_hic8l_21{background-color:#f4f3f6}._bubbleContent_1frdd_9{position:relative;display:inline-block}._bubble_1frdd_9{position:absolute;z-index:auto;top:6px;right:6px;display:flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:50%;background-color:#ff9de2;color:#201649;font-size:12px;font-weight:700;text-align:center;transform:translate(50%,-50%);transform-origin:100% 0;white-space:nowrap}._bubble--empty_1frdd_34{width:12px;height:12px}._root_slyzs_16{position:relative;overflow:hidden;flex-shrink:0;border:solid 1px #d2d0db;background-color:#d2d0db}._root--24_slyzs_23{width:24px;height:24px}._root--28_slyzs_27{width:28px;height:28px}._root--32_slyzs_31{width:32px;height:32px}._root--40_slyzs_35{width:40px;height:40px}._root--48_slyzs_39{width:48px;height:48px}._root--56_slyzs_43{width:56px;height:56px}._root--64_slyzs_47{width:64px;height:64px}._root--80_slyzs_51{width:80px;height:80px}._root--120_slyzs_55{width:120px;height:120px}._root--280_slyzs_59{width:280px;height:280px}._root--square_slyzs_63._root--24_slyzs_23,._root--square_slyzs_63._root--32_slyzs_31{border-radius:4px}._root--square_slyzs_63._root--40_slyzs_35,._root--square_slyzs_63._root--48_slyzs_39{border-radius:8px}._root--square_slyzs_63._root--56_slyzs_43,._root--square_slyzs_63._root--64_slyzs_47{border-radius:12px}._root--square_slyzs_63._root--80_slyzs_51,._root--square_slyzs_63._root--120_slyzs_55{border-radius:16px}._root--circular_slyzs_75{border-radius:50%}._root--isPlaceholder_slyzs_78:before{position:absolute;z-index:1;width:100%;height:100%;background-color:#d2d0db;content:"";opacity:.4}._root_slyzs_16 img{width:100%;height:100%;object-fit:cover}._switch_18m5u_9{position:relative;display:inline-block;width:48px;height:28px}._switch_18m5u_9 input{position:absolute;z-index:2;width:48px;height:28px;cursor:pointer;opacity:0}._switch_18m5u_9 ._slider_18m5u_23{z-index:1;display:block;width:100%;height:100%;border-radius:34px;background-color:#e9e8ed;box-shadow:0 1px 3px #0003 inset;cursor:pointer;transition:.4s}._switch_18m5u_9 ._slider_18m5u_23:before{position:absolute;right:3px;bottom:2px;width:24px;height:24px;border-radius:50%;background-color:#fff;box-shadow:0 0 2px #0003;content:"";transform:translate(-18px);transition:.4s}._switch_18m5u_9 ._slider_18m5u_23._focusVisible_18m5u_47{box-shadow:0 0 0 3px #cae85d}._switch_18m5u_9 input:checked+._slider_18m5u_23{background-color:#b5d622}._switch_18m5u_9 input:checked+._slider_18m5u_23:before{transform:translate(0)}._toggleInput_1kwf8_9{display:flex;width:100%;align-items:center;padding:8px 16px;background-color:#fff;color:#635c80;cursor:pointer;gap:12px}._toggleInput_1kwf8_9 svg{flex-shrink:0}._toggleInput_1kwf8_9 ._textLabel_1kwf8_22{flex-grow:1}._toggleInput_1kwf8_9 ._switch_1kwf8_25{flex-shrink:0}._toggleInput--checked_1kwf8_28{color:#201649}._toggleInput--withBorder_1kwf8_31{padding:12px 16px;border-radius:16px;box-shadow:inset 0 0 0 1px #d2d0db}

package/styles/_mixins.scss

@@ -1,34 +0,0 @@
-@use 'sass:map';
-
-@mixin spacing($properties, $map: map.get($tokens, 'spacing')) {
-  // Extract the correct spacing settings;
-  @each $size, $i in $map {
-    $value: map.get($tokens, 'spacing', $size);
-    &-#{$size} {
-      @each $property in $properties {
-        #{$property}: #{$value};
-      }
-    }
-  }
-}
-
-@mixin typography($type, $level) {
-  // Extract the correct typography settings based on the provided type and level
-  $typo-settings: map.get(map.get($tokens, $type), $level);
-
-  // Ensure the level exists
-  @if $typo-settings {
-    margin-bottom: mapGet($typo-settings, 'paragraphSpacing');
-    font-family: mapGet($typo-settings, 'fontFamily'), 'Helvetica Neue', 'Arial',
-      sans-serif;
-    font-size: mapGet($typo-settings, 'fontSize');
-    font-weight: mapGet($typo-settings, 'fontWeight');
-    letter-spacing: mapGet($typo-settings, 'letterSpacing');
-    line-height: mapGet($typo-settings, 'lineHeight');
-    text-decoration: mapGet($typo-settings, 'textDecoration');
-    text-indent: mapGet($typo-settings, 'paragraphIndent');
-    text-transform: mapGet($typo-settings, 'textCase');
-  } @else {
-    @error "Unknown typography type: #{$type} or level: #{$level}.";
-  }
-}

package/styles/index.scss

@@ -1,3 +0,0 @@
-@import 'design-tokens';
-@import 'mixins';
-@import 'functions';

package/styles/reset.scss

@@ -1,67 +0,0 @@
-*,
-:after,
-:before {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-}
-
-[hidden] {
-  display: none !important;
-}
-
-input {
-  border: none;
-  appearance: none;
-
-  &[type='search'] {
-    appearance: none;
-  }
-
-  &[type='file']::-webkit-file-upload-button {
-    display: none;
-  }
-
-  &[type='number'] {
-    appearance: textfield;
-
-    &::-webkit-inner-spin-button,
-    &::-webkit-outer-spin-button {
-      appearance: none;
-    }
-  }
-}
-
-select {
-  border: none;
-  appearance: none;
-  background-color: transparent;
-
-  &::-ms-expand {
-    display: none;
-  }
-}
-
-textarea {
-  border: none;
-  appearance: none;
-  -ms-overflow-style: none;
-  resize: vertical;
-}
-
-button {
-  border: none;
-  background-color: transparent;
-  text-align: left;
-}
-
-ul,
-ol {
-  list-style-type: none;
-}
-
-img,
-svg {
-  display: block;
-  max-width: 100%;
-}