@florid-kit/components 2.6.4 → 2.6.5
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 +26 -0
- package/index.mjs +26 -0
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -1161,6 +1161,32 @@ element size change on mount (min-height, aspect-ratio, or skeleton placeholder)
|
|
|
1161
1161
|
background-color: var(--color-alpha-light-light);
|
|
1162
1162
|
}
|
|
1163
1163
|
|
|
1164
|
+
.icon-button.icon-success,
|
|
1165
|
+
.icon-button.icon-error,
|
|
1166
|
+
.icon-button.icon-info {
|
|
1167
|
+
background-color: transparent;
|
|
1168
|
+
width: auto;
|
|
1169
|
+
height: auto;
|
|
1170
|
+
}
|
|
1171
|
+
|
|
1172
|
+
.icon-button.icon-success svg path,
|
|
1173
|
+
.icon-button.icon-error svg path,
|
|
1174
|
+
.icon-button.icon-info svg path {
|
|
1175
|
+
stroke: var(--color-content-action-primary);
|
|
1176
|
+
}
|
|
1177
|
+
|
|
1178
|
+
.icon-button.icon-success svg path {
|
|
1179
|
+
fill: var(--color-content-success);
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
.icon-button.icon-error svg path {
|
|
1183
|
+
fill: var(--color-content-error);
|
|
1184
|
+
}
|
|
1185
|
+
|
|
1186
|
+
.icon-button.icon-info svg path {
|
|
1187
|
+
fill: var(--color-content-info);
|
|
1188
|
+
}
|
|
1189
|
+
|
|
1164
1190
|
/* ghost-contrast */
|
|
1165
1191
|
.icon-button.ghost-contrast {
|
|
1166
1192
|
background-color: transparent;
|
package/index.mjs
CHANGED
|
@@ -2336,6 +2336,32 @@ R.styles = u`
|
|
|
2336
2336
|
background-color: var(--color-alpha-light-light);
|
|
2337
2337
|
}
|
|
2338
2338
|
|
|
2339
|
+
.icon-button.icon-success,
|
|
2340
|
+
.icon-button.icon-error,
|
|
2341
|
+
.icon-button.icon-info {
|
|
2342
|
+
background-color: transparent;
|
|
2343
|
+
width: auto;
|
|
2344
|
+
height: auto;
|
|
2345
|
+
}
|
|
2346
|
+
|
|
2347
|
+
.icon-button.icon-success svg path,
|
|
2348
|
+
.icon-button.icon-error svg path,
|
|
2349
|
+
.icon-button.icon-info svg path {
|
|
2350
|
+
stroke: var(--color-content-action-primary);
|
|
2351
|
+
}
|
|
2352
|
+
|
|
2353
|
+
.icon-button.icon-success svg path {
|
|
2354
|
+
fill: var(--color-content-success);
|
|
2355
|
+
}
|
|
2356
|
+
|
|
2357
|
+
.icon-button.icon-error svg path {
|
|
2358
|
+
fill: var(--color-content-error);
|
|
2359
|
+
}
|
|
2360
|
+
|
|
2361
|
+
.icon-button.icon-info svg path {
|
|
2362
|
+
fill: var(--color-content-info);
|
|
2363
|
+
}
|
|
2364
|
+
|
|
2339
2365
|
/* ghost-contrast */
|
|
2340
2366
|
.icon-button.ghost-contrast {
|
|
2341
2367
|
background-color: transparent;
|