office-ui-fabric-js-rails 1.3.0.0 → 1.4.0.0

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/lib/office-ui-fabric-js-rails/version.rb +2 -2
  3. data/package.json +2 -2
  4. data/vendor/assets/css/fabric.components.css +18 -6
  5. data/vendor/assets/css/fabric.components.min.css +2 -2
  6. data/vendor/assets/css/fabric.components.rtl.css +18 -6
  7. data/vendor/assets/css/fabric.components.rtl.min.css +2 -2
  8. data/vendor/assets/js/fabric.js +32 -41
  9. data/vendor/assets/js/fabric.min.js +4 -4
  10. data/vendor/assets/scss/components/Breadcrumb.scss +174 -174
  11. data/vendor/assets/scss/components/Button.scss +300 -286
  12. data/vendor/assets/scss/components/Callout.scss +157 -157
  13. data/vendor/assets/scss/components/CheckBox.scss +172 -172
  14. data/vendor/assets/scss/components/ChoiceFieldGroup.scss +14 -13
  15. data/vendor/assets/scss/components/CommandBar.scss +138 -138
  16. data/vendor/assets/scss/components/CommandButton.scss +293 -293
  17. data/vendor/assets/scss/components/ContextualHost.scss +142 -142
  18. data/vendor/assets/scss/components/ContextualMenu.scss +208 -208
  19. data/vendor/assets/scss/components/DatePicker.scss +527 -527
  20. data/vendor/assets/scss/components/DetailsList.scss +337 -337
  21. data/vendor/assets/scss/components/Dialog.scss +118 -118
  22. data/vendor/assets/scss/components/DialogHost.scss +12 -12
  23. data/vendor/assets/scss/components/Dropdown.scss +251 -251
  24. data/vendor/assets/scss/components/FacePile.scss +104 -104
  25. data/vendor/assets/scss/components/Label.scss +37 -37
  26. data/vendor/assets/scss/components/Link.scss +31 -31
  27. data/vendor/assets/scss/components/List.scss +16 -16
  28. data/vendor/assets/scss/components/ListItem.scss +237 -237
  29. data/vendor/assets/scss/components/MessageBanner.scss +128 -128
  30. data/vendor/assets/scss/components/MessageBar.scss +87 -87
  31. data/vendor/assets/scss/components/OrgChart.scss +46 -46
  32. data/vendor/assets/scss/components/Overlay.scss +34 -34
  33. data/vendor/assets/scss/components/Panel.scss +155 -155
  34. data/vendor/assets/scss/components/PanelHost.scss +15 -15
  35. data/vendor/assets/scss/components/PeoplePicker.scss +449 -449
  36. data/vendor/assets/scss/components/Persona.scss +731 -731
  37. data/vendor/assets/scss/components/PersonaCard.scss +208 -208
  38. data/vendor/assets/scss/components/Pivot.scss +201 -201
  39. data/vendor/assets/scss/components/ProgressIndicator.scss +64 -64
  40. data/vendor/assets/scss/components/RadioButton.scss +194 -194
  41. data/vendor/assets/scss/components/SearchBox.scss +368 -369
  42. data/vendor/assets/scss/components/Spinner.scss +48 -48
  43. data/vendor/assets/scss/components/Table.scss +123 -123
  44. data/vendor/assets/scss/components/TextField.scss +232 -232
  45. data/vendor/assets/scss/components/Toggle.scss +249 -249
  46. metadata +2 -2
@@ -1,131 +1,131 @@
1
1
  /**
2
- * Office UI Fabric JS 1.3.0
2
+ * Office UI Fabric JS 1.4.0
3
3
  * The JavaScript front-end framework for building experiences for Office 365.
4
4
  **/
5
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
-
7
- //
8
- // Office UI Fabric
9
- // --------------------------------------------------
10
- // MessageBanner Styles
11
-
12
- $MessageBanner-height: 52px;
13
- $MessageBanner-iconSize: 40px;
14
-
15
- .ms-MessageBanner {
16
- @include ms-baseFont;
17
- color: $ms-color-neutralPrimary;
18
- font-size: $ms-font-size-s;
19
- font-weight: $ms-font-weight-regular;
20
- position: relative;
21
- border-bottom: 1px solid $ms-color-neutralSecondaryAlt;
22
- background-color: $ms-color-themeLighterAlt;
23
- min-width: 320px;
24
- width: 100%;
25
- height: $MessageBanner-height;
26
- text-align: center;
27
- overflow: hidden;
28
- @include ms-u-slideDownIn20;
29
-
30
- .ms-Icon {
31
- font-size: 16px;
32
- }
33
-
34
- &.hide {
35
- @include ms-u-slideUpOut20;
36
- }
37
-
38
- &.is-hidden {
39
- display: none;
40
- }
41
- }
42
-
43
- .ms-MessageBanner-expand,
44
- .ms-MessageBanner-close {
45
- height: $MessageBanner-height;
46
- width: $MessageBanner-iconSize;
47
- cursor: pointer;
48
- border: 0;
49
- background-color: transparent;
50
- }
51
-
52
- .ms-MessageBanner-close {
53
- position: absolute;
54
- right: 0;
55
- top: 0;
56
- line-height: $MessageBanner-height;
57
- color: $ms-color-neutralSecondary;
58
- }
59
-
60
- .ms-MessageBanner-text {
61
- display: inline-block;
62
- padding: 18px 0;
63
- margin-left: 0;
64
- max-width: 770px;
65
- overflow: hidden;
66
- text-align: left;
67
- }
68
-
69
- .ms-MessageBanner-expand {
70
- display: none;
71
- vertical-align: top;
72
-
73
- &.is-visible {
74
- display: inline-block;
75
- }
76
- }
77
-
78
- .ms-MessageBanner-action {
79
- display: inline-block;
80
- vertical-align: top;
81
- margin-top: 10px;
82
- margin-left: 10px;
83
- padding-right: 36px;
84
-
85
- .ms-Button {
86
- color: $ms-color-white;
87
- }
88
- }
89
-
90
- .ms-MessageBanner-clipper {
91
- overflow: hidden;
92
- white-space: nowrap;
93
- text-overflow: ellipsis;
94
- display: inline-block;
95
- vertical-align: top;
96
- }
97
-
98
- .ms-MessageBanner.is-expanded {
99
- height: auto;
100
-
101
- .ms-MessageBanner-clipper {
102
- white-space: normal;
103
- }
104
- }
105
-
106
-
107
- @media screen and (max-width: 479px) {
108
- .ms-MessageBanner-action {
109
- margin: 0;
110
- display: block;
111
- text-align: right;
112
- padding: 0 10px 10px 0;
113
- }
114
-
115
- .ms-MessageBanner-text {
116
- margin-left: -25px;
117
- padding: 18px 0 10px;
118
- min-width: 240px;
119
- }
120
-
121
- .ms-MessageBanner-expand {
122
- display: inline-block;
123
- padding: 0;
124
- margin-left: -5px;
125
- width: 20px;
126
-
127
- .ms-Icon {
128
- color: $ms-color-themePrimary;
129
- }
130
- }
131
- }
5
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
+
7
+ //
8
+ // Office UI Fabric
9
+ // --------------------------------------------------
10
+ // MessageBanner Styles
11
+
12
+ $MessageBanner-height: 52px;
13
+ $MessageBanner-iconSize: 40px;
14
+
15
+ .ms-MessageBanner {
16
+ @include ms-baseFont;
17
+ color: $ms-color-neutralPrimary;
18
+ font-size: $ms-font-size-s;
19
+ font-weight: $ms-font-weight-regular;
20
+ position: relative;
21
+ border-bottom: 1px solid $ms-color-neutralSecondaryAlt;
22
+ background-color: $ms-color-themeLighterAlt;
23
+ min-width: 320px;
24
+ width: 100%;
25
+ height: $MessageBanner-height;
26
+ text-align: center;
27
+ overflow: hidden;
28
+ @include ms-u-slideDownIn20;
29
+
30
+ .ms-Icon {
31
+ font-size: 16px;
32
+ }
33
+
34
+ &.hide {
35
+ @include ms-u-slideUpOut20;
36
+ }
37
+
38
+ &.is-hidden {
39
+ display: none;
40
+ }
41
+ }
42
+
43
+ .ms-MessageBanner-expand,
44
+ .ms-MessageBanner-close {
45
+ height: $MessageBanner-height;
46
+ width: $MessageBanner-iconSize;
47
+ cursor: pointer;
48
+ border: 0;
49
+ background-color: transparent;
50
+ }
51
+
52
+ .ms-MessageBanner-close {
53
+ position: absolute;
54
+ right: 0;
55
+ top: 0;
56
+ line-height: $MessageBanner-height;
57
+ color: $ms-color-neutralSecondary;
58
+ }
59
+
60
+ .ms-MessageBanner-text {
61
+ display: inline-block;
62
+ padding: 18px 0;
63
+ margin-left: 0;
64
+ max-width: 770px;
65
+ overflow: hidden;
66
+ text-align: left;
67
+ }
68
+
69
+ .ms-MessageBanner-expand {
70
+ display: none;
71
+ vertical-align: top;
72
+
73
+ &.is-visible {
74
+ display: inline-block;
75
+ }
76
+ }
77
+
78
+ .ms-MessageBanner-action {
79
+ display: inline-block;
80
+ vertical-align: top;
81
+ margin-top: 10px;
82
+ margin-left: 10px;
83
+ padding-right: 36px;
84
+
85
+ .ms-Button {
86
+ color: $ms-color-white;
87
+ }
88
+ }
89
+
90
+ .ms-MessageBanner-clipper {
91
+ overflow: hidden;
92
+ white-space: nowrap;
93
+ text-overflow: ellipsis;
94
+ display: inline-block;
95
+ vertical-align: top;
96
+ }
97
+
98
+ .ms-MessageBanner.is-expanded {
99
+ height: auto;
100
+
101
+ .ms-MessageBanner-clipper {
102
+ white-space: normal;
103
+ }
104
+ }
105
+
106
+
107
+ @media screen and (max-width: 479px) {
108
+ .ms-MessageBanner-action {
109
+ margin: 0;
110
+ display: block;
111
+ text-align: right;
112
+ padding: 0 10px 10px 0;
113
+ }
114
+
115
+ .ms-MessageBanner-text {
116
+ margin-left: -25px;
117
+ padding: 18px 0 10px;
118
+ min-width: 240px;
119
+ }
120
+
121
+ .ms-MessageBanner-expand {
122
+ display: inline-block;
123
+ padding: 0;
124
+ margin-left: -5px;
125
+ width: 20px;
126
+
127
+ .ms-Icon {
128
+ color: $ms-color-themePrimary;
129
+ }
130
+ }
131
+ }
@@ -1,90 +1,90 @@
1
1
  /**
2
- * Office UI Fabric JS 1.3.0
2
+ * Office UI Fabric JS 1.4.0
3
3
  * The JavaScript front-end framework for building experiences for Office 365.
4
4
  **/
5
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
-
7
- //
8
- // Office UI Fabric
9
- // --------------------------------------------------
10
- // MessageBar Styles
11
-
12
- $MessageBar-padding: 8px;
13
-
14
- .ms-MessageBar {
15
- @include ms-baseFont;
16
- padding: $MessageBar-padding;
17
- display: table;
18
- @include ms-bgColor-info;
19
-
20
- .ms-Link {
21
- font-size: $ms-font-size-s;
22
- }
23
- }
24
-
25
- .ms-MessageBar-icon,
26
- .ms-MessageBar-text {
27
- display: table-cell;
28
- vertical-align: top;
29
- }
30
-
31
- .ms-MessageBar-icon {
32
- padding-right: $MessageBar-padding;
33
- font-size: $ms-icon-size-m;
34
- @include ms-fontColor-neutralSecondaryAlt;
35
- }
36
-
37
- .ms-MessageBar-text {
38
- @include ms-font-s;
39
- }
40
-
41
-
42
- //== Modifier: Warning message
43
- //
44
- .ms-MessageBar.ms-MessageBar--warning {
45
- @include ms-bgColor-warning;
46
- }
47
-
48
-
49
- //== Modifier: Severe Warning message
50
- //
51
- .ms-MessageBar.ms-MessageBar--severeWarning {
52
- @include ms-bgColor-severeWarning;
53
-
54
- .ms-MessageBar-icon {
55
- @include ms-fontColor-severeWarning;
56
- }
57
- }
58
-
59
-
60
- //== Modifier: Error message
61
- //
62
- .ms-MessageBar.ms-MessageBar--error {
63
- @include ms-bgColor-error;
64
-
65
- .ms-MessageBar-icon {
66
- @include ms-fontColor-error;
67
- }
68
- }
69
-
70
-
71
- //== Modifier: Blocked message
72
- //
73
- .ms-MessageBar.ms-MessageBar--blocked {
74
- @include ms-bgColor-error;
75
-
76
- .ms-MessageBar-icon {
77
- @include ms-fontColor-error;
78
- }
79
- }
80
-
81
-
82
- //== Modifier: Success message
83
- //
84
- .ms-MessageBar.ms-MessageBar--success {
85
- @include ms-bgColor-success;
86
-
87
- .ms-MessageBar-icon {
88
- @include ms-fontColor-green;
89
- }
90
- }
5
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
+
7
+ //
8
+ // Office UI Fabric
9
+ // --------------------------------------------------
10
+ // MessageBar Styles
11
+
12
+ $MessageBar-padding: 8px;
13
+
14
+ .ms-MessageBar {
15
+ @include ms-baseFont;
16
+ padding: $MessageBar-padding;
17
+ display: table;
18
+ @include ms-bgColor-info;
19
+
20
+ .ms-Link {
21
+ font-size: $ms-font-size-s;
22
+ }
23
+ }
24
+
25
+ .ms-MessageBar-icon,
26
+ .ms-MessageBar-text {
27
+ display: table-cell;
28
+ vertical-align: top;
29
+ }
30
+
31
+ .ms-MessageBar-icon {
32
+ padding-right: $MessageBar-padding;
33
+ font-size: $ms-icon-size-m;
34
+ @include ms-fontColor-neutralSecondaryAlt;
35
+ }
36
+
37
+ .ms-MessageBar-text {
38
+ @include ms-font-s;
39
+ }
40
+
41
+
42
+ //== Modifier: Warning message
43
+ //
44
+ .ms-MessageBar.ms-MessageBar--warning {
45
+ @include ms-bgColor-warning;
46
+ }
47
+
48
+
49
+ //== Modifier: Severe Warning message
50
+ //
51
+ .ms-MessageBar.ms-MessageBar--severeWarning {
52
+ @include ms-bgColor-severeWarning;
53
+
54
+ .ms-MessageBar-icon {
55
+ @include ms-fontColor-severeWarning;
56
+ }
57
+ }
58
+
59
+
60
+ //== Modifier: Error message
61
+ //
62
+ .ms-MessageBar.ms-MessageBar--error {
63
+ @include ms-bgColor-error;
64
+
65
+ .ms-MessageBar-icon {
66
+ @include ms-fontColor-error;
67
+ }
68
+ }
69
+
70
+
71
+ //== Modifier: Blocked message
72
+ //
73
+ .ms-MessageBar.ms-MessageBar--blocked {
74
+ @include ms-bgColor-error;
75
+
76
+ .ms-MessageBar-icon {
77
+ @include ms-fontColor-error;
78
+ }
79
+ }
80
+
81
+
82
+ //== Modifier: Success message
83
+ //
84
+ .ms-MessageBar.ms-MessageBar--success {
85
+ @include ms-bgColor-success;
86
+
87
+ .ms-MessageBar-icon {
88
+ @include ms-fontColor-green;
89
+ }
90
+ }
@@ -1,49 +1,49 @@
1
1
  /**
2
- * Office UI Fabric JS 1.3.0
2
+ * Office UI Fabric JS 1.4.0
3
3
  * The JavaScript front-end framework for building experiences for Office 365.
4
4
  **/
5
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
-
7
- //
8
- // Office UI Fabric
9
- // --------------------------------------------------
10
- // Org chart styles
11
-
12
-
13
- .ms-OrgChart {
14
- @include ms-baseFont;
15
- @include ms-u-normalize;
16
- color: $ms-color-neutralPrimary;
17
- font-size: $ms-font-size-m;
18
- font-weight: $ms-font-weight-regular;
19
- }
20
-
21
- .ms-OrgChart-groupTitle {
22
- color: $ms-color-neutralSecondary;
23
- line-height: 1;
24
- }
25
-
26
- .ms-OrgChart-list {
27
- padding: 0;
28
- margin: 12px 0 16px;
29
- }
30
-
31
- .ms-OrgChart-listItem {
32
- height: 50px;
33
- width: 100%;
34
- position: relative;
35
- list-style: none;
36
- margin-bottom: 8px;
37
- }
38
-
39
- .ms-OrgChart-listItemBtn {
40
- @include button-reset;
41
- position: relative;
42
- height: 50px;
43
- width: 100%;
44
- background: none;
45
- border: 0;
46
- text-align: left;
47
- margin: 0;
48
- padding: 0;
49
- }
5
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
6
+
7
+ //
8
+ // Office UI Fabric
9
+ // --------------------------------------------------
10
+ // Org chart styles
11
+
12
+
13
+ .ms-OrgChart {
14
+ @include ms-baseFont;
15
+ @include ms-u-normalize;
16
+ color: $ms-color-neutralPrimary;
17
+ font-size: $ms-font-size-m;
18
+ font-weight: $ms-font-weight-regular;
19
+ }
20
+
21
+ .ms-OrgChart-groupTitle {
22
+ color: $ms-color-neutralSecondary;
23
+ line-height: 1;
24
+ }
25
+
26
+ .ms-OrgChart-list {
27
+ padding: 0;
28
+ margin: 12px 0 16px;
29
+ }
30
+
31
+ .ms-OrgChart-listItem {
32
+ height: 50px;
33
+ width: 100%;
34
+ position: relative;
35
+ list-style: none;
36
+ margin-bottom: 8px;
37
+ }
38
+
39
+ .ms-OrgChart-listItemBtn {
40
+ @include button-reset;
41
+ position: relative;
42
+ height: 50px;
43
+ width: 100%;
44
+ background: none;
45
+ border: 0;
46
+ text-align: left;
47
+ margin: 0;
48
+ padding: 0;
49
+ }