@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.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/Input/Input.css */
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/Radio/Radio.css */
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/Modal/Modal.css */
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/SegmentControl/SegmentControl.css */
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/Switch/Switch.css */
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;