@vector-business-services/cristal-ds-web 0.23.0 → 0.25.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;
@@ -952,6 +952,14 @@
952
952
  position: absolute;
953
953
  inset: 0;
954
954
  }
955
+ .cr-chart--fill {
956
+ height: 100%;
957
+ }
958
+ .cr-chart--fill .cr-chart__body,
959
+ .cr-chart--fill .cr-chart__plot {
960
+ flex: 1;
961
+ min-height: 0;
962
+ }
955
963
  .cr-chart__legend {
956
964
  display: flex;
957
965
  flex-wrap: wrap;
@@ -978,7 +986,7 @@
978
986
  border-radius: 2px;
979
987
  }
980
988
 
981
- /* src/components/Checkbox/Checkbox.css */
989
+ /* src/components/core/Checkbox/Checkbox.css */
982
990
  .cr-checkbox {
983
991
  display: inline-flex;
984
992
  align-items: center;
@@ -1078,7 +1086,7 @@
1078
1086
  cursor: not-allowed;
1079
1087
  }
1080
1088
 
1081
- /* src/components/Chip/Chip.css */
1089
+ /* src/components/core/Chip/Chip.css */
1082
1090
  .cr-chip {
1083
1091
  display: inline-flex;
1084
1092
  align-items: center;
@@ -1242,7 +1250,7 @@
1242
1250
  --cr-chip-shadow: var(--cr-elevation-gray-bottom-3);
1243
1251
  }
1244
1252
 
1245
- /* src/components/Menu/Menu.css */
1253
+ /* src/components/core/Menu/Menu.css */
1246
1254
  .cr-menu {
1247
1255
  width: 320px;
1248
1256
  border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);
@@ -1362,7 +1370,7 @@
1362
1370
  }
1363
1371
  }
1364
1372
 
1365
- /* src/components/ContextMenu/ContextMenu.css */
1373
+ /* src/components/core/ContextMenu/ContextMenu.css */
1366
1374
  .cr-context-menu {
1367
1375
  position: absolute;
1368
1376
  width: 260px;
@@ -1380,7 +1388,7 @@
1380
1388
  }
1381
1389
  }
1382
1390
 
1383
- /* src/components/Radio/Radio.css */
1391
+ /* src/components/core/RadioButton/RadioButton.css */
1384
1392
  .cr-radio {
1385
1393
  display: inline-flex;
1386
1394
  align-items: center;
@@ -1458,7 +1466,7 @@
1458
1466
  cursor: not-allowed;
1459
1467
  }
1460
1468
 
1461
- /* src/components/Calendar/DataPicker.css */
1469
+ /* src/components/core/Calendar/DataPicker.css */
1462
1470
  .cr-data-picker__periods {
1463
1471
  box-sizing: border-box;
1464
1472
  display: flex;
@@ -1502,7 +1510,7 @@
1502
1510
  border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);
1503
1511
  }
1504
1512
 
1505
- /* src/components/DatePicker/DatePicker.css */
1513
+ /* src/components/core/DatePicker/DatePicker.css */
1506
1514
  .cr-datepicker__root {
1507
1515
  position: relative;
1508
1516
  display: flex;
@@ -1581,7 +1589,7 @@
1581
1589
  grid-area: rodape;
1582
1590
  }
1583
1591
 
1584
- /* src/components/DateRangeButton/DateRangeButton.css */
1592
+ /* src/components/team/DateRangeButton/DateRangeButton.css */
1585
1593
  .cr-date-range-field {
1586
1594
  display: inline-flex;
1587
1595
  }
@@ -1666,7 +1674,7 @@
1666
1674
  padding: var(--cr-padding-padding-6);
1667
1675
  }
1668
1676
 
1669
- /* src/components/Divider/Divider.css */
1677
+ /* src/components/core/Divider/Divider.css */
1670
1678
  .cr-divider {
1671
1679
  --cr-divider-color: var(--cr-color-stroke-neutral-base);
1672
1680
  flex-shrink: 0;
@@ -1700,7 +1708,7 @@
1700
1708
  display: none;
1701
1709
  }
1702
1710
 
1703
- /* src/components/Drawer/Drawer.css */
1711
+ /* src/components/core/Drawer/Drawer.css */
1704
1712
  .cr-drawer__mask {
1705
1713
  box-sizing: border-box;
1706
1714
  position: fixed;
@@ -1887,7 +1895,7 @@
1887
1895
  right: var(--cr-spacing-spacing-4);
1888
1896
  }
1889
1897
 
1890
- /* src/components/Menubar/Menubar.css */
1898
+ /* src/components/core/Menubar/Menubar.css */
1891
1899
  .cr-menubar {
1892
1900
  container-type: inline-size;
1893
1901
  }
@@ -2146,7 +2154,7 @@
2146
2154
  }
2147
2155
  }
2148
2156
 
2149
- /* src/components/Tag/Tag.css */
2157
+ /* src/components/core/Tag/Tag.css */
2150
2158
  .cr-tag {
2151
2159
  display: inline-flex;
2152
2160
  align-items: center;
@@ -2229,7 +2237,7 @@
2229
2237
  --cr-tag-icon-color: var(--cr-color-icon-neutral-base);
2230
2238
  }
2231
2239
 
2232
- /* src/components/MenuPrincipal/MenuPrincipal.css */
2240
+ /* src/components/core/MenuPrincipal/MenuPrincipal.css */
2233
2241
  .cr-menu-principal {
2234
2242
  display: flex;
2235
2243
  flex-direction: column;
@@ -2367,7 +2375,7 @@
2367
2375
  box-shadow: inset var(--cr-effects-focus-ring);
2368
2376
  }
2369
2377
 
2370
- /* src/components/Message/Message.css */
2378
+ /* src/components/core/Message/Message.css */
2371
2379
  .cr-message {
2372
2380
  display: flex;
2373
2381
  align-items: flex-start;
@@ -2419,7 +2427,7 @@
2419
2427
  --cr-message-icon: var(--cr-color-icon-neutral-base);
2420
2428
  }
2421
2429
 
2422
- /* src/components/Modal/Modal.css */
2430
+ /* src/components/core/Dialog/Dialog.css */
2423
2431
  .cr-modal__mask {
2424
2432
  box-sizing: border-box;
2425
2433
  position: fixed;
@@ -2628,7 +2636,7 @@
2628
2636
  }
2629
2637
  }
2630
2638
 
2631
- /* src/components/MultiSelect/MultiSelect.css */
2639
+ /* src/components/core/MultiSelect/MultiSelect.css */
2632
2640
  .cr-multiselect .cr-multiselect__control {
2633
2641
  cursor: pointer;
2634
2642
  }
@@ -2801,7 +2809,7 @@
2801
2809
  background-color: var(--cr-color-fill-brand-base);
2802
2810
  }
2803
2811
 
2804
- /* src/components/PageHeader/PageHeader.css */
2812
+ /* src/components/core/PageHeader/PageHeader.css */
2805
2813
  .cr-page-header {
2806
2814
  container-type: inline-size;
2807
2815
  display: flex;
@@ -2982,7 +2990,7 @@
2982
2990
  }
2983
2991
  }
2984
2992
 
2985
- /* src/components/Select/Select.css */
2993
+ /* src/components/core/Select/Select.css */
2986
2994
  .cr-select .cr-select__control {
2987
2995
  cursor: pointer;
2988
2996
  }
@@ -3040,7 +3048,7 @@
3040
3048
  cursor: default;
3041
3049
  }
3042
3050
 
3043
- /* src/components/Paginator/Paginator.css */
3051
+ /* src/components/core/Paginator/Paginator.css */
3044
3052
  .cr-paginator {
3045
3053
  display: flex;
3046
3054
  flex-wrap: wrap;
@@ -3112,7 +3120,7 @@
3112
3120
  padding-right: var(--cr-padding-padding-4);
3113
3121
  }
3114
3122
 
3115
- /* src/components/Panel/Panel.css */
3123
+ /* src/components/core/Panel/Panel.css */
3116
3124
  .cr-panel {
3117
3125
  display: flex;
3118
3126
  flex-direction: column;
@@ -3130,7 +3138,7 @@
3130
3138
  min-height: 0;
3131
3139
  }
3132
3140
 
3133
- /* src/components/ScrollPanel/ScrollPanel.css */
3141
+ /* src/components/core/ScrollPanel/ScrollPanel.css */
3134
3142
  .cr-scrollpanel {
3135
3143
  position: relative;
3136
3144
  overflow: hidden;
@@ -3185,7 +3193,7 @@ body.p-scrollpanel-grabbed {
3185
3193
  user-select: none;
3186
3194
  }
3187
3195
 
3188
- /* src/components/SegmentControl/SegmentControl.css */
3196
+ /* src/components/core/SelectButton/SelectButton.css */
3189
3197
  .cr-segment {
3190
3198
  display: inline-flex;
3191
3199
  align-items: center;
@@ -3258,7 +3266,7 @@ body.p-scrollpanel-grabbed {
3258
3266
  box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-gray-bottom-5);
3259
3267
  }
3260
3268
 
3261
- /* src/components/Skeleton/Skeleton.css */
3269
+ /* src/components/core/Skeleton/Skeleton.css */
3262
3270
  .cr-skeleton {
3263
3271
  position: relative;
3264
3272
  flex-shrink: 0;
@@ -3294,7 +3302,7 @@ body.p-scrollpanel-grabbed {
3294
3302
  }
3295
3303
  }
3296
3304
 
3297
- /* src/components/Switch/Switch.css */
3305
+ /* src/components/core/ToggleSwitch/ToggleSwitch.css */
3298
3306
  .cr-switch {
3299
3307
  --cr-switch-width: 48px;
3300
3308
  --cr-switch-height: 28px;
@@ -3393,7 +3401,7 @@ body.p-scrollpanel-grabbed {
3393
3401
  cursor: not-allowed;
3394
3402
  }
3395
3403
 
3396
- /* src/components/Tabs/Tabs.css */
3404
+ /* src/components/core/Tabs/Tabs.css */
3397
3405
  .cr-tabs__nav {
3398
3406
  display: flex;
3399
3407
  margin: 0;
@@ -3461,7 +3469,7 @@ body.p-scrollpanel-grabbed {
3461
3469
  background-color: var(--cr-color-fill-neutral-subtlest);
3462
3470
  }
3463
3471
 
3464
- /* src/components/Table/Table.css */
3472
+ /* src/components/core/Table/Table.css */
3465
3473
  .cr-table {
3466
3474
  container-type: inline-size;
3467
3475
  }
@@ -3766,7 +3774,7 @@ body.p-scrollpanel-grabbed {
3766
3774
  }
3767
3775
  }
3768
3776
 
3769
- /* src/components/Toast/Toast.css */
3777
+ /* src/components/core/Toast/Toast.css */
3770
3778
  .cr-toast__message {
3771
3779
  box-sizing: border-box;
3772
3780
  width: 340px;