@pingux/astro 1.31.0-alpha.3 → 1.31.0-alpha.4

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 (3) hide show
  1. package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js +14 -7
  2. package/lib/components/OverlayPanel/OverlayPanel.stories.js +14 -7
  3. package/package.json +1 -1
package/lib/cjs/components/OverlayPanel/OverlayPanel.stories.js CHANGED
@@ -79,7 +79,8 @@ var Default = function Default(_ref) {
79
79
  // readers when an overlay is open.
80
80
  (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Button, {
81
81
  ref: triggerRef,
82
- onPress: state.open
82
+ onPress: state.open,
83
+ "aria-expanded": state.isOpen
83
84
  }, "Open Panel"), state.isOpen && (0, _react2.jsx)(_OverlayPanel["default"], (0, _extends2["default"])({
84
85
  isOpen: state.isOpen,
85
86
  state: state
@@ -88,7 +89,8 @@ var Default = function Default(_ref) {
88
89
  }), (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Button, {
89
90
  onPress: function onPress() {
90
91
  onClose(state, triggerRef);
91
- }
92
+ },
93
+ "aria-expanded": state.isOpen
92
94
  }, "Close Panel"), (0, _react2.jsx)(_index.Text, {
93
95
  pt: "md"
94
96
  }, "Children render here."))))
@@ -158,7 +160,8 @@ var InnerPanel = function InnerPanel(_ref2) {
158
160
  p: '12px'
159
161
  }
160
162
  }, (0, _react2.jsx)(_index.Button, {
161
- onPress: closeOuterPanel
163
+ onPress: closeOuterPanel,
164
+ "aria-expanded": state.isOpen
162
165
  }, "Close Panel"), (0, _react2.jsx)(_index.Text, {
163
166
  pt: "md",
164
167
  mb: "24px"
@@ -180,13 +183,15 @@ var InnerPanel = function InnerPanel(_ref2) {
180
183
  onPress: toggleMessagesOpen
181
184
  }, "Toggle Messages"), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Button, {
182
185
  ref: innerTriggerRef,
183
- onPress: innerState.open
186
+ onPress: innerState.open,
187
+ "aria-expanded": innerState.isOpen
184
188
  }, "Open Inner Panel"), inner)));
185
189
  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
186
190
  // readers when an overlay opens.
187
191
  (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Button, {
188
192
  ref: outerTriggerRef,
189
- onPress: state.open
193
+ onPress: state.open,
194
+ "aria-expanded": state.isOpen
190
195
  }, "Open Panel"), outer), messagesOpen && (0, _react2.jsx)(_index.Messages, {
191
196
  sx: {
192
197
  zIndex: 11
@@ -210,7 +215,8 @@ var CustomWidth = function CustomWidth() {
210
215
  // readers when an overlay opens.
211
216
  (0, _react2.jsx)(_index.OverlayProvider, null, (0, _react2.jsx)(_index.Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."), (0, _react2.jsx)("br", null), (0, _react2.jsx)(_index.Button, {
212
217
  ref: triggerRef,
213
- onPress: state.open
218
+ onPress: state.open,
219
+ "aria-expanded": state.isOpen
214
220
  }, "Open Panel"), state.isOpen && (0, _react2.jsx)(_OverlayPanel["default"], {
215
221
  isOpen: state.isOpen,
216
222
  state: state,
@@ -221,7 +227,8 @@ var CustomWidth = function CustomWidth() {
221
227
  }, (0, _react2.jsx)(_index.Box, null, (0, _react2.jsx)(_index.Button, {
222
228
  onPress: function onPress() {
223
229
  onClose(state, triggerRef);
224
- }
230
+ },
231
+ "aria-expanded": state.isOpen
225
232
  }, "Close Panel"), (0, _react2.jsx)(_index.Text, {
226
233
  pt: "md"
227
234
  }, "Children render here."))))
package/lib/components/OverlayPanel/OverlayPanel.stories.js CHANGED
@@ -46,7 +46,8 @@ export var Default = function Default(_ref) {
46
46
  // readers when an overlay is open.
47
47
  ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."), ___EmotionJSX("br", null), ___EmotionJSX(Button, {
48
48
  ref: triggerRef,
49
- onPress: state.open
49
+ onPress: state.open,
50
+ "aria-expanded": state.isOpen
50
51
  }, "Open Panel"), state.isOpen && ___EmotionJSX(OverlayPanel, _extends({
51
52
  isOpen: state.isOpen,
52
53
  state: state
@@ -55,7 +56,8 @@ export var Default = function Default(_ref) {
55
56
  }), ___EmotionJSX(Box, null, ___EmotionJSX(Button, {
56
57
  onPress: function onPress() {
57
58
  onClose(state, triggerRef);
58
- }
59
+ },
60
+ "aria-expanded": state.isOpen
59
61
  }, "Close Panel"), ___EmotionJSX(Text, {
60
62
  pt: "md"
61
63
  }, "Children render here."))))
@@ -123,7 +125,8 @@ export var InnerPanel = function InnerPanel(_ref2) {
123
125
  p: '12px'
124
126
  }
125
127
  }, ___EmotionJSX(Button, {
126
- onPress: closeOuterPanel
128
+ onPress: closeOuterPanel,
129
+ "aria-expanded": state.isOpen
127
130
  }, "Close Panel"), ___EmotionJSX(Text, {
128
131
  pt: "md",
129
132
  mb: "24px"
@@ -145,14 +148,16 @@ export var InnerPanel = function InnerPanel(_ref2) {
145
148
  onPress: toggleMessagesOpen
146
149
  }, "Toggle Messages"), ___EmotionJSX("br", null), ___EmotionJSX(Button, {
147
150
  ref: innerTriggerRef,
148
- onPress: innerState.open
151
+ onPress: innerState.open,
152
+ "aria-expanded": innerState.isOpen
149
153
  }, "Open Inner Panel"), inner)));
150
154
 
151
155
  return (// Application must be wrapped in an OverlayProvider so that it can be hidden from screen
152
156
  // readers when an overlay opens.
153
157
  ___EmotionJSX(React.Fragment, null, ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Button, {
154
158
  ref: outerTriggerRef,
155
- onPress: state.open
159
+ onPress: state.open,
160
+ "aria-expanded": state.isOpen
156
161
  }, "Open Panel"), outer), messagesOpen && ___EmotionJSX(Messages, {
157
162
  sx: {
158
163
  zIndex: 11
@@ -173,7 +178,8 @@ export var CustomWidth = function CustomWidth() {
173
178
  // readers when an overlay opens.
174
179
  ___EmotionJSX(OverlayProvider, null, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."), ___EmotionJSX("br", null), ___EmotionJSX(Button, {
175
180
  ref: triggerRef,
176
- onPress: state.open
181
+ onPress: state.open,
182
+ "aria-expanded": state.isOpen
177
183
  }, "Open Panel"), state.isOpen && ___EmotionJSX(OverlayPanel, {
178
184
  isOpen: state.isOpen,
179
185
  state: state,
@@ -184,7 +190,8 @@ export var CustomWidth = function CustomWidth() {
184
190
  }, ___EmotionJSX(Box, null, ___EmotionJSX(Button, {
185
191
  onPress: function onPress() {
186
192
  onClose(state, triggerRef);
187
- }
193
+ },
194
+ "aria-expanded": state.isOpen
188
195
  }, "Close Panel"), ___EmotionJSX(Text, {
189
196
  pt: "md"
190
197
  }, "Children render here."))))
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.31.0-alpha.3",
3
+ "version": "1.31.0-alpha.4",
4
4
  "description": "PingUX themeable React component library",
5
5
  "repository": {
6
6
  "type": "git",