cax-design-system 2.6.1 → 2.7.0
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/README.md +1 -1
- package/commentbox/commentbox.d.ts +111 -0
- package/commentbox/commentbox.module.d.ts +17 -0
- package/commentbox/index.d.ts +5 -0
- package/commentbox/public_api.d.ts +2 -0
- package/esm2022/card/card.mjs +2 -2
- package/esm2022/commentbox/cax-design-system-commentbox.mjs +5 -0
- package/esm2022/commentbox/commentbox.mjs +541 -0
- package/esm2022/commentbox/commentbox.module.mjs +27 -0
- package/esm2022/commentbox/public_api.mjs +3 -0
- package/esm2022/inputtext/inputtext.component.mjs +13 -4
- package/esm2022/inputtextarea/inputtextarea.component.mjs +8 -4
- package/esm2022/table/components/column-filter/column-filter.mjs +2 -2
- package/esm2022/upload/cax-design-system-upload.mjs +5 -0
- package/esm2022/upload/public_api.mjs +3 -0
- package/esm2022/upload/upload.component.mjs +355 -0
- package/esm2022/upload/upload.component.module.mjs +21 -0
- package/fesm2022/cax-design-system-card.mjs +2 -2
- package/fesm2022/cax-design-system-card.mjs.map +1 -1
- package/fesm2022/cax-design-system-commentbox.mjs +572 -0
- package/fesm2022/cax-design-system-commentbox.mjs.map +1 -0
- package/fesm2022/cax-design-system-inputtext.mjs +12 -3
- package/fesm2022/cax-design-system-inputtext.mjs.map +1 -1
- package/fesm2022/cax-design-system-inputtextarea.mjs +7 -3
- package/fesm2022/cax-design-system-inputtextarea.mjs.map +1 -1
- package/fesm2022/cax-design-system-table.mjs +1 -1
- package/fesm2022/cax-design-system-table.mjs.map +1 -1
- package/fesm2022/cax-design-system-upload.mjs +380 -0
- package/fesm2022/cax-design-system-upload.mjs.map +1 -0
- package/inputtext/inputtext.component.d.ts +4 -1
- package/inputtextarea/inputtextarea.component.d.ts +2 -2
- package/package.json +156 -144
- package/resources/cax.min.scss +1 -1
- package/resources/cax.scss +83 -37
- package/resources/components/card/card.scss +1 -1
- package/resources/components/commentbox/commentbox.scss +604 -0
- package/resources/components/upload/upload.component.scss +147 -0
- package/upload/index.d.ts +5 -0
- package/upload/public_api.d.ts +2 -0
- package/upload/upload.component.d.ts +61 -0
- package/upload/upload.component.module.d.ts +11 -0
package/resources/cax.scss
CHANGED
|
@@ -2756,39 +2756,6 @@
|
|
|
2756
2756
|
border-bottom-right-radius: 6px;
|
|
2757
2757
|
}
|
|
2758
2758
|
|
|
2759
|
-
.cax-card {
|
|
2760
|
-
background: var(--white-900);
|
|
2761
|
-
color: var(--neutral-900);
|
|
2762
|
-
border: 1px solid #e0e5eb;
|
|
2763
|
-
border-radius: 12px;
|
|
2764
|
-
width: 386px;
|
|
2765
|
-
}
|
|
2766
|
-
.cax-card:hover {
|
|
2767
|
-
cursor: pointer;
|
|
2768
|
-
box-shadow:
|
|
2769
|
-
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
2770
|
-
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
2771
|
-
}
|
|
2772
|
-
.cax-card .cax-card-body {
|
|
2773
|
-
padding: 0px 24px 24px 24px;
|
|
2774
|
-
}
|
|
2775
|
-
.cax-card .cax-card-title {
|
|
2776
|
-
font-size: 1.25rem;
|
|
2777
|
-
font-weight: 700;
|
|
2778
|
-
overflow: hidden;
|
|
2779
|
-
}
|
|
2780
|
-
.cax-card .cax-card-subtitle {
|
|
2781
|
-
font-weight: 400;
|
|
2782
|
-
color: var(--neutral-900);
|
|
2783
|
-
overflow: hidden;
|
|
2784
|
-
}
|
|
2785
|
-
.cax-card .cax-card-content {
|
|
2786
|
-
padding: 0 0 0 0;
|
|
2787
|
-
}
|
|
2788
|
-
.cax-card .cax-card-footer {
|
|
2789
|
-
padding: 0 0 0 0;
|
|
2790
|
-
}
|
|
2791
|
-
|
|
2792
2759
|
.cax-divider .cax-divider-content {
|
|
2793
2760
|
background-color: #18181b;
|
|
2794
2761
|
}
|
|
@@ -4848,6 +4815,7 @@
|
|
|
4848
4815
|
font-size: 1rem;
|
|
4849
4816
|
}
|
|
4850
4817
|
}
|
|
4818
|
+
|
|
4851
4819
|
@layer cax {
|
|
4852
4820
|
.cax-accordion .cax-accordion-header .cax-accordion-header-link {
|
|
4853
4821
|
border-radius: 6px !important;
|
|
@@ -7744,9 +7712,6 @@ cax-inputmask.cax-inputmask-clearable .cax-inputmask-clear-icon {
|
|
|
7744
7712
|
.cax-sidebar .cax-sidebar-content {
|
|
7745
7713
|
padding: 24px;
|
|
7746
7714
|
}
|
|
7747
|
-
.cax-sidebar .cax-sidebar-footer {
|
|
7748
|
-
padding: 24px;
|
|
7749
|
-
}
|
|
7750
7715
|
.cax-progressbar-indeterminate {
|
|
7751
7716
|
display: flex;
|
|
7752
7717
|
position: relative;
|
|
@@ -12153,7 +12118,38 @@ cax-chips.cax-chips-right-icon .cax-chips-icon-right {
|
|
|
12153
12118
|
color: var(--white-100);
|
|
12154
12119
|
text-decoration: underline;
|
|
12155
12120
|
}
|
|
12156
|
-
|
|
12121
|
+
.cax-card {
|
|
12122
|
+
background: var(--white-900);
|
|
12123
|
+
color: var(--neutral-900);
|
|
12124
|
+
border: 1px solid var(--neutral-100);
|
|
12125
|
+
border-radius: 12px;
|
|
12126
|
+
width: 386px;
|
|
12127
|
+
}
|
|
12128
|
+
.cax-card:hover {
|
|
12129
|
+
cursor: pointer;
|
|
12130
|
+
box-shadow:
|
|
12131
|
+
0 1px 3px 0 rgba(0, 0, 0, 0.1),
|
|
12132
|
+
0 1px 2px -1px rgba(0, 0, 0, 0.1);
|
|
12133
|
+
}
|
|
12134
|
+
.cax-card .cax-card-body {
|
|
12135
|
+
padding: 0px 24px 24px 24px;
|
|
12136
|
+
}
|
|
12137
|
+
.cax-card .cax-card-title {
|
|
12138
|
+
font-size: 1.25rem;
|
|
12139
|
+
font-weight: 700;
|
|
12140
|
+
overflow: hidden;
|
|
12141
|
+
}
|
|
12142
|
+
.cax-card .cax-card-subtitle {
|
|
12143
|
+
font-weight: 400;
|
|
12144
|
+
color: var(--neutral-900);
|
|
12145
|
+
overflow: hidden;
|
|
12146
|
+
}
|
|
12147
|
+
.cax-card .cax-card-content {
|
|
12148
|
+
padding: 0 0 0 0;
|
|
12149
|
+
}
|
|
12150
|
+
.cax-card .cax-card-footer {
|
|
12151
|
+
padding: 0 0 0 0;
|
|
12152
|
+
}
|
|
12157
12153
|
.cax-column-filter-row .cax-column-filter-menu-button,
|
|
12158
12154
|
.cax-column-filter-row .cax-column-filter-clear-button {
|
|
12159
12155
|
margin-left: 0.5rem;
|
|
@@ -12375,3 +12371,53 @@ cax-chips.cax-chips-right-icon .cax-chips-icon-right {
|
|
|
12375
12371
|
background-color: var(--primary-100) !important;
|
|
12376
12372
|
border-radius: 6px;
|
|
12377
12373
|
}
|
|
12374
|
+
|
|
12375
|
+
.cax-files {
|
|
12376
|
+
color: var(--neutral-900);
|
|
12377
|
+
}
|
|
12378
|
+
.cax-upload-menu{
|
|
12379
|
+
border: 1px solid var(--neutral-200);
|
|
12380
|
+
&:has(.cax-upload-status.uploading),
|
|
12381
|
+
&:has(.cax-upload-status.complete) {
|
|
12382
|
+
border: 1px solid var(--primary-500);
|
|
12383
|
+
}
|
|
12384
|
+
&:has(.cax-error-upload){
|
|
12385
|
+
border: 1px solid var(--error-600);
|
|
12386
|
+
}
|
|
12387
|
+
}
|
|
12388
|
+
.cax-error-upload{
|
|
12389
|
+
color: var(--error-600) ;
|
|
12390
|
+
}
|
|
12391
|
+
.cax-upload-options{
|
|
12392
|
+
.hint-text{
|
|
12393
|
+
color: var(--neutral-750);
|
|
12394
|
+
}
|
|
12395
|
+
.drop-files{
|
|
12396
|
+
color: var(--primary-500);
|
|
12397
|
+
}
|
|
12398
|
+
.max-size{
|
|
12399
|
+
color: var(--neutral-750);
|
|
12400
|
+
}
|
|
12401
|
+
}
|
|
12402
|
+
|
|
12403
|
+
.cax-upload-option{
|
|
12404
|
+
|
|
12405
|
+
.icon-container{
|
|
12406
|
+
background: var(--neutral-75);
|
|
12407
|
+
}
|
|
12408
|
+
}
|
|
12409
|
+
.cax-file-preview{
|
|
12410
|
+
background-color: var(--neutral-50) ;
|
|
12411
|
+
&.canceled {
|
|
12412
|
+
background-color: var(--error-50) !important;
|
|
12413
|
+
}
|
|
12414
|
+
}
|
|
12415
|
+
.status-container {
|
|
12416
|
+
.success-icon {
|
|
12417
|
+
background-color: var( --success-500);
|
|
12418
|
+
|
|
12419
|
+
i {
|
|
12420
|
+
color: var(--white-100);
|
|
12421
|
+
}
|
|
12422
|
+
}
|
|
12423
|
+
}
|