@papillonbits/components 1.4.0 → 1.5.1

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 (28) hide show
  1. package/LICENSE +1 -1
  2. package/build/primer/Box/box-overlay.scss +1 -1
  3. package/build/primer/BranchName/branch-name.scss +3 -2
  4. package/build/primer/Button/Button.scss +10 -9
  5. package/build/primer/Button/ButtonGroup.scss +2 -2
  6. package/build/primer/Button/misc.scss +2 -2
  7. package/build/primer/Form/Checkbox/__tests__/__snapshots__/Checkbox.int.test.js.snap +1 -1
  8. package/build/primer/Form/Input/__tests__/__snapshots__/Input.int.test.js.snap +1 -1
  9. package/build/primer/Form/Radio/__tests__/__snapshots__/Radio.int.test.js.snap +1 -1
  10. package/build/primer/Form/form-control.scss +4 -4
  11. package/build/primer/Form/form-select.scss +4 -4
  12. package/build/primer/Grid/DisplayTable/__tests__/__snapshots__/DisplayTable.int.test.js.snap +1 -1
  13. package/build/primer/Grid/FlexGrid/__tests__/__snapshots__/FlexGrid.int.test.js.snap +1 -1
  14. package/build/primer/Label/mixins.scss +3 -3
  15. package/build/primer/Layout/app-frame.scss +1 -0
  16. package/build/primer/Layout/container.scss +1 -1
  17. package/build/primer/Layout/grid-offset.scss +1 -1
  18. package/build/primer/Layout/grid.scss +3 -2
  19. package/build/primer/Navigation/Menu/__tests__/__snapshots__/Menu.int.test.js.snap +1 -1
  20. package/build/primer/Navigation/TabNav/__tests__/__snapshots__/TabNav.int.test.js.snap +1 -1
  21. package/build/primer/Navigation/UnderlineNav/__tests__/__snapshots__/UnderlineNav.int.test.js.snap +1 -1
  22. package/build/primer/Pagination/PreviousNext/PreviousNext.scss +2 -2
  23. package/build/primer/Pagination/PreviousNext/__tests__/__snapshots__/PreviousNext.int.test.js.snap +1 -1
  24. package/build/primer/Select/Select.scss +5 -3
  25. package/build/primer/SelectMenu/SelectMenu.scss +4 -4
  26. package/build/primer/Subhead/Subhead.scss +3 -3
  27. package/build/primer/Toast/Toast.scss +3 -3
  28. package/package.json +4 -4
package/LICENSE CHANGED
@@ -1,6 +1,6 @@
1
1
  The MIT License (MIT)
2
2
 
3
- Copyright (c) 2024 MTS.
3
+ Copyright (c) 2025 MTS.
4
4
 
5
5
  Permission is hereby granted, free of charge, to any person obtaining a copy
6
6
  of this software and associated documentation files (the "Software"), to deal
@@ -9,7 +9,7 @@
9
9
  background-clip: padding-box;
10
10
  border-color: var(--borderColor-default, var(--color-border-default));
11
11
  // stylelint-disable-next-line primer/box-shadow
12
- box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
12
+ box-shadow: 0 0 18px rgb(0, 0, 0, 0.4);
13
13
 
14
14
  .Box-header {
15
15
  margin: 0;
@@ -1,8 +1,9 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/typography.scss';
2
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/typography.scss';
2
+ @import '@papillonbits/css/build/primer/support/variables/misc.scss';
3
3
 
4
4
  // stylelint-disable custom-property-pattern
5
5
  // stylelint-disable selector-max-type, selector-no-qualifying-type
6
+ // stylelint-disable declaration-property-value-no-unknown
6
7
 
7
8
  // A nice way to display branch names inside the UI. Can be a link or not.
8
9
 
@@ -1,7 +1,7 @@
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';
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';
5
5
 
6
6
  // stylelint-disable custom-property-pattern
7
7
  // stylelint-disable no-descending-specificity
@@ -77,8 +77,8 @@
77
77
  color: var(--button-default-fgColor-rest, var(--color-btn-text));
78
78
  background-color: var(--button-default-bgColor-rest, var(--color-btn-bg));
79
79
  border-color: var(--button-default-borderColor-rest, var(--color-btn-border));
80
- box-shadow: var(--button-default-shadow-resting, var(--color-btn-shadow)),
81
- var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
80
+ box-shadow:
81
+ var(--button-default-shadow-resting, var(--color-btn-shadow)), var(--button-default-shadow-inset, var(--color-btn-inset-shadow));
82
82
  transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
83
83
  transition-property: color, background-color, box-shadow, border-color;
84
84
 
@@ -205,7 +205,8 @@ a.btn-primary {
205
205
  color: var(--button-outline-fgColor-hover, var(--color-btn-outline-hover-text));
206
206
  background-color: var(--button-outline-bgColor-hover, var(--color-btn-outline-hover-bg));
207
207
  border-color: var(--button-outline-borderColor-hover, var(--color-btn-outline-hover-border));
208
- box-shadow: var(--shadow-resting-small, var(--color-btn-outline-hover-shadow)),
208
+ box-shadow:
209
+ var(--shadow-resting-small, var(--color-btn-outline-hover-shadow)),
209
210
  var(--shadow-highlight, var(--color-btn-outline-hover-inset-shadow));
210
211
 
211
212
  .Counter {
@@ -275,8 +276,8 @@ a.btn-primary {
275
276
  color: var(--button-danger-fgColor-hover, var(--color-btn-danger-hover-text));
276
277
  background-color: var(--button-danger-bgColor-hover, var(--color-btn-danger-hover-bg));
277
278
  border-color: var(--button-danger-borderColor-hover, var(--color-btn-danger-hover-border));
278
- box-shadow: var(--shadow-resting-small, var(--color-btn-danger-hover-shadow)),
279
- var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow));
279
+ box-shadow:
280
+ var(--shadow-resting-small, var(--color-btn-danger-hover-shadow)), var(--shadow-highlight, var(--color-btn-danger-hover-inset-shadow));
280
281
 
281
282
  .Counter {
282
283
  background-color: var(--buttonCounter-danger-bgColor-hover, var(--color-btn-danger-hover-counter-bg));
@@ -1,5 +1,5 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
2
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/layout.scss';
2
+ @import '@papillonbits/css/build/primer/support/variables/misc.scss';
3
3
 
4
4
  // stylelint-disable no-descending-specificity
5
5
 
@@ -1,5 +1,5 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
2
- @import '~@papillonbits/css/build/primer/support/variables/typography.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/misc.scss';
2
+ @import '@papillonbits/css/build/primer/support/variables/typography.scss';
3
3
 
4
4
  // stylelint-disable no-descending-specificity
5
5
  // stylelint-disable selector-max-type, function-no-unknown
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<Checkbox /> Render must match isChecked() 1`] = `
4
4
  <div>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<Input /> Render must match inactive() 1`] = `
4
4
  <div>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<Radio /> Render must match inactive() 1`] = `
4
4
  <div>
@@ -1,7 +1,7 @@
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';
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
5
 
6
6
  // stylelint-disable custom-property-pattern
7
7
  // stylelint-disable no-descending-specificity
@@ -1,7 +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/mixins/layout.scss';
4
- @import '~@papillonbits/css/build/primer/support/mixins/color-modes.scss';
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
5
 
6
6
  // stylelint-disable custom-property-pattern
7
7
 
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<DisplayTable /> Render must match regular() 1`] = `
4
4
  <div>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<FlexGrid /> Render must match checkboxWithSelection() 1`] = `
4
4
  <div>
@@ -1,6 +1,6 @@
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';
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
4
 
5
5
  // Label mixins
6
6
 
@@ -4,6 +4,7 @@
4
4
  // stylelint-disable custom-property-pattern
5
5
  // stylelint-disable no-descending-specificity
6
6
  // stylelint-disable media-query-no-invalid
7
+ // stylelint-disable property-no-deprecated
7
8
 
8
9
  .AppFrame {
9
10
  // AppFrame structure
@@ -1,4 +1,4 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/layout.scss';
2
2
 
3
3
  // Fixed-width, centered column for site content.
4
4
  // Handy container styles that match our breakpoints
@@ -1,6 +1,6 @@
1
1
  // stylelint-disable number-max-precision
2
2
 
3
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
3
+ @import '@papillonbits/css/build/primer/support/variables/layout.scss';
4
4
 
5
5
  // Optional offset options to work with grid.scss
6
6
 
@@ -1,7 +1,8 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
2
- @import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/layout.scss';
2
+ @import '@papillonbits/css/build/primer/support/mixins/layout.scss';
3
3
 
4
4
  // stylelint-disable number-max-precision
5
+ // stylelint-disable declaration-property-value-no-unknown
5
6
 
6
7
  // GRID
7
8
 
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<Menu /> Render must match regular() 1`] = `
4
4
  <div>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<TabNav /> Render must match inactive() 1`] = `
4
4
  <div>
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<UnderlineNav /> Render must match fullContainer() 1`] = `
4
4
  <div>
@@ -1,5 +1,5 @@
1
- @import '~@papillonbits/css/build/primer/support/mixins/layout.scss';
2
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
1
+ @import '@papillonbits/css/build/primer/support/mixins/layout.scss';
2
+ @import '@papillonbits/css/build/primer/support/variables/misc.scss';
3
3
 
4
4
  // stylelint-disable custom-property-pattern
5
5
 
@@ -1,4 +1,4 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2
2
 
3
3
  exports[`<PreviousNext /> Render must match inactive() 1`] = `
4
4
  <div>
@@ -1,5 +1,7 @@
1
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
2
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
1
+ @import '@papillonbits/css/build/primer/support/variables/misc.scss';
2
+ @import '@papillonbits/css/build/primer/support/variables/layout.scss';
3
+
4
+ // stylelint-disable declaration-property-value-no-unknown
3
5
 
4
6
  .select {
5
7
  position: relative;
@@ -29,7 +31,7 @@
29
31
 
30
32
  &::before {
31
33
  border: $spacer-2 $border-style transparent;
32
- border-bottom-color: rgba(var(--color-scale-black), 0.15);
34
+ border-bottom-color: rgb(var(--color-scale-black), 0.15);
33
35
  }
34
36
 
35
37
  &::after {
@@ -1,7 +1,7 @@
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';
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';
5
5
 
6
6
  // stylelint-disable custom-property-pattern
7
7
  // stylelint-disable no-descending-specificity
@@ -1,7 +1,7 @@
1
1
  // @import '@primer/view-components/app/components/primer/beta/subhead';
2
- @import '~@papillonbits/css/build/primer/support/variables/layout.scss';
3
- @import '~@papillonbits/css/build/primer/support/variables/misc.scss';
4
- @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
+ @import '@papillonbits/css/build/primer/support/variables/typography.scss';
5
5
 
6
6
  // Subhead styles
7
7
  .Subhead {
@@ -1,6 +1,6 @@
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';
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';
4
4
 
5
5
  // stylelint-disable custom-property-pattern
6
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@papillonbits/components",
3
- "version": "1.4.0",
3
+ "version": "1.5.1",
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": "^1.4.0",
33
- "@papillonbits/library": "^1.4.0"
32
+ "@papillonbits/css": "^1.5.0",
33
+ "@papillonbits/library": "^1.5.0"
34
34
  },
35
- "gitHead": "804f3d8ec491431bef6b03303251b5f1a3a037b3"
35
+ "gitHead": "ec8a0f124f92dcb3f957c440179e5602e03a14b4"
36
36
  }