@digital-b2c/coreui-kit 0.5.1 → 0.5.3

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 (12) hide show
  1. package/LICENSE.txt +21 -21
  2. package/README.md +52 -52
  3. package/dist/index.cjs +23 -57
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.css +184 -60
  6. package/dist/index.css.map +1 -1
  7. package/dist/index.d.cts +10 -11
  8. package/dist/index.d.ts +10 -11
  9. package/dist/index.mjs +23 -57
  10. package/dist/index.mjs.map +1 -1
  11. package/dist/types/global.d.ts +25 -25
  12. package/package.json +100 -99
package/dist/index.css CHANGED
@@ -720,9 +720,6 @@ a:hover {
720
720
  .CardCollection_module_card-collection.CardCollection_module_threeCols .CardCollection_module_cardWrapper {
721
721
  grid-template-columns: repeat(3, 1fr);
722
722
  }
723
- .CardCollection_module_card-collection.CardCollection_module_fourCols .CardCollection_module_cardWrapper {
724
- grid-template-columns: repeat(4, 1fr);
725
- }
726
723
  .CardCollection_module_card-collection.CardCollection_module_examCard .CardCollection_module_wrapper .CardCollection_module_cardWrapper {
727
724
  position: relative;
728
725
  display: flex;
@@ -2049,82 +2046,209 @@ a:hover {
2049
2046
  }
2050
2047
  }
2051
2048
 
2052
- /* src/widgets/TextCenterCtaInBottom/TextCenterCtaInBottom.module.scss */
2053
- .TextCenterCtaInBottom_module_textCenterCta {
2054
- display: block;
2055
- width: 100%;
2056
- background-color: var(--color-white);
2049
+ /* src/widgets/TextBody/TextBody.module.scss */
2050
+ html,
2051
+ body {
2052
+ font-family: "Instrument Sans", sans-serif;
2053
+ font-size: 1rem;
2054
+ font-weight: 500;
2055
+ line-height: 1.5;
2056
+ color: #4d4d4d;
2057
2057
  }
2058
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2059
- display: flex;
2060
- flex-direction: column;
2061
- align-items: center;
2062
- justify-content: center;
2063
- padding: var(--spacing-3xl) var(--spacing-7xl);
2064
- gap: var(--spacing-xl);
2058
+ h1,
2059
+ .TextBody_module_h1 {
2060
+ font-size: 3rem;
2061
+ font-weight: 600;
2062
+ line-height: 1.17;
2065
2063
  }
2066
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
2067
- display: flex;
2068
- flex-direction: column;
2069
- align-items: center;
2070
- text-align: center;
2071
- max-width: 866px;
2072
- gap: var(--spacing-xl);
2064
+ @media (max-width: 768px) {
2065
+ h1,
2066
+ .TextBody_module_h1 {
2067
+ font-size: 2rem;
2068
+ }
2073
2069
  }
2074
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2075
- font-size: var(--font-size-xl);
2070
+ h2,
2071
+ .TextBody_module_h2 {
2072
+ font-size: 2.5rem;
2076
2073
  font-weight: 600;
2077
- line-height: var(--line-height-tight-2);
2078
- color: var(--color-black);
2074
+ line-height: 1.2;
2079
2075
  }
2080
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2081
- font-size: var(--font-size-lg);
2082
- font-weight: 500;
2083
- line-height: var(--line-height-tight-1);
2084
- color: var(--color-neutral-700);
2076
+ @media (max-width: 768px) {
2077
+ h2,
2078
+ .TextBody_module_h2 {
2079
+ font-size: 1.5rem;
2080
+ }
2085
2081
  }
2086
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
2087
- display: flex;
2088
- gap: var(--spacing-md);
2082
+ h3,
2083
+ .TextBody_module_h3,
2084
+ .TextBody_module_textBody .TextBody_module_body h2 {
2085
+ font-size: 2rem;
2086
+ font-weight: 600;
2087
+ line-height: 1.25;
2089
2088
  }
2090
2089
  @media (max-width: 768px) {
2091
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper {
2092
- display: grid;
2093
- gap: var(--spacing-sm);
2090
+ h3,
2091
+ .TextBody_module_h3,
2092
+ .TextBody_module_textBody .TextBody_module_body h2 {
2093
+ font-size: 1.25rem;
2094
2094
  }
2095
2095
  }
2096
+ h4,
2097
+ .TextBody_module_h4 {
2098
+ font-size: 1.5rem;
2099
+ font-weight: 600;
2100
+ line-height: 1.33;
2101
+ }
2096
2102
  @media (max-width: 768px) {
2097
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_ctaWrapper.TextCenterCtaInBottom_module_iconOnly {
2098
- display: flex;
2099
- justify-content: center;
2103
+ h4,
2104
+ .TextBody_module_h4 {
2105
+ font-size: 18px;
2100
2106
  }
2101
2107
  }
2102
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta img {
2103
- height: var(--font-size-xs);
2104
- width: var(--font-size-xs);
2108
+ .TextBody_module_subheading,
2109
+ .TextBody_module_textBody .TextBody_module_body h3 {
2110
+ font-size: 1.25rem;
2111
+ font-weight: 500;
2112
+ line-height: 1.4;
2105
2113
  }
2106
2114
  @media (max-width: 768px) {
2107
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_container {
2108
- padding: var(--spacing-lg) var(--spacing-md);
2109
- gap: var(--spacing-md);
2110
- }
2111
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_content {
2112
- max-width: 343px;
2113
- gap: var(--spacing-md);
2115
+ .TextBody_module_subheading,
2116
+ .TextBody_module_textBody .TextBody_module_body h3 {
2117
+ font-size: 18px;
2114
2118
  }
2115
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_title {
2116
- font-size: var(--font-size-lg);
2117
- line-height: var(--line-height-tight-3);
2119
+ }
2120
+ p,
2121
+ .TextBody_module_body {
2122
+ font-size: 1rem;
2123
+ font-weight: 500;
2124
+ line-height: 1.5;
2125
+ }
2126
+ small,
2127
+ .TextBody_module_small {
2128
+ font-size: 0.875rem;
2129
+ font-weight: 500;
2130
+ line-height: 1.5;
2131
+ }
2132
+ .TextBody_module_smallest {
2133
+ font-size: 0.75rem;
2134
+ font-weight: 500;
2135
+ line-height: 1.5;
2136
+ }
2137
+ a {
2138
+ color: var(--color-link);
2139
+ text-decoration: none;
2140
+ cursor: pointer;
2141
+ }
2142
+ a:hover {
2143
+ text-decoration: underline;
2144
+ }
2145
+ .TextBody_module_textBody {
2146
+ width: 100%;
2147
+ padding: var(--spacing-3xl) var(--spacing-7xl);
2148
+ }
2149
+ @media (max-width: 768px) {
2150
+ .TextBody_module_textBody {
2151
+ padding: var(--spacing-lg) var(--spacing-md);
2118
2152
  }
2119
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_subtitle {
2120
- font-size: 18px;
2121
- line-height: var(--line-height-normal);
2153
+ }
2154
+ .TextBody_module_textBody .TextBody_module_title {
2155
+ margin-bottom: var(--spacing-xl);
2156
+ color: var(--color-black);
2157
+ }
2158
+ @media (max-width: 768px) {
2159
+ .TextBody_module_textBody .TextBody_module_title {
2160
+ font-size: var(--font-size-xl);
2161
+ margin-bottom: var(--spacing-lg);
2122
2162
  }
2123
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_cta {
2124
- width: 100%;
2163
+ }
2164
+ .TextBody_module_textBody .TextBody_module_body p {
2165
+ font-size: var(--font-size-md);
2166
+ font-weight: var(--font-weight-regular);
2167
+ line-height: 1.5;
2168
+ margin-bottom: var(--spacing-xl);
2169
+ color: var(--color-black);
2170
+ }
2171
+ @media (max-width: 768px) {
2172
+ .TextBody_module_textBody .TextBody_module_body p {
2173
+ font-size: var(--font-size-md);
2125
2174
  }
2126
- .TextCenterCtaInBottom_module_textCenterCta .TextCenterCtaInBottom_module_iconOnly .TextCenterCtaInBottom_module_cta {
2127
- width: auto;
2175
+ }
2176
+ .TextBody_module_textBody .TextBody_module_body p:last-child {
2177
+ margin-bottom: 0;
2178
+ }
2179
+ .TextBody_module_textBody .TextBody_module_body p:empty {
2180
+ display: none;
2181
+ margin: 0;
2182
+ }
2183
+ .TextBody_module_textBody .TextBody_module_body strong {
2184
+ font-weight: var(--font-weight-bold);
2185
+ color: var(--color-black);
2186
+ }
2187
+ .TextBody_module_textBody .TextBody_module_body a {
2188
+ color: var(--color-link);
2189
+ font-weight: var(--font-weight-semibold);
2190
+ }
2191
+ .TextBody_module_textBody .TextBody_module_body h2 {
2192
+ font-weight: var(--font-weight-bold);
2193
+ margin-bottom: var(--spacing-xl);
2194
+ color: var(--color-black);
2195
+ }
2196
+ .TextBody_module_textBody .TextBody_module_body h3 {
2197
+ margin-bottom: var(--spacing-lg);
2198
+ color: var(--color-black);
2199
+ }
2200
+ @media (max-width: 768px) {
2201
+ .TextBody_module_textBody .TextBody_module_body h3 {
2202
+ font-size: var(--font-size-md);
2128
2203
  }
2129
2204
  }
2205
+ .TextBody_module_textBody .TextBody_module_body br {
2206
+ display: block;
2207
+ content: "";
2208
+ margin-bottom: var(--spacing-sm);
2209
+ }
2210
+ .TextBody_module_textBody .TextBody_module_body table {
2211
+ width: 100%;
2212
+ border-collapse: collapse;
2213
+ margin-bottom: var(--spacing-xl);
2214
+ border: 1px solid rgba(8, 8, 8, 0.5);
2215
+ }
2216
+ .TextBody_module_textBody .TextBody_module_body table:last-child {
2217
+ margin-bottom: 0 !important;
2218
+ }
2219
+ .TextBody_module_textBody .TextBody_module_body th,
2220
+ .TextBody_module_textBody .TextBody_module_body td {
2221
+ padding: 8px 16px;
2222
+ border: 1px solid rgba(8, 8, 8, 0.5);
2223
+ font-size: var(--font-size-md);
2224
+ font-weight: var(--font-weight-regular);
2225
+ line-height: 1.5;
2226
+ color: var(--color-black);
2227
+ vertical-align: top;
2228
+ }
2229
+ .TextBody_module_textBody .TextBody_module_body tbody tr:first-child {
2230
+ background: #dedede;
2231
+ font-weight: var(--font-weight-semibold);
2232
+ text-align: left;
2233
+ }
2234
+ .TextBody_module_textBody .TextBody_module_body ol,
2235
+ .TextBody_module_textBody .TextBody_module_body ul {
2236
+ margin-left: 24px;
2237
+ margin-bottom: var(--spacing-xl);
2238
+ }
2239
+ .TextBody_module_textBody .TextBody_module_body ol li,
2240
+ .TextBody_module_textBody .TextBody_module_body ul li {
2241
+ margin-bottom: var(--spacing-sm);
2242
+ font-size: var(--font-size-md);
2243
+ font-weight: var(--font-weight-regular);
2244
+ line-height: 1.5;
2245
+ color: var(--color-black);
2246
+ }
2247
+ .TextBody_module_textBody .TextBody_module_body ol ol,
2248
+ .TextBody_module_textBody .TextBody_module_body ol ul,
2249
+ .TextBody_module_textBody .TextBody_module_body ul ol,
2250
+ .TextBody_module_textBody .TextBody_module_body ul ul {
2251
+ margin-left: 48px;
2252
+ list-style-type: lower-alpha;
2253
+ }
2130
2254
  /*# sourceMappingURL=index.css.map */