@scion/components 22.5.0 → 22.7.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 (39) hide show
  1. package/_index.scss +32 -88
  2. package/design/components/_scion-component-dark-tokens.scss +15 -0
  3. package/design/components/_scion-component-light-tokens.scss +15 -0
  4. package/fesm2022/scion-components-common.mjs +156 -5
  5. package/fesm2022/scion-components-common.mjs.map +1 -1
  6. package/fesm2022/scion-components-dimension.mjs +3 -3
  7. package/fesm2022/scion-components-dimension.mjs.map +1 -1
  8. package/fesm2022/scion-components-icon.mjs +134 -98
  9. package/fesm2022/scion-components-icon.mjs.map +1 -1
  10. package/fesm2022/scion-components-menu.mjs +58 -51
  11. package/fesm2022/scion-components-menu.mjs.map +1 -1
  12. package/fesm2022/scion-components-sashbox.mjs +1 -1
  13. package/fesm2022/scion-components-sashbox.mjs.map +1 -1
  14. package/fesm2022/scion-components-splitter.mjs +1 -1
  15. package/fesm2022/scion-components-splitter.mjs.map +1 -1
  16. package/fesm2022/scion-components-table.mjs +1544 -1008
  17. package/fesm2022/scion-components-table.mjs.map +1 -1
  18. package/fesm2022/scion-components-text.mjs +83 -40
  19. package/fesm2022/scion-components-text.mjs.map +1 -1
  20. package/fesm2022/scion-components-throbber.mjs +1 -1
  21. package/fesm2022/scion-components-throbber.mjs.map +1 -1
  22. package/fesm2022/scion-components-tree.mjs +306 -0
  23. package/fesm2022/scion-components-tree.mjs.map +1 -0
  24. package/fesm2022/scion-components-viewport.mjs +31 -18
  25. package/fesm2022/scion-components-viewport.mjs.map +1 -1
  26. package/package.json +6 -2
  27. package/tree/package.json +4 -0
  28. package/types/scion-components-common.d.ts +111 -4
  29. package/types/scion-components-icon.d.ts +42 -15
  30. package/types/scion-components-menu.d.ts +7 -2
  31. package/types/scion-components-sashbox.d.ts +1 -1
  32. package/types/scion-components-splitter.d.ts +1 -1
  33. package/types/scion-components-table.d.ts +1112 -300
  34. package/types/scion-components-text.d.ts +6 -5
  35. package/types/scion-components-throbber.d.ts +1 -1
  36. package/types/scion-components-tree.d.ts +559 -0
  37. package/types/scion-components-viewport.d.ts +20 -11
  38. package/viewport/scrollbar/_scrollbar.scss +12 -0
  39. package/design/icons/_scion-icon-font.scss +0 -50
@@ -1,50 +0,0 @@
1
- /**
2
- * Installs icons used in SCION.
3
- */
4
-
5
- @use 'sass:map';
6
-
7
- /**
8
- * Current version of the icon font.
9
- *
10
- * UPDATE THIS VERSION WHEN ADDING, REMOVING OR CHANGING ICONS.
11
- *
12
- * This version is appended to the HTTP request as query parameter when fetching the icon font to support cache busting.
13
- */
14
- $-version: 1;
15
-
16
- /**
17
- * By default, the icon font is loaded from the CDN: https://cdn.jsdelivr.net/npm/@scion/icons
18
- */
19
- $-icon-font-defaults: (
20
- // NOTE: If self-hosting SCION icons, the font path must be "root-relative" or excluded from the application build.
21
- // Otherwise, the build fails because the builder cannot resolve the font files relative to "this" SASS file.
22
- // For esbuild, register excluded assets as `externalDependencies` in angular.json.
23
- // For webpack, exclude assets by prefixing their path with a leading caret (^).
24
- directory: 'https://cdn.jsdelivr.net/npm/@scion/icons',
25
- filename: 'scion-icons',
26
- version: $-version,
27
- );
28
-
29
- /**
30
- * Installs the 'scion-icons' font to render SCION icons.
31
- *
32
- * SCION icons are rendered in `ScionIconComponent`.
33
- */
34
- @mixin install-icon-font($config) {
35
- $config: if(sass($config): $config; else: ());
36
- $config: map.merge($-icon-font-defaults, $config);
37
- $path: map.get($config, directory) + '/' + map.get($config, filename);
38
- $version: map.get($config, version);
39
-
40
- @font-face {
41
- font-family: 'scion-icons';
42
- src: url($path + '.ttf?' + $version) format('truetype'),
43
- url($path + '.woff?' + $version) format('woff'),
44
- url($path + '.svg?' + $version + '#scion-icons') format('svg');
45
- font-weight: normal;
46
- font-style: normal;
47
- // Prevent a flash of unstyled text content (FOUC) showing the ligatures until the font loads.
48
- font-display: block;
49
- }
50
- }