@trebired/frontend 5.1.2 → 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.
- package/CHANGELOG.md +8 -0
- package/README.md +22 -3
- package/dist/actions/styles/index.scss +42 -42
- package/dist/config/component-tokens.d.ts +290 -126
- package/dist/config/component-tokens.d.ts.map +1 -1
- package/dist/config/component-tokens.js +269 -102
- package/dist/config/component-tokens.js.map +1 -1
- package/dist/config/index.d.ts +1 -1
- package/dist/config/index.d.ts.map +1 -1
- package/dist/config/interactions.d.ts +2 -2
- package/dist/config/interactions.d.ts.map +1 -1
- package/dist/config/interactions.js +7 -7
- package/dist/config/interactions.js.map +1 -1
- package/dist/config/normalize.d.ts.map +1 -1
- package/dist/config/normalize.js +113 -51
- package/dist/config/normalize.js.map +1 -1
- package/dist/config/scss.d.ts.map +1 -1
- package/dist/config/scss.js +24 -23
- package/dist/config/scss.js.map +1 -1
- package/dist/config/types.d.ts +97 -33
- package/dist/config/types.d.ts.map +1 -1
- package/dist/flash/styles/index.scss +30 -30
- package/dist/graph/advanced/contributions_heatmap/model.d.ts +1 -1
- package/dist/graph/advanced/contributions_heatmap/model.d.ts.map +1 -1
- package/dist/graph/advanced/contributions_heatmap/model.js +5 -5
- package/dist/graph/advanced/contributions_heatmap/model.js.map +1 -1
- package/dist/graph/advanced/presets.js +4 -4
- package/dist/graph/advanced/presets.js.map +1 -1
- package/dist/inputs/advanced/checkbox/styles.scss +11 -11
- package/dist/inputs/advanced/dropdown/styles/base.scss +4 -4
- package/dist/inputs/advanced/dropdown/styles/portaled.scss +3 -3
- package/dist/inputs/advanced/radio/styles.scss +8 -8
- package/dist/inputs/advanced/tabs/styles.scss +21 -21
- package/dist/inputs/advanced/toggle/styles.scss +4 -4
- package/dist/language/styles/index.scss +2 -2
- package/dist/layout/styles/chrome.scss +1 -1
- package/dist/logs/styles.scss +2 -2
- package/dist/popover/styles/index.scss +17 -17
- package/dist/primitives/styles/_card.scss +16 -16
- package/dist/primitives/styles/_controls.scss +54 -54
- package/dist/primitives/styles/_display.scss +9 -9
- package/dist/primitives/styles/_indicators.scss +5 -5
- package/dist/progress/styles/index.scss +4 -4
- package/dist/src/config/component-tokens.d.ts +290 -126
- package/dist/src/config/component-tokens.d.ts.map +1 -1
- package/dist/src/config/component-tokens.js +269 -102
- package/dist/src/config/component-tokens.js.map +1 -1
- package/dist/src/config/index.d.ts +1 -1
- package/dist/src/config/index.d.ts.map +1 -1
- package/dist/src/config/interactions.d.ts +2 -2
- package/dist/src/config/interactions.d.ts.map +1 -1
- package/dist/src/config/interactions.js +7 -7
- package/dist/src/config/interactions.js.map +1 -1
- package/dist/src/config/normalize.d.ts.map +1 -1
- package/dist/src/config/normalize.js +113 -51
- package/dist/src/config/normalize.js.map +1 -1
- package/dist/src/config/scss.d.ts.map +1 -1
- package/dist/src/config/scss.js +24 -23
- package/dist/src/config/scss.js.map +1 -1
- package/dist/src/config/types.d.ts +97 -33
- package/dist/src/config/types.d.ts.map +1 -1
- package/dist/src/graph/advanced/contributions_heatmap/model.d.ts +1 -1
- package/dist/src/graph/advanced/contributions_heatmap/model.d.ts.map +1 -1
- package/dist/src/graph/advanced/contributions_heatmap/model.js +5 -5
- package/dist/src/graph/advanced/contributions_heatmap/model.js.map +1 -1
- package/dist/src/graph/advanced/presets.js +4 -4
- package/dist/src/graph/advanced/presets.js.map +1 -1
- package/dist/surface/styles/index.scss +55 -55
- package/dist/theme/styles/index.scss +3 -3
- package/dist/tooltip/styles/index.scss +29 -29
- package/package.json +1 -1
|
@@ -89,15 +89,15 @@ function heatmap_width(columnCount) {
|
|
|
89
89
|
}
|
|
90
90
|
function heatmap_fill_color(count, maxCount) {
|
|
91
91
|
if (count <= 0 || maxCount <= 0)
|
|
92
|
-
return "var(--tbf-graph-heatmap-empty, var(--background-surface-2, transparent))";
|
|
92
|
+
return "var(--tbf-data-graph-heatmap-empty, var(--background-surface-2, transparent))";
|
|
93
93
|
const ratio = count / maxCount;
|
|
94
94
|
if (ratio >= 0.85)
|
|
95
|
-
return "var(--tbf-graph-heatmap-level-4, var(--tbf-focus, currentColor))";
|
|
95
|
+
return "var(--tbf-data-graph-heatmap-level-4, var(--tbf-focus, currentColor))";
|
|
96
96
|
if (ratio >= 0.55)
|
|
97
|
-
return "var(--tbf-graph-heatmap-level-3, var(--tbf-focus, currentColor))";
|
|
97
|
+
return "var(--tbf-data-graph-heatmap-level-3, var(--tbf-focus, currentColor))";
|
|
98
98
|
if (ratio >= 0.25)
|
|
99
|
-
return "var(--tbf-graph-heatmap-level-2, var(--tbf-focus, currentColor))";
|
|
100
|
-
return "var(--tbf-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
|
|
99
|
+
return "var(--tbf-data-graph-heatmap-level-2, var(--tbf-focus, currentColor))";
|
|
100
|
+
return "var(--tbf-data-graph-heatmap-level-1, var(--tbf-focus, currentColor))";
|
|
101
101
|
}
|
|
102
102
|
function buildMonthLabels(alignedStartDate, startDate, endDate, columnCount, t) {
|
|
103
103
|
const labels = [];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"model.js","sourceRoot":"","sources":["../../../../../src/graph/advanced/contributions_heatmap/model.ts"],"names":[],"mappings":"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"}
|
|
@@ -45,8 +45,8 @@ function download_graph(props) {
|
|
|
45
45
|
unit_selectable: props.unit_selectable !== false,
|
|
46
46
|
unit_default_scale: props.unit_default_scale || "m",
|
|
47
47
|
precision: props.precision ?? 2,
|
|
48
|
-
stroke: props.stroke || "var(--tbf-graph-download-stroke, var(--tbf-focus, currentColor))",
|
|
49
|
-
fill: props.fill || "var(--tbf-graph-download-fill, transparent)",
|
|
48
|
+
stroke: props.stroke || "var(--tbf-data-graph-download-stroke, var(--tbf-focus, currentColor))",
|
|
49
|
+
fill: props.fill || "var(--tbf-data-graph-download-fill, transparent)",
|
|
50
50
|
...props,
|
|
51
51
|
});
|
|
52
52
|
}
|
|
@@ -58,8 +58,8 @@ function upload_graph(props) {
|
|
|
58
58
|
unit_selectable: props.unit_selectable !== false,
|
|
59
59
|
unit_default_scale: props.unit_default_scale || "m",
|
|
60
60
|
precision: props.precision ?? 2,
|
|
61
|
-
stroke: props.stroke || "var(--tbf-graph-upload-stroke, var(--tbf-focus, currentColor))",
|
|
62
|
-
fill: props.fill || "var(--tbf-graph-upload-fill, transparent)",
|
|
61
|
+
stroke: props.stroke || "var(--tbf-data-graph-upload-stroke, var(--tbf-focus, currentColor))",
|
|
62
|
+
fill: props.fill || "var(--tbf-data-graph-upload-fill, transparent)",
|
|
63
63
|
...props,
|
|
64
64
|
});
|
|
65
65
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../../src/graph/advanced/presets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,YAAY,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAGrD,SAAS,SAAS,CAAC,KAAkB;IACnC,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,kBAAkB,CAAC;QAChD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,WAAW;QAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;QAC/B,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG;QACrB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,sBAAsB;QAC9C,IAAI,EACJ,KAAK,CAAC,IAAI,IAAI,2DAA2D;QACzE,GAAG,KAAK;KACX,CAAC,CAAC;AACL,CAAC;AAED,SAAS,YAAY,CAAC,KAAkB;IACtC,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,qBAAqB,CAAC;QACnD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,cAAc;QAClC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;QAC/B,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG;QACrB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,uBAAuB;QAC/C,IAAI,EACJ,KAAK,CAAC,IAAI;YACR,4DAA4D;QAC9D,GAAG,KAAK;KACX,CAAC,CAAC;AACL,CAAC;AAED,SAAS,SAAS,CAAC,KAAkB;IACnC,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,kBAAkB,CAAC;QAChD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,WAAW;QAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;QAC/B,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG;QACrB,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,sBAAsB;QAC9C,IAAI,EACJ,KAAK,CAAC,IAAI,IAAI,2DAA2D;QACzE,GAAG,KAAK;KACX,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CAAC,KAAkB;IACxC,MAAM,MAAM,GAAG,qBAAqB,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAClE,OAAO,KAAK,CAAC;QACT,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,MAAM,CAAC,uBAAuB,CAAC;QACrD,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,kBAAkB;QACtC,eAAe,EAAE,KAAK,CAAC,eAAe,KAAK,KAAK;QAChD,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,IAAI,GAAG;QACnD,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,CAAC;QAC/B,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"presets.js","sourceRoot":"","sources":["../../../../src/graph/advanced/presets.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
.tbf-button {
|
|
2
|
-
--tbf-
|
|
3
|
-
--tbf-
|
|
4
|
-
var(--tbf-button-icon-color, currentColor)
|
|
2
|
+
--tbf-surfaces-button-current-icon-color: var(
|
|
3
|
+
--tbf-surfaces-button-slots-icon-color,
|
|
4
|
+
var(--tbf-primitives-button-slots-icon-color, currentColor)
|
|
5
5
|
);
|
|
6
6
|
display: inline-flex;
|
|
7
7
|
align-items: center;
|
|
8
8
|
justify-content: center;
|
|
9
|
-
gap: var(--tbf-
|
|
10
|
-
min-height: var(--tbf-
|
|
9
|
+
gap: var(--tbf-surfaces-button-root-gap, var(--tbf-primitives-button-root-gap, 8px));
|
|
10
|
+
min-height: var(--tbf-surfaces-button-root-min-height, var(--tbf-surfaces-button-root-height, var(--tbf-primitives-button-root-height, 28px)));
|
|
11
11
|
box-sizing: border-box;
|
|
12
|
-
padding: var(--tbf-
|
|
13
|
-
padding-block: var(--tbf-
|
|
12
|
+
padding: var(--tbf-surfaces-button-root-padding, var(--tbf-primitives-button-root-padding, 0 12px));
|
|
13
|
+
padding-block: var(--tbf-surfaces-button-root-padding-block, var(--tbf-primitives-button-root-padding-block, 0));
|
|
14
14
|
border: var(
|
|
15
|
-
--tbf-
|
|
16
|
-
var(--tbf-button-border, var(--border-width) solid var(--border-surface-2))
|
|
15
|
+
--tbf-surfaces-button-root-border,
|
|
16
|
+
var(--tbf-primitives-button-root-border, var(--border-width) solid var(--border-surface-2))
|
|
17
17
|
);
|
|
18
18
|
border-radius: var(
|
|
19
|
-
--tbf-
|
|
20
|
-
var(--tbf-button-radius, var(--radius-md, var(--tbf-radius, 0)))
|
|
19
|
+
--tbf-surfaces-button-root-radius,
|
|
20
|
+
var(--tbf-primitives-button-root-radius, var(--radius-md, var(--tbf-radius, 0)))
|
|
21
21
|
);
|
|
22
|
-
color: var(--tbf-
|
|
23
|
-
background: var(--tbf-
|
|
22
|
+
color: var(--tbf-surfaces-button-root-color, var(--tbf-primitives-button-root-color, var(--text-color)));
|
|
23
|
+
background: var(--tbf-surfaces-button-root-background, var(--tbf-primitives-button-root-background, transparent));
|
|
24
24
|
cursor: pointer;
|
|
25
25
|
appearance: none;
|
|
26
26
|
-webkit-appearance: none;
|
|
27
|
-
font-family: var(--tbf-
|
|
28
|
-
font-size: var(--tbf-
|
|
29
|
-
font-weight: var(--tbf-
|
|
27
|
+
font-family: var(--tbf-surfaces-button-root-font-family, var(--tbf-font-sans, "Inter", sans-serif));
|
|
28
|
+
font-size: var(--tbf-surfaces-button-root-font-size, var(--tbf-primitives-button-root-font-size, 12px));
|
|
29
|
+
font-weight: var(--tbf-surfaces-button-root-font-weight, var(--tbf-primitives-button-root-font-weight, 600));
|
|
30
30
|
line-height: 1.15;
|
|
31
31
|
text-decoration: none;
|
|
32
32
|
white-space: nowrap;
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
.tbf-button:hover,
|
|
36
36
|
.tbf-button[aria-pressed="true"],
|
|
37
37
|
.tbf-button[data-tbf-active="true"] {
|
|
38
|
-
--tbf-
|
|
39
|
-
--tbf-
|
|
40
|
-
var(--tbf-button-hover-icon-color, currentColor)
|
|
38
|
+
--tbf-surfaces-button-current-icon-color: var(
|
|
39
|
+
--tbf-surfaces-button-states-hover-icon-color,
|
|
40
|
+
var(--tbf-primitives-button-states-hover-icon-color, currentColor)
|
|
41
41
|
);
|
|
42
|
-
border-color: var(--tbf-
|
|
43
|
-
color: var(--tbf-
|
|
44
|
-
background: var(--tbf-
|
|
42
|
+
border-color: var(--tbf-surfaces-button-states-hover-border-color, var(--tbf-primitives-button-states-hover-border-color, currentColor));
|
|
43
|
+
color: var(--tbf-surfaces-button-states-hover-color, var(--tbf-primitives-button-states-hover-color, currentColor));
|
|
44
|
+
background: var(--tbf-surfaces-button-states-hover-background, var(--tbf-primitives-button-states-hover-background, var(--tbf-primitives-button-root-background, transparent)));
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.tbf-button:disabled,
|
|
48
48
|
.tbf-button[disabled],
|
|
49
49
|
.tbf-button.disabled {
|
|
50
|
-
opacity: var(--tbf-
|
|
50
|
+
opacity: var(--tbf-surfaces-button-states-disabled-opacity, var(--tbf-primitives-button-states-disabled-opacity, 0.55));
|
|
51
51
|
cursor: not-allowed;
|
|
52
52
|
pointer-events: none;
|
|
53
53
|
}
|
|
@@ -57,79 +57,79 @@
|
|
|
57
57
|
.tbf-button > i svg,
|
|
58
58
|
.tbf-button > [data-icon],
|
|
59
59
|
.tbf-button > [data-icon] svg {
|
|
60
|
-
color: var(--tbf-
|
|
60
|
+
color: var(--tbf-surfaces-button-current-icon-color);
|
|
61
61
|
flex: 0 0 auto;
|
|
62
62
|
}
|
|
63
63
|
|
|
64
64
|
.tbf-button--strong {
|
|
65
|
-
--tbf-
|
|
66
|
-
--tbf-
|
|
67
|
-
var(--tbf-button-tones-highlight-icon-color, currentColor)
|
|
65
|
+
--tbf-surfaces-button-current-icon-color: var(
|
|
66
|
+
--tbf-surfaces-button-tones-highlight-icon-color,
|
|
67
|
+
var(--tbf-primitives-button-tones-highlight-icon-color, currentColor)
|
|
68
68
|
);
|
|
69
69
|
border-color: var(
|
|
70
|
-
--tbf-
|
|
71
|
-
var(--tbf-button-tones-highlight-border-color, currentColor)
|
|
70
|
+
--tbf-surfaces-button-tones-highlight-border-color,
|
|
71
|
+
var(--tbf-primitives-button-tones-highlight-border-color, currentColor)
|
|
72
72
|
);
|
|
73
73
|
color: var(
|
|
74
|
-
--tbf-
|
|
75
|
-
var(--tbf-button-tones-highlight-color, currentColor)
|
|
74
|
+
--tbf-surfaces-button-tones-highlight-color,
|
|
75
|
+
var(--tbf-primitives-button-tones-highlight-color, currentColor)
|
|
76
76
|
);
|
|
77
77
|
background: var(
|
|
78
|
-
--tbf-
|
|
79
|
-
var(--tbf-button-tones-highlight-background, var(--tbf-button-background, transparent))
|
|
78
|
+
--tbf-surfaces-button-tones-highlight-background,
|
|
79
|
+
var(--tbf-primitives-button-tones-highlight-background, var(--tbf-primitives-button-root-background, transparent))
|
|
80
80
|
);
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
.tbf-button--strong:hover,
|
|
84
84
|
.tbf-button--strong[aria-pressed="true"],
|
|
85
85
|
.tbf-button--strong[data-tbf-active="true"] {
|
|
86
|
-
--tbf-
|
|
87
|
-
--tbf-
|
|
88
|
-
var(--tbf-button-tones-highlight-hover-icon-color, currentColor)
|
|
86
|
+
--tbf-surfaces-button-current-icon-color: var(
|
|
87
|
+
--tbf-surfaces-button-tones-highlight-states-hover-icon-color,
|
|
88
|
+
var(--tbf-primitives-button-tones-highlight-states-hover-icon-color, currentColor)
|
|
89
89
|
);
|
|
90
90
|
border-color: var(
|
|
91
|
-
--tbf-
|
|
92
|
-
var(--tbf-button-tones-highlight-hover-border-color, currentColor)
|
|
91
|
+
--tbf-surfaces-button-tones-highlight-states-hover-border-color,
|
|
92
|
+
var(--tbf-primitives-button-tones-highlight-states-hover-border-color, currentColor)
|
|
93
93
|
);
|
|
94
94
|
color: var(
|
|
95
|
-
--tbf-
|
|
96
|
-
var(--tbf-button-tones-highlight-hover-color, currentColor)
|
|
95
|
+
--tbf-surfaces-button-tones-highlight-states-hover-color,
|
|
96
|
+
var(--tbf-primitives-button-tones-highlight-states-hover-color, currentColor)
|
|
97
97
|
);
|
|
98
98
|
background: var(
|
|
99
|
-
--tbf-
|
|
100
|
-
var(--tbf-button-tones-highlight-hover-background, var(--tbf-button-hover-background, var(--tbf-button-background, transparent)))
|
|
99
|
+
--tbf-surfaces-button-tones-highlight-states-hover-background,
|
|
100
|
+
var(--tbf-primitives-button-tones-highlight-states-hover-background, var(--tbf-primitives-button-states-hover-background, var(--tbf-primitives-button-root-background, transparent)))
|
|
101
101
|
);
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.tbf-button--sm {
|
|
105
|
-
min-height: var(--tbf-
|
|
106
|
-
padding-inline: var(--tbf-
|
|
107
|
-
font-size: var(--tbf-
|
|
105
|
+
min-height: var(--tbf-surfaces-button-sizes-sm-height, var(--tbf-primitives-button-sizes-sm-height, 24px));
|
|
106
|
+
padding-inline: var(--tbf-surfaces-button-sizes-sm-padding-inline, var(--tbf-primitives-button-sizes-sm-padding-inline, 9px));
|
|
107
|
+
font-size: var(--tbf-surfaces-button-sizes-sm-font-size, var(--tbf-primitives-button-sizes-sm-font-size, 11px));
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.tbf-button--lg {
|
|
111
|
-
min-height: var(--tbf-
|
|
112
|
-
padding-inline: var(--tbf-
|
|
113
|
-
font-size: var(--tbf-
|
|
111
|
+
min-height: var(--tbf-surfaces-button-sizes-lg-height, var(--tbf-primitives-button-sizes-lg-height, 34px));
|
|
112
|
+
padding-inline: var(--tbf-surfaces-button-sizes-lg-padding-inline, var(--tbf-primitives-button-sizes-lg-padding-inline, 14px));
|
|
113
|
+
font-size: var(--tbf-surfaces-button-sizes-lg-font-size, var(--tbf-primitives-button-sizes-lg-font-size, 13px));
|
|
114
114
|
}
|
|
115
115
|
|
|
116
116
|
.tbf-card,
|
|
117
117
|
[data-tbf-card] {
|
|
118
118
|
min-width: 0;
|
|
119
119
|
box-sizing: border-box;
|
|
120
|
-
border: var(--tbf-
|
|
121
|
-
border-radius: var(--tbf-
|
|
122
|
-
color: var(--tbf-
|
|
123
|
-
background: var(--tbf-
|
|
120
|
+
border: var(--tbf-surfaces-card-root-border, var(--border-width) solid var(--border-surface-1));
|
|
121
|
+
border-radius: var(--tbf-surfaces-card-root-radius, var(--radius-lg, var(--tbf-radius, 0)));
|
|
122
|
+
color: var(--tbf-surfaces-card-root-color, var(--tbf-text, #000));
|
|
123
|
+
background: var(--tbf-surfaces-card-root-background, var(--background-page, var(--tbf-page, #fff)));
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
.tbf-card.card,
|
|
127
127
|
.card[data-tbf-card] {
|
|
128
|
-
background: var(--tbf-card-background, var(--background-page, var(--tbf-page, #fff)));
|
|
128
|
+
background: var(--tbf-surfaces-card-root-background, var(--background-page, var(--tbf-page, #fff)));
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.tbf-card[data-tbf-interactive="true"]:hover {
|
|
132
|
-
border-color: var(--tbf-
|
|
132
|
+
border-color: var(--tbf-surfaces-card-states-hover-border-color, var(--tbf-focus, #000));
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
.tbf-card__header,
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
.tbf-card__footer {
|
|
138
138
|
min-width: 0;
|
|
139
139
|
box-sizing: border-box;
|
|
140
|
-
padding: var(--tbf-
|
|
140
|
+
padding: var(--tbf-surfaces-card-section-padding, var(--tbf-surfaces-card-root-padding, 12px));
|
|
141
141
|
}
|
|
142
142
|
|
|
143
143
|
.tbf-card__header,
|
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
.tbf-theme-switch-popover .tbf-theme-select__option[data-tbf-theme-active="true"],
|
|
10
10
|
.tbf-theme-switch-popover .tbf-theme-select__option[aria-checked="true"] {
|
|
11
11
|
background: var(
|
|
12
|
-
--tbf-theme-current-background,
|
|
13
|
-
var(--tbf-
|
|
12
|
+
--tbf-shell-theme-option-states-current-background,
|
|
13
|
+
var(--tbf-overlays-popover-item-states-selected-background, var(--background-surface-2, transparent))
|
|
14
14
|
);
|
|
15
|
-
color: var(--tbf-theme-current-color, var(--text-color));
|
|
15
|
+
color: var(--tbf-shell-theme-option-states-current-color, var(--text-color));
|
|
16
16
|
}
|
|
@@ -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"] {
|