@pingux/astro 2.0.0-beta.1 → 2.0.0-rc.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/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.44.1](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.44.0...@pingux/astro@1.44.1) (2023-03-22)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @pingux/astro
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
6
14
|
# [1.44.0](https://gitlab.corp.pingidentity.com/ux/pingux/compare/@pingux/astro@1.43.0...@pingux/astro@1.44.0) (2023-03-21)
|
|
7
15
|
|
|
8
16
|
|
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# `@pingux/astro`
|
|
2
2
|
|
|
3
|
-
Astro is a lightweight, composable, and themeable React component library. Astro was created to help developers and designers create consistent, user friendly, and accessible UIs across all Ping products. Please visit https://pingidentity.design for more information
|
|
3
|
+
Astro is a lightweight, composable, and themeable React component library. Astro was created to help developers and designers create consistent, user friendly, and accessible UIs across all Ping products. Please visit https://pingidentity.design for more information. To read individual component documentation, [our Storybook docs site](https://storybook.pingidentity.design) is a great resource.
|
|
4
4
|
|
|
5
5
|
## Installing
|
|
6
6
|
|
|
@@ -21,8 +21,8 @@ Yarn:
|
|
|
21
21
|
|
|
22
22
|
All apps should be wrapped in an `<AstroWrapper>` for full functionality and styling.
|
|
23
23
|
|
|
24
|
-
```
|
|
25
|
-
import { AstroWrapper } from
|
|
24
|
+
```js
|
|
25
|
+
import { AstroWrapper } from '@pingux/astro';
|
|
26
26
|
|
|
27
27
|
<AstroWrapper>
|
|
28
28
|
<App />
|
|
@@ -37,9 +37,9 @@ Astro uses [Storybook](https://storybook.js.org/) for component documentation. O
|
|
|
37
37
|
|
|
38
38
|
The Storybook server defaults to `https://localhost:6006`. This port can be customized by running the command start -p 9009. For example, this will start Storybook on port 9009. More information on customizing Storybook CLI options can be found at https://storybook.js.org/docs/react/api/cli-options.
|
|
39
39
|
|
|
40
|
-
Component prop documentation is available under the
|
|
40
|
+
Component prop documentation is available under the "documentation" tab per each component story. Most props can be toggled and configured for preview purposes within the prop table.
|
|
41
41
|
|
|
42
|
-
For example, to view the disabled button styling, navigate to the Button story’s props table, locate the
|
|
42
|
+
For example, to view the disabled button styling, navigate to the Button story’s props table, locate the "isDisabled" prop, and toggle to "true". This change allows you to preview the disabled button’s styling and functionality.
|
|
43
43
|
|
|
44
44
|
## Yarn
|
|
45
45
|
We use a modern version of [Yarn](https://yarnpkg.com/getting-started) for package management with the [Plug'n'Play](https://yarnpkg.com/features/pnp) feature enabled. This allows for a [Zero Install](https://yarnpkg.com/features/zero-installs) approach to be used.
|
package/lib/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# `@pingux/astro`
|
|
2
2
|
|
|
3
|
-
Astro is a lightweight, composable, and themeable React component library. Astro was created to help developers and designers create consistent, user friendly, and accessible UIs across all Ping products. Please visit https://pingidentity.design for more information
|
|
3
|
+
Astro is a lightweight, composable, and themeable React component library. Astro was created to help developers and designers create consistent, user friendly, and accessible UIs across all Ping products. Please visit https://pingidentity.design for more information. To read individual component documentation, [our Storybook docs site](https://storybook.pingidentity.design) is a great resource.
|
|
4
4
|
|
|
5
5
|
## Installing
|
|
6
6
|
|
|
@@ -21,8 +21,8 @@ Yarn:
|
|
|
21
21
|
|
|
22
22
|
All apps should be wrapped in an `<AstroWrapper>` for full functionality and styling.
|
|
23
23
|
|
|
24
|
-
```
|
|
25
|
-
import { AstroWrapper } from
|
|
24
|
+
```js
|
|
25
|
+
import { AstroWrapper } from '@pingux/astro';
|
|
26
26
|
|
|
27
27
|
<AstroWrapper>
|
|
28
28
|
<App />
|
|
@@ -37,9 +37,9 @@ Astro uses [Storybook](https://storybook.js.org/) for component documentation. O
|
|
|
37
37
|
|
|
38
38
|
The Storybook server defaults to `https://localhost:6006`. This port can be customized by running the command start -p 9009. For example, this will start Storybook on port 9009. More information on customizing Storybook CLI options can be found at https://storybook.js.org/docs/react/api/cli-options.
|
|
39
39
|
|
|
40
|
-
Component prop documentation is available under the
|
|
40
|
+
Component prop documentation is available under the "documentation" tab per each component story. Most props can be toggled and configured for preview purposes within the prop table.
|
|
41
41
|
|
|
42
|
-
For example, to view the disabled button styling, navigate to the Button story’s props table, locate the
|
|
42
|
+
For example, to view the disabled button styling, navigate to the Button story’s props table, locate the "isDisabled" prop, and toggle to "true". This change allows you to preview the disabled button’s styling and functionality.
|
|
43
43
|
|
|
44
44
|
## Yarn
|
|
45
45
|
We use a modern version of [Yarn](https://yarnpkg.com/getting-started) for package management with the [Plug'n'Play](https://yarnpkg.com/features/pnp) feature enabled. This allows for a [Zero Install](https://yarnpkg.com/features/zero-installs) approach to be used.
|
|
@@ -127,7 +127,7 @@ var Default = function Default(_ref) {
|
|
|
127
127
|
var color = '#CACED3';
|
|
128
128
|
return (0, _react2.jsx)(_index.Box, {
|
|
129
129
|
sx: {
|
|
130
|
-
width: '
|
|
130
|
+
width: '15px',
|
|
131
131
|
position: 'relative'
|
|
132
132
|
}
|
|
133
133
|
}, (0, _react2.jsx)(_index.Box, {
|
|
@@ -185,7 +185,7 @@ var Default = function Default(_ref) {
|
|
|
185
185
|
position: 'absolute',
|
|
186
186
|
bottom: 0,
|
|
187
187
|
left: 12,
|
|
188
|
-
top:
|
|
188
|
+
top: 50
|
|
189
189
|
}
|
|
190
190
|
}, (0, _react2.jsx)("svg", {
|
|
191
191
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -113,7 +113,7 @@ export var Default = function Default(_ref) {
|
|
|
113
113
|
var color = '#CACED3';
|
|
114
114
|
return ___EmotionJSX(Box, {
|
|
115
115
|
sx: {
|
|
116
|
-
width: '
|
|
116
|
+
width: '15px',
|
|
117
117
|
position: 'relative'
|
|
118
118
|
}
|
|
119
119
|
}, ___EmotionJSX(Box, {
|
|
@@ -171,7 +171,7 @@ export var Default = function Default(_ref) {
|
|
|
171
171
|
position: 'absolute',
|
|
172
172
|
bottom: 0,
|
|
173
173
|
left: 12,
|
|
174
|
-
top:
|
|
174
|
+
top: 50
|
|
175
175
|
}
|
|
176
176
|
}, ___EmotionJSX("svg", {
|
|
177
177
|
xmlns: "http://www.w3.org/2000/svg",
|