@crystallize/design-system 1.2.1 → 1.2.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.
- package/CHANGELOG.md +15 -0
- package/dist/index.css +16 -0
- package/dist/index.d.ts +21 -3
- package/dist/index.js +1001 -264
- package/dist/index.mjs +1000 -263
- package/package.json +9 -3
- package/src/action-menu/action-menu.css +1 -1
- package/src/checkbox/checkbox.test.tsx +16 -0
- package/src/dialog/Dialog.test.tsx +25 -0
- package/src/dropdown-menu/dropdown-menu-root.tsx +11 -2
- package/src/icon-button/IconButton.stories.tsx +7 -0
- package/src/icon-button/icon-button.css +8 -0
- package/src/icon-button/icon-button.tsx +7 -2
- package/src/iconography/add.tsx +30 -0
- package/src/iconography/catalogue.tsx +26 -0
- package/src/iconography/customers.tsx +38 -0
- package/src/iconography/fulfilment.tsx +58 -0
- package/src/iconography/grid.tsx +84 -0
- package/src/iconography/hooks.tsx +26 -0
- package/src/iconography/index.ts +32 -0
- package/src/iconography/key.tsx +19 -0
- package/src/iconography/language.tsx +38 -0
- package/src/iconography/order.tsx +38 -0
- package/src/iconography/percentage.tsx +44 -0
- package/src/iconography/price-tag.tsx +40 -0
- package/src/iconography/shapes.tsx +48 -0
- package/src/iconography/subscription.tsx +34 -0
- package/src/iconography/topics.tsx +58 -0
- package/src/iconography/usage.tsx +34 -0
- package/src/iconography/users.tsx +44 -0
- package/src/slider/slider.tsx +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @crystallize/design-system
|
|
2
2
|
|
|
3
|
+
## 1.2.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 0382a51: Don't allow action button to shrink
|
|
8
|
+
- 0382a51: Add elevate variant to icon button
|
|
9
|
+
- 0382a51: Add new icon: Add
|
|
10
|
+
|
|
11
|
+
## 1.2.2
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- 117b6ec: Add several icons, like catalogue, topics, grids and others to the design system.
|
|
16
|
+
- 117b6ec: Add bunch of icons to the design system. The icons are mainly around the resources we have in the app, like catalogue, topics, grids, languages, etc.
|
|
17
|
+
|
|
3
18
|
## 1.2.1
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/index.css
CHANGED
|
@@ -727,6 +727,7 @@ button {
|
|
|
727
727
|
display: flex;
|
|
728
728
|
height: 2rem;
|
|
729
729
|
width: 2rem;
|
|
730
|
+
flex-shrink: 0;
|
|
730
731
|
--tw-rotate: 0deg;
|
|
731
732
|
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));
|
|
732
733
|
cursor: pointer;
|
|
@@ -1361,6 +1362,21 @@ button {
|
|
|
1361
1362
|
outline-offset: 1px;
|
|
1362
1363
|
outline-color: inherit;
|
|
1363
1364
|
}
|
|
1365
|
+
.c-icon-button-elevate {
|
|
1366
|
+
--tw-bg-opacity: 1;
|
|
1367
|
+
background-color: rgb(var(--c-color-elevate) / var(--tw-bg-opacity));
|
|
1368
|
+
--tw-shadow: 0 2px 4px rgba(130,138,144,0.15);
|
|
1369
|
+
--tw-shadow-colored: 0 2px 4px var(--tw-shadow-color);
|
|
1370
|
+
box-shadow:
|
|
1371
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
1372
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
1373
|
+
var(--tw-shadow);
|
|
1374
|
+
}
|
|
1375
|
+
.c-icon-button:not(:disabled):hover {
|
|
1376
|
+
outline-style: solid;
|
|
1377
|
+
outline-width: 1px;
|
|
1378
|
+
outline-color: rgb(var(--c-color-purple-200-700) / 1);
|
|
1379
|
+
}
|
|
1364
1380
|
.c-icon-button-xxs {
|
|
1365
1381
|
height: 1.25rem;
|
|
1366
1382
|
width: 1.25rem;
|