@genexus/mercury 0.32.0 → 0.34.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 (103) hide show
  1. package/dist/assets/MERCURY_ASSETS.d.ts +2320 -528
  2. package/dist/assets/MERCURY_ASSETS.js +1 -1
  3. package/dist/assets/MERCURY_ASSETS.ts +9760 -8788
  4. package/dist/assets/icons/system/dark/assistant-fill.svg +1 -1
  5. package/dist/assets/icons/system/dark/assistant.svg +1 -1
  6. package/dist/assets/icons/system/dark/block.svg +1 -0
  7. package/dist/assets/icons/system/dark/chevron-right.svg +1 -1
  8. package/dist/assets/icons/system/dark/close-sidebar.svg +1 -1
  9. package/dist/assets/icons/system/dark/contact.svg +1 -1
  10. package/dist/assets/icons/system/dark/data-modeling.svg +1 -1
  11. package/dist/assets/icons/system/dark/disturb.svg +1 -0
  12. package/dist/assets/icons/system/dark/dock-to-left.svg +1 -0
  13. package/dist/assets/icons/system/dark/dock-to-right.svg +1 -0
  14. package/dist/assets/icons/system/dark/double-chevron-right.svg +1 -1
  15. package/dist/assets/icons/system/dark/draft-doc.svg +1 -0
  16. package/dist/assets/icons/system/dark/draft.svg +1 -0
  17. package/dist/assets/icons/system/dark/favorite-fill.svg +1 -0
  18. package/dist/assets/icons/system/dark/favorite.svg +1 -0
  19. package/dist/assets/icons/system/dark/filter.svg +1 -0
  20. package/dist/assets/icons/system/dark/filters.svg +1 -1
  21. package/dist/assets/icons/system/dark/flag.svg +1 -0
  22. package/dist/assets/icons/system/dark/grid.svg +1 -0
  23. package/dist/assets/icons/system/dark/group-off.svg +1 -1
  24. package/dist/assets/icons/system/dark/group.svg +1 -1
  25. package/dist/assets/icons/system/dark/help.svg +1 -1
  26. package/dist/assets/icons/system/dark/hide.svg +1 -1
  27. package/dist/assets/icons/system/dark/link-off.svg +1 -1
  28. package/dist/assets/icons/system/dark/mic-off.svg +1 -1
  29. package/dist/assets/icons/system/dark/mic.svg +1 -1
  30. package/dist/assets/icons/system/dark/mop.svg +1 -0
  31. package/dist/assets/icons/system/dark/order-alphabetically.svg +1 -1
  32. package/dist/assets/icons/system/dark/pin-fill.svg +1 -0
  33. package/dist/assets/icons/system/dark/pin.svg +1 -0
  34. package/dist/assets/icons/system/dark/run.svg +1 -1
  35. package/dist/assets/icons/system/dark/share.svg +1 -1
  36. package/dist/assets/icons/system/dark/show.svg +1 -1
  37. package/dist/assets/icons/system/dark/star-fill.svg +1 -1
  38. package/dist/assets/icons/system/dark/star-half.svg +1 -1
  39. package/dist/assets/icons/system/dark/star-unselected.svg +1 -1
  40. package/dist/assets/icons/system/dark/star.svg +1 -1
  41. package/dist/assets/icons/system/dark/status.svg +1 -0
  42. package/dist/assets/icons/system/dark/thumb-down.svg +1 -1
  43. package/dist/assets/icons/system/dark/thunder.svg +1 -1
  44. package/dist/assets/icons/system/dark/unchecked.svg +1 -0
  45. package/dist/assets/icons/system/dark/undo.svg +1 -1
  46. package/dist/assets/icons/system/dark/unpublished.svg +1 -0
  47. package/dist/assets/icons/system/dark/user.svg +1 -1
  48. package/dist/assets/icons/system/dark/warning.svg +1 -1
  49. package/dist/assets/icons/system/dark/zoom-in.svg +1 -1
  50. package/dist/assets/icons/system/light/assistant-fill.svg +1 -1
  51. package/dist/assets/icons/system/light/assistant.svg +1 -1
  52. package/dist/assets/icons/system/light/block.svg +1 -0
  53. package/dist/assets/icons/system/light/chevron-right.svg +1 -1
  54. package/dist/assets/icons/system/light/close-sidebar.svg +1 -1
  55. package/dist/assets/icons/system/light/contact.svg +1 -1
  56. package/dist/assets/icons/system/light/data-modeling.svg +1 -1
  57. package/dist/assets/icons/system/light/disturb.svg +1 -0
  58. package/dist/assets/icons/system/light/dock-to-left.svg +1 -0
  59. package/dist/assets/icons/system/light/dock-to-right.svg +1 -0
  60. package/dist/assets/icons/system/light/double-chevron-right.svg +1 -1
  61. package/dist/assets/icons/system/light/draft-doc.svg +1 -0
  62. package/dist/assets/icons/system/light/draft.svg +1 -0
  63. package/dist/assets/icons/system/light/favorite-fill.svg +1 -0
  64. package/dist/assets/icons/system/light/favorite.svg +1 -0
  65. package/dist/assets/icons/system/light/filter.svg +1 -0
  66. package/dist/assets/icons/system/light/filters.svg +1 -1
  67. package/dist/assets/icons/system/light/flag.svg +1 -0
  68. package/dist/assets/icons/system/light/grid.svg +1 -0
  69. package/dist/assets/icons/system/light/group-off.svg +1 -1
  70. package/dist/assets/icons/system/light/group.svg +1 -1
  71. package/dist/assets/icons/system/light/help.svg +1 -1
  72. package/dist/assets/icons/system/light/hide.svg +1 -1
  73. package/dist/assets/icons/system/light/link-off.svg +1 -1
  74. package/dist/assets/icons/system/light/mic-off.svg +1 -1
  75. package/dist/assets/icons/system/light/mic.svg +1 -1
  76. package/dist/assets/icons/system/light/mop.svg +1 -0
  77. package/dist/assets/icons/system/light/order-alphabetically.svg +1 -1
  78. package/dist/assets/icons/system/light/pin-fill.svg +1 -0
  79. package/dist/assets/icons/system/light/pin.svg +1 -0
  80. package/dist/assets/icons/system/light/run.svg +1 -1
  81. package/dist/assets/icons/system/light/share.svg +1 -1
  82. package/dist/assets/icons/system/light/show.svg +1 -1
  83. package/dist/assets/icons/system/light/star-fill.svg +1 -1
  84. package/dist/assets/icons/system/light/star-half.svg +1 -1
  85. package/dist/assets/icons/system/light/star-unselected.svg +1 -1
  86. package/dist/assets/icons/system/light/star.svg +1 -1
  87. package/dist/assets/icons/system/light/status.svg +1 -0
  88. package/dist/assets/icons/system/light/thumb-down.svg +1 -1
  89. package/dist/assets/icons/system/light/thunder.svg +1 -1
  90. package/dist/assets/icons/system/light/unchecked.svg +1 -0
  91. package/dist/assets/icons/system/light/undo.svg +1 -1
  92. package/dist/assets/icons/system/light/unpublished.svg +1 -0
  93. package/dist/assets/icons/system/light/user.svg +1 -1
  94. package/dist/assets/icons/system/light/warning.svg +1 -1
  95. package/dist/assets/icons/system/light/zoom-in.svg +1 -1
  96. package/dist/bundles/css/all.css +1 -1
  97. package/dist/bundles/css/base/icons.css +1 -1
  98. package/dist/bundles.d.ts +1 -1
  99. package/dist/bundles.js +1 -1
  100. package/dist/types.d.ts +5 -0
  101. package/package.json +2 -2
  102. package/dist/assets/icons/system/dark/expand.svg +0 -1
  103. package/dist/assets/icons/system/light/expand.svg +0 -1
package/dist/bundles.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { ThemeModel } from "@genexus/chameleon-controls-library";
2
- import type { MercuryBundleFull, MercuryBundleMapping, MercuryBundleOptimized } from "./types.ts";
2
+ import type { MercuryBundleFull, MercuryBundleMapping, MercuryBundleOptimized } from "./types.js";
3
3
  /**
4
4
  * Given the basePath, returns all bundles (except base and icons) in the
5
5
  * format of type `ThemeModel`.
package/dist/bundles.js CHANGED
@@ -1 +1 @@
1
- "use strict";let s;const c=(o,n)=>{const{attachStyleSheet:t,bundleName:l,bundleNamePrefix:p,bundleMappings:m}=n,e=p?p+l:l,u=m??s,g=u?u[l]:l,d=`${o}${g}.css`;return t===void 0?{name:e,url:d}:{name:e,url:d,attachStyleSheet:t}};export const getThemeBundles=(o,n)=>[c(o,{bundleName:"components/accordion",bundleNamePrefix:n}),c(o,{bundleName:"components/button",bundleNamePrefix:n}),c(o,{bundleName:"components/chat",bundleNamePrefix:n}),c(o,{bundleName:"components/checkbox",bundleNamePrefix:n}),c(o,{bundleName:"components/code",bundleNamePrefix:n}),c(o,{bundleName:"components/combo-box",bundleNamePrefix:n}),c(o,{bundleName:"components/flexible-layout",bundleNamePrefix:n}),c(o,{bundleName:"components/dialog",bundleNamePrefix:n}),c(o,{bundleName:"components/dropdown",bundleNamePrefix:n}),c(o,{bundleName:"components/icon",bundleNamePrefix:n}),c(o,{bundleName:"components/edit",bundleNamePrefix:n}),c(o,{bundleName:"components/layout-splitter",bundleNamePrefix:n}),c(o,{bundleName:"components/list-box",bundleNamePrefix:n}),c(o,{bundleName:"components/markdown-viewer",bundleNamePrefix:n,attachStyleSheet:!1}),c(o,{bundleName:"components/navigation-list",bundleNamePrefix:n}),c(o,{bundleName:"components/paginator",bundleNamePrefix:n}),c(o,{bundleName:"components/pills",bundleNamePrefix:n}),c(o,{bundleName:"components/radio-group",bundleNamePrefix:n}),c(o,{bundleName:"components/segmented-control",bundleNamePrefix:n}),c(o,{bundleName:"components/sidebar",bundleNamePrefix:n}),c(o,{bundleName:"components/slider",bundleNamePrefix:n}),c(o,{bundleName:"components/switch",bundleNamePrefix:n}),c(o,{bundleName:"components/tab",bundleNamePrefix:n}),c(o,{bundleName:"components/tabular-grid",bundleNamePrefix:n}),c(o,{bundleName:"components/ticket-list",bundleNamePrefix:n}),c(o,{bundleName:"components/tooltip",bundleNamePrefix:n}),c(o,{bundleName:"components/tree-view",bundleNamePrefix:n}),c(o,{bundleName:"components/widget",bundleNamePrefix:n}),c(o,{bundleName:"resets/box-sizing",bundleNamePrefix:n}),c(o,{bundleName:"utils/form",bundleNamePrefix:n}),c(o,{bundleName:"utils/elevation",bundleNamePrefix:n}),c(o,{bundleName:"utils/form--full",bundleNamePrefix:n}),c(o,{bundleName:"utils/layout",bundleNamePrefix:n}),c(o,{bundleName:"utils/spacing",bundleNamePrefix:n}),c(o,{bundleName:"utils/typography",bundleNamePrefix:n}),c(o,{bundleName:"chameleon/scrollbar",bundleNamePrefix:n})];const y=(o,n)=>n?o.map(t=>n+t):o;export const getBundles=(o,n)=>{let t,l,p;return typeof n=="object"?(t=n.basePath,l=n.bundleNamePrefix,p=n.bundleMappings):t=n,t?o.map(m=>c(t,{bundleName:m,bundleNamePrefix:l,bundleMappings:p})):y(o,l)},setBundleMapping=o=>{s=o};
1
+ "use strict";globalThis.mercury??={globalBundleMappings:void 0};const{mercury:s}=globalThis,l=(o,n)=>{const{attachStyleSheet:c,bundleName:t,bundleNamePrefix:p,bundleMappings:m}=n,e=p?p+t:t,u=m??s.globalBundleMappings,g=u?u[t]:t,d=`${o}${g}.css`;return c===void 0?{name:e,url:d}:{name:e,url:d,attachStyleSheet:c}};export const getThemeBundles=(o,n)=>[l(o,{bundleName:"components/accordion",bundleNamePrefix:n}),l(o,{bundleName:"components/button",bundleNamePrefix:n}),l(o,{bundleName:"components/chat",bundleNamePrefix:n}),l(o,{bundleName:"components/checkbox",bundleNamePrefix:n}),l(o,{bundleName:"components/code",bundleNamePrefix:n}),l(o,{bundleName:"components/combo-box",bundleNamePrefix:n}),l(o,{bundleName:"components/flexible-layout",bundleNamePrefix:n}),l(o,{bundleName:"components/dialog",bundleNamePrefix:n}),l(o,{bundleName:"components/dropdown",bundleNamePrefix:n}),l(o,{bundleName:"components/icon",bundleNamePrefix:n}),l(o,{bundleName:"components/edit",bundleNamePrefix:n}),l(o,{bundleName:"components/layout-splitter",bundleNamePrefix:n}),l(o,{bundleName:"components/list-box",bundleNamePrefix:n}),l(o,{bundleName:"components/markdown-viewer",bundleNamePrefix:n,attachStyleSheet:!1}),l(o,{bundleName:"components/navigation-list",bundleNamePrefix:n}),l(o,{bundleName:"components/paginator",bundleNamePrefix:n}),l(o,{bundleName:"components/pills",bundleNamePrefix:n}),l(o,{bundleName:"components/radio-group",bundleNamePrefix:n}),l(o,{bundleName:"components/segmented-control",bundleNamePrefix:n}),l(o,{bundleName:"components/sidebar",bundleNamePrefix:n}),l(o,{bundleName:"components/slider",bundleNamePrefix:n}),l(o,{bundleName:"components/switch",bundleNamePrefix:n}),l(o,{bundleName:"components/tab",bundleNamePrefix:n}),l(o,{bundleName:"components/tabular-grid",bundleNamePrefix:n}),l(o,{bundleName:"components/ticket-list",bundleNamePrefix:n}),l(o,{bundleName:"components/tooltip",bundleNamePrefix:n}),l(o,{bundleName:"components/tree-view",bundleNamePrefix:n}),l(o,{bundleName:"components/widget",bundleNamePrefix:n}),l(o,{bundleName:"resets/box-sizing",bundleNamePrefix:n}),l(o,{bundleName:"utils/form",bundleNamePrefix:n}),l(o,{bundleName:"utils/elevation",bundleNamePrefix:n}),l(o,{bundleName:"utils/form--full",bundleNamePrefix:n}),l(o,{bundleName:"utils/layout",bundleNamePrefix:n}),l(o,{bundleName:"utils/spacing",bundleNamePrefix:n}),l(o,{bundleName:"utils/typography",bundleNamePrefix:n}),l(o,{bundleName:"chameleon/scrollbar",bundleNamePrefix:n})];const i=(o,n)=>n?o.map(c=>n+c):o;export const getBundles=(o,n)=>{let c,t,p;return typeof n=="object"?(c=n.basePath,t=n.bundleNamePrefix,p=n.bundleMappings):c=n,c?o.map(m=>l(c,{bundleName:m,bundleNamePrefix:t,bundleMappings:p})):i(o,t)},setBundleMapping=o=>{s.globalBundleMappings=o};
package/dist/types.d.ts CHANGED
@@ -60,3 +60,8 @@ export type AssetsColorType = {
60
60
  export interface AssetsIconMetadata {
61
61
  name: string;
62
62
  }
63
+ declare global {
64
+ var mercury: {
65
+ globalBundleMappings: MercuryBundleMapping | undefined;
66
+ } | undefined;
67
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@genexus/mercury",
3
- "version": "0.32.0",
3
+ "version": "0.34.0",
4
4
  "description": "Mercury Design System is a robust and scalable solution designed to improve product development.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -81,7 +81,7 @@
81
81
  "@genexus/chameleon-controls-library": ">= 6.22.1"
82
82
  },
83
83
  "devDependencies": {
84
- "@eslint/js": "*",
84
+ "@eslint/js": "~9.35.0",
85
85
  "@genexus/chameleon-controls-library": "6.22.1",
86
86
  "@genexus/svg-sass-generator": "1.1.24",
87
87
  "@jackolope/ts-lit-plugin": "^3.1.4",
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"> <defs> <g id="icon-def"> <path fill="var(--color)" d="M4.667 11.333h2c.189 0 .347.064.475.192a.645.645 0 0 1 .191.475.645.645 0 0 1-.191.475.645.645 0 0 1-.475.192H4a.645.645 0 0 1-.475-.192.645.645 0 0 1-.192-.475V9.333c0-.189.064-.347.192-.475A.645.645 0 0 1 4 8.667c.189 0 .347.064.475.191a.645.645 0 0 1 .192.475v2Zm6.666-6.666h-2a.645.645 0 0 1-.475-.192A.645.645 0 0 1 8.667 4c0-.189.064-.347.191-.475a.645.645 0 0 1 .475-.192H12c.189 0 .347.064.475.192a.645.645 0 0 1 .192.475v2.667a.645.645 0 0 1-.192.475.645.645 0 0 1-.475.191.645.645 0 0 1-.475-.191.645.645 0 0 1-.192-.475v-2Z"></path> </g> </defs> <view id="on-surface--enabled" viewBox="0 0 16 16"></view> <use href="#icon-def" x="0" y="0" style="--color:#999999"></use><view id="on-surface--hover" viewBox="16 0 16 16"></view> <use href="#icon-def" x="16" y="0" style="--color:#999999"></use><view id="on-surface--active" viewBox="32 0 16 16"></view> <use href="#icon-def" x="32" y="0" style="--color:#999999"></use><view id="on-surface--disabled" viewBox="48 0 16 16"></view> <use href="#icon-def" x="48" y="0" style="--color:#999999"></use><view id="on-primary--enabled" viewBox="0 16 16 16"></view> <use href="#icon-def" x="0" y="16" style="--color:#1A1A1A"></use><view id="on-primary--hover" viewBox="16 16 16 16"></view> <use href="#icon-def" x="16" y="16" style="--color:#1A1A1A"></use><view id="on-primary--active" viewBox="32 16 16 16"></view> <use href="#icon-def" x="32" y="16" style="--color:#FFFFFF"></use><view id="on-primary--disabled" viewBox="48 16 16 16"></view> <use href="#icon-def" x="48" y="16" style="--color:#7F7F7F"></use><view id="on-disabled--enabled" viewBox="0 32 16 16"></view> <use href="#icon-def" x="0" y="32" style="--color:#7F7F7F"></use><view id="on-message--enabled" viewBox="0 48 16 16"></view> <use href="#icon-def" x="0" y="48" style="--color:#333333"></use><view id="on-elevation--enabled" viewBox="0 64 16 16"></view> <use href="#icon-def" x="0" y="64" style="--color:#CCCCCC"></use><view id="primary--enabled" viewBox="0 80 16 16"></view> <use href="#icon-def" x="0" y="80" style="--color:#5ba7ff"></use><view id="primary--hover" viewBox="16 80 16 16"></view> <use href="#icon-def" x="16" y="80" style="--color:#437dc0"></use><view id="primary--active" viewBox="32 80 16 16"></view> <use href="#icon-def" x="32" y="80" style="--color:#335884"></use><view id="primary--disabled" viewBox="48 80 16 16"></view> <use href="#icon-def" x="48" y="80" style="--color:#4D4D4D"></use><view id="error--enabled" viewBox="0 96 16 16"></view> <use href="#icon-def" x="0" y="96" style="--color:#E35861"></use><view id="error-actionable--enabled" viewBox="0 112 16 16"></view> <use href="#icon-def" x="0" y="112" style="--color:#E1ECF9"></use><view id="error-actionable--hover" viewBox="16 112 16 16"></view> <use href="#icon-def" x="16" y="112" style="--color:#A63A41"></use><view id="error-actionable--active" viewBox="32 112 16 16"></view> <use href="#icon-def" x="32" y="112" style="--color:#E1ECF9"></use><view id="error-actionable--disabled" viewBox="48 112 16 16"></view> <use href="#icon-def" x="48" y="112" style="--color:#828B96"></use><view id="warning--enabled" viewBox="0 128 16 16"></view> <use href="#icon-def" x="0" y="128" style="--color:#F9BD56"></use><view id="success--enabled" viewBox="0 144 16 16"></view> <use href="#icon-def" x="0" y="144" style="--color:#3FA89B"></use><view id="neutral--enabled" viewBox="0 160 16 16"></view> <use href="#icon-def" x="0" y="160" style="--color:#B3B3B3"></use><view id="neutral--hover" viewBox="16 160 16 16"></view> <use href="#icon-def" x="16" y="160" style="--color:#437DC0"></use><view id="neutral--active" viewBox="32 160 16 16"></view> <use href="#icon-def" x="32" y="160" style="--color:#FFFFFF"></use><view id="neutral--disabled" viewBox="48 160 16 16"></view> <use href="#icon-def" x="48" y="160" style="--color:#7F7F7F"></use><view id="highlighted--enabled" viewBox="0 176 16 16"></view> <use href="#icon-def" x="0" y="176" style="--color:#CCCCCC"></use><view id="bright--enabled" viewBox="0 192 16 16"></view> <use href="#icon-def" x="0" y="192" style="--color:#FFFFFF"></use> </svg>
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16"> <defs> <g id="icon-def"> <path fill="var(--color)" d="M4.667 11.333h2c.189 0 .347.064.475.192a.645.645 0 0 1 .191.475.645.645 0 0 1-.191.475.645.645 0 0 1-.475.192H4a.645.645 0 0 1-.475-.192.645.645 0 0 1-.192-.475V9.333c0-.189.064-.347.192-.475A.645.645 0 0 1 4 8.667c.189 0 .347.064.475.191a.645.645 0 0 1 .192.475v2Zm6.666-6.666h-2a.645.645 0 0 1-.475-.192A.645.645 0 0 1 8.667 4c0-.189.064-.347.191-.475a.645.645 0 0 1 .475-.192H12c.189 0 .347.064.475.192a.645.645 0 0 1 .192.475v2.667a.645.645 0 0 1-.192.475.645.645 0 0 1-.475.191.645.645 0 0 1-.475-.191.645.645 0 0 1-.192-.475v-2Z"></path> </g> </defs> <view id="on-surface--enabled" viewBox="0 0 16 16"></view> <use href="#icon-def" x="0" y="0" style="--color:#696969"></use><view id="on-surface--hover" viewBox="16 0 16 16"></view> <use href="#icon-def" x="16" y="0" style="--color:#696969"></use><view id="on-surface--active" viewBox="32 0 16 16"></view> <use href="#icon-def" x="32" y="0" style="--color:#696969"></use><view id="on-surface--disabled" viewBox="48 0 16 16"></view> <use href="#icon-def" x="48" y="0" style="--color:#696969"></use><view id="on-primary--enabled" viewBox="0 16 16 16"></view> <use href="#icon-def" x="0" y="16" style="--color:#CCCCCC"></use><view id="on-primary--hover" viewBox="16 16 16 16"></view> <use href="#icon-def" x="16" y="16" style="--color:#CCCCCC"></use><view id="on-primary--active" viewBox="32 16 16 16"></view> <use href="#icon-def" x="32" y="16" style="--color:#363636"></use><view id="on-primary--disabled" viewBox="48 16 16 16"></view> <use href="#icon-def" x="48" y="16" style="--color:#666666"></use><view id="on-disabled--enabled" viewBox="0 32 16 16"></view> <use href="#icon-def" x="0" y="32" style="--color:#666666"></use><view id="on-message--enabled" viewBox="0 48 16 16"></view> <use href="#icon-def" x="0" y="48" style="--color:#B3B3B3"></use><view id="on-elevation--enabled" viewBox="0 64 16 16"></view> <use href="#icon-def" x="0" y="64" style="--color:#525151"></use><view id="primary--enabled" viewBox="0 80 16 16"></view> <use href="#icon-def" x="0" y="80" style="--color:#2070ce"></use><view id="primary--hover" viewBox="16 80 16 16"></view> <use href="#icon-def" x="16" y="80" style="--color:#437dc0"></use><view id="primary--active" viewBox="32 80 16 16"></view> <use href="#icon-def" x="32" y="80" style="--color:#335884"></use><view id="primary--disabled" viewBox="48 80 16 16"></view> <use href="#icon-def" x="48" y="80" style="--color:#999999"></use><view id="error--enabled" viewBox="0 96 16 16"></view> <use href="#icon-def" x="0" y="96" style="--color:#FB7C84"></use><view id="error-actionable--enabled" viewBox="0 112 16 16"></view> <use href="#icon-def" x="0" y="112" style="--color:#E1ECF9"></use><view id="error-actionable--hover" viewBox="16 112 16 16"></view> <use href="#icon-def" x="16" y="112" style="--color:#A63A41"></use><view id="error-actionable--active" viewBox="32 112 16 16"></view> <use href="#icon-def" x="32" y="112" style="--color:#E1ECF9"></use><view id="error-actionable--disabled" viewBox="48 112 16 16"></view> <use href="#icon-def" x="48" y="112" style="--color:#828B96"></use><view id="warning--enabled" viewBox="0 128 16 16"></view> <use href="#icon-def" x="0" y="128" style="--color:#FFC96B"></use><view id="success--enabled" viewBox="0 144 16 16"></view> <use href="#icon-def" x="0" y="144" style="--color:#3FA89B"></use><view id="neutral--enabled" viewBox="0 160 16 16"></view> <use href="#icon-def" x="0" y="160" style="--color:#616161"></use><view id="neutral--hover" viewBox="16 160 16 16"></view> <use href="#icon-def" x="16" y="160" style="--color:#437DC0"></use><view id="neutral--active" viewBox="32 160 16 16"></view> <use href="#icon-def" x="32" y="160" style="--color:#363636"></use><view id="neutral--disabled" viewBox="48 160 16 16"></view> <use href="#icon-def" x="48" y="160" style="--color:#666666"></use><view id="highlighted--enabled" viewBox="0 176 16 16"></view> <use href="#icon-def" x="0" y="176" style="--color:#525151"></use><view id="bright--enabled" viewBox="0 192 16 16"></view> <use href="#icon-def" x="0" y="192" style="--color:#363636"></use> </svg>