@trebired/frontend 5.1.1 → 6.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 (83) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +22 -3
  3. package/dist/actions/styles/index.scss +42 -42
  4. package/dist/config/component-tokens.d.ts +290 -126
  5. package/dist/config/component-tokens.d.ts.map +1 -1
  6. package/dist/config/component-tokens.js +269 -102
  7. package/dist/config/component-tokens.js.map +1 -1
  8. package/dist/config/index.d.ts +3 -1
  9. package/dist/config/index.d.ts.map +1 -1
  10. package/dist/config/index.js +1 -0
  11. package/dist/config/index.js.map +1 -1
  12. package/dist/config/interactions.d.ts +2 -2
  13. package/dist/config/interactions.d.ts.map +1 -1
  14. package/dist/config/interactions.js +7 -7
  15. package/dist/config/interactions.js.map +1 -1
  16. package/dist/config/normalize.d.ts.map +1 -1
  17. package/dist/config/normalize.js +113 -51
  18. package/dist/config/normalize.js.map +1 -1
  19. package/dist/config/scss.d.ts.map +1 -1
  20. package/dist/config/scss.js +24 -23
  21. package/dist/config/scss.js.map +1 -1
  22. package/dist/config/tokens.d.ts +25 -0
  23. package/dist/config/tokens.d.ts.map +1 -0
  24. package/dist/config/tokens.js +31 -0
  25. package/dist/config/tokens.js.map +1 -0
  26. package/dist/config/types.d.ts +97 -33
  27. package/dist/config/types.d.ts.map +1 -1
  28. package/dist/flash/styles/index.scss +30 -30
  29. package/dist/graph/advanced/contributions_heatmap/model.d.ts +1 -1
  30. package/dist/graph/advanced/contributions_heatmap/model.d.ts.map +1 -1
  31. package/dist/graph/advanced/contributions_heatmap/model.js +5 -5
  32. package/dist/graph/advanced/contributions_heatmap/model.js.map +1 -1
  33. package/dist/graph/advanced/presets.js +4 -4
  34. package/dist/graph/advanced/presets.js.map +1 -1
  35. package/dist/inputs/advanced/checkbox/styles.scss +11 -11
  36. package/dist/inputs/advanced/dropdown/styles/base.scss +4 -4
  37. package/dist/inputs/advanced/dropdown/styles/portaled.scss +3 -3
  38. package/dist/inputs/advanced/radio/styles.scss +8 -8
  39. package/dist/inputs/advanced/tabs/styles.scss +21 -21
  40. package/dist/inputs/advanced/toggle/styles.scss +4 -4
  41. package/dist/language/styles/index.scss +2 -2
  42. package/dist/layout/styles/chrome.scss +1 -1
  43. package/dist/logs/styles.scss +2 -2
  44. package/dist/popover/styles/index.scss +17 -17
  45. package/dist/primitives/styles/_card.scss +16 -16
  46. package/dist/primitives/styles/_controls.scss +54 -54
  47. package/dist/primitives/styles/_display.scss +9 -9
  48. package/dist/primitives/styles/_indicators.scss +5 -5
  49. package/dist/progress/styles/index.scss +4 -4
  50. package/dist/src/config/component-tokens.d.ts +290 -126
  51. package/dist/src/config/component-tokens.d.ts.map +1 -1
  52. package/dist/src/config/component-tokens.js +269 -102
  53. package/dist/src/config/component-tokens.js.map +1 -1
  54. package/dist/src/config/index.d.ts +3 -1
  55. package/dist/src/config/index.d.ts.map +1 -1
  56. package/dist/src/config/index.js +1 -0
  57. package/dist/src/config/index.js.map +1 -1
  58. package/dist/src/config/interactions.d.ts +2 -2
  59. package/dist/src/config/interactions.d.ts.map +1 -1
  60. package/dist/src/config/interactions.js +7 -7
  61. package/dist/src/config/interactions.js.map +1 -1
  62. package/dist/src/config/normalize.d.ts.map +1 -1
  63. package/dist/src/config/normalize.js +113 -51
  64. package/dist/src/config/normalize.js.map +1 -1
  65. package/dist/src/config/scss.d.ts.map +1 -1
  66. package/dist/src/config/scss.js +24 -23
  67. package/dist/src/config/scss.js.map +1 -1
  68. package/dist/src/config/tokens.d.ts +25 -0
  69. package/dist/src/config/tokens.d.ts.map +1 -0
  70. package/dist/src/config/tokens.js +31 -0
  71. package/dist/src/config/tokens.js.map +1 -0
  72. package/dist/src/config/types.d.ts +97 -33
  73. package/dist/src/config/types.d.ts.map +1 -1
  74. package/dist/src/graph/advanced/contributions_heatmap/model.d.ts +1 -1
  75. package/dist/src/graph/advanced/contributions_heatmap/model.d.ts.map +1 -1
  76. package/dist/src/graph/advanced/contributions_heatmap/model.js +5 -5
  77. package/dist/src/graph/advanced/contributions_heatmap/model.js.map +1 -1
  78. package/dist/src/graph/advanced/presets.js +4 -4
  79. package/dist/src/graph/advanced/presets.js.map +1 -1
  80. package/dist/surface/styles/index.scss +55 -55
  81. package/dist/theme/styles/index.scss +3 -3
  82. package/dist/tooltip/styles/index.scss +29 -29
  83. package/package.json +1 -1
package/dist/tooltip/styles/index.scss CHANGED
@@ -3,14 +3,14 @@
3
3
  z-index: var(--tbf-z-tooltip, 1100);
4
4
  box-sizing: border-box;
5
5
  max-width: min(380px, calc(100vw - 24px));
6
- padding: var(--tbf-tooltip-padding, 7px 9px);
7
- border: var(--tbf-tooltip-border, var(--tbf-border-width, 1px) solid var(--tbf-border, #000));
8
- border-radius: var(--tbf-tooltip-radius, var(--tbf-radius-sm, 0));
9
- color: var(--tbf-tooltip-color, var(--tbf-text, #000));
10
- background: var(--tbf-tooltip-background, var(--tbf-surface, #fff));
11
- font-family: var(--tbf-tooltip-font-family, var(--tbf-font-sans, sans-serif));
12
- font-size: var(--tbf-tooltip-font-size, 12px);
13
- line-height: var(--tbf-tooltip-line-height, 1.3);
6
+ padding: var(--tbf-overlays-tooltip-panel-padding, 7px 9px);
7
+ border: var(--tbf-overlays-tooltip-panel-border, var(--tbf-border-width, 1px) solid var(--tbf-border, #000));
8
+ border-radius: var(--tbf-overlays-tooltip-panel-radius, var(--tbf-radius-sm, 0));
9
+ color: var(--tbf-overlays-tooltip-panel-color, var(--tbf-text, #000));
10
+ background: var(--tbf-overlays-tooltip-panel-background, var(--tbf-surface, #fff));
11
+ font-family: var(--tbf-overlays-tooltip-panel-font-family, var(--tbf-font-sans, sans-serif));
12
+ font-size: var(--tbf-overlays-tooltip-panel-font-size, 12px);
13
+ line-height: var(--tbf-overlays-tooltip-panel-line-height, 1.3);
14
14
  opacity: 0;
15
15
  visibility: hidden;
16
16
  isolation: isolate;
@@ -18,17 +18,17 @@
18
18
  transform-origin: var(--tbf-tooltip-transform-origin, center bottom);
19
19
  pointer-events: none;
20
20
  transition:
21
- opacity var(--tbf-tooltip-duration, 170ms) var(--tbf-tooltip-easing, cubic-bezier(0.16, 1, 0.3, 1)),
22
- transform var(--tbf-tooltip-duration, 170ms) var(--tbf-tooltip-easing, cubic-bezier(0.16, 1, 0.3, 1)),
23
- visibility 0s linear var(--tbf-tooltip-duration, 170ms);
21
+ opacity var(--tbf-overlays-tooltip-motion-duration, 170ms) var(--tbf-overlays-tooltip-motion-easing, cubic-bezier(0.16, 1, 0.3, 1)),
22
+ transform var(--tbf-overlays-tooltip-motion-duration, 170ms) var(--tbf-overlays-tooltip-motion-easing, cubic-bezier(0.16, 1, 0.3, 1)),
23
+ visibility 0s linear var(--tbf-overlays-tooltip-motion-duration, 170ms);
24
24
  }
25
25
 
26
26
  .tbf-tooltip::before,
27
27
  .tbf-tooltip::after {
28
- --tbf-tooltip-arrow-size-current: var(--tbf-tooltip-arrow-size, 8px);
29
- --tbf-tooltip-arrow-border-width-current: var(--tbf-tooltip-arrow-border-width, var(--tbf-border-width, 1px));
30
- --tbf-tooltip-arrow-border-color-current: var(--tbf-tooltip-arrow-border-color, var(--tbf-border, #000));
31
- --tbf-tooltip-arrow-background-current: var(--tbf-tooltip-arrow-background, var(--tbf-tooltip-background, var(--tbf-surface, #fff)));
28
+ --tbf-overlays-tooltip-arrow-size-current: var(--tbf-overlays-tooltip-arrow-size, 8px);
29
+ --tbf-overlays-tooltip-arrow-border-width-current: var(--tbf-overlays-tooltip-arrow-border-width, var(--tbf-border-width, 1px));
30
+ --tbf-overlays-tooltip-arrow-border-color-current: var(--tbf-overlays-tooltip-arrow-border-color, var(--tbf-border, #000));
31
+ --tbf-overlays-tooltip-arrow-background-current: var(--tbf-overlays-tooltip-arrow-background, var(--tbf-overlays-tooltip-panel-background, var(--tbf-surface, #fff)));
32
32
 
33
33
  content: "";
34
34
  position: absolute;
@@ -51,18 +51,18 @@
51
51
  }
52
52
 
53
53
  .tbf-tooltip[data-tbf-placement="top"]::before {
54
- bottom: calc(0px - var(--tbf-tooltip-arrow-size-current));
55
- border-width: var(--tbf-tooltip-arrow-size-current) var(--tbf-tooltip-arrow-size-current) 0;
56
- border-top-color: var(--tbf-tooltip-arrow-border-color-current);
54
+ bottom: calc(0px - var(--tbf-overlays-tooltip-arrow-size-current));
55
+ border-width: var(--tbf-overlays-tooltip-arrow-size-current) var(--tbf-overlays-tooltip-arrow-size-current) 0;
56
+ border-top-color: var(--tbf-overlays-tooltip-arrow-border-color-current);
57
57
  }
58
58
 
59
59
  .tbf-tooltip[data-tbf-placement="top"]::after {
60
- bottom: calc(var(--tbf-tooltip-arrow-border-width-current) - var(--tbf-tooltip-arrow-size-current));
60
+ bottom: calc(var(--tbf-overlays-tooltip-arrow-border-width-current) - var(--tbf-overlays-tooltip-arrow-size-current));
61
61
  border-width:
62
- calc(var(--tbf-tooltip-arrow-size-current) - var(--tbf-tooltip-arrow-border-width-current))
63
- calc(var(--tbf-tooltip-arrow-size-current) - var(--tbf-tooltip-arrow-border-width-current))
62
+ calc(var(--tbf-overlays-tooltip-arrow-size-current) - var(--tbf-overlays-tooltip-arrow-border-width-current))
63
+ calc(var(--tbf-overlays-tooltip-arrow-size-current) - var(--tbf-overlays-tooltip-arrow-border-width-current))
64
64
  0;
65
- border-top-color: var(--tbf-tooltip-arrow-background-current);
65
+ border-top-color: var(--tbf-overlays-tooltip-arrow-background-current);
66
66
  }
67
67
 
68
68
  .tbf-tooltip[data-tbf-placement="bottom"] {
@@ -71,18 +71,18 @@
71
71
  }
72
72
 
73
73
  .tbf-tooltip[data-tbf-placement="bottom"]::before {
74
- top: calc(0px - var(--tbf-tooltip-arrow-size-current));
75
- border-width: 0 var(--tbf-tooltip-arrow-size-current) var(--tbf-tooltip-arrow-size-current);
76
- border-bottom-color: var(--tbf-tooltip-arrow-border-color-current);
74
+ top: calc(0px - var(--tbf-overlays-tooltip-arrow-size-current));
75
+ border-width: 0 var(--tbf-overlays-tooltip-arrow-size-current) var(--tbf-overlays-tooltip-arrow-size-current);
76
+ border-bottom-color: var(--tbf-overlays-tooltip-arrow-border-color-current);
77
77
  }
78
78
 
79
79
  .tbf-tooltip[data-tbf-placement="bottom"]::after {
80
- top: calc(var(--tbf-tooltip-arrow-border-width-current) - var(--tbf-tooltip-arrow-size-current));
80
+ top: calc(var(--tbf-overlays-tooltip-arrow-border-width-current) - var(--tbf-overlays-tooltip-arrow-size-current));
81
81
  border-width:
82
82
  0
83
- calc(var(--tbf-tooltip-arrow-size-current) - var(--tbf-tooltip-arrow-border-width-current))
84
- calc(var(--tbf-tooltip-arrow-size-current) - var(--tbf-tooltip-arrow-border-width-current));
85
- border-bottom-color: var(--tbf-tooltip-arrow-background-current);
83
+ calc(var(--tbf-overlays-tooltip-arrow-size-current) - var(--tbf-overlays-tooltip-arrow-border-width-current))
84
+ calc(var(--tbf-overlays-tooltip-arrow-size-current) - var(--tbf-overlays-tooltip-arrow-border-width-current));
85
+ border-bottom-color: var(--tbf-overlays-tooltip-arrow-background-current);
86
86
  }
87
87
 
88
88
  .tbf-tooltip[data-tbf-open="true"] {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trebired/frontend",
3
- "version": "5.1.1",
3
+ "version": "6.0.0",
4
4
  "description": "Generic browser runtime systems for Trebired frontend packages and applications.",
5
5
  "type": "module",
6
6
  "private": false,