@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.
- package/CHANGELOG.md +30 -0
- package/dist/ulu-frontend.min.css +1 -1
- package/dist/ulu-frontend.min.js +7 -7
- package/docs-dev/demos/callout/index.html +25 -12
- package/docs-dev/demos/data-table/index.html +25 -25
- package/docs-dev/demos/form-theme/index.html +18 -31
- package/docs-dev/demos/menu-stack/index.html +16 -16
- package/docs-dev/sass/components/callout/index.html +27 -67
- package/docs-dev/sass/components/captioned-figure/index.html +123 -8
- package/docs-dev/sass/components/card/index.html +32 -17
- package/docs-dev/sass/components/data-table/index.html +193 -10
- package/docs-dev/sass/components/form-theme/index.html +126 -25
- package/docs-dev/sass/components/hero/index.html +56 -8
- package/docs-dev/sass/components/menu-stack/index.html +4 -4
- package/docs-dev/sass/components/popover/index.html +30 -0
- package/docs-dev/sass/components/pull-quote/index.html +12 -12
- package/docs-dev/sass/components/vignette/index.html +14 -8
- package/docs-dev/sass/core/color/index.html +37 -31
- package/package.json +1 -1
- package/scss/_color.scss +8 -2
- package/scss/components/README.todos +14 -0
- package/scss/components/_callout.scss +38 -50
- package/scss/components/_captioned-figure.scss +17 -0
- package/scss/components/_card-grid.scss +1 -1
- package/scss/components/_card.scss +12 -8
- package/scss/components/_data-table.scss +36 -3
- package/scss/components/_form-theme.scss +18 -18
- package/scss/components/_hero.scss +9 -0
- package/scss/components/_menu-stack.scss +19 -16
- package/scss/components/_popover.scss +29 -29
- package/scss/components/_pull-quote.scss +12 -12
- package/scss/components/_vignette.scss +1 -0
- 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),
|
package/types/ui/tabs.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../js/ui/tabs.js"],"names":[],"mappings":"
|
|
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"}
|