@ulu/frontend 0.1.0-beta.10 → 0.1.0-beta.12

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 (33) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/dist/ulu-frontend.min.css +1 -1
  3. package/dist/ulu-frontend.min.js +7 -7
  4. package/docs-dev/demos/callout/index.html +25 -12
  5. package/docs-dev/demos/data-table/index.html +25 -25
  6. package/docs-dev/demos/form-theme/index.html +18 -31
  7. package/docs-dev/demos/menu-stack/index.html +16 -16
  8. package/docs-dev/sass/components/callout/index.html +27 -67
  9. package/docs-dev/sass/components/captioned-figure/index.html +123 -8
  10. package/docs-dev/sass/components/card/index.html +32 -17
  11. package/docs-dev/sass/components/data-table/index.html +193 -10
  12. package/docs-dev/sass/components/form-theme/index.html +126 -25
  13. package/docs-dev/sass/components/hero/index.html +56 -8
  14. package/docs-dev/sass/components/menu-stack/index.html +4 -4
  15. package/docs-dev/sass/components/popover/index.html +30 -0
  16. package/docs-dev/sass/components/pull-quote/index.html +12 -12
  17. package/docs-dev/sass/components/vignette/index.html +14 -8
  18. package/docs-dev/sass/core/color/index.html +37 -31
  19. package/package.json +1 -1
  20. package/scss/_color.scss +8 -2
  21. package/scss/components/README.todos +14 -0
  22. package/scss/components/_callout.scss +38 -50
  23. package/scss/components/_captioned-figure.scss +17 -0
  24. package/scss/components/_card-grid.scss +1 -1
  25. package/scss/components/_card.scss +12 -8
  26. package/scss/components/_data-table.scss +36 -3
  27. package/scss/components/_form-theme.scss +18 -18
  28. package/scss/components/_hero.scss +9 -0
  29. package/scss/components/_menu-stack.scss +19 -16
  30. package/scss/components/_popover.scss +29 -29
  31. package/scss/components/_pull-quote.scss +12 -12
  32. package/scss/components/_vignette.scss +1 -0
  33. package/types/ui/tabs.d.ts.map +1 -1
@@ -29,35 +29,35 @@ $-fallbacks: (
29
29
 
30
30
  /// Module Settings
31
31
  /// @type Map
32
- /// @prop {Dimension} arrow-size [16px]
33
- /// @prop {Color} background-color [white]
34
- /// @prop {Dimension} border-radius [6px]
35
- /// @prop {Color} color [inherit]
36
- /// @prop {Dimension} max-width [90vw]
37
- /// @prop {Dimension} max-height [25rem]
38
- /// @prop {Dimension} padding [1rem]
39
- /// @prop {Dimension} padding-large [2rem]
40
- /// @prop {Dimension} type-size [null]
41
- /// @prop {Number} z-index [true]
42
- /// @prop {CssValue} box-shadow [true]
43
- /// @prop {CssValue} box-shadow-footer [0 0 4px]
44
- /// @prop {String} box-shadow-footer-color ["box-shadow"]
45
- /// @prop {Color} header-background-color [#ccc]
46
- /// @prop {Color} header-color [null]
47
- /// @prop {Color} header-media-background-color [black]
48
- /// @prop {Dimension} header-padding-y [0.25rem]
49
- /// @prop {Color} footer-background-color [#ccc]
50
- /// @prop {Color} footer-color [null]
51
- /// @prop {Dimension} footer-padding-y [0.25rem]
52
- /// @prop {Dimension} footer-padding-y-large [0.5rem]
53
- /// @prop {Color} tooltip-background-color [white]
54
- /// @prop {Color} tooltip-color [null]
55
- /// @prop {Dimension} tooltip-max-width [20rem]
56
- /// @prop {Dimension} tooltip-padding [0.5rem]
57
- /// @prop {Dimension} tooltip-width [auto]
58
- /// @prop {Dimension} width [15rem]
59
- /// @prop {Dimension} width-large [30rem]
60
- /// @prop {Dimension} width-large-x [50rem]
32
+ /// @prop {Dimension} arrow-size [16px] size of the dropdown arrow.
33
+ /// @prop {Color} background-color [white] Background color of the popover.
34
+ /// @prop {Dimension} border-radius [6px] Border radius of the popover.
35
+ /// @prop {Color} color [inherit] Text color of the popover.
36
+ /// @prop {Dimension} max-width [90vw] Max width of the popover.
37
+ /// @prop {Dimension} max-height [25rem] Max height of the popover.
38
+ /// @prop {Dimension} padding [1rem] Padding of the popover.
39
+ /// @prop {Dimension} padding-large [2rem] Padding of the popover if using "--large" or "--large-x" styling.
40
+ /// @prop {Dimension} type-size [null] Font size of the popover.
41
+ /// @prop {Number} z-index [true] z-index of the popover.
42
+ /// @prop {CssValue} box-shadow [true] Box shadow of the popover.
43
+ /// @prop {CssValue} box-shadow-footer [0 0 4px] Box shadow of the popover footer.
44
+ /// @prop {String} box-shadow-footer-color ["box-shadow"] Color of the footer's box shadow.
45
+ /// @prop {Color} header-background-color [#ccc] Background color of the popover header
46
+ /// @prop {Color} header-color [null] Text color for the header.
47
+ /// @prop {Color} header-media-background-color [black] background color for header media.
48
+ /// @prop {Dimension} header-padding-y [0.25rem] Vertical padding of the header.
49
+ /// @prop {Color} footer-background-color [#ccc] Background color of the footer.
50
+ /// @prop {Color} footer-color [null] Text color of the footer.
51
+ /// @prop {Dimension} footer-padding-y [0.25rem] Vertical padding of the footer.
52
+ /// @prop {Dimension} footer-padding-y-large [0.5rem] Vertical padding of the footer if using "--large" or "--large-x" styling.
53
+ /// @prop {Color} tooltip-background-color [white] Background color of the tooltip.
54
+ /// @prop {Color} tooltip-color [null] Font color of the tooltip.
55
+ /// @prop {Dimension} tooltip-max-width [20rem] Max width of the tooltip.
56
+ /// @prop {Dimension} tooltip-padding [0.5rem] Padding of the tooltip.
57
+ /// @prop {Dimension} tooltip-width [auto] Width of the tooltip.
58
+ /// @prop {Dimension} width [15rem] Width of the popover.
59
+ /// @prop {Dimension} width-large [30rem] Width of the popover if using "--large".
60
+ /// @prop {Dimension} width-large-x [50rem] Width of the popover if using "--large-x".
61
61
 
62
62
  $config: (
63
63
  "arrow-size" : 16px,
@@ -21,18 +21,18 @@ $-fallbacks: (
21
21
 
22
22
  /// Module Settings
23
23
  /// @type Map
24
- /// @prop {} body-line-height [true]
25
- /// @prop {} image-margin-bottom [1rem]
26
- /// @prop {} image-margin-top [2.5rem]
27
- /// @prop {} name-margin-bottom [1rem]
28
- /// @prop {} padding-y [2em]
29
- /// @prop {} title-font-style [italic]
30
- /// @prop {} quote-mark-character ["\201c"]
31
- /// @prop {} quote-mark-color [null]
32
- /// @prop {} quote-mark-font-family ["Georgia"]
33
- /// @prop {} quote-mark-font-size [3.75em]
34
- /// @prop {} quote-mark-enabled [true]
35
- /// @prop {} quote-mark-line-height [0.35]
24
+ /// @prop {Number} body-line-height [true]
25
+ /// @prop {Dimension} image-margin-bottom [1rem]
26
+ /// @prop {Dimension} image-margin-top [2.5rem]
27
+ /// @prop {Dimension} name-margin-bottom [1rem]
28
+ /// @prop {Dimension} padding-y [2em]
29
+ /// @prop {CssValue} title-font-style [italic]
30
+ /// @prop {String} quote-mark-character ["\201c"]
31
+ /// @prop {Color} quote-mark-color [null]
32
+ /// @prop {String} quote-mark-font-family ["Georgia"]
33
+ /// @prop {Dimension} quote-mark-font-size [3.75em]
34
+ /// @prop {Boolean} quote-mark-enabled [true]
35
+ /// @prop {Number} quote-mark-line-height [0.35]
36
36
 
37
37
  $config: (
38
38
  "body-line-height" : true,
@@ -12,6 +12,7 @@
12
12
  /// Module Settings
13
13
  /// @type Map
14
14
  /// @prop {Color} background-color [rgb(0,0,0)] Color used for the fade-in of the vignette. Must be actual color not color module palette name
15
+ /// @prop {CssValue} image-filter [saturate(85%)] Filter value placed over image.
15
16
 
16
17
  $config: (
17
18
  "background-color" : rgb(0,0,0),
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"AAeA;;;GAGG;AACH,0CAcC;AAED;;;;GAIG;AACH,oCAHW,IAAI,uBAUd;AAED;;;;;GAKG;AACH,+BAJW,IAAI,YACJ,IAAI,OAuCd;AAlFD;;;GAGG;AACH,8BAA4B"}
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"AAqBA;;;GAGG;AACH,0CAcC;AAED;;;;GAIG;AACH,oCAHW,IAAI,uBAUd;AAED;;;;;GAKG;AACH,+BAJW,IAAI,YACJ,IAAI,OAuCd;AAlFD;;;GAGG;AACH,8BAA4B"}