@vector-business-services/cristal-ds-web 0.22.0 → 0.24.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/dist/index.cjs +114 -75
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +40 -37
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +79 -36
- package/dist/index.d.ts +79 -36
- package/dist/index.js +118 -84
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* src/components/Accordion/Accordion.css */
|
|
1
|
+
/* src/components/core/Accordion/Accordion.css */
|
|
2
2
|
.cr-accordion {
|
|
3
3
|
container-type: inline-size;
|
|
4
4
|
overflow: hidden;
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
}
|
|
120
120
|
}
|
|
121
121
|
|
|
122
|
-
/* src/components/
|
|
122
|
+
/* src/components/core/InputText/InputText.css */
|
|
123
123
|
.cr-field {
|
|
124
124
|
display: flex;
|
|
125
125
|
flex-direction: column;
|
|
@@ -357,7 +357,7 @@
|
|
|
357
357
|
}
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
-
/* src/components/AutoComplete/AutoComplete.css */
|
|
360
|
+
/* src/components/core/AutoComplete/AutoComplete.css */
|
|
361
361
|
.cr-autocomplete__root {
|
|
362
362
|
display: flex;
|
|
363
363
|
}
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-brand-base);
|
|
427
427
|
}
|
|
428
428
|
|
|
429
|
-
/* src/components/Badge/Badge.css */
|
|
429
|
+
/* src/components/core/Badge/Badge.css */
|
|
430
430
|
.cr-badge {
|
|
431
431
|
display: inline-flex;
|
|
432
432
|
align-items: center;
|
|
@@ -478,7 +478,7 @@
|
|
|
478
478
|
color: var(--cr-color-text-neutral-subtlest);
|
|
479
479
|
}
|
|
480
480
|
|
|
481
|
-
/* src/components/Button/Button.css */
|
|
481
|
+
/* src/components/core/Button/Button.css */
|
|
482
482
|
.cr-button {
|
|
483
483
|
display: inline-flex;
|
|
484
484
|
align-items: center;
|
|
@@ -559,7 +559,7 @@
|
|
|
559
559
|
border-color: var(--cr-color-stroke-disabled-base);
|
|
560
560
|
}
|
|
561
561
|
|
|
562
|
-
/* src/components/IconButton/IconButton.css */
|
|
562
|
+
/* src/components/core/IconButton/IconButton.css */
|
|
563
563
|
.cr-icon-button {
|
|
564
564
|
display: inline-flex;
|
|
565
565
|
flex-shrink: 0;
|
|
@@ -649,7 +649,7 @@
|
|
|
649
649
|
background-color: var(--cr-color-fill-brand-subtlest);
|
|
650
650
|
}
|
|
651
651
|
|
|
652
|
-
/* src/components/Calendar/Calendar.css */
|
|
652
|
+
/* src/components/core/Calendar/Calendar.css */
|
|
653
653
|
.cr-calendar {
|
|
654
654
|
box-sizing: border-box;
|
|
655
655
|
color: var(--cr-color-text-neutral-base);
|
|
@@ -813,7 +813,7 @@
|
|
|
813
813
|
cursor: not-allowed;
|
|
814
814
|
}
|
|
815
815
|
|
|
816
|
-
/* src/components/Card/Card.css */
|
|
816
|
+
/* src/components/core/Card/Card.css */
|
|
817
817
|
.cr-card {
|
|
818
818
|
display: flex;
|
|
819
819
|
flex-direction: column;
|
|
@@ -847,7 +847,7 @@
|
|
|
847
847
|
box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base);
|
|
848
848
|
}
|
|
849
849
|
|
|
850
|
-
/* src/components/Tooltip/Tooltip.css */
|
|
850
|
+
/* src/components/core/Tooltip/Tooltip.css */
|
|
851
851
|
.cr-tooltip {
|
|
852
852
|
position: absolute;
|
|
853
853
|
top: -9999px;
|
|
@@ -886,7 +886,7 @@
|
|
|
886
886
|
overflow-wrap: break-word;
|
|
887
887
|
}
|
|
888
888
|
|
|
889
|
-
/* src/components/Chart/Chart.css */
|
|
889
|
+
/* src/components/charts/Chart/Chart.css */
|
|
890
890
|
.cr-chart {
|
|
891
891
|
display: flex;
|
|
892
892
|
flex-direction: column;
|
|
@@ -978,7 +978,7 @@
|
|
|
978
978
|
border-radius: 2px;
|
|
979
979
|
}
|
|
980
980
|
|
|
981
|
-
/* src/components/Checkbox/Checkbox.css */
|
|
981
|
+
/* src/components/core/Checkbox/Checkbox.css */
|
|
982
982
|
.cr-checkbox {
|
|
983
983
|
display: inline-flex;
|
|
984
984
|
align-items: center;
|
|
@@ -1078,7 +1078,7 @@
|
|
|
1078
1078
|
cursor: not-allowed;
|
|
1079
1079
|
}
|
|
1080
1080
|
|
|
1081
|
-
/* src/components/Chip/Chip.css */
|
|
1081
|
+
/* src/components/core/Chip/Chip.css */
|
|
1082
1082
|
.cr-chip {
|
|
1083
1083
|
display: inline-flex;
|
|
1084
1084
|
align-items: center;
|
|
@@ -1242,7 +1242,7 @@
|
|
|
1242
1242
|
--cr-chip-shadow: var(--cr-elevation-gray-bottom-3);
|
|
1243
1243
|
}
|
|
1244
1244
|
|
|
1245
|
-
/* src/components/Menu/Menu.css */
|
|
1245
|
+
/* src/components/core/Menu/Menu.css */
|
|
1246
1246
|
.cr-menu {
|
|
1247
1247
|
width: 320px;
|
|
1248
1248
|
border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);
|
|
@@ -1362,7 +1362,7 @@
|
|
|
1362
1362
|
}
|
|
1363
1363
|
}
|
|
1364
1364
|
|
|
1365
|
-
/* src/components/ContextMenu/ContextMenu.css */
|
|
1365
|
+
/* src/components/core/ContextMenu/ContextMenu.css */
|
|
1366
1366
|
.cr-context-menu {
|
|
1367
1367
|
position: absolute;
|
|
1368
1368
|
width: 260px;
|
|
@@ -1380,7 +1380,7 @@
|
|
|
1380
1380
|
}
|
|
1381
1381
|
}
|
|
1382
1382
|
|
|
1383
|
-
/* src/components/
|
|
1383
|
+
/* src/components/core/RadioButton/RadioButton.css */
|
|
1384
1384
|
.cr-radio {
|
|
1385
1385
|
display: inline-flex;
|
|
1386
1386
|
align-items: center;
|
|
@@ -1458,17 +1458,20 @@
|
|
|
1458
1458
|
cursor: not-allowed;
|
|
1459
1459
|
}
|
|
1460
1460
|
|
|
1461
|
-
/* src/components/Calendar/DataPicker.css */
|
|
1461
|
+
/* src/components/core/Calendar/DataPicker.css */
|
|
1462
1462
|
.cr-data-picker__periods {
|
|
1463
1463
|
box-sizing: border-box;
|
|
1464
1464
|
display: flex;
|
|
1465
1465
|
flex-direction: column;
|
|
1466
1466
|
flex-shrink: 0;
|
|
1467
1467
|
width: 231px;
|
|
1468
|
+
contain: size;
|
|
1469
|
+
overflow-y: auto;
|
|
1468
1470
|
padding: var(--cr-padding-padding-6);
|
|
1469
1471
|
border-right: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);
|
|
1470
1472
|
}
|
|
1471
1473
|
.cr-data-picker__period {
|
|
1474
|
+
flex-shrink: 0;
|
|
1472
1475
|
gap: var(--cr-spacing-spacing-6);
|
|
1473
1476
|
padding: var(--cr-padding-padding-5) var(--cr-padding-padding-3);
|
|
1474
1477
|
}
|
|
@@ -1499,7 +1502,7 @@
|
|
|
1499
1502
|
border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);
|
|
1500
1503
|
}
|
|
1501
1504
|
|
|
1502
|
-
/* src/components/DatePicker/DatePicker.css */
|
|
1505
|
+
/* src/components/core/DatePicker/DatePicker.css */
|
|
1503
1506
|
.cr-datepicker__root {
|
|
1504
1507
|
position: relative;
|
|
1505
1508
|
display: flex;
|
|
@@ -1578,7 +1581,7 @@
|
|
|
1578
1581
|
grid-area: rodape;
|
|
1579
1582
|
}
|
|
1580
1583
|
|
|
1581
|
-
/* src/components/DateRangeButton/DateRangeButton.css */
|
|
1584
|
+
/* src/components/team/DateRangeButton/DateRangeButton.css */
|
|
1582
1585
|
.cr-date-range-field {
|
|
1583
1586
|
display: inline-flex;
|
|
1584
1587
|
}
|
|
@@ -1663,7 +1666,7 @@
|
|
|
1663
1666
|
padding: var(--cr-padding-padding-6);
|
|
1664
1667
|
}
|
|
1665
1668
|
|
|
1666
|
-
/* src/components/Divider/Divider.css */
|
|
1669
|
+
/* src/components/core/Divider/Divider.css */
|
|
1667
1670
|
.cr-divider {
|
|
1668
1671
|
--cr-divider-color: var(--cr-color-stroke-neutral-base);
|
|
1669
1672
|
flex-shrink: 0;
|
|
@@ -1697,7 +1700,7 @@
|
|
|
1697
1700
|
display: none;
|
|
1698
1701
|
}
|
|
1699
1702
|
|
|
1700
|
-
/* src/components/Drawer/Drawer.css */
|
|
1703
|
+
/* src/components/core/Drawer/Drawer.css */
|
|
1701
1704
|
.cr-drawer__mask {
|
|
1702
1705
|
box-sizing: border-box;
|
|
1703
1706
|
position: fixed;
|
|
@@ -1884,7 +1887,7 @@
|
|
|
1884
1887
|
right: var(--cr-spacing-spacing-4);
|
|
1885
1888
|
}
|
|
1886
1889
|
|
|
1887
|
-
/* src/components/Menubar/Menubar.css */
|
|
1890
|
+
/* src/components/core/Menubar/Menubar.css */
|
|
1888
1891
|
.cr-menubar {
|
|
1889
1892
|
container-type: inline-size;
|
|
1890
1893
|
}
|
|
@@ -2143,7 +2146,7 @@
|
|
|
2143
2146
|
}
|
|
2144
2147
|
}
|
|
2145
2148
|
|
|
2146
|
-
/* src/components/Tag/Tag.css */
|
|
2149
|
+
/* src/components/core/Tag/Tag.css */
|
|
2147
2150
|
.cr-tag {
|
|
2148
2151
|
display: inline-flex;
|
|
2149
2152
|
align-items: center;
|
|
@@ -2226,7 +2229,7 @@
|
|
|
2226
2229
|
--cr-tag-icon-color: var(--cr-color-icon-neutral-base);
|
|
2227
2230
|
}
|
|
2228
2231
|
|
|
2229
|
-
/* src/components/MenuPrincipal/MenuPrincipal.css */
|
|
2232
|
+
/* src/components/core/MenuPrincipal/MenuPrincipal.css */
|
|
2230
2233
|
.cr-menu-principal {
|
|
2231
2234
|
display: flex;
|
|
2232
2235
|
flex-direction: column;
|
|
@@ -2364,7 +2367,7 @@
|
|
|
2364
2367
|
box-shadow: inset var(--cr-effects-focus-ring);
|
|
2365
2368
|
}
|
|
2366
2369
|
|
|
2367
|
-
/* src/components/Message/Message.css */
|
|
2370
|
+
/* src/components/core/Message/Message.css */
|
|
2368
2371
|
.cr-message {
|
|
2369
2372
|
display: flex;
|
|
2370
2373
|
align-items: flex-start;
|
|
@@ -2416,7 +2419,7 @@
|
|
|
2416
2419
|
--cr-message-icon: var(--cr-color-icon-neutral-base);
|
|
2417
2420
|
}
|
|
2418
2421
|
|
|
2419
|
-
/* src/components/
|
|
2422
|
+
/* src/components/core/Dialog/Dialog.css */
|
|
2420
2423
|
.cr-modal__mask {
|
|
2421
2424
|
box-sizing: border-box;
|
|
2422
2425
|
position: fixed;
|
|
@@ -2625,7 +2628,7 @@
|
|
|
2625
2628
|
}
|
|
2626
2629
|
}
|
|
2627
2630
|
|
|
2628
|
-
/* src/components/MultiSelect/MultiSelect.css */
|
|
2631
|
+
/* src/components/core/MultiSelect/MultiSelect.css */
|
|
2629
2632
|
.cr-multiselect .cr-multiselect__control {
|
|
2630
2633
|
cursor: pointer;
|
|
2631
2634
|
}
|
|
@@ -2798,7 +2801,7 @@
|
|
|
2798
2801
|
background-color: var(--cr-color-fill-brand-base);
|
|
2799
2802
|
}
|
|
2800
2803
|
|
|
2801
|
-
/* src/components/PageHeader/PageHeader.css */
|
|
2804
|
+
/* src/components/core/PageHeader/PageHeader.css */
|
|
2802
2805
|
.cr-page-header {
|
|
2803
2806
|
container-type: inline-size;
|
|
2804
2807
|
display: flex;
|
|
@@ -2979,7 +2982,7 @@
|
|
|
2979
2982
|
}
|
|
2980
2983
|
}
|
|
2981
2984
|
|
|
2982
|
-
/* src/components/Select/Select.css */
|
|
2985
|
+
/* src/components/core/Select/Select.css */
|
|
2983
2986
|
.cr-select .cr-select__control {
|
|
2984
2987
|
cursor: pointer;
|
|
2985
2988
|
}
|
|
@@ -3037,7 +3040,7 @@
|
|
|
3037
3040
|
cursor: default;
|
|
3038
3041
|
}
|
|
3039
3042
|
|
|
3040
|
-
/* src/components/Paginator/Paginator.css */
|
|
3043
|
+
/* src/components/core/Paginator/Paginator.css */
|
|
3041
3044
|
.cr-paginator {
|
|
3042
3045
|
display: flex;
|
|
3043
3046
|
flex-wrap: wrap;
|
|
@@ -3109,7 +3112,7 @@
|
|
|
3109
3112
|
padding-right: var(--cr-padding-padding-4);
|
|
3110
3113
|
}
|
|
3111
3114
|
|
|
3112
|
-
/* src/components/Panel/Panel.css */
|
|
3115
|
+
/* src/components/core/Panel/Panel.css */
|
|
3113
3116
|
.cr-panel {
|
|
3114
3117
|
display: flex;
|
|
3115
3118
|
flex-direction: column;
|
|
@@ -3127,7 +3130,7 @@
|
|
|
3127
3130
|
min-height: 0;
|
|
3128
3131
|
}
|
|
3129
3132
|
|
|
3130
|
-
/* src/components/ScrollPanel/ScrollPanel.css */
|
|
3133
|
+
/* src/components/core/ScrollPanel/ScrollPanel.css */
|
|
3131
3134
|
.cr-scrollpanel {
|
|
3132
3135
|
position: relative;
|
|
3133
3136
|
overflow: hidden;
|
|
@@ -3182,7 +3185,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3182
3185
|
user-select: none;
|
|
3183
3186
|
}
|
|
3184
3187
|
|
|
3185
|
-
/* src/components/
|
|
3188
|
+
/* src/components/core/SelectButton/SelectButton.css */
|
|
3186
3189
|
.cr-segment {
|
|
3187
3190
|
display: inline-flex;
|
|
3188
3191
|
align-items: center;
|
|
@@ -3255,7 +3258,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3255
3258
|
box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-gray-bottom-5);
|
|
3256
3259
|
}
|
|
3257
3260
|
|
|
3258
|
-
/* src/components/Skeleton/Skeleton.css */
|
|
3261
|
+
/* src/components/core/Skeleton/Skeleton.css */
|
|
3259
3262
|
.cr-skeleton {
|
|
3260
3263
|
position: relative;
|
|
3261
3264
|
flex-shrink: 0;
|
|
@@ -3291,7 +3294,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3291
3294
|
}
|
|
3292
3295
|
}
|
|
3293
3296
|
|
|
3294
|
-
/* src/components/
|
|
3297
|
+
/* src/components/core/ToggleSwitch/ToggleSwitch.css */
|
|
3295
3298
|
.cr-switch {
|
|
3296
3299
|
--cr-switch-width: 48px;
|
|
3297
3300
|
--cr-switch-height: 28px;
|
|
@@ -3390,7 +3393,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3390
3393
|
cursor: not-allowed;
|
|
3391
3394
|
}
|
|
3392
3395
|
|
|
3393
|
-
/* src/components/Tabs/Tabs.css */
|
|
3396
|
+
/* src/components/core/Tabs/Tabs.css */
|
|
3394
3397
|
.cr-tabs__nav {
|
|
3395
3398
|
display: flex;
|
|
3396
3399
|
margin: 0;
|
|
@@ -3458,7 +3461,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3458
3461
|
background-color: var(--cr-color-fill-neutral-subtlest);
|
|
3459
3462
|
}
|
|
3460
3463
|
|
|
3461
|
-
/* src/components/Table/Table.css */
|
|
3464
|
+
/* src/components/core/Table/Table.css */
|
|
3462
3465
|
.cr-table {
|
|
3463
3466
|
container-type: inline-size;
|
|
3464
3467
|
}
|
|
@@ -3763,7 +3766,7 @@ body.p-scrollpanel-grabbed {
|
|
|
3763
3766
|
}
|
|
3764
3767
|
}
|
|
3765
3768
|
|
|
3766
|
-
/* src/components/Toast/Toast.css */
|
|
3769
|
+
/* src/components/core/Toast/Toast.css */
|
|
3767
3770
|
.cr-toast__message {
|
|
3768
3771
|
box-sizing: border-box;
|
|
3769
3772
|
width: 340px;
|