@pingux/astro 1.27.0-alpha.7 → 1.27.0-alpha.9

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 (5) hide show
  1. package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js +30 -38
  2. package/lib/cjs/recipes/MaskedValue.stories.js +5 -8
  3. package/lib/recipes/FlippableCaretMenuButton.stories.js +30 -38
  4. package/lib/recipes/MaskedValue.stories.js +5 -8
  5. package/package.json +1 -1
package/lib/cjs/recipes/FlippableCaretMenuButton.stories.js CHANGED
@@ -73,40 +73,6 @@ var _default = {
73
73
  };
74
74
  exports["default"] = _default;
75
75
  var buttonArray = ['Web App', 'Native App', 'Single Page App', 'Non-Interactive', 'Worker', 'Advanced Configuration', 'Built-in admin console for this environment', 'Built-in Application portal'];
76
- var sx = {
77
- openButton: {
78
- height: '30px',
79
- borderRadius: 'md',
80
- fontSize: '13px',
81
- mb: 'sm'
82
- },
83
- closeIconButton: {
84
- position: 'absolute',
85
- top: '14px',
86
- right: 'sm'
87
- },
88
- buttonsContainer: {
89
- p: 'lg',
90
- flexDirection: 'initial !important',
91
- alignContent: 'space-between',
92
- flexWrap: 'wrap'
93
- },
94
- selectedButton: {
95
- mb: 'sm',
96
- mr: '4px',
97
- height: '30px',
98
- borderRadius: '15px',
99
- fontSize: '13px'
100
- },
101
- unSelectedButton: {
102
- mb: 'sm',
103
- mr: '4px',
104
- borderColor: 'neutral.80',
105
- height: '30px',
106
- borderRadius: '15px',
107
- fontSize: '13px'
108
- }
109
- };
110
76
 
111
77
  var Default = function Default() {
112
78
  var buttonRef = (0, _react.useRef)();
@@ -165,9 +131,14 @@ var Default = function Default() {
165
131
 
166
132
  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_index.Button, {
167
133
  ref: buttonRef,
134
+ mb: "sm",
168
135
  variant: "inline",
169
136
  onPress: onChange,
170
- sx: sx.openButton
137
+ sx: {
138
+ height: '30px',
139
+ borderRadius: '15px',
140
+ fontSize: '13px'
141
+ }
171
142
  }, (0, _react2.jsx)(_index.Box, {
172
143
  isRow: true,
173
144
  alignItems: "center"
@@ -190,15 +161,36 @@ var Default = function Default() {
190
161
  onPress: function onPress() {
191
162
  return setIsOpen(false);
192
163
  },
193
- sx: sx.closeIconButton
164
+ sx: {
165
+ position: 'absolute',
166
+ top: 14,
167
+ right: 10
168
+ }
194
169
  }, (0, _react2.jsx)(_index.Icon, {
195
170
  icon: _CloseIcon["default"]
196
171
  })), (0, _react2.jsx)(_index.Box, {
197
- sx: sx.buttonsContainer
172
+ sx: {
173
+ p: 'lg',
174
+ flexDirection: 'initial !important',
175
+ alignContent: 'space-between',
176
+ flexWrap: 'wrap'
177
+ }
198
178
  }, (0, _map["default"])(buttonArray).call(buttonArray, function (item) {
199
179
  return (0, _react2.jsx)(_index.Button, {
180
+ mb: "sm",
200
181
  variant: "inline",
201
- sx: (0, _includes["default"])(selectedButtons).call(selectedButtons, item) ? sx.selectedButton : sx.unSelectedButton,
182
+ sx: (0, _includes["default"])(selectedButtons).call(selectedButtons, item) ? {
183
+ mr: '4px',
184
+ height: '30px',
185
+ borderRadius: '15px',
186
+ fontSize: '13px'
187
+ } : {
188
+ mr: '4px',
189
+ borderColor: 'neutral.80',
190
+ height: '30px',
191
+ borderRadius: '15px',
192
+ fontSize: '13px'
193
+ },
202
194
  key: item,
203
195
  onPress: function onPress() {
204
196
  return toggleButton(item);
package/lib/cjs/recipes/MaskedValue.stories.js CHANGED
@@ -54,13 +54,6 @@ var _default = {
54
54
  }
55
55
  };
56
56
  exports["default"] = _default;
57
- var sx = {
58
- showHideButton: {
59
- width: 'fit-content',
60
- marginLeft: 'sm',
61
- alignSelf: 'auto'
62
- }
63
- };
64
57
 
65
58
  var Default = function Default(_ref) {
66
59
  var _context;
@@ -91,7 +84,11 @@ var Default = function Default(_ref) {
91
84
  onPress: function onPress() {
92
85
  return setIsMasked(!isMasked);
93
86
  },
94
- sx: sx.showHideButton
87
+ sx: {
88
+ width: 'fit-content',
89
+ marginLeft: 10,
90
+ alignSelf: 'auto'
91
+ }
95
92
  }, (0, _react2.jsx)(_index.Icon, {
96
93
  icon: isMasked ? _EyeOffOutlineIcon["default"] : _EyeOutlineIcon["default"]
97
94
  }))));
package/lib/recipes/FlippableCaretMenuButton.stories.js CHANGED
@@ -31,40 +31,6 @@ export default {
31
31
  title: 'Recipes/FlippableCaretMenuButton'
32
32
  };
33
33
  var buttonArray = ['Web App', 'Native App', 'Single Page App', 'Non-Interactive', 'Worker', 'Advanced Configuration', 'Built-in admin console for this environment', 'Built-in Application portal'];
34
- var sx = {
35
- openButton: {
36
- height: '30px',
37
- borderRadius: 'md',
38
- fontSize: '13px',
39
- mb: 'sm'
40
- },
41
- closeIconButton: {
42
- position: 'absolute',
43
- top: '14px',
44
- right: 'sm'
45
- },
46
- buttonsContainer: {
47
- p: 'lg',
48
- flexDirection: 'initial !important',
49
- alignContent: 'space-between',
50
- flexWrap: 'wrap'
51
- },
52
- selectedButton: {
53
- mb: 'sm',
54
- mr: '4px',
55
- height: '30px',
56
- borderRadius: '15px',
57
- fontSize: '13px'
58
- },
59
- unSelectedButton: {
60
- mb: 'sm',
61
- mr: '4px',
62
- borderColor: 'neutral.80',
63
- height: '30px',
64
- borderRadius: '15px',
65
- fontSize: '13px'
66
- }
67
- };
68
34
  export var Default = function Default() {
69
35
  var buttonRef = useRef();
70
36
  var popoverRef = useRef();
@@ -123,9 +89,14 @@ export var Default = function Default() {
123
89
 
124
90
  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Button, {
125
91
  ref: buttonRef,
92
+ mb: "sm",
126
93
  variant: "inline",
127
94
  onPress: onChange,
128
- sx: sx.openButton
95
+ sx: {
96
+ height: '30px',
97
+ borderRadius: '15px',
98
+ fontSize: '13px'
99
+ }
129
100
  }, ___EmotionJSX(Box, {
130
101
  isRow: true,
131
102
  alignItems: "center"
@@ -148,15 +119,36 @@ export var Default = function Default() {
148
119
  onPress: function onPress() {
149
120
  return setIsOpen(false);
150
121
  },
151
- sx: sx.closeIconButton
122
+ sx: {
123
+ position: 'absolute',
124
+ top: 14,
125
+ right: 10
126
+ }
152
127
  }, ___EmotionJSX(Icon, {
153
128
  icon: CloseIcon
154
129
  })), ___EmotionJSX(Box, {
155
- sx: sx.buttonsContainer
130
+ sx: {
131
+ p: 'lg',
132
+ flexDirection: 'initial !important',
133
+ alignContent: 'space-between',
134
+ flexWrap: 'wrap'
135
+ }
156
136
  }, _mapInstanceProperty(buttonArray).call(buttonArray, function (item) {
157
137
  return ___EmotionJSX(Button, {
138
+ mb: "sm",
158
139
  variant: "inline",
159
- sx: _includesInstanceProperty(selectedButtons).call(selectedButtons, item) ? sx.selectedButton : sx.unSelectedButton,
140
+ sx: _includesInstanceProperty(selectedButtons).call(selectedButtons, item) ? {
141
+ mr: '4px',
142
+ height: '30px',
143
+ borderRadius: '15px',
144
+ fontSize: '13px'
145
+ } : {
146
+ mr: '4px',
147
+ borderColor: 'neutral.80',
148
+ height: '30px',
149
+ borderRadius: '15px',
150
+ fontSize: '13px'
151
+ },
160
152
  key: item,
161
153
  onPress: function onPress() {
162
154
  return toggleButton(item);
package/lib/recipes/MaskedValue.stories.js CHANGED
@@ -23,13 +23,6 @@ export default {
23
23
  }
24
24
  }
25
25
  };
26
- var sx = {
27
- showHideButton: {
28
- width: 'fit-content',
29
- marginLeft: 'sm',
30
- alignSelf: 'auto'
31
- }
32
- };
33
26
  export var Default = function Default(_ref) {
34
27
  var _context;
35
28
 
@@ -59,7 +52,11 @@ export var Default = function Default(_ref) {
59
52
  onPress: function onPress() {
60
53
  return setIsMasked(!isMasked);
61
54
  },
62
- sx: sx.showHideButton
55
+ sx: {
56
+ width: 'fit-content',
57
+ marginLeft: 10,
58
+ alignSelf: 'auto'
59
+ }
63
60
  }, ___EmotionJSX(Icon, {
64
61
  icon: isMasked ? EyeOffIcon : EyeIcon
65
62
  }))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "1.27.0-alpha.7",
3
+ "version": "1.27.0-alpha.9",
4
4
  "description": "PingUX themeable React component library",
5
5
  "author": "ux-development@pingidentity.com",
6
6
  "license": "Apache-2.0",