@florid-kit/components 0.8.1 → 0.8.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 (3) hide show
  1. package/index.js +8 -6
  2. package/index.mjs +8 -6
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -1045,6 +1045,8 @@
1045
1045
  .scroll-container {
1046
1046
  display: flex;
1047
1047
  gap: 8px;
1048
+ margin: 0;
1049
+ padding: 0;
1048
1050
  overflow-x: auto;
1049
1051
  padding-bottom: 4px;
1050
1052
  scrollbar-width: thin;
@@ -1734,7 +1736,7 @@
1734
1736
  padding: var(--spacing-xl);
1735
1737
 
1736
1738
  &:has(img) {
1737
- padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
1739
+ padding: 3px var(--spacing-s) 3px var(--spacing-2-xs);
1738
1740
  }
1739
1741
 
1740
1742
  &.clickable {
@@ -1777,6 +1779,11 @@
1777
1779
  letter-spacing: var(--letter-spacing-400);
1778
1780
  text-transform: uppercase;
1779
1781
  margin: var(--spacing-4-xs);
1782
+ display: -webkit-box;
1783
+ -webkit-line-clamp: 1;
1784
+ line-clamp: 1;
1785
+ -webkit-box-orient: vertical;
1786
+ overflow: hidden;
1780
1787
  }
1781
1788
 
1782
1789
  .a-reassurance-description {
@@ -1791,11 +1798,6 @@
1791
1798
  line-clamp: 2;
1792
1799
  -webkit-box-orient: vertical;
1793
1800
  overflow: hidden;
1794
-
1795
- @media (min-width: 1025px) {
1796
- -webkit-line-clamp: 3;
1797
- line-clamp: 3;
1798
- }
1799
1801
  }
1800
1802
  }
1801
1803
  `;St([a({type:Object,reflect:!0})],it.prototype,"option",2);St([a({type:Number,reflect:!0})],it.prototype,"imageSize",2);it=St([x("o-reassurance")],it);
package/index.mjs CHANGED
@@ -2155,6 +2155,8 @@ A.styles = m`
2155
2155
  .scroll-container {
2156
2156
  display: flex;
2157
2157
  gap: 8px;
2158
+ margin: 0;
2159
+ padding: 0;
2158
2160
  overflow-x: auto;
2159
2161
  padding-bottom: 4px;
2160
2162
  scrollbar-width: thin;
@@ -3192,7 +3194,7 @@ it.styles = m`
3192
3194
  padding: var(--spacing-xl);
3193
3195
 
3194
3196
  &:has(img) {
3195
- padding: var(--spacing-2-xs) var(--spacing-s) var(--spacing-2-xs) var(--spacing-2-xs);
3197
+ padding: 3px var(--spacing-s) 3px var(--spacing-2-xs);
3196
3198
  }
3197
3199
 
3198
3200
  &.clickable {
@@ -3235,6 +3237,11 @@ it.styles = m`
3235
3237
  letter-spacing: var(--letter-spacing-400);
3236
3238
  text-transform: uppercase;
3237
3239
  margin: var(--spacing-4-xs);
3240
+ display: -webkit-box;
3241
+ -webkit-line-clamp: 1;
3242
+ line-clamp: 1;
3243
+ -webkit-box-orient: vertical;
3244
+ overflow: hidden;
3238
3245
  }
3239
3246
 
3240
3247
  .a-reassurance-description {
@@ -3249,11 +3256,6 @@ it.styles = m`
3249
3256
  line-clamp: 2;
3250
3257
  -webkit-box-orient: vertical;
3251
3258
  overflow: hidden;
3252
-
3253
- @media (min-width: 1025px) {
3254
- -webkit-line-clamp: 3;
3255
- line-clamp: 3;
3256
- }
3257
3259
  }
3258
3260
  }
3259
3261
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@florid-kit/components",
3
- "version": "0.8.1",
3
+ "version": "0.8.3",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "typings": "index.d.ts",