@papillonbits/components 0.24.0 → 0.26.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 +12 -1
- package/build/primer/Button/Button.scss +14 -1
- package/build/primer/Button/ButtonGroup.scss +2 -1
- package/build/primer/Button/misc.scss +3 -0
- package/build/primer/Dropdown/Dropdown.scss +10 -1
- package/build/primer/Form/Checkbox/Checkbox.scss +4 -6
- package/build/primer/Form/Input/Input.scss +5 -7
- package/build/primer/Form/Radio/Radio.scss +3 -5
- package/build/primer/Form/form-control.scss +5 -0
- package/build/primer/Form/form-select.scss +5 -0
- package/build/primer/Form/index.scss +2 -5
- package/build/primer/Grid/FlexGrid/FlexGrid.scss +3 -6
- package/build/primer/Label/counters.scss +3 -1
- package/build/primer/Label/index.scss +0 -2
- 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/Layout/index.scss +0 -2
- package/build/primer/Navigation/Menu/Menu.scss +3 -2
- package/build/primer/Navigation/TabNav/TabNav.scss +14 -2
- package/build/primer/Navigation/UnderlineNav/UnderlineNav.scss +4 -2
- package/build/primer/Pagination/PreviousNext/PreviousNext.scss +13 -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/build/primer/index.js +2 -0
- package/package.json +4 -4
- package/build/index.scss +0 -1
|
@@ -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,5 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/variables/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
3
|
|
|
3
4
|
.breadcrumb-item {
|
|
4
5
|
display: inline-block;
|
|
@@ -33,3 +34,13 @@
|
|
|
33
34
|
.breadcrumb-item-selected a {
|
|
34
35
|
color: var(--color-fg-default);
|
|
35
36
|
}
|
|
37
|
+
|
|
38
|
+
// custom-style
|
|
39
|
+
// .breadcrumb-inactive {
|
|
40
|
+
// @include inactive;
|
|
41
|
+
|
|
42
|
+
// li,
|
|
43
|
+
// a {
|
|
44
|
+
// color: $gray-400 !important;
|
|
45
|
+
// }
|
|
46
|
+
// }
|
|
@@ -1,4 +1,7 @@
|
|
|
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 '~@papillonbits/css/build/primer/support/mixins/misc.scss';
|
|
2
5
|
|
|
3
6
|
// stylelint-disable no-descending-specificity
|
|
4
7
|
// stylelint-disable selector-max-type, no-duplicate-selectors
|
|
@@ -341,3 +344,13 @@ a.btn-primary {
|
|
|
341
344
|
width: 100%;
|
|
342
345
|
text-align: center;
|
|
343
346
|
}
|
|
347
|
+
|
|
348
|
+
// custom-style
|
|
349
|
+
// .btn-orange {
|
|
350
|
+
// @include btn-solid($text-white, lighten($orange-500, 8%), darken($orange-500, 2%));
|
|
351
|
+
// }
|
|
352
|
+
|
|
353
|
+
// custom-style
|
|
354
|
+
// .button-inactive {
|
|
355
|
+
// @include inactive;
|
|
356
|
+
// }
|
|
@@ -1,4 +1,6 @@
|
|
|
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';
|
|
2
4
|
|
|
3
5
|
// stylelint-disable no-descending-specificity
|
|
4
6
|
|
|
@@ -272,3 +274,10 @@
|
|
|
272
274
|
left: 10px;
|
|
273
275
|
}
|
|
274
276
|
}
|
|
277
|
+
|
|
278
|
+
// custom-style
|
|
279
|
+
// .dropdown-inactive {
|
|
280
|
+
// @include inactive;
|
|
281
|
+
|
|
282
|
+
// color: $gray-400 !important;
|
|
283
|
+
// }
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
@import '../../index.scss';
|
|
2
|
-
|
|
3
1
|
// custom-style
|
|
4
|
-
.input-inactive {
|
|
5
|
-
|
|
2
|
+
// .input-inactive {
|
|
3
|
+
// @include inactive;
|
|
6
4
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
5
|
+
// color: var(--color-scale-gray-4) !important;
|
|
6
|
+
// background-color: var(--color-scale-gray-2) !important;
|
|
7
|
+
// }
|
|
@@ -1,3 +1,8 @@
|
|
|
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/mixins/misc.scss';
|
|
4
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
5
|
+
|
|
1
6
|
// Needs refactoring
|
|
2
7
|
// stylelint-disable no-descending-specificity
|
|
3
8
|
// stylelint-disable selector-no-qualifying-type, selector-max-compound-selectors
|
|
@@ -1,3 +1,8 @@
|
|
|
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/mixins/layout.scss';
|
|
4
|
+
@import '~@papillonbits/css/build/primer/support/mixins/color-modes.scss';
|
|
5
|
+
|
|
1
6
|
// Custom select
|
|
2
7
|
//
|
|
3
8
|
// Apply `.select` to any `<select>` element for custom styles.
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
@import '../../index.scss';
|
|
2
|
-
|
|
3
1
|
@import './form-control.scss';
|
|
4
|
-
@import './form-select.scss';
|
|
5
2
|
@import './form-group.scss';
|
|
3
|
+
@import './form-select.scss';
|
|
6
4
|
@import './form-validation.scss';
|
|
5
|
+
@import './FormControl.scss';
|
|
7
6
|
@import './input-group.scss';
|
|
8
7
|
@import './radio-group.scss';
|
|
9
|
-
|
|
10
|
-
@import './FormControl.scss';
|
|
@@ -1,6 +1,3 @@
|
|
|
1
|
-
@import '../../index.scss';
|
|
2
|
-
@import '../../../index.scss';
|
|
3
|
-
|
|
4
1
|
.item {
|
|
5
2
|
&:hover {
|
|
6
3
|
cursor: pointer;
|
|
@@ -22,6 +19,6 @@ input[type='checkbox'] {
|
|
|
22
19
|
}
|
|
23
20
|
|
|
24
21
|
// custom-style
|
|
25
|
-
.flexGrid-inactive {
|
|
26
|
-
|
|
27
|
-
}
|
|
22
|
+
// .flexGrid-inactive {
|
|
23
|
+
// @include inactive;
|
|
24
|
+
// }
|
|
@@ -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,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
|
// Outer wrapper
|
|
5
6
|
// stylelint-disable no-descending-specificity
|
|
@@ -106,3 +107,14 @@ a.tabnav-extra:hover {
|
|
|
106
107
|
.tabnav-btn {
|
|
107
108
|
margin-left: $spacer-2;
|
|
108
109
|
}
|
|
110
|
+
|
|
111
|
+
// custom-style
|
|
112
|
+
// .tabnav-inactive,
|
|
113
|
+
// .tabnav-tab-inactive {
|
|
114
|
+
// @include inactive;
|
|
115
|
+
// }
|
|
116
|
+
|
|
117
|
+
// custom-style
|
|
118
|
+
.tabnav-tab-hidden {
|
|
119
|
+
display: none;
|
|
120
|
+
}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
@import '
|
|
2
|
-
@import '
|
|
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';
|
|
3
5
|
|
|
4
6
|
// stylelint-disable no-descending-specificity
|
|
5
7
|
$nav-height: $spacer-3 * 3 !default; // 48px
|
|
@@ -1,7 +1,9 @@
|
|
|
1
|
-
@import '
|
|
1
|
+
@import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
|
|
2
|
+
@import '~@papillonbits/css/build/primer/support/variables/misc.scss';
|
|
2
3
|
|
|
3
4
|
// Needs refactoring
|
|
4
5
|
// stylelint-disable selector-max-type
|
|
6
|
+
// stylelint-disable no-descending-specificity
|
|
5
7
|
.pagination {
|
|
6
8
|
a,
|
|
7
9
|
span,
|
|
@@ -154,3 +156,13 @@
|
|
|
154
156
|
display: inline-block;
|
|
155
157
|
}
|
|
156
158
|
}
|
|
159
|
+
|
|
160
|
+
// custom-style
|
|
161
|
+
// .previousnext-inactive {
|
|
162
|
+
// @include inactive;
|
|
163
|
+
|
|
164
|
+
// span,
|
|
165
|
+
// a {
|
|
166
|
+
// color: $gray-400 !important;
|
|
167
|
+
// }
|
|
168
|
+
// }
|
|
@@ -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/build/primer/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@papillonbits/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.26.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.26.0",
|
|
33
|
+
"@papillonbits/library": "^0.26.0"
|
|
34
34
|
},
|
|
35
|
-
"gitHead": "
|
|
35
|
+
"gitHead": "c57afa3fdb8816d161d16d652081e01278bcbeff"
|
|
36
36
|
}
|
package/build/index.scss
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import '~@papillonbits/css/build/primer/index.scss';
|