@ganpatiinfo/gids-core-web 10.3.0 → 13.0.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.
Files changed (171) hide show
  1. package/dist/css/index.css +374 -107
  2. package/dist/css/index.css.map +1 -1
  3. package/dist/gids-action-bar.js +1 -1
  4. package/dist/gids-activity-gauge.js +1 -1
  5. package/dist/gids-bar-chart.js +1 -1
  6. package/dist/gids-calendar-header-panel.js +1 -1
  7. package/dist/gids-calendar-month-list.js +1 -1
  8. package/dist/gids-calendar-year-list.js +1 -1
  9. package/dist/gids-calendar.js +1 -1
  10. package/dist/gids-chart-legend-item.js +1 -1
  11. package/dist/gids-chart-legend.js +1 -1
  12. package/dist/gids-chart.js +1 -1
  13. package/dist/gids-chevron-button.js +1 -1
  14. package/dist/gids-dot.js +1 -1
  15. package/dist/gids-dropdown-field.js +1 -1
  16. package/dist/gids-dropdown-picker.js +1 -1
  17. package/dist/gids-dropdown.js +1 -1
  18. package/dist/gids-expansion-body-list-item.js +1 -1
  19. package/dist/gids-expansion-body-list.js +1 -1
  20. package/dist/gids-expansion-group.js +1 -1
  21. package/dist/gids-expansion.js +1 -1
  22. package/dist/gids-field.js +1 -1
  23. package/dist/gids-filter.js +1 -1
  24. package/dist/gids-icon.js +1 -1
  25. package/dist/gids-input.js +1 -1
  26. package/dist/gids-line-chart.js +1 -1
  27. package/dist/gids-md-table.d.ts +11 -0
  28. package/dist/gids-md-table.js +1 -0
  29. package/dist/gids-overflow-container.js +1 -1
  30. package/dist/gids-overlay-provider.js +1 -1
  31. package/dist/gids-password-field.js +1 -1
  32. package/dist/gids-pie-chart.js +1 -1
  33. package/dist/gids-popover.js +1 -1
  34. package/dist/gids-scrim.js +1 -1
  35. package/dist/gids-tab-item.js +1 -1
  36. package/dist/gids-tab.js +1 -1
  37. package/dist/gids-text-field.js +1 -1
  38. package/dist/gids-toggle-button.js +1 -1
  39. package/dist/gids-tooltip.js +1 -1
  40. package/dist/p-4lN1OdcA.js +1 -0
  41. package/dist/{p-CD_BHkBE.js → p-6APCjBEI.js} +1 -1
  42. package/dist/p-BCVFQSjK.js +1 -0
  43. package/dist/{p-DfrYaprq.js → p-BSbOhfLZ.js} +1 -1
  44. package/dist/{p-DA_atCAU.js → p-BVAtja26.js} +1 -1
  45. package/dist/{p-BeP2XcqY.js → p-C2O_pGky.js} +1 -1
  46. package/dist/p-C2POfZhu.js +1 -0
  47. package/dist/{p-3Ni1-UuQ.js → p-C3We7Q8Q.js} +1 -1
  48. package/dist/{p-C4yEV6pT.js → p-C3w3wdCt.js} +1 -1
  49. package/dist/{p-BQCMjWpK.js → p-C3xv7tfs.js} +1 -1
  50. package/dist/{p-Ditd1zV7.js → p-C56G7JRy.js} +1 -1
  51. package/dist/p-CI-sN9Lr.js +1 -0
  52. package/dist/{p-WHI6NO_h.js → p-COHuQEfZ.js} +1 -1
  53. package/dist/{p-CkydANOS.js → p-Chqeexny.js} +1 -1
  54. package/dist/{p-C2PfO9h9.js → p-DO0MyFf4.js} +1 -1
  55. package/dist/p-DUojHltk.js +1 -0
  56. package/dist/p-_SIWct9h.js +1 -0
  57. package/dist/{p-qIkbfIF3.js → p-pSb81aE0.js} +1 -1
  58. package/dist/{p-BE2G21MT.js → p-ub0GuVHb.js} +1 -1
  59. package/dist/types/components/html/GidsBasicTableBody/GidsBasicTableBody.d.ts +7 -0
  60. package/dist/types/components/html/GidsBasicTableCell/GidsBasicTableCell.d.ts +5 -0
  61. package/dist/types/components/html/GidsBasicTableHead/GidsBasicTableHead.d.ts +11 -0
  62. package/dist/types/components/html/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +5 -0
  63. package/dist/types/components/html/GidsBasicTableRow/GidsBasicTableRow.d.ts +5 -0
  64. package/dist/types/components/html/GidsBsTable/GidsBsTable.d.ts +12 -0
  65. package/dist/types/components/webComponents/GidsActionBar/GidsActionBar.d.ts +15 -2
  66. package/dist/types/components/webComponents/GidsExpansionBodyList/GidsExpansionBodyList.d.ts +5 -4
  67. package/dist/types/components/webComponents/GidsFilter/GidsFilter.d.ts +5 -0
  68. package/dist/types/components/webComponents/GidsMdTable/GidsMdTable.d.ts +42 -0
  69. package/dist/types/components.d.ts +199 -12
  70. package/dist-bundled/es/gids-action-bar.js +168 -126
  71. package/dist-bundled/es/gids-activity-gauge.js +4 -4
  72. package/dist-bundled/es/gids-bar-chart.js +1 -1
  73. package/dist-bundled/es/gids-calendar-header-panel.js +4 -4
  74. package/dist-bundled/es/gids-calendar-month-list.js +1 -1
  75. package/dist-bundled/es/gids-calendar-year-list.js +4 -4
  76. package/dist-bundled/es/gids-calendar.js +7 -7
  77. package/dist-bundled/es/gids-chart-legend-item.js +4 -4
  78. package/dist-bundled/es/gids-chart-legend.js +4 -4
  79. package/dist-bundled/es/gids-chart.js +18 -18
  80. package/dist-bundled/es/gids-chevron-button.js +2 -2
  81. package/dist-bundled/es/gids-dot.js +1 -1
  82. package/dist-bundled/es/gids-dropdown-field.js +5 -5
  83. package/dist-bundled/es/gids-dropdown-picker.js +2 -2
  84. package/dist-bundled/es/gids-dropdown.js +4 -4
  85. package/dist-bundled/es/gids-expansion-body-list-item.js +3 -3
  86. package/dist-bundled/es/gids-expansion-body-list.js +35 -35
  87. package/dist-bundled/es/gids-expansion-group.js +5 -5
  88. package/dist-bundled/es/gids-expansion.js +4 -4
  89. package/dist-bundled/es/gids-field.js +1 -1
  90. package/dist-bundled/es/gids-filter.js +2 -2
  91. package/dist-bundled/es/gids-icon.js +4 -4
  92. package/dist-bundled/es/gids-input.js +1 -1
  93. package/dist-bundled/es/gids-line-chart.js +4 -4
  94. package/dist-bundled/es/gids-md-table.js +170 -0
  95. package/dist-bundled/es/gids-overflow-container.js +1 -1
  96. package/dist-bundled/es/gids-overlay-provider.js +2 -2
  97. package/dist-bundled/es/gids-password-field.js +24 -24
  98. package/dist-bundled/es/gids-pie-chart.js +1 -1
  99. package/dist-bundled/es/gids-popover.js +1 -1
  100. package/dist-bundled/es/gids-scrim.js +6 -6
  101. package/dist-bundled/es/gids-tab-item.js +6 -6
  102. package/dist-bundled/es/gids-tab.js +4 -4
  103. package/dist-bundled/es/gids-text-field.js +16 -16
  104. package/dist-bundled/es/gids-toggle-button.js +1 -1
  105. package/dist-bundled/es/gids-tooltip.js +4 -4
  106. package/dist-bundled/es/{p-DlI2raNo-5V-p1A9Z.js → p-4lN1OdcA-xYP8gbDc.js} +17 -34
  107. package/dist-bundled/es/{p-CD_BHkBE-DX2546yK.js → p-6APCjBEI-BREg63Xr.js} +5 -5
  108. package/dist-bundled/es/{p-Cn-t3SGc-CwvvOdlK.js → p-BCVFQSjK-CKrYrI4b.js} +15 -15
  109. package/dist-bundled/es/{p-DfrYaprq-CeZqb0rn.js → p-BSbOhfLZ-BdEHhmFM.js} +3 -3
  110. package/dist-bundled/es/{p-DA_atCAU-KdxJYYDE.js → p-BVAtja26-C16IjShX.js} +8 -8
  111. package/dist-bundled/es/{p-BeP2XcqY-DMXmX4Mc.js → p-C2O_pGky-CP4PN55D.js} +10 -10
  112. package/dist-bundled/es/p-C2POfZhu-DzG_JxV6.js +24 -0
  113. package/dist-bundled/es/{p-3Ni1-UuQ-CPn15cat.js → p-C3We7Q8Q-2EoDLj5m.js} +2 -2
  114. package/dist-bundled/es/{p-C4yEV6pT-8IjLINXB.js → p-C3w3wdCt-BTH-jYlI.js} +6 -6
  115. package/dist-bundled/es/{p-BQCMjWpK-CLxPNItn.js → p-C3xv7tfs-DHsjc3Ns.js} +4 -4
  116. package/dist-bundled/es/{p-Ditd1zV7-DdQjXthS.js → p-C56G7JRy-BCGZG2-3.js} +2 -2
  117. package/dist-bundled/es/{p-DVVJrKxO-Bdl0HX_u.js → p-CI-sN9Lr-BvWzRJw-.js} +20 -19
  118. package/dist-bundled/es/{p-WHI6NO_h-DHNy0JzV.js → p-COHuQEfZ-DcUxD9TI.js} +11 -11
  119. package/dist-bundled/es/{p-CkydANOS-CzTX9wng.js → p-Chqeexny-BuJ-PhNi.js} +6 -6
  120. package/dist-bundled/es/{p-D4Pimu_8-DfEGRQGf.js → p-D4Pimu_8-ARSuGBs4.js} +0 -1
  121. package/dist-bundled/es/{p-D6lxqcxP-DWrZi1Xi.js → p-D6lxqcxP-C6BOC0kV.js} +1 -1
  122. package/dist-bundled/es/{p-C2PfO9h9-H_toZwKo.js → p-DO0MyFf4-Ddg5sVMx.js} +5 -5
  123. package/dist-bundled/es/p-DUojHltk-BQ0ryfLD.js +172 -0
  124. package/dist-bundled/es/{p-UxDcM-C5-Dr5d_WpJ.js → p-UxDcM-C5-BJO4X0jM.js} +1 -1
  125. package/dist-bundled/es/{p-KaaOtnwV-D7HTbhvI.js → p-_SIWct9h-jMYFZ-VO.js} +12 -12
  126. package/dist-bundled/es/{p-qIkbfIF3-B7NovGEi.js → p-pSb81aE0-WzAszFOQ.js} +2 -2
  127. package/dist-bundled/es/{p-BE2G21MT-WGW-ehxu.js → p-ub0GuVHb-C9vrhXyF.js} +2 -2
  128. package/dist-bundled/umd/gids-action-bar.umd.js +3 -3
  129. package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
  130. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  131. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +1 -1
  132. package/dist-bundled/umd/gids-calendar-month-list.umd.js +1 -1
  133. package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
  134. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  135. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  136. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  137. package/dist-bundled/umd/gids-chart.umd.js +1 -1
  138. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  139. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  140. package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
  141. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  142. package/dist-bundled/umd/gids-dropdown.umd.js +2 -2
  143. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  144. package/dist-bundled/umd/gids-expansion-body-list.umd.js +2 -2
  145. package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
  146. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  147. package/dist-bundled/umd/gids-field.umd.js +1 -1
  148. package/dist-bundled/umd/gids-filter.umd.js +3 -3
  149. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  150. package/dist-bundled/umd/gids-input.umd.js +1 -1
  151. package/dist-bundled/umd/gids-line-chart.umd.js +2 -2
  152. package/dist-bundled/umd/gids-md-table.umd.js +5 -0
  153. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  154. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  155. package/dist-bundled/umd/gids-password-field.umd.js +2 -2
  156. package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
  157. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  158. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  159. package/dist-bundled/umd/gids-tab-item.umd.js +2 -2
  160. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  161. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  162. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  163. package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
  164. package/dist-bundled/umd-complete/gids-core-web.umd.js +8 -8
  165. package/package.json +17 -9
  166. package/dist/p-2wB6zkno.js +0 -1
  167. package/dist/p-Cn-t3SGc.js +0 -1
  168. package/dist/p-DVVJrKxO.js +0 -1
  169. package/dist/p-DlI2raNo.js +0 -1
  170. package/dist/p-KaaOtnwV.js +0 -1
  171. package/dist-bundled/es/p-2wB6zkno-57WAxATm.js +0 -152
package/dist/css/index.css CHANGED
@@ -498,8 +498,8 @@ gids-global-styles-start {
498
498
  align-items: center;
499
499
  gap: var(--gids-gap-100);
500
500
  hyphens: auto;
501
- color: var(--gids-color-text-accent-5);
502
- --gidsIcon-color: var(--gids-color-icon-accent-5);
501
+ color: var(--gids-color-text-accent-9);
502
+ --gidsIcon-color: var(--gids-color-icon-accent-9);
503
503
  font-family: var(--gids-typography-paragraph-small__font-family);
504
504
  font-size: var(--gids-typography-paragraph-small__font-size);
505
505
  font-weight: var(--gids-typography-paragraph-small__font-weight);
@@ -509,20 +509,20 @@ gids-global-styles-start {
509
509
  font-variant-caps: var(--gids-typography-paragraph-small__font-variant-caps, inherit);
510
510
  }
511
511
  .gids-requirements-meter-label--error {
512
- color: var(--gids-color-text-accent-1);
513
- --gidsIcon-color: var(--gids-color-icon-accent-1);
512
+ color: var(--gids-color-text-accent-6);
513
+ --gidsIcon-color: var(--gids-color-icon-accent-6);
514
514
  }
515
515
  .gids-requirements-meter-label--success {
516
- color: var(--gids-color-text-accent-3);
517
- --gidsIcon-color: var(--gids-color-icon-accent-3);
516
+ color: var(--gids-color-text-accent-1);
517
+ --gidsIcon-color: var(--gids-color-icon-accent-1);
518
518
  }
519
519
  .gids-requirements-meter-label--warning {
520
520
  color: var(--gids-color-text-accent-2);
521
521
  --gidsIcon-color: var(--gids-color-icon-accent-2);
522
522
  }
523
523
  .gids-requirements-meter-label--information {
524
- color: var(--gids-color-text-accent-4);
525
- --gidsIcon-color: var(--gids-color-icon-accent-4);
524
+ color: var(--gids-color-text-accent-3);
525
+ --gidsIcon-color: var(--gids-color-icon-accent-3);
526
526
  }
527
527
 
528
528
  .gids-snackbar-container {
@@ -556,20 +556,20 @@ gids-global-styles-start {
556
556
  color: var(--gids-color-text-default);
557
557
  }
558
558
  .gids-snackbar-container--appearance-information {
559
- background-color: var(--gids-color-background-accent-4-subtler-default);
560
- --gidsIcon-color: var(--gids-color-icon-accent-4);
559
+ background-color: var(--gids-color-background-accent-3-subtler-default);
560
+ --gidsIcon-color: var(--gids-color-icon-accent-3);
561
561
  }
562
562
  .gids-snackbar-container--appearance-warning {
563
563
  background-color: var(--gids-color-background-accent-2-subtler-default);
564
564
  --gidsIcon-color: var(--gids-color-icon-accent-2);
565
565
  }
566
566
  .gids-snackbar-container--appearance-error {
567
- background-color: var(--gids-color-background-accent-1-subtler-default);
568
- --gidsIcon-color: var(--gids-color-icon-accent-1);
567
+ background-color: var(--gids-color-background-accent-6-subtler-default);
568
+ --gidsIcon-color: var(--gids-color-icon-accent-6);
569
569
  }
570
570
  .gids-snackbar-container--appearance-success {
571
- background-color: var(--gids-color-background-accent-3-subtler-default);
572
- --gidsIcon-color: var(--gids-color-icon-accent-3);
571
+ background-color: var(--gids-color-background-accent-1-subtler-default);
572
+ --gidsIcon-color: var(--gids-color-icon-accent-1);
573
573
  }
574
574
 
575
575
  .gids-chevron-button-control {
@@ -1541,6 +1541,16 @@ gids-global-styles-start {
1541
1541
  --gids-color-background-accent-5-bolder-default
1542
1542
  );
1543
1543
  }
1544
+ .gids-avatar--default {
1545
+ background-color: var(--gids-color-background-canvas);
1546
+ color: var(--gids-color-text-subtlest);
1547
+ }
1548
+ .gids-avatar--inverted-info {
1549
+ background-color: var(--gids-color-background-information-bold-default);
1550
+ }
1551
+ .gids-avatar--inverted-warning {
1552
+ background-color: var(--gids-color-background-warning-bold-default);
1553
+ }
1544
1554
 
1545
1555
  .gids-avatar:has(img) {
1546
1556
  background: none;
@@ -3136,20 +3146,20 @@ gids-overlay-provider {
3136
3146
  align-self: stretch;
3137
3147
  }
3138
3148
  .gids-notification-container--appearance-information {
3139
- background-color: var(--gids-color-background-accent-4-subtler-default);
3140
- --gidsIcon-color: var(--gids-color-icon-accent-4);
3149
+ background-color: var(--gids-color-background-accent-3-subtler-default);
3150
+ --gidsIcon-color: var(--gids-color-icon-accent-3);
3141
3151
  }
3142
3152
  .gids-notification-container--appearance-warning {
3143
3153
  background-color: var(--gids-color-background-accent-2-subtler-default);
3144
3154
  --gidsIcon-color: var(--gids-color-icon-accent-2);
3145
3155
  }
3146
3156
  .gids-notification-container--appearance-error {
3147
- background-color: var(--gids-color-background-accent-1-subtler-default);
3148
- --gidsIcon-color: var(--gids-color-icon-accent-1);
3157
+ background-color: var(--gids-color-background-accent-6-subtler-default);
3158
+ --gidsIcon-color: var(--gids-color-icon-accent-6);
3149
3159
  }
3150
3160
  .gids-notification-container--appearance-success {
3151
- background-color: var(--gids-color-background-accent-3-subtler-default);
3152
- --gidsIcon-color: var(--gids-color-icon-accent-3);
3161
+ background-color: var(--gids-color-background-accent-1-subtler-default);
3162
+ --gidsIcon-color: var(--gids-color-icon-accent-1);
3153
3163
  }
3154
3164
 
3155
3165
  .gids-scrim {
@@ -3392,6 +3402,9 @@ gids-overlay-provider {
3392
3402
  overflow-y: auto;
3393
3403
  overflow-x: hidden;
3394
3404
  }
3405
+ .gids-side-menu--height-full {
3406
+ height: 100vh;
3407
+ }
3395
3408
  .gids-side-menu--inverted-brand {
3396
3409
  background-color: var(--gids-color-background-brand-bold-default);
3397
3410
  }
@@ -3822,37 +3835,58 @@ gids-popover {
3822
3835
  background-color: var(--gids-color-background-neutral-subtle-default);
3823
3836
  cursor: pointer;
3824
3837
  }
3838
+ .gids-list-item__divider {
3839
+ width: 100%;
3840
+ }
3825
3841
  .gids-list-item:hover {
3826
3842
  background-color: var(--gids-color-background-neutral-subtle-hovered);
3827
3843
  }
3828
3844
  .gids-list-item:hover .gids-list-item__divider {
3829
3845
  width: 0;
3830
3846
  }
3847
+ .gids-list-item:hover .gids-list-item__divider {
3848
+ width: 0;
3849
+ }
3831
3850
  .gids-list-item:active {
3832
3851
  background-color: var(--gids-color-background-neutral-subtle-pressed);
3833
3852
  }
3834
3853
  .gids-list-item:active .gids-list-item__divider {
3835
3854
  width: 0;
3836
3855
  }
3856
+ .gids-list-item:active .gids-list-item__divider {
3857
+ width: 0;
3858
+ }
3837
3859
  .gids-list-item--selected {
3838
3860
  background-color: var(--gids-color-background-selected-default);
3839
3861
  }
3862
+ .gids-list-item--selected .gids-list-item__divider {
3863
+ width: 0;
3864
+ }
3840
3865
  .gids-list-item--selected:hover {
3841
3866
  background-color: var(--gids-color-background-selected-hovered);
3842
3867
  }
3843
3868
  .gids-list-item--selected:hover .gids-list-item__divider {
3844
3869
  width: 0;
3845
3870
  }
3871
+ .gids-list-item--selected:hover .gids-list-item__divider {
3872
+ width: 0;
3873
+ }
3846
3874
  .gids-list-item--selected:active {
3847
3875
  background-color: var(--gids-color-background-selected-pressed);
3848
3876
  }
3849
3877
  .gids-list-item--selected:active .gids-list-item__divider {
3850
3878
  width: 0;
3851
3879
  }
3880
+ .gids-list-item--selected:active .gids-list-item__divider {
3881
+ width: 0;
3882
+ }
3852
3883
  .gids-list-item--disabled {
3853
3884
  background-color: var(--gids-color-background-disabled);
3854
3885
  cursor: not-allowed;
3855
3886
  }
3887
+ .gids-list-item--disabled .gids-list-item__divider {
3888
+ width: 0;
3889
+ }
3856
3890
  .gids-list-item--disabled:hover {
3857
3891
  background-color: var(--gids-color-background-disabled);
3858
3892
  }
@@ -4018,9 +4052,6 @@ gids-popover {
4018
4052
  var(--gids-color-text-disabled)
4019
4053
  );
4020
4054
  }
4021
- .gids-list-item__divider {
4022
- width: 100%;
4023
- }
4024
4055
 
4025
4056
  .gids-menu {
4026
4057
  display: flex;
@@ -5516,6 +5547,7 @@ gids-popover {
5516
5547
 
5517
5548
  .gids-filter__menu {
5518
5549
  position: absolute;
5550
+ inset-inline: 0;
5519
5551
  top: calc(100% + var(--gids-gap-050));
5520
5552
  z-index: 3;
5521
5553
  display: none;
@@ -5581,6 +5613,8 @@ gids-popover {
5581
5613
  gap: var(--gids-gap-100);
5582
5614
  padding: var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);
5583
5615
  color: var(--gids-color-text-accent-5);
5616
+ white-space: nowrap;
5617
+ flex-shrink: 0;
5584
5618
  cursor: pointer;
5585
5619
  }
5586
5620
  .gids-tab-item .gids-icon {
@@ -5597,6 +5631,7 @@ gids-popover {
5597
5631
  display: flex;
5598
5632
  justify-content: center;
5599
5633
  align-items: center;
5634
+ flex: 1;
5600
5635
  gap: var(--gids-gap-150);
5601
5636
  }
5602
5637
  .gids-tab-item--full {
@@ -5755,6 +5790,8 @@ gids-popover {
5755
5790
  align-items: center;
5756
5791
  justify-content: flex-start;
5757
5792
  gap: var(--gids-gap-150);
5793
+ overflow-y: hidden;
5794
+ overflow-x: scroll;
5758
5795
  }
5759
5796
  .gids-tab--full {
5760
5797
  display: flex;
@@ -6032,6 +6069,236 @@ gids-popover {
6032
6069
  width: 100%;
6033
6070
  }
6034
6071
 
6072
+ .gids-basic-table-head {
6073
+ display: flex;
6074
+ flex-direction: column;
6075
+ background-color: var(--gids-elevation-surface-default);
6076
+ }
6077
+ .gids-basic-table-head--surface-hovered {
6078
+ background-color: var(--gids-elevation-surface-hovered);
6079
+ }
6080
+ .gids-basic-table-head--surface-pressed {
6081
+ background-color: var(--gids-elevation-surface-pressed);
6082
+ }
6083
+ .gids-basic-table-head__content-wrapper {
6084
+ display: flex;
6085
+ flex-direction: column;
6086
+ width: 100%;
6087
+ gap: var(--gids-padding-vertical-edge-to-element-200);
6088
+ padding: var(--gids-padding-vertical-edge-to-element-250) var(--gids-padding-horizontal-edge-to-element-300);
6089
+ }
6090
+ .gids-basic-table-head--border-side-top {
6091
+ border-top: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6092
+ }
6093
+ .gids-basic-table-head--border-side-bottom {
6094
+ border-bottom: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6095
+ }
6096
+ .gids-basic-table-head--border-side-left {
6097
+ border-left: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6098
+ }
6099
+ .gids-basic-table-head--border-side-right {
6100
+ border-right: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6101
+ }
6102
+ .gids-basic-table-head--border-radius-side-top-left {
6103
+ border-top-left-radius: var(--gids-border-radius-lg);
6104
+ }
6105
+ .gids-basic-table-head--border-radius-side-bottom-left {
6106
+ border-bottom-left-radius: var(--gids-border-radius-lg);
6107
+ }
6108
+ .gids-basic-table-head--border-radius-side-top-right {
6109
+ border-top-right-radius: var(--gids-border-radius-lg);
6110
+ }
6111
+ .gids-basic-table-head--border-radius-side-bottom-right {
6112
+ border-bottom-right-radius: var(--gids-border-radius-lg);
6113
+ }
6114
+
6115
+ .gids-basic-table-cell {
6116
+ background-color: transparent;
6117
+ padding: var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-150);
6118
+ white-space: nowrap;
6119
+ word-break: normal;
6120
+ overflow-wrap: normal;
6121
+ }
6122
+ .gids-basic-table-cell--width-intrinsic {
6123
+ width: auto;
6124
+ }
6125
+ .gids-basic-table-cell--text-alignment-left {
6126
+ text-align: left;
6127
+ }
6128
+ .gids-basic-table-cell--text-alignment-right {
6129
+ text-align: right;
6130
+ }
6131
+ .gids-basic-table-cell--text-alignment-center {
6132
+ text-align: center;
6133
+ }
6134
+ .gids-basic-table-cell--border-side-top {
6135
+ border-top: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6136
+ }
6137
+ .gids-basic-table-cell--border-side-bottom {
6138
+ border-bottom: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6139
+ }
6140
+ .gids-basic-table-cell--border-side-left {
6141
+ border-left: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6142
+ }
6143
+ .gids-basic-table-cell--border-side-right {
6144
+ border-right: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6145
+ }
6146
+ .gids-basic-table-cell--border-radius-side-top-left {
6147
+ border-top-left-radius: var(--gids-border-radius-md);
6148
+ }
6149
+ .gids-basic-table-cell--border-radius-side-bottom-left {
6150
+ border-bottom-left-radius: var(--gids-border-radius-md);
6151
+ }
6152
+ .gids-basic-table-cell--border-radius-side-top-right {
6153
+ border-top-right-radius: var(--gids-border-radius-md);
6154
+ }
6155
+ .gids-basic-table-cell--border-radius-side-bottom-right {
6156
+ border-bottom-right-radius: var(--gids-border-radius-md);
6157
+ }
6158
+ .gids-basic-table-cell--appearance-default {
6159
+ background-color: var(--gids-color-background-accent-4-subtler-default);
6160
+ color: var(--gids-color-text-default);
6161
+ }
6162
+ .gids-basic-table-cell--appearance-primal {
6163
+ background-color: var(--gids-color-background-input-default);
6164
+ color: var(--gids-color-text-default);
6165
+ }
6166
+ .gids-basic-table-cell--appearance-neutral-default {
6167
+ background-color: var(--gids-color-background-neutral-default);
6168
+ color: var(--gids-color-text-default);
6169
+ }
6170
+ .gids-basic-table-cell--appearance-info {
6171
+ background-color: var(--gids-color-background-accent-3-subtle-default);
6172
+ color: var(--gids-color-text-information);
6173
+ }
6174
+ .gids-basic-table-cell--appearance-warning {
6175
+ background-color: var(--gids-color-background-accent-2-subtle-default);
6176
+ color: var(--gids-color-text-warning);
6177
+ }
6178
+ .gids-basic-table-cell--appearance-positive {
6179
+ background-color: var(--gids-color-background-accent-1-subtle-default);
6180
+ color: var(--gids-color-text-positive);
6181
+ }
6182
+ .gids-basic-table-cell--appearance-danger {
6183
+ background-color: var(--gids-color-background-accent-6-subtle-default);
6184
+ color: var(--gids-color-text-danger);
6185
+ }
6186
+ .gids-basic-table-cell__display-tags-container {
6187
+ display: inline-flex;
6188
+ gap: var(--gids-gap-100);
6189
+ }
6190
+
6191
+ .gids-basic-table-row {
6192
+ margin: 0;
6193
+ padding: 0;
6194
+ width: 100%;
6195
+ }
6196
+ .gids-basic-table-row--width-intrinsic {
6197
+ width: auto;
6198
+ }
6199
+
6200
+ .gids-basic-table-header {
6201
+ margin: 0;
6202
+ padding: 0;
6203
+ width: 100%;
6204
+ }
6205
+ .gids-basic-table-header--width-intrinsic {
6206
+ width: auto;
6207
+ }
6208
+
6209
+ .gids-md-table {
6210
+ display: flex;
6211
+ flex-direction: column;
6212
+ width: 100%;
6213
+ }
6214
+ .gids-md-table__main-table {
6215
+ border-collapse: separate;
6216
+ border-spacing: 0;
6217
+ overflow: hidden;
6218
+ table-layout: fixed;
6219
+ }
6220
+ .gids-md-table__main-table-width-full {
6221
+ width: 100%;
6222
+ }
6223
+ .gids-md-table__main-table-width-intrinsic {
6224
+ width: max-content;
6225
+ }
6226
+ .gids-md-table--width-intrinsic {
6227
+ width: max-content;
6228
+ }
6229
+ .gids-md-table__outer-borders {
6230
+ border: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6231
+ }
6232
+ .gids-md-table__radius-top-left {
6233
+ border-top-left-radius: var(--gids-border-radius-md);
6234
+ }
6235
+ .gids-md-table__radius-bottom-left {
6236
+ border-bottom-left-radius: var(--gids-border-radius-md);
6237
+ }
6238
+ .gids-md-table__radius-top-right {
6239
+ border-top-right-radius: var(--gids-border-radius-md);
6240
+ }
6241
+ .gids-md-table__radius-bottom-right {
6242
+ border-bottom-right-radius: var(--gids-border-radius-md);
6243
+ }
6244
+
6245
+ .gids-bs-table {
6246
+ display: flex;
6247
+ flex-direction: column;
6248
+ width: 100%;
6249
+ border-collapse: separate;
6250
+ overflow: hidden;
6251
+ }
6252
+ .gids-bs-table__scroll-container {
6253
+ width: 100%;
6254
+ max-height: var(--gidsBsTable-body-max-height, 300px);
6255
+ overflow-y: auto;
6256
+ overflow-x: hidden;
6257
+ position: relative;
6258
+ }
6259
+ .gids-bs-table--main-table {
6260
+ border-collapse: separate;
6261
+ border-spacing: 0;
6262
+ width: 100%;
6263
+ table-layout: fixed;
6264
+ }
6265
+ .gids-bs-table--main-table thead,
6266
+ .gids-bs-table--main-table th,
6267
+ .gids-bs-table--main-table .gids-bs-table__thead {
6268
+ position: sticky;
6269
+ top: 0;
6270
+ z-index: 2;
6271
+ }
6272
+ .gids-bs-table--main-table-width-intrinsic {
6273
+ width: max-content;
6274
+ }
6275
+ .gids-bs-table--width-intrinsic {
6276
+ width: max-content;
6277
+ }
6278
+ .gids-bs-table--outer-borders {
6279
+ border: var(--gids-border-width-thin) solid var(--gids-color-border-default);
6280
+ }
6281
+ .gids-bs-table--radius-top-left {
6282
+ border-top-left-radius: var(--gids-border-radius-md);
6283
+ }
6284
+ .gids-bs-table--radius-bottom-left {
6285
+ border-bottom-left-radius: var(--gids-border-radius-md);
6286
+ }
6287
+ .gids-bs-table--radius-top-right {
6288
+ border-top-right-radius: var(--gids-border-radius-md);
6289
+ }
6290
+ .gids-bs-table--radius-bottom-right {
6291
+ border-bottom-right-radius: var(--gids-border-radius-md);
6292
+ }
6293
+
6294
+ .gids-basic-table-body {
6295
+ width: 100%;
6296
+ overflow: hidden;
6297
+ }
6298
+ .gids-basic-table-body--width-intrinsic {
6299
+ width: auto;
6300
+ }
6301
+
6035
6302
  .gids-box-demo__container-with-text {
6036
6303
  border: 1px dashed var(--gids-color-border-brand-default);
6037
6304
  }
@@ -6062,6 +6329,36 @@ gids-popover {
6062
6329
 
6063
6330
  By: Cobalt UI (see tokens.config.mjs)
6064
6331
  */
6332
+ .gids-typography-eyebrow-large {
6333
+ font-family: var(--gids-typography-eyebrow-large__font-family);
6334
+ font-size: var(--gids-typography-eyebrow-large__font-size);
6335
+ font-weight: var(--gids-typography-eyebrow-large__font-weight);
6336
+ letter-spacing: var(--gids-typography-eyebrow-large__letter-spacing);
6337
+ line-height: var(--gids-typography-eyebrow-large__line-height);
6338
+ text-transform: var(--gids-typography-eyebrow-large__text-transform, inherit);
6339
+ font-variant-caps: var(--gids-typography-eyebrow-large__font-variant-caps, inherit);
6340
+ }
6341
+
6342
+ .gids-typography-eyebrow-medium {
6343
+ font-family: var(--gids-typography-eyebrow-medium__font-family);
6344
+ font-size: var(--gids-typography-eyebrow-medium__font-size);
6345
+ font-weight: var(--gids-typography-eyebrow-medium__font-weight);
6346
+ letter-spacing: var(--gids-typography-eyebrow-medium__letter-spacing);
6347
+ line-height: var(--gids-typography-eyebrow-medium__line-height);
6348
+ text-transform: var(--gids-typography-eyebrow-medium__text-transform, inherit);
6349
+ font-variant-caps: var(--gids-typography-eyebrow-medium__font-variant-caps, inherit);
6350
+ }
6351
+
6352
+ .gids-typography-eyebrow-small {
6353
+ font-family: var(--gids-typography-eyebrow-small__font-family);
6354
+ font-size: var(--gids-typography-eyebrow-small__font-size);
6355
+ font-weight: var(--gids-typography-eyebrow-small__font-weight);
6356
+ letter-spacing: var(--gids-typography-eyebrow-small__letter-spacing);
6357
+ line-height: var(--gids-typography-eyebrow-small__line-height);
6358
+ text-transform: var(--gids-typography-eyebrow-small__text-transform, inherit);
6359
+ font-variant-caps: var(--gids-typography-eyebrow-small__font-variant-caps, inherit);
6360
+ }
6361
+
6065
6362
  .gids-typography-display-large {
6066
6363
  font-family: var(--gids-typography-display-large__font-family);
6067
6364
  font-size: var(--gids-typography-display-large__font-size);
@@ -6102,34 +6399,24 @@ gids-popover {
6102
6399
  font-variant-caps: var(--gids-typography-display-x-small__font-variant-caps, inherit);
6103
6400
  }
6104
6401
 
6105
- .gids-typography-eyebrow-large {
6106
- font-family: var(--gids-typography-eyebrow-large__font-family);
6107
- font-size: var(--gids-typography-eyebrow-large__font-size);
6108
- font-weight: var(--gids-typography-eyebrow-large__font-weight);
6109
- letter-spacing: var(--gids-typography-eyebrow-large__letter-spacing);
6110
- line-height: var(--gids-typography-eyebrow-large__line-height);
6111
- text-transform: var(--gids-typography-eyebrow-large__text-transform, inherit);
6112
- font-variant-caps: var(--gids-typography-eyebrow-large__font-variant-caps, inherit);
6113
- }
6114
-
6115
- .gids-typography-eyebrow-medium {
6116
- font-family: var(--gids-typography-eyebrow-medium__font-family);
6117
- font-size: var(--gids-typography-eyebrow-medium__font-size);
6118
- font-weight: var(--gids-typography-eyebrow-medium__font-weight);
6119
- letter-spacing: var(--gids-typography-eyebrow-medium__letter-spacing);
6120
- line-height: var(--gids-typography-eyebrow-medium__line-height);
6121
- text-transform: var(--gids-typography-eyebrow-medium__text-transform, inherit);
6122
- font-variant-caps: var(--gids-typography-eyebrow-medium__font-variant-caps, inherit);
6402
+ .gids-typography-heading-xx-large {
6403
+ font-family: var(--gids-typography-heading-xx-large__font-family);
6404
+ font-size: var(--gids-typography-heading-xx-large__font-size);
6405
+ font-weight: var(--gids-typography-heading-xx-large__font-weight);
6406
+ letter-spacing: var(--gids-typography-heading-xx-large__letter-spacing);
6407
+ line-height: var(--gids-typography-heading-xx-large__line-height);
6408
+ text-transform: var(--gids-typography-heading-xx-large__text-transform, inherit);
6409
+ font-variant-caps: var(--gids-typography-heading-xx-large__font-variant-caps, inherit);
6123
6410
  }
6124
6411
 
6125
- .gids-typography-eyebrow-small {
6126
- font-family: var(--gids-typography-eyebrow-small__font-family);
6127
- font-size: var(--gids-typography-eyebrow-small__font-size);
6128
- font-weight: var(--gids-typography-eyebrow-small__font-weight);
6129
- letter-spacing: var(--gids-typography-eyebrow-small__letter-spacing);
6130
- line-height: var(--gids-typography-eyebrow-small__line-height);
6131
- text-transform: var(--gids-typography-eyebrow-small__text-transform, inherit);
6132
- font-variant-caps: var(--gids-typography-eyebrow-small__font-variant-caps, inherit);
6412
+ .gids-typography-heading-x-large {
6413
+ font-family: var(--gids-typography-heading-x-large__font-family);
6414
+ font-size: var(--gids-typography-heading-x-large__font-size);
6415
+ font-weight: var(--gids-typography-heading-x-large__font-weight);
6416
+ letter-spacing: var(--gids-typography-heading-x-large__letter-spacing);
6417
+ line-height: var(--gids-typography-heading-x-large__line-height);
6418
+ text-transform: var(--gids-typography-heading-x-large__text-transform, inherit);
6419
+ font-variant-caps: var(--gids-typography-heading-x-large__font-variant-caps, inherit);
6133
6420
  }
6134
6421
 
6135
6422
  .gids-typography-heading-large {
@@ -6162,16 +6449,6 @@ gids-popover {
6162
6449
  font-variant-caps: var(--gids-typography-heading-small__font-variant-caps, inherit);
6163
6450
  }
6164
6451
 
6165
- .gids-typography-heading-x-large {
6166
- font-family: var(--gids-typography-heading-x-large__font-family);
6167
- font-size: var(--gids-typography-heading-x-large__font-size);
6168
- font-weight: var(--gids-typography-heading-x-large__font-weight);
6169
- letter-spacing: var(--gids-typography-heading-x-large__letter-spacing);
6170
- line-height: var(--gids-typography-heading-x-large__line-height);
6171
- text-transform: var(--gids-typography-heading-x-large__text-transform, inherit);
6172
- font-variant-caps: var(--gids-typography-heading-x-large__font-variant-caps, inherit);
6173
- }
6174
-
6175
6452
  .gids-typography-heading-x-small {
6176
6453
  font-family: var(--gids-typography-heading-x-small__font-family);
6177
6454
  font-size: var(--gids-typography-heading-x-small__font-size);
@@ -6182,14 +6459,44 @@ gids-popover {
6182
6459
  font-variant-caps: var(--gids-typography-heading-x-small__font-variant-caps, inherit);
6183
6460
  }
6184
6461
 
6185
- .gids-typography-heading-xx-large {
6186
- font-family: var(--gids-typography-heading-xx-large__font-family);
6187
- font-size: var(--gids-typography-heading-xx-large__font-size);
6188
- font-weight: var(--gids-typography-heading-xx-large__font-weight);
6189
- letter-spacing: var(--gids-typography-heading-xx-large__letter-spacing);
6190
- line-height: var(--gids-typography-heading-xx-large__line-height);
6191
- text-transform: var(--gids-typography-heading-xx-large__text-transform, inherit);
6192
- font-variant-caps: var(--gids-typography-heading-xx-large__font-variant-caps, inherit);
6462
+ .gids-typography-paragraph-large {
6463
+ font-family: var(--gids-typography-paragraph-large__font-family);
6464
+ font-size: var(--gids-typography-paragraph-large__font-size);
6465
+ font-weight: var(--gids-typography-paragraph-large__font-weight);
6466
+ letter-spacing: var(--gids-typography-paragraph-large__letter-spacing);
6467
+ line-height: var(--gids-typography-paragraph-large__line-height);
6468
+ text-transform: var(--gids-typography-paragraph-large__text-transform, inherit);
6469
+ font-variant-caps: var(--gids-typography-paragraph-large__font-variant-caps, inherit);
6470
+ }
6471
+
6472
+ .gids-typography-paragraph-medium {
6473
+ font-family: var(--gids-typography-paragraph-medium__font-family);
6474
+ font-size: var(--gids-typography-paragraph-medium__font-size);
6475
+ font-weight: var(--gids-typography-paragraph-medium__font-weight);
6476
+ letter-spacing: var(--gids-typography-paragraph-medium__letter-spacing);
6477
+ line-height: var(--gids-typography-paragraph-medium__line-height);
6478
+ text-transform: var(--gids-typography-paragraph-medium__text-transform, inherit);
6479
+ font-variant-caps: var(--gids-typography-paragraph-medium__font-variant-caps, inherit);
6480
+ }
6481
+
6482
+ .gids-typography-paragraph-small {
6483
+ font-family: var(--gids-typography-paragraph-small__font-family);
6484
+ font-size: var(--gids-typography-paragraph-small__font-size);
6485
+ font-weight: var(--gids-typography-paragraph-small__font-weight);
6486
+ letter-spacing: var(--gids-typography-paragraph-small__letter-spacing);
6487
+ line-height: var(--gids-typography-paragraph-small__line-height);
6488
+ text-transform: var(--gids-typography-paragraph-small__text-transform, inherit);
6489
+ font-variant-caps: var(--gids-typography-paragraph-small__font-variant-caps, inherit);
6490
+ }
6491
+
6492
+ .gids-typography-paragraph-x-small {
6493
+ font-family: var(--gids-typography-paragraph-x-small__font-family);
6494
+ font-size: var(--gids-typography-paragraph-x-small__font-size);
6495
+ font-weight: var(--gids-typography-paragraph-x-small__font-weight);
6496
+ letter-spacing: var(--gids-typography-paragraph-x-small__letter-spacing);
6497
+ line-height: var(--gids-typography-paragraph-x-small__line-height);
6498
+ text-transform: var(--gids-typography-paragraph-x-small__text-transform, inherit);
6499
+ font-variant-caps: var(--gids-typography-paragraph-x-small__font-variant-caps, inherit);
6193
6500
  }
6194
6501
 
6195
6502
  .gids-typography-label-large {
@@ -6232,46 +6539,6 @@ gids-popover {
6232
6539
  font-variant-caps: var(--gids-typography-label-x-small__font-variant-caps, inherit);
6233
6540
  }
6234
6541
 
6235
- .gids-typography-paragraph-large {
6236
- font-family: var(--gids-typography-paragraph-large__font-family);
6237
- font-size: var(--gids-typography-paragraph-large__font-size);
6238
- font-weight: var(--gids-typography-paragraph-large__font-weight);
6239
- letter-spacing: var(--gids-typography-paragraph-large__letter-spacing);
6240
- line-height: var(--gids-typography-paragraph-large__line-height);
6241
- text-transform: var(--gids-typography-paragraph-large__text-transform, inherit);
6242
- font-variant-caps: var(--gids-typography-paragraph-large__font-variant-caps, inherit);
6243
- }
6244
-
6245
- .gids-typography-paragraph-medium {
6246
- font-family: var(--gids-typography-paragraph-medium__font-family);
6247
- font-size: var(--gids-typography-paragraph-medium__font-size);
6248
- font-weight: var(--gids-typography-paragraph-medium__font-weight);
6249
- letter-spacing: var(--gids-typography-paragraph-medium__letter-spacing);
6250
- line-height: var(--gids-typography-paragraph-medium__line-height);
6251
- text-transform: var(--gids-typography-paragraph-medium__text-transform, inherit);
6252
- font-variant-caps: var(--gids-typography-paragraph-medium__font-variant-caps, inherit);
6253
- }
6254
-
6255
- .gids-typography-paragraph-small {
6256
- font-family: var(--gids-typography-paragraph-small__font-family);
6257
- font-size: var(--gids-typography-paragraph-small__font-size);
6258
- font-weight: var(--gids-typography-paragraph-small__font-weight);
6259
- letter-spacing: var(--gids-typography-paragraph-small__letter-spacing);
6260
- line-height: var(--gids-typography-paragraph-small__line-height);
6261
- text-transform: var(--gids-typography-paragraph-small__text-transform, inherit);
6262
- font-variant-caps: var(--gids-typography-paragraph-small__font-variant-caps, inherit);
6263
- }
6264
-
6265
- .gids-typography-paragraph-x-small {
6266
- font-family: var(--gids-typography-paragraph-x-small__font-family);
6267
- font-size: var(--gids-typography-paragraph-x-small__font-size);
6268
- font-weight: var(--gids-typography-paragraph-x-small__font-weight);
6269
- letter-spacing: var(--gids-typography-paragraph-x-small__letter-spacing);
6270
- line-height: var(--gids-typography-paragraph-x-small__line-height);
6271
- text-transform: var(--gids-typography-paragraph-x-small__text-transform, inherit);
6272
- font-variant-caps: var(--gids-typography-paragraph-x-small__font-variant-caps, inherit);
6273
- }
6274
-
6275
6542
  /**
6276
6543
  Mixins for visually hiding things from the screen, but keeping them accessible to assistive technlogies like screen readers.
6277
6544