fomantic-ui 2.9.3-beta.2 → 2.9.3-beta.20
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/.github/workflows/ci.yml +1 -1
- package/dist/components/accordion.css +1 -1
- package/dist/components/accordion.js +1 -1
- package/dist/components/accordion.min.css +1 -1
- package/dist/components/accordion.min.js +1 -1
- package/dist/components/ad.css +1 -1
- package/dist/components/ad.min.css +1 -1
- package/dist/components/api.js +1 -1
- package/dist/components/api.min.js +1 -1
- package/dist/components/breadcrumb.css +1 -1
- package/dist/components/breadcrumb.min.css +1 -1
- package/dist/components/button.css +2 -2
- package/dist/components/button.min.css +2 -2
- package/dist/components/calendar.css +6 -6
- package/dist/components/calendar.js +1 -1
- package/dist/components/calendar.min.css +2 -2
- package/dist/components/calendar.min.js +1 -1
- package/dist/components/card.css +1 -1
- package/dist/components/card.min.css +1 -1
- package/dist/components/checkbox.css +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.min.css +1 -1
- package/dist/components/checkbox.min.js +1 -1
- package/dist/components/comment.css +1 -1
- package/dist/components/comment.min.css +1 -1
- package/dist/components/container.css +62 -1
- package/dist/components/container.min.css +2 -2
- package/dist/components/dimmer.css +3 -3
- package/dist/components/dimmer.js +1 -1
- package/dist/components/dimmer.min.css +2 -2
- package/dist/components/dimmer.min.js +1 -1
- package/dist/components/divider.css +1 -1
- package/dist/components/divider.min.css +1 -1
- package/dist/components/dropdown.css +42 -4
- package/dist/components/dropdown.js +22 -12
- package/dist/components/dropdown.min.css +2 -2
- package/dist/components/dropdown.min.js +2 -2
- package/dist/components/embed.css +1 -1
- package/dist/components/embed.js +1 -1
- package/dist/components/embed.min.css +1 -1
- package/dist/components/embed.min.js +1 -1
- package/dist/components/emoji.css +1 -1
- package/dist/components/emoji.min.css +1 -1
- package/dist/components/feed.css +1 -1
- package/dist/components/feed.min.css +1 -1
- package/dist/components/flag.css +3 -2
- package/dist/components/flag.min.css +2 -2
- package/dist/components/flyout.css +1 -1
- package/dist/components/flyout.js +26 -20
- package/dist/components/flyout.min.css +1 -1
- package/dist/components/flyout.min.js +2 -2
- package/dist/components/form.css +53 -20
- package/dist/components/form.js +74 -43
- package/dist/components/form.min.css +2 -2
- package/dist/components/form.min.js +2 -2
- package/dist/components/grid.css +107 -107
- package/dist/components/grid.min.css +2 -2
- package/dist/components/header.css +1 -1
- package/dist/components/header.min.css +1 -1
- package/dist/components/icon.css +1 -1
- package/dist/components/icon.min.css +1 -1
- package/dist/components/image.css +1 -1
- package/dist/components/image.min.css +1 -1
- package/dist/components/input.css +3 -27
- package/dist/components/input.min.css +2 -2
- package/dist/components/item.css +1 -1
- package/dist/components/item.min.css +1 -1
- package/dist/components/label.css +21 -2
- package/dist/components/label.min.css +2 -2
- package/dist/components/list.css +13 -13
- package/dist/components/list.min.css +2 -2
- package/dist/components/loader.css +282 -282
- package/dist/components/loader.min.css +2 -2
- package/dist/components/menu.css +9 -3
- package/dist/components/menu.min.css +2 -2
- package/dist/components/message.css +1 -1
- package/dist/components/message.min.css +1 -1
- package/dist/components/modal.css +10 -3
- package/dist/components/modal.js +31 -26
- package/dist/components/modal.min.css +2 -2
- package/dist/components/modal.min.js +2 -2
- package/dist/components/nag.css +1 -1
- package/dist/components/nag.js +1 -1
- package/dist/components/nag.min.css +1 -1
- package/dist/components/nag.min.js +1 -1
- package/dist/components/placeholder.css +1 -1
- package/dist/components/placeholder.min.css +1 -1
- package/dist/components/popup.css +41 -40
- package/dist/components/popup.js +8 -6
- package/dist/components/popup.min.css +2 -2
- package/dist/components/popup.min.js +2 -2
- package/dist/components/progress.css +1 -1
- package/dist/components/progress.js +1 -1
- package/dist/components/progress.min.css +1 -1
- package/dist/components/progress.min.js +1 -1
- package/dist/components/rail.css +1 -1
- package/dist/components/rail.min.css +1 -1
- package/dist/components/rating.css +1 -1
- package/dist/components/rating.js +1 -1
- package/dist/components/rating.min.css +1 -1
- package/dist/components/rating.min.js +1 -1
- package/dist/components/reset.css +1 -1
- package/dist/components/reset.min.css +1 -1
- package/dist/components/reveal.css +1 -1
- package/dist/components/reveal.min.css +1 -1
- package/dist/components/search.css +17 -1
- package/dist/components/search.js +3 -2
- package/dist/components/search.min.css +2 -2
- package/dist/components/search.min.js +2 -2
- package/dist/components/segment.css +159 -33
- package/dist/components/segment.min.css +2 -2
- package/dist/components/shape.css +1 -1
- package/dist/components/shape.js +1 -1
- package/dist/components/shape.min.css +1 -1
- package/dist/components/shape.min.js +1 -1
- package/dist/components/sidebar.css +1 -1
- package/dist/components/sidebar.js +1 -1
- package/dist/components/sidebar.min.css +1 -1
- package/dist/components/sidebar.min.js +1 -1
- package/dist/components/site.css +1 -1
- package/dist/components/site.js +1 -1
- package/dist/components/site.min.css +1 -1
- package/dist/components/site.min.js +1 -1
- package/dist/components/slider.css +1 -1
- package/dist/components/slider.js +122 -26
- package/dist/components/slider.min.css +1 -1
- package/dist/components/slider.min.js +2 -2
- package/dist/components/state.js +1 -1
- package/dist/components/state.min.js +1 -1
- package/dist/components/statistic.css +1 -1
- package/dist/components/statistic.min.css +1 -1
- package/dist/components/step.css +1 -1
- package/dist/components/step.min.css +1 -1
- package/dist/components/sticky.css +1 -1
- package/dist/components/sticky.js +1 -1
- package/dist/components/sticky.min.css +1 -1
- package/dist/components/sticky.min.js +1 -1
- package/dist/components/tab.css +1 -1
- package/dist/components/tab.js +1 -1
- package/dist/components/tab.min.css +1 -1
- package/dist/components/tab.min.js +1 -1
- package/dist/components/table.css +65 -1
- package/dist/components/table.min.css +2 -2
- package/dist/components/text.css +1 -1
- package/dist/components/text.min.css +1 -1
- package/dist/components/toast.css +6 -1
- package/dist/components/toast.js +2 -2
- package/dist/components/toast.min.css +2 -2
- package/dist/components/toast.min.js +2 -2
- package/dist/components/transition.css +1 -1
- package/dist/components/transition.js +1 -1
- package/dist/components/transition.min.css +1 -1
- package/dist/components/transition.min.js +1 -1
- package/dist/components/visibility.js +1 -1
- package/dist/components/visibility.min.js +1 -1
- package/dist/semantic.css +1055 -593
- package/dist/semantic.js +306 -155
- package/dist/semantic.min.css +2 -2
- package/dist/semantic.min.js +2 -2
- package/package.json +1 -1
- package/src/definitions/behaviors/form.js +73 -42
- package/src/definitions/collections/breadcrumb.less +2 -1
- package/src/definitions/collections/form.less +27 -13
- package/src/definitions/collections/grid.less +108 -107
- package/src/definitions/collections/menu.less +29 -21
- package/src/definitions/collections/message.less +2 -1
- package/src/definitions/collections/table.less +68 -1
- package/src/definitions/elements/button.less +4 -2
- package/src/definitions/elements/container.less +65 -1
- package/src/definitions/elements/divider.less +2 -1
- package/src/definitions/elements/emoji.less +2 -1
- package/src/definitions/elements/flag.less +2 -1
- package/src/definitions/elements/header.less +2 -1
- package/src/definitions/elements/icon.less +2 -1
- package/src/definitions/elements/image.less +2 -1
- package/src/definitions/elements/input.less +4 -3
- package/src/definitions/elements/label.less +23 -2
- package/src/definitions/elements/list.less +14 -13
- package/src/definitions/elements/loader.less +73 -72
- package/src/definitions/elements/placeholder.less +2 -1
- package/src/definitions/elements/rail.less +2 -1
- package/src/definitions/elements/reveal.less +2 -1
- package/src/definitions/elements/segment.less +112 -14
- package/src/definitions/elements/step.less +2 -1
- package/src/definitions/elements/text.less +2 -1
- package/src/definitions/globals/reset.less +2 -1
- package/src/definitions/globals/site.less +2 -1
- package/src/definitions/modules/accordion.less +2 -1
- package/src/definitions/modules/calendar.less +3 -2
- package/src/definitions/modules/checkbox.less +2 -1
- package/src/definitions/modules/dimmer.less +4 -3
- package/src/definitions/modules/dropdown.js +21 -11
- package/src/definitions/modules/dropdown.less +55 -4
- package/src/definitions/modules/embed.less +2 -1
- package/src/definitions/modules/flyout.js +25 -19
- package/src/definitions/modules/flyout.less +2 -1
- package/src/definitions/modules/modal.js +30 -25
- package/src/definitions/modules/modal.less +13 -3
- package/src/definitions/modules/nag.less +3 -1
- package/src/definitions/modules/popup.js +7 -5
- package/src/definitions/modules/popup.less +42 -39
- package/src/definitions/modules/progress.less +2 -1
- package/src/definitions/modules/rating.less +2 -1
- package/src/definitions/modules/search.js +2 -1
- package/src/definitions/modules/search.less +20 -1
- package/src/definitions/modules/shape.less +2 -1
- package/src/definitions/modules/sidebar.less +2 -1
- package/src/definitions/modules/slider.js +121 -25
- package/src/definitions/modules/slider.less +2 -1
- package/src/definitions/modules/sticky.less +2 -1
- package/src/definitions/modules/tab.less +2 -1
- package/src/definitions/modules/toast.js +1 -1
- package/src/definitions/modules/toast.less +9 -1
- package/src/definitions/modules/transition.less +2 -1
- package/src/definitions/views/ad.less +2 -1
- package/src/definitions/views/card.less +2 -1
- package/src/definitions/views/comment.less +2 -1
- package/src/definitions/views/feed.less +2 -1
- package/src/definitions/views/item.less +2 -1
- package/src/definitions/views/statistic.less +2 -1
- package/src/overrides.less +7 -0
- package/src/theme.less +7 -6
- package/src/themes/amazon/elements/button.variables +5 -1
- package/src/themes/bootstrap3/elements/button.variables +5 -1
- package/src/themes/chubby/elements/header.variables +6 -1
- package/src/themes/default/collections/message.variables +3 -9
- package/src/themes/default/collections/table.variables +3 -0
- package/src/themes/default/elements/button.variables +1 -3
- package/src/themes/default/elements/container.variables +3 -0
- package/src/themes/default/elements/flag.variables +1 -1
- package/src/themes/default/elements/label.variables +5 -0
- package/src/themes/default/elements/segment.variables +8 -0
- package/src/themes/default/globals/site.variables +20 -1
- package/src/themes/default/globals/variation.variables +7 -1
- package/src/themes/default/modules/dropdown.variables +6 -0
- package/src/themes/default/modules/modal.variables +4 -0
- package/src/themes/default/modules/popup.variables +3 -1
- package/src/themes/default/modules/search.variables +3 -0
- package/src/themes/default/modules/toast.variables +1 -0
- package/src/themes/default/views/card.variables +4 -12
- package/src/themes/github/elements/button.variables +5 -1
- package/src/themes/twitter/elements/button.variables +5 -1
- package/tasks/admin/distributions/create.js +8 -3
- package/tasks/config/project/install.js +3 -0
- package/tasks/config/tasks.js +1 -8
- package/tasks/install.js +15 -5
@@ -0,0 +1,7 @@
|
|
1
|
+
// ------------------
|
2
|
+
// Overrides
|
3
|
+
// -------------------
|
4
|
+
|
5
|
+
@import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
|
6
|
+
@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
|
7
|
+
@import (optional) "@{siteFolder}/@{type}s/@{element}.overrides";
|
package/src/theme.less
CHANGED
@@ -6,7 +6,7 @@
|
|
6
6
|
Theme
|
7
7
|
------------------- */
|
8
8
|
|
9
|
-
@theme: @@element;
|
9
|
+
@theme: if(@@element = "default", "", @@element);
|
10
10
|
|
11
11
|
/* --------------------
|
12
12
|
Site Variables
|
@@ -80,10 +80,11 @@
|
|
80
80
|
Overrides
|
81
81
|
------------------- */
|
82
82
|
|
83
|
+
// Keep empty mixin in case of custom components using it so they dont break
|
83
84
|
.loadUIOverrides() {
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
85
|
+
/* loadUIOverrides mixin is deprecated and will be removed in 2.10.0
|
86
|
+
Replace mixin call by
|
87
|
+
@import (multiple, optional) "../../overrides.less";
|
88
|
+
instead
|
89
|
+
*/
|
89
90
|
}
|
@@ -3,7 +3,11 @@
|
|
3
3
|
-------------------- */
|
4
4
|
|
5
5
|
/* Button Variables */
|
6
|
-
@pageFont:
|
6
|
+
@pageFont:
|
7
|
+
Helvetica Neue,
|
8
|
+
Helvetica,
|
9
|
+
Arial,
|
10
|
+
sans-serif;
|
7
11
|
@textTransform: none;
|
8
12
|
@fontWeight: @normal;
|
9
13
|
@textColor: rgba(51, 51, 51, 1);
|
@@ -2,7 +2,12 @@
|
|
2
2
|
Header
|
3
3
|
-------------------- */
|
4
4
|
|
5
|
-
@headerFont:
|
5
|
+
@headerFont:
|
6
|
+
"Source Sans Pro",
|
7
|
+
Helvetica Neue,
|
8
|
+
Helvetica,
|
9
|
+
Arial,
|
10
|
+
sans-serif;
|
6
11
|
@fontWeight: bold;
|
7
12
|
@textTransform: none;
|
8
13
|
|
@@ -19,9 +19,7 @@
|
|
19
19
|
@borderWidth: 1px;
|
20
20
|
@borderShadow: 0 0 0 @borderWidth @strongBorderColor inset;
|
21
21
|
@shadowShadow: 0 0 0 0 rgba(0, 0, 0, 0);
|
22
|
-
@boxShadow:
|
23
|
-
@borderShadow,
|
24
|
-
@shadowShadow;
|
22
|
+
@boxShadow: @borderShadow, @shadowShadow;
|
25
23
|
|
26
24
|
@transition:
|
27
25
|
opacity @defaultDuration @defaultEasing,
|
@@ -71,14 +69,10 @@
|
|
71
69
|
@attachedXOffset: -1px;
|
72
70
|
@attachedYOffset: -1px;
|
73
71
|
@attachedBoxShadow: 0 0 0 @borderWidth @borderColor inset;
|
74
|
-
@attachedBottomBoxShadow:
|
75
|
-
@attachedBoxShadow,
|
76
|
-
@subtleShadow;
|
72
|
+
@attachedBottomBoxShadow: @attachedBoxShadow, @subtleShadow;
|
77
73
|
|
78
74
|
/* Floating */
|
79
|
-
@floatingBoxShadow:
|
80
|
-
@borderShadow,
|
81
|
-
@floatingShadow;
|
75
|
+
@floatingBoxShadow: @borderShadow, @floatingShadow;
|
82
76
|
|
83
77
|
/* Colors */
|
84
78
|
@redBoxShadow:
|
@@ -38,9 +38,7 @@
|
|
38
38
|
@borderBoxShadowColor: transparent;
|
39
39
|
@borderBoxShadowWidth: 1px;
|
40
40
|
@borderBoxShadow: 0 0 0 @borderBoxShadowWidth @borderBoxShadowColor inset;
|
41
|
-
@boxShadow:
|
42
|
-
@borderBoxShadow,
|
43
|
-
@shadowBoxShadow;
|
41
|
+
@boxShadow: @borderBoxShadow, @shadowBoxShadow;
|
44
42
|
|
45
43
|
/* Icon */
|
46
44
|
@iconHeight: auto;
|
@@ -139,11 +139,14 @@
|
|
139
139
|
|
140
140
|
@ribbonMargin: 1rem;
|
141
141
|
@ribbonOffset: e(%("calc(%d - %d)", -@ribbonMargin, @ribbonTriangleSize));
|
142
|
+
@ribbonCenterSize: 1em;
|
143
|
+
@ribbonCenterOffset: e(%("calc(50% - %d)", @ribbonCenterSize));
|
142
144
|
@basicRibbonOffset: e(%("calc(%d - %d)", @verticalPadding, @basicBorderWidth));
|
143
145
|
@ribbonDistance: e(%("calc(%d + %d)", @ribbonMargin, @ribbonTriangleSize));
|
144
146
|
@rightRibbonOffset: e(%("calc(100%% + %d + %d)", @ribbonMargin, @ribbonTriangleSize));
|
145
147
|
|
146
148
|
@ribbonImageTopDistance: 1rem;
|
149
|
+
@ribbonImageBottomDistance: @ribbonImageTopDistance;
|
147
150
|
@ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */
|
148
151
|
@ribbonImageOffset: e(%("calc(%d - %d)", -@ribbonImageMargin, @ribbonTriangleSize));
|
149
152
|
@rightRibbonImageOffset: e(%("calc(100%% + %d + %d)", @ribbonImageMargin, @ribbonTriangleSize));
|
@@ -152,6 +155,8 @@
|
|
152
155
|
@ribbonTableOffset: e(%("calc(%d - %d)", -@ribbonTableMargin, @ribbonTriangleSize));
|
153
156
|
@rightRibbonTableOffset: e(%("calc(100%% + %d + %d)", @ribbonTableMargin, @ribbonTriangleSize));
|
154
157
|
|
158
|
+
@ribbonZIndex: 1;
|
159
|
+
|
155
160
|
/* Inverted */
|
156
161
|
@invertedBackgroundColor: darken(@backgroundColor, 20);
|
157
162
|
@invertedBackground: @black;
|
@@ -63,6 +63,7 @@
|
|
63
63
|
@piledBoxShadow: "";
|
64
64
|
@piledDegrees: 1.2deg;
|
65
65
|
@piledBorder: @border;
|
66
|
+
@invertedPiledBorder: @borderWidth solid @solidWhiteBorderColor;
|
66
67
|
|
67
68
|
/* Circular */
|
68
69
|
@circularPadding: 2em;
|
@@ -72,6 +73,8 @@
|
|
72
73
|
@stackedPageBackground: @subtleTransparentBlack;
|
73
74
|
@stackedPadding: @verticalPadding + (0.4em);
|
74
75
|
@tallStackedPadding: @verticalPadding + (0.8em);
|
76
|
+
@stackedBorderColor: @borderColor;
|
77
|
+
@invertedStackedBorderColor: rgba(225, 225, 225, 0.5);
|
75
78
|
|
76
79
|
/*******************************
|
77
80
|
States
|
@@ -85,6 +88,7 @@
|
|
85
88
|
/* Loading Spinner */
|
86
89
|
@loaderSize: 3em;
|
87
90
|
@loaderLineZIndex: 101;
|
91
|
+
@loadingMinHeight: @loaderSize * 1.5;
|
88
92
|
|
89
93
|
/*******************************
|
90
94
|
Variations
|
@@ -92,6 +96,7 @@
|
|
92
96
|
|
93
97
|
/* Raised */
|
94
98
|
@raisedBoxShadow: @floatingShadow;
|
99
|
+
@invertedRaisedBoxShadow: @invertedFloatingShadow;
|
95
100
|
|
96
101
|
/* Padded */
|
97
102
|
@paddedSegmentPadding: 1.5em;
|
@@ -147,3 +152,6 @@
|
|
147
152
|
rgba(255, 255, 255, @tertiaryInvertedLightness) 100%
|
148
153
|
);
|
149
154
|
@tertiaryInvertedColor: @invertedMutedTextColor;
|
155
|
+
|
156
|
+
/* Resizable */
|
157
|
+
@resizableDirection: vertical;
|
@@ -14,7 +14,23 @@
|
|
14
14
|
@fontFileNameSupplement: "Lato";
|
15
15
|
|
16
16
|
// based on https://github.com/twbs/bootstrap/blob/v5.1.3/scss/_variables.scss#L577 list
|
17
|
-
@fallbackFonts:
|
17
|
+
@fallbackFonts:
|
18
|
+
system-ui,
|
19
|
+
-apple-system,
|
20
|
+
"Segoe UI",
|
21
|
+
Roboto,
|
22
|
+
Oxygen,
|
23
|
+
Ubuntu,
|
24
|
+
Cantarell,
|
25
|
+
"Helvetica Neue",
|
26
|
+
Arial,
|
27
|
+
"Noto Sans",
|
28
|
+
"Liberation Sans",
|
29
|
+
sans-serif,
|
30
|
+
"Apple Color Emoji",
|
31
|
+
"Segoe UI Emoji",
|
32
|
+
"Segoe UI Symbol",
|
33
|
+
"Noto Color Emoji";
|
18
34
|
|
19
35
|
@headerFont: @fontName, @fallbackFonts;
|
20
36
|
@pageFont: @fontName, @fallbackFonts;
|
@@ -653,6 +669,9 @@
|
|
653
669
|
@floatingShadow:
|
654
670
|
0 2px 4px 0 rgba(34, 36, 38, 0.12),
|
655
671
|
0 2px 10px 0 rgba(34, 36, 38, 0.15);
|
672
|
+
@invertedFloatingShadow:
|
673
|
+
0 2px 4px 0 rgba(225, 225, 225, 0.1),
|
674
|
+
0 2px 10px 0 rgba(225, 225, 225, 0.5);
|
656
675
|
|
657
676
|
/*******************************
|
658
677
|
Power-User
|
@@ -51,6 +51,7 @@
|
|
51
51
|
@variationContainerFluid: true;
|
52
52
|
@variationContainerAligned: true;
|
53
53
|
@variationContainerJustified: true;
|
54
|
+
@variationContainerResizable: true;
|
54
55
|
@variationContainerScrolling: true;
|
55
56
|
@variationContainerScrollingShort: true;
|
56
57
|
@variationContainerScrollingVeryShort: true;
|
@@ -127,7 +128,7 @@
|
|
127
128
|
@variationInputDisabled: true;
|
128
129
|
@variationInputInverted: true;
|
129
130
|
@variationInputStates: @variationAllStates;
|
130
|
-
@variationInputInvalid:
|
131
|
+
@variationInputInvalid: false;
|
131
132
|
@variationInputTransparent: true;
|
132
133
|
@variationInputCorner: true;
|
133
134
|
@variationInputLoading: true;
|
@@ -235,6 +236,7 @@
|
|
235
236
|
@variationSegmentAttached: true;
|
236
237
|
@variationSegmentSeamless: true;
|
237
238
|
@variationSegmentFitted: true;
|
239
|
+
@variationSegmentResizable: true;
|
238
240
|
@variationSegmentScrolling: true;
|
239
241
|
@variationSegmentScrollingShort: true;
|
240
242
|
@variationSegmentScrollingVeryShort: true;
|
@@ -372,6 +374,7 @@
|
|
372
374
|
@variationTableMarked: true;
|
373
375
|
@variationTableEqualWidth: true;
|
374
376
|
@variationTableWide: true;
|
377
|
+
@variationTableResizable: true;
|
375
378
|
@variationTableScrolling: true;
|
376
379
|
@variationTableScrollingShort: true;
|
377
380
|
@variationTableScrollingVeryShort: true;
|
@@ -546,6 +549,7 @@
|
|
546
549
|
@variationDropdownLeft: true;
|
547
550
|
@variationDropdownUpward: true;
|
548
551
|
@variationDropdownSimple: true;
|
552
|
+
@variationDropdownResizable: true;
|
549
553
|
@variationDropdownScrolling: true;
|
550
554
|
@variationDropdownFluid: true;
|
551
555
|
@variationDropdownFloating: true;
|
@@ -581,6 +585,7 @@
|
|
581
585
|
@variationModalFullscreen: true;
|
582
586
|
@variationModalOverlay: true;
|
583
587
|
@variationModalAligned: true;
|
588
|
+
@variationModalResizable: true;
|
584
589
|
@variationModalScrolling: true;
|
585
590
|
@variationModalLegacy: true;
|
586
591
|
@variationModalCloseInside: true;
|
@@ -653,6 +658,7 @@
|
|
653
658
|
@variationSearchVeryShort: true;
|
654
659
|
@variationSearchLong: true;
|
655
660
|
@variationSearchVeryLong: true;
|
661
|
+
@variationSearchResizable: true;
|
656
662
|
@variationSearchScrolling: true;
|
657
663
|
@variationSearchSizes: @variationAllSizes;
|
658
664
|
|
@@ -21,6 +21,7 @@
|
|
21
21
|
@dropdownIconSize: @relative12px;
|
22
22
|
@dropdownIconMargin: 0 0 0 1em;
|
23
23
|
@dropdownIconMinWidth: 1em;
|
24
|
+
@dropdownIconMultipleRight: -1.5em;
|
24
25
|
|
25
26
|
/* Current Text */
|
26
27
|
@textTransition: none;
|
@@ -260,6 +261,8 @@
|
|
260
261
|
@multipleSelectionChildLineHeight: @relative17px;
|
261
262
|
@multipleSelectionSearchStartWidth: (@glyphWidth * 2);
|
262
263
|
|
264
|
+
@multipleSearchMinWidth: 5.05em;
|
265
|
+
|
263
266
|
/* Dropdown Icon */
|
264
267
|
@multipleSelectionDropdownIconMargin: "";
|
265
268
|
@multipleSelectionDropdownIconPadding: "";
|
@@ -471,3 +474,6 @@
|
|
471
474
|
/* Scrollhint */
|
472
475
|
@invertedScrollhintStartColor: rgba(255, 255, 255, 0.75);
|
473
476
|
@invertedScrollhintEndColor: rgba(255, 255, 255, 0);
|
477
|
+
|
478
|
+
/* Resizable */
|
479
|
+
@resizableDirection: vertical;
|
@@ -133,6 +133,7 @@
|
|
133
133
|
/* Scrolling Margin */
|
134
134
|
@scrollingMargin: 2rem;
|
135
135
|
@mobileScrollingMargin: @mobileTopAlignedMargin;
|
136
|
+
@scrollingTop: 1em;
|
136
137
|
|
137
138
|
/* Scrolling Content */
|
138
139
|
@scrollingContentMaxHeight: calc(80vh - 10rem);
|
@@ -260,3 +261,6 @@
|
|
260
261
|
1px -1px 2px rgba(255, 255, 255, 0.3),
|
261
262
|
-1px 2px 2px rgba(255, 255, 255, 0.3),
|
262
263
|
1px 2px 2px rgba(255, 255, 255, 0.3);
|
264
|
+
|
265
|
+
/* Resizable */
|
266
|
+
@resizableDirection: vertical;
|
@@ -79,8 +79,10 @@
|
|
79
79
|
@tooltipLineHeight: @lineHeight;
|
80
80
|
@tooltipDistanceAway: @relative7px;
|
81
81
|
@tooltipZIndex: 1900;
|
82
|
-
@tooltipDuration:
|
82
|
+
@tooltipDuration: 0.2s;
|
83
83
|
@tooltipEasing: @defaultEasing;
|
84
|
+
@tooltipDelay: 0.04s;
|
85
|
+
@tooltipScaleInit: 0.8;
|
84
86
|
|
85
87
|
/* Inverted */
|
86
88
|
@tooltipInvertedBackground: @invertedBackground;
|
@@ -21,9 +21,7 @@
|
|
21
21
|
@width: 290px;
|
22
22
|
@borderWidth: 1px;
|
23
23
|
@borderShadow: 0 0 0 @borderWidth @solidBorderColor;
|
24
|
-
@boxShadow:
|
25
|
-
@shadowBoxShadow,
|
26
|
-
@borderShadow;
|
24
|
+
@boxShadow: @shadowBoxShadow, @borderShadow;
|
27
25
|
@border: none;
|
28
26
|
@zIndex: "";
|
29
27
|
@transition:
|
@@ -164,9 +162,7 @@
|
|
164
162
|
@linkHoverTransform: translateY(-@linkHoverRaiseDistance);
|
165
163
|
|
166
164
|
@shadowHoverBoxShadow: 0 @shadowDistance @linkHoverRaiseDistance 0 @solidSelectedBorderColor;
|
167
|
-
@linkHoverBoxShadow:
|
168
|
-
@shadowHoverBoxShadow,
|
169
|
-
@borderShadow;
|
165
|
+
@linkHoverBoxShadow: @shadowHoverBoxShadow, @borderShadow;
|
170
166
|
|
171
167
|
/* Horizontal */
|
172
168
|
@horizontalMinWidth: 270px;
|
@@ -174,12 +170,8 @@
|
|
174
170
|
@horizontalImageWidth: 150px;
|
175
171
|
|
176
172
|
/* Raised */
|
177
|
-
@raisedShadow:
|
178
|
-
|
179
|
-
@floatingShadow;
|
180
|
-
@raisedShadowHover:
|
181
|
-
@borderShadow,
|
182
|
-
@floatingShadowHover;
|
173
|
+
@raisedShadow: @borderShadow, @floatingShadow;
|
174
|
+
@raisedShadowHover: @borderShadow, @floatingShadowHover;
|
183
175
|
|
184
176
|
/* Basic Raised */
|
185
177
|
@basicRaisedShadow: @floatingShadow;
|
@@ -3,7 +3,7 @@
|
|
3
3
|
*******************************/
|
4
4
|
|
5
5
|
/*
|
6
|
-
This will create individual distribution repositories for each
|
6
|
+
This will create individual distribution repositories for each FUI distribution
|
7
7
|
|
8
8
|
* copy distribution files to release
|
9
9
|
* update package.json file
|
@@ -153,6 +153,8 @@ module.exports = function (callback) {
|
|
153
153
|
tasks.push(function () {
|
154
154
|
let
|
155
155
|
definitions,
|
156
|
+
overridesImport,
|
157
|
+
lessImport,
|
156
158
|
themeImport,
|
157
159
|
themeConfig,
|
158
160
|
siteTheme,
|
@@ -161,7 +163,10 @@ module.exports = function (callback) {
|
|
161
163
|
definitions = gulp.src('src/definitions/**/*', { base: 'src/' })
|
162
164
|
.pipe(gulp.dest(outputDirectory))
|
163
165
|
;
|
164
|
-
|
166
|
+
overridesImport = gulp.src('src/overrides.less', { base: 'src/' })
|
167
|
+
.pipe(gulp.dest(outputDirectory))
|
168
|
+
;
|
169
|
+
lessImport = gulp.src('src/semantic.less', { base: 'src/' })
|
165
170
|
.pipe(gulp.dest(outputDirectory))
|
166
171
|
;
|
167
172
|
themeImport = gulp.src('src/theme.less', { base: 'src/' })
|
@@ -177,7 +182,7 @@ module.exports = function (callback) {
|
|
177
182
|
.pipe(gulp.dest(outputDirectory))
|
178
183
|
;
|
179
184
|
|
180
|
-
return mergeStream(definitions, themeImport, themeConfig, siteTheme, themes);
|
185
|
+
return mergeStream(definitions, overridesImport, lessImport, themeImport, themeConfig, siteTheme, themes);
|
181
186
|
});
|
182
187
|
}
|
183
188
|
|
@@ -240,6 +240,7 @@ module.exports = {
|
|
240
240
|
config: './semantic.json.example',
|
241
241
|
definitions: './src/definitions',
|
242
242
|
gulpFile: './gulpfile.js',
|
243
|
+
overridesImport: './src/overrides.less',
|
243
244
|
lessImport: './src/semantic.less',
|
244
245
|
site: './src/_site',
|
245
246
|
tasks: './tasks',
|
@@ -253,6 +254,7 @@ module.exports = {
|
|
253
254
|
// expected final filenames
|
254
255
|
files: {
|
255
256
|
config: 'semantic.json',
|
257
|
+
overridesImport: 'src/overrides.less',
|
256
258
|
lessImport: 'src/semantic.less',
|
257
259
|
site: 'src/site',
|
258
260
|
themeConfig: 'src/theme.config',
|
@@ -263,6 +265,7 @@ module.exports = {
|
|
263
265
|
folders: {
|
264
266
|
config: './',
|
265
267
|
definitions: 'src/definitions/',
|
268
|
+
overridesImport: 'src/',
|
266
269
|
lessImport: 'src/',
|
267
270
|
modules: 'node_modules/',
|
268
271
|
site: 'src/site/',
|
package/tasks/config/tasks.js
CHANGED
@@ -9,7 +9,7 @@ let defaultBrowsers = browserslist(browserslist.defaults);
|
|
9
9
|
let userBrowsers = browserslist();
|
10
10
|
let hasBrowserslistConfig = JSON.stringify(defaultBrowsers) !== JSON.stringify(userBrowsers);
|
11
11
|
|
12
|
-
|
12
|
+
let prefix = config.prefix || {};
|
13
13
|
if (!prefix.overrideBrowserslist && !hasBrowserslistConfig) {
|
14
14
|
prefix.overrideBrowserslist = [
|
15
15
|
'last 2 Chrome versions',
|
@@ -114,10 +114,7 @@ module.exports = {
|
|
114
114
|
let
|
115
115
|
regExp = {
|
116
116
|
variable: /@(\S.*?)\s/,
|
117
|
-
theme: /themes[/\\]+(.*?)[/\\].*/,
|
118
|
-
element: /[/\\]([^*/\\]*)\.overrides/,
|
119
117
|
},
|
120
|
-
theme,
|
121
118
|
element
|
122
119
|
;
|
123
120
|
if (error && error.filename && /theme.less/.test(error.filename)) {
|
@@ -127,10 +124,6 @@ module.exports = {
|
|
127
124
|
console.error('Missing theme.config value for', element);
|
128
125
|
}
|
129
126
|
console.error('Most likely new UI was added in an update. You will need to add missing elements from theme.config.example');
|
130
|
-
} else if (error.line === 84) {
|
131
|
-
element = regExp.element.exec(error.message)[1];
|
132
|
-
theme = regExp.theme.exec(error.message)[1];
|
133
|
-
console.error(theme + ' is not an available theme for ' + element);
|
134
127
|
} else {
|
135
128
|
console.error(error);
|
136
129
|
}
|
package/tasks/install.js
CHANGED
@@ -69,9 +69,9 @@ module.exports = function (callback) {
|
|
69
69
|
root: path.normalize(__dirname + '/../'),
|
70
70
|
}; */
|
71
71
|
|
72
|
-
/* Don't do end user config if
|
72
|
+
/* Don't do end user config if FUI is a sub-module */
|
73
73
|
if (install.isSubModule()) {
|
74
|
-
console.info('
|
74
|
+
console.info('FUI is a sub-module, skipping end-user install');
|
75
75
|
callback();
|
76
76
|
|
77
77
|
return;
|
@@ -86,7 +86,7 @@ module.exports = function (callback) {
|
|
86
86
|
}
|
87
87
|
|
88
88
|
/* -----------------
|
89
|
-
Update
|
89
|
+
Update FUI
|
90
90
|
----------------- */
|
91
91
|
|
92
92
|
// run update scripts if semantic.json exists
|
@@ -96,6 +96,7 @@ module.exports = function (callback) {
|
|
96
96
|
updatePaths = {
|
97
97
|
config: path.join(manager.root, files.config),
|
98
98
|
tasks: path.join(updateFolder, folders.tasks),
|
99
|
+
overridesImport: path.join(updateFolder, folders.overridesImport),
|
99
100
|
themeImport: path.join(updateFolder, folders.themeImport),
|
100
101
|
definition: path.join(currentConfig.paths.source.definitions),
|
101
102
|
site: path.join(currentConfig.paths.source.site),
|
@@ -132,7 +133,11 @@ module.exports = function (callback) {
|
|
132
133
|
.pipe(plumber())
|
133
134
|
.pipe(gulp.dest(updatePaths.themeImport))
|
134
135
|
;
|
135
|
-
|
136
|
+
console.info('Updating overrides import file');
|
137
|
+
gulp.src(source.overridesImport)
|
138
|
+
.pipe(plumber())
|
139
|
+
.pipe(gulp.dest(updatePaths.overridesImport))
|
140
|
+
;
|
136
141
|
console.info('Adding new site theme files...');
|
137
142
|
wrench.copyDirSyncRecursive(source.site, updatePaths.site, settings.wrench.merge);
|
138
143
|
|
@@ -187,7 +192,7 @@ module.exports = function (callback) {
|
|
187
192
|
}
|
188
193
|
|
189
194
|
/* --------------
|
190
|
-
Create
|
195
|
+
Create FUI
|
191
196
|
--------------- */
|
192
197
|
|
193
198
|
gulp.task('run setup', function (callback) {
|
@@ -263,6 +268,7 @@ module.exports = function (callback) {
|
|
263
268
|
// special install paths only for PM install
|
264
269
|
installPaths = extend(false, {}, installPaths, {
|
265
270
|
definition: folders.definitions,
|
271
|
+
overridesImport: folders.overridesImport,
|
266
272
|
lessImport: folders.lessImport,
|
267
273
|
tasks: folders.tasks,
|
268
274
|
theme: folders.themes,
|
@@ -311,6 +317,10 @@ module.exports = function (callback) {
|
|
311
317
|
.pipe(plumber())
|
312
318
|
.pipe(gulp.dest(installPaths.themeImport))
|
313
319
|
;
|
320
|
+
gulp.src(source.overridesImport)
|
321
|
+
.pipe(plumber())
|
322
|
+
.pipe(gulp.dest(installPaths.overridesImport))
|
323
|
+
;
|
314
324
|
gulp.src(source.lessImport)
|
315
325
|
.pipe(plumber())
|
316
326
|
.pipe(gulp.dest(installPaths.lessImport))
|