@refinitiv-ui/efx-grid 6.0.169 → 6.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (78) hide show
  1. package/lib/column-format-dialog/themes/ds/column-format-dialog.less +6 -0
  2. package/lib/column-format-dialog/themes/ds/dark/column-format-dialog.js +3 -0
  3. package/lib/column-format-dialog/themes/ds/dark/css/native-elements.css +0 -0
  4. package/lib/column-format-dialog/themes/ds/dark/es5/all-elements.js +2 -0
  5. package/lib/column-format-dialog/themes/ds/dark/imports/all-elements.js +1 -0
  6. package/lib/column-format-dialog/themes/ds/dark/imports/custom-elements.js +1 -0
  7. package/lib/column-format-dialog/themes/ds/dark/imports/native-elements.js +0 -0
  8. package/lib/column-format-dialog/themes/ds/dark.js +16 -0
  9. package/lib/column-format-dialog/themes/ds/defaults.less +1 -0
  10. package/lib/column-format-dialog/themes/ds/index.less +5 -0
  11. package/lib/column-format-dialog/themes/ds/light/column-format-dialog.js +3 -0
  12. package/lib/column-format-dialog/themes/ds/light/css/native-elements.css +0 -0
  13. package/lib/column-format-dialog/themes/ds/light/es5/all-elements.js +2 -0
  14. package/lib/column-format-dialog/themes/ds/light/imports/all-elements.js +1 -0
  15. package/lib/column-format-dialog/themes/ds/light/imports/custom-elements.js +1 -0
  16. package/lib/column-format-dialog/themes/ds/light/imports/native-elements.js +0 -0
  17. package/lib/column-format-dialog/themes/ds/light.js +16 -0
  18. package/lib/column-selection-dialog/themes/ds/column-selection-dialog.less +24 -0
  19. package/lib/column-selection-dialog/themes/ds/dark/column-selection-dialog.js +3 -0
  20. package/lib/column-selection-dialog/themes/ds/dark/css/native-elements.css +0 -0
  21. package/lib/column-selection-dialog/themes/ds/dark/es5/all-elements.js +2 -0
  22. package/lib/column-selection-dialog/themes/ds/dark/imports/all-elements.js +1 -0
  23. package/lib/column-selection-dialog/themes/ds/dark/imports/custom-elements.js +1 -0
  24. package/lib/column-selection-dialog/themes/ds/dark/imports/native-elements.js +0 -0
  25. package/lib/column-selection-dialog/themes/ds/dark.js +8 -0
  26. package/lib/column-selection-dialog/themes/ds/defaults.less +1 -0
  27. package/lib/column-selection-dialog/themes/ds/index.less +6 -0
  28. package/lib/column-selection-dialog/themes/ds/light/column-selection-dialog.js +3 -0
  29. package/lib/column-selection-dialog/themes/ds/light/css/native-elements.css +0 -0
  30. package/lib/column-selection-dialog/themes/ds/light/es5/all-elements.js +2 -0
  31. package/lib/column-selection-dialog/themes/ds/light/imports/all-elements.js +1 -0
  32. package/lib/column-selection-dialog/themes/ds/light/imports/custom-elements.js +1 -0
  33. package/lib/column-selection-dialog/themes/ds/light/imports/native-elements.js +0 -0
  34. package/lib/column-selection-dialog/themes/ds/light.js +8 -0
  35. package/lib/filter-dialog/themes/base-checkbox.less +1 -1
  36. package/lib/filter-dialog/themes/ds/checkbox-list.less +1 -0
  37. package/lib/filter-dialog/themes/ds/dark/checkbox-list.js +3 -0
  38. package/lib/filter-dialog/themes/ds/dark/css/native-elements.css +0 -0
  39. package/lib/filter-dialog/themes/ds/dark/es5/all-elements.js +4 -0
  40. package/lib/filter-dialog/themes/ds/dark/filter-dialog.js +4 -0
  41. package/lib/filter-dialog/themes/ds/dark/imports/all-elements.js +2 -0
  42. package/lib/filter-dialog/themes/ds/dark/imports/custom-elements.js +2 -0
  43. package/lib/filter-dialog/themes/ds/dark/imports/native-elements.js +0 -0
  44. package/lib/filter-dialog/themes/ds/dark.js +11 -0
  45. package/lib/filter-dialog/themes/ds/defaults.less +3 -0
  46. package/lib/filter-dialog/themes/ds/filter-dialog.less +15 -0
  47. package/lib/filter-dialog/themes/ds/index.less +7 -0
  48. package/lib/filter-dialog/themes/ds/light/checkbox-list.js +3 -0
  49. package/lib/filter-dialog/themes/ds/light/css/native-elements.css +0 -0
  50. package/lib/filter-dialog/themes/ds/light/es5/all-elements.js +4 -0
  51. package/lib/filter-dialog/themes/ds/light/filter-dialog.js +4 -0
  52. package/lib/filter-dialog/themes/ds/light/imports/all-elements.js +2 -0
  53. package/lib/filter-dialog/themes/ds/light/imports/custom-elements.js +2 -0
  54. package/lib/filter-dialog/themes/ds/light/imports/native-elements.js +0 -0
  55. package/lib/filter-dialog/themes/ds/light.js +11 -0
  56. package/lib/grid/index.js +1 -1
  57. package/lib/grid/themes/base.less +2 -2
  58. package/lib/grid/themes/ds/dark/css/native-elements.css +0 -0
  59. package/lib/grid/themes/ds/dark/efx-grid.js +4 -0
  60. package/lib/grid/themes/ds/dark/es5/all-elements.js +2 -0
  61. package/lib/grid/themes/ds/dark/imports/all-elements.js +1 -0
  62. package/lib/grid/themes/ds/dark/imports/custom-elements.js +1 -0
  63. package/lib/grid/themes/ds/dark/imports/native-elements.js +0 -0
  64. package/lib/grid/themes/ds/dark.js +3 -0
  65. package/lib/grid/themes/ds/efx-grid.less +207 -0
  66. package/lib/grid/themes/ds/index.less +4 -0
  67. package/lib/grid/themes/ds/light/css/native-elements.css +0 -0
  68. package/lib/grid/themes/ds/light/efx-grid.js +4 -0
  69. package/lib/grid/themes/ds/light/es5/all-elements.js +2 -0
  70. package/lib/grid/themes/ds/light/imports/all-elements.js +1 -0
  71. package/lib/grid/themes/ds/light/imports/custom-elements.js +1 -0
  72. package/lib/grid/themes/ds/light/imports/native-elements.js +0 -0
  73. package/lib/grid/themes/ds/light.js +3 -0
  74. package/lib/grid/themes/halo/efx-grid.less +0 -1
  75. package/lib/grid/themes/halo/index.less +1 -0
  76. package/lib/grid/themes/solar/efx-grid.less +0 -1
  77. package/lib/grid/themes/solar/index.less +1 -0
  78. package/package.json +9 -1
package/lib/grid/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import {Grid} from "./lib/efx-grid.js";
2
2
  export {Grid}
3
- window.EFX_GRID = { version: "6.0.169" };
3
+ window.EFX_GRID = { version: "6.0.170" };
package/lib/grid/themes/base.less CHANGED
@@ -1,13 +1,13 @@
1
1
 
2
2
  :host {
3
+
3
4
  --grid-header-height : @grid-header-height;
4
5
  --grid-row-height : @grid-row-height;
5
6
  --grid-guideline-color : @scheme-color-primary;
6
7
  --theme-name : @theme-name;
7
8
 
8
9
  .grid-vscroll, .grid-hscroll {
9
- // .ie-scrollbars();
10
- .mozilla-scrollbars();
10
+ .standard-scrollbars();
11
11
  }
12
12
 
13
13
  // More custom theme that has to be done via css selector
package/lib/grid/themes/ds/dark/efx-grid.js ADDED
@@ -0,0 +1,4 @@
1
+ import './imports/native-elements.js';
2
+
3
+
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'efx-grid', styles: 'select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12px;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;background:#232d38;color:#fff;border:1px solid #424c58}select:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#232d38;color:#fff;border:1px solid #424c58;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}button[cta]{background-color:#6d84ff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles]{background-color:#232d38;color:#fff;border-color:#424c58;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles][active]{background-color:#fff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}textarea{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;resize:none;line-height:1.2;padding:calc((24px - 1px * 2 - 1em * 1.2)/ 2) 8px}textarea[disabled],textarea[error][disabled],textarea[error][warning][disabled],textarea[warning][disabled]{color:#75808c;border:1px solid #424c58}textarea[type=number]{padding-right:0}textarea[warning]{border:1px solid #ffbe42}textarea[error],textarea[error][warning]{border:1px solid #ff5540}textarea ::-ms-clear{display:none}textarea[cols]{width:auto}textarea[rows]{height:auto}textarea:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}a{text-decoration:none;color:#bdc6ff}a:active{color:#b0b8ed}a:focus{outline:0}a:hover{text-decoration:underline;text-decoration-color:#6d84ff;color:#8ea0ff;text-decoration-color:#8ea0ff}a:visited,a[alt]:visited{color:#424c58}a[alt]{color:#bdc6ff}a[alt]:hover{color:#8ea0ff}input{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-weight:400;text-align:left}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#232d38;color:#fff;border:1px solid #424c58;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}input[type=button][cta],input[type=submit][cta]{background-color:#6d84ff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles],input[type=submit][toggles]{background-color:#232d38;color:#fff;border-color:#424c58;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles][active],input[type=submit][toggles][active]{background-color:#fff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}@media (-ms-high-contrast:none),(pointer:fine){button:focus:not([focused]),button[cta]:focus:not([focused]),button[cta][focused=visible],button[focused=visible],button[toggles]:focus:not([focused]),button[toggles][active]:focus:not([focused]),button[toggles][active][focused=visible],button[toggles][focused=visible],input[type=button]:focus:not([focused]),input[type=button][cta]:focus:not([focused]),input[type=button][cta][focused=visible],input[type=button][focused=visible],input[type=button][toggles]:focus:not([focused]),input[type=button][toggles][active]:focus:not([focused]),input[type=button][toggles][active][focused=visible],input[type=button][toggles][focused=visible],input[type=submit]:focus:not([focused]),input[type=submit][cta]:focus:not([focused]),input[type=submit][cta][focused=visible],input[type=submit][focused=visible],input[type=submit][toggles]:focus:not([focused]),input[type=submit][toggles][active]:focus:not([focused]),input[type=submit][toggles][active][focused=visible],input[type=submit][toggles][focused=visible]{background-color:#232d38;color:#fff;box-shadow:0 0 0 2px #141e29,0 0 0 4px #5572ff;border-color:#424c58;outline:0}button:hover,button[cta]:hover,button[toggles]:hover,button[toggles][active]:hover,input[type=button]:hover,input[type=button][cta]:hover,input[type=button][toggles]:hover,input[type=button][toggles][active]:hover,input[type=submit]:hover,input[type=submit][cta]:hover,input[type=submit][toggles]:hover,input[type=submit][toggles][active]:hover{background-color:#323c48;color:#fff;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:hover:not(:focus),button[cta]:hover:not(:focus),button[toggles]:hover:not(:focus),button[toggles][active]:hover:not(:focus),input[type=button]:hover:not(:focus),input[type=button][cta]:hover:not(:focus),input[type=button][toggles]:hover:not(:focus),input[type=button][toggles][active]:hover:not(:focus),input[type=submit]:hover:not(:focus),input[type=submit][cta]:hover:not(:focus),input[type=submit][toggles]:hover:not(:focus),input[type=submit][toggles][active]:hover:not(:focus){border-color:#646e7b;outline:0}}@media all{button:active,button[cta]:active,button[toggles]:active,button[toggles][active]:active,input[type=button]:active,input[type=button][cta]:active,input[type=button][toggles]:active,input[type=button][toggles][active]:active,input[type=submit]:active,input[type=submit][cta]:active,input[type=submit][toggles]:active,input[type=submit][toggles][active]:active{background-color:rgba(0,0,0,0);color:#fff;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:active:not(:focus),button[cta]:active:not(:focus),button[toggles]:active:not(:focus),button[toggles][active]:active:not(:focus),input[type=button]:active:not(:focus),input[type=button][cta]:active:not(:focus),input[type=button][toggles]:active:not(:focus),input[type=button][toggles][active]:active:not(:focus),input[type=submit]:active:not(:focus),input[type=submit][cta]:active:not(:focus),input[type=submit][toggles]:active:not(:focus),input[type=submit][toggles][active]:active:not(:focus){border-color:#646e7b;outline:0}button[cta][disabled],button[disabled],button[toggles][active][disabled],button[toggles][disabled],input[type=button][cta][disabled],input[type=button][disabled],input[type=button][toggles][active][disabled],input[type=button][toggles][disabled],input[type=submit][cta][disabled],input[type=submit][disabled],input[type=submit][toggles][active][disabled],input[type=submit][toggles][disabled]{background-color:#424c58;color:#75808c;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0;pointer-events:none}}input:not([type]),input[type=date],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week]{font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type])[disabled],input:not([type])[error][disabled],input:not([type])[error][warning][disabled],input:not([type])[warning][disabled],input[type=date][disabled],input[type=date][error][disabled],input[type=date][error][warning][disabled],input[type=date][warning][disabled],input[type=email][disabled],input[type=email][error][disabled],input[type=email][error][warning][disabled],input[type=email][warning][disabled],input[type=file][disabled],input[type=file][error][disabled],input[type=file][error][warning][disabled],input[type=file][warning][disabled],input[type=month][disabled],input[type=month][error][disabled],input[type=month][error][warning][disabled],input[type=month][warning][disabled],input[type=number][disabled],input[type=number][error][disabled],input[type=number][error][warning][disabled],input[type=number][warning][disabled],input[type=password][disabled],input[type=password][error][disabled],input[type=password][error][warning][disabled],input[type=password][warning][disabled],input[type=search][disabled],input[type=search][error][disabled],input[type=search][error][warning][disabled],input[type=search][warning][disabled],input[type=tel][disabled],input[type=tel][error][disabled],input[type=tel][error][warning][disabled],input[type=tel][warning][disabled],input[type=text][disabled],input[type=text][error][disabled],input[type=text][error][warning][disabled],input[type=text][warning][disabled],input[type=url][disabled],input[type=url][error][disabled],input[type=url][error][warning][disabled],input[type=url][warning][disabled],input[type=week][disabled],input[type=week][error][disabled],input[type=week][error][warning][disabled],input[type=week][warning][disabled]{color:#75808c;border:1px solid #424c58}input:not([type])[type=number],input[type=date][type=number],input[type=email][type=number],input[type=file][type=number],input[type=month][type=number],input[type=number][type=number],input[type=password][type=number],input[type=search][type=number],input[type=tel][type=number],input[type=text][type=number],input[type=url][type=number],input[type=week][type=number]{padding-right:0}input:not([type])[warning],input[type=date][warning],input[type=email][warning],input[type=file][warning],input[type=month][warning],input[type=number][warning],input[type=password][warning],input[type=search][warning],input[type=tel][warning],input[type=text][warning],input[type=url][warning],input[type=week][warning]{border:1px solid #ffbe42}input:not([type])[error],input:not([type])[error][warning],input[type=date][error],input[type=date][error][warning],input[type=email][error],input[type=email][error][warning],input[type=file][error],input[type=file][error][warning],input[type=month][error],input[type=month][error][warning],input[type=number][error],input[type=number][error][warning],input[type=password][error],input[type=password][error][warning],input[type=search][error],input[type=search][error][warning],input[type=tel][error],input[type=tel][error][warning],input[type=text][error],input[type=text][error][warning],input[type=url][error],input[type=url][error][warning],input[type=week][error],input[type=week][error][warning]{border:1px solid #ff5540}input:not([type]) ::-ms-clear,input[type=date] ::-ms-clear,input[type=email] ::-ms-clear,input[type=file] ::-ms-clear,input[type=month] ::-ms-clear,input[type=number] ::-ms-clear,input[type=password] ::-ms-clear,input[type=search] ::-ms-clear,input[type=tel] ::-ms-clear,input[type=text] ::-ms-clear,input[type=url] ::-ms-clear,input[type=week] ::-ms-clear{display:none}input:not([type]):focus,input[type=date]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}input[type=file]::-webkit-file-upload-button{width:0;padding:0;margin:0;min-width:0;border:none;height:100%;font-family:inherit;font-size:12px}input[type=checkbox],input[type=radio]{display:inline-block;width:13px;height:13px;border-radius:4px;background-color:#232d38;margin:1px 0;transition:box-shadow 150ms,border-color 150ms;vertical-align:middle;box-shadow:inset 0 0 0 rgba(0,0,0,.5);border:1px solid #424c58}input[type=checkbox]+label:not(:empty),input[type=radio]+label:not(:empty){vertical-align:middle;margin:1px 7px 1px 4px;display:inline-block}input[type=checkbox]:not([tabindex=\'-1\']):focus,input[type=radio]:not([tabindex=\'-1\']):focus{border-color:#5572ff;box-shadow:0 0 0 #5572ff}input[type=radio]{border-radius:100%}input[type=radio]:checked{background-image:radial-gradient(#6d84ff 25%,transparent 30%);background-size:100%}input[type=checkbox]:checked{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC01LjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMjQ4NTY0MTQsMTQuMjk5NDQ5NCBMOC45NjM0MjQ5OCwxNC4zMjUwMzI3IiBpZD0iTGluZSIgc3Ryb2tlPSIjNTM1REU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuOTY4MjczLCAxNC44MTg4MTMpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi45NjgyNzMsIC0xNC44MTg4MTMpICI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTYyNDIyNCw2LjgzNzY3NjYxIEwxMS45NjI0MjI0LDE3LjE0Nzk2MjIiIGlkPSJMaW5lIiBzdHJva2U9IiM1MzVERTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMzQ1NzM5LCAxMi4xMTA0MzkpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuMzQ1NzM5LCAtMTIuMTEwNDM5KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #232d38}input[type=checkbox]:indeterminate{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImluZGV0ZXJtaW5hdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjNTM1REU5IiB4PSI4IiB5PSI3IiB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #232d38}input::placeholder{color:#9ca7b4}input::-moz-placeholder{color:#9ca7b4}input[disabled]::placeholder{color:#75808c}input[disabled]::-webkit-input-placeholder{color:#75808c}input[disabled]::-moz-placeholder{color:#75808c}input[disabled]:-ms-input-placeholder{color:#75808c}input[disabled]:-moz-placeholder{color:#75808c}:host{--grid-header-height:28px;--grid-row-height:28px;--theme-name:\'elf-theme-ds\';--global-focus-bordercolor:#ffffff;--scrollbar-bgcolor:transparent;--grid-bordercolor:#323c48;--grid-title-bgcolor:#141e29;--grid-title-txtcolor:#ffffff;--grid-title-hover-txtcolor:#ffffff;--grid-column-active-border-color:#6d84ff;--grid-column-separator-bgcolor:#646e7b;--grid-row-txtcolor:#c0cadb;--grid-row-bgcolor:#141e29;--grid-alt-row-bgcolor:#111922;--grid-highlight-txtcolor:#c0cadb;--grid-highlight-bgcolor:#232d38;--grid-active-txtcolor:#c0cadb;--grid-selection-bgcolor:#232d38;--grid-header-txtcolor:#ffffff;--grid-header-bgcolor:#141e29;--grid-tag-bg-color:#ffffff;--grid-expanded-tag-bg-color:#ffffff;--grid-active-bordercolor:#ffffff;--grid-active-bgcolor:#141e29;--input-txtcolor:#c0cadb;--input-selection-txtcolor:#141e29;--input-selection-bgcolor:#5572ff;--grid-guideline-bgcolor:#6d84ff;--grid-dragbox-bordercolor:#ffffff;--grid-dragbox-bgcolor:#232d38;--grid-drag-indicator:dashed 1px #ffffff;--grid-title-sort-icon-color:#6d84ff;--grid-title-icon-color:#6d84ff;--grid-title-filter-icon-color:#8ea0ff;--grid-title-filter-icon-hover-color:#bdc6ff;--grid-title-dot-icon:#6d84ff;--grid-column-menu-icon-color:#141e29;--grid-column-menu-icon-hover-color:#505b67;--grid-column-menu-icon-bgcolor:#ffffff;--grid-column-menu-icon-hover-bgcolor:#ffffff;--grid-row-menu-icon-color:#ffffff;--grid-row-menu-icon-hover-color:#ffffff}@supports not selector(::-webkit-scrollbar){:host .grid-hscroll,:host .grid-vscroll{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}:host .cell button,:host .cell input,:host .cell select,:host .cell textarea,:host ef-checkbox,:host input[type=checkbox]{margin:0}:host button,:host input[type=text],:host select{max-height:calc(var(--grid-row-height) - 6px)}:host select{width:100%}:host .cell button{min-width:unset}:host .title input[type=search]{width:100%;background-color:#141e29;max-height:calc(var(--grid-row-height) - 6px)}:host .cell,:host .editing,:host .filter-input,:host .folder,:host .grid-pane,:host .sorting{touch-action:manipulation}:host .tr-lg .cell{padding:0 8px;padding:var(--grid-cell-padding,0 8px 0 8px)}:host .tr-grid .title .cell.sorting:hover,:host .tr-grid .title .sorting,:host .tr-grid .title .sorting:hover{color:#c0cadb}:host .tr-grid{background-color:inherit}:host .tr-grid .title .cell:hover{background-color:#232d38}:host .tr-grid .column.conditionally-colored .cell.highlighted-row,:host .tr-grid .column.conditionally-colored .cell.selected-row,:host .tr-grid .column.conditionally-colored .cell.selection,:host .tr-grid .column.heat-map .cell.highlighted-row,:host .tr-grid .column.heat-map .cell.selected-row,:host .tr-grid .column.heat-map .cell.selection,:host .tr-grid .selected-column.conditionally-colored .cell,:host .tr-grid .selected-column.heat-map .cell,:host .tr-grid .title .selected-column .cell,:host .tr-lg .cell.highlighted-row,:host .tr-lg .cell.selected-row,:host .tr-lg .selected-column .cell{background-image:none}:host .tr-lg .tr-stretched.folder,:host .tr-lg .tr-stretched.header{color:#c0cadb;background-color:#141e29}:host .tr-lg .tr-stretched.folder:not(.closed),:host .tr-lg .tr-stretched.header:not(.closed){color:#c0cadb}:host .tr-lg .selected-column .cell{border-top-color:transparent}:host .tr-lg .cell.selected-row,:host .tr-lg .cell.selected-row.tr-stretched,:host .tr-lg .selected-column .cell{background-color:#232d38}:host .tr-grid .section .tr-lg .cell.highlighted-row{background-color:#232d38}:host .tr-grid .sortable-indicator{opacity:.5}:host .tr-grid .section.title .column.selected-column .cell:last-child{border-bottom-color:invalidColor}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));
package/lib/grid/themes/ds/dark/es5/all-elements.js ADDED
@@ -0,0 +1,2 @@
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'efx-grid', styles: 'select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12px;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;background:#232d38;color:#fff;border:1px solid #424c58}select:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#232d38;color:#fff;border:1px solid #424c58;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}button[cta]{background-color:#6d84ff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles]{background-color:#232d38;color:#fff;border-color:#424c58;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles][active]{background-color:#fff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}textarea{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;resize:none;line-height:1.2;padding:calc((24px - 1px * 2 - 1em * 1.2)/ 2) 8px}textarea[disabled],textarea[error][disabled],textarea[error][warning][disabled],textarea[warning][disabled]{color:#75808c;border:1px solid #424c58}textarea[type=number]{padding-right:0}textarea[warning]{border:1px solid #ffbe42}textarea[error],textarea[error][warning]{border:1px solid #ff5540}textarea ::-ms-clear{display:none}textarea[cols]{width:auto}textarea[rows]{height:auto}textarea:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}a{text-decoration:none;color:#bdc6ff}a:active{color:#b0b8ed}a:focus{outline:0}a:hover{text-decoration:underline;text-decoration-color:#6d84ff;color:#8ea0ff;text-decoration-color:#8ea0ff}a:visited,a[alt]:visited{color:#424c58}a[alt]{color:#bdc6ff}a[alt]:hover{color:#8ea0ff}input{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-weight:400;text-align:left}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#232d38;color:#fff;border:1px solid #424c58;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}input[type=button][cta],input[type=submit][cta]{background-color:#6d84ff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles],input[type=submit][toggles]{background-color:#232d38;color:#fff;border-color:#424c58;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles][active],input[type=submit][toggles][active]{background-color:#fff;color:#141e29;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}@media (-ms-high-contrast:none),(pointer:fine){button:focus:not([focused]),button[cta]:focus:not([focused]),button[cta][focused=visible],button[focused=visible],button[toggles]:focus:not([focused]),button[toggles][active]:focus:not([focused]),button[toggles][active][focused=visible],button[toggles][focused=visible],input[type=button]:focus:not([focused]),input[type=button][cta]:focus:not([focused]),input[type=button][cta][focused=visible],input[type=button][focused=visible],input[type=button][toggles]:focus:not([focused]),input[type=button][toggles][active]:focus:not([focused]),input[type=button][toggles][active][focused=visible],input[type=button][toggles][focused=visible],input[type=submit]:focus:not([focused]),input[type=submit][cta]:focus:not([focused]),input[type=submit][cta][focused=visible],input[type=submit][focused=visible],input[type=submit][toggles]:focus:not([focused]),input[type=submit][toggles][active]:focus:not([focused]),input[type=submit][toggles][active][focused=visible],input[type=submit][toggles][focused=visible]{background-color:#232d38;color:#fff;box-shadow:0 0 0 2px #141e29,0 0 0 4px #5572ff;border-color:#424c58;outline:0}button:hover,button[cta]:hover,button[toggles]:hover,button[toggles][active]:hover,input[type=button]:hover,input[type=button][cta]:hover,input[type=button][toggles]:hover,input[type=button][toggles][active]:hover,input[type=submit]:hover,input[type=submit][cta]:hover,input[type=submit][toggles]:hover,input[type=submit][toggles][active]:hover{background-color:#323c48;color:#fff;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:hover:not(:focus),button[cta]:hover:not(:focus),button[toggles]:hover:not(:focus),button[toggles][active]:hover:not(:focus),input[type=button]:hover:not(:focus),input[type=button][cta]:hover:not(:focus),input[type=button][toggles]:hover:not(:focus),input[type=button][toggles][active]:hover:not(:focus),input[type=submit]:hover:not(:focus),input[type=submit][cta]:hover:not(:focus),input[type=submit][toggles]:hover:not(:focus),input[type=submit][toggles][active]:hover:not(:focus){border-color:#646e7b;outline:0}}@media all{button:active,button[cta]:active,button[toggles]:active,button[toggles][active]:active,input[type=button]:active,input[type=button][cta]:active,input[type=button][toggles]:active,input[type=button][toggles][active]:active,input[type=submit]:active,input[type=submit][cta]:active,input[type=submit][toggles]:active,input[type=submit][toggles][active]:active{background-color:rgba(0,0,0,0);color:#fff;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:active:not(:focus),button[cta]:active:not(:focus),button[toggles]:active:not(:focus),button[toggles][active]:active:not(:focus),input[type=button]:active:not(:focus),input[type=button][cta]:active:not(:focus),input[type=button][toggles]:active:not(:focus),input[type=button][toggles][active]:active:not(:focus),input[type=submit]:active:not(:focus),input[type=submit][cta]:active:not(:focus),input[type=submit][toggles]:active:not(:focus),input[type=submit][toggles][active]:active:not(:focus){border-color:#646e7b;outline:0}button[cta][disabled],button[disabled],button[toggles][active][disabled],button[toggles][disabled],input[type=button][cta][disabled],input[type=button][disabled],input[type=button][toggles][active][disabled],input[type=button][toggles][disabled],input[type=submit][cta][disabled],input[type=submit][disabled],input[type=submit][toggles][active][disabled],input[type=submit][toggles][disabled]{background-color:#424c58;color:#75808c;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0;pointer-events:none}}input:not([type]),input[type=date],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week]{font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#fff;border-radius:4px;background-color:#232d38;text-overflow:ellipsis;border:1px solid #424c58;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type])[disabled],input:not([type])[error][disabled],input:not([type])[error][warning][disabled],input:not([type])[warning][disabled],input[type=date][disabled],input[type=date][error][disabled],input[type=date][error][warning][disabled],input[type=date][warning][disabled],input[type=email][disabled],input[type=email][error][disabled],input[type=email][error][warning][disabled],input[type=email][warning][disabled],input[type=file][disabled],input[type=file][error][disabled],input[type=file][error][warning][disabled],input[type=file][warning][disabled],input[type=month][disabled],input[type=month][error][disabled],input[type=month][error][warning][disabled],input[type=month][warning][disabled],input[type=number][disabled],input[type=number][error][disabled],input[type=number][error][warning][disabled],input[type=number][warning][disabled],input[type=password][disabled],input[type=password][error][disabled],input[type=password][error][warning][disabled],input[type=password][warning][disabled],input[type=search][disabled],input[type=search][error][disabled],input[type=search][error][warning][disabled],input[type=search][warning][disabled],input[type=tel][disabled],input[type=tel][error][disabled],input[type=tel][error][warning][disabled],input[type=tel][warning][disabled],input[type=text][disabled],input[type=text][error][disabled],input[type=text][error][warning][disabled],input[type=text][warning][disabled],input[type=url][disabled],input[type=url][error][disabled],input[type=url][error][warning][disabled],input[type=url][warning][disabled],input[type=week][disabled],input[type=week][error][disabled],input[type=week][error][warning][disabled],input[type=week][warning][disabled]{color:#75808c;border:1px solid #424c58}input:not([type])[type=number],input[type=date][type=number],input[type=email][type=number],input[type=file][type=number],input[type=month][type=number],input[type=number][type=number],input[type=password][type=number],input[type=search][type=number],input[type=tel][type=number],input[type=text][type=number],input[type=url][type=number],input[type=week][type=number]{padding-right:0}input:not([type])[warning],input[type=date][warning],input[type=email][warning],input[type=file][warning],input[type=month][warning],input[type=number][warning],input[type=password][warning],input[type=search][warning],input[type=tel][warning],input[type=text][warning],input[type=url][warning],input[type=week][warning]{border:1px solid #ffbe42}input:not([type])[error],input:not([type])[error][warning],input[type=date][error],input[type=date][error][warning],input[type=email][error],input[type=email][error][warning],input[type=file][error],input[type=file][error][warning],input[type=month][error],input[type=month][error][warning],input[type=number][error],input[type=number][error][warning],input[type=password][error],input[type=password][error][warning],input[type=search][error],input[type=search][error][warning],input[type=tel][error],input[type=tel][error][warning],input[type=text][error],input[type=text][error][warning],input[type=url][error],input[type=url][error][warning],input[type=week][error],input[type=week][error][warning]{border:1px solid #ff5540}input:not([type]) ::-ms-clear,input[type=date] ::-ms-clear,input[type=email] ::-ms-clear,input[type=file] ::-ms-clear,input[type=month] ::-ms-clear,input[type=number] ::-ms-clear,input[type=password] ::-ms-clear,input[type=search] ::-ms-clear,input[type=tel] ::-ms-clear,input[type=text] ::-ms-clear,input[type=url] ::-ms-clear,input[type=week] ::-ms-clear{display:none}input:not([type]):focus,input[type=date]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#5572ff}input[type=file]::-webkit-file-upload-button{width:0;padding:0;margin:0;min-width:0;border:none;height:100%;font-family:inherit;font-size:12px}input[type=checkbox],input[type=radio]{display:inline-block;width:13px;height:13px;border-radius:4px;background-color:#232d38;margin:1px 0;transition:box-shadow 150ms,border-color 150ms;vertical-align:middle;box-shadow:inset 0 0 0 rgba(0,0,0,.5);border:1px solid #424c58}input[type=checkbox]+label:not(:empty),input[type=radio]+label:not(:empty){vertical-align:middle;margin:1px 7px 1px 4px;display:inline-block}input[type=checkbox]:not([tabindex=\'-1\']):focus,input[type=radio]:not([tabindex=\'-1\']):focus{border-color:#5572ff;box-shadow:0 0 0 #5572ff}input[type=radio]{border-radius:100%}input[type=radio]:checked{background-image:radial-gradient(#6d84ff 25%,transparent 30%);background-size:100%}input[type=checkbox]:checked{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC01LjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMjQ4NTY0MTQsMTQuMjk5NDQ5NCBMOC45NjM0MjQ5OCwxNC4zMjUwMzI3IiBpZD0iTGluZSIgc3Ryb2tlPSIjNTM1REU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuOTY4MjczLCAxNC44MTg4MTMpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi45NjgyNzMsIC0xNC44MTg4MTMpICI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTYyNDIyNCw2LjgzNzY3NjYxIEwxMS45NjI0MjI0LDE3LjE0Nzk2MjIiIGlkPSJMaW5lIiBzdHJva2U9IiM1MzVERTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMzQ1NzM5LCAxMi4xMTA0MzkpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuMzQ1NzM5LCAtMTIuMTEwNDM5KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #232d38}input[type=checkbox]:indeterminate{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImluZGV0ZXJtaW5hdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjNTM1REU5IiB4PSI4IiB5PSI3IiB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #232d38}input::placeholder{color:#9ca7b4}input::-moz-placeholder{color:#9ca7b4}input[disabled]::placeholder{color:#75808c}input[disabled]::-webkit-input-placeholder{color:#75808c}input[disabled]::-moz-placeholder{color:#75808c}input[disabled]:-ms-input-placeholder{color:#75808c}input[disabled]:-moz-placeholder{color:#75808c}:host{--grid-header-height:28px;--grid-row-height:28px;--theme-name:\'elf-theme-ds\';--global-focus-bordercolor:#ffffff;--scrollbar-bgcolor:transparent;--grid-bordercolor:#323c48;--grid-title-bgcolor:#141e29;--grid-title-txtcolor:#ffffff;--grid-title-hover-txtcolor:#ffffff;--grid-column-active-border-color:#6d84ff;--grid-column-separator-bgcolor:#646e7b;--grid-row-txtcolor:#c0cadb;--grid-row-bgcolor:#141e29;--grid-alt-row-bgcolor:#111922;--grid-highlight-txtcolor:#c0cadb;--grid-highlight-bgcolor:#232d38;--grid-active-txtcolor:#c0cadb;--grid-selection-bgcolor:#232d38;--grid-header-txtcolor:#ffffff;--grid-header-bgcolor:#141e29;--grid-tag-bg-color:#ffffff;--grid-expanded-tag-bg-color:#ffffff;--grid-active-bordercolor:#ffffff;--grid-active-bgcolor:#141e29;--input-txtcolor:#c0cadb;--input-selection-txtcolor:#141e29;--input-selection-bgcolor:#5572ff;--grid-guideline-bgcolor:#6d84ff;--grid-dragbox-bordercolor:#ffffff;--grid-dragbox-bgcolor:#232d38;--grid-drag-indicator:dashed 1px #ffffff;--grid-title-sort-icon-color:#6d84ff;--grid-title-icon-color:#6d84ff;--grid-title-filter-icon-color:#8ea0ff;--grid-title-filter-icon-hover-color:#bdc6ff;--grid-title-dot-icon:#6d84ff;--grid-column-menu-icon-color:#141e29;--grid-column-menu-icon-hover-color:#505b67;--grid-column-menu-icon-bgcolor:#ffffff;--grid-column-menu-icon-hover-bgcolor:#ffffff;--grid-row-menu-icon-color:#ffffff;--grid-row-menu-icon-hover-color:#ffffff}@supports not selector(::-webkit-scrollbar){:host .grid-hscroll,:host .grid-vscroll{scrollbar-color:#9a9a9a transparent;scrollbar-width:thin}}:host .cell button,:host .cell input,:host .cell select,:host .cell textarea,:host ef-checkbox,:host input[type=checkbox]{margin:0}:host button,:host input[type=text],:host select{max-height:calc(var(--grid-row-height) - 6px)}:host select{width:100%}:host .cell button{min-width:unset}:host .title input[type=search]{width:100%;background-color:#141e29;max-height:calc(var(--grid-row-height) - 6px)}:host .cell,:host .editing,:host .filter-input,:host .folder,:host .grid-pane,:host .sorting{touch-action:manipulation}:host .tr-lg .cell{padding:0 8px;padding:var(--grid-cell-padding,0 8px 0 8px)}:host .tr-grid .title .cell.sorting:hover,:host .tr-grid .title .sorting,:host .tr-grid .title .sorting:hover{color:#c0cadb}:host .tr-grid{background-color:inherit}:host .tr-grid .title .cell:hover{background-color:#232d38}:host .tr-grid .column.conditionally-colored .cell.highlighted-row,:host .tr-grid .column.conditionally-colored .cell.selected-row,:host .tr-grid .column.conditionally-colored .cell.selection,:host .tr-grid .column.heat-map .cell.highlighted-row,:host .tr-grid .column.heat-map .cell.selected-row,:host .tr-grid .column.heat-map .cell.selection,:host .tr-grid .selected-column.conditionally-colored .cell,:host .tr-grid .selected-column.heat-map .cell,:host .tr-grid .title .selected-column .cell,:host .tr-lg .cell.highlighted-row,:host .tr-lg .cell.selected-row,:host .tr-lg .selected-column .cell{background-image:none}:host .tr-lg .tr-stretched.folder,:host .tr-lg .tr-stretched.header{color:#c0cadb;background-color:#141e29}:host .tr-lg .tr-stretched.folder:not(.closed),:host .tr-lg .tr-stretched.header:not(.closed){color:#c0cadb}:host .tr-lg .selected-column .cell{border-top-color:transparent}:host .tr-lg .cell.selected-row,:host .tr-lg .cell.selected-row.tr-stretched,:host .tr-lg .selected-column .cell{background-color:#232d38}:host .tr-grid .section .tr-lg .cell.highlighted-row{background-color:#232d38}:host .tr-grid .sortable-indicator{opacity:.5}:host .tr-grid .section.title .column.selected-column .cell:last-child{border-bottom-color:invalidColor}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#9a9a9a;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#9a9a9a}::-webkit-scrollbar-thumb:active{background:#9a9a9a}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#9a9a9a,#9a9a9a);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#323c48;border:1px solid #323c48}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#323c48}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#323c48}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#323c48}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc),linear-gradient(#ccc,#ccc);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#323c48}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff),linear-gradient(#fff,#fff);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));
2
+
package/lib/grid/themes/ds/dark/imports/all-elements.js ADDED
@@ -0,0 +1 @@
1
+ import '../efx-grid.js';
package/lib/grid/themes/ds/dark/imports/custom-elements.js ADDED
@@ -0,0 +1 @@
1
+ import '../efx-grid.js';
package/lib/grid/themes/ds/dark.js ADDED
@@ -0,0 +1,3 @@
1
+ import './dark/efx-grid.js';
2
+
3
+ import '@refinitiv-ui/elements/icon/themes/ds/dark';
package/lib/grid/themes/ds/efx-grid.less ADDED
@@ -0,0 +1,207 @@
1
+ @import '~/@refinitiv-ui/halo-theme/src/native-elements/select';
2
+ @import '~/@refinitiv-ui/halo-theme/src/native-elements/button';
3
+ @import '~/@refinitiv-ui/halo-theme/src/native-elements/textarea';
4
+
5
+ @import '~/@refinitiv-ui/ds-theme/src/native-elements/a';
6
+ @import '~/@refinitiv-ui/ds-theme/src/native-elements/input';
7
+
8
+ @theme-name: 'elf-theme-ds'; // TODO:: change to ds-theme
9
+
10
+ :host {
11
+ --grid-header-height : @grid-header-height; /// 28 Halo
12
+ --grid-row-height : @grid-row-height; /// 28 Halo
13
+ --theme-name : @theme-name;
14
+
15
+ // Filter icon color, drag guide + drag box border-color
16
+ // --grid-guideline-color : @scheme-color-primary;
17
+
18
+ .grid-vscroll, .grid-hscroll {
19
+ // .ie-scrollbars();
20
+ .mozilla-scrollbars();
21
+ }
22
+
23
+ // More custom theme that has to be done via css selector
24
+ .cell input,
25
+ .cell textarea,
26
+ .cell select,
27
+ .cell button,
28
+ ef-checkbox,
29
+ input[type=checkbox] {
30
+ margin: 0;
31
+ }
32
+ select, button, input[type=text] { // Todo: force every thing in cells to have max size not exceed row height.
33
+ max-height: calc(var(--grid-row-height) - 6px);
34
+ }
35
+ select {
36
+ width: 100%;
37
+ }
38
+ .cell button {
39
+ min-width: unset;
40
+ }
41
+
42
+ .title input[type=search] {
43
+ width: 100%;
44
+ background-color: @grid-row-background-color;
45
+ max-height: calc(var(--grid-row-height) - 6px);
46
+ }
47
+
48
+ .grid-pane, .cell, .editing, .sorting, .filter-input, .folder {
49
+ .touch-action();
50
+ }
51
+ .tr-lg .cell {
52
+ // for ie
53
+ padding: @grid-cell-padding; // Elemental
54
+ // for modern browser
55
+ padding: var(--grid-cell-padding, @grid-cell-padding);
56
+ }
57
+
58
+ // Sorted column text color
59
+ .tr-grid .title .sorting,
60
+ .tr-grid .title .sorting:hover,
61
+ .tr-grid .title .cell.sorting:hover {
62
+ color: @grid-row-active-text-color;
63
+ }
64
+
65
+ .tr-grid {
66
+ background-color: inherit;
67
+ }
68
+
69
+ .tr-grid .title .cell:hover {
70
+ background-color: @grid-header-hover-background-color; // ** missing from ds-theme
71
+ }
72
+
73
+ // Prevent from unexpected background color overiding
74
+ .tr-grid .column.heat-map .cell.selected-row,
75
+ .tr-grid .column.heat-map .cell.highlighted-row,
76
+ .tr-grid .column.heat-map .cell.selection,
77
+ .tr-grid .column.conditionally-colored .cell.selected-row,
78
+ .tr-grid .column.conditionally-colored .cell.highlighted-row,
79
+ .tr-grid .column.conditionally-colored .cell.selection,
80
+ .tr-grid .title .selected-column .cell,
81
+ .tr-grid .selected-column.heat-map .cell,
82
+ .tr-grid .selected-column.conditionally-colored .cell,
83
+ .tr-lg .cell.selected-row,
84
+ .tr-lg .cell.highlighted-row,
85
+ .tr-lg .selected-column .cell {
86
+ background-image: none;
87
+ }
88
+
89
+ // Group header row
90
+ // This feature is implemented for row grouping extension
91
+ // In Solar theme, the color will be based from tr-grid
92
+ .tr-lg .tr-stretched.folder,
93
+ .tr-lg .tr-stretched.header {
94
+ color: @grid-row-text-color;
95
+ background-color: @grid-row-background-color;
96
+
97
+ &:not(.closed) {
98
+ color: @grid-expended-row-header-color;
99
+ }
100
+ }
101
+
102
+ .tr-lg .selected-column .cell {
103
+ border-top-color: transparent;
104
+ }
105
+
106
+ .tr-lg .cell.selected-row,
107
+ .tr-lg .cell.selected-row.tr-stretched,
108
+ .tr-lg .selected-column .cell { // Selected rows have more priority than row-coloring
109
+ background-color: @grid-row-active-background-color; //
110
+ }
111
+
112
+ .tr-grid .section .tr-lg .cell.highlighted-row { // Highlighted style has more priority than row-coloring
113
+ background-color: @grid-row-hover-background-color; //
114
+ }
115
+
116
+ .tr-grid .sortable-indicator {
117
+ opacity: 0.5;
118
+ }
119
+
120
+ .tr-grid .section.title .column.selected-column .cell:last-child {
121
+ border-bottom-color: @grid-column-active-title-border-color; // 13
122
+ }
123
+
124
+ // Global
125
+ --global-focus-bordercolor : @grid-row-focus-border-color;
126
+ --scrollbar-bgcolor : @scrollbar-track-background-color; // transparent
127
+ --grid-bordercolor : @grid-border-color;
128
+
129
+ // Column title
130
+ --grid-title-bgcolor : @grid-header-background-color;
131
+ --grid-title-txtcolor : @grid-header-text-color;
132
+ --grid-title-hover-txtcolor : @grid-header-text-color;
133
+
134
+ // Selected column boundary **
135
+ --grid-column-active-border-color: @grid-column-active-border-color; // The value will be invalidColor in core's theme (backward compatible with v3)
136
+
137
+ // Column collapsing
138
+ // --grid-column-grouped-bgcolor: @color-charcoal; // Column collapsing (expanded) // unused
139
+
140
+ // Column pinning
141
+ --grid-column-separator-bgcolor : @grid-column-separator-background-color;
142
+
143
+ // Row
144
+ --grid-row-txtcolor : @grid-row-text-color;
145
+ --grid-row-bgcolor : @grid-row-background-color;
146
+ --grid-alt-row-bgcolor : @grid-row-alternate-background-color;
147
+
148
+ // row hovering
149
+ --grid-highlight-txtcolor : @grid-row-hover-text-color;
150
+ --grid-highlight-bgcolor : @grid-row-hover-background-color;
151
+
152
+ // selected row, cell
153
+ --grid-active-txtcolor : @grid-row-active-text-color;
154
+ --grid-selection-bgcolor : @grid-row-active-background-color;
155
+
156
+ // Row group header, Filter icon (alway on mode)
157
+ --grid-header-txtcolor : @grid-header-text-color;
158
+
159
+ // Row group header
160
+ --grid-header-bgcolor : @grid-row-header-background-color;
161
+
162
+ // Row grouping - Tag
163
+ --grid-tag-bg-color : @grid-tag-background-color;
164
+ --grid-expanded-tag-bg-color : @grid-expanded-tag-background-color;
165
+
166
+ // Cell
167
+ // Editing
168
+ // .cell.editing input[type=text], .cell.balloon
169
+ --grid-active-bordercolor : @grid-row-focus-border-color;
170
+ --grid-active-bgcolor : @grid-input-background-color;
171
+ // .cell.editing input[type=text]
172
+ --input-txtcolor : @grid-input-text-color;
173
+ --input-selection-txtcolor : @grid-input-selection-text-color;
174
+ --input-selection-bgcolor : @grid-input-selection-background-color;
175
+
176
+ // Draging UI
177
+ --grid-guideline-bgcolor : @grid-guideline-background-color ;
178
+ --grid-dragbox-bordercolor : @grid-drag-box-border-color;
179
+ --grid-dragbox-bgcolor : @grid-drag-box-background-color;
180
+ --grid-drag-indicator : dashed 1px @grid-drag-indicator-border-color;
181
+
182
+ // Sorting indicator, dragbox border color
183
+ // .cell.sorting.edge-indicator:before (box-shadow), .sorting.edge-indicator:after (border-top), dragbox border color
184
+ --grid-title-sort-icon-color : @grid-title-sort-icon-color;
185
+
186
+ // Filter icon (always on mode + active), Dragbox guideline
187
+ --grid-title-icon-color : @grid-title-icon-active-color;
188
+
189
+ // Filter icon, Stack icon
190
+ --grid-title-filter-icon-color : @grid-title-icon-color; // primary - 1
191
+ --grid-title-filter-icon-hover-color: @grid-title-icon-hover-color; //Filter icon normal and alway on mode
192
+
193
+ // Filter icon for tiny column
194
+ --grid-title-dot-icon : @grid-title-dot-icon-color;
195
+
196
+ // Row menu icon, Column menu icon
197
+ --grid-column-menu-icon-color : @grid-menu-icon-color;
198
+ --grid-column-menu-icon-hover-color : @grid-menu-icon-hover-color ;
199
+ --grid-column-menu-icon-bgcolor : @grid-menu-icon-background-color;
200
+ --grid-column-menu-icon-hover-bgcolor: @grid-menu-icon-hover-background-color;
201
+
202
+ // Row more icon
203
+ --grid-row-menu-icon-color : @grid-row-more-icon-color;
204
+ --grid-row-menu-icon-hover-color : @grid-row-more-icon-hover-color;
205
+ }
206
+
207
+ .webkit-scrollbars();
package/lib/grid/themes/ds/index.less ADDED
@@ -0,0 +1,4 @@
1
+ @import '~@refinitiv-ui/ds-theme/exports/bare';
2
+ @import '~@refinitiv-ui/ds-theme/src/shared-styles/scrollbar';
3
+ @import 'elements:efx-grid.less';
4
+ @variant: default;
package/lib/grid/themes/ds/light/efx-grid.js ADDED
@@ -0,0 +1,4 @@
1
+ import './imports/native-elements.js';
2
+
3
+
4
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'efx-grid', styles: 'select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12px;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;background:#f6f7f9;color:#141e29;border:1px solid #c0cadb}select:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#f6f7f9;color:#141e29;border:1px solid #c0cadb;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}button[cta]{background-color:#2336fd;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles]{background-color:#f6f7f9;color:#141e29;border-color:#c0cadb;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles][active]{background-color:#141e29;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}textarea{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;resize:none;line-height:1.2;padding:calc((24px - 1px * 2 - 1em * 1.2)/ 2) 8px}textarea[disabled],textarea[error][disabled],textarea[error][warning][disabled],textarea[warning][disabled]{color:#9ca7b4;border:1px solid #c0cadb}textarea[type=number]{padding-right:0}textarea[warning]{border:1px solid #ffbe42}textarea[error],textarea[error][warning]{border:1px solid #b70300}textarea ::-ms-clear{display:none}textarea[cols]{width:auto}textarea[rows]{height:auto}textarea:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}a{text-decoration:none;color:#0014c2}a:active{color:#0013b4}a:focus{outline:0}a:hover{text-decoration:underline;text-decoration-color:#2336fd;color:#2336fd;text-decoration-color:#2336fd}a:visited,a[alt]:visited{color:#646e7b}a[alt]{color:#0014c2}a[alt]:hover{color:#2336fd}input{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-weight:400;text-align:left}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#f6f7f9;color:#141e29;border:1px solid #c0cadb;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}input[type=button][cta],input[type=submit][cta]{background-color:#2336fd;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles],input[type=submit][toggles]{background-color:#f6f7f9;color:#141e29;border-color:#c0cadb;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles][active],input[type=submit][toggles][active]{background-color:#141e29;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}@media (-ms-high-contrast:none),(pointer:fine){button:focus:not([focused]),button[cta]:focus:not([focused]),button[cta][focused=visible],button[focused=visible],button[toggles]:focus:not([focused]),button[toggles][active]:focus:not([focused]),button[toggles][active][focused=visible],button[toggles][focused=visible],input[type=button]:focus:not([focused]),input[type=button][cta]:focus:not([focused]),input[type=button][cta][focused=visible],input[type=button][focused=visible],input[type=button][toggles]:focus:not([focused]),input[type=button][toggles][active]:focus:not([focused]),input[type=button][toggles][active][focused=visible],input[type=button][toggles][focused=visible],input[type=submit]:focus:not([focused]),input[type=submit][cta]:focus:not([focused]),input[type=submit][cta][focused=visible],input[type=submit][focused=visible],input[type=submit][toggles]:focus:not([focused]),input[type=submit][toggles][active]:focus:not([focused]),input[type=submit][toggles][active][focused=visible],input[type=submit][toggles][focused=visible]{background-color:#f6f7f9;color:#141e29;box-shadow:0 0 0 2px #fff,0 0 0 4px #2336fd;border-color:#c0cadb;outline:0}button:hover,button[cta]:hover,button[toggles]:hover,button[toggles][active]:hover,input[type=button]:hover,input[type=button][cta]:hover,input[type=button][toggles]:hover,input[type=button][toggles][active]:hover,input[type=submit]:hover,input[type=submit][cta]:hover,input[type=submit][toggles]:hover,input[type=submit][toggles][active]:hover{background-color:#eceef4;color:#141e29;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:hover:not(:focus),button[cta]:hover:not(:focus),button[toggles]:hover:not(:focus),button[toggles][active]:hover:not(:focus),input[type=button]:hover:not(:focus),input[type=button][cta]:hover:not(:focus),input[type=button][toggles]:hover:not(:focus),input[type=button][toggles][active]:hover:not(:focus),input[type=submit]:hover:not(:focus),input[type=submit][cta]:hover:not(:focus),input[type=submit][toggles]:hover:not(:focus),input[type=submit][toggles][active]:hover:not(:focus){border-color:#848f9c;outline:0}}@media all{button:active,button[cta]:active,button[toggles]:active,button[toggles][active]:active,input[type=button]:active,input[type=button][cta]:active,input[type=button][toggles]:active,input[type=button][toggles][active]:active,input[type=submit]:active,input[type=submit][cta]:active,input[type=submit][toggles]:active,input[type=submit][toggles][active]:active{background-color:rgba(0,0,0,0);color:#141e29;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:active:not(:focus),button[cta]:active:not(:focus),button[toggles]:active:not(:focus),button[toggles][active]:active:not(:focus),input[type=button]:active:not(:focus),input[type=button][cta]:active:not(:focus),input[type=button][toggles]:active:not(:focus),input[type=button][toggles][active]:active:not(:focus),input[type=submit]:active:not(:focus),input[type=submit][cta]:active:not(:focus),input[type=submit][toggles]:active:not(:focus),input[type=submit][toggles][active]:active:not(:focus){border-color:#848f9c;outline:0}button[cta][disabled],button[disabled],button[toggles][active][disabled],button[toggles][disabled],input[type=button][cta][disabled],input[type=button][disabled],input[type=button][toggles][active][disabled],input[type=button][toggles][disabled],input[type=submit][cta][disabled],input[type=submit][disabled],input[type=submit][toggles][active][disabled],input[type=submit][toggles][disabled]{background-color:#eceef4;color:#9ca7b4;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0;pointer-events:none}}input:not([type]),input[type=date],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week]{font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type])[disabled],input:not([type])[error][disabled],input:not([type])[error][warning][disabled],input:not([type])[warning][disabled],input[type=date][disabled],input[type=date][error][disabled],input[type=date][error][warning][disabled],input[type=date][warning][disabled],input[type=email][disabled],input[type=email][error][disabled],input[type=email][error][warning][disabled],input[type=email][warning][disabled],input[type=file][disabled],input[type=file][error][disabled],input[type=file][error][warning][disabled],input[type=file][warning][disabled],input[type=month][disabled],input[type=month][error][disabled],input[type=month][error][warning][disabled],input[type=month][warning][disabled],input[type=number][disabled],input[type=number][error][disabled],input[type=number][error][warning][disabled],input[type=number][warning][disabled],input[type=password][disabled],input[type=password][error][disabled],input[type=password][error][warning][disabled],input[type=password][warning][disabled],input[type=search][disabled],input[type=search][error][disabled],input[type=search][error][warning][disabled],input[type=search][warning][disabled],input[type=tel][disabled],input[type=tel][error][disabled],input[type=tel][error][warning][disabled],input[type=tel][warning][disabled],input[type=text][disabled],input[type=text][error][disabled],input[type=text][error][warning][disabled],input[type=text][warning][disabled],input[type=url][disabled],input[type=url][error][disabled],input[type=url][error][warning][disabled],input[type=url][warning][disabled],input[type=week][disabled],input[type=week][error][disabled],input[type=week][error][warning][disabled],input[type=week][warning][disabled]{color:#9ca7b4;border:1px solid #c0cadb}input:not([type])[type=number],input[type=date][type=number],input[type=email][type=number],input[type=file][type=number],input[type=month][type=number],input[type=number][type=number],input[type=password][type=number],input[type=search][type=number],input[type=tel][type=number],input[type=text][type=number],input[type=url][type=number],input[type=week][type=number]{padding-right:0}input:not([type])[warning],input[type=date][warning],input[type=email][warning],input[type=file][warning],input[type=month][warning],input[type=number][warning],input[type=password][warning],input[type=search][warning],input[type=tel][warning],input[type=text][warning],input[type=url][warning],input[type=week][warning]{border:1px solid #ffbe42}input:not([type])[error],input:not([type])[error][warning],input[type=date][error],input[type=date][error][warning],input[type=email][error],input[type=email][error][warning],input[type=file][error],input[type=file][error][warning],input[type=month][error],input[type=month][error][warning],input[type=number][error],input[type=number][error][warning],input[type=password][error],input[type=password][error][warning],input[type=search][error],input[type=search][error][warning],input[type=tel][error],input[type=tel][error][warning],input[type=text][error],input[type=text][error][warning],input[type=url][error],input[type=url][error][warning],input[type=week][error],input[type=week][error][warning]{border:1px solid #b70300}input:not([type]) ::-ms-clear,input[type=date] ::-ms-clear,input[type=email] ::-ms-clear,input[type=file] ::-ms-clear,input[type=month] ::-ms-clear,input[type=number] ::-ms-clear,input[type=password] ::-ms-clear,input[type=search] ::-ms-clear,input[type=tel] ::-ms-clear,input[type=text] ::-ms-clear,input[type=url] ::-ms-clear,input[type=week] ::-ms-clear{display:none}input:not([type]):focus,input[type=date]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}input[type=file]::-webkit-file-upload-button{width:0;padding:0;margin:0;min-width:0;border:none;height:100%;font-family:inherit;font-size:12px}input[type=checkbox],input[type=radio]{display:inline-block;width:13px;height:13px;border-radius:4px;background-color:#f6f7f9;margin:1px 0;transition:box-shadow 150ms,border-color 150ms;vertical-align:middle;box-shadow:inset 0 0 0 rgba(0,0,0,.25);border:1px solid #c0cadb}input[type=checkbox]+label:not(:empty),input[type=radio]+label:not(:empty){vertical-align:middle;margin:1px 7px 1px 4px;display:inline-block}input[type=checkbox]:not([tabindex=\'-1\']):focus,input[type=radio]:not([tabindex=\'-1\']):focus{border-color:#2336fd;box-shadow:0 0 0 #2336fd}input[type=radio]{border-radius:100%}input[type=radio]:checked{background-image:radial-gradient(#2336fd 25%,transparent 30%);background-size:100%}input[type=checkbox]:checked{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC01LjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMjQ4NTY0MTQsMTQuMjk5NDQ5NCBMOC45NjM0MjQ5OCwxNC4zMjUwMzI3IiBpZD0iTGluZSIgc3Ryb2tlPSIjNTM1REU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuOTY4MjczLCAxNC44MTg4MTMpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi45NjgyNzMsIC0xNC44MTg4MTMpICI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTYyNDIyNCw2LjgzNzY3NjYxIEwxMS45NjI0MjI0LDE3LjE0Nzk2MjIiIGlkPSJMaW5lIiBzdHJva2U9IiM1MzVERTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMzQ1NzM5LCAxMi4xMTA0MzkpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuMzQ1NzM5LCAtMTIuMTEwNDM5KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #f6f7f9}input[type=checkbox]:indeterminate{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImluZGV0ZXJtaW5hdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjNTM1REU5IiB4PSI4IiB5PSI3IiB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #f6f7f9}input::placeholder{color:#505b67}input::-moz-placeholder{color:#505b67}input[disabled]::placeholder{color:#9ca7b4}input[disabled]::-webkit-input-placeholder{color:#9ca7b4}input[disabled]::-moz-placeholder{color:#9ca7b4}input[disabled]:-ms-input-placeholder{color:#9ca7b4}input[disabled]:-moz-placeholder{color:#9ca7b4}:host{--grid-header-height:28px;--grid-row-height:28px;--theme-name:\'elf-theme-ds\';--global-focus-bordercolor:#141e29;--scrollbar-bgcolor:transparent;--grid-bordercolor:#eceef4;--grid-title-bgcolor:#ffffff;--grid-title-txtcolor:#141e29;--grid-title-hover-txtcolor:#141e29;--grid-column-active-border-color:#2336fd;--grid-column-separator-bgcolor:#848f9c;--grid-row-txtcolor:#323c48;--grid-row-bgcolor:#ffffff;--grid-alt-row-bgcolor:#fafafa;--grid-highlight-txtcolor:#323c48;--grid-highlight-bgcolor:#f6f7f9;--grid-active-txtcolor:#323c48;--grid-selection-bgcolor:#f6f7f9;--grid-header-txtcolor:#141e29;--grid-header-bgcolor:#ffffff;--grid-tag-bg-color:#141e29;--grid-expanded-tag-bg-color:#141e29;--grid-active-bordercolor:#141e29;--grid-active-bgcolor:#ffffff;--input-txtcolor:#323c48;--input-selection-txtcolor:#ffffff;--input-selection-bgcolor:#2336fd;--grid-guideline-bgcolor:#2336fd;--grid-dragbox-bordercolor:#141e29;--grid-dragbox-bgcolor:#f6f7f9;--grid-drag-indicator:dashed 1px #141e29;--grid-title-sort-icon-color:#2336fd;--grid-title-icon-color:#2336fd;--grid-title-filter-icon-color:#2336fd;--grid-title-filter-icon-hover-color:#0014c2;--grid-title-dot-icon:#2336fd;--grid-column-menu-icon-color:#ffffff;--grid-column-menu-icon-hover-color:#9ca7b4;--grid-column-menu-icon-bgcolor:#141e29;--grid-column-menu-icon-hover-bgcolor:#141e29;--grid-row-menu-icon-color:#141e29;--grid-row-menu-icon-hover-color:#141e29}@supports not selector(::-webkit-scrollbar){:host .grid-hscroll,:host .grid-vscroll{scrollbar-color:#7d7d7d transparent;scrollbar-width:thin}}:host .cell button,:host .cell input,:host .cell select,:host .cell textarea,:host ef-checkbox,:host input[type=checkbox]{margin:0}:host button,:host input[type=text],:host select{max-height:calc(var(--grid-row-height) - 6px)}:host select{width:100%}:host .cell button{min-width:unset}:host .title input[type=search]{width:100%;background-color:#fff;max-height:calc(var(--grid-row-height) - 6px)}:host .cell,:host .editing,:host .filter-input,:host .folder,:host .grid-pane,:host .sorting{touch-action:manipulation}:host .tr-lg .cell{padding:0 8px;padding:var(--grid-cell-padding,0 8px 0 8px)}:host .tr-grid .title .cell.sorting:hover,:host .tr-grid .title .sorting,:host .tr-grid .title .sorting:hover{color:#323c48}:host .tr-grid{background-color:inherit}:host .tr-grid .title .cell:hover{background-color:#f6f7f9}:host .tr-grid .column.conditionally-colored .cell.highlighted-row,:host .tr-grid .column.conditionally-colored .cell.selected-row,:host .tr-grid .column.conditionally-colored .cell.selection,:host .tr-grid .column.heat-map .cell.highlighted-row,:host .tr-grid .column.heat-map .cell.selected-row,:host .tr-grid .column.heat-map .cell.selection,:host .tr-grid .selected-column.conditionally-colored .cell,:host .tr-grid .selected-column.heat-map .cell,:host .tr-grid .title .selected-column .cell,:host .tr-lg .cell.highlighted-row,:host .tr-lg .cell.selected-row,:host .tr-lg .selected-column .cell{background-image:none}:host .tr-lg .tr-stretched.folder,:host .tr-lg .tr-stretched.header{color:#323c48;background-color:#fff}:host .tr-lg .tr-stretched.folder:not(.closed),:host .tr-lg .tr-stretched.header:not(.closed){color:#323c48}:host .tr-lg .selected-column .cell{border-top-color:transparent}:host .tr-lg .cell.selected-row,:host .tr-lg .cell.selected-row.tr-stretched,:host .tr-lg .selected-column .cell{background-color:#f6f7f9}:host .tr-grid .section .tr-lg .cell.highlighted-row{background-color:#f6f7f9}:host .tr-grid .sortable-indicator{opacity:.5}:host .tr-grid .section.title .column.selected-column .cell:last-child{border-bottom-color:invalidColor}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}::-webkit-scrollbar-thumb:active{background:#7d7d7d}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#eceef4;border:1px solid #eceef4}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#eceef4}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#eceef4}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#eceef4}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#eceef4}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));
package/lib/grid/themes/ds/light/es5/all-elements.js ADDED
@@ -0,0 +1,2 @@
1
+ dispatchEvent(new CustomEvent('ef.customStyles.define', { detail: { name: 'efx-grid', styles: 'select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:12px;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-block;position:relative;vertical-align:middle;background:#f6f7f9;color:#141e29;border:1px solid #c0cadb}select:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#f6f7f9;color:#141e29;border:1px solid #c0cadb;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}button[cta]{background-color:#2336fd;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles]{background-color:#f6f7f9;color:#141e29;border-color:#c0cadb;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}button[toggles][active]{background-color:#141e29;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}textarea{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;resize:none;line-height:1.2;padding:calc((24px - 1px * 2 - 1em * 1.2)/ 2) 8px}textarea[disabled],textarea[error][disabled],textarea[error][warning][disabled],textarea[warning][disabled]{color:#9ca7b4;border:1px solid #c0cadb}textarea[type=number]{padding-right:0}textarea[warning]{border:1px solid #ffbe42}textarea[error],textarea[error][warning]{border:1px solid #b70300}textarea ::-ms-clear{display:none}textarea[cols]{width:auto}textarea[rows]{height:auto}textarea:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}a{text-decoration:none;color:#0014c2}a:active{color:#0013b4}a:focus{outline:0}a:hover{text-decoration:underline;text-decoration-color:#2336fd;color:#2336fd;text-decoration-color:#2336fd}a:visited,a[alt]:visited{color:#646e7b}a[alt]{color:#0014c2}a[alt]:hover{color:#2336fd}input{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;font-weight:400;text-align:left}input::-webkit-clear-button,input::-webkit-inner-spin-button,input::-webkit-search-cancel-button,input::-webkit-search-decoration{-webkit-appearance:none}input[type=button],input[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background-color:#f6f7f9;color:#141e29;border:1px solid #c0cadb;height:24px;box-shadow:0 0 0 0 rgba(20,30,41,.08);padding:0 12px;outline:0;font-family:inherit;font-size:12px;font-weight:400;min-width:60px;margin:1px 0;transition:120ms;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-flex;justify-content:center;align-items:center;vertical-align:bottom;position:relative;overflow:hidden}input[type=button][cta],input[type=submit][cta]{background-color:#2336fd;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles],input[type=submit][toggles]{background-color:#f6f7f9;color:#141e29;border-color:#c0cadb;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}input[type=button][toggles][active],input[type=submit][toggles][active]{background-color:#141e29;color:#fff;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0}@media (-ms-high-contrast:none),(pointer:fine){button:focus:not([focused]),button[cta]:focus:not([focused]),button[cta][focused=visible],button[focused=visible],button[toggles]:focus:not([focused]),button[toggles][active]:focus:not([focused]),button[toggles][active][focused=visible],button[toggles][focused=visible],input[type=button]:focus:not([focused]),input[type=button][cta]:focus:not([focused]),input[type=button][cta][focused=visible],input[type=button][focused=visible],input[type=button][toggles]:focus:not([focused]),input[type=button][toggles][active]:focus:not([focused]),input[type=button][toggles][active][focused=visible],input[type=button][toggles][focused=visible],input[type=submit]:focus:not([focused]),input[type=submit][cta]:focus:not([focused]),input[type=submit][cta][focused=visible],input[type=submit][focused=visible],input[type=submit][toggles]:focus:not([focused]),input[type=submit][toggles][active]:focus:not([focused]),input[type=submit][toggles][active][focused=visible],input[type=submit][toggles][focused=visible]{background-color:#f6f7f9;color:#141e29;box-shadow:0 0 0 2px #fff,0 0 0 4px #2336fd;border-color:#c0cadb;outline:0}button:hover,button[cta]:hover,button[toggles]:hover,button[toggles][active]:hover,input[type=button]:hover,input[type=button][cta]:hover,input[type=button][toggles]:hover,input[type=button][toggles][active]:hover,input[type=submit]:hover,input[type=submit][cta]:hover,input[type=submit][toggles]:hover,input[type=submit][toggles][active]:hover{background-color:#eceef4;color:#141e29;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:hover:not(:focus),button[cta]:hover:not(:focus),button[toggles]:hover:not(:focus),button[toggles][active]:hover:not(:focus),input[type=button]:hover:not(:focus),input[type=button][cta]:hover:not(:focus),input[type=button][toggles]:hover:not(:focus),input[type=button][toggles][active]:hover:not(:focus),input[type=submit]:hover:not(:focus),input[type=submit][cta]:hover:not(:focus),input[type=submit][toggles]:hover:not(:focus),input[type=submit][toggles][active]:hover:not(:focus){border-color:#848f9c;outline:0}}@media all{button:active,button[cta]:active,button[toggles]:active,button[toggles][active]:active,input[type=button]:active,input[type=button][cta]:active,input[type=button][toggles]:active,input[type=button][toggles][active]:active,input[type=submit]:active,input[type=submit][cta]:active,input[type=submit][toggles]:active,input[type=submit][toggles][active]:active{background-color:rgba(0,0,0,0);color:#141e29;box-shadow:0 0 0 0 rgba(20,30,41,.08)}button:active:not(:focus),button[cta]:active:not(:focus),button[toggles]:active:not(:focus),button[toggles][active]:active:not(:focus),input[type=button]:active:not(:focus),input[type=button][cta]:active:not(:focus),input[type=button][toggles]:active:not(:focus),input[type=button][toggles][active]:active:not(:focus),input[type=submit]:active:not(:focus),input[type=submit][cta]:active:not(:focus),input[type=submit][toggles]:active:not(:focus),input[type=submit][toggles][active]:active:not(:focus){border-color:#848f9c;outline:0}button[cta][disabled],button[disabled],button[toggles][active][disabled],button[toggles][disabled],input[type=button][cta][disabled],input[type=button][disabled],input[type=button][toggles][active][disabled],input[type=button][toggles][disabled],input[type=submit][cta][disabled],input[type=submit][disabled],input[type=submit][toggles][active][disabled],input[type=submit][toggles][disabled]{background-color:#eceef4;color:#9ca7b4;border-color:transparent;box-shadow:0 0 0 0 rgba(20,30,41,.08);outline:0;pointer-events:none}}input:not([type]),input[type=date],input[type=email],input[type=file],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week]{font-family:inherit;font-size:12px;font-weight:400;height:24px;width:152px;max-width:100%;padding:0 8px;margin:1px 0;outline:0;box-sizing:border-box;display:inline-flex;align-items:center;position:relative;vertical-align:middle;color:#141e29;border-radius:4px;background-color:#f6f7f9;text-overflow:ellipsis;border:1px solid #c0cadb;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:not([type])[disabled],input:not([type])[error][disabled],input:not([type])[error][warning][disabled],input:not([type])[warning][disabled],input[type=date][disabled],input[type=date][error][disabled],input[type=date][error][warning][disabled],input[type=date][warning][disabled],input[type=email][disabled],input[type=email][error][disabled],input[type=email][error][warning][disabled],input[type=email][warning][disabled],input[type=file][disabled],input[type=file][error][disabled],input[type=file][error][warning][disabled],input[type=file][warning][disabled],input[type=month][disabled],input[type=month][error][disabled],input[type=month][error][warning][disabled],input[type=month][warning][disabled],input[type=number][disabled],input[type=number][error][disabled],input[type=number][error][warning][disabled],input[type=number][warning][disabled],input[type=password][disabled],input[type=password][error][disabled],input[type=password][error][warning][disabled],input[type=password][warning][disabled],input[type=search][disabled],input[type=search][error][disabled],input[type=search][error][warning][disabled],input[type=search][warning][disabled],input[type=tel][disabled],input[type=tel][error][disabled],input[type=tel][error][warning][disabled],input[type=tel][warning][disabled],input[type=text][disabled],input[type=text][error][disabled],input[type=text][error][warning][disabled],input[type=text][warning][disabled],input[type=url][disabled],input[type=url][error][disabled],input[type=url][error][warning][disabled],input[type=url][warning][disabled],input[type=week][disabled],input[type=week][error][disabled],input[type=week][error][warning][disabled],input[type=week][warning][disabled]{color:#9ca7b4;border:1px solid #c0cadb}input:not([type])[type=number],input[type=date][type=number],input[type=email][type=number],input[type=file][type=number],input[type=month][type=number],input[type=number][type=number],input[type=password][type=number],input[type=search][type=number],input[type=tel][type=number],input[type=text][type=number],input[type=url][type=number],input[type=week][type=number]{padding-right:0}input:not([type])[warning],input[type=date][warning],input[type=email][warning],input[type=file][warning],input[type=month][warning],input[type=number][warning],input[type=password][warning],input[type=search][warning],input[type=tel][warning],input[type=text][warning],input[type=url][warning],input[type=week][warning]{border:1px solid #ffbe42}input:not([type])[error],input:not([type])[error][warning],input[type=date][error],input[type=date][error][warning],input[type=email][error],input[type=email][error][warning],input[type=file][error],input[type=file][error][warning],input[type=month][error],input[type=month][error][warning],input[type=number][error],input[type=number][error][warning],input[type=password][error],input[type=password][error][warning],input[type=search][error],input[type=search][error][warning],input[type=tel][error],input[type=tel][error][warning],input[type=text][error],input[type=text][error][warning],input[type=url][error],input[type=url][error][warning],input[type=week][error],input[type=week][error][warning]{border:1px solid #b70300}input:not([type]) ::-ms-clear,input[type=date] ::-ms-clear,input[type=email] ::-ms-clear,input[type=file] ::-ms-clear,input[type=month] ::-ms-clear,input[type=number] ::-ms-clear,input[type=password] ::-ms-clear,input[type=search] ::-ms-clear,input[type=tel] ::-ms-clear,input[type=text] ::-ms-clear,input[type=url] ::-ms-clear,input[type=week] ::-ms-clear{display:none}input:not([type]):focus,input[type=date]:focus,input[type=email]:focus,input[type=file]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus{background-size:100% 2px,100% 1px!important;background-position:center bottom!important;border-color:#2336fd}input[type=file]::-webkit-file-upload-button{width:0;padding:0;margin:0;min-width:0;border:none;height:100%;font-family:inherit;font-size:12px}input[type=checkbox],input[type=radio]{display:inline-block;width:13px;height:13px;border-radius:4px;background-color:#f6f7f9;margin:1px 0;transition:box-shadow 150ms,border-color 150ms;vertical-align:middle;box-shadow:inset 0 0 0 rgba(0,0,0,.25);border:1px solid #c0cadb}input[type=checkbox]+label:not(:empty),input[type=radio]+label:not(:empty){vertical-align:middle;margin:1px 7px 1px 4px;display:inline-block}input[type=checkbox]:not([tabindex=\'-1\']):focus,input[type=radio]:not([tabindex=\'-1\']):focus{border-color:#2336fd;box-shadow:0 0 0 #2336fd}input[type=radio]{border-radius:100%}input[type=radio]:checked{background-image:radial-gradient(#2336fd 25%,transparent 30%);background-size:100%}input[type=checkbox]:checked{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTUgMTMiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJjaGVja2VkIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMy4wMDAwMDAsIC01LjAwMDAwMCkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjIiIGhlaWdodD0iMjIiPjwvcmVjdD4KICAgICAgICAgICAgPHBhdGggZD0iTTUuMjQ4NTY0MTQsMTQuMjk5NDQ5NCBMOC45NjM0MjQ5OCwxNC4zMjUwMzI3IiBpZD0iTGluZSIgc3Ryb2tlPSIjNTM1REU5IiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYuOTY4MjczLCAxNC44MTg4MTMpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtNi45NjgyNzMsIC0xNC44MTg4MTMpICI+PC9wYXRoPgogICAgICAgICAgICA8cGF0aCBkPSJNMTEuOTYyNDIyNCw2LjgzNzY3NjYxIEwxMS45NjI0MjI0LDE3LjE0Nzk2MjIiIGlkPSJMaW5lIiBzdHJva2U9IiM1MzVERTkiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuMzQ1NzM5LCAxMi4xMTA0MzkpIHJvdGF0ZSg0MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTIuMzQ1NzM5LCAtMTIuMTEwNDM5KSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #f6f7f9}input[type=checkbox]:indeterminate{background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImluZGV0ZXJtaW5hdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04LjAwMDAwMCwgLTcuMDAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjNTM1REU5IiB4PSI4IiB5PSI3IiB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgcng9IjEiPjwvcmVjdD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) center center no-repeat #f6f7f9}input::placeholder{color:#505b67}input::-moz-placeholder{color:#505b67}input[disabled]::placeholder{color:#9ca7b4}input[disabled]::-webkit-input-placeholder{color:#9ca7b4}input[disabled]::-moz-placeholder{color:#9ca7b4}input[disabled]:-ms-input-placeholder{color:#9ca7b4}input[disabled]:-moz-placeholder{color:#9ca7b4}:host{--grid-header-height:28px;--grid-row-height:28px;--theme-name:\'elf-theme-ds\';--global-focus-bordercolor:#141e29;--scrollbar-bgcolor:transparent;--grid-bordercolor:#eceef4;--grid-title-bgcolor:#ffffff;--grid-title-txtcolor:#141e29;--grid-title-hover-txtcolor:#141e29;--grid-column-active-border-color:#2336fd;--grid-column-separator-bgcolor:#848f9c;--grid-row-txtcolor:#323c48;--grid-row-bgcolor:#ffffff;--grid-alt-row-bgcolor:#fafafa;--grid-highlight-txtcolor:#323c48;--grid-highlight-bgcolor:#f6f7f9;--grid-active-txtcolor:#323c48;--grid-selection-bgcolor:#f6f7f9;--grid-header-txtcolor:#141e29;--grid-header-bgcolor:#ffffff;--grid-tag-bg-color:#141e29;--grid-expanded-tag-bg-color:#141e29;--grid-active-bordercolor:#141e29;--grid-active-bgcolor:#ffffff;--input-txtcolor:#323c48;--input-selection-txtcolor:#ffffff;--input-selection-bgcolor:#2336fd;--grid-guideline-bgcolor:#2336fd;--grid-dragbox-bordercolor:#141e29;--grid-dragbox-bgcolor:#f6f7f9;--grid-drag-indicator:dashed 1px #141e29;--grid-title-sort-icon-color:#2336fd;--grid-title-icon-color:#2336fd;--grid-title-filter-icon-color:#2336fd;--grid-title-filter-icon-hover-color:#0014c2;--grid-title-dot-icon:#2336fd;--grid-column-menu-icon-color:#ffffff;--grid-column-menu-icon-hover-color:#9ca7b4;--grid-column-menu-icon-bgcolor:#141e29;--grid-column-menu-icon-hover-bgcolor:#141e29;--grid-row-menu-icon-color:#141e29;--grid-row-menu-icon-hover-color:#141e29}@supports not selector(::-webkit-scrollbar){:host .grid-hscroll,:host .grid-vscroll{scrollbar-color:#7d7d7d transparent;scrollbar-width:thin}}:host .cell button,:host .cell input,:host .cell select,:host .cell textarea,:host ef-checkbox,:host input[type=checkbox]{margin:0}:host button,:host input[type=text],:host select{max-height:calc(var(--grid-row-height) - 6px)}:host select{width:100%}:host .cell button{min-width:unset}:host .title input[type=search]{width:100%;background-color:#fff;max-height:calc(var(--grid-row-height) - 6px)}:host .cell,:host .editing,:host .filter-input,:host .folder,:host .grid-pane,:host .sorting{touch-action:manipulation}:host .tr-lg .cell{padding:0 8px;padding:var(--grid-cell-padding,0 8px 0 8px)}:host .tr-grid .title .cell.sorting:hover,:host .tr-grid .title .sorting,:host .tr-grid .title .sorting:hover{color:#323c48}:host .tr-grid{background-color:inherit}:host .tr-grid .title .cell:hover{background-color:#f6f7f9}:host .tr-grid .column.conditionally-colored .cell.highlighted-row,:host .tr-grid .column.conditionally-colored .cell.selected-row,:host .tr-grid .column.conditionally-colored .cell.selection,:host .tr-grid .column.heat-map .cell.highlighted-row,:host .tr-grid .column.heat-map .cell.selected-row,:host .tr-grid .column.heat-map .cell.selection,:host .tr-grid .selected-column.conditionally-colored .cell,:host .tr-grid .selected-column.heat-map .cell,:host .tr-grid .title .selected-column .cell,:host .tr-lg .cell.highlighted-row,:host .tr-lg .cell.selected-row,:host .tr-lg .selected-column .cell{background-image:none}:host .tr-lg .tr-stretched.folder,:host .tr-lg .tr-stretched.header{color:#323c48;background-color:#fff}:host .tr-lg .tr-stretched.folder:not(.closed),:host .tr-lg .tr-stretched.header:not(.closed){color:#323c48}:host .tr-lg .selected-column .cell{border-top-color:transparent}:host .tr-lg .cell.selected-row,:host .tr-lg .cell.selected-row.tr-stretched,:host .tr-lg .selected-column .cell{background-color:#f6f7f9}:host .tr-grid .section .tr-lg .cell.highlighted-row{background-color:#f6f7f9}:host .tr-grid .sortable-indicator{opacity:.5}:host .tr-grid .section.title .column.selected-column .cell:last-child{border-bottom-color:invalidColor}::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#7d7d7d;border-radius:6px;border:1px solid transparent}::-webkit-scrollbar-thumb:hover{background:#7d7d7d}::-webkit-scrollbar-thumb:active{background:#7d7d7d}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:horizontal{background-size:auto 6px;background-repeat:repeat-x;background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:hover{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:horizontal:active{background-image:linear-gradient(to bottom,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical{background-size:6px auto;background-repeat:repeat-y;background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:hover{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-thumb:vertical:active{background-image:linear-gradient(to right,#7d7d7d,#7d7d7d);background-color:transparent;background-position:center}::-webkit-scrollbar-track:horizontal{border-top:1px solid transparent;border-bottom:1px solid transparent}::-webkit-scrollbar-track:vertical{border-left:1px solid transparent;border-right:1px solid transparent}::-webkit-scrollbar-button{background:0 0/1px 2px no-repeat;height:16px;width:16px;display:none;border:1px solid transparent}::-webkit-scrollbar-button:end:decrement,::-webkit-scrollbar-button:start:increment{display:none}::-webkit-scrollbar-button:hover{background-color:#eceef4;border:1px solid #eceef4}::-webkit-scrollbar-button:active{background-color:rgba(0,0,0,0);border:1px solid transparent}::-webkit-scrollbar-button:horizontal{background-size:2px 1px}::-webkit-scrollbar-button:vertical:start:decrement{border-bottom-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px}::-webkit-scrollbar-button:vertical:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:#eceef4}::-webkit-scrollbar-button:vertical:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 8px,9.55px 7px,8.55px 6px,7.55px 5px,6.55px 4px,5.55px 5px,4.55px 6px,3.55px 7px,2.55px 8px;border-bottom-color:transparent}::-webkit-scrollbar-button:vertical:end:increment{border-top-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px}::-webkit-scrollbar-button:vertical:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:#eceef4}::-webkit-scrollbar-button:vertical:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:10.55px 4px,9.55px 5px,8.55px 6px,7.55px 7px,6.55px 8px,5.55px 7px,4.55px 6px,3.55px 5px,2.55px 4px;border-top-color:transparent}::-webkit-scrollbar-button:horizontal:start:decrement{border-right-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px}::-webkit-scrollbar-button:horizontal:start:decrement:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:#eceef4}::-webkit-scrollbar-button:horizontal:start:decrement:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:7.5px 10.55px,6.5px 9.55px,5.5px 8.55px,4.5px 7.55px,3.5px 6.55px,4.5px 5.55px,5.5px 4.55px,6.5px 3.55px,7.5px 2.55px;border-right-color:transparent}::-webkit-scrollbar-button:horizontal:end:increment{border-left-color:transparent;background-image:linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959),linear-gradient(#595959,#595959);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px}::-webkit-scrollbar-button:horizontal:end:increment:hover{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:#eceef4}::-webkit-scrollbar-button:horizontal:end:increment:active{background-image:linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29),linear-gradient(#141e29,#141e29);background-position:5px 10.55px,6px 9.55px,7px 8.55px,8px 7.55px,9px 6.55px,8px 5.55px,7px 4.55px,6px 3.55px,5px 2.55px;border-left-color:transparent}' }}));
2
+
package/lib/grid/themes/ds/light/imports/all-elements.js ADDED
@@ -0,0 +1 @@
1
+ import '../efx-grid.js';
package/lib/grid/themes/ds/light/imports/custom-elements.js ADDED
@@ -0,0 +1 @@
1
+ import '../efx-grid.js';
package/lib/grid/themes/ds/light.js ADDED
@@ -0,0 +1,3 @@
1
+ import './light/efx-grid.js';
2
+
3
+ import '@refinitiv-ui/elements/icon/themes/ds/light';
package/lib/grid/themes/halo/efx-grid.less CHANGED
@@ -1,4 +1,3 @@
1
- @import '~/@refinitiv-ui/halo-theme/src/shared-styles/scrollbar';
2
1
  @import '~/@refinitiv-ui/halo-theme/src/native-elements/input';
3
2
  @import '~/@refinitiv-ui/halo-theme/src/native-elements/select';
4
3
  @import '~/@refinitiv-ui/halo-theme/src/native-elements/button';
package/lib/grid/themes/halo/index.less CHANGED
@@ -1,3 +1,4 @@
1
1
  @import '~@refinitiv-ui/halo-theme/exports/bare';
2
+ @import '~@refinitiv-ui/halo-theme/src/shared-styles/scrollbar';
2
3
  @import 'elements:efx-grid.less';
3
4
  @variant: default;
package/lib/grid/themes/solar/efx-grid.less CHANGED
@@ -1,4 +1,3 @@
1
- @import '~/@refinitiv-ui/solar-theme/src/shared-styles/scrollbar';
2
1
  @import '~/@refinitiv-ui/solar-theme/src/responsive';
3
2
  @import '~/@refinitiv-ui/solar-theme/src/native-elements/input';
4
3
  @import '~/@refinitiv-ui/solar-theme/src/native-elements/select';
package/lib/grid/themes/solar/index.less CHANGED
@@ -1,3 +1,4 @@
1
1
  @import '~@refinitiv-ui/solar-theme/exports/bare';
2
+ @import '~@refinitiv-ui/solar-theme/src/shared-styles/scrollbar';
2
3
  @import 'elements:efx-grid.less';
3
4
  @variant: default;
package/package.json CHANGED
@@ -35,21 +35,29 @@
35
35
  },
36
36
  "exports": {
37
37
  ".": "./lib/grid/index.js",
38
+ "./themes/ds/dark": "./lib/grid/themes/ds/dark.js",
39
+ "./themes/ds/light": "./lib/grid/themes/ds/light.js",
38
40
  "./themes/halo/dark": "./lib/grid/themes/halo/dark.js",
39
41
  "./themes/halo/light": "./lib/grid/themes/halo/light.js",
40
42
  "./themes/solar/charcoal": "./lib/grid/themes/solar/charcoal.js",
41
43
  "./themes/solar/pearl": "./lib/grid/themes/solar/pearl.js",
42
44
  "./column-format-dialog": "./lib/column-format-dialog/lib/column-format-dialog.js",
45
+ "./column-format-dialog/themes/ds/dark": "./lib/column-format-dialog/themes/ds/dark.js",
46
+ "./column-format-dialog/themes/ds/light": "./lib/column-format-dialog/themes/ds/light.js",
43
47
  "./column-format-dialog/themes/halo/dark": "./lib/column-format-dialog/themes/halo/dark.js",
44
48
  "./column-format-dialog/themes/halo/light": "./lib/column-format-dialog/themes/halo/light.js",
45
49
  "./column-format-dialog/themes/solar/charcoal": "./lib/column-format-dialog/themes/solar/charcoal.js",
46
50
  "./column-format-dialog/themes/solar/pearl": "./lib/column-format-dialog/themes/solar/pearl.js",
47
51
  "./column-selection-dialog": "./lib/column-selection-dialog/lib/column-selection-dialog.js",
52
+ "./column-selection-dialog/themes/ds/dark": "./lib/column-selection-dialog/themes/ds/dark.js",
53
+ "./column-selection-dialog/themes/ds/light": "./lib/column-selection-dialog/themes/ds/light.js",
48
54
  "./column-selection-dialog/themes/halo/dark": "./lib/column-selection-dialog/themes/halo/dark.js",
49
55
  "./column-selection-dialog/themes/halo/light": "./lib/column-selection-dialog/themes/halo/light.js",
50
56
  "./column-selection-dialog/themes/solar/charcoal": "./lib/column-selection-dialog/themes/solar/charcoal.js",
51
57
  "./column-selection-dialog/themes/solar/pearl": "./lib/column-selection-dialog/themes/solar/pearl.js",
52
58
  "./filter-dialog": "./lib/filter-dialog/lib/filter-dialog.js",
59
+ "./filter-dialog/themes/ds/dark": "./lib/filter-dialog/themes/ds/dark.js",
60
+ "./filter-dialog/themes/ds/light": "./lib/filter-dialog/themes/ds/light.js",
53
61
  "./filter-dialog/themes/halo/dark": "./lib/filter-dialog/themes/halo/dark.js",
54
62
  "./filter-dialog/themes/halo/light": "./lib/filter-dialog/themes/halo/light.js",
55
63
  "./filter-dialog/themes/solar/charcoal": "./lib/filter-dialog/themes/solar/charcoal.js",
@@ -69,5 +77,5 @@
69
77
  "publishConfig": {
70
78
  "access": "public"
71
79
  },
72
- "version": "6.0.169"
80
+ "version": "6.1.0"
73
81
  }