@pingux/astro 2.31.0-alpha.0 → 2.31.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 (7) hide show
  1. package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +11 -1
  2. package/lib/cjs/components/Card/Card.stories.js +13 -1
  3. package/lib/cjs/utils/designUtils/figmaLinks.js +5 -2
  4. package/lib/components/AccordionGroup/AccordionGroup.stories.js +11 -1
  5. package/lib/components/Card/Card.stories.js +12 -0
  6. package/lib/utils/designUtils/figmaLinks.js +5 -2
  7. package/package.json +1 -1
package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js CHANGED
@@ -33,7 +33,10 @@ var itemArray = [{
33
33
  }, {
34
34
  key: 't2',
35
35
  label: 'Second Accordion',
36
- children: 'Child Renders Here'
36
+ children: (0, _react2.jsx)(_index.Text, {
37
+ variant: "base",
38
+ lineHeight: 1.2
39
+ }, "Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section.")
37
40
  }, {
38
41
  key: 't3',
39
42
  label: 'Third Accordion',
@@ -147,6 +150,7 @@ var Multiple = function Multiple() {
147
150
  * ];
148
151
  */
149
152
  (0, _react2.jsx)(_index.AccordionGroup, {
153
+ defaultExpandedKeys: ['t2'],
150
154
  items: itemArray,
151
155
  labelHeadingTag: "h3"
152
156
  }, function (item) {
@@ -159,6 +163,12 @@ var Multiple = function Multiple() {
159
163
  );
160
164
  };
161
165
  exports.Multiple = Multiple;
166
+ Multiple.parameters = {
167
+ design: {
168
+ type: 'figma',
169
+ url: _figmaLinks.FIGMA_LINKS.accordionGroup.multiple
170
+ }
171
+ };
162
172
  var ControlledExpanded = function ControlledExpanded() {
163
173
  var _useState = (0, _react.useState)(['t3']),
164
174
  _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
package/lib/cjs/components/Card/Card.stories.js CHANGED
@@ -85,6 +85,12 @@ var CardRow = function CardRow(args) {
85
85
  }, args))));
86
86
  };
87
87
  exports.CardRow = CardRow;
88
+ CardRow.parameters = {
89
+ design: {
90
+ type: 'figma',
91
+ url: _figmaLinks.FIGMA_LINKS.card.cardRow
92
+ }
93
+ };
88
94
  var InteractiveCard = function InteractiveCard() {
89
95
  var sx = {
90
96
  alignContent: 'center',
@@ -110,4 +116,10 @@ var InteractiveCard = function InteractiveCard() {
110
116
  }
111
117
  }, "Explore"));
112
118
  };
113
- exports.InteractiveCard = InteractiveCard;
119
+ exports.InteractiveCard = InteractiveCard;
120
+ InteractiveCard.parameters = {
121
+ design: {
122
+ type: 'figma',
123
+ url: _figmaLinks.FIGMA_LINKS.card.interactiveCard
124
+ }
125
+ };
package/lib/cjs/utils/designUtils/figmaLinks.js CHANGED
@@ -9,7 +9,8 @@ var FIGMA_LINKS = {
9
9
  accordionGroup: {
10
10
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=446-1808&t=8Wwd3tIBh3GEjCJB-0',
11
11
  disabledState: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43917%3A31554&mode=dev',
12
- differentLevels: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=446%3A1949&mode=dev'
12
+ differentLevels: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=446%3A1949&mode=dev',
13
+ multiple: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=4549%3A12455&mode=dev'
13
14
  },
14
15
  attributeMappings: {
15
16
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=15076%3A33905&mode=dev',
@@ -44,7 +45,9 @@ var FIGMA_LINKS = {
44
45
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=14289-33201&t=VgqEexa1CXAXfPpp-0'
45
46
  },
46
47
  card: {
47
- "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=335-1780&t=VgqEexa1CXAXfPpp-0'
48
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=335%3A1780&mode=dev',
49
+ cardRow: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6248&mode=dev',
50
+ interactiveCard: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6279&mode=dev'
48
51
  },
49
52
  codeView: {
50
53
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=7510-27175&t=8Wwd3tIBh3GEjCJB-0'
package/lib/components/AccordionGroup/AccordionGroup.stories.js CHANGED
@@ -20,7 +20,10 @@ var itemArray = [{
20
20
  }, {
21
21
  key: 't2',
22
22
  label: 'Second Accordion',
23
- children: 'Child Renders Here'
23
+ children: ___EmotionJSX(Text, {
24
+ variant: "base",
25
+ lineHeight: 1.2
26
+ }, "Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section. Content for the second section.")
24
27
  }, {
25
28
  key: 't3',
26
29
  label: 'Third Accordion',
@@ -131,6 +134,7 @@ export var Multiple = function Multiple() {
131
134
  * ];
132
135
  */
133
136
  ___EmotionJSX(AccordionGroup, {
137
+ defaultExpandedKeys: ['t2'],
134
138
  items: itemArray,
135
139
  labelHeadingTag: "h3"
136
140
  }, function (item) {
@@ -142,6 +146,12 @@ export var Multiple = function Multiple() {
142
146
  })
143
147
  );
144
148
  };
149
+ Multiple.parameters = {
150
+ design: {
151
+ type: 'figma',
152
+ url: FIGMA_LINKS.accordionGroup.multiple
153
+ }
154
+ };
145
155
  export var ControlledExpanded = function ControlledExpanded() {
146
156
  var _useState = useState(['t3']),
147
157
  _useState2 = _slicedToArray(_useState, 2),
package/lib/components/Card/Card.stories.js CHANGED
@@ -74,6 +74,12 @@ export var CardRow = function CardRow(args) {
74
74
  sx: sx.card
75
75
  }, args))));
76
76
  };
77
+ CardRow.parameters = {
78
+ design: {
79
+ type: 'figma',
80
+ url: FIGMA_LINKS.card.cardRow
81
+ }
82
+ };
77
83
  export var InteractiveCard = function InteractiveCard() {
78
84
  var sx = {
79
85
  alignContent: 'center',
@@ -98,4 +104,10 @@ export var InteractiveCard = function InteractiveCard() {
98
104
  return console.log('button pressed');
99
105
  }
100
106
  }, "Explore"));
107
+ };
108
+ InteractiveCard.parameters = {
109
+ design: {
110
+ type: 'figma',
111
+ url: FIGMA_LINKS.card.interactiveCard
112
+ }
101
113
  };
package/lib/utils/designUtils/figmaLinks.js CHANGED
@@ -2,7 +2,8 @@ export var FIGMA_LINKS = {
2
2
  accordionGroup: {
3
3
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=446-1808&t=8Wwd3tIBh3GEjCJB-0',
4
4
  disabledState: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=43917%3A31554&mode=dev',
5
- differentLevels: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=446%3A1949&mode=dev'
5
+ differentLevels: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=446%3A1949&mode=dev',
6
+ multiple: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=4549%3A12455&mode=dev'
6
7
  },
7
8
  attributeMappings: {
8
9
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=15076%3A33905&mode=dev',
@@ -37,7 +38,9 @@ export var FIGMA_LINKS = {
37
38
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=14289-33201&t=VgqEexa1CXAXfPpp-0'
38
39
  },
39
40
  card: {
40
- "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=335-1780&t=VgqEexa1CXAXfPpp-0'
41
+ "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=335%3A1780&mode=dev',
42
+ cardRow: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6248&mode=dev',
43
+ interactiveCard: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=46142%3A6279&mode=dev'
41
44
  },
42
45
  codeView: {
43
46
  "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=7510-27175&t=8Wwd3tIBh3GEjCJB-0'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@pingux/astro",
3
- "version": "2.31.0-alpha.0",
3
+ "version": "2.31.0-alpha.2",
4
4
  "description": "React component library for Ping Identity's design system",
5
5
  "repository": {
6
6
  "type": "git",