@ganpatiinfo/gids-core-web 15.0.0 → 15.1.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 (204) hide show
  1. package/dist/css/index.css +599 -0
  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-advanced-tooltip.js +1 -1
  6. package/dist/gids-bar-chart.js +1 -1
  7. package/dist/gids-calendar-header-panel.js +1 -1
  8. package/dist/gids-calendar-month-list.js +1 -1
  9. package/dist/gids-calendar-year-list.js +1 -1
  10. package/dist/gids-calendar.js +1 -1
  11. package/dist/gids-chart-legend-item.js +1 -1
  12. package/dist/gids-chart-legend.js +1 -1
  13. package/dist/gids-chart.js +1 -1
  14. package/dist/gids-chevron-button.js +1 -1
  15. package/dist/gids-dot.js +1 -1
  16. package/dist/gids-dropdown-field.js +1 -1
  17. package/dist/gids-dropdown-picker.js +1 -1
  18. package/dist/gids-dropdown.js +1 -1
  19. package/dist/gids-expansion-body-list-item.js +1 -1
  20. package/dist/gids-expansion-body-list.js +1 -1
  21. package/dist/gids-expansion-group.js +1 -1
  22. package/dist/gids-expansion.js +1 -1
  23. package/dist/gids-field.js +1 -1
  24. package/dist/gids-filter.js +1 -1
  25. package/dist/gids-header-navigation-item.d.ts +11 -0
  26. package/dist/gids-header-navigation-item.js +1 -0
  27. package/dist/gids-header-navigation.d.ts +11 -0
  28. package/dist/gids-header-navigation.js +1 -0
  29. package/dist/gids-icon.js +1 -1
  30. package/dist/gids-input.js +1 -1
  31. package/dist/gids-line-chart.js +1 -1
  32. package/dist/gids-md-table.js +1 -1
  33. package/dist/gids-overflow-container.js +1 -1
  34. package/dist/gids-overlay-provider.js +1 -1
  35. package/dist/gids-password-field.js +1 -1
  36. package/dist/gids-pie-chart.js +1 -1
  37. package/dist/gids-popover.js +1 -1
  38. package/dist/gids-profile-menu-header.d.ts +11 -0
  39. package/dist/gids-profile-menu-header.js +1 -0
  40. package/dist/gids-profile-menu.d.ts +11 -0
  41. package/dist/gids-profile-menu.js +1 -0
  42. package/dist/gids-profile.d.ts +11 -0
  43. package/dist/gids-profile.js +1 -0
  44. package/dist/gids-scrim.js +1 -1
  45. package/dist/gids-skeleton.js +1 -1
  46. package/dist/gids-tab-item.js +1 -1
  47. package/dist/gids-tab.js +1 -1
  48. package/dist/gids-text-field.js +1 -1
  49. package/dist/gids-toggle-button.js +1 -1
  50. package/dist/gids-tooltip.js +1 -1
  51. package/dist/gids-transfer-list.js +1 -1
  52. package/dist/{p-Iqbf3Pja.js → p-BrYLEey4.js} +1 -1
  53. package/dist/p-Bs8TP3Rb.js +1 -0
  54. package/dist/p-Bw2pVReY.js +1 -0
  55. package/dist/{p-BtKwhIx5.js → p-Bzjuvoza.js} +1 -1
  56. package/dist/p-C-HyXFGR.js +1 -0
  57. package/dist/{p-Cyant-dw.js → p-CCpxJ8wu.js} +1 -1
  58. package/dist/p-CXFvqDBs.js +1 -0
  59. package/dist/{p-DLauG0q8.js → p-CZBiavxU.js} +1 -1
  60. package/dist/p-CcpdJCql.js +1 -0
  61. package/dist/{p-BKIsp763.js → p-Chb2OeFe.js} +1 -1
  62. package/dist/{p-Df5xaj-o.js → p-CiWZdp48.js} +1 -1
  63. package/dist/{p-DaqhrFRM.js → p-Co23kQaH.js} +1 -1
  64. package/dist/{p-DshXkAUj.js → p-DAuO4g6g.js} +1 -1
  65. package/dist/{p-BF46eY8H.js → p-DELTZ9Fh.js} +1 -1
  66. package/dist/{p-CLm5opt9.js → p-DGXqnrKo.js} +1 -1
  67. package/dist/p-DObJEzlz.js +1 -0
  68. package/dist/{p-MnCDY1k9.js → p-DbaNvRpS.js} +1 -1
  69. package/dist/{p-Dvh4sPkD.js → p-Dd-ec-e0.js} +1 -1
  70. package/dist/{p-DhtEw_C2.js → p-DiTjFG30.js} +1 -1
  71. package/dist/{p-Db4qRSmH.js → p-DxX3B1f0.js} +1 -1
  72. package/dist/{p-B0Nc9rVM.js → p-UDG6tkD1.js} +1 -1
  73. package/dist/p-bhEHIxPv.js +1 -0
  74. package/dist/{p-BgvpzBUx.js → p-d-t7__OQ.js} +1 -1
  75. package/dist/p-oJFgjzK5.js +1 -0
  76. package/dist/p-pVSQxFDF.js +1 -0
  77. package/dist/{p-DGenc1qz.js → p-u06XOrpj.js} +1 -1
  78. package/dist/types/components/webComponents/GidsHeaderNavigation/GidsHeaderNavigation.d.ts +51 -0
  79. package/dist/types/components/webComponents/GidsHeaderNavigationItem/GidsHeaderNavigationItem.d.ts +42 -0
  80. package/dist/types/components/webComponents/GidsProfile/GidsProfile.d.ts +64 -0
  81. package/dist/types/components/webComponents/GidsProfileMenu/GidsProfileMenu.d.ts +29 -0
  82. package/dist/types/components/webComponents/GidsProfileMenuHeader/GidsProfileMenuHeader.d.ts +30 -0
  83. package/dist/types/components.d.ts +596 -2
  84. package/dist-bundled/es/gids-action-bar.js +22 -21
  85. package/dist-bundled/es/gids-activity-gauge.js +1 -1
  86. package/dist-bundled/es/gids-advanced-tooltip.js +2 -2
  87. package/dist-bundled/es/gids-bar-chart.js +4 -4
  88. package/dist-bundled/es/gids-calendar-header-panel.js +1 -1
  89. package/dist-bundled/es/gids-calendar-month-list.js +3 -3
  90. package/dist-bundled/es/gids-calendar-year-list.js +2 -2
  91. package/dist-bundled/es/gids-calendar.js +24 -24
  92. package/dist-bundled/es/gids-chart-legend-item.js +1 -1
  93. package/dist-bundled/es/gids-chart-legend.js +4 -4
  94. package/dist-bundled/es/gids-chart.js +7 -7
  95. package/dist-bundled/es/gids-chevron-button.js +4 -4
  96. package/dist-bundled/es/gids-dot.js +2 -2
  97. package/dist-bundled/es/gids-dropdown-field.js +9 -9
  98. package/dist-bundled/es/gids-dropdown-picker.js +4 -4
  99. package/dist-bundled/es/gids-dropdown.js +3 -3
  100. package/dist-bundled/es/gids-expansion-body-list-item.js +4 -4
  101. package/dist-bundled/es/gids-expansion-body-list.js +2 -2
  102. package/dist-bundled/es/gids-expansion-group.js +5 -5
  103. package/dist-bundled/es/gids-expansion.js +1 -1
  104. package/dist-bundled/es/gids-field.js +2 -2
  105. package/dist-bundled/es/gids-filter.js +2 -2
  106. package/dist-bundled/es/gids-header-navigation-item.js +6 -0
  107. package/dist-bundled/es/gids-header-navigation.js +134 -0
  108. package/dist-bundled/es/gids-icon.js +4 -4
  109. package/dist-bundled/es/gids-input.js +2 -2
  110. package/dist-bundled/es/gids-line-chart.js +3 -3
  111. package/dist-bundled/es/gids-md-table.js +59 -59
  112. package/dist-bundled/es/gids-overflow-container.js +1 -1
  113. package/dist-bundled/es/gids-overlay-provider.js +1 -1
  114. package/dist-bundled/es/gids-password-field.js +12 -12
  115. package/dist-bundled/es/gids-pie-chart.js +1 -1
  116. package/dist-bundled/es/gids-popover.js +1 -1
  117. package/dist-bundled/es/gids-profile-menu-header.js +6 -0
  118. package/dist-bundled/es/gids-profile-menu.js +6 -0
  119. package/dist-bundled/es/gids-profile.js +184 -0
  120. package/dist-bundled/es/gids-scrim.js +1 -1
  121. package/dist-bundled/es/gids-skeleton.js +1 -1
  122. package/dist-bundled/es/gids-tab-item.js +16 -36
  123. package/dist-bundled/es/gids-tab.js +4 -4
  124. package/dist-bundled/es/gids-text-field.js +6 -6
  125. package/dist-bundled/es/gids-toggle-button.js +1 -1
  126. package/dist-bundled/es/gids-tooltip.js +1 -1
  127. package/dist-bundled/es/gids-transfer-list.js +3 -3
  128. package/dist-bundled/es/p-Bs8TP3Rb-BdcS7d5q.js +20 -0
  129. package/dist-bundled/es/{p-9NZjfY_u-CnjUEy1y.js → p-Bw2pVReY-K9pdG-hw.js} +2 -2
  130. package/dist-bundled/es/{p-BtKwhIx5-DTEmfdxe.js → p-Bzjuvoza-CzNs69NV.js} +12 -12
  131. package/dist-bundled/es/{p-D7qanqNO-Dby5jSjA.js → p-C-HyXFGR-UnFcWLOQ.js} +6 -5
  132. package/dist-bundled/es/{p-Cyant-dw-Ch2zYNkx.js → p-CCpxJ8wu-CMYQqNoP.js} +6 -6
  133. package/dist-bundled/es/p-CXFvqDBs-offadaUn.js +27 -0
  134. package/dist-bundled/es/{p-DLauG0q8-CCUuzYl9.js → p-CZBiavxU-CIstIm2b.js} +9 -9
  135. package/dist-bundled/es/p-CcpdJCql-CkEW2RAp.js +64 -0
  136. package/dist-bundled/es/{p-BKIsp763-CqL9MgyZ.js → p-Chb2OeFe-DDv_WPhe.js} +1 -1
  137. package/dist-bundled/es/{p-Df5xaj-o-fxAXUmag.js → p-CiWZdp48-1vf7Xh2R.js} +5 -5
  138. package/dist-bundled/es/{p-DaqhrFRM-2PqBeu5o.js → p-Co23kQaH-QJyKkzgc.js} +3 -3
  139. package/dist-bundled/es/{p-DshXkAUj-DgCiQIA2.js → p-DAuO4g6g-C8miaL-N.js} +6 -6
  140. package/dist-bundled/es/{p-BF46eY8H-Xn8Fl9EI.js → p-DELTZ9Fh-Byr0nLtY.js} +2 -2
  141. package/dist-bundled/es/{p-CLm5opt9-DlxkI38w.js → p-DGXqnrKo-C7feKS94.js} +5 -5
  142. package/dist-bundled/es/p-DObJEzlz-tt9h5cuI.js +17 -0
  143. package/dist-bundled/es/{p-MnCDY1k9-CgbTyJ5R.js → p-DbaNvRpS-r7kCW1TY.js} +9 -9
  144. package/dist-bundled/es/{p-Dvh4sPkD-B-T5C03p.js → p-Dd-ec-e0-BqX_F6y0.js} +5 -5
  145. package/dist-bundled/es/{p-DhtEw_C2-D_91JSPC.js → p-DiTjFG30-CQkxfu2K.js} +2 -2
  146. package/dist-bundled/es/{p-Db4qRSmH-B5pzOeve.js → p-DxX3B1f0-D1URliVh.js} +5 -5
  147. package/dist-bundled/es/{p-B0Nc9rVM-SBit1KrF.js → p-UDG6tkD1-JTLPxkEn.js} +5 -5
  148. package/dist-bundled/es/p-bhEHIxPv-ujyxL30O.js +136 -0
  149. package/dist-bundled/es/{p-BgvpzBUx-iq-eKBVZ.js → p-d-t7__OQ-CKPQZt2t.js} +3 -3
  150. package/dist-bundled/es/p-oJFgjzK5-CzagP1qD.js +99 -0
  151. package/dist-bundled/es/{p-CZxn31uZ-BBHM983b.js → p-pVSQxFDF-CsWxUaZX.js} +10 -9
  152. package/dist-bundled/es/{p-DGenc1qz-CMwVEtCm.js → p-u06XOrpj-C1tNznDd.js} +6 -6
  153. package/dist-bundled/umd/gids-action-bar.umd.js +2 -2
  154. package/dist-bundled/umd/gids-activity-gauge.umd.js +1 -1
  155. package/dist-bundled/umd/gids-advanced-tooltip.umd.js +1 -1
  156. package/dist-bundled/umd/gids-bar-chart.umd.js +1 -1
  157. package/dist-bundled/umd/gids-calendar-header-panel.umd.js +2 -2
  158. package/dist-bundled/umd/gids-calendar-month-list.umd.js +2 -2
  159. package/dist-bundled/umd/gids-calendar-year-list.umd.js +1 -1
  160. package/dist-bundled/umd/gids-calendar.umd.js +1 -1
  161. package/dist-bundled/umd/gids-chart-legend-item.umd.js +1 -1
  162. package/dist-bundled/umd/gids-chart-legend.umd.js +1 -1
  163. package/dist-bundled/umd/gids-chart.umd.js +1 -1
  164. package/dist-bundled/umd/gids-chevron-button.umd.js +1 -1
  165. package/dist-bundled/umd/gids-dot.umd.js +1 -1
  166. package/dist-bundled/umd/gids-dropdown-field.umd.js +2 -2
  167. package/dist-bundled/umd/gids-dropdown-picker.umd.js +1 -1
  168. package/dist-bundled/umd/gids-dropdown.umd.js +1 -1
  169. package/dist-bundled/umd/gids-expansion-body-list-item.umd.js +1 -1
  170. package/dist-bundled/umd/gids-expansion-body-list.umd.js +1 -1
  171. package/dist-bundled/umd/gids-expansion-group.umd.js +1 -1
  172. package/dist-bundled/umd/gids-expansion.umd.js +1 -1
  173. package/dist-bundled/umd/gids-field.umd.js +1 -1
  174. package/dist-bundled/umd/gids-filter.umd.js +2 -2
  175. package/dist-bundled/umd/gids-header-navigation-item.umd.js +5 -0
  176. package/dist-bundled/umd/gids-header-navigation.umd.js +5 -0
  177. package/dist-bundled/umd/gids-icon.umd.js +1 -1
  178. package/dist-bundled/umd/gids-input.umd.js +2 -2
  179. package/dist-bundled/umd/gids-line-chart.umd.js +1 -1
  180. package/dist-bundled/umd/gids-md-table.umd.js +1 -1
  181. package/dist-bundled/umd/gids-overflow-container.umd.js +1 -1
  182. package/dist-bundled/umd/gids-overlay-provider.umd.js +1 -1
  183. package/dist-bundled/umd/gids-password-field.umd.js +1 -1
  184. package/dist-bundled/umd/gids-pie-chart.umd.js +1 -1
  185. package/dist-bundled/umd/gids-popover.umd.js +1 -1
  186. package/dist-bundled/umd/gids-profile-menu-header.umd.js +5 -0
  187. package/dist-bundled/umd/gids-profile-menu.umd.js +5 -0
  188. package/dist-bundled/umd/gids-profile.umd.js +5 -0
  189. package/dist-bundled/umd/gids-scrim.umd.js +1 -1
  190. package/dist-bundled/umd/gids-skeleton.umd.js +1 -1
  191. package/dist-bundled/umd/gids-tab-item.umd.js +1 -1
  192. package/dist-bundled/umd/gids-tab.umd.js +1 -1
  193. package/dist-bundled/umd/gids-text-field.umd.js +1 -1
  194. package/dist-bundled/umd/gids-toggle-button.umd.js +2 -2
  195. package/dist-bundled/umd/gids-tooltip.umd.js +1 -1
  196. package/dist-bundled/umd/gids-transfer-list.umd.js +1 -1
  197. package/dist-bundled/umd-complete/gids-core-web.umd.js +9 -9
  198. package/package.json +44 -4
  199. package/dist/p-474lVBcu.js +0 -1
  200. package/dist/p-9NZjfY_u.js +0 -1
  201. package/dist/p-CZxn31uZ.js +0 -1
  202. package/dist/p-D7qanqNO.js +0 -1
  203. package/dist-bundled/es/p-474lVBcu-B1f8x2o1.js +0 -31
  204. /package/dist-bundled/es/{p-Iqbf3Pja-DuajY4uD.js → p-BrYLEey4-DuajY4uD.js} +0 -0
package/dist/css/index.css CHANGED
@@ -6222,6 +6222,278 @@ gids-field {
6222
6222
  display: flex;
6223
6223
  }
6224
6224
 
6225
+ .gids-header-navigation {
6226
+ display: flex;
6227
+ gap: var(--gids-gap-200);
6228
+ }
6229
+ .gids-header-navigation__item-container-gap {
6230
+ display: flex;
6231
+ gap: var(--gids-gap-200);
6232
+ }
6233
+ .gids-header-navigation__item-container-standard {
6234
+ gap: var(--gids-gap-0);
6235
+ }
6236
+ .gids-header-navigation--type-standard {
6237
+ gap: var(--gids-gap-0);
6238
+ }
6239
+
6240
+ .gids-header-navigation-item {
6241
+ position: relative;
6242
+ margin: 0;
6243
+ padding: 0;
6244
+ appearance: none;
6245
+ border: none;
6246
+ background: none;
6247
+ font-family: var(--gids-typography-label-medium__font-family);
6248
+ font-size: var(--gids-typography-label-medium__font-size);
6249
+ font-weight: var(--gids-typography-label-medium__font-weight);
6250
+ letter-spacing: var(--gids-typography-label-medium__letter-spacing);
6251
+ line-height: var(--gids-typography-label-medium__line-height);
6252
+ text-transform: var(--gids-typography-label-medium__text-transform, inherit);
6253
+ font-variant-caps: var(--gids-typography-label-medium__font-variant-caps, inherit);
6254
+ display: flex;
6255
+ flex-direction: row;
6256
+ align-items: center;
6257
+ justify-content: space-between;
6258
+ gap: var(--gids-gap-100);
6259
+ cursor: pointer;
6260
+ padding: var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);
6261
+ background-color: var(--gids-color-background-neutral-default);
6262
+ color: var(--gids-color-text-default);
6263
+ --gidsIcon-color: var(--gids-color-icon-default);
6264
+ }
6265
+ .gids-header-navigation-item:hover {
6266
+ background-color: var(--gids-color-background-neutral-hovered);
6267
+ }
6268
+ .gids-header-navigation-item:active {
6269
+ background-color: var(--gids-color-background-neutral-pressed);
6270
+ }
6271
+ .gids-header-navigation-item__label {
6272
+ display: flex;
6273
+ flex: 1;
6274
+ text-align: center;
6275
+ align-items: center;
6276
+ justify-content: center;
6277
+ }
6278
+ .gids-header-navigation-item--appearance-primary {
6279
+ background-color: var(--gids-color-background-brand-bold-default);
6280
+ color: var(--gids-color-text-inverse);
6281
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6282
+ }
6283
+ .gids-header-navigation-item--appearance-primary:hover {
6284
+ background-color: var(--gids-color-background-brand-bold-hovered);
6285
+ }
6286
+ .gids-header-navigation-item--appearance-primary:active {
6287
+ background-color: var(--gids-color-background-brand-bold-pressed);
6288
+ }
6289
+ .gids-header-navigation-item--appearance-subtle {
6290
+ background-color: var(--gids-color-background-neutral-subtle-default);
6291
+ color: var(--gids-color-text-default);
6292
+ --gidsIcon-color: var(--gids-color-icon-default);
6293
+ }
6294
+ .gids-header-navigation-item--appearance-subtle:hover {
6295
+ background-color: var(--gids-color-background-neutral-subtle-hovered);
6296
+ }
6297
+ .gids-header-navigation-item--appearance-subtle:active {
6298
+ background-color: var(--gids-color-background-neutral-subtle-pressed);
6299
+ }
6300
+ .gids-header-navigation-item--appearance-positive {
6301
+ background-color: var(--gids-color-background-positive-bold-default);
6302
+ color: var(--gids-color-text-inverse);
6303
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6304
+ }
6305
+ .gids-header-navigation-item--appearance-positive:hover {
6306
+ background-color: var(--gids-color-background-positive-bold-hovered);
6307
+ }
6308
+ .gids-header-navigation-item--appearance-positive:active {
6309
+ background-color: var(--gids-color-background-positive-bold-pressed);
6310
+ }
6311
+ .gids-header-navigation-item--appearance-danger {
6312
+ background-color: var(--gids-color-background-danger-bold-default);
6313
+ color: var(--gids-color-text-inverse);
6314
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6315
+ }
6316
+ .gids-header-navigation-item--appearance-danger:hover {
6317
+ background-color: var(--gids-color-background-danger-bold-hovered);
6318
+ }
6319
+ .gids-header-navigation-item--appearance-danger:active {
6320
+ background-color: var(--gids-color-background-danger-bold-pressed);
6321
+ }
6322
+ .gids-header-navigation-item--appearance-information {
6323
+ background-color: var(--gids-color-background-information-bold-default);
6324
+ color: var(--gids-color-text-inverse);
6325
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6326
+ }
6327
+ .gids-header-navigation-item--appearance-information:hover {
6328
+ background-color: var(--gids-color-background-information-bold-hovered);
6329
+ }
6330
+ .gids-header-navigation-item--appearance-information:active {
6331
+ background-color: var(--gids-color-background-information-bold-pressed);
6332
+ }
6333
+ .gids-header-navigation-item--appearance-warning {
6334
+ background-color: var(--gids-color-background-warning-bold-default);
6335
+ color: var(--gids-color-text-inverse);
6336
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6337
+ }
6338
+ .gids-header-navigation-item--appearance-warning:hover {
6339
+ background-color: var(--gids-color-background-warning-bold-hovered);
6340
+ }
6341
+ .gids-header-navigation-item--appearance-warning:active {
6342
+ background-color: var(--gids-color-background-warning-bold-pressed);
6343
+ }
6344
+ .gids-header-navigation-item--selection-appearance-default {
6345
+ background-color: var(--gids-color-background-neutral-default);
6346
+ color: var(--gids-color-text-default);
6347
+ --gidsIcon-color: var(--gids-color-icon-default);
6348
+ }
6349
+ .gids-header-navigation-item--selection-appearance-default:hover {
6350
+ background-color: var(--gids-color-background-neutral-hovered);
6351
+ }
6352
+ .gids-header-navigation-item--selection-appearance-default:active {
6353
+ background-color: var(--gids-color-background-neutral-pressed);
6354
+ }
6355
+ .gids-header-navigation-item--selection-appearance-primary {
6356
+ background-color: var(--gids-color-background-brand-bold-default);
6357
+ color: var(--gids-color-text-inverse);
6358
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6359
+ }
6360
+ .gids-header-navigation-item--selection-appearance-primary:hover {
6361
+ background-color: var(--gids-color-background-brand-bold-hovered);
6362
+ }
6363
+ .gids-header-navigation-item--selection-appearance-primary:active {
6364
+ background-color: var(--gids-color-background-brand-bold-pressed);
6365
+ }
6366
+ .gids-header-navigation-item--selection-appearance-subtle {
6367
+ background-color: var(--gids-color-background-neutral-subtle-default);
6368
+ color: var(--gids-color-text-subtlest);
6369
+ --gidsIcon-color: var(--gids-color-icon-subtle);
6370
+ }
6371
+ .gids-header-navigation-item--selection-appearance-subtle:hover {
6372
+ background-color: var(--gids-color-background-neutral-subtle-hovered);
6373
+ }
6374
+ .gids-header-navigation-item--selection-appearance-subtle:active {
6375
+ background-color: var(--gids-color-background-neutral-subtle-pressed);
6376
+ }
6377
+ .gids-header-navigation-item--selection-appearance-positive {
6378
+ background-color: var(--gids-color-background-positive-bold-default);
6379
+ color: var(--gids-color-text-inverse);
6380
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6381
+ }
6382
+ .gids-header-navigation-item--selection-appearance-positive:hover {
6383
+ background-color: var(--gids-color-background-positive-bold-hovered);
6384
+ }
6385
+ .gids-header-navigation-item--selection-appearance-positive:active {
6386
+ background-color: var(--gids-color-background-positive-bold-pressed);
6387
+ }
6388
+ .gids-header-navigation-item--selection-appearance-danger {
6389
+ background-color: var(--gids-color-background-danger-bold-default);
6390
+ color: var(--gids-color-text-inverse);
6391
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6392
+ }
6393
+ .gids-header-navigation-item--selection-appearance-danger:hover {
6394
+ background-color: var(--gids-color-background-danger-bold-hovered);
6395
+ }
6396
+ .gids-header-navigation-item--selection-appearance-danger:active {
6397
+ background-color: var(--gids-color-background-danger-bold-pressed);
6398
+ }
6399
+ .gids-header-navigation-item--selection-appearance-information {
6400
+ background-color: var(--gids-color-background-information-bold-default);
6401
+ color: var(--gids-color-text-inverse);
6402
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6403
+ }
6404
+ .gids-header-navigation-item--selection-appearance-information:hover {
6405
+ background-color: var(--gids-color-background-information-bold-hovered);
6406
+ }
6407
+ .gids-header-navigation-item--selection-appearance-information:active {
6408
+ background-color: var(--gids-color-background-information-bold-pressed);
6409
+ }
6410
+ .gids-header-navigation-item--selection-appearance-warning {
6411
+ background-color: var(--gids-color-background-warning-bold-default);
6412
+ color: var(--gids-color-text-inverse);
6413
+ --gidsIcon-color: var(--gids-color-icon-inverse);
6414
+ }
6415
+ .gids-header-navigation-item--selection-appearance-warning:hover {
6416
+ background-color: var(--gids-color-background-warning-bold-hovered);
6417
+ }
6418
+ .gids-header-navigation-item--selection-appearance-warning:active {
6419
+ background-color: var(--gids-color-background-warning-bold-pressed);
6420
+ }
6421
+ .gids-header-navigation-item--size-md {
6422
+ font-family: var(--gids-typography-label-large__font-family);
6423
+ font-size: var(--gids-typography-label-large__font-size);
6424
+ font-weight: var(--gids-typography-label-large__font-weight);
6425
+ letter-spacing: var(--gids-typography-label-large__letter-spacing);
6426
+ line-height: var(--gids-typography-label-large__line-height);
6427
+ text-transform: var(--gids-typography-label-large__text-transform, inherit);
6428
+ font-variant-caps: var(--gids-typography-label-large__font-variant-caps, inherit);
6429
+ }
6430
+ .gids-header-navigation-item--size-lg {
6431
+ font-family: var(--gids-typography-heading-small__font-family);
6432
+ font-size: var(--gids-typography-heading-small__font-size);
6433
+ font-weight: var(--gids-typography-heading-small__font-weight);
6434
+ letter-spacing: var(--gids-typography-heading-small__letter-spacing);
6435
+ line-height: var(--gids-typography-heading-small__line-height);
6436
+ text-transform: var(--gids-typography-heading-small__text-transform, inherit);
6437
+ font-variant-caps: var(--gids-typography-heading-small__font-variant-caps, inherit);
6438
+ }
6439
+ .gids-header-navigation-item--size-xl {
6440
+ font-family: var(--gids-typography-heading-medium__font-family);
6441
+ font-size: var(--gids-typography-heading-medium__font-size);
6442
+ font-weight: var(--gids-typography-heading-medium__font-weight);
6443
+ letter-spacing: var(--gids-typography-heading-medium__letter-spacing);
6444
+ line-height: var(--gids-typography-heading-medium__line-height);
6445
+ text-transform: var(--gids-typography-heading-medium__text-transform, inherit);
6446
+ font-variant-caps: var(--gids-typography-heading-medium__font-variant-caps, inherit);
6447
+ }
6448
+ .gids-header-navigation-item--shadow {
6449
+ box-shadow: var(--gids-elevation-shadow-raised);
6450
+ }
6451
+ .gids-header-navigation-item--border-radius-sm {
6452
+ border-radius: var(--gids-border-radius-sm);
6453
+ }
6454
+ .gids-header-navigation-item--border-radius-md {
6455
+ border-radius: var(--gids-border-radius-md);
6456
+ }
6457
+ .gids-header-navigation-item--border-radius-lg {
6458
+ border-radius: var(--gids-border-radius-lg);
6459
+ }
6460
+ .gids-header-navigation-item--border-radius-full {
6461
+ border-radius: var(--gids-border-radius-full);
6462
+ }
6463
+ .gids-header-navigation-item__dropdown-menu-container {
6464
+ position: absolute;
6465
+ inset-inline: 0;
6466
+ top: calc(100% + var(--gids-gap-050));
6467
+ z-index: 3;
6468
+ display: none;
6469
+ flex-direction: column;
6470
+ align-self: stretch;
6471
+ min-width: var(--gids-width-2-xs);
6472
+ min-height: 55px;
6473
+ max-height: 15rem;
6474
+ overflow-x: hidden;
6475
+ overflow-y: auto;
6476
+ background-color: var(--gids-elevation-surface-overlay-default);
6477
+ box-shadow: var(--gids-elevation-shadow-overlay);
6478
+ border-radius: var(--gids-border-radius-lg);
6479
+ }
6480
+ .gids-header-navigation-item__chevron {
6481
+ display: flex;
6482
+ align-items: center;
6483
+ justify-content: center;
6484
+ transform: rotate(0deg);
6485
+ transition: transform 200ms ease-in-out;
6486
+ }
6487
+ .gids-header-navigation-item__dropdown-menu-container > * {
6488
+ flex-shrink: 0;
6489
+ }
6490
+ .gids-header-navigation-item--expanded .gids-header-navigation-item__dropdown-menu-container {
6491
+ display: flex;
6492
+ }
6493
+ .gids-header-navigation-item--expanded .gids-header-navigation-item__chevron {
6494
+ transform: rotate(180deg);
6495
+ }
6496
+
6225
6497
  gids-input {
6226
6498
  --gidsIcon-height: var(--gids-size-240);
6227
6499
  display: flex;
@@ -6997,6 +7269,333 @@ gids-popover {
6997
7269
  background-color: var(--gidsPopover-background);
6998
7270
  }
6999
7271
 
7272
+ .gids-profile {
7273
+ position: relative;
7274
+ display: flex;
7275
+ align-items: center;
7276
+ justify-content: space-between;
7277
+ gap: var(--gids-gap-150);
7278
+ cursor: pointer;
7279
+ background-color: var(--gids-color-background-neutral-default);
7280
+ padding: var(--gids-padding-vertical-edge-to-element-150) var(--gids-padding-horizontal-edge-to-element-200);
7281
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7282
+ border-radius: var(--gids-border-radius-none);
7283
+ }
7284
+ .gids-profile:hover {
7285
+ background-color: var(--gids-color-background-neutral-hovered);
7286
+ }
7287
+ .gids-profile:active {
7288
+ background-color: var(--gids-color-background-neutral-pressed);
7289
+ }
7290
+ .gids-profile__main-container {
7291
+ display: flex;
7292
+ align-items: center;
7293
+ flex: 1;
7294
+ gap: var(--gids-gap-100);
7295
+ }
7296
+ .gids-profile__content-container {
7297
+ display: flex;
7298
+ flex-direction: column;
7299
+ align-items: flex-start;
7300
+ justify-content: center;
7301
+ }
7302
+ .gids-profile__title-typography {
7303
+ font-family: var(--gids-typography-label-small__font-family);
7304
+ font-size: var(--gids-typography-label-small__font-size);
7305
+ font-weight: var(--gids-typography-label-small__font-weight);
7306
+ letter-spacing: var(--gids-typography-label-small__letter-spacing);
7307
+ line-height: var(--gids-typography-label-small__line-height);
7308
+ text-transform: var(--gids-typography-label-small__text-transform, inherit);
7309
+ font-variant-caps: var(--gids-typography-label-small__font-variant-caps, inherit);
7310
+ }
7311
+ .gids-profile__supporting-text-typography {
7312
+ margin: 0;
7313
+ padding: 0;
7314
+ font-family: var(--gids-typography-paragraph-x-small__font-family);
7315
+ font-size: var(--gids-typography-paragraph-x-small__font-size);
7316
+ font-weight: var(--gids-typography-paragraph-x-small__font-weight);
7317
+ letter-spacing: var(--gids-typography-paragraph-x-small__letter-spacing);
7318
+ line-height: var(--gids-typography-paragraph-x-small__line-height);
7319
+ text-transform: var(--gids-typography-paragraph-x-small__text-transform, inherit);
7320
+ font-variant-caps: var(--gids-typography-paragraph-x-small__font-variant-caps, inherit);
7321
+ }
7322
+ .gids-profile__title-default {
7323
+ color: var(--gids-color-text-default);
7324
+ }
7325
+ .gids-profile__supporting-text-default {
7326
+ color: var(--gids-color-text-subtlest);
7327
+ }
7328
+ .gids-profile__title-brand {
7329
+ color: var(--gids-color-text-default);
7330
+ }
7331
+ .gids-profile__supporting-text-brand {
7332
+ color: var(--gids-color-text-subtlest);
7333
+ }
7334
+ .gids-profile__title-subtle {
7335
+ color: var(--gids-color-text-default);
7336
+ }
7337
+ .gids-profile__supporting-text-subtle {
7338
+ color: var(--gids-color-text-subtlest);
7339
+ }
7340
+ .gids-profile__title-positive {
7341
+ color: var(--gids-color-text-default);
7342
+ }
7343
+ .gids-profile__supporting-text-positive {
7344
+ color: var(--gids-color-text-subtlest);
7345
+ }
7346
+ .gids-profile__title-information {
7347
+ color: var(--gids-color-text-default);
7348
+ }
7349
+ .gids-profile__supporting-text-information {
7350
+ color: var(--gids-color-text-subtlest);
7351
+ }
7352
+ .gids-profile__title-warning {
7353
+ color: var(--gids-color-text-default);
7354
+ }
7355
+ .gids-profile__supporting-text-warning {
7356
+ color: var(--gids-color-text-subtlest);
7357
+ }
7358
+ .gids-profile__title-danger {
7359
+ color: var(--gids-color-text-default);
7360
+ }
7361
+ .gids-profile__supporting-text-danger {
7362
+ color: var(--gids-color-text-subtlest);
7363
+ }
7364
+ .gids-profile--appearance-brand {
7365
+ background-color: var(--gids-color-background-brand-subtlest-default);
7366
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7367
+ }
7368
+ .gids-profile--appearance-brand:hover {
7369
+ background-color: var(--gids-color-background-brand-subtlest-hovered);
7370
+ }
7371
+ .gids-profile--appearance-brand:active {
7372
+ background-color: var(--gids-color-background-brand-subtlest-pressed);
7373
+ }
7374
+ .gids-profile--appearance-danger {
7375
+ background-color: var(--gids-color-background-danger-default);
7376
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7377
+ }
7378
+ .gids-profile--appearance-danger:hover {
7379
+ background-color: var(--gids-color-background-danger-hovered);
7380
+ }
7381
+ .gids-profile--appearance-danger:active {
7382
+ background-color: var(--gids-color-background-danger-pressed);
7383
+ }
7384
+ .gids-profile--appearance-information {
7385
+ background-color: var(--gids-color-background-information-default);
7386
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7387
+ }
7388
+ .gids-profile--appearance-information:hover {
7389
+ background-color: var(--gids-color-background-information-hovered);
7390
+ }
7391
+ .gids-profile--appearance-information:active {
7392
+ background-color: var(--gids-color-background-information-pressed);
7393
+ }
7394
+ .gids-profile--appearance-positive {
7395
+ background-color: var(--gids-color-background-positive-default);
7396
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7397
+ }
7398
+ .gids-profile--appearance-positive:hover {
7399
+ background-color: var(--gids-color-background-positive-hovered);
7400
+ }
7401
+ .gids-profile--appearance-positive:active {
7402
+ background-color: var(--gids-color-background-positive-pressed);
7403
+ }
7404
+ .gids-profile--appearance-subtle {
7405
+ background-color: var(--gids-color-background-neutral-subtle-default);
7406
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7407
+ }
7408
+ .gids-profile--appearance-subtle:hover {
7409
+ background-color: var(--gids-color-background-neutral-subtle-hovered);
7410
+ }
7411
+ .gids-profile--appearance-subtle:active {
7412
+ background-color: var(--gids-color-background-neutral-subtle-pressed);
7413
+ }
7414
+ .gids-profile--appearance-warning {
7415
+ background-color: var(--gids-color-background-warning-default);
7416
+ --gidsIcon-color: var(--gids-color-icon-subtle);
7417
+ }
7418
+ .gids-profile--appearance-warning:hover {
7419
+ background-color: var(--gids-color-background-warning-hovered);
7420
+ }
7421
+ .gids-profile--appearance-warning:active {
7422
+ background-color: var(--gids-color-background-warning-pressed);
7423
+ }
7424
+ .gids-profile--border-radius-sm {
7425
+ border-radius: var(--gids-border-radius-sm);
7426
+ }
7427
+ .gids-profile--border-radius-md {
7428
+ border-radius: var(--gids-border-radius-md);
7429
+ }
7430
+ .gids-profile--border-radius-lg {
7431
+ border-radius: var(--gids-border-radius-lg);
7432
+ }
7433
+ .gids-profile--border-radius-full {
7434
+ border-radius: var(--gids-border-radius-full);
7435
+ }
7436
+ .gids-profile--shadow-overflow {
7437
+ box-shadow: var(--gids-elevation-shadow-overflow);
7438
+ }
7439
+ .gids-profile--shadow-overlay {
7440
+ box-shadow: var(--gids-elevation-shadow-overlay);
7441
+ }
7442
+ .gids-profile--shadow-raised {
7443
+ box-shadow: var(--gids-elevation-shadow-raised);
7444
+ }
7445
+ .gids-profile__dropdown-menu-container {
7446
+ position: absolute;
7447
+ inset-inline: 0;
7448
+ top: calc(100% + var(--gids-gap-050));
7449
+ z-index: 3;
7450
+ display: none;
7451
+ flex-direction: column;
7452
+ align-self: stretch;
7453
+ min-width: var(--gids-width-2-xs);
7454
+ min-height: 55px;
7455
+ max-height: 20rem;
7456
+ overflow-x: hidden;
7457
+ overflow-y: auto;
7458
+ background-color: var(--gids-elevation-surface-overlay-default);
7459
+ box-shadow: var(--gids-elevation-shadow-overlay);
7460
+ border-radius: var(--gids-border-radius-lg);
7461
+ }
7462
+ .gids-profile__dropdown-menu-container > * {
7463
+ flex-shrink: 0;
7464
+ }
7465
+ .gids-profile--expanded .gids-profile__dropdown-menu-container {
7466
+ display: flex;
7467
+ }
7468
+ .gids-profile--expanded .gids-profile__chevron {
7469
+ transform: rotate(180deg);
7470
+ }
7471
+
7472
+ .gids-profile-menu .gids-divider {
7473
+ width: 100%;
7474
+ }
7475
+ .gids-profile-menu__header-divider-container {
7476
+ width: 100%;
7477
+ padding-bottom: var(--gids-padding-vertical-edge-to-element-200);
7478
+ }
7479
+ .gids-profile-menu__header-container {
7480
+ display: flex;
7481
+ width: 100%;
7482
+ padding: var(--gids-padding-vertical-edge-to-element-150) 0px;
7483
+ }
7484
+
7485
+ .gids-profile-menu-header {
7486
+ display: flex;
7487
+ gap: var(--gids-gap-100);
7488
+ align-items: center;
7489
+ justify-content: flex-start;
7490
+ width: 100%;
7491
+ }
7492
+ .gids-profile-menu-header .gids-avatar {
7493
+ cursor: pointer;
7494
+ transition: all 0.3s ease-in-out;
7495
+ }
7496
+ .gids-profile-menu-header .gids-avatar:hover {
7497
+ transform: scale(1.2);
7498
+ }
7499
+ .gids-profile-menu-header .gids-avatar:active {
7500
+ transform: scale(1);
7501
+ }
7502
+ .gids-profile-menu-header--position-centralized {
7503
+ flex-direction: column;
7504
+ justify-content: center;
7505
+ align-items: center;
7506
+ gap: var(--gids-gap-150);
7507
+ }
7508
+ .gids-profile-menu-header__content-container-default {
7509
+ display: flex;
7510
+ flex-direction: column;
7511
+ text-align: left;
7512
+ }
7513
+ .gids-profile-menu-header__content-container-default span {
7514
+ font-family: var(--gids-typography-heading-x-small__font-family);
7515
+ font-size: var(--gids-typography-heading-x-small__font-size);
7516
+ font-weight: var(--gids-typography-heading-x-small__font-weight);
7517
+ letter-spacing: var(--gids-typography-heading-x-small__letter-spacing);
7518
+ line-height: var(--gids-typography-heading-x-small__line-height);
7519
+ text-transform: var(--gids-typography-heading-x-small__text-transform, inherit);
7520
+ font-variant-caps: var(--gids-typography-heading-x-small__font-variant-caps, inherit);
7521
+ color: var(--gids-color-text-default);
7522
+ cursor: pointer;
7523
+ transition: all 0.3s ease-in-out;
7524
+ }
7525
+ .gids-profile-menu-header__content-container-default span:hover {
7526
+ transform: scale(1.1);
7527
+ padding-bottom: var(--gids-padding-vertical-edge-to-element-050);
7528
+ padding-left: var(--gids-padding-horizontal-edge-to-element-100);
7529
+ }
7530
+ .gids-profile-menu-header__content-container-default span:active {
7531
+ transform: scale(1);
7532
+ }
7533
+ .gids-profile-menu-header__content-container-default p {
7534
+ margin: 0;
7535
+ padding: 0;
7536
+ font-family: var(--gids-typography-paragraph-small__font-family);
7537
+ font-size: var(--gids-typography-paragraph-small__font-size);
7538
+ font-weight: var(--gids-typography-paragraph-small__font-weight);
7539
+ letter-spacing: var(--gids-typography-paragraph-small__letter-spacing);
7540
+ line-height: var(--gids-typography-paragraph-small__line-height);
7541
+ text-transform: var(--gids-typography-paragraph-small__text-transform, inherit);
7542
+ font-variant-caps: var(--gids-typography-paragraph-small__font-variant-caps, inherit);
7543
+ color: var(--gids-color-text-subtlest);
7544
+ cursor: pointer;
7545
+ transition: all 0.3s ease-in-out;
7546
+ }
7547
+ .gids-profile-menu-header__content-container-default p:hover {
7548
+ transform: scale(1.1);
7549
+ padding-top: var(--gids-padding-vertical-edge-to-element-050);
7550
+ padding-left: var(--gids-padding-horizontal-edge-to-element-100);
7551
+ }
7552
+ .gids-profile-menu-header__content-container-default p:active {
7553
+ transform: scale(1);
7554
+ }
7555
+ .gids-profile-menu-header__content-container-centralized {
7556
+ text-align: center;
7557
+ }
7558
+ .gids-profile-menu-header__content-container-centralized span {
7559
+ font-family: var(--gids-typography-heading-x-small__font-family);
7560
+ font-size: var(--gids-typography-heading-x-small__font-size);
7561
+ font-weight: var(--gids-typography-heading-x-small__font-weight);
7562
+ letter-spacing: var(--gids-typography-heading-x-small__letter-spacing);
7563
+ line-height: var(--gids-typography-heading-x-small__line-height);
7564
+ text-transform: var(--gids-typography-heading-x-small__text-transform, inherit);
7565
+ font-variant-caps: var(--gids-typography-heading-x-small__font-variant-caps, inherit);
7566
+ color: var(--gids-color-text-default);
7567
+ cursor: pointer;
7568
+ transition: all 0.3s ease-in-out;
7569
+ }
7570
+ .gids-profile-menu-header__content-container-centralized span:hover {
7571
+ transform: scale(1.1);
7572
+ padding-bottom: var(--gids-padding-vertical-edge-to-element-050);
7573
+ }
7574
+ .gids-profile-menu-header__content-container-centralized span:active {
7575
+ transform: scale(1);
7576
+ }
7577
+ .gids-profile-menu-header__content-container-centralized p {
7578
+ margin: 0;
7579
+ padding: 0;
7580
+ font-family: var(--gids-typography-paragraph-small__font-family);
7581
+ font-size: var(--gids-typography-paragraph-small__font-size);
7582
+ font-weight: var(--gids-typography-paragraph-small__font-weight);
7583
+ letter-spacing: var(--gids-typography-paragraph-small__letter-spacing);
7584
+ line-height: var(--gids-typography-paragraph-small__line-height);
7585
+ text-transform: var(--gids-typography-paragraph-small__text-transform, inherit);
7586
+ font-variant-caps: var(--gids-typography-paragraph-small__font-variant-caps, inherit);
7587
+ color: var(--gids-color-text-subtlest);
7588
+ cursor: pointer;
7589
+ transition: all 0.3s ease-in-out;
7590
+ }
7591
+ .gids-profile-menu-header__content-container-centralized p:hover {
7592
+ transform: scale(1.1);
7593
+ padding-top: var(--gids-padding-vertical-edge-to-element-050);
7594
+ }
7595
+ .gids-profile-menu-header__content-container-centralized p:active {
7596
+ transform: scale(1);
7597
+ }
7598
+
7000
7599
  :host {
7001
7600
  display: block;
7002
7601
  box-sizing: border-box;