@ulu/frontend 0.1.0-beta.67 → 0.1.0-beta.68

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 (161) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.dev.md +1 -1
  3. package/README.md +13 -9
  4. package/dist/ulu-frontend.min.css +1 -1
  5. package/docs-dev/changelog/index.html +47 -4
  6. package/docs-dev/demos/accordion/index.html +30 -0
  7. package/docs-dev/demos/badge/index.html +5265 -0
  8. package/docs-dev/demos/breakpoints-manager/index.html +30 -0
  9. package/docs-dev/demos/button/index.html +30 -0
  10. package/docs-dev/demos/button-verbose/index.html +30 -0
  11. package/docs-dev/demos/callout/index.html +30 -0
  12. package/docs-dev/demos/captioned-figure/index.html +30 -0
  13. package/docs-dev/demos/card/index.html +46 -16
  14. package/docs-dev/demos/card-grid/index.html +30 -0
  15. package/docs-dev/demos/counter-list/index.html +30 -0
  16. package/docs-dev/demos/css-icons/index.html +30 -0
  17. package/docs-dev/demos/data-grid/index.html +30 -0
  18. package/docs-dev/demos/data-table/index.html +130 -100
  19. package/docs-dev/demos/details-group/index.html +30 -0
  20. package/docs-dev/demos/file-save/index.html +30 -0
  21. package/docs-dev/demos/flipcard/index.html +30 -0
  22. package/docs-dev/demos/form-theme/index.html +30 -0
  23. package/docs-dev/demos/index.html +30 -0
  24. package/docs-dev/demos/list-inline/index.html +30 -0
  25. package/docs-dev/demos/list-lines/index.html +30 -0
  26. package/docs-dev/demos/menu-stack/index.html +30 -0
  27. package/docs-dev/demos/modals/index.html +30 -0
  28. package/docs-dev/demos/nav-strip/index.html +30 -0
  29. package/docs-dev/demos/overlay-section/index.html +30 -0
  30. package/docs-dev/demos/popovers/index.html +30 -0
  31. package/docs-dev/demos/print/index.html +30 -0
  32. package/docs-dev/demos/pull-quote/index.html +30 -0
  33. package/docs-dev/demos/rule/index.html +30 -0
  34. package/docs-dev/demos/scrollpoints/index.html +30 -0
  35. package/docs-dev/demos/spoke-spinner/index.html +30 -0
  36. package/docs-dev/demos/sticky-list/index.html +30 -0
  37. package/docs-dev/demos/tabs/index.html +30 -0
  38. package/docs-dev/demos/tag/index.html +30 -0
  39. package/docs-dev/demos/theme-toggle/index.html +30 -0
  40. package/docs-dev/demos/tiles/index.html +30 -0
  41. package/docs-dev/demos/tooltip/index.html +30 -0
  42. package/docs-dev/guide/building-stylesheet/index.html +30 -0
  43. package/docs-dev/guide/developing-ulu-scss-module/index.html +30 -0
  44. package/docs-dev/guide/index.html +30 -0
  45. package/docs-dev/index.html +30 -0
  46. package/docs-dev/javascript/events/index.html +30 -0
  47. package/docs-dev/javascript/index.html +30 -0
  48. package/docs-dev/javascript/settings/index.html +30 -0
  49. package/docs-dev/javascript/ui-breakpoints/index.html +30 -0
  50. package/docs-dev/javascript/ui-collapsible/index.html +30 -0
  51. package/docs-dev/javascript/ui-details-group/index.html +30 -0
  52. package/docs-dev/javascript/ui-dialog/index.html +30 -0
  53. package/docs-dev/javascript/ui-flipcard/index.html +30 -0
  54. package/docs-dev/javascript/ui-grid/index.html +30 -0
  55. package/docs-dev/javascript/ui-modal-builder/index.html +30 -0
  56. package/docs-dev/javascript/ui-overflow-scroller/index.html +30 -0
  57. package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +30 -0
  58. package/docs-dev/javascript/ui-page/index.html +30 -0
  59. package/docs-dev/javascript/ui-popover/index.html +30 -0
  60. package/docs-dev/javascript/ui-print/index.html +30 -0
  61. package/docs-dev/javascript/ui-print-details/index.html +30 -0
  62. package/docs-dev/javascript/ui-programmatic-modal/index.html +30 -0
  63. package/docs-dev/javascript/ui-proxy-click/index.html +30 -0
  64. package/docs-dev/javascript/ui-resizer/index.html +30 -0
  65. package/docs-dev/javascript/ui-scroll-slider/index.html +30 -0
  66. package/docs-dev/javascript/ui-scrollpoint/index.html +30 -0
  67. package/docs-dev/javascript/ui-slider/index.html +30 -0
  68. package/docs-dev/javascript/ui-tabs/index.html +30 -0
  69. package/docs-dev/javascript/ui-theme-toggle/index.html +30 -0
  70. package/docs-dev/javascript/ui-tooltip/index.html +30 -0
  71. package/docs-dev/javascript/utils-class-logger/index.html +30 -0
  72. package/docs-dev/javascript/utils-css/index.html +30 -0
  73. package/docs-dev/javascript/utils-dom/index.html +30 -0
  74. package/docs-dev/javascript/utils-file-save/index.html +30 -0
  75. package/docs-dev/javascript/utils-floating-ui/index.html +30 -0
  76. package/docs-dev/javascript/utils-id/index.html +30 -0
  77. package/docs-dev/javascript/utils-pause-youtube-video/index.html +30 -0
  78. package/docs-dev/javascript/utils-system/index.html +30 -0
  79. package/docs-dev/sass/base/color/index.html +30 -0
  80. package/docs-dev/sass/base/elements/index.html +30 -0
  81. package/docs-dev/sass/base/index/index.html +30 -0
  82. package/docs-dev/sass/base/index.html +30 -0
  83. package/docs-dev/sass/base/keyframes/index.html +30 -0
  84. package/docs-dev/sass/base/layout/index.html +30 -0
  85. package/docs-dev/sass/base/normalize/index.html +30 -0
  86. package/docs-dev/sass/base/print/index.html +30 -0
  87. package/docs-dev/sass/base/root/index.html +30 -0
  88. package/docs-dev/sass/base/typography/index.html +30 -0
  89. package/docs-dev/sass/components/accordion/index.html +30 -0
  90. package/docs-dev/sass/components/adaptive-spacing/index.html +30 -0
  91. package/docs-dev/sass/components/badge/index.html +52 -11
  92. package/docs-dev/sass/components/basic-hero/index.html +30 -0
  93. package/docs-dev/sass/components/button/index.html +30 -0
  94. package/docs-dev/sass/components/button-verbose/index.html +30 -0
  95. package/docs-dev/sass/components/callout/index.html +30 -0
  96. package/docs-dev/sass/components/captioned-figure/index.html +30 -0
  97. package/docs-dev/sass/components/card/index.html +30 -0
  98. package/docs-dev/sass/components/card-grid/index.html +30 -0
  99. package/docs-dev/sass/components/counter-list/index.html +44 -8
  100. package/docs-dev/sass/components/css-icon/index.html +30 -0
  101. package/docs-dev/sass/components/data-grid/index.html +30 -0
  102. package/docs-dev/sass/components/data-table/index.html +30 -0
  103. package/docs-dev/sass/components/fill-context/index.html +30 -0
  104. package/docs-dev/sass/components/flipcard/index.html +30 -0
  105. package/docs-dev/sass/components/flipcard-grid/index.html +30 -0
  106. package/docs-dev/sass/components/form-theme/index.html +30 -0
  107. package/docs-dev/sass/components/hero/index.html +30 -0
  108. package/docs-dev/sass/components/horizontal-rule/index.html +30 -0
  109. package/docs-dev/sass/components/image-grid/index.html +30 -0
  110. package/docs-dev/sass/components/index/index.html +30 -0
  111. package/docs-dev/sass/components/index.html +30 -0
  112. package/docs-dev/sass/components/links/index.html +30 -0
  113. package/docs-dev/sass/components/list-inline/index.html +30 -0
  114. package/docs-dev/sass/components/list-lines/index.html +30 -0
  115. package/docs-dev/sass/components/list-ordered/index.html +30 -0
  116. package/docs-dev/sass/components/list-unordered/index.html +30 -0
  117. package/docs-dev/sass/components/menu-stack/index.html +30 -0
  118. package/docs-dev/sass/components/modal/index.html +30 -0
  119. package/docs-dev/sass/components/nav-strip/index.html +30 -0
  120. package/docs-dev/sass/components/overlay-section/index.html +30 -0
  121. package/docs-dev/sass/components/pager/index.html +30 -0
  122. package/docs-dev/sass/components/placeholder-block/index.html +30 -0
  123. package/docs-dev/sass/components/popover/index.html +30 -0
  124. package/docs-dev/sass/components/pull-quote/index.html +30 -0
  125. package/docs-dev/sass/components/ratio-box/index.html +30 -0
  126. package/docs-dev/sass/components/rule/index.html +30 -0
  127. package/docs-dev/sass/components/scroll-slider/index.html +30 -0
  128. package/docs-dev/sass/components/skip-link/index.html +30 -0
  129. package/docs-dev/sass/components/slider/index.html +30 -0
  130. package/docs-dev/sass/components/spoke-spinner/index.html +30 -0
  131. package/docs-dev/sass/components/sticky-list/index.html +30 -0
  132. package/docs-dev/sass/components/tabs/index.html +30 -0
  133. package/docs-dev/sass/components/tag/index.html +30 -0
  134. package/docs-dev/sass/components/tile-button/index.html +30 -0
  135. package/docs-dev/sass/components/tile-grid/index.html +30 -0
  136. package/docs-dev/sass/components/tile-grid-overlay/index.html +30 -0
  137. package/docs-dev/sass/components/vignette/index.html +30 -0
  138. package/docs-dev/sass/components/wysiwyg/index.html +30 -0
  139. package/docs-dev/sass/core/breakpoint/index.html +30 -0
  140. package/docs-dev/sass/core/button/index.html +30 -0
  141. package/docs-dev/sass/core/color/index.html +30 -0
  142. package/docs-dev/sass/core/cssvar/index.html +30 -0
  143. package/docs-dev/sass/core/element/index.html +30 -0
  144. package/docs-dev/sass/core/index.html +30 -0
  145. package/docs-dev/sass/core/layout/index.html +30 -0
  146. package/docs-dev/sass/core/path/index.html +30 -0
  147. package/docs-dev/sass/core/selector/index.html +30 -0
  148. package/docs-dev/sass/core/typography/index.html +30 -0
  149. package/docs-dev/sass/core/units/index.html +30 -0
  150. package/docs-dev/sass/core/utils/index.html +30 -0
  151. package/docs-dev/sass/helpers/color/index.html +30 -0
  152. package/docs-dev/sass/helpers/display/index.html +30 -0
  153. package/docs-dev/sass/helpers/index/index.html +30 -0
  154. package/docs-dev/sass/helpers/index.html +30 -0
  155. package/docs-dev/sass/helpers/typography/index.html +30 -0
  156. package/docs-dev/sass/helpers/units/index.html +30 -0
  157. package/docs-dev/sass/helpers/utilities/index.html +30 -0
  158. package/docs-dev/sass/index.html +30 -0
  159. package/package.json +11 -3
  160. package/scss/README.md +4 -0
  161. package/scss/components/_badge.scss +23 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Change Log
2
2
 
3
+ ## 0.1.0-beta.68
4
+
5
+ - **scss/components/badge**
6
+ - Fix default config (so that default size is smaller than large)
7
+ - Add default sizes (small and large)
8
+ - Add font family option
9
+
3
10
  ## 0.1.0-beta.67
4
11
 
5
12
  - **scss/components/counter-list**
package/README.dev.md CHANGED
@@ -19,4 +19,4 @@
19
19
 
20
20
  ## Building/Deploying
21
21
 
22
- - Use `npm run docs:build`
22
+ - Use `npm run docs:build`
package/README.md CHANGED
@@ -1,16 +1,20 @@
1
- # Frontend Library
1
+ # @ulu/frontend
2
2
 
3
- Front end development library (SCSS, JS)
3
+ Versatile frontend toolkit designed for a variety of web development scenarios.
4
4
 
5
- - [Documentation](https://jscherbe.github.io/frontend/)
6
- - [Change Log](CHANGELOG.md)
7
- - [Development Notes](README.dev.md)
5
+ [Full Documentation](https://jscherbe.github.io/frontend/)
8
6
 
9
- ## API documentation
7
+ ## key Features
10
8
 
11
- ### scss
9
+ - **Target Environment:** The JavaScript "UI" modules are specifically tailored for traditional sites, such as static websites and CMS-driven platforms. However, the comprehensive SCSS modules are fully compatible and can be utilized in modern JavaScript applications built with frameworks like React or Vue.
10
+ - **Configuration & Consistency:** The system's main goal is to allow for highly flexible, per-site configuration while maintaining a consistent set of accessible and high-quality components.
11
+ - **Flexible Usage:** This library is designed as a toolkit, offering the flexibility to be used as a complete stylesheet solution or to pick and choose individual SCSS modules and components as needed.
12
+ - **Integration Adaptability:** All SCSS base selectors (for components, utilities, etc.) can be easily adjusted, making it highly adaptable for seamless integration into pre-existing systems and diverse development environments.
13
+ - API Documentation for both SCSS and JS with examples
12
14
 
13
- #### Workaround for syntax highlighting bug
14
- - If the syntax highlighting isn't working properly after an example, add an empty line with "///" to workaround that bug
15
+ ## Related Links
15
16
 
17
+ - [Documentation](https://jscherbe.github.io/frontend/)
18
+ - [Change Log](CHANGELOG.md)
19
+ - [Development Notes](README.dev.md)
16
20