@ulu/frontend 0.1.0-beta.2 → 0.1.0-beta.21
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 +139 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +18 -18
- package/docs-dev/changelog/index.html +5399 -0
- package/docs-dev/changelog/updates-and-changes/index.html +5109 -0
- package/docs-dev/demos/accordion/index.html +636 -293
- package/docs-dev/demos/basic-hero/index.html +111 -0
- package/docs-dev/demos/button/index.html +636 -293
- package/docs-dev/demos/callout/index.html +661 -305
- package/docs-dev/demos/captioned-figure/index.html +636 -293
- package/docs-dev/demos/card/index.html +636 -293
- package/docs-dev/demos/css-icons/index.html +636 -293
- package/docs-dev/demos/data-grid/index.html +744 -481
- package/docs-dev/demos/data-table/index.html +661 -318
- package/docs-dev/demos/details-group/index.html +4994 -0
- package/docs-dev/demos/file-save/index.html +636 -293
- package/docs-dev/demos/flipcard/index.html +636 -293
- package/docs-dev/demos/form-theme/index.html +654 -324
- 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 +636 -293
- package/docs-dev/demos/list-inline/index.html +4980 -0
- package/docs-dev/demos/list-inline.1/index.html +4727 -0
- package/docs-dev/demos/list-lines/index.html +4970 -0
- package/docs-dev/demos/menu-stack/index.html +655 -312
- package/docs-dev/demos/modals/index.html +636 -293
- package/docs-dev/demos/nav-strip/index.html +656 -349
- package/docs-dev/demos/overlay-section/index.html +636 -293
- package/docs-dev/demos/popovers/index.html +636 -293
- package/docs-dev/demos/print/index.html +636 -293
- package/docs-dev/demos/pull-quote/index.html +636 -293
- package/docs-dev/demos/rule/index.html +636 -293
- package/docs-dev/demos/scroll-slider/index.html +12 -4
- package/docs-dev/demos/scrollpoints/index.html +636 -293
- package/docs-dev/demos/slider/index.html +12 -4
- package/docs-dev/demos/spoke-spinner/index.html +636 -293
- package/docs-dev/demos/tabs/index.html +648 -293
- package/docs-dev/demos/tag/index.html +636 -293
- package/docs-dev/demos/theme-toggle/index.html +5039 -0
- package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
- package/docs-dev/demos/tiles/index.html +636 -293
- package/docs-dev/demos/tooltip/index.html +636 -293
- package/docs-dev/guide/building-stylesheet/index.html +636 -293
- package/docs-dev/guide/developing-ulu-scss-module/index.html +636 -293
- package/docs-dev/guide/index.html +637 -294
- package/docs-dev/guide/updates-and-changes/index.html +5033 -0
- package/docs-dev/index.html +641 -293
- package/docs-dev/javascript/events/index.html +633 -292
- package/docs-dev/javascript/index.html +636 -293
- package/docs-dev/javascript/settings/index.html +5094 -0
- package/docs-dev/javascript/ui-breakpoints/index.html +633 -292
- package/docs-dev/javascript/ui-collapsible/index.html +633 -292
- package/docs-dev/javascript/ui-details-group/index.html +5094 -0
- package/docs-dev/javascript/ui-dialog/index.html +633 -292
- package/docs-dev/javascript/ui-flipcard/index.html +633 -292
- package/docs-dev/javascript/ui-grid/index.html +633 -292
- package/docs-dev/javascript/ui-modal-builder/index.html +633 -292
- package/docs-dev/javascript/ui-overflow-scroller/index.html +633 -292
- package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +633 -292
- package/docs-dev/javascript/ui-page/index.html +633 -292
- package/docs-dev/javascript/ui-popover/index.html +633 -292
- package/docs-dev/javascript/ui-print/index.html +633 -292
- package/docs-dev/javascript/ui-print-details/index.html +633 -292
- package/docs-dev/javascript/ui-programmatic-modal/index.html +633 -292
- package/docs-dev/javascript/ui-proxy-click/index.html +633 -292
- package/docs-dev/javascript/ui-resizer/index.html +633 -292
- package/docs-dev/javascript/ui-scroll-slider/index.html +633 -292
- package/docs-dev/javascript/ui-scrollpoint/index.html +633 -292
- package/docs-dev/javascript/ui-slider/index.html +633 -292
- package/docs-dev/javascript/ui-tabs/index.html +633 -292
- package/docs-dev/javascript/ui-theme-toggle/index.html +5178 -0
- package/docs-dev/javascript/ui-tooltip/index.html +633 -292
- package/docs-dev/javascript/utils-class-logger/index.html +633 -292
- package/docs-dev/javascript/utils-dom/index.html +697 -296
- package/docs-dev/javascript/utils-file-save/index.html +633 -292
- package/docs-dev/javascript/utils-floating-ui/index.html +633 -292
- package/docs-dev/javascript/utils-id/index.html +633 -292
- package/docs-dev/javascript/utils-pause-youtube-video/index.html +633 -292
- package/docs-dev/sass/base/color/index.html +633 -292
- package/docs-dev/sass/base/elements/index.html +633 -292
- package/docs-dev/sass/base/index/index.html +633 -292
- package/docs-dev/sass/base/index.html +636 -293
- package/docs-dev/sass/base/keyframes/index.html +633 -292
- package/docs-dev/sass/base/layout/index.html +633 -292
- package/docs-dev/sass/base/normalize/index.html +633 -292
- package/docs-dev/sass/base/print/index.html +633 -292
- package/docs-dev/sass/base/root/index.html +633 -292
- package/docs-dev/sass/base/typography/index.html +633 -292
- package/docs-dev/sass/components/accordion/index.html +638 -297
- package/docs-dev/sass/components/adaptive-spacing/index.html +633 -292
- package/docs-dev/sass/components/badge/index.html +641 -300
- package/docs-dev/sass/components/basic-hero/index.html +5145 -0
- package/docs-dev/sass/components/button/index.html +633 -292
- package/docs-dev/sass/components/button-verbose/index.html +634 -293
- package/docs-dev/sass/components/callout/index.html +658 -353
- package/docs-dev/sass/components/captioned-figure/index.html +756 -300
- package/docs-dev/sass/components/card/index.html +665 -309
- package/docs-dev/sass/components/card-grid/index.html +633 -292
- package/docs-dev/sass/components/css-icon/index.html +650 -302
- package/docs-dev/sass/components/data-grid/index.html +633 -292
- package/docs-dev/sass/components/data-table/index.html +829 -303
- package/docs-dev/sass/components/fill-context/index.html +633 -292
- package/docs-dev/sass/components/flipcard/index.html +641 -300
- package/docs-dev/sass/components/flipcard-grid/index.html +633 -292
- package/docs-dev/sass/components/form-theme/index.html +761 -319
- package/docs-dev/sass/components/hero/index.html +689 -300
- package/docs-dev/sass/components/horizontal-rule/index.html +633 -292
- package/docs-dev/sass/components/image-grid/index.html +633 -292
- package/docs-dev/sass/components/index/index.html +645 -302
- package/docs-dev/sass/components/index.html +636 -293
- package/docs-dev/sass/components/links/index.html +633 -292
- package/docs-dev/sass/components/list-inline/index.html +5159 -0
- package/docs-dev/sass/components/list-lines/index.html +665 -328
- package/docs-dev/sass/components/list-ordered/index.html +635 -294
- package/docs-dev/sass/components/list-unordered/index.html +633 -292
- package/docs-dev/sass/components/menu-stack/index.html +667 -313
- package/docs-dev/sass/components/modal/index.html +654 -306
- package/docs-dev/sass/components/nav-strip/index.html +645 -304
- package/docs-dev/sass/components/overlay-section/index.html +641 -300
- package/docs-dev/sass/components/pager/index.html +633 -292
- package/docs-dev/sass/components/placeholder-block/index.html +633 -292
- package/docs-dev/sass/components/popover/index.html +663 -292
- package/docs-dev/sass/components/pull-quote/index.html +645 -304
- package/docs-dev/sass/components/ratio-box/index.html +633 -292
- package/docs-dev/sass/components/rule/index.html +641 -300
- package/docs-dev/sass/components/scroll-slider/index.html +633 -292
- package/docs-dev/sass/components/skip-link/index.html +641 -300
- package/docs-dev/sass/components/slider/index.html +640 -299
- package/docs-dev/sass/components/spoke-spinner/index.html +633 -292
- package/docs-dev/sass/components/tabs/index.html +649 -301
- package/docs-dev/sass/components/tag/index.html +633 -292
- package/docs-dev/sass/components/tile-button/index.html +633 -292
- package/docs-dev/sass/components/tile-grid/index.html +633 -292
- package/docs-dev/sass/components/tile-grid-overlay/index.html +633 -292
- package/docs-dev/sass/components/vignette/index.html +647 -300
- package/docs-dev/sass/components/wysiwyg/index.html +633 -292
- package/docs-dev/sass/core/breakpoint/index.html +633 -292
- package/docs-dev/sass/core/button/index.html +633 -292
- package/docs-dev/sass/core/color/index.html +671 -323
- package/docs-dev/sass/core/cssvar/index.html +633 -292
- package/docs-dev/sass/core/element/index.html +633 -292
- package/docs-dev/sass/core/index.html +633 -292
- package/docs-dev/sass/core/layout/index.html +633 -292
- package/docs-dev/sass/core/path/index.html +633 -292
- package/docs-dev/sass/core/selector/index.html +633 -292
- package/docs-dev/sass/core/typography/index.html +633 -292
- package/docs-dev/sass/core/units/index.html +633 -292
- package/docs-dev/sass/core/utils/index.html +633 -292
- package/docs-dev/sass/helpers/color/index.html +633 -292
- package/docs-dev/sass/helpers/display/index.html +633 -292
- package/docs-dev/sass/helpers/index/index.html +633 -292
- package/docs-dev/sass/helpers/index.html +636 -293
- package/docs-dev/sass/helpers/print/index.html +633 -292
- package/docs-dev/sass/helpers/typography/index.html +633 -292
- package/docs-dev/sass/helpers/units/index.html +633 -292
- package/docs-dev/sass/helpers/utilities/index.html +633 -292
- package/docs-dev/sass/index.html +636 -293
- package/js/index.js +1 -0
- package/js/settings.js +78 -0
- package/js/ui/details-group.js +121 -0
- package/js/ui/index.js +1 -0
- package/js/ui/modal-builder.js +3 -2
- package/js/ui/overflow-scroller.js +5 -4
- package/js/ui/programmatic-modal.js +9 -3
- package/js/ui/slider.js +7 -6
- package/js/ui/theme-toggle.js +330 -89
- package/js/utils/dom.js +43 -1
- package/js/utils/font-awesome.js +18 -0
- package/js/utils/index.js +2 -1
- package/package.json +3 -2
- package/scss/_color.scss +9 -2
- package/scss/components/README.todos +14 -0
- package/scss/components/_accordion.scss +13 -13
- package/scss/components/_badge.scss +3 -2
- package/scss/components/_basic-hero.scss +112 -0
- package/scss/components/_button-verbose.scss +3 -2
- package/scss/components/_callout.scss +43 -54
- package/scss/components/_captioned-figure.scss +23 -5
- package/scss/components/_card-grid.scss +1 -1
- package/scss/components/_card.scss +52 -37
- package/scss/components/_css-icon.scss +16 -11
- package/scss/components/_data-table.scss +41 -4
- package/scss/components/_flipcard.scss +13 -12
- package/scss/components/_form-theme.scss +47 -47
- package/scss/components/_hero.scss +9 -0
- package/scss/components/_index.scss +12 -0
- package/scss/components/_list-inline.scss +80 -0
- package/scss/components/_list-lines.scss +44 -33
- package/scss/components/_list-ordered.scss +0 -1
- package/scss/components/_menu-stack.scss +42 -26
- package/scss/components/_modal.scss +23 -19
- package/scss/components/_nav-strip.scss +25 -16
- package/scss/components/_overlay-section.scss +2 -1
- package/scss/components/_pager.scss +6 -6
- package/scss/components/_placeholder-block.scss +4 -4
- package/scss/components/_popover.scss +38 -38
- package/scss/components/_pull-quote.scss +12 -12
- package/scss/components/_rule.scss +0 -1
- package/scss/components/_scroll-slider.scss +1 -1
- package/scss/components/_skip-link.scss +2 -1
- package/scss/components/_slider.scss +17 -38
- package/scss/components/_tabs.scss +45 -53
- package/scss/components/_tag.scss +1 -1
- package/scss/components/_vignette.scss +1 -0
- package/types/index.d.ts +1 -0
- package/types/settings.d.ts +38 -0
- package/types/settings.d.ts.map +1 -0
- package/types/ui/details-group.d.ts +43 -0
- package/types/ui/details-group.d.ts.map +1 -0
- package/types/ui/index.d.ts +1 -0
- package/types/ui/modal-builder.d.ts +2 -2
- 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/programmatic-modal.d.ts.map +1 -1
- package/types/ui/slider.d.ts +2 -2
- package/types/ui/slider.d.ts.map +1 -1
- package/types/ui/tabs.d.ts.map +1 -1
- package/types/ui/theme-toggle.d.ts +58 -7
- package/types/ui/theme-toggle.d.ts.map +1 -1
- package/types/utils/dom.d.ts +19 -1
- 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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,144 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## Version 0.1.0-beta.21
|
|
4
|
+
|
|
5
|
+
- scss/components/tabs.scss
|
|
6
|
+
- Minor: fix margin output (space separated list vs comma)
|
|
7
|
+
- Remove scrollbar in tablist
|
|
8
|
+
|
|
9
|
+
## Version 0.1.0-beta.20
|
|
10
|
+
|
|
11
|
+
- scss/components/basic-hero **new**
|
|
12
|
+
- Added component for handling simple hero or header styling with text and media in container
|
|
13
|
+
- js/ui/theme-toggle.js (refactored to allow)
|
|
14
|
+
- Inverted the default icons so that the icon reflects the theme it will trigger
|
|
15
|
+
- Multiple instances of theme toggles
|
|
16
|
+
- Remote theme toggles (other toggles buttons that follow/match main toggle)
|
|
17
|
+
- If the toggle button is used in more than one place in UI
|
|
18
|
+
- Toggle and remote linked via 'group' option
|
|
19
|
+
- Allow targeting multiple containers to toggle theme on
|
|
20
|
+
- New options/API structure
|
|
21
|
+
- Now accepts themes object with settings on what it should toggle
|
|
22
|
+
- Allow callback for customizing behavior when changing state
|
|
23
|
+
- Add demo/tests
|
|
24
|
+
- js/utils/dom.js
|
|
25
|
+
- Add getElements() (matches getElement) but for multiple elements
|
|
26
|
+
- Add resolveClasses() to allow class options to be string or array form
|
|
27
|
+
- So that scripts using can easily resolve classes to consistent type for use in element.classList, etc
|
|
28
|
+
- js/ui/details-group.js
|
|
29
|
+
- Fix error in event pageModified (caused by passing event object to setup)
|
|
30
|
+
|
|
31
|
+
## Version 0.1.0-beta.19
|
|
32
|
+
|
|
33
|
+
- js/ui/details-group.js
|
|
34
|
+
- Added new module to manage groups of details (just one open at time right now)
|
|
35
|
+
|
|
36
|
+
## Version 0.1.0-beta.18
|
|
37
|
+
|
|
38
|
+
- scss/components/_button-verbose.scss
|
|
39
|
+
- Add text align left
|
|
40
|
+
|
|
41
|
+
## Version 0.1.0-beta.17
|
|
42
|
+
|
|
43
|
+
- js/ui/programmatic-modal.js
|
|
44
|
+
- Add "classes" option to createAndOpen, to match legacy module's API
|
|
45
|
+
|
|
46
|
+
## Version 0.1.0-beta.16
|
|
47
|
+
|
|
48
|
+
- js/ui/programmatic-modal.js
|
|
49
|
+
- Change createAndOpen config option "selector" to ambiguous name "element" to allow passing both selector or element (using getElement())
|
|
50
|
+
|
|
51
|
+
## Version 0.1.0-beta.15
|
|
52
|
+
|
|
53
|
+
- JS
|
|
54
|
+
- Settings.js
|
|
55
|
+
- Setup new shared setting module (currently holds icon string settings)
|
|
56
|
+
- Setup common methods for dealing with settings
|
|
57
|
+
- Setup wrapped string get method for use in configuring defaults for other modules
|
|
58
|
+
- So we don't need to refactor for after runtime settings changes
|
|
59
|
+
- utils/font-awesome.js - Includes helper method for setting font-awesome icons (configureIcons)
|
|
60
|
+
- ui/modal-builder.js - Adjust to use settings to get icon defaults
|
|
61
|
+
- ui/overflow-scroller.js and js/ui/slider.js
|
|
62
|
+
- Change `iconClassesPrevious` and `iconClassesNext` to non array settings `iconClassPrevious` and iconClassNext
|
|
63
|
+
- Change the above defaults to pull from settings.js
|
|
64
|
+
- js/ui/slider.js
|
|
65
|
+
- Fix selector .Slider__control-icon was on .Slider__control-button is now moved to icon
|
|
66
|
+
- SCSS
|
|
67
|
+
- components/_slider.scss
|
|
68
|
+
- Fix incorrect selector .Slider__control-icon which was actually targeting the control-button
|
|
69
|
+
|
|
70
|
+
## Version 0.1.0-beta.14
|
|
71
|
+
|
|
72
|
+
- SCSS > Components > Nav Strip
|
|
73
|
+
- Add remove-scrollbar() CSS to nav strip list
|
|
74
|
+
|
|
75
|
+
## Version 0.1.0-beta.13
|
|
76
|
+
|
|
77
|
+
- SCSS > Components > Menu Stack
|
|
78
|
+
- Add options for line-height for link and label
|
|
79
|
+
- Change rule color to light by default
|
|
80
|
+
|
|
81
|
+
## Version 0.1.0-beta.12
|
|
82
|
+
|
|
83
|
+
- SCSS > Components > Menu Stack
|
|
84
|
+
- Refactor menu-stack__checkbox selector to menu-stack__selectable so it works for both radio/checkbox layouts
|
|
85
|
+
- Added other selectors if needed menu-stack__selectable-[input/label], but it still works with native element selectors (ie. [type="checkbox"])
|
|
86
|
+
- Change config (checkbox-area-width to selectable-input-width)
|
|
87
|
+
|
|
88
|
+
## Version 0.1.0-beta.11
|
|
89
|
+
|
|
90
|
+
- SCSS
|
|
91
|
+
- Components
|
|
92
|
+
- Card
|
|
93
|
+
- Set config options for settings that were hardcoded in
|
|
94
|
+
- Form Theme:
|
|
95
|
+
- Change config item "input-margin-y" to "item-margin-y" since that's what it affects.
|
|
96
|
+
- Add config options to hardcoded options in fieldset
|
|
97
|
+
- Remove fieldset span styling
|
|
98
|
+
- Replaced config defaults using color.get("error") to now use color.get("danger")
|
|
99
|
+
- Menu Stack
|
|
100
|
+
- Remove padding on container when set to hanging (incorrect)
|
|
101
|
+
- Data Table
|
|
102
|
+
- Add header-color option for thead th
|
|
103
|
+
- Callout
|
|
104
|
+
- Adjustments to left cap styling
|
|
105
|
+
- Left-cap height and horizontal positioning now include the border-width
|
|
106
|
+
- Left-cap mixin is now a private mixin
|
|
107
|
+
- **replaced "border" config option with "border-color" and "border-width"**
|
|
108
|
+
- Color
|
|
109
|
+
- New color options and adjusted colors error and warning.
|
|
110
|
+
|
|
111
|
+
## Version 0.1.0-beta.10
|
|
112
|
+
|
|
113
|
+
- "scss/component/modal" - Add "width-left-right" for sidebar style width setting
|
|
114
|
+
- "scss/component/css-icons" - Add "drag-gap-multiplier" to adjust the gap between strokes
|
|
115
|
+
- "js/ui/modal-builder" - Fix css-icon class for resizer (to css-icon--drag-x)
|
|
116
|
+
|
|
117
|
+
## Version 0.1.0-beta.9
|
|
118
|
+
|
|
119
|
+
- Updates to "scss/component/card" - Fix card overlay border-radius (body and footer), fix card border being conditional on interactive (proxy-click)
|
|
120
|
+
|
|
121
|
+
## Version 0.1.0-beta.8
|
|
122
|
+
|
|
123
|
+
- Update "scss/components/data-table" to have border and no margin on caption by default, add caption config properties (caption-text-align, caption-background-color)
|
|
124
|
+
|
|
125
|
+
## Version 0.1.0-beta.7
|
|
126
|
+
|
|
127
|
+
- Add "scss/components/list-inline" component
|
|
128
|
+
- Update "scss/components/list-lines" component to have adjustable base selector
|
|
129
|
+
|
|
130
|
+
## Version 0.1.0-beta.6
|
|
131
|
+
|
|
132
|
+
- Add "title-font-family" to scss/components/modal
|
|
133
|
+
|
|
134
|
+
## Version 0.1.0-beta.5
|
|
135
|
+
|
|
136
|
+
- scss/components/nav-strip - Adjust rule style so the rule is not a border on parent (so child can overlap if desired), Adjust all colors to run through color.get(), Convert to gap instead of margins
|
|
137
|
+
|
|
138
|
+
## Version 0.1.0-beta.3 - 0.1.0-beta.4
|
|
139
|
+
|
|
140
|
+
- scss/components/tabs - Add breakpoint to vertical tabs (to go to horizontal)
|
|
141
|
+
|
|
3
142
|
## Version 0.1.0-beta.2
|
|
4
143
|
|
|
5
144
|
- scss
|