@primer/react 38.29.0-rc.6d819f052 → 38.29.0-rc.938698db5

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 (8) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/FilteredActionList/FilteredActionListLoaders-bdda3d7e.css +2 -0
  3. package/dist/FilteredActionList/FilteredActionListLoaders-bdda3d7e.css.map +1 -0
  4. package/dist/FilteredActionList/FilteredActionListLoaders.js +1 -1
  5. package/dist/FilteredActionList/FilteredActionListLoaders.module.css.js +2 -2
  6. package/package.json +4 -2
  7. package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css +0 -2
  8. package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css.map +0 -1
package/CHANGELOG.md CHANGED
@@ -10,6 +10,8 @@
10
10
 
11
11
  - [#7976](https://github.com/primer/react/pull/7976) [`1fac927`](https://github.com/primer/react/commit/1fac9270c497c1904acbb3eb60805630aab82a97) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - NavList: add a small gap between items for readability, including before expanded sub-navs, behind the `primer_react_action_list_item_gap` feature flag
12
12
 
13
+ - [#7929](https://github.com/primer/react/pull/7929) [`48c34ca`](https://github.com/primer/react/commit/48c34ca452a5449b0ba901783edb169b6a1e1882) Thanks [@joshblack](https://github.com/joshblack)! - FilteredActionList: Make body skeleton widths stable for server rendering
14
+
13
15
  - [#7978](https://github.com/primer/react/pull/7978) [`e3f655c`](https://github.com/primer/react/commit/e3f655c6735ffd1bd105b8e7599e273bb1eee4d1) Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - PageHeader.ParentLink: Forward unknown props (e.g. `to`) to the underlying element, enabling client-side routing with polymorphic `as`.
14
16
 
15
17
  ## 38.28.0
package/dist/FilteredActionList/FilteredActionListLoaders-bdda3d7e.css ADDED
@@ -0,0 +1,2 @@
1
+ .prc-FilteredActionList-LoadingSkeleton-VKyQq{border-radius:4px;width:var(--loading-skeleton-width)}.prc-FilteredActionList-LoadingSkeletonRow-yQoJ-{--loading-skeleton-width:80%}.prc-FilteredActionList-LoadingSkeletonRow-yQoJ-:nth-of-type(5n+2){--loading-skeleton-width:52.5%}.prc-FilteredActionList-LoadingSkeletonRow-yQoJ-:nth-of-type(5n+3){--loading-skeleton-width:67.5%}.prc-FilteredActionList-LoadingSkeletonRow-yQoJ-:nth-of-type(5n+4){--loading-skeleton-width:40%}.prc-FilteredActionList-LoadingSkeletonRow-yQoJ-:nth-of-type(5n+5){--loading-skeleton-width:72.5%}.prc-FilteredActionList-LoadingSpinner-I3a7Y{align-content:center;flex-grow:1;height:100%;padding:var(--base-size-16,1rem);text-align:center}.prc-FilteredActionList-LoadingSkeletonContainer-FMeRG{display:flex;flex-direction:column;flex-grow:1;padding:var(--base-size-8,.5rem)}
2
+ /*# sourceMappingURL=FilteredActionListLoaders-bdda3d7e.css.map */
package/dist/FilteredActionList/FilteredActionListLoaders-bdda3d7e.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/FilteredActionList/FilteredActionListLoaders.module.css.js"],"names":[],"mappings":"AAAA,8CAGE,iBAAkB,CAFlB,mCAGF,CAEA,iDACE,4BAiBF,CAfE,mEACE,8BACF,CAEA,mEACE,8BACF,CAEA,mEACE,4BACF,CAEA,mEACE,8BACF,CAGF,6CAGE,oBAAqB,CADrB,WAAY,CAGZ,WAAY,CAJZ,gCAA4B,CAG5B,iBAEF,CAEA,uDAEE,YAAa,CAEb,qBAAsB,CADtB,WAAY,CAFZ,gCAIF","file":"FilteredActionListLoaders-bdda3d7e.css","sourcesContent":[".LoadingSkeleton {\n width: var(--loading-skeleton-width);\n /* stylelint-disable-next-line primer/borders */\n border-radius: 4px;\n}\n\n.LoadingSkeletonRow {\n --loading-skeleton-width: 80%;\n\n &:nth-of-type(5n + 2) {\n --loading-skeleton-width: 52.5%;\n }\n\n &:nth-of-type(5n + 3) {\n --loading-skeleton-width: 67.5%;\n }\n\n &:nth-of-type(5n + 4) {\n --loading-skeleton-width: 40%;\n }\n\n &:nth-of-type(5n + 5) {\n --loading-skeleton-width: 72.5%;\n }\n}\n\n.LoadingSpinner {\n padding: var(--base-size-16);\n flex-grow: 1;\n align-content: center;\n text-align: center;\n height: 100%;\n}\n\n.LoadingSkeletonContainer {\n padding: var(--base-size-8);\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n"]}
package/dist/FilteredActionList/FilteredActionListLoaders.js CHANGED
@@ -139,12 +139,12 @@ function _temp(_, i) {
139
139
  direction: "horizontal",
140
140
  gap: "condensed",
141
141
  align: "center",
142
+ className: classes.LoadingSkeletonRow,
142
143
  children: [/*#__PURE__*/jsx(SkeletonBox, {
143
144
  width: "16px",
144
145
  height: "16px"
145
146
  }), /*#__PURE__*/jsx(SkeletonBox, {
146
147
  height: "10px",
147
- width: `${Math.random() * 60 + 20}%`,
148
148
  className: classes.LoadingSkeleton
149
149
  })]
150
150
  }, i);
package/dist/FilteredActionList/FilteredActionListLoaders.module.css.js CHANGED
@@ -1,5 +1,5 @@
1
- import './FilteredActionListLoaders-a46a8ea4.css';
1
+ import './FilteredActionListLoaders-bdda3d7e.css';
2
2
 
3
- var classes = {"LoadingSkeleton":"prc-FilteredActionList-LoadingSkeleton-VKyQq","LoadingSpinner":"prc-FilteredActionList-LoadingSpinner-I3a7Y","LoadingSkeletonContainer":"prc-FilteredActionList-LoadingSkeletonContainer-FMeRG"};
3
+ var classes = {"LoadingSkeleton":"prc-FilteredActionList-LoadingSkeleton-VKyQq","LoadingSkeletonRow":"prc-FilteredActionList-LoadingSkeletonRow-yQoJ-","LoadingSpinner":"prc-FilteredActionList-LoadingSpinner-I3a7Y","LoadingSkeletonContainer":"prc-FilteredActionList-LoadingSkeletonContainer-FMeRG"};
4
4
 
5
5
  export { classes as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@primer/react",
3
3
  "type": "module",
4
- "version": "38.29.0-rc.6d819f052",
4
+ "version": "38.29.0-rc.938698db5",
5
5
  "description": "An implementation of GitHub's Primer Design System using React",
6
6
  "main": "./dist/index.js",
7
7
  "module": "./dist/index.js",
@@ -108,6 +108,7 @@
108
108
  "@figma/code-connect": "1.3.2",
109
109
  "@primer/css": "^21.5.1",
110
110
  "@primer/doc-gen": "^0.0.1",
111
+ "@rolldown/plugin-babel": "^0.2.3",
111
112
  "@rollup/plugin-babel": "6.1.0",
112
113
  "@rollup/plugin-commonjs": "29.0.0",
113
114
  "@rollup/plugin-json": "6.1.0",
@@ -125,6 +126,7 @@
125
126
  "@testing-library/react": "^16.3.0",
126
127
  "@testing-library/react-hooks": "^8.0.1",
127
128
  "@testing-library/user-event": "^14.5.2",
129
+ "@types/babel__core": "^7.20.5",
128
130
  "@types/lodash.groupby": "4.6.9",
129
131
  "@types/lodash.isempty": "4.4.9",
130
132
  "@types/lodash.isobject": "3.0.9",
@@ -133,7 +135,7 @@
133
135
  "@types/react": "18.3.11",
134
136
  "@types/react-dom": "18.3.1",
135
137
  "@types/react-is": "18.3.1",
136
- "@vitejs/plugin-react": "^4.3.3",
138
+ "@vitejs/plugin-react": "^6.0.2",
137
139
  "afterframe": "^1.0.2",
138
140
  "ajv": "8.18.0",
139
141
  "axe-core": "4.9.1",
package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css DELETED
@@ -1,2 +0,0 @@
1
- .prc-FilteredActionList-LoadingSkeleton-VKyQq{border-radius:4px}.prc-FilteredActionList-LoadingSpinner-I3a7Y{align-content:center;flex-grow:1;height:100%;padding:var(--base-size-16,1rem);text-align:center}.prc-FilteredActionList-LoadingSkeletonContainer-FMeRG{display:flex;flex-direction:column;flex-grow:1;padding:var(--base-size-8,.5rem)}
2
- /*# sourceMappingURL=FilteredActionListLoaders-a46a8ea4.css.map */
package/dist/FilteredActionList/FilteredActionListLoaders-a46a8ea4.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/FilteredActionList/FilteredActionListLoaders.module.css.js"],"names":[],"mappings":"AAAA,8CAEE,iBACF,CAEA,6CAGE,oBAAqB,CADrB,WAAY,CAGZ,WAAY,CAJZ,gCAA4B,CAG5B,iBAEF,CAEA,uDAEE,YAAa,CAEb,qBAAsB,CADtB,WAAY,CAFZ,gCAIF","file":"FilteredActionListLoaders-a46a8ea4.css","sourcesContent":[".LoadingSkeleton {\n /* stylelint-disable-next-line primer/borders */\n border-radius: 4px;\n}\n\n.LoadingSpinner {\n padding: var(--base-size-16);\n flex-grow: 1;\n align-content: center;\n text-align: center;\n height: 100%;\n}\n\n.LoadingSkeletonContainer {\n padding: var(--base-size-8);\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n"]}