@progress/kendo-theme-material 5.0.0-beta.0 → 5.0.0-beta.4

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 (93) hide show
  1. package/README.md +5 -8
  2. package/dist/all.css +4250 -4631
  3. package/dist/all.scss +6597 -6117
  4. package/dist/material-dataviz-v4.scss +8 -0
  5. package/lib/swatches/material-dataviz-v4.json +51 -0
  6. package/package.json +3 -3
  7. package/scss/appbar/_variables.scss +1 -1
  8. package/scss/autocomplete/_variables.scss +0 -19
  9. package/scss/avatar/index.md +0 -0
  10. package/scss/button/_layout.scss +26 -14
  11. package/scss/button/_theme.scss +28 -120
  12. package/scss/button/_variables.scss +55 -30
  13. package/scss/button/index.md +0 -0
  14. package/scss/chat/_variables.scss +0 -7
  15. package/scss/checkbox/_index.scss +2 -1
  16. package/scss/checkbox/_theme.scss +2 -9
  17. package/scss/checkbox/_variables.scss +68 -73
  18. package/scss/checkbox/index.md +0 -0
  19. package/scss/chip/_index.scss +1 -0
  20. package/scss/chip/_variables.scss +11 -11
  21. package/scss/chip/index.md +0 -0
  22. package/scss/color-preview/_variables.scss +1 -0
  23. package/scss/coloreditor/_variables.scss +3 -3
  24. package/scss/colorpicker/_index.scss +1 -2
  25. package/scss/colorpicker/_variables.scss +1 -24
  26. package/scss/combobox/_variables.scss +1 -31
  27. package/scss/dateinput/_index.scss +0 -4
  28. package/scss/dateinput/_variables.scss +1 -1
  29. package/scss/datepicker/_index.scss +1 -3
  30. package/scss/datetimepicker/_index.scss +5 -3
  31. package/scss/datetimepicker/_variables.scss +2 -1
  32. package/scss/dropdowngrid/_layout.scss +0 -14
  33. package/scss/dropdowngrid/_theme.scss +0 -8
  34. package/scss/dropdowngrid/index.md +0 -0
  35. package/scss/fab/_theme.scss +42 -46
  36. package/scss/fab/_variables.scss +129 -73
  37. package/scss/fab/index.md +0 -0
  38. package/scss/filter/_index.scss +1 -1
  39. package/scss/filter/_variables.scss +1 -1
  40. package/scss/gantt/_index.scss +1 -1
  41. package/scss/grid/_index.scss +1 -1
  42. package/scss/grid/_layout.scss +0 -8
  43. package/scss/grid/_variables.scss +8 -8
  44. package/scss/imageeditor/_variables.scss +1 -0
  45. package/scss/index.scss +2 -1
  46. package/scss/input/_index.scss +1 -1
  47. package/scss/input/_layout.scss +21 -2
  48. package/scss/input/_variables.scss +19 -29
  49. package/scss/list/_index.scss +1 -0
  50. package/scss/list/_theme.scss +0 -15
  51. package/scss/list/_variables.scss +214 -47
  52. package/scss/list/index.md +0 -0
  53. package/scss/listbox/_index.scss +1 -0
  54. package/scss/listbox/_variables.scss +5 -5
  55. package/scss/menu/_variables.scss +60 -51
  56. package/scss/multiselect/_index.scss +1 -1
  57. package/scss/orgchart/_variables.scss +2 -2
  58. package/scss/pager/_variables.scss +1 -1
  59. package/scss/panelbar/_variables.scss +5 -0
  60. package/scss/pdf-viewer/_variables.scss +2 -5
  61. package/scss/pivotgrid/_variables.scss +0 -3
  62. package/scss/popup/_index.scss +0 -1
  63. package/scss/popup/_variables.scss +2 -2
  64. package/scss/radio/_index.scss +1 -1
  65. package/scss/radio/_theme.scss +2 -9
  66. package/scss/radio/_variables.scss +69 -88
  67. package/scss/radio/index.md +0 -0
  68. package/scss/scheduler/_index.scss +1 -1
  69. package/scss/scheduler/_layout.scss +0 -16
  70. package/scss/spreadsheet/_index.scss +1 -1
  71. package/scss/switch/index.md +0 -0
  72. package/scss/table/_layout.scss +0 -22
  73. package/scss/table/_theme.scss +0 -8
  74. package/scss/table/_variables.scss +100 -33
  75. package/scss/taskboard/_variables.scss +0 -2
  76. package/scss/timepicker/_index.scss +3 -3
  77. package/scss/timepicker/_variables.scss +1 -1
  78. package/scss/{datetime → timeselector}/_index.scss +2 -5
  79. package/scss/timeselector/_layout.scss +1 -0
  80. package/scss/timeselector/_theme.scss +19 -0
  81. package/scss/timeselector/_variables.scss +32 -0
  82. package/scss/toolbar/_layout.scss +7 -1
  83. package/scss/toolbar/_variables.scss +2 -0
  84. package/scss/treeview/_theme.scss +32 -27
  85. package/scss/treeview/_variables.scss +125 -46
  86. package/scss/utils/_border.scss +1 -2
  87. package/scss/virtual-scroller/_index.scss +10 -0
  88. package/scss/virtual-scroller/_layout.scss +1 -0
  89. package/scss/virtual-scroller/_theme.scss +1 -0
  90. package/scss/virtual-scroller/_variables.scss +1 -0
  91. package/scss/datetime/_layout.scss +0 -38
  92. package/scss/datetime/_theme.scss +0 -61
  93. package/scss/datetime/_variables.scss +0 -53
package/README.md CHANGED
@@ -46,7 +46,7 @@ You can customize Kendo UI Material Theme both in terms of what gets compiled an
46
46
 
47
47
  ### Importing
48
48
 
49
- In your custom csss file, you can import the entirety of the theme, by importing `dist/all.scss` or pick just the styles for the components you need. The files for individual components are in `scss/` folder:
49
+ In your custom scss file, you can import the entirety of the theme, by importing `dist/all.scss` or pick just the styles for the components you need. The files for individual components are in `scss/` folder:
50
50
 
51
51
  ```scss
52
52
  // Import only PanelBar and Grid styles
@@ -56,9 +56,9 @@ In your custom csss file, you can import the entirety of the theme, by importing
56
56
 
57
57
  ### SCSS Variables
58
58
 
59
- Kendo UI Material Theme provides many variables for customization. There are variables that control globally used theme colors like `$primary`, `$secondary`, `$success`, `$error` etc.; variables for all components such as `$component-text`, `$component-bg`; as well as variables for individual components such as `$grid-bg`, `$combobox-text`, `$tabstrip-font-size` and so on.
59
+ Kendo UI Material Theme provides many variables for customization. There are variables that control globally used theme colors like `$primary`, `$secondary`, `$success`, `$error` etc.; variables for all components such as `$component-text`, `$component-bg`; as well as variables for individual components such as `$grid-bg`, `$tabstrip-font-size` and so on.
60
60
 
61
- Most component variables link to higher abstracted generic variables. For instance, the background of the grid component can be customized both from `$component-bg` and `$grid-bg`, with the latter ferrencing the former.
61
+ Most component variables link to higher abstracted generic variables. For instance, the background of the grid component can be customized both from `$component-bg` and `$grid-bg`, with the latter referencing the former.
62
62
 
63
63
  We have more than 2000 variables, so it's hard to list them all. We've tried to make variable names as coherent as possible. For instance, all variables ending in `-bg` control background color; all variables ending in `-text` control text color.
64
64
 
@@ -80,9 +80,6 @@ Still, if you wanted to, you can customize the theme like the rest:
80
80
  // Make all inputs components with a different background color
81
81
  $input-bg: #f0f0f0;
82
82
 
83
- // Change just the autocomplete to have white background
84
- $autocomplete-bg: #ffffff;
85
-
86
83
  // Make the border of the grid black and slightly ticker
87
84
  $grid-border-width: 2px;
88
85
  $grid-border: #000000;
@@ -103,7 +100,7 @@ CSS can be complicated due to cascades (that's what C stands for). If there are
103
100
 
104
101
  To avoid that, we've prefixed all our class names with `k-` e.g. `k-grid`, `k-hidden` etc., with the exception of handling for `hidden` attribute, which will hide the element that has it.
105
102
 
106
- Some frameworks, like Bootstrap and Tailwind, touch global styles to establish a sort of baseline -- we call that normalizing. One such styles is the following bit, which makes dimenssions (width and height) behave in a specific way:
103
+ Some frameworks, like Bootstrap and Tailwind, touch global styles to establish a sort of baseline -- we call that normalizing. One such styles is the following bit, which makes dimensions (width and height) behave in a specific way:
107
104
 
108
105
  ```css
109
106
  *, ::after, ::before {
@@ -127,7 +124,7 @@ Have a bug or a feature request? Please first search for existing and closed iss
127
124
 
128
125
  ## Versioning
129
126
 
130
- To ensure version predictability, we use [Semantic Versioning](https://semver.org/): we try to add only feaures for minor versions and bugfixes (or smaller features) for patch version.
127
+ To ensure version predictability, we use [Semantic Versioning](https://semver.org/): we try to add only features for minor versions and bugfixes (or smaller features) for patch version.
131
128
 
132
129
  ## License
133
130