@florid-kit/components 0.8.0 → 0.8.2
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.
- package/index.js +7 -5
- package/index.mjs +7 -5
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1005,7 +1005,7 @@
|
|
|
1005
1005
|
width: 100%;
|
|
1006
1006
|
height: auto;
|
|
1007
1007
|
max-width: 100%;
|
|
1008
|
-
border: 1px solid var(--color-container-white);
|
|
1008
|
+
border: 1px solid var(--color-container-bg-white);
|
|
1009
1009
|
box-sizing: border-box;
|
|
1010
1010
|
}
|
|
1011
1011
|
}
|
|
@@ -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;
|
|
@@ -1101,12 +1103,12 @@
|
|
|
1101
1103
|
}
|
|
1102
1104
|
|
|
1103
1105
|
.tag.background-emphasis {
|
|
1104
|
-
background-color: var(--color-container-emphasis);
|
|
1106
|
+
background-color: var(--color-container-bg-emphasis);
|
|
1105
1107
|
color: var(--color-content-body);
|
|
1106
1108
|
}
|
|
1107
1109
|
|
|
1108
1110
|
.tag.background-white {
|
|
1109
|
-
background-color: var(--color-container-white);
|
|
1111
|
+
background-color: var(--color-container-bg-white);
|
|
1110
1112
|
color: var(--color-content-action-secondary);
|
|
1111
1113
|
}
|
|
1112
1114
|
|
|
@@ -1289,7 +1291,7 @@
|
|
|
1289
1291
|
|
|
1290
1292
|
button {
|
|
1291
1293
|
padding: var(--spacing-s) var(--spacing-l);
|
|
1292
|
-
background-color: var(--color-container-default);
|
|
1294
|
+
background-color: var(--color-container-bg-default);
|
|
1293
1295
|
cursor: pointer;
|
|
1294
1296
|
border-radius: var(--radius-m);
|
|
1295
1297
|
border: var(--border-m) solid var(--color-border-tertiary);
|
|
@@ -1545,7 +1547,7 @@
|
|
|
1545
1547
|
width: 100%;
|
|
1546
1548
|
color: var(--color-content-body);
|
|
1547
1549
|
align-items: center;
|
|
1548
|
-
background-color: var(--color-container-default);
|
|
1550
|
+
background-color: var(--color-container-bg-default);
|
|
1549
1551
|
cursor: pointer;
|
|
1550
1552
|
border-radius: var(--radius-m);
|
|
1551
1553
|
border: var(--border-m) solid var(--color-border-tertiary);
|
package/index.mjs
CHANGED
|
@@ -2115,7 +2115,7 @@ A.styles = m`
|
|
|
2115
2115
|
width: 100%;
|
|
2116
2116
|
height: auto;
|
|
2117
2117
|
max-width: 100%;
|
|
2118
|
-
border: 1px solid var(--color-container-white);
|
|
2118
|
+
border: 1px solid var(--color-container-bg-white);
|
|
2119
2119
|
box-sizing: border-box;
|
|
2120
2120
|
}
|
|
2121
2121
|
}
|
|
@@ -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;
|
|
@@ -2249,12 +2251,12 @@ et.styles = m`
|
|
|
2249
2251
|
}
|
|
2250
2252
|
|
|
2251
2253
|
.tag.background-emphasis {
|
|
2252
|
-
background-color: var(--color-container-emphasis);
|
|
2254
|
+
background-color: var(--color-container-bg-emphasis);
|
|
2253
2255
|
color: var(--color-content-body);
|
|
2254
2256
|
}
|
|
2255
2257
|
|
|
2256
2258
|
.tag.background-white {
|
|
2257
|
-
background-color: var(--color-container-white);
|
|
2259
|
+
background-color: var(--color-container-bg-white);
|
|
2258
2260
|
color: var(--color-content-action-secondary);
|
|
2259
2261
|
}
|
|
2260
2262
|
|
|
@@ -2550,7 +2552,7 @@ k.styles = m`
|
|
|
2550
2552
|
|
|
2551
2553
|
button {
|
|
2552
2554
|
padding: var(--spacing-s) var(--spacing-l);
|
|
2553
|
-
background-color: var(--color-container-default);
|
|
2555
|
+
background-color: var(--color-container-bg-default);
|
|
2554
2556
|
cursor: pointer;
|
|
2555
2557
|
border-radius: var(--radius-m);
|
|
2556
2558
|
border: var(--border-m) solid var(--color-border-tertiary);
|
|
@@ -2928,7 +2930,7 @@ C.styles = m`
|
|
|
2928
2930
|
width: 100%;
|
|
2929
2931
|
color: var(--color-content-body);
|
|
2930
2932
|
align-items: center;
|
|
2931
|
-
background-color: var(--color-container-default);
|
|
2933
|
+
background-color: var(--color-container-bg-default);
|
|
2932
2934
|
cursor: pointer;
|
|
2933
2935
|
border-radius: var(--radius-m);
|
|
2934
2936
|
border: var(--border-m) solid var(--color-border-tertiary);
|