@pingux/astro 2.113.0-alpha.1 → 2.113.0-alpha.2

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 (68) hide show
  1. package/lib/cjs/components/AIComponents/Response/Response.js +5 -4
  2. package/lib/cjs/components/AIComponents/Response/Response.stories.d.ts +1 -0
  3. package/lib/cjs/components/AIComponents/Response/Response.stories.js +26 -15
  4. package/lib/cjs/components/AIComponents/Response/ResponseList.js +19 -17
  5. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.d.ts +4 -0
  6. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.js +64 -0
  7. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.d.ts +4 -0
  8. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.js +37 -0
  9. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.d.ts +5 -0
  10. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.js +94 -0
  11. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextWrapper.d.ts +4 -0
  12. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownTextWrapper.js +63 -0
  13. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownWrapper.d.ts +4 -0
  14. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/MarkdownWrapper.js +45 -0
  15. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseListItem.d.ts +4 -0
  16. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseListItem.js +64 -0
  17. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.d.ts +5 -0
  18. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.js +158 -0
  19. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.test.d.ts +1 -0
  20. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.test.js +85 -0
  21. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/index.d.ts +1 -0
  22. package/lib/cjs/components/AIComponents/Response/ResponseMarkdown/index.js +14 -0
  23. package/lib/cjs/components/AIComponents/Response/ResponseText.js +8 -5
  24. package/lib/cjs/components/AIComponents/Response/index.d.ts +1 -0
  25. package/lib/cjs/components/AIComponents/Response/index.js +7 -0
  26. package/lib/cjs/components/Text/Text.stories.js +2 -1
  27. package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.d.ts +3 -1
  28. package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.js +3 -1
  29. package/lib/cjs/hooks/useTypeAnimation/useTypeAnimation.test.js +6 -6
  30. package/lib/cjs/hooks/useTypeAnimationWrapper/index.d.ts +1 -0
  31. package/lib/cjs/hooks/useTypeAnimationWrapper/index.js +14 -0
  32. package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.d.ts +5 -0
  33. package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.js +48 -0
  34. package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.test.d.ts +1 -0
  35. package/lib/cjs/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.test.js +93 -0
  36. package/lib/cjs/index.d.ts +1 -0
  37. package/lib/cjs/index.js +8 -0
  38. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +39 -0
  39. package/lib/cjs/styles/themes/next-gen/variants/response.d.ts +35 -0
  40. package/lib/cjs/styles/themes/next-gen/variants/response.js +41 -3
  41. package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +4 -0
  42. package/lib/cjs/styles/themes/next-gen/variants/text.js +4 -0
  43. package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +35 -0
  44. package/lib/cjs/types/response.d.ts +39 -6
  45. package/lib/components/AIComponents/Response/Response.js +5 -4
  46. package/lib/components/AIComponents/Response/Response.stories.js +23 -13
  47. package/lib/components/AIComponents/Response/ResponseList.js +19 -17
  48. package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownContainer.js +50 -0
  49. package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownListWrapper.js +29 -0
  50. package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownTextContainer.js +79 -0
  51. package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownTextWrapper.js +55 -0
  52. package/lib/components/AIComponents/Response/ResponseMarkdown/MarkdownWrapper.js +31 -0
  53. package/lib/components/AIComponents/Response/ResponseMarkdown/ResponseListItem.js +50 -0
  54. package/lib/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.js +145 -0
  55. package/lib/components/AIComponents/Response/ResponseMarkdown/ResponseMarkdown.test.js +82 -0
  56. package/lib/components/AIComponents/Response/ResponseMarkdown/index.js +1 -0
  57. package/lib/components/AIComponents/Response/ResponseText.js +7 -4
  58. package/lib/components/AIComponents/Response/index.js +1 -0
  59. package/lib/components/Text/Text.stories.js +2 -1
  60. package/lib/hooks/useTypeAnimation/useTypeAnimation.js +3 -1
  61. package/lib/hooks/useTypeAnimation/useTypeAnimation.test.js +6 -6
  62. package/lib/hooks/useTypeAnimationWrapper/index.js +1 -0
  63. package/lib/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.js +39 -0
  64. package/lib/hooks/useTypeAnimationWrapper/useTypeAnimationWrapper.test.js +90 -0
  65. package/lib/index.js +1 -0
  66. package/lib/styles/themes/next-gen/variants/response.js +41 -3
  67. package/lib/styles/themes/next-gen/variants/text.js +4 -0
  68. package/package.json +2 -1
@@ -1,7 +1,7 @@
1
1
  var iconWrapper = {
2
2
  border: '1px solid',
3
3
  p: 'xs',
4
- borderColor: 'gray-200',
4
+ borderColor: 'border.base',
5
5
  borderRadius: '50%',
6
6
  alignContent: 'center',
7
7
  alignItems: 'center',
@@ -15,7 +15,7 @@ var attachmentWrapper = {
15
15
  alignItems: 'center',
16
16
  height: '60px',
17
17
  border: '1px solid',
18
- borderColor: 'gray-200',
18
+ borderColor: 'border.base',
19
19
  p: 'md',
20
20
  gap: 'sm',
21
21
  borderRadius: '4px',
@@ -23,13 +23,51 @@ var attachmentWrapper = {
23
23
  display: 'none'
24
24
  }
25
25
  };
26
+ var markupComplexContainer = {
27
+ display: 'flex',
28
+ flexDirection: 'column',
29
+ '&.is-not-loaded': {
30
+ display: 'none'
31
+ }
32
+ };
26
33
  var toolbar = {
27
34
  '&.is-not-loaded': {
28
35
  display: 'none'
29
36
  }
30
37
  };
38
+ var list = {
39
+ pl: 'md',
40
+ listStyleType: 'disc',
41
+ listStylePosition: 'inside',
42
+ '&.is-numeric': {
43
+ listStyleType: 'decimal'
44
+ },
45
+ '& > li': {
46
+ '&:marker': {
47
+ content: '"s"'
48
+ }
49
+ }
50
+ };
51
+ var textWrapper = {
52
+ '&.has-bullet': {
53
+ display: 'list-item !important'
54
+ },
55
+ '&.has-rendered': {
56
+ display: 'list-item'
57
+ },
58
+ '&.has-block': {
59
+ display: 'block'
60
+ },
61
+ '&::marker': {
62
+ color: 'text.primary'
63
+ },
64
+ listStylePosition: 'outside'
65
+ };
31
66
  export default {
32
67
  iconWrapper: iconWrapper,
68
+ list: list,
33
69
  attachmentWrapper: attachmentWrapper,
34
- toolbar: toolbar
70
+ toolbar: toolbar,
71
+ markupComplexContainer: markupComplexContainer,
72
+ textWrapper: textWrapper
35
73
  };
@@ -95,9 +95,13 @@ export var text = _objectSpread(_objectSpread({
95
95
  fontFamily: 'standard',
96
96
  fontSize: 'md',
97
97
  display: 'block',
98
+ whiteSpace: 'pre-wrap',
98
99
  lineHeight: '1.6rem',
99
100
  '&.has-bullet': {
100
101
  display: 'list-item'
102
+ },
103
+ '&::marker': {
104
+ color: 'text.primary'
101
105
  }
102
106
  }
103
107
  }, hTags), {}, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.113.0-alpha.1",
3
+ "version": "2.113.0-alpha.2",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",
@@ -108,6 +108,7 @@
108
108
  "listbox-layout": "npm:@react-stately/layout@3.9.0",
109
109
  "listbox-virtualizer": "npm:@react-aria/virtualizer@3.6.0",
110
110
  "lodash": "^4.17.21",
111
+ "markdown-to-jsx": "^7.7.4",
111
112
  "moment": "^2.29.4",
112
113
  "pluralize": "^8.0.0",
113
114
  "prism-react-renderer": "1.2.1",