@papillonbits/components 0.23.0 → 0.25.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.
- package/build/primer/Alert/Alert.scss +15 -1
- package/build/primer/Blankslate/Blankslate.scss +3 -1
- package/build/primer/Box/box.scss +4 -1
- package/build/primer/BranchName/branch-name.scss +2 -1
- package/build/primer/Breadcrumb/Breadcrumb.scss +13 -1
- package/build/primer/Button/Button.scss +15 -1
- package/build/primer/Button/misc.scss +2 -0
- package/build/primer/Dropdown/Dropdown.scss +11 -1
- package/build/primer/Grid/FlexGrid/FlexGrid.scss +0 -1
- package/build/primer/Icon/Icon.js +2 -2
- package/build/primer/Label/counters.scss +3 -1
- package/build/primer/Label/mixins.scss +3 -1
- package/build/primer/Label/states.scss +4 -0
- package/build/primer/Layout/container.scss +1 -1
- package/build/primer/Layout/grid-offset.scss +1 -1
- package/build/primer/Layout/grid.scss +2 -1
- package/build/primer/Navigation/Menu/Menu.scss +3 -2
- package/build/primer/Navigation/TabNav/TabNav.scss +14 -1
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.scss +4 -1
- package/build/primer/Pagination/PreviousNext/PreviousNext.scss +15 -1
- package/build/primer/Popover/Popover.scss +3 -1
- package/build/primer/Progress/Progress.scss +1 -1
- package/build/primer/Select/Select.scss +2 -1
- package/build/primer/SelectMenu/SelectMenu.scss +4 -1
- package/build/primer/Subhead/Subhead.scss +3 -1
- package/build/primer/Toast/Toast.scss +3 -1
- package/package.json +4 -4
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
4
|
|
|
3
5
|
// stylelint-disable no-descending-specificity
|
|
4
6
|
// stylelint-disable selector-max-type, no-duplicate-selectors
|
|
@@ -123,6 +125,18 @@
|
|
|
123
125
|
// Layout variations
|
|
124
126
|
//
|
|
125
127
|
|
|
128
|
+
// custom-style
|
|
129
|
+
// .flash-consent {
|
|
130
|
+
// background-color: $purple-100;
|
|
131
|
+
// // stylelint-disable-next-line primer/borders
|
|
132
|
+
// border-color: rgba($purple-800, 0.2);
|
|
133
|
+
|
|
134
|
+
// .octicon {
|
|
135
|
+
// // stylelint-disable-next-line primer/colors
|
|
136
|
+
// color: rgba($purple-800, 1);
|
|
137
|
+
// }
|
|
138
|
+
// }
|
|
139
|
+
|
|
126
140
|
.flash-full {
|
|
127
141
|
// stylelint-disable-next-line primer/spacing
|
|
128
142
|
margin-top: -1px;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
4
|
|
|
3
5
|
// stylelint-disable selector-max-type
|
|
4
6
|
.blankslate {
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
4
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
2
5
|
|
|
3
6
|
// stylelint-disable no-descending-specificity
|
|
4
7
|
// stylelint-disable declaration-block-no-redundant-longhand-properties
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/base';
|
|
3
|
+
@import '../index.scss';
|
|
2
4
|
|
|
3
5
|
.breadcrumb-item {
|
|
4
6
|
display: inline-block;
|
|
@@ -33,3 +35,13 @@
|
|
|
33
35
|
.breadcrumb-item-selected a {
|
|
34
36
|
color: var(--color-fg-default);
|
|
35
37
|
}
|
|
38
|
+
|
|
39
|
+
// custom-style
|
|
40
|
+
// .breadcrumb-inactive {
|
|
41
|
+
// @include inactive;
|
|
42
|
+
|
|
43
|
+
// li,
|
|
44
|
+
// a {
|
|
45
|
+
// color: $gray-400 !important;
|
|
46
|
+
// }
|
|
47
|
+
// }
|
|
@@ -1,4 +1,8 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
4
|
+
@import '../index.scss';
|
|
5
|
+
@import './misc.scss';
|
|
2
6
|
|
|
3
7
|
// stylelint-disable no-descending-specificity
|
|
4
8
|
// stylelint-disable selector-max-type, no-duplicate-selectors
|
|
@@ -341,3 +345,13 @@ a.btn-primary {
|
|
|
341
345
|
width: 100%;
|
|
342
346
|
text-align: center;
|
|
343
347
|
}
|
|
348
|
+
|
|
349
|
+
// custom-style
|
|
350
|
+
// .btn-orange {
|
|
351
|
+
// @include btn-solid($text-white, lighten($orange-500, 8%), darken($orange-500, 2%));
|
|
352
|
+
// }
|
|
353
|
+
|
|
354
|
+
// custom-style
|
|
355
|
+
// .button-inactive {
|
|
356
|
+
// @include inactive;
|
|
357
|
+
// }
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
4
|
+
@import '../index.scss';
|
|
2
5
|
|
|
3
6
|
// stylelint-disable no-descending-specificity
|
|
4
7
|
|
|
@@ -272,3 +275,10 @@
|
|
|
272
275
|
left: 10px;
|
|
273
276
|
}
|
|
274
277
|
}
|
|
278
|
+
|
|
279
|
+
// custom-style
|
|
280
|
+
// .dropdown-inactive {
|
|
281
|
+
// @include inactive;
|
|
282
|
+
|
|
283
|
+
// color: $gray-400 !important;
|
|
284
|
+
// }
|
|
@@ -70,9 +70,9 @@ function Icon(_ref) {
|
|
|
70
70
|
verticalAlign: _Icon.iconAlign[verticalAlign] || verticalAlign
|
|
71
71
|
};
|
|
72
72
|
var Element = _Icon2.iconComponents[icon];
|
|
73
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, _objectSpread(_objectSpread({
|
|
73
|
+
return Element != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, _objectSpread(_objectSpread({
|
|
74
74
|
className: className
|
|
75
|
-
}, attrs), otherProps));
|
|
75
|
+
}, attrs), otherProps)) : null;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
78
|
Icon.propTypes = _Icon.propTypes;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
4
|
|
|
3
5
|
// Counters are rounded-corner badges for numbers
|
|
4
6
|
.Counter {
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
4
|
|
|
3
5
|
// Label mixins
|
|
4
6
|
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
4
|
+
|
|
1
5
|
// A rounded corner box containing a label "open" or "closed"
|
|
2
6
|
|
|
3
7
|
// Default 32px
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
3
4
|
|
|
4
5
|
// Side menu
|
|
5
6
|
//
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
1
4
|
@import '../../index.scss';
|
|
2
|
-
@import '../../../index.scss';
|
|
3
5
|
|
|
4
6
|
// Outer wrapper
|
|
5
7
|
// stylelint-disable no-descending-specificity
|
|
@@ -106,3 +108,14 @@ a.tabnav-extra:hover {
|
|
|
106
108
|
.tabnav-btn {
|
|
107
109
|
margin-left: $spacer-2;
|
|
108
110
|
}
|
|
111
|
+
|
|
112
|
+
// custom-style
|
|
113
|
+
.tabnav-inactive,
|
|
114
|
+
.tabnav-tab-inactive {
|
|
115
|
+
@include inactive;
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
// custom-style
|
|
119
|
+
.tabnav-tab-hidden {
|
|
120
|
+
display: none;
|
|
121
|
+
}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/mixins/misc.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
4
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
1
5
|
@import '../../index.scss';
|
|
2
|
-
@import '../../../index.scss';
|
|
3
6
|
|
|
4
7
|
// stylelint-disable no-descending-specificity
|
|
5
8
|
$nav-height: $spacer-3 * 3 !default; // 48px
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
4
|
+
@import '../../index.scss';
|
|
2
5
|
|
|
3
6
|
// Needs refactoring
|
|
4
7
|
// stylelint-disable selector-max-type
|
|
8
|
+
// stylelint-disable no-descending-specificity
|
|
5
9
|
.pagination {
|
|
6
10
|
a,
|
|
7
11
|
span,
|
|
@@ -154,3 +158,13 @@
|
|
|
154
158
|
display: inline-block;
|
|
155
159
|
}
|
|
156
160
|
}
|
|
161
|
+
|
|
162
|
+
// custom-style
|
|
163
|
+
// .previousnext-inactive {
|
|
164
|
+
// @include inactive;
|
|
165
|
+
|
|
166
|
+
// span,
|
|
167
|
+
// a {
|
|
168
|
+
// color: $gray-400 !important;
|
|
169
|
+
// }
|
|
170
|
+
// }
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
2
4
|
|
|
3
5
|
.Popover {
|
|
4
6
|
position: absolute;
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
4
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
2
5
|
|
|
3
6
|
// stylelint-disable no-descending-specificity
|
|
4
7
|
// stylelint-disable selector-max-type
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
3
|
+
@import '~@papillonbits/css/build/primer/support/variables/typography.scss';
|
|
2
4
|
|
|
3
5
|
// Subhead styles
|
|
4
6
|
.Subhead {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@papillonbits/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.25.0",
|
|
4
4
|
"description": "Papillon Bits Components",
|
|
5
5
|
"homepage": "https://github.com/papillonbits/papillonbits/tree/master/packages/components",
|
|
6
6
|
"repository": {
|
|
@@ -29,8 +29,8 @@
|
|
|
29
29
|
"build-release": "npm run build"
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
|
-
"@papillonbits/css": "^0.
|
|
33
|
-
"@papillonbits/library": "^0.
|
|
32
|
+
"@papillonbits/css": "^0.25.0",
|
|
33
|
+
"@papillonbits/library": "^0.25.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "a1ea6c39316db3e1ade323ddba04d39bf9c00072"
|
|
36
36
|
}
|