@scania/tegel 1.23.0-beta-checkbox-keeps-checked-prop.0 → 1.23.0-block-nesting-beta.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 (25) hide show
  1. package/dist/cjs/tds-block.cjs.entry.js +1 -1
  2. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  3. package/dist/cjs/tds-tooltip.cjs.entry.js +1 -1
  4. package/dist/collection/components/block/block.css +1 -3
  5. package/dist/collection/components/popover-core/tds-popover-core.css +6 -16
  6. package/dist/collection/components/tooltip/tooltip.css +5 -0
  7. package/dist/components/{p-e02b091c.js → p-3a32c37c.js} +1 -1
  8. package/dist/components/{p-dcfecf4d.js → p-50179eca.js} +1 -1
  9. package/dist/components/tds-block.js +1 -1
  10. package/dist/components/tds-header-dropdown.js +2 -2
  11. package/dist/components/tds-header-launcher.js +2 -2
  12. package/dist/components/tds-popover-canvas.js +1 -1
  13. package/dist/components/tds-popover-core.js +1 -1
  14. package/dist/components/tds-popover-menu.js +1 -1
  15. package/dist/components/tds-tooltip.js +2 -2
  16. package/dist/esm/tds-block.entry.js +1 -1
  17. package/dist/esm/tds-popover-core.entry.js +1 -1
  18. package/dist/esm/tds-tooltip.entry.js +1 -1
  19. package/dist/tegel/{p-443d8501.entry.js → p-220affa9.entry.js} +1 -1
  20. package/dist/tegel/{p-590b5f55.entry.js → p-2a2756ac.entry.js} +1 -1
  21. package/dist/tegel/p-9dba483c.entry.js +1 -0
  22. package/dist/tegel/tegel.css +1 -1
  23. package/dist/tegel/tegel.esm.js +1 -1
  24. package/package.json +1 -1
  25. package/dist/tegel/p-db00f607.entry.js +0 -1
package/dist/cjs/tds-tooltip.cjs.entry.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  const index = require('./index-ca8040ad.js');
6
6
  const inheritAttributes = require('./inheritAttributes-ff9ad737.js');
7
7
 
8
- const tooltipCss = ".tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
8
+ const tooltipCss = ".sc-tds-tooltip-h{position:absolute}.tds-tooltip.sc-tds-tooltip{box-sizing:border-box;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-tooltip-color);background-color:var(--tds-tooltip-background);border-radius:4px;padding:8px;word-wrap:break-word;white-space:normal;max-width:192px;z-index:900;opacity:0;visibility:hidden;transition:opacity 200ms ease-in, visibility 200ms ease-in}.tds-tooltip.sc-tds-tooltip *.sc-tds-tooltip{box-sizing:border-box}.tds-tooltip.tds-tooltip-top-left.sc-tds-tooltip{border-radius:0 4px 4px}.tds-tooltip.tds-tooltip-top-right.sc-tds-tooltip{border-radius:4px 0 4px 4px}.tds-tooltip.tds-tooltip-bottom-right.sc-tds-tooltip{border-radius:4px 4px 0}.tds-tooltip.tds-tooltip-bottom-left.sc-tds-tooltip{border-radius:4px 4px 4px 0}.tds-tooltip-show.sc-tds-tooltip{opacity:1;visibility:visible}";
9
9
  const TdsTooltipStyle0 = tooltipCss;
10
10
 
11
11
  const TdsTooltip = class {
package/dist/collection/components/block/block.css CHANGED
@@ -1,11 +1,11 @@
1
1
  .tds-block {
2
2
  box-sizing: border-box;
3
3
  color: var(--tds-block-color);
4
+ background-color: var(--tds-block-background);
4
5
  border-radius: 4px;
5
6
  padding: 16px;
6
7
  font: var(--tds-body-01);
7
8
  letter-spacing: var(--tds-body-01-ls);
8
- background-color: var(--tds-block-background);
9
9
  }
10
10
  .tds-block * {
11
11
  box-sizing: border-box;
@@ -13,10 +13,8 @@
13
13
 
14
14
  .tds-mode-variant-primary {
15
15
  --tds-block-background: var(--tds-block-background-primary);
16
- --tds-block-background-nested: var(--tds-block-background-nested-primary);
17
16
  }
18
17
 
19
18
  .tds-mode-variant-secondary {
20
19
  --tds-block-background: var(--tds-block-background-secondary);
21
- --tds-block-background-nested: var(--tds-block-background-nested-secondary);
22
20
  }
package/dist/collection/components/popover-core/tds-popover-core.css CHANGED
@@ -5150,40 +5150,30 @@ html {
5150
5150
  :root,
5151
5151
  .tds-mode-light {
5152
5152
  --tds-block-color: var(--tds-grey-985);
5153
+ --tds-block-background: var(--tds-grey-50);
5153
5154
  --tds-block-background-primary: var(--tds-grey-50);
5154
- --tds-block-background-nested-primary: var(--tds-white);
5155
5155
  --tds-block-background-secondary: var(--tds-white);
5156
- --tds-block-background-nested-secondary: var(--tds-grey-50);
5157
- --tds-block-background: var(--tds-block-background-primary);
5158
- --tds-block-background-nested: var(--tds-block-background-nested-primary);
5159
5156
  }
5160
5157
  :root .tds-mode-variant-primary,
5161
5158
  .tds-mode-light .tds-mode-variant-primary {
5162
- --tds-block-background: var(--tds-block-background-primary);
5163
- --tds-block-background-nested: var(--tds-block-background-nested-primary);
5159
+ --tds-block-background: var(--tds-grey-50);
5164
5160
  }
5165
5161
  :root .tds-mode-variant-secondary,
5166
5162
  .tds-mode-light .tds-mode-variant-secondary {
5167
- --tds-block-background: var(--tds-block-background-secondary);
5168
- --tds-block-background-nested: var(--tds-block-background-nested-secondary);
5163
+ --tds-block-background: var(--tds-white);
5169
5164
  }
5170
5165
 
5171
5166
  .tds-mode-dark {
5172
5167
  --tds-block-color: var(--tds-grey-50);
5168
+ --tds-block-background: var(--tds-grey-900);
5173
5169
  --tds-block-background-primary: var(--tds-grey-900);
5174
- --tds-block-background-nested-primary: var(--tds-grey-868);
5175
5170
  --tds-block-background-secondary: var(--tds-grey-868);
5176
- --tds-block-background-nested-secondary: var(--tds-grey-900);
5177
- --tds-block-background: var(--tds-block-background-primary);
5178
- --tds-block-background-nested: var(--tds-block-background-nested-primary);
5179
5171
  }
5180
5172
  .tds-mode-dark .tds-mode-variant-primary {
5181
- --tds-block-background: var(--tds-block-background-primary);
5182
- --tds-block-background-nested: var(--tds-block-background-nested-primary);
5173
+ --tds-block-background: var(--tds-grey-900);
5183
5174
  }
5184
5175
  .tds-mode-dark .tds-mode-variant-secondary {
5185
- --tds-block-background: var(--tds-block-background-secondary);
5186
- --tds-block-background-nested: var(--tds-block-background-nested-secondary);
5176
+ --tds-block-background: var(--tds-grey-868);
5187
5177
  }
5188
5178
 
5189
5179
  :root,
package/dist/collection/components/tooltip/tooltip.css CHANGED
@@ -1,3 +1,7 @@
1
+ :host {
2
+ position: absolute;
3
+ }
4
+
1
5
  .tds-tooltip {
2
6
  box-sizing: border-box;
3
7
  font: var(--tds-detail-05);
@@ -7,6 +11,7 @@
7
11
  border-radius: 4px;
8
12
  padding: 8px;
9
13
  word-wrap: break-word;
14
+ white-space: normal;
10
15
  max-width: 192px;
11
16
  z-index: 900;
12
17
  opacity: 0;