@oruga-ui/theme-oruga 0.2.2 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (83) hide show
  1. package/README.md +6 -14
  2. package/dist/oruga.css +1894 -207
  3. package/dist/oruga.min.css +1 -1
  4. package/dist/scss/components/_autocomplete.scss +4 -49
  5. package/dist/scss/components/_button.scss +71 -88
  6. package/dist/scss/components/_carousel.scss +70 -97
  7. package/dist/scss/components/_checkbox.scss +66 -83
  8. package/dist/scss/components/_collapse.scss +3 -0
  9. package/dist/scss/components/_datepicker.scss +146 -242
  10. package/dist/scss/components/_datetimepicker.scss +3 -0
  11. package/dist/scss/components/_dropdown.scss +74 -160
  12. package/dist/scss/components/_field.scss +16 -38
  13. package/dist/scss/components/_icon.scss +6 -8
  14. package/dist/scss/components/_input.scss +50 -52
  15. package/dist/scss/components/_loading.scss +5 -13
  16. package/dist/scss/components/_menu.scss +33 -65
  17. package/dist/scss/components/_modal.scss +25 -34
  18. package/dist/scss/components/_notification.scss +35 -72
  19. package/dist/scss/components/_pagination.scss +43 -86
  20. package/dist/scss/components/_radio.scss +53 -60
  21. package/dist/scss/components/_select.scss +62 -74
  22. package/dist/scss/components/_sidebar.scss +31 -107
  23. package/dist/scss/components/_skeleton.scss +10 -23
  24. package/dist/scss/components/_slider.scss +67 -109
  25. package/dist/scss/components/_steps.scss +133 -310
  26. package/dist/scss/components/_switch.scss +64 -87
  27. package/dist/scss/components/_table.scss +79 -140
  28. package/dist/scss/components/_tabs.scss +101 -153
  29. package/dist/scss/components/_taginput.scss +61 -102
  30. package/dist/scss/components/_timepicker.scss +26 -50
  31. package/dist/scss/components/_tooltip.scss +120 -216
  32. package/dist/scss/components/_upload.scss +17 -22
  33. package/dist/scss/oruga-build.scss +9 -0
  34. package/dist/scss/oruga.scss +39 -190
  35. package/dist/scss/utils/_animations.scss +11 -9
  36. package/dist/scss/utils/_base.scss +4 -4
  37. package/dist/scss/utils/_helpers.scss +12 -106
  38. package/dist/scss/utils/_root.scss +46 -24
  39. package/dist/scss/utils/_variables.scss +6 -7
  40. package/dist/theme.js +1 -2
  41. package/package.json +30 -31
  42. package/src/assets/scss/components/_autocomplete.scss +4 -49
  43. package/src/assets/scss/components/_button.scss +71 -88
  44. package/src/assets/scss/components/_carousel.scss +70 -97
  45. package/src/assets/scss/components/_checkbox.scss +66 -83
  46. package/src/assets/scss/components/_collapse.scss +3 -0
  47. package/src/assets/scss/components/_datepicker.scss +146 -242
  48. package/src/assets/scss/components/_datetimepicker.scss +3 -0
  49. package/src/assets/scss/components/_dropdown.scss +74 -160
  50. package/src/assets/scss/components/_field.scss +16 -38
  51. package/src/assets/scss/components/_icon.scss +6 -8
  52. package/src/assets/scss/components/_input.scss +50 -52
  53. package/src/assets/scss/components/_loading.scss +5 -13
  54. package/src/assets/scss/components/_menu.scss +33 -65
  55. package/src/assets/scss/components/_modal.scss +25 -34
  56. package/src/assets/scss/components/_notification.scss +35 -72
  57. package/src/assets/scss/components/_pagination.scss +43 -86
  58. package/src/assets/scss/components/_radio.scss +53 -60
  59. package/src/assets/scss/components/_select.scss +62 -74
  60. package/src/assets/scss/components/_sidebar.scss +31 -107
  61. package/src/assets/scss/components/_skeleton.scss +10 -23
  62. package/src/assets/scss/components/_slider.scss +67 -109
  63. package/src/assets/scss/components/_steps.scss +133 -310
  64. package/src/assets/scss/components/_switch.scss +64 -87
  65. package/src/assets/scss/components/_table.scss +79 -140
  66. package/src/assets/scss/components/_tabs.scss +101 -153
  67. package/src/assets/scss/components/_taginput.scss +61 -102
  68. package/src/assets/scss/components/_timepicker.scss +26 -50
  69. package/src/assets/scss/components/_tooltip.scss +120 -216
  70. package/src/assets/scss/components/_upload.scss +17 -22
  71. package/src/assets/scss/oruga-build.scss +9 -0
  72. package/src/assets/scss/oruga.scss +39 -190
  73. package/src/assets/scss/utils/_animations.scss +11 -9
  74. package/src/assets/scss/utils/_base.scss +4 -4
  75. package/src/assets/scss/utils/_helpers.scss +12 -106
  76. package/src/assets/scss/utils/_root.scss +46 -24
  77. package/src/assets/scss/utils/_variables.scss +6 -7
  78. package/dist/oruga-full.css +0 -3922
  79. package/dist/oruga-full.min.css +0 -1
  80. package/dist/scss/oruga-common.scss +0 -37
  81. package/dist/scss/oruga-full.scss +0 -9
  82. package/src/assets/scss/oruga-common.scss +0 -37
  83. package/src/assets/scss/oruga-full.scss +0 -9
package/README.md CHANGED
@@ -1,9 +1,9 @@
1
1
  <p align="center">
2
- <img width="150" src="https://oruga.io/logo.png" />
2
+ <img width="150" src="https://oruga-ui.com/logo.png" />
3
3
  </p>
4
4
 
5
5
  <p align="center">
6
- 🦋 <i>Default theme for <a href="https://oruga.io" target="_blank">Oruga</a></i> without any dependencies
6
+ 🦋 <i>Default theme for <a href="https://oruga-ui.com" target="_blank">Oruga</a></i> without any dependencies
7
7
  </p>
8
8
 
9
9
  <p align="center">
@@ -50,15 +50,7 @@ createApp(App)
50
50
  .use(Oruga)
51
51
  .mount('#app')
52
52
  ```
53
-
54
- The Oruga Default theme comes with two different stylesheets:
55
-
56
- * `oruga.css` provides a lightweight stylesheet containing only essential CSS rules for Oruga components such as display, position, z-index and other basic attributes.
57
- * `oruga-full.css` contains the full Oruga style (the default style used for documentation).
58
-
59
- The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all.
60
-
61
- Note that the package also works for `@oruga-ui/oruga` (Vue 2).
53
+ The Oruga Default theme uses the default classes set by Oruga and doesn't come with any JS configuration at all. The `oruga.css` contains the full Oruga style (the default style used for documentation).
62
54
 
63
55
  ### Customization (SASS/SCSS)
64
56
 
@@ -70,7 +62,7 @@ For customasing any SASS variables you have to set them pefore the SCSS Import.
70
62
  // ...
71
63
 
72
64
  // Include the full Oruga theme here
73
- @import "/node_modules/@oruga-ui/theme-oruga/dist/scss/oruga-full";
65
+ @import "/node_modules/@oruga-ui/theme-oruga/dist/scss/oruga";
74
66
 
75
67
  // Then add additional custom code here
76
68
  // ...
@@ -78,14 +70,14 @@ For customasing any SASS variables you have to set them pefore the SCSS Import.
78
70
 
79
71
  ### Override default config
80
72
 
81
- In case you want to replace the default style of a component you can override or add new classes; more details about components customization on https://oruga.io/documentation/#customization
73
+ In case you want to replace the default style of a component you can override or add new classes; more details about components customization on https://oruga-ui.com/documentation/#customization
82
74
 
83
75
  ```js
84
76
  import { createApp } from 'vue'
85
77
 
86
78
  import Oruga from '@oruga-ui/oruga-next'
87
79
 
88
- import '@oruga-ui/theme-oruga/dist/oruga-full.css'
80
+ import '@oruga-ui/theme-oruga/dist/oruga.css'
89
81
 
90
82
  const customConfig = {
91
83
  checkbox: {