@operato/data-grist 7.0.0-rc.9 → 7.0.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (102) hide show
  1. package/.storybook/preview.js +26 -3
  2. package/CHANGELOG.md +45 -0
  3. package/demo/data-grist-test.html +1 -1
  4. package/demo/index.html +1 -1
  5. package/dist/src/data-grid/data-grid-header.js +12 -1
  6. package/dist/src/data-grid/data-grid-header.js.map +1 -1
  7. package/dist/src/filters/filter-styles.js +2 -1
  8. package/dist/src/filters/filter-styles.js.map +1 -1
  9. package/dist/src/gutters/gutter-dirty.js +1 -1
  10. package/dist/src/gutters/gutter-dirty.js.map +1 -1
  11. package/dist/src/sorters/sorters-control.js +1 -1
  12. package/dist/src/sorters/sorters-control.js.map +1 -1
  13. package/dist/stories/accumulator-format.stories.d.ts +0 -5
  14. package/dist/stories/accumulator-format.stories.js +1 -6
  15. package/dist/stories/accumulator-format.stories.js.map +1 -1
  16. package/dist/stories/barcode-input-filter.stories.d.ts +0 -5
  17. package/dist/stories/barcode-input-filter.stories.js +2 -7
  18. package/dist/stories/barcode-input-filter.stories.js.map +1 -1
  19. package/dist/stories/bounded-select-filters.stories.d.ts +0 -5
  20. package/dist/stories/bounded-select-filters.stories.js +2 -7
  21. package/dist/stories/bounded-select-filters.stories.js.map +1 -1
  22. package/dist/stories/bounded-select-record.stories.d.ts +0 -5
  23. package/dist/stories/bounded-select-record.stories.js +2 -7
  24. package/dist/stories/bounded-select-record.stories.js.map +1 -1
  25. package/dist/stories/click-event.stories.d.ts +0 -5
  26. package/dist/stories/click-event.stories.js +2 -7
  27. package/dist/stories/click-event.stories.js.map +1 -1
  28. package/dist/stories/creatable-only-column.stories.d.ts +0 -5
  29. package/dist/stories/creatable-only-column.stories.js +2 -7
  30. package/dist/stories/creatable-only-column.stories.js.map +1 -1
  31. package/dist/stories/default-filters.stories.d.ts +0 -4
  32. package/dist/stories/default-filters.stories.js +2 -7
  33. package/dist/stories/default-filters.stories.js.map +1 -1
  34. package/dist/stories/dynamic-editable.stories.d.ts +0 -5
  35. package/dist/stories/dynamic-editable.stories.js +2 -7
  36. package/dist/stories/dynamic-editable.stories.js.map +1 -1
  37. package/dist/stories/empty-sorters.stories.d.ts +0 -1
  38. package/dist/stories/empty-sorters.stories.js +1 -5
  39. package/dist/stories/empty-sorters.stories.js.map +1 -1
  40. package/dist/stories/explicit-fetch.stories.d.ts +0 -5
  41. package/dist/stories/explicit-fetch.stories.js +2 -7
  42. package/dist/stories/explicit-fetch.stories.js.map +1 -1
  43. package/dist/stories/fixed-column.stories.d.ts +0 -5
  44. package/dist/stories/fixed-column.stories.js +2 -7
  45. package/dist/stories/fixed-column.stories.js.map +1 -1
  46. package/dist/stories/grid-setting.stories.d.ts +0 -5
  47. package/dist/stories/grid-setting.stories.js +1 -6
  48. package/dist/stories/grid-setting.stories.js.map +1 -1
  49. package/dist/stories/grist-modes.stories.d.ts +0 -5
  50. package/dist/stories/grist-modes.stories.js +2 -7
  51. package/dist/stories/grist-modes.stories.js.map +1 -1
  52. package/dist/stories/group-header.stories.d.ts +0 -5
  53. package/dist/stories/group-header.stories.js +2 -7
  54. package/dist/stories/group-header.stories.js.map +1 -1
  55. package/dist/stories/textarea.stories.d.ts +0 -5
  56. package/dist/stories/textarea.stories.js +2 -7
  57. package/dist/stories/textarea.stories.js.map +1 -1
  58. package/dist/stories/tree-column-with-checkbox.stories.d.ts +0 -5
  59. package/dist/stories/tree-column-with-checkbox.stories.js +2 -7
  60. package/dist/stories/tree-column-with-checkbox.stories.js.map +1 -1
  61. package/dist/stories/tree-column.stories.d.ts +0 -5
  62. package/dist/stories/tree-column.stories.js +2 -7
  63. package/dist/stories/tree-column.stories.js.map +1 -1
  64. package/dist/tsconfig.tsbuildinfo +1 -1
  65. package/package.json +11 -11
  66. package/src/data-grid/data-grid-header.ts +13 -1
  67. package/src/filters/filter-styles.ts +2 -1
  68. package/src/gutters/gutter-dirty.ts +1 -1
  69. package/src/sorters/sorters-control.ts +1 -1
  70. package/stories/accumulator-format.stories.ts +1 -8
  71. package/stories/barcode-input-filter.stories.ts +2 -8
  72. package/stories/bounded-select-filters.stories.ts +2 -8
  73. package/stories/bounded-select-record.stories.ts +2 -8
  74. package/stories/click-event.stories.ts +2 -9
  75. package/stories/creatable-only-column.stories.ts +2 -8
  76. package/stories/default-filters.stories.ts +2 -7
  77. package/stories/dynamic-editable.stories.ts +2 -8
  78. package/stories/empty-sorters.stories.ts +2 -8
  79. package/stories/explicit-fetch.stories.ts +2 -8
  80. package/stories/fixed-column.stories.ts +2 -8
  81. package/stories/grid-setting.stories.ts +1 -8
  82. package/stories/grist-modes.stories.ts +2 -14
  83. package/stories/group-header.stories.ts +2 -8
  84. package/stories/textarea.stories.ts +2 -14
  85. package/stories/tree-column-with-checkbox.stories.ts +2 -8
  86. package/stories/tree-column.stories.ts +2 -8
  87. package/themes/app-theme.css +138 -0
  88. package/themes/calendar-theme.css +59 -0
  89. package/themes/dark.css +47 -154
  90. package/themes/grist-theme.css +18 -20
  91. package/themes/layout-theme.css +94 -0
  92. package/themes/light.css +43 -150
  93. package/themes/material-theme.css +23 -0
  94. package/themes/oops-theme.css +22 -0
  95. package/themes/report-theme.css +47 -0
  96. package/themes/spacing.css +2 -22
  97. package/themes/state-color.css +1 -1
  98. package/themes/tooltip-theme.css +11 -0
  99. package/themes/dark-hc.css +0 -151
  100. package/themes/dark-mc.css +0 -151
  101. package/themes/light-hc.css +0 -151
  102. package/themes/light-mc.css +0 -151
package/themes/light.css CHANGED
@@ -1,158 +1,51 @@
1
1
  .light {
2
- --md-sys-color-primary: rgb(46 121 190); /* for header bar bg, auth UI bg, grist header top border, grist header th color, menu icon, menu active */
3
- --md-sys-color-surface-tint: rgb(51 149 241);
4
- --md-sys-color-on-primary: rgba(255,255,255,.9); /* for header bar font */
5
- --md-sys-color-primary-container: rgb(215 231 241);
6
- --md-sys-color-on-primary-container: rgb(50 66 82); /* for default text bg */
7
-
8
- --md-sys-color-secondary: rgb(38 59 80);
2
+ --md-sys-color-primary: rgb(73 93 146);
3
+ --md-sys-color-surface-tint: rgb(73 93 146);
4
+ --md-sys-color-on-primary: rgb(255 255 255);
5
+ --md-sys-color-primary-container: #e4eaf9;
6
+ --md-sys-color-on-primary-container: rgb(0 24 72);
7
+ --md-sys-color-secondary: rgb(27 101 133);
9
8
  --md-sys-color-on-secondary: rgb(255 255 255);
10
- --md-sys-color-secondary-container: rgb(214 222 225);
11
- --md-sys-color-on-secondary-container: rgb(63 88 113);
12
-
13
- --md-sys-color-tertiary: rgb(76 187 73);
9
+ --md-sys-color-secondary-container: rgb(195 232 255);
10
+ --md-sys-color-on-secondary-container: rgb(0 30 44);
11
+ --md-sys-color-tertiary: rgb(37 106 75);
14
12
  --md-sys-color-on-tertiary: rgb(255 255 255);
15
- --md-sys-color-tertiary-container: rgb(220 241 224);
16
- --md-sys-color-on-tertiary-container: rgb(72 148 70);
17
-
18
- --md-sys-color-error: rgb(225 87 87);
13
+ --md-sys-color-tertiary-container: rgb(171 242 201);
14
+ --md-sys-color-on-tertiary-container: rgb(0 33 19);
15
+ --md-sys-color-error: #fe594e;
19
16
  --md-sys-color-on-error: rgb(255 255 255);
20
- --md-sys-color-error-container: rgb(242 226 226);
21
- --md-sys-color-on-error-container: rgb(225 87 87);
22
-
23
- --md-sys-color-background: rgb(245 250 250); /* for content bg */
24
- --md-sys-color-on-background: var(--md-sys-color-on-primary-container);
25
- --md-sys-color-surface: rgb(229 242 254);
26
- --md-sys-color-on-surface: var(--md-sys-color-on-primary-container);
27
- --md-sys-color-surface-variant: rgb(207 227 246);
28
- --md-sys-color-on-surface-variant: var(--md-sys-color-on-primary-container);
29
-
30
- --md-sys-color-outline: rgba(0,0,0,.25);
31
- --md-sys-color-outline-variant: rgba(0,0,0,.15);
17
+ --md-sys-color-error-container: rgb(255 218 215);
18
+ --md-sys-color-on-error-container: #fe594e;
19
+ --md-sys-color-background: rgb(250 248 255);
20
+ --md-sys-color-on-background: rgb(26 27 33);
21
+ --md-sys-color-surface: rgb(250 248 255);
22
+ --md-sys-color-on-surface: rgb(26 27 33);
23
+ --md-sys-color-surface-variant: rgb(225 226 236);
24
+ --md-sys-color-on-surface-variant: rgb(69 70 79);
25
+ --md-sys-color-outline: rgba(0, 0, 0, 0.25);
26
+ --md-sys-color-outline-variant: rgb(197 198 208);
32
27
  --md-sys-color-shadow: rgb(0 0 0);
33
28
  --md-sys-color-scrim: rgb(0 0 0);
34
- --md-sys-color-inverse-surface: rgb(35 74 110);
35
- --md-sys-color-inverse-on-surface: rgba(229,246,255,.9);
36
- --md-sys-color-inverse-primary: rgba(51, 149, 241,.25); /* for grist edit cell bg */
37
-
38
- --md-sys-color-primary-fixed: rgb(106 183 254);
39
- --md-sys-color-on-primary-fixed: rgb(255 255 255);
40
- --md-sys-color-primary-fixed-dim: rgb(85 146 203);
41
- --md-sys-color-on-primary-fixed-variant: rgba(255, 255, 255,.8);
42
- --md-sys-color-secondary-fixed: rgb(59 110 160);
43
- --md-sys-color-on-secondary-fixed: rgb(211 233 254); /* for more pannel text color */
44
- --md-sys-color-secondary-fixed-dim: rgb(47 88 128); /* for more pannel bg */
45
- --md-sys-color-on-secondary-fixed-variant: rgba(211, 233, 254,.8);
46
- --md-sys-color-tertiary-fixed: rgb(117 208 57);
47
- --md-sys-color-on-tertiary-fixed: rgb(255 255 255);
48
- --md-sys-color-tertiary-fixed-dim: rgb(94 166 46);
49
- --md-sys-color-on-tertiary-fixed-variant: rgba(255, 255, 255,.8);
50
-
51
- --md-sys-color-surface-dim: rgb(214 219 218);
52
- --md-sys-color-surface-bright: rgb(245 250 250);
29
+ --md-sys-color-inverse-surface: rgb(47 48 54);
30
+ --md-sys-color-inverse-on-surface: rgb(241 240 247);
31
+ --md-sys-color-inverse-primary: #c9d4f4;
32
+ --md-sys-color-primary-fixed: rgb(218 226 255);
33
+ --md-sys-color-on-primary-fixed: rgb(0 24 72);
34
+ --md-sys-color-primary-fixed-dim: #c9d4f4;
35
+ --md-sys-color-on-primary-fixed-variant: rgb(49 69 120);
36
+ --md-sys-color-secondary-fixed: rgb(195 232 255);
37
+ --md-sys-color-on-secondary-fixed: rgb(0 30 44);
38
+ --md-sys-color-secondary-fixed-dim: rgb(143 207 243);
39
+ --md-sys-color-on-secondary-fixed-variant: rgb(0 76 104);
40
+ --md-sys-color-tertiary-fixed: #e5f6da;
41
+ --md-sys-color-on-tertiary-fixed: #005234;
42
+ --md-sys-color-tertiary-fixed-dim: #c8eabc;
43
+ --md-sys-color-on-tertiary-fixed-variant: #005234;
44
+ --md-sys-color-surface-dim: rgb(218 217 224);
45
+ --md-sys-color-surface-bright: rgb(250 248 255);
53
46
  --md-sys-color-surface-container-lowest: rgb(255 255 255);
54
- --md-sys-color-surface-container-low: rgb(239 245 244);
55
- --md-sys-color-surface-container: rgb(234 239 238);
56
- --md-sys-color-surface-container-high: rgb(228 233 232);
57
- --md-sys-color-surface-container-highest: rgb(222 227 227);
58
-
59
- /* primary palette */
60
- --md-ref-palette-primary0:#000000;
61
- --md-ref-palette-primary5:#000E32;
62
- --md-ref-palette-primary10:#001848;
63
- --md-ref-palette-primary15:#00215E;
64
- --md-ref-palette-primary20:#002B74;
65
- --md-ref-palette-primary25:#002B74;
66
- --md-ref-palette-primary30:#0040A2;
67
- --md-ref-palette-primary35:#002B74;
68
- --md-ref-palette-primary40:#1957CA;
69
- --md-ref-palette-primary50:#3E71E5;
70
- --md-ref-palette-primary60:#5C8BFF;
71
- --md-ref-palette-primary70:#89A9FF;
72
- --md-ref-palette-primary80:#B2C5FF;
73
- --md-ref-palette-primary90:#DAE2FF;
74
- --md-ref-palette-primary95:#EEF0FF;
75
- --md-ref-palette-primary98:#FAF8FF;
76
- --md-ref-palette-primary99:#FEFBFF;
77
- --md-ref-palette-primary100:#FFFFFF;
78
-
79
- /* secondary palette */
80
- --md-ref-palette-secondary0:#000000;
81
- --md-ref-palette-secondary5:#00131D;
82
- --md-ref-palette-secondary10:#001E2C;
83
- --md-ref-palette-secondary15:#00293A;
84
- --md-ref-palette-secondary20:#003549;
85
- --md-ref-palette-secondary25:#004058;
86
- --md-ref-palette-secondary30:#004C68;
87
- --md-ref-palette-secondary35:#005978;
88
- --md-ref-palette-secondary40:#006689;
89
- --md-ref-palette-secondary50:#0080AC;
90
- --md-ref-palette-secondary60:#009BCF;
91
- --md-ref-palette-secondary70:#00B8F4;
92
- --md-ref-palette-secondary80:#79D1FF;
93
- --md-ref-palette-secondary90:#C3E8FF;
94
- --md-ref-palette-secondary95:#E3F3FF;
95
- --md-ref-palette-secondary98:#F5FAFF;
96
- --md-ref-palette-secondary99:#FBFCFF;
97
- --md-ref-palette-secondary100:#FFFFFF;
98
-
99
- /* tertiary palette */
100
- --md-ref-palette-tertiary0:#000000;
101
- --md-ref-palette-tertiary5:#00150A;
102
- --md-ref-palette-tertiary10:#002113;
103
- --md-ref-palette-tertiary15:#002C1B;
104
- --md-ref-palette-tertiary20:#003823;
105
- --md-ref-palette-tertiary25:#00452B;
106
- --md-ref-palette-tertiary30:#005234;
107
- --md-ref-palette-tertiary35:#005F3E;
108
- --md-ref-palette-tertiary40:#006C47;
109
- --md-ref-palette-tertiary50:#00885A;
110
- --md-ref-palette-tertiary60:#31A372;
111
- --md-ref-palette-tertiary70:#51BF8B;
112
- --md-ref-palette-tertiary80:#6EDBA5;
113
- --md-ref-palette-tertiary90:#A2F4C7;
114
- --md-ref-palette-tertiary95:#BFFFD9;
115
- --md-ref-palette-tertiary98:#E8FFEF;
116
- --md-ref-palette-tertiary99:#F4FFF5;
117
- --md-ref-palette-tertiary100:#FFFFFF;
118
-
119
- /* error palette */
120
- --md-ref-palette-error0:#000000;
121
- --md-ref-palette-error5:#2d0102;
122
- --md-ref-palette-error10:#410304;
123
- --md-ref-palette-error15:#540507;
124
- --md-ref-palette-error20:#68070a;
125
- --md-ref-palette-error25:#7d0b0e;
126
- --md-ref-palette-error30:#930f14;
127
- --md-ref-palette-error35:#a91319;
128
- --md-ref-palette-error40:#bc1620;
129
- --md-ref-palette-error50:#e03236;
130
- --md-ref-palette-error60:#ff5450;
131
- --md-ref-palette-error70:#ff8982;
132
- --md-ref-palette-error80:#ffb3ad;
133
- --md-ref-palette-error90:#ffdad7;
134
- --md-ref-palette-error95:#ffedeb;
135
- --md-ref-palette-error98:#fff8f7;
136
- --md-ref-palette-error99:#fffbff;
137
- --md-ref-palette-error100:#FFFFFF;
138
-
139
- /* neutral palette */
140
- --md-ref-palette-neutral0:#000000;
141
- --md-ref-palette-neutral5:#111111;
142
- --md-ref-palette-neutral10:#1C1C1C;
143
- --md-ref-palette-neutral15:#262626;
144
- --md-ref-palette-neutral20:#313131;
145
- --md-ref-palette-neutral25:#3C3C3C;
146
- --md-ref-palette-neutral30:#474747;
147
- --md-ref-palette-neutral35:#535353;
148
- --md-ref-palette-neutral40:#5F5F5F;
149
- --md-ref-palette-neutral50:#787878;
150
- --md-ref-palette-neutral60:#929292;
151
- --md-ref-palette-neutral70:#ACACAC;
152
- --md-ref-palette-neutral80:#C8C8C8;
153
- --md-ref-palette-neutral90:#E4E4E4;
154
- --md-ref-palette-neutral95:#F0F0F0;
155
- --md-ref-palette-neutral98:#F9F9F9;
156
- --md-ref-palette-neutral99:#FEFEFE;
157
- --md-ref-palette-neutral100:#FFFFFF;
47
+ --md-sys-color-surface-container-low: rgb(244 243 250);
48
+ --md-sys-color-surface-container: rgb(238 237 244);
49
+ --md-sys-color-surface-container-high: rgb(232 231 239);
50
+ --md-sys-color-surface-container-highest: rgb(227 226 233);
158
51
  }
@@ -0,0 +1,23 @@
1
+ body {
2
+ font-variation-settings: 'FILL' 1;
3
+
4
+ /* shape corner */
5
+ --md-sys-shape-corner-none: 0px;
6
+ --md-sys-shape-corner-small: 5px;
7
+ --md-sys-shape-corner-medium: 10px;
8
+ --md-sys-shape-corner-large: 30px;
9
+ --md-sys-shape-corner-full: 999px;
10
+
11
+ /* md-switch */
12
+ --md-switch-selected-handle-color: var(--md-sys-color-on-primary);
13
+ --md-switch-selected-track-color: var(--md-sys-color-primary);
14
+
15
+ /* md component shapes */
16
+ --md-switch-handle-shape: var(--md-sys-shape-corner-full);
17
+ --md-switch-track-shape: var(--md-sys-shape-corner-full);
18
+ --md-filter-chip-container-shape: var(--md-sys-shape-corner-full);
19
+ --md-text-button-container-shape: var(--md-sys-shape-corner-small);
20
+ --md-filled-button-container-shape: var(--md-sys-shape-corner-small);
21
+ --md-outlined-button-container-shape: var(--md-sys-shape-corner-small);
22
+ --md-elevated-button-container-shape: var(--md-sys-shape-corner-small);
23
+ }
@@ -0,0 +1,22 @@
1
+ body {
2
+ /* oops note style */
3
+ --oops-note-icon-font: normal 24px var(--md-icon-font, 'Material Symbols Outlined');
4
+ --oops-note-icon-color: var(--md-sys-color-on-surface);
5
+ --oops-note-icon-border: 2px solid var(--md-sys-color-outline);
6
+ --oops-note-icon-border-radius: 50px;
7
+ --oops-note-icon-padding: var(--padding-default);
8
+ --oops-note-title-margin: 7px 0 2px 0;
9
+ --oops-note-title-font: bold 14px var(--theme-font);
10
+ --oops-note-title-color: var(--md-sys-color-secondary);
11
+ --oops-note-description-font: normal 12px var(--theme-font);
12
+ --oops-note-description-color: var(--md-sys-color-primary);
13
+ }
14
+ @media only screen and (max-width: 460px) {
15
+ body {
16
+ --oops-note-icon-padding: var(--padding-narrow);
17
+ --oops-note-icon-font: normal 18px var(--md-icon-font, 'Material Symbols Outlined');
18
+ --oops-note-title-font: bold 13px var(--theme-font);
19
+ --oops-note-title-margin: var(--margin-narrow) 0 2px 0;
20
+ --oops-note-description-font: normal 0px var(--theme-font);
21
+ }
22
+ }
@@ -0,0 +1,47 @@
1
+ body {
2
+ --report-background-color: var(--md-sys-color-background);
3
+ --report-padding: 15px;
4
+ --report-title-margin: 0 0 0 10px;
5
+ --report-title-border: none;
6
+ --report-title-color: var(--md-sys-color-secondary);
7
+ --report-title-icon-color: var(--md-sys-color-primary);
8
+ --report-title-icon-margin: 0 3px 2px 0;
9
+ --report-title-icon-size: 14px;
10
+ --report-title-with-grid-padding: 0;
11
+ --report-component-border-radius: var(--border-radius);
12
+
13
+ --report-header-background-color: var(--md-sys-color-surface);
14
+ --report-header-border: 1px solid var(--report-header-border-color);
15
+ --report-header-border-color: var(--md-sys-color-outline);
16
+ --report-header-padding: 5px 0 5px 5px;
17
+ --report-header-color: var(--secondary-text-color);
18
+ --report-header-font: normal 1em/1.5 var(--theme-font);
19
+ --report-header-fontsize: 13px;
20
+
21
+ --report-record-background-color: #fff;
22
+ --report-record-odd-background-color: #f6f6f6;
23
+ --report-record-field-padding: 7px 10px;
24
+ --report-record-field-border-bottom: 1px solid rgba(0, 0, 0, 0.1);
25
+ --report-record-wide-fontsize: 13px;
26
+ --report-record-focused-background-color: #ffde3b47;
27
+ --report-record-focused-border: 1px dashed rgba(0, 0, 0, 0.5);
28
+
29
+ --report-totalized-background-color: #efefef;
30
+ --report-totalized-border: 1px solid rgba(0, 0, 0, 0.1);
31
+ --report-totalized-color: var(--secondary-text-color);
32
+
33
+ --report-grouped-background-color: #607d8bbf;
34
+ --report-grouped-border: 1px solid rgba(0, 0, 0, 0.2);
35
+ --report-grouped-color: #fff;
36
+ }
37
+
38
+ @media print {
39
+ body {
40
+ --report-header-padding: 5px;
41
+ --report-record-field-padding: 5px;
42
+ --report-record-wide-fontsize: 10px;
43
+ --report-grouped-background-color: #d7d7d7;
44
+ --report-grouped-color: #000;
45
+ --report-totalized-color: #000;
46
+ }
47
+ }
@@ -1,4 +1,5 @@
1
1
  :root {
2
+ /* spacing */
2
3
  --spacing-none: 0px;
3
4
  --spacing-tiny: 2px;
4
5
  --spacing-small: 4px;
@@ -6,6 +7,7 @@
6
7
  --spacing-large: 12px;
7
8
  --spacing-huge: 24px;
8
9
 
10
+ /* icon size */
9
11
  --icon-size-tiny: 14px;
10
12
  --icon-size-small: 18px;
11
13
  --icon-size-medium: 24px;
@@ -18,26 +20,4 @@
18
20
  --form-element-height-medium: 30px;
19
21
  --form-element-height-large: 40px;
20
22
  --form-element-height-huge: 55px;
21
-
22
- /* shape corner */
23
- --md-sys-shape-corner-none: 0px;
24
- --md-sys-shape-corner-small: 5px;
25
- --md-sys-shape-corner-medium: 10px;
26
- --md-sys-shape-corner-large: 30px;
27
- --md-sys-shape-corner-full: 999px;
28
-
29
- /* typescale corner */
30
- --md-sys-typescale-label-tiny-size: 11px;
31
- --md-sys-typescale-label-small-size: 13px;
32
- --md-sys-typescale-label-medium-size: 14px;
33
- --md-sys-typescale-label-large-size: 18px;
34
- --md-sys-typescale-label-huge-size: 24px;
35
-
36
- --md-sys-typescale-label-medium-line-height: 1;
37
-
38
- --md-sys-typescale-label-tiny-weight: 200;
39
- --md-sys-typescale-label-small-weight: 300;
40
- --md-sys-typescale-label-medium-weight: 500;
41
- --md-sys-typescale-label-large-weight: 700;
42
- --md-sys-typescale-label-full-weight: 900;
43
23
  }
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --status-danger-color: var(--md-sys-color-error, rgb(186 26 26));
2
+ --status-danger-color: var(--md-sys-color-error, #d14946);
3
3
  --status-warning-color: #ee8d03;
4
4
  --status-info-color: #398ace;
5
5
  --status-success-color: #35a24a;
@@ -0,0 +1,11 @@
1
+ body {
2
+ --tooltip-padding: 4px 4px 4px 4px;
3
+ --tooltip-background-color: rgba(0, 0, 0, 0.7);
4
+ --tooltip-font: bold 11px var(--theme-font);
5
+ /*
6
+ --tooltip-left-positon-left: auto;
7
+ --tooltip-left-position-top: 7px;
8
+ --tooltip-left-position-right: 110%;
9
+ --tooltip-left-position-animation: tooltip-left 0.3s ease-out 0s 1 normal;
10
+ */
11
+ }
@@ -1,151 +0,0 @@
1
- .dark-high-contrast {
2
- --md-sys-color-primary: rgb(252 250 255);
3
- --md-sys-color-surface-tint: rgb(178 197 255);
4
- --md-sys-color-on-primary: rgb(0 0 0);
5
- --md-sys-color-primary-container: rgb(184 201 255);
6
- --md-sys-color-on-primary-container: rgb(0 0 0);
7
- --md-sys-color-secondary: rgb(248 251 255);
8
- --md-sys-color-on-secondary: rgb(0 0 0);
9
- --md-sys-color-secondary-container: rgb(147 211 247);
10
- --md-sys-color-on-secondary-container: rgb(0 0 0);
11
- --md-sys-color-tertiary: rgb(238 255 242);
12
- --md-sys-color-on-tertiary: rgb(0 0 0);
13
- --md-sys-color-tertiary-container: rgb(148 218 179);
14
- --md-sys-color-on-tertiary-container: rgb(0 0 0);
15
- --md-sys-color-error: rgb(255 249 249);
16
- --md-sys-color-on-error: rgb(0 0 0);
17
- --md-sys-color-error-container: rgb(255 185 180);
18
- --md-sys-color-on-error-container: rgb(0 0 0);
19
- --md-sys-color-background: rgb(18 19 24);
20
- --md-sys-color-on-background: rgb(227 226 233);
21
- --md-sys-color-surface: rgb(18 19 24);
22
- --md-sys-color-on-surface: rgb(255 255 255);
23
- --md-sys-color-surface-variant: rgb(69 70 79);
24
- --md-sys-color-on-surface-variant: rgb(252 250 255);
25
- --md-sys-color-outline: rgb(201 202 212);
26
- --md-sys-color-outline-variant: rgb(201 202 212);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(227 226 233);
30
- --md-sys-color-inverse-on-surface: rgb(0 0 0);
31
- --md-sys-color-inverse-primary: rgb(16 39 90);
32
- --md-sys-color-primary-fixed: rgb(224 230 255);
33
- --md-sys-color-on-primary-fixed: rgb(0 0 0);
34
- --md-sys-color-primary-fixed-dim: rgb(184 201 255);
35
- --md-sys-color-on-primary-fixed-variant: rgb(0 19 61);
36
- --md-sys-color-secondary-fixed: rgb(205 235 255);
37
- --md-sys-color-on-secondary-fixed: rgb(0 0 0);
38
- --md-sys-color-secondary-fixed-dim: rgb(147 211 247);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(0 25 36);
40
- --md-sys-color-tertiary-fixed: rgb(175 246 206);
41
- --md-sys-color-on-tertiary-fixed: rgb(0 0 0);
42
- --md-sys-color-tertiary-fixed-dim: rgb(148 218 179);
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(0 27 14);
44
- --md-sys-color-surface-dim: rgb(18 19 24);
45
- --md-sys-color-surface-bright: rgb(56 57 63);
46
- --md-sys-color-surface-container-lowest: rgb(13 14 19);
47
- --md-sys-color-surface-container-low: rgb(26 27 33);
48
- --md-sys-color-surface-container: rgb(30 31 37);
49
- --md-sys-color-surface-container-high: rgb(41 42 47);
50
- --md-sys-color-surface-container-highest: rgb(51 52 58);
51
-
52
- /* primary palette */
53
- --md-ref-palette-primary0:#000000;
54
- --md-ref-palette-primary5:#000E32;
55
- --md-ref-palette-primary10:#001848;
56
- --md-ref-palette-primary15:#00215E;
57
- --md-ref-palette-primary20:#002B74;
58
- --md-ref-palette-primary25:#002B74;
59
- --md-ref-palette-primary30:#0040A2;
60
- --md-ref-palette-primary35:#002B74;
61
- --md-ref-palette-primary40:#1957CA;
62
- --md-ref-palette-primary50:#3E71E5;
63
- --md-ref-palette-primary60:#5C8BFF;
64
- --md-ref-palette-primary70:#89A9FF;
65
- --md-ref-palette-primary80:#B2C5FF;
66
- --md-ref-palette-primary90:#DAE2FF;
67
- --md-ref-palette-primary95:#EEF0FF;
68
- --md-ref-palette-primary98:#FAF8FF;
69
- --md-ref-palette-primary99:#FEFBFF;
70
- --md-ref-palette-primary100:#FFFFFF;
71
-
72
- /* secondary palette */
73
- --md-ref-palette-secondary0:#000000;
74
- --md-ref-palette-secondary5:#00131D;
75
- --md-ref-palette-secondary10:#001E2C;
76
- --md-ref-palette-secondary15:#00293A;
77
- --md-ref-palette-secondary20:#003549;
78
- --md-ref-palette-secondary25:#004058;
79
- --md-ref-palette-secondary30:#004C68;
80
- --md-ref-palette-secondary35:#005978;
81
- --md-ref-palette-secondary40:#006689;
82
- --md-ref-palette-secondary50:#0080AC;
83
- --md-ref-palette-secondary60:#009BCF;
84
- --md-ref-palette-secondary70:#00B8F4;
85
- --md-ref-palette-secondary80:#79D1FF;
86
- --md-ref-palette-secondary90:#C3E8FF;
87
- --md-ref-palette-secondary95:#E3F3FF;
88
- --md-ref-palette-secondary98:#F5FAFF;
89
- --md-ref-palette-secondary99:#FBFCFF;
90
- --md-ref-palette-secondary100:#FFFFFF;
91
-
92
- /* tertiary palette */
93
- --md-ref-palette-tertiary0:#000000;
94
- --md-ref-palette-tertiary5:#00150A;
95
- --md-ref-palette-tertiary10:#002113;
96
- --md-ref-palette-tertiary15:#002C1B;
97
- --md-ref-palette-tertiary20:#003823;
98
- --md-ref-palette-tertiary25:#00452B;
99
- --md-ref-palette-tertiary30:#005234;
100
- --md-ref-palette-tertiary35:#005F3E;
101
- --md-ref-palette-tertiary40:#006C47;
102
- --md-ref-palette-tertiary50:#00885A;
103
- --md-ref-palette-tertiary60:#31A372;
104
- --md-ref-palette-tertiary70:#51BF8B;
105
- --md-ref-palette-tertiary80:#6EDBA5;
106
- --md-ref-palette-tertiary90:#A2F4C7;
107
- --md-ref-palette-tertiary95:#BFFFD9;
108
- --md-ref-palette-tertiary98:#E8FFEF;
109
- --md-ref-palette-tertiary99:#F4FFF5;
110
- --md-ref-palette-tertiary100:#FFFFFF;
111
-
112
- /* error palette */
113
- --md-ref-palette-error0:#000000;
114
- --md-ref-palette-error5:#2d0102;
115
- --md-ref-palette-error10:#410304;
116
- --md-ref-palette-error15:#540507;
117
- --md-ref-palette-error20:#68070a;
118
- --md-ref-palette-error25:#7d0b0e;
119
- --md-ref-palette-error30:#930f14;
120
- --md-ref-palette-error35:#a91319;
121
- --md-ref-palette-error40:#bc1620;
122
- --md-ref-palette-error50:#e03236;
123
- --md-ref-palette-error60:#ff5450;
124
- --md-ref-palette-error70:#ff8982;
125
- --md-ref-palette-error80:#ffb3ad;
126
- --md-ref-palette-error90:#ffdad7;
127
- --md-ref-palette-error95:#ffedeb;
128
- --md-ref-palette-error98:#fff8f7;
129
- --md-ref-palette-error99:#fffbff;
130
- --md-ref-palette-error100:#FFFFFF;
131
-
132
- /* neutral palette */
133
- --md-ref-palette-neutral0:#000000;
134
- --md-ref-palette-neutral5:#111111;
135
- --md-ref-palette-neutral10:#1C1C1C;
136
- --md-ref-palette-neutral15:#262626;
137
- --md-ref-palette-neutral20:#313131;
138
- --md-ref-palette-neutral25:#3C3C3C;
139
- --md-ref-palette-neutral30:#474747;
140
- --md-ref-palette-neutral35:#535353;
141
- --md-ref-palette-neutral40:#5F5F5F;
142
- --md-ref-palette-neutral50:#787878;
143
- --md-ref-palette-neutral60:#929292;
144
- --md-ref-palette-neutral70:#ACACAC;
145
- --md-ref-palette-neutral80:#C8C8C8;
146
- --md-ref-palette-neutral90:#E4E4E4;
147
- --md-ref-palette-neutral95:#F0F0F0;
148
- --md-ref-palette-neutral98:#F9F9F9;
149
- --md-ref-palette-neutral99:#FEFEFE;
150
- --md-ref-palette-neutral100:#FFFFFF;
151
- }
@@ -1,151 +0,0 @@
1
- .dark-medium-contrast {
2
- --md-sys-color-primary: rgb(184 201 255);
3
- --md-sys-color-surface-tint: rgb(178 197 255);
4
- --md-sys-color-on-primary: rgb(0 19 61);
5
- --md-sys-color-primary-container: rgb(124 143 200);
6
- --md-sys-color-on-primary-container: rgb(0 0 0);
7
- --md-sys-color-secondary: rgb(147 211 247);
8
- --md-sys-color-on-secondary: rgb(0 25 36);
9
- --md-sys-color-secondary-container: rgb(88 152 186);
10
- --md-sys-color-on-secondary-container: rgb(0 0 0);
11
- --md-sys-color-tertiary: #cffce3;
12
- --md-sys-color-on-tertiary: rgb(0 27 14);
13
- --md-sys-color-tertiary-container: #005234;
14
- --md-sys-color-on-tertiary-container: #cffce3;
15
- --md-sys-color-error: #fbafa9;
16
- --md-sys-color-on-error: #fe594e;
17
- --md-sys-color-error-container: #fe594e;
18
- --md-sys-color-on-error-container: #fbafa9;
19
- --md-sys-color-background: rgb(18 19 24);
20
- --md-sys-color-on-background: rgb(227 226 233);
21
- --md-sys-color-surface: rgb(18 19 24);
22
- --md-sys-color-on-surface: rgb(252 250 255);
23
- --md-sys-color-surface-variant: rgb(69 70 79);
24
- --md-sys-color-on-surface-variant: rgb(201 202 212);
25
- --md-sys-color-outline: rgb(161 162 172);
26
- --md-sys-color-outline-variant: rgb(129 131 140);
27
- --md-sys-color-shadow: rgb(0 0 0);
28
- --md-sys-color-scrim: rgb(0 0 0);
29
- --md-sys-color-inverse-surface: rgb(227 226 233);
30
- --md-sys-color-inverse-on-surface: rgb(41 42 47);
31
- --md-sys-color-inverse-primary: rgb(50 70 122);
32
- --md-sys-color-primary-fixed: rgb(218 226 255);
33
- --md-sys-color-on-primary-fixed: rgb(0 15 51);
34
- --md-sys-color-primary-fixed-dim: rgb(178 197 255);
35
- --md-sys-color-on-primary-fixed-variant: rgb(31 52 102);
36
- --md-sys-color-secondary-fixed: rgb(195 232 255);
37
- --md-sys-color-on-secondary-fixed: rgb(0 19 29);
38
- --md-sys-color-secondary-fixed-dim: rgb(143 207 243);
39
- --md-sys-color-on-secondary-fixed-variant: rgb(0 59 81);
40
- --md-sys-color-tertiary-fixed: #c7e6d5;
41
- --md-sys-color-on-tertiary-fixed: rgb(0 21 10);
42
- --md-sys-color-tertiary-fixed-dim: #c7e6d5;
43
- --md-sys-color-on-tertiary-fixed-variant: rgb(0 63 39);
44
- --md-sys-color-surface-dim: rgb(18 19 24);
45
- --md-sys-color-surface-bright: rgb(56 57 63);
46
- --md-sys-color-surface-container-lowest: rgb(13 14 19);
47
- --md-sys-color-surface-container-low: rgb(26 27 33);
48
- --md-sys-color-surface-container: rgb(30 31 37);
49
- --md-sys-color-surface-container-high: rgb(41 42 47);
50
- --md-sys-color-surface-container-highest: rgb(51 52 58);
51
-
52
- /* primary palette */
53
- --md-ref-palette-primary0:#000000;
54
- --md-ref-palette-primary5:#000E32;
55
- --md-ref-palette-primary10:#001848;
56
- --md-ref-palette-primary15:#00215E;
57
- --md-ref-palette-primary20:#002B74;
58
- --md-ref-palette-primary25:#002B74;
59
- --md-ref-palette-primary30:#0040A2;
60
- --md-ref-palette-primary35:#002B74;
61
- --md-ref-palette-primary40:#1957CA;
62
- --md-ref-palette-primary50:#3E71E5;
63
- --md-ref-palette-primary60:#5C8BFF;
64
- --md-ref-palette-primary70:#89A9FF;
65
- --md-ref-palette-primary80:#B2C5FF;
66
- --md-ref-palette-primary90:#DAE2FF;
67
- --md-ref-palette-primary95:#EEF0FF;
68
- --md-ref-palette-primary98:#FAF8FF;
69
- --md-ref-palette-primary99:#FEFBFF;
70
- --md-ref-palette-primary100:#FFFFFF;
71
-
72
- /* secondary palette */
73
- --md-ref-palette-secondary0:#000000;
74
- --md-ref-palette-secondary5:#00131D;
75
- --md-ref-palette-secondary10:#001E2C;
76
- --md-ref-palette-secondary15:#00293A;
77
- --md-ref-palette-secondary20:#003549;
78
- --md-ref-palette-secondary25:#004058;
79
- --md-ref-palette-secondary30:#004C68;
80
- --md-ref-palette-secondary35:#005978;
81
- --md-ref-palette-secondary40:#006689;
82
- --md-ref-palette-secondary50:#0080AC;
83
- --md-ref-palette-secondary60:#009BCF;
84
- --md-ref-palette-secondary70:#00B8F4;
85
- --md-ref-palette-secondary80:#79D1FF;
86
- --md-ref-palette-secondary90:#C3E8FF;
87
- --md-ref-palette-secondary95:#E3F3FF;
88
- --md-ref-palette-secondary98:#F5FAFF;
89
- --md-ref-palette-secondary99:#FBFCFF;
90
- --md-ref-palette-secondary100:#FFFFFF;
91
-
92
- /* tertiary palette */
93
- --md-ref-palette-tertiary0:#000000;
94
- --md-ref-palette-tertiary5:#00150A;
95
- --md-ref-palette-tertiary10:#002113;
96
- --md-ref-palette-tertiary15:#002C1B;
97
- --md-ref-palette-tertiary20:#003823;
98
- --md-ref-palette-tertiary25:#00452B;
99
- --md-ref-palette-tertiary30:#005234;
100
- --md-ref-palette-tertiary35:#005F3E;
101
- --md-ref-palette-tertiary40:#006C47;
102
- --md-ref-palette-tertiary50:#00885A;
103
- --md-ref-palette-tertiary60:#31A372;
104
- --md-ref-palette-tertiary70:#51BF8B;
105
- --md-ref-palette-tertiary80:#6EDBA5;
106
- --md-ref-palette-tertiary90:#A2F4C7;
107
- --md-ref-palette-tertiary95:#BFFFD9;
108
- --md-ref-palette-tertiary98:#E8FFEF;
109
- --md-ref-palette-tertiary99:#F4FFF5;
110
- --md-ref-palette-tertiary100:#FFFFFF;
111
-
112
- /* error palette */
113
- --md-ref-palette-error0:#000000;
114
- --md-ref-palette-error5:#2d0102;
115
- --md-ref-palette-error10:#410304;
116
- --md-ref-palette-error15:#540507;
117
- --md-ref-palette-error20:#68070a;
118
- --md-ref-palette-error25:#7d0b0e;
119
- --md-ref-palette-error30:#930f14;
120
- --md-ref-palette-error35:#a91319;
121
- --md-ref-palette-error40:#bc1620;
122
- --md-ref-palette-error50:#e03236;
123
- --md-ref-palette-error60:#ff5450;
124
- --md-ref-palette-error70:#ff8982;
125
- --md-ref-palette-error80:#ffb3ad;
126
- --md-ref-palette-error90:#ffdad7;
127
- --md-ref-palette-error95:#ffedeb;
128
- --md-ref-palette-error98:#fff8f7;
129
- --md-ref-palette-error99:#fffbff;
130
- --md-ref-palette-error100:#FFFFFF;
131
-
132
- /* neutral palette */
133
- --md-ref-palette-neutral0:#000000;
134
- --md-ref-palette-neutral5:#111111;
135
- --md-ref-palette-neutral10:#1C1C1C;
136
- --md-ref-palette-neutral15:#262626;
137
- --md-ref-palette-neutral20:#313131;
138
- --md-ref-palette-neutral25:#3C3C3C;
139
- --md-ref-palette-neutral30:#474747;
140
- --md-ref-palette-neutral35:#535353;
141
- --md-ref-palette-neutral40:#5F5F5F;
142
- --md-ref-palette-neutral50:#787878;
143
- --md-ref-palette-neutral60:#929292;
144
- --md-ref-palette-neutral70:#ACACAC;
145
- --md-ref-palette-neutral80:#C8C8C8;
146
- --md-ref-palette-neutral90:#E4E4E4;
147
- --md-ref-palette-neutral95:#F0F0F0;
148
- --md-ref-palette-neutral98:#F9F9F9;
149
- --md-ref-palette-neutral99:#FEFEFE;
150
- --md-ref-palette-neutral100:#FFFFFF;
151
- }