@texturehq/edges 0.0.10 → 0.0.11
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/dist/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -1
- package/dist/index.d.ts +5 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +28 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -65,6 +65,7 @@
|
|
|
65
65
|
--radius-sm: 0.25rem;
|
|
66
66
|
--radius-md: 0.375rem;
|
|
67
67
|
--radius-lg: 0.5rem;
|
|
68
|
+
--radius-xl: 0.75rem;
|
|
68
69
|
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
|
69
70
|
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
|
70
71
|
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -78,8 +79,11 @@
|
|
|
78
79
|
--default-font-family: var(--font-sans);
|
|
79
80
|
--default-mono-font-family: var(--font-mono);
|
|
80
81
|
--color-brand-primary: #444ae1;
|
|
82
|
+
--color-brand-light: #f7f7ff;
|
|
83
|
+
--color-brand-dark: #363ccb;
|
|
81
84
|
--color-neutral-black: #333333;
|
|
82
85
|
--color-neutral-white: #ffffff;
|
|
86
|
+
--color-gray-light: #e5e7eb;
|
|
83
87
|
--color-text-body: #333333;
|
|
84
88
|
--color-text-heading: #111827;
|
|
85
89
|
--color-text-caption: #6b7280;
|
|
@@ -499,6 +503,9 @@
|
|
|
499
503
|
.h-9 {
|
|
500
504
|
height: calc(var(--spacing) * 9);
|
|
501
505
|
}
|
|
506
|
+
.h-12 {
|
|
507
|
+
height: calc(var(--spacing) * 12);
|
|
508
|
+
}
|
|
502
509
|
.h-16 {
|
|
503
510
|
height: calc(var(--spacing) * 16);
|
|
504
511
|
}
|
|
@@ -553,6 +560,9 @@
|
|
|
553
560
|
.w-9 {
|
|
554
561
|
width: calc(var(--spacing) * 9);
|
|
555
562
|
}
|
|
563
|
+
.w-12 {
|
|
564
|
+
width: calc(var(--spacing) * 12);
|
|
565
|
+
}
|
|
556
566
|
.w-32 {
|
|
557
567
|
width: calc(var(--spacing) * 32);
|
|
558
568
|
}
|
|
@@ -626,6 +636,9 @@
|
|
|
626
636
|
.shrink-0 {
|
|
627
637
|
flex-shrink: 0;
|
|
628
638
|
}
|
|
639
|
+
.grow {
|
|
640
|
+
flex-grow: 1;
|
|
641
|
+
}
|
|
629
642
|
.border-collapse {
|
|
630
643
|
border-collapse: collapse;
|
|
631
644
|
}
|
|
@@ -858,6 +871,9 @@
|
|
|
858
871
|
.rounded-sm {
|
|
859
872
|
border-radius: var(--radius-sm);
|
|
860
873
|
}
|
|
874
|
+
.rounded-xl {
|
|
875
|
+
border-radius: var(--radius-xl);
|
|
876
|
+
}
|
|
861
877
|
.rounded-l-sm {
|
|
862
878
|
border-top-left-radius: var(--radius-sm);
|
|
863
879
|
border-bottom-left-radius: var(--radius-sm);
|
|
@@ -988,6 +1004,9 @@
|
|
|
988
1004
|
.bg-blue-600 {
|
|
989
1005
|
background-color: var(--color-blue-600);
|
|
990
1006
|
}
|
|
1007
|
+
.bg-brand-light {
|
|
1008
|
+
background-color: var(--color-brand-light);
|
|
1009
|
+
}
|
|
991
1010
|
.bg-feedback-error-background {
|
|
992
1011
|
background-color: var(--color-feedback-error-background);
|
|
993
1012
|
}
|
|
@@ -1009,6 +1028,9 @@
|
|
|
1009
1028
|
.bg-gray-700 {
|
|
1010
1029
|
background-color: var(--color-gray-700);
|
|
1011
1030
|
}
|
|
1031
|
+
.bg-gray-light {
|
|
1032
|
+
background-color: var(--color-gray-light);
|
|
1033
|
+
}
|
|
1012
1034
|
.bg-green-500 {
|
|
1013
1035
|
background-color: var(--color-green-500);
|
|
1014
1036
|
}
|
|
@@ -1098,6 +1120,9 @@
|
|
|
1098
1120
|
.p-2 {
|
|
1099
1121
|
padding: calc(var(--spacing) * 2);
|
|
1100
1122
|
}
|
|
1123
|
+
.p-3 {
|
|
1124
|
+
padding: calc(var(--spacing) * 3);
|
|
1125
|
+
}
|
|
1101
1126
|
.p-4 {
|
|
1102
1127
|
padding: calc(var(--spacing) * 4);
|
|
1103
1128
|
}
|
|
@@ -1323,6 +1348,9 @@
|
|
|
1323
1348
|
.text-action-primary {
|
|
1324
1349
|
color: var(--color-action-primary);
|
|
1325
1350
|
}
|
|
1351
|
+
.text-brand-dark {
|
|
1352
|
+
color: var(--color-brand-dark);
|
|
1353
|
+
}
|
|
1326
1354
|
.text-brand-primary {
|
|
1327
1355
|
color: var(--color-brand-primary);
|
|
1328
1356
|
}
|