@pingux/astro 2.130.3-alpha.0 → 2.130.3-alpha.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 (12) hide show
  1. package/lib/cjs/components/Input/Input.styles.js +1 -1
  2. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +16 -0
  3. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +16 -0
  4. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +1 -1
  5. package/lib/cjs/styles/themes/next-gen/variants/input.js +8 -2
  6. package/lib/cjs/styles/themes/next-gen/variants/label.js +2 -1
  7. package/lib/components/Input/Input.styles.js +1 -1
  8. package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +16 -0
  9. package/lib/styles/themes/next-gen/convertedComponentList.js +1 -1
  10. package/lib/styles/themes/next-gen/variants/input.js +8 -2
  11. package/lib/styles/themes/next-gen/variants/label.js +2 -1
  12. package/package.json +1 -1
package/lib/cjs/components/Input/Input.styles.js CHANGED
@@ -40,7 +40,7 @@ var input = _objectSpread(_objectSpread({}, _Text.text.inputValue), {}, {
40
40
  height: '40px',
41
41
  textOverflow: 'ellipsis',
42
42
  paddingRight: '100px',
43
- bg: 'background.base',
43
+ bg: 'white',
44
44
  borderWidth: 1,
45
45
  borderStyle: 'solid',
46
46
  borderColor: 'neutral.80',
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts CHANGED
@@ -522,5 +522,21 @@ declare const _default: {
522
522
  color: string;
523
523
  };
524
524
  };
525
+ fieldHelperText: {
526
+ title: {
527
+ '&.is-default': {
528
+ color: string;
529
+ };
530
+ '&.is-error': {
531
+ color: string;
532
+ };
533
+ '&.is-warning': {
534
+ color: string;
535
+ };
536
+ '&.is-success': {
537
+ color: string;
538
+ };
539
+ };
540
+ };
525
541
  };
526
542
  export default _default;
package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js CHANGED
@@ -148,6 +148,22 @@ var _default = {
148
148
  data: {
149
149
  color: 'text.secondary'
150
150
  }
151
+ },
152
+ fieldHelperText: {
153
+ title: {
154
+ '&.is-default': {
155
+ color: 'text.fieldHelper'
156
+ },
157
+ '&.is-error': {
158
+ color: 'critical.bright'
159
+ },
160
+ '&.is-warning': {
161
+ color: 'warning.bright'
162
+ },
163
+ '&.is-success': {
164
+ color: 'success.bright'
165
+ }
166
+ }
151
167
  }
152
168
  };
153
169
  exports["default"] = _default;
package/lib/cjs/styles/themes/next-gen/convertedComponentList.js CHANGED
@@ -5,7 +5,7 @@ _Object$defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.nextGenOnlyComponents = exports["default"] = exports.componentSpecificNextGenBlacklist = exports.astroBlacklistStory = void 0;
8
- var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination', 'Callout', 'Table', 'TableBase'];
8
+ var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination', 'Callout', 'Table', 'TableBase', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField'];
9
9
  var componentSpecificNextGenBlacklist = {
10
10
  AstroProvider: ['Default', 'With Custom Theme Override'],
11
11
  Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],
package/lib/cjs/styles/themes/next-gen/variants/input.js CHANGED
@@ -27,6 +27,7 @@ var readOnlyandDisabledStyles = {
27
27
  opacity: 1
28
28
  };
29
29
  var input = {
30
+ height: '50px',
30
31
  fontSize: 'md',
31
32
  fontFamily: 'standard',
32
33
  p: '0.75rem',
@@ -35,9 +36,15 @@ var input = {
35
36
  '&.is-focused': _objectSpread({}, defaultFocus),
36
37
  borderRadius: '4px',
37
38
  fontWeight: 1,
38
- '&::placeholder': _text.text.placeholder
39
+ '&::placeholder': _text.text.placeholder,
40
+ '.is-float-label &': {
41
+ height: '50px'
42
+ }
39
43
  };
40
44
  exports.input = input;
45
+ input.large = _objectSpread(_objectSpread({}, input), {}, {
46
+ height: '4em'
47
+ });
41
48
  input.promptInput = _objectSpread(_objectSpread({}, input), {}, {
42
49
  position: 'absolute',
43
50
  pl: '0px',
@@ -55,7 +62,6 @@ input.promptInput = _objectSpread(_objectSpread({}, input), {}, {
55
62
  }
56
63
  });
57
64
  input.search = _objectSpread(_objectSpread({}, input), {}, {
58
- height: '50px',
59
65
  pl: '4em !important',
60
66
  pr: 'xl',
61
67
  color: 'font.base',
package/lib/cjs/styles/themes/next-gen/variants/label.js CHANGED
@@ -10,7 +10,8 @@ var label = {
10
10
  fontSize: '.9375rem',
11
11
  '&.is-float-label': {
12
12
  fontSize: 'md',
13
- fontWeight: 1
13
+ fontWeight: 1,
14
+ top: '15px'
14
15
  },
15
16
  '.is-float-label-active &.is-float-label': {
16
17
  fontSize: 'sm',
package/lib/components/Input/Input.styles.js CHANGED
@@ -33,7 +33,7 @@ export var input = _objectSpread(_objectSpread({}, text.inputValue), {}, {
33
33
  height: '40px',
34
34
  textOverflow: 'ellipsis',
35
35
  paddingRight: '100px',
36
- bg: 'background.base',
36
+ bg: 'white',
37
37
  borderWidth: 1,
38
38
  borderStyle: 'solid',
39
39
  borderColor: 'neutral.80',
package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js CHANGED
@@ -140,5 +140,21 @@ export default {
140
140
  data: {
141
141
  color: 'text.secondary'
142
142
  }
143
+ },
144
+ fieldHelperText: {
145
+ title: {
146
+ '&.is-default': {
147
+ color: 'text.fieldHelper'
148
+ },
149
+ '&.is-error': {
150
+ color: 'critical.bright'
151
+ },
152
+ '&.is-warning': {
153
+ color: 'warning.bright'
154
+ },
155
+ '&.is-success': {
156
+ color: 'success.bright'
157
+ }
158
+ }
143
159
  }
144
160
  };
package/lib/styles/themes/next-gen/convertedComponentList.js CHANGED
@@ -1,4 +1,4 @@
1
- var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination', 'Callout', 'Table', 'TableBase'];
1
+ var nextGenConvertedComponents = ['DataTable', 'Message', 'Button', 'Badge', 'IconButton', 'CheckboxField', 'Messages', 'PopoverMenu', 'TextField', 'PasswordField', 'SearchField', 'SelectField', 'Modal', 'RadioField', 'MultiValuesField', 'TextAreaField', 'RadioGroupField', 'RockerButtonGroup', 'Tabs', 'ProgressBar', 'NavBar', 'OverlayPanel', 'AstroProvider', 'ListView', 'NavigationHeader', 'Avatar', 'MultivaluesField', 'Text', 'Link', 'Card', 'IconWrapper', 'ComboBoxField', 'CodeView', 'Sticker Sheet', 'NextGen ListViewItem', 'Skeleton', 'TooltipTrigger', 'ListViewItem', 'Pagination', 'Callout', 'Table', 'TableBase', 'ArrayField', 'ColorField', 'LinkSelectField', 'NumberField', 'SwitchField', 'Base Components', 'SliderField'];
2
2
  export var componentSpecificNextGenBlacklist = {
3
3
  AstroProvider: ['Default', 'With Custom Theme Override'],
4
4
  Badge: ['Status Badge Variants', 'Badge With Left Slot And Icon', 'Callout Badges', 'Removable'],
package/lib/styles/themes/next-gen/variants/input.js CHANGED
@@ -20,6 +20,7 @@ var readOnlyandDisabledStyles = {
20
20
  opacity: 1
21
21
  };
22
22
  export var input = {
23
+ height: '50px',
23
24
  fontSize: 'md',
24
25
  fontFamily: 'standard',
25
26
  p: '0.75rem',
@@ -28,8 +29,14 @@ export var input = {
28
29
  '&.is-focused': _objectSpread({}, defaultFocus),
29
30
  borderRadius: '4px',
30
31
  fontWeight: 1,
31
- '&::placeholder': text.placeholder
32
+ '&::placeholder': text.placeholder,
33
+ '.is-float-label &': {
34
+ height: '50px'
35
+ }
32
36
  };
37
+ input.large = _objectSpread(_objectSpread({}, input), {}, {
38
+ height: '4em'
39
+ });
33
40
  input.promptInput = _objectSpread(_objectSpread({}, input), {}, {
34
41
  position: 'absolute',
35
42
  pl: '0px',
@@ -47,7 +54,6 @@ input.promptInput = _objectSpread(_objectSpread({}, input), {}, {
47
54
  }
48
55
  });
49
56
  input.search = _objectSpread(_objectSpread({}, input), {}, {
50
- height: '50px',
51
57
  pl: '4em !important',
52
58
  pr: 'xl',
53
59
  color: 'font.base',
package/lib/styles/themes/next-gen/variants/label.js CHANGED
@@ -3,7 +3,8 @@ export var label = {
3
3
  fontSize: '.9375rem',
4
4
  '&.is-float-label': {
5
5
  fontSize: 'md',
6
- fontWeight: 1
6
+ fontWeight: 1,
7
+ top: '15px'
7
8
  },
8
9
  '.is-float-label-active &.is-float-label': {
9
10
  fontSize: 'sm',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.130.3-alpha.0",
3
+ "version": "2.130.3-alpha.1",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",