@pingux/astro 2.102.0-alpha.2 → 2.102.0-alpha.3

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 (4) hide show
  1. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.d.ts +3 -3
  2. package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js +35 -35
  3. package/lib/components/TooltipTrigger/TooltipTrigger.stories.js +30 -30
  4. package/package.json +1 -1
package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.d.ts CHANGED
@@ -5,11 +5,11 @@ export default _default;
5
5
  export declare const Default: StoryFn<TooltipTriggerProps>;
6
6
  export declare const withAlignProp: StoryFn;
7
7
  export declare const withDirectionProp: StoryFn;
8
- export declare const withDelayProp: StoryFn;
9
- export declare const withWidthProp: StoryFn;
10
8
  export declare const withArrowCrossOffsetProp: StoryFn;
11
9
  export declare const isOpen: StoryFn;
12
- export declare const Disabled: StoryFn;
13
10
  export declare const IconWithTooltip: StoryFn;
14
11
  export declare const BadgeWithTooltip: StoryFn;
15
12
  export declare const TextWithTooltip: StoryFn;
13
+ export declare const Disabled: StoryFn;
14
+ export declare const withDelayProp: StoryFn;
15
+ export declare const customWidth: StoryFn;
package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
5
5
  _Object$defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.withWidthProp = exports.withDirectionProp = exports.withDelayProp = exports.withArrowCrossOffsetProp = exports.withAlignProp = exports.isOpen = exports["default"] = exports.TextWithTooltip = exports.IconWithTooltip = exports.Disabled = exports.Default = exports.BadgeWithTooltip = void 0;
8
+ exports.withDirectionProp = exports.withDelayProp = exports.withArrowCrossOffsetProp = exports.withAlignProp = exports.isOpen = exports["default"] = exports.customWidth = exports.TextWithTooltip = exports.IconWithTooltip = exports.Disabled = exports.Default = exports.BadgeWithTooltip = void 0;
9
9
  var _react = _interopRequireDefault(require("react"));
10
10
  var _AccountIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountIcon"));
11
11
  var _EarthIcon = _interopRequireDefault(require("@pingux/mdi-react/EarthIcon"));
@@ -42,18 +42,6 @@ var withDirectionProp = function withDirectionProp() {
42
42
  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display on the right"));
43
43
  };
44
44
  exports.withDirectionProp = withDirectionProp;
45
- var withDelayProp = function withDelayProp() {
46
- return (0, _react2.jsx)(_index.TooltipTrigger, {
47
- delay: 700
48
- }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display with a delay"));
49
- };
50
- exports.withDelayProp = withDelayProp;
51
- var withWidthProp = function withWidthProp() {
52
- return (0, _react2.jsx)(_index.TooltipTrigger, {
53
- width: "200px"
54
- }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Custom width display"));
55
- };
56
- exports.withWidthProp = withWidthProp;
57
45
  var withArrowCrossOffsetProp = function withArrowCrossOffsetProp() {
58
46
  return (0, _react2.jsx)(_index.TooltipTrigger, {
59
47
  arrowCrossOffset: "30px",
@@ -67,27 +55,6 @@ var isOpen = function isOpen() {
67
55
  }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display by default"));
68
56
  };
69
57
  exports.isOpen = isOpen;
70
- var Disabled = function Disabled() {
71
- return (0, _react2.jsx)(_index.TooltipTrigger, {
72
- delay: 0,
73
- isDisabled: true
74
- }, (0, _react2.jsx)(_index.IconButton, {
75
- "aria-label": "Earth Icon"
76
- }, (0, _react2.jsx)(_index.Icon, {
77
- icon: _EarthIcon["default"],
78
- title: {
79
- name: 'Earth Icon'
80
- }
81
- })), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
82
- };
83
- exports.Disabled = Disabled;
84
- Disabled.parameters = {
85
- docs: {
86
- description: {
87
- story: 'The tooltip can be disabled without disabling the button press events.'
88
- }
89
- }
90
- };
91
58
  var IconWithTooltip = function IconWithTooltip() {
92
59
  return (0, _react2.jsx)(_index.Box, {
93
60
  pl: 50
@@ -131,4 +98,37 @@ var TextWithTooltip = function TextWithTooltip() {
131
98
  variant: "variants.tooltip.inline"
132
99
  }, "Some text"), (0, _react2.jsx)(_index.Tooltip, null, "Useful tooltip")));
133
100
  };
134
- exports.TextWithTooltip = TextWithTooltip;
101
+ exports.TextWithTooltip = TextWithTooltip;
102
+ var Disabled = function Disabled() {
103
+ return (0, _react2.jsx)(_index.TooltipTrigger, {
104
+ delay: 0,
105
+ isDisabled: true
106
+ }, (0, _react2.jsx)(_index.IconButton, {
107
+ "aria-label": "Earth Icon"
108
+ }, (0, _react2.jsx)(_index.Icon, {
109
+ icon: _EarthIcon["default"],
110
+ title: {
111
+ name: 'Earth Icon'
112
+ }
113
+ })), (0, _react2.jsx)(_index.Tooltip, null, "Hello World"));
114
+ };
115
+ exports.Disabled = Disabled;
116
+ Disabled.parameters = {
117
+ docs: {
118
+ description: {
119
+ story: 'The tooltip can be disabled without disabling the button press events.'
120
+ }
121
+ }
122
+ };
123
+ var withDelayProp = function withDelayProp() {
124
+ return (0, _react2.jsx)(_index.TooltipTrigger, {
125
+ delay: 700
126
+ }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Display with a delay"));
127
+ };
128
+ exports.withDelayProp = withDelayProp;
129
+ var customWidth = function customWidth() {
130
+ return (0, _react2.jsx)(_index.TooltipTrigger, {
131
+ width: "200px"
132
+ }, (0, _react2.jsx)(_index.Button, null, "Hover Over Me!"), (0, _react2.jsx)(_index.Tooltip, null, "Custom width display"));
133
+ };
134
+ exports.customWidth = customWidth;
package/lib/components/TooltipTrigger/TooltipTrigger.stories.js CHANGED
@@ -30,16 +30,6 @@ export var withDirectionProp = function withDirectionProp() {
30
30
  direction: "right"
31
31
  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display on the right"));
32
32
  };
33
- export var withDelayProp = function withDelayProp() {
34
- return ___EmotionJSX(TooltipTrigger, {
35
- delay: 700
36
- }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
37
- };
38
- export var withWidthProp = function withWidthProp() {
39
- return ___EmotionJSX(TooltipTrigger, {
40
- width: "200px"
41
- }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
42
- };
43
33
  export var withArrowCrossOffsetProp = function withArrowCrossOffsetProp() {
44
34
  return ___EmotionJSX(TooltipTrigger, {
45
35
  arrowCrossOffset: "30px",
@@ -51,26 +41,6 @@ export var isOpen = function isOpen() {
51
41
  isOpen: true
52
42
  }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display by default"));
53
43
  };
54
- export var Disabled = function Disabled() {
55
- return ___EmotionJSX(TooltipTrigger, {
56
- delay: 0,
57
- isDisabled: true
58
- }, ___EmotionJSX(IconButton, {
59
- "aria-label": "Earth Icon"
60
- }, ___EmotionJSX(Icon, {
61
- icon: Earth,
62
- title: {
63
- name: 'Earth Icon'
64
- }
65
- })), ___EmotionJSX(Tooltip, null, "Hello World"));
66
- };
67
- Disabled.parameters = {
68
- docs: {
69
- description: {
70
- story: 'The tooltip can be disabled without disabling the button press events.'
71
- }
72
- }
73
- };
74
44
  export var IconWithTooltip = function IconWithTooltip() {
75
45
  return ___EmotionJSX(Box, {
76
46
  pl: 50
@@ -111,4 +81,34 @@ export var TextWithTooltip = function TextWithTooltip() {
111
81
  }, ___EmotionJSX(TooltipTrigger, null, ___EmotionJSX(Button, {
112
82
  variant: "variants.tooltip.inline"
113
83
  }, "Some text"), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
84
+ };
85
+ export var Disabled = function Disabled() {
86
+ return ___EmotionJSX(TooltipTrigger, {
87
+ delay: 0,
88
+ isDisabled: true
89
+ }, ___EmotionJSX(IconButton, {
90
+ "aria-label": "Earth Icon"
91
+ }, ___EmotionJSX(Icon, {
92
+ icon: Earth,
93
+ title: {
94
+ name: 'Earth Icon'
95
+ }
96
+ })), ___EmotionJSX(Tooltip, null, "Hello World"));
97
+ };
98
+ Disabled.parameters = {
99
+ docs: {
100
+ description: {
101
+ story: 'The tooltip can be disabled without disabling the button press events.'
102
+ }
103
+ }
104
+ };
105
+ export var withDelayProp = function withDelayProp() {
106
+ return ___EmotionJSX(TooltipTrigger, {
107
+ delay: 700
108
+ }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Display with a delay"));
109
+ };
110
+ export var customWidth = function customWidth() {
111
+ return ___EmotionJSX(TooltipTrigger, {
112
+ width: "200px"
113
+ }, ___EmotionJSX(Button, null, "Hover Over Me!"), ___EmotionJSX(Tooltip, null, "Custom width display"));
114
114
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.102.0-alpha.2",
3
+ "version": "2.102.0-alpha.3",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",