mautourco-components 0.2.37 → 0.2.38

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 (3) hide show
  1. package/dist/components/organisms/QuoteHeader/QuoteHeader.css +72 -46
  2. package/package.json +1 -1
  3. package/src/components/organisms/QuoteHeader/QuoteHeader.css +26 -27
package/dist/components/organisms/QuoteHeader/QuoteHeader.css CHANGED
@@ -2077,66 +2077,92 @@
2077
2077
 
2078
2078
  .quote-header {
2079
2079
  width: 100%;
2080
- }
2080
+ .quote-header__button {
2081
+ width: 206px;
2082
+ }
2081
2083
 
2082
- .quote-header__button {
2083
- width: 206px;
2084
- }
2084
+ .quote-header__title {
2085
+ position: relative;
2086
+ }
2085
2087
 
2086
- .quote-header__title {
2087
- position: relative;
2088
- margin-bottom: 2.5rem;
2089
- padding-left: 0.5rem;
2090
- padding-right: 0.5rem;
2091
- &::before {
2092
- content: '';
2088
+ .quote-header__title {
2089
+ margin-bottom: 2.5rem;
2093
2090
  }
2094
- &::before {
2095
- position: absolute;
2091
+
2092
+ .quote-header__title {
2093
+ padding-left: 0.5rem;
2094
+ padding-right: 0.5rem;
2096
2095
  }
2097
- &::before {
2098
- top: 50%;
2096
+
2097
+ .quote-header__title {
2098
+ &::before {
2099
+ content: '';
2100
+ }
2101
+ &::before {
2102
+ position: absolute;
2103
+ }
2104
+ &::before {
2105
+ top: 50%;
2106
+ }
2107
+ &::before {
2108
+ left: 0px;
2109
+ }
2110
+ &::before {
2111
+ --tw-translate-y: -50%;
2112
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2113
+ }
2114
+ &::before {
2115
+ height: 2rem;
2116
+ }
2117
+ &::before {
2118
+ width: 0.25rem;
2119
+ }
2120
+ &::before {
2121
+ background-color: var(--color-elevation-brand-subtle);
2122
+ }
2099
2123
  }
2100
- &::before {
2101
- left: 0px;
2124
+
2125
+ .quote-header__search-container {
2126
+ margin-top: 3rem;
2102
2127
  }
2103
- &::before {
2104
- --tw-translate-y: -50%;
2105
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2128
+
2129
+ .quote-header__search-container {
2130
+ display: flex;
2106
2131
  }
2107
- &::before {
2108
- height: 2rem;
2132
+
2133
+ .quote-header__search-container {
2134
+ justify-content: space-between;
2109
2135
  }
2110
- &::before {
2111
- width: 0.25rem;
2136
+
2137
+ .quote-header__search-container {
2138
+ > button {
2139
+ column-gap: 0.625rem;
2140
+ }
2141
+ > button {
2142
+ min-width: 129px;
2143
+ }
2112
2144
  }
2113
- &::before {
2114
- background-color: var(--color-elevation-brand-subtle);
2145
+
2146
+ .quote-header__search {
2147
+ width: 364px;
2115
2148
  }
2116
- }
2117
2149
 
2118
- .quote-header__search-container {
2119
- margin-top: 3rem;
2120
- display: flex;
2121
- justify-content: space-between;
2122
- > button {
2123
- column-gap: 0.625rem;
2150
+ .quote-header__filters {
2151
+ margin-top: 2rem;
2152
+ margin-bottom: 2rem;
2124
2153
  }
2125
- > button {
2126
- min-width: 129px;
2154
+
2155
+ .quote-header__filters {
2156
+ display: flex;
2127
2157
  }
2128
- }
2129
2158
 
2130
- .quote-header__search {
2131
- width: 364px;
2132
- }
2159
+ .quote-header__filters {
2160
+ gap: 0.75rem;
2161
+ }
2133
2162
 
2134
- .quote-header__filters {
2135
- margin-top: 2rem;
2136
- margin-bottom: 2rem;
2137
- display: flex;
2138
- gap: 0.75rem;
2139
- .dropdown-container {
2140
- width: 139px;
2163
+ .quote-header__filters {
2164
+ .dropdown-container {
2165
+ width: 139px;
2166
+ }
2141
2167
  }
2142
2168
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mautourco-components",
3
- "version": "0.2.37",
3
+ "version": "0.2.38",
4
4
  "private": false,
5
5
  "description": "Bibliothèque de composants Motorco pour le redesign",
6
6
  "main": "dist/index.js",
package/src/components/organisms/QuoteHeader/QuoteHeader.css CHANGED
@@ -1,37 +1,36 @@
1
1
  .quote-header {
2
2
  @apply w-full;
3
- }
4
-
5
- .quote-header__button {
6
- width: 206px;
7
- }
3
+ .quote-header__button {
4
+ width: 206px;
5
+ }
8
6
 
9
- .quote-header__title {
10
- @apply px-2 relative mb-10;
11
- &::before {
12
- content: '';
13
- @apply absolute top-1/2 left-0 -translate-y-1/2;
14
- @apply w-1 h-8;
15
- background-color: var(--color-elevation-brand-subtle);
7
+ .quote-header__title {
8
+ @apply px-2 relative mb-10;
9
+ &::before {
10
+ content: '';
11
+ @apply absolute top-1/2 left-0 -translate-y-1/2;
12
+ @apply w-1 h-8;
13
+ background-color: var(--color-elevation-brand-subtle);
14
+ }
16
15
  }
17
- }
18
16
 
19
- .quote-header__search-container {
20
- @apply mt-12;
21
- @apply flex justify-between;
22
- > button {
23
- @apply gap-x-2.5;
24
- min-width: 129px;
17
+ .quote-header__search-container {
18
+ @apply mt-12;
19
+ @apply flex justify-between;
20
+ > button {
21
+ @apply gap-x-2.5;
22
+ min-width: 129px;
23
+ }
25
24
  }
26
- }
27
25
 
28
- .quote-header__search {
29
- width: 364px;
30
- }
26
+ .quote-header__search {
27
+ width: 364px;
28
+ }
31
29
 
32
- .quote-header__filters {
33
- @apply flex gap-3 my-8;
34
- .dropdown-container {
35
- width: 139px;
30
+ .quote-header__filters {
31
+ @apply flex gap-3 my-8;
32
+ .dropdown-container {
33
+ width: 139px;
34
+ }
36
35
  }
37
36
  }