@ulu/frontend 0.1.0-beta.12 → 0.1.0-beta.120
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.
- package/CHANGELOG.md +713 -0
- package/GEMINI.md +9 -0
- package/README.dev.md +3 -3
- package/README.md +14 -4
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +36 -29
- package/docs-dev/.nojekyll +1 -0
- package/docs-dev/assets/main.js +832 -421
- package/docs-dev/assets/placeholder/icon-calendar.svg +1 -0
- package/docs-dev/assets/placeholder/icon-check.svg +1 -0
- package/docs-dev/assets/style.css +629 -233
- package/docs-dev/changelog/index.html +7613 -0
- package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
- package/docs-dev/demos/accordion/index.html +1496 -358
- package/docs-dev/demos/badge/index.html +5895 -0
- package/docs-dev/demos/badge-stack/index.html +5876 -0
- package/docs-dev/demos/basic-hero/index.html +111 -0
- package/docs-dev/demos/breadcrumb/index.html +5930 -0
- package/docs-dev/demos/breakpoints-manager/index.html +5906 -0
- package/docs-dev/demos/button/index.html +1537 -343
- package/docs-dev/demos/button-group/index.html +5892 -0
- package/docs-dev/demos/button-verbose/index.html +5898 -0
- package/docs-dev/demos/callout/index.html +1559 -379
- package/docs-dev/demos/captioned-figure/index.html +1492 -339
- package/docs-dev/demos/card/index.html +1592 -800
- package/docs-dev/demos/card-grid/index.html +6017 -0
- package/docs-dev/demos/card-new/index.html +5088 -0
- package/docs-dev/demos/card-old/index.html +5223 -0
- package/docs-dev/demos/card.1/index.html +5223 -0
- package/docs-dev/demos/card.TRASH/index.html +5541 -0
- package/docs-dev/demos/counter-list/index.html +5900 -0
- package/docs-dev/demos/css-icons/index.html +1556 -380
- package/docs-dev/demos/data-grid/index.html +1492 -339
- package/docs-dev/demos/data-table/index.html +1634 -348
- package/docs-dev/demos/definition-list/index.html +6011 -0
- package/docs-dev/demos/details-group/index.html +5927 -0
- package/docs-dev/demos/donut-chart/index.html +5874 -0
- package/docs-dev/demos/file-save/index.html +1492 -339
- package/docs-dev/demos/flipcard/index.html +1492 -339
- package/docs-dev/demos/form-theme/index.html +1500 -347
- package/docs-dev/demos/headline-label/index.html +5862 -0
- package/docs-dev/demos/hero/index.html +12 -4
- package/docs-dev/demos/image-grid/index.html +12 -4
- package/docs-dev/demos/index.html +1493 -340
- package/docs-dev/demos/list-inline/index.html +1492 -339
- package/docs-dev/demos/list-lines/index.html +1492 -339
- package/docs-dev/demos/menu-stack/index.html +1652 -378
- package/docs-dev/demos/modals/index.html +1642 -366
- package/docs-dev/demos/nav-strip/index.html +1492 -339
- package/docs-dev/demos/overlay-section/index.html +1611 -388
- package/docs-dev/demos/panel/index.html +5922 -0
- package/docs-dev/demos/popovers/index.html +1752 -357
- package/docs-dev/demos/print/index.html +1492 -339
- package/docs-dev/demos/progress-bar/index.html +6030 -0
- package/docs-dev/demos/progress-circle/index.html +6197 -0
- package/docs-dev/demos/progress-donut/index.html +6107 -0
- package/docs-dev/demos/pull-quote/index.html +1492 -339
- package/docs-dev/demos/rail/index.html +5970 -0
- package/docs-dev/demos/rule/index.html +1509 -344
- package/docs-dev/demos/scroll-slider/index.html +72 -106
- package/docs-dev/demos/scrollpoints/index.html +1493 -340
- package/docs-dev/demos/skeleton/index.html +5918 -0
- package/docs-dev/demos/slider/index.html +12 -4
- package/docs-dev/demos/spoke-spinner/index.html +1492 -339
- package/docs-dev/demos/sticky-list/index.html +5883 -0
- package/docs-dev/demos/tabs/index.html +1565 -376
- package/docs-dev/demos/tag/index.html +1510 -345
- package/docs-dev/demos/theme-toggle/index.html +5939 -0
- package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
- package/docs-dev/demos/tiles/index.html +1492 -339
- package/docs-dev/demos/tooltip/index.html +1492 -339
- package/docs-dev/demos/wysiwyg/index.html +5912 -0
- package/docs-dev/guide/building-stylesheet/index.html +1492 -339
- package/docs-dev/guide/developing-ulu-scss-module/index.html +1492 -339
- package/docs-dev/guide/index.html +1492 -339
- package/docs-dev/guide/updates-and-changes/index.html +5033 -0
- package/docs-dev/index.html +1492 -339
- package/docs-dev/javascript/events/index.html +1567 -376
- package/docs-dev/javascript/index.html +1492 -339
- package/docs-dev/javascript/settings/index.html +6065 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +1506 -355
- package/docs-dev/javascript/ui-collapsible/index.html +1491 -340
- package/docs-dev/javascript/ui-details-group/index.html +5982 -0
- package/docs-dev/javascript/ui-dialog/index.html +1523 -357
- package/docs-dev/javascript/ui-flipcard/index.html +1552 -345
- package/docs-dev/javascript/ui-grid/index.html +1538 -413
- package/docs-dev/javascript/ui-modal-builder/index.html +1761 -470
- package/docs-dev/javascript/ui-overflow-scroller/index.html +1491 -340
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +1491 -340
- package/docs-dev/javascript/ui-page/index.html +1491 -340
- package/docs-dev/javascript/ui-popover/index.html +1501 -354
- package/docs-dev/javascript/ui-print/index.html +1489 -346
- package/docs-dev/javascript/ui-print-details/index.html +1491 -340
- package/docs-dev/javascript/ui-programmatic-modal/index.html +1491 -340
- package/docs-dev/javascript/ui-proxy-click/index.html +1591 -355
- package/docs-dev/javascript/ui-resizer/index.html +1850 -434
- package/docs-dev/javascript/ui-scroll-slider/index.html +1531 -348
- package/docs-dev/javascript/ui-scrollpoint/index.html +1501 -357
- package/docs-dev/javascript/ui-slider/index.html +1708 -366
- package/docs-dev/javascript/ui-tabs/index.html +1523 -409
- package/docs-dev/javascript/ui-theme-toggle/index.html +6070 -0
- package/docs-dev/javascript/ui-tooltip/index.html +1501 -354
- package/docs-dev/javascript/utils-class-logger/index.html +1492 -341
- package/docs-dev/javascript/utils-css/index.html +5884 -0
- package/docs-dev/javascript/utils-dom/index.html +1523 -452
- package/docs-dev/javascript/utils-file-save/index.html +1491 -340
- package/docs-dev/javascript/utils-floating-ui/index.html +1491 -340
- package/docs-dev/javascript/utils-id/index.html +1491 -340
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +1491 -340
- package/docs-dev/javascript/utils-system/index.html +6187 -0
- package/docs-dev/sass/base/color/index.html +1491 -340
- package/docs-dev/sass/base/elements/index.html +1492 -341
- package/docs-dev/sass/base/index/index.html +1492 -341
- package/docs-dev/sass/base/index.html +1492 -339
- package/docs-dev/sass/base/keyframes/index.html +1492 -341
- package/docs-dev/sass/base/layout/index.html +1492 -341
- package/docs-dev/sass/base/normalize/index.html +1491 -340
- package/docs-dev/sass/base/print/index.html +1492 -341
- package/docs-dev/sass/base/root/index.html +1495 -344
- package/docs-dev/sass/base/typography/index.html +1491 -340
- package/docs-dev/sass/components/accordion/index.html +1628 -436
- package/docs-dev/sass/components/adaptive-spacing/index.html +1491 -340
- package/docs-dev/sass/components/badge/index.html +1522 -353
- package/docs-dev/sass/components/badge-stack/index.html +6051 -0
- package/docs-dev/sass/components/basic-hero/index.html +6045 -0
- package/docs-dev/sass/components/breadcrumb/index.html +6092 -0
- package/docs-dev/sass/components/button/index.html +1491 -340
- package/docs-dev/sass/components/button-group/index.html +6043 -0
- package/docs-dev/sass/components/button-verbose/index.html +1613 -387
- package/docs-dev/sass/components/callout/index.html +1598 -388
- package/docs-dev/sass/components/captioned-figure/index.html +1491 -340
- package/docs-dev/sass/components/card/index.html +1601 -393
- package/docs-dev/sass/components/card-grid/index.html +1491 -340
- package/docs-dev/sass/components/counter-list/index.html +6127 -0
- package/docs-dev/sass/components/css-icon/index.html +1492 -341
- package/docs-dev/sass/components/data-grid/index.html +1511 -353
- package/docs-dev/sass/components/data-table/index.html +1510 -352
- package/docs-dev/sass/components/definition-list/index.html +6107 -0
- package/docs-dev/sass/components/fill-context/index.html +1491 -340
- package/docs-dev/sass/components/flipcard/index.html +1569 -387
- package/docs-dev/sass/components/flipcard-grid/index.html +1491 -340
- package/docs-dev/sass/components/form-theme/index.html +1718 -572
- package/docs-dev/sass/components/headline-label/index.html +6073 -0
- package/docs-dev/sass/components/hero/index.html +1499 -348
- package/docs-dev/sass/components/horizontal-rule/index.html +1491 -340
- package/docs-dev/sass/components/image-grid/index.html +1491 -340
- package/docs-dev/sass/components/index/index.html +1514 -349
- package/docs-dev/sass/components/index.html +1492 -339
- package/docs-dev/sass/components/links/index.html +1491 -340
- package/docs-dev/sass/components/list-inline/index.html +1491 -340
- package/docs-dev/sass/components/list-lines/index.html +1491 -340
- package/docs-dev/sass/components/list-ordered/index.html +1491 -340
- package/docs-dev/sass/components/list-unordered/index.html +1491 -340
- package/docs-dev/sass/components/menu-stack/index.html +1578 -378
- package/docs-dev/sass/components/modal/index.html +1576 -390
- package/docs-dev/sass/components/nav-strip/index.html +1499 -348
- package/docs-dev/sass/components/overlay-section/index.html +1499 -348
- package/docs-dev/sass/components/pager/index.html +1491 -340
- package/docs-dev/sass/components/panel/index.html +6273 -0
- package/docs-dev/sass/components/placeholder-block/index.html +1491 -340
- package/docs-dev/sass/components/popover/index.html +1561 -404
- package/docs-dev/sass/components/progress-bar/index.html +6252 -0
- package/docs-dev/sass/components/progress-circle/index.html +6144 -0
- package/docs-dev/sass/components/pull-quote/index.html +1491 -340
- package/docs-dev/sass/components/rail/index.html +6063 -0
- package/docs-dev/sass/components/ratio-box/index.html +1499 -348
- package/docs-dev/sass/components/rule/index.html +1492 -341
- package/docs-dev/sass/components/scroll-slider/index.html +1501 -362
- package/docs-dev/sass/components/skeleton/index.html +6101 -0
- package/docs-dev/sass/components/skip-link/index.html +1491 -340
- package/docs-dev/sass/components/slider/index.html +1581 -442
- package/docs-dev/sass/components/spoke-spinner/index.html +1493 -342
- package/docs-dev/sass/components/sticky-list/index.html +6263 -0
- package/docs-dev/sass/components/table-sticky/index.html +5707 -0
- package/docs-dev/sass/components/tabs/index.html +1519 -353
- package/docs-dev/sass/components/tag/index.html +1648 -403
- package/docs-dev/sass/components/tile-button/index.html +1491 -340
- package/docs-dev/sass/components/tile-grid/index.html +1491 -340
- package/docs-dev/sass/components/tile-grid-overlay/index.html +1491 -340
- package/docs-dev/sass/components/vignette/index.html +1499 -348
- package/docs-dev/sass/components/wysiwyg/index.html +1524 -355
- package/docs-dev/sass/core/breakpoint/index.html +1577 -374
- package/docs-dev/sass/core/button/index.html +1523 -370
- package/docs-dev/sass/core/color/index.html +1768 -485
- package/docs-dev/sass/core/cssvar/index.html +1491 -340
- package/docs-dev/sass/core/element/index.html +1837 -404
- package/docs-dev/sass/core/index.html +1491 -340
- package/docs-dev/sass/core/layout/index.html +1582 -412
- package/docs-dev/sass/core/path/index.html +1491 -340
- package/docs-dev/sass/core/selector/index.html +1491 -340
- package/docs-dev/sass/core/typography/index.html +1657 -448
- package/docs-dev/sass/core/units/index.html +1499 -342
- package/docs-dev/sass/core/utils/index.html +2781 -481
- package/docs-dev/sass/helpers/color/index.html +1491 -340
- package/docs-dev/sass/helpers/display/index.html +1492 -341
- package/docs-dev/sass/helpers/index/index.html +1491 -340
- package/docs-dev/sass/helpers/index.html +1492 -339
- package/docs-dev/sass/helpers/print/index.html +759 -298
- package/docs-dev/sass/helpers/typography/index.html +1491 -340
- package/docs-dev/sass/helpers/units/index.html +1491 -340
- package/docs-dev/sass/helpers/utilities/index.html +1495 -340
- package/docs-dev/sass/index.html +1492 -339
- package/js/events/index.js +17 -5
- package/js/index.js +1 -0
- package/js/settings.js +97 -0
- package/js/ui/breakpoints.js +19 -16
- package/js/ui/collapsible.js +8 -1
- package/js/ui/details-group.js +112 -0
- package/js/ui/dialog.js +103 -44
- package/js/ui/dialog.todo +2 -36
- package/js/ui/flipcard.js +37 -57
- package/js/ui/grid.js +15 -13
- package/js/ui/index.js +1 -0
- package/js/ui/modal-builder.js +127 -70
- package/js/ui/overflow-scroller.js +6 -4
- package/js/ui/page.js +2 -2
- package/js/ui/popover.js +38 -38
- package/js/ui/print.js +16 -25
- package/js/ui/programmatic-modal.js +9 -3
- package/js/ui/proxy-click.js +50 -36
- package/js/ui/resizer.js +408 -39
- package/js/ui/scroll-slider.js +24 -30
- package/js/ui/scrollpoint.js +29 -64
- package/js/ui/slider.js +108 -63
- package/js/ui/tabs.js +23 -36
- package/js/ui/theme-toggle.js +332 -94
- package/js/ui/tooltip.js +27 -32
- package/js/utils/class-logger.js +3 -3
- package/js/utils/css.js +13 -0
- package/js/utils/dom.js +23 -64
- package/js/utils/font-awesome.js +19 -0
- package/js/utils/index.js +2 -1
- package/js/utils/system.js +155 -0
- package/package.json +24 -9
- package/scss/README.md +9 -0
- package/scss/_breakpoint.scss +39 -5
- package/scss/_button.scss +7 -5
- package/scss/_color.scss +71 -40
- package/scss/_element.scss +124 -2
- package/scss/_layout.scss +7 -8
- package/scss/_typography.scss +15 -0
- package/scss/_units.scss +3 -2
- package/scss/_utils.scss +387 -16
- package/scss/base/_elements.scss +0 -1
- package/scss/base/_index.scss +1 -1
- package/scss/base/_keyframes.scss +15 -0
- package/scss/base/_layout.scss +1 -0
- package/scss/base/_print.scss +2 -0
- package/scss/base/_root.scss +2 -0
- package/scss/components/_accordion.scss +167 -110
- package/scss/components/_badge-stack.scss +84 -0
- package/scss/components/_badge.scss +30 -7
- package/scss/components/_basic-hero.scss +112 -0
- package/scss/components/_breadcrumb.scss +110 -0
- package/scss/components/_button-group.scss +90 -0
- package/scss/components/_button-verbose.scss +100 -18
- package/scss/components/_callout.scss +112 -53
- package/scss/components/_card.scss +216 -87
- package/scss/components/_counter-list.scss +151 -0
- package/scss/components/_css-icon.scss +27 -17
- package/scss/components/_data-grid.scss +55 -12
- package/scss/components/_data-table.scss +3 -0
- package/scss/components/_definition-list.scss +178 -0
- package/scss/components/_flipcard.scss +8 -3
- package/scss/components/_form-theme.scss +106 -95
- package/scss/components/_headline-label.scss +83 -0
- package/scss/components/_hero.scss +3 -10
- package/scss/components/_index.scss +79 -0
- package/scss/components/_menu-stack.scss +87 -23
- package/scss/components/_modal.scss +51 -23
- package/scss/components/_nav-strip.scss +2 -0
- package/scss/components/_overlay-section.scss +2 -5
- package/scss/components/_panel.scss +246 -0
- package/scss/components/_popover.scss +139 -38
- package/scss/components/_progress-bar.scss +260 -0
- package/scss/components/_progress-circle.scss +175 -0
- package/scss/components/_pull-quote.scss +1 -1
- package/scss/components/_rail.scss +127 -0
- package/scss/components/_ratio-box.scss +2 -5
- package/scss/components/_rule.scss +1 -0
- package/scss/components/_scroll-slider.scss +1 -5
- package/scss/components/_skeleton.scss +126 -0
- package/scss/components/_slider.scss +49 -72
- package/scss/components/_spoke-spinner.scss +2 -2
- package/scss/components/_sticky-list.scss +206 -0
- package/scss/components/_tabs.scss +22 -4
- package/scss/components/_tag.scss +49 -7
- package/scss/components/_vignette.scss +2 -5
- package/scss/components/_wysiwyg.scss +21 -13
- package/scss/helpers/_display.scss +15 -18
- package/scss/helpers/_print.scss +12 -7
- package/scss/helpers/_utilities.scss +62 -34
- package/types/events/index.d.ts +10 -1
- package/types/events/index.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/settings.d.ts +70 -0
- package/types/settings.d.ts.map +1 -0
- package/types/ui/breakpoints.d.ts +14 -14
- package/types/ui/breakpoints.d.ts.map +1 -1
- package/types/ui/collapsible.d.ts.map +1 -1
- package/types/ui/details-group.d.ts +38 -0
- package/types/ui/details-group.d.ts.map +1 -0
- package/types/ui/dialog.d.ts +20 -14
- package/types/ui/dialog.d.ts.map +1 -1
- package/types/ui/flipcard.d.ts +16 -10
- package/types/ui/flipcard.d.ts.map +1 -1
- package/types/ui/grid.d.ts +4 -6
- package/types/ui/grid.d.ts.map +1 -1
- package/types/ui/index.d.ts +1 -0
- package/types/ui/modal-builder.d.ts +116 -11
- package/types/ui/modal-builder.d.ts.map +1 -1
- package/types/ui/overflow-scroller.d.ts +2 -2
- package/types/ui/overflow-scroller.d.ts.map +1 -1
- package/types/ui/popover.d.ts +6 -7
- package/types/ui/popover.d.ts.map +1 -1
- package/types/ui/print.d.ts +0 -4
- package/types/ui/print.d.ts.map +1 -1
- package/types/ui/programmatic-modal.d.ts.map +1 -1
- package/types/ui/proxy-click.d.ts +19 -3
- package/types/ui/proxy-click.d.ts.map +1 -1
- package/types/ui/resizer.d.ts +116 -16
- package/types/ui/resizer.d.ts.map +1 -1
- package/types/ui/scroll-slider.d.ts +5 -7
- package/types/ui/scroll-slider.d.ts.map +1 -1
- package/types/ui/scrollpoint.d.ts +3 -8
- package/types/ui/scrollpoint.d.ts.map +1 -1
- package/types/ui/slider.d.ts +33 -14
- package/types/ui/slider.d.ts.map +1 -1
- package/types/ui/tabs.d.ts +6 -8
- package/types/ui/tabs.d.ts.map +1 -1
- package/types/ui/theme-toggle.d.ts +51 -7
- package/types/ui/theme-toggle.d.ts.map +1 -1
- package/types/ui/tooltip.d.ts +3 -5
- package/types/ui/tooltip.d.ts.map +1 -1
- package/types/utils/css.d.ts +11 -0
- package/types/utils/css.d.ts.map +1 -0
- package/types/utils/dom.d.ts +12 -32
- package/types/utils/dom.d.ts.map +1 -1
- package/types/utils/font-awesome.d.ts +5 -0
- package/types/utils/font-awesome.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/system.d.ts +113 -0
- package/types/utils/system.d.ts.map +1 -0
package/GEMINI.md
ADDED
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
You are writing code for a frontend CSS library that is agnostic of framework (ie. Vue, React, etc). The library is composed of:
|
|
2
|
+
|
|
3
|
+
- `scss/` Sass modules, with annotations written in SASS Doc syntax
|
|
4
|
+
- `js/` Javascript modules for traditional sites (ie. CMS, Drupal, Static, etc) basically not apps. Although some of these utilities are utilized in the vue implementation of this library (outside this projects scope)
|
|
5
|
+
- `docs-src` The eleventy docs site that has the API documentation for scss and javascript (automatically generated) and the `docs-src/content/demos` where tests and examples are built.
|
|
6
|
+
|
|
7
|
+
## If writing a demo
|
|
8
|
+
|
|
9
|
+
Demos are markdown or html files within `docs-src/content/demos`. They include frontmatter (YAML) at the beginning of the file to store page meta information. When writing demos do not add inline styles (unless the component requires/uses them) or additional stylesheets. Each demo should just be a basic test of the features the component or script provides.
|
package/README.dev.md
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
|
|
9
9
|
## Docs
|
|
10
10
|
|
|
11
|
-
##
|
|
11
|
+
## Updating SCSS
|
|
12
12
|
|
|
13
|
-
-
|
|
13
|
+
- Update sassdocs markdown by `npm run docs:update:scss`
|
|
14
14
|
|
|
15
15
|
## Updating JS Docs
|
|
16
16
|
|
|
@@ -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,10 +1,20 @@
|
|
|
1
|
-
#
|
|
1
|
+
# @ulu/frontend
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Versatile frontend toolkit designed for a variety of web development scenarios.
|
|
4
|
+
|
|
5
|
+
[Full Documentation](https://jscherbe.github.io/frontend/)
|
|
6
|
+
|
|
7
|
+
## key Features
|
|
8
|
+
|
|
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
|
|
14
|
+
|
|
15
|
+
## Related Links
|
|
4
16
|
|
|
5
17
|
- [Documentation](https://jscherbe.github.io/frontend/)
|
|
6
18
|
- [Change Log](CHANGELOG.md)
|
|
7
19
|
- [Development Notes](README.dev.md)
|
|
8
20
|
|
|
9
|
-
|
|
10
|
-
|