@api-client/ui 0.3.2 → 0.3.4

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 (85) hide show
  1. package/build/src/elements/environment/EnvironmentEditor.d.ts.map +1 -1
  2. package/build/src/elements/environment/EnvironmentEditor.js +8 -6
  3. package/build/src/elements/environment/EnvironmentEditor.js.map +1 -1
  4. package/build/src/elements/har/HarViewer.d.ts.map +1 -1
  5. package/build/src/elements/har/HarViewer.js +13 -15
  6. package/build/src/elements/har/HarViewer.js.map +1 -1
  7. package/build/src/elements/http/RequestEditor.d.ts +2 -1
  8. package/build/src/elements/http/RequestEditor.d.ts.map +1 -1
  9. package/build/src/elements/http/RequestEditor.js +17 -12
  10. package/build/src/elements/http/RequestEditor.js.map +1 -1
  11. package/build/src/elements/http/RequestLog.d.ts.map +1 -1
  12. package/build/src/elements/http/RequestLog.js +34 -8
  13. package/build/src/elements/http/RequestLog.js.map +1 -1
  14. package/build/src/md/button/internals/base.d.ts.map +1 -1
  15. package/build/src/md/button/internals/base.js +2 -6
  16. package/build/src/md/button/internals/base.js.map +1 -1
  17. package/build/src/md/button/internals/button.styles.js +4 -4
  18. package/build/src/md/button/internals/button.styles.js.map +1 -1
  19. package/build/src/md/chip/internals/Chip.d.ts +11 -15
  20. package/build/src/md/chip/internals/Chip.d.ts.map +1 -1
  21. package/build/src/md/chip/internals/Chip.js +66 -104
  22. package/build/src/md/chip/internals/Chip.js.map +1 -1
  23. package/build/src/md/chip/internals/Chip.styles.d.ts.map +1 -1
  24. package/build/src/md/chip/internals/Chip.styles.js +114 -101
  25. package/build/src/md/chip/internals/Chip.styles.js.map +1 -1
  26. package/build/src/md/chip/internals/ChipSet.d.ts +16 -0
  27. package/build/src/md/chip/internals/ChipSet.d.ts.map +1 -0
  28. package/build/src/md/chip/internals/ChipSet.js +138 -0
  29. package/build/src/md/chip/internals/ChipSet.js.map +1 -0
  30. package/build/src/md/chip/internals/ChipSet.styles.d.ts +3 -0
  31. package/build/src/md/chip/internals/ChipSet.styles.d.ts.map +1 -0
  32. package/build/src/md/chip/internals/ChipSet.styles.js +9 -0
  33. package/build/src/md/chip/internals/ChipSet.styles.js.map +1 -0
  34. package/build/src/md/chip/ui-chip-set.d.ts +11 -0
  35. package/build/src/md/chip/ui-chip-set.d.ts.map +1 -0
  36. package/build/src/md/chip/ui-chip-set.js +27 -0
  37. package/build/src/md/chip/ui-chip-set.js.map +1 -0
  38. package/build/src/md/motion/animation.d.ts +5 -3
  39. package/build/src/md/motion/animation.d.ts.map +1 -1
  40. package/build/src/md/motion/animation.js +4 -2
  41. package/build/src/md/motion/animation.js.map +1 -1
  42. package/build/src/md/ripple/internals/ripple.styles.d.ts.map +1 -1
  43. package/build/src/md/ripple/internals/ripple.styles.js +20 -8
  44. package/build/src/md/ripple/internals/ripple.styles.js.map +1 -1
  45. package/build/src/md/switch/internals/Switch.styles.js +1 -1
  46. package/build/src/md/switch/internals/Switch.styles.js.map +1 -1
  47. package/build/src/md/tabs/internals/Tab.d.ts +25 -9
  48. package/build/src/md/tabs/internals/Tab.d.ts.map +1 -1
  49. package/build/src/md/tabs/internals/Tab.js +122 -53
  50. package/build/src/md/tabs/internals/Tab.js.map +1 -1
  51. package/build/src/md/tabs/internals/Tab.styles.d.ts.map +1 -1
  52. package/build/src/md/tabs/internals/Tab.styles.js +69 -64
  53. package/build/src/md/tabs/internals/Tab.styles.js.map +1 -1
  54. package/build/src/md/tabs/internals/Tabs.d.ts +52 -54
  55. package/build/src/md/tabs/internals/Tabs.d.ts.map +1 -1
  56. package/build/src/md/tabs/internals/Tabs.js +270 -330
  57. package/build/src/md/tabs/internals/Tabs.js.map +1 -1
  58. package/build/src/md/tabs/internals/Tabs.styles.d.ts.map +1 -1
  59. package/build/src/md/tabs/internals/Tabs.styles.js +13 -17
  60. package/build/src/md/tabs/internals/Tabs.styles.js.map +1 -1
  61. package/demo/md/chip/chip.html +33 -6
  62. package/demo/md/chip/chip.ts +111 -56
  63. package/demo/md/tabs/tabs.html +19 -0
  64. package/demo/md/tabs/tabs.ts +133 -83
  65. package/package.json +1 -1
  66. package/src/elements/environment/EnvironmentEditor.ts +8 -6
  67. package/src/elements/har/HarViewer.ts +13 -15
  68. package/src/elements/http/RequestEditor.ts +18 -13
  69. package/src/elements/http/RequestLog.ts +34 -8
  70. package/src/md/button/internals/base.ts +2 -6
  71. package/src/md/button/internals/button.styles.ts +4 -4
  72. package/src/md/chip/internals/Chip.styles.ts +114 -101
  73. package/src/md/chip/internals/Chip.ts +58 -88
  74. package/src/md/chip/internals/ChipSet.styles.ts +9 -0
  75. package/src/md/chip/internals/ChipSet.ts +142 -0
  76. package/src/md/chip/ui-chip-set.ts +15 -0
  77. package/src/md/motion/animation.ts +4 -2
  78. package/src/md/ripple/internals/ripple.styles.ts +20 -8
  79. package/src/md/switch/internals/Switch.styles.ts +1 -1
  80. package/src/md/tabs/internals/Tab.styles.ts +69 -64
  81. package/src/md/tabs/internals/Tab.ts +126 -43
  82. package/src/md/tabs/internals/Tabs.styles.ts +13 -17
  83. package/src/md/tabs/internals/Tabs.ts +259 -305
  84. package/test/elements/har/HarViewerElement.test.ts +1 -55
  85. package/test/ui/chip/UiChip.test.ts +18 -67
package/src/md/tabs/internals/Tabs.styles.ts CHANGED
@@ -3,30 +3,31 @@ import { css } from 'lit'
3
3
  export default css`
4
4
  :host {
5
5
  display: block;
6
+ overflow: hidden;
7
+ box-sizing: border-box;
8
+ display: flex;
9
+ flex-direction: column;
10
+ position: relative;
6
11
  }
7
12
 
8
- .content {
13
+ .tabs {
9
14
  display: flex;
10
15
  align-items: center;
11
- overflow: hidden;
16
+ overflow: auto;
17
+ scroll-behavior: smooth;
18
+ scrollbar-width: none;
12
19
  flex: 1 1 0%;
20
+ align-self: stretch;
13
21
  }
14
22
 
15
- .content ::slotted(*) {
23
+ .tabs ::slotted(*) {
16
24
  flex: 1;
17
25
  white-space: nowrap;
18
26
  }
19
27
 
20
- .surface {
21
- position: relative;
22
- display: flex;
23
- align-items: center;
24
- /* background-color: var(--md-sys-color-surface); */
25
- }
26
-
27
28
  .indicator {
28
29
  position: absolute;
29
- bottom: 0px;
30
+ bottom: 1px;
30
31
  left: 0px;
31
32
  right: 0px;
32
33
  overflow: hidden;
@@ -59,12 +60,7 @@ export default css`
59
60
  }
60
61
 
61
62
  .divider {
62
- position: absolute;
63
- bottom: 0px;
64
- left: 0px;
65
- right: 0px;
63
+ align-self: stretch;
66
64
  margin: 0;
67
- height: 1px;
68
- background-color: var(--md-sys-color-surface-variant);
69
65
  }
70
66
  `