@pingux/astro 2.103.0 → 2.104.0-alpha.1

package/lib/components/DatePicker/DatePicker.stories.js

@@ -17,6 +17,7 @@ import { chain } from '@react-aria/utils';
 import { actions } from '@storybook/addon-actions';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Button } from '../../index';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import DatePicker from './DatePicker';
 import DatePickerReadme from './DatePicker.mdx';
@@ -32,6 +33,14 @@ export default {
       page: function page() {
         return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(DatePickerReadme, null), ___EmotionJSX(DocsLayout, null));
       }
+    },
+    a11y: {
+      config: {
+        rules: [{
+          id: 'color-contrast',
+          enabled: false
+        }]
+      }
     }
   },
   argTypes: _objectSpread({
@@ -95,18 +104,30 @@ export default {
     isDisabled: false,
     isReadOnly: false,
     isRequired: false,
-    label: 'Example label',
+    label: 'Example Label',
     onChange: null
   }
 };
 export var Default = function Default(args) {
   return ___EmotionJSX(DatePicker, args);
 };
+Default.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker["default"]
+  }
+};
 export var DefaultValue = function DefaultValue(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     defaultValue: "2030-01-15"
   }));
 };
+DefaultValue.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.defaultValue
+  }
+};
 export var Controlled = function Controlled(args) {
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
@@ -134,11 +155,23 @@ export var Disabled = function Disabled(args) {
     isDisabled: true
   }));
 };
+Disabled.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.disabled
+  }
+};
 export var ReadOnly = function ReadOnly(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     isReadOnly: true
   }));
 };
+ReadOnly.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.readOnly
+  }
+};
 export var UnavailableDates = function UnavailableDates(args) {
   var unavailableRanges = [['2030-07-28', '2030-08-03'], ['2030-08-11', '2030-08-17'], ['2030-08-25', '2030-08-31']];
   return ___EmotionJSX(DatePicker, _extends({}, args, {
@@ -146,43 +179,79 @@ export var UnavailableDates = function UnavailableDates(args) {
     defaultValue: "2030-08-07"
   }));
 };
+UnavailableDates.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.unavailableDates
+  }
+};
 export var MinimumDate = function MinimumDate(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     defaultValue: "2030-01-15",
     minValue: "2030-01-15"
   }));
 };
+MinimumDate.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.minimumDate
+  }
+};
 export var MaximumDate = function MaximumDate(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     defaultValue: "2030-01-15",
     maxValue: "2030-01-15"
   }));
 };
+MaximumDate.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.maximumDate
+  }
+};
 export var Required = function Required(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     isRequired: true
   }));
 };
+Required.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.required
+  }
+};
 export var FormatHelperText = function FormatHelperText(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     hasFormatHelpText: true
   }));
 };
+FormatHelperText.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.formatHelperText
+  }
+};
 export var DefaultOpen = function DefaultOpen(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     isDefaultOpen: true,
     defaultValue: "2030-01-15"
   }));
 };
+DefaultOpen.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.defaultOpen
+  }
+};
 export var Error = function Error(args) {
   return ___EmotionJSX(DatePicker, _extends({}, args, {
     status: "error",
     helperText: "Here is some helpful text..."
   }));
 };
-export var Success = function Success(args) {
-  return ___EmotionJSX(DatePicker, _extends({}, args, {
-    status: "success",
-    helperText: "Here is some helpful text..."
-  }));
+Error.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.datePicker.error
+  }
 };

package/lib/components/Image/Image.stories.js

@@ -6,7 +6,7 @@ import isChromatic from 'chromatic/isChromatic';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Button, Image } from '../../index';
 import { htmlElements } from '../../utils/devUtils/constants/htmlElements';
-import { chiefIdentityChampions, pingImg } from '../../utils/devUtils/constants/images';
+import { chiefIdentityChampions, fallbackImg, pingImg } from '../../utils/devUtils/constants/images';
 import ImageReadme from './Image.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -77,7 +77,7 @@ export var Disabled = function Disabled() {
 };
 export var FallbackImage = function FallbackImage() {
   return ___EmotionJSX(Image, {
-    fallbackImage: pingImg,
+    fallbackImage: fallbackImg,
     fallbackAlt: "Ping Identity",
     src: "https://deelay.me/7000/https://picsum.photos/150/150",
     sx: {

package/lib/utils/designUtils/figmaLinks.js

@@ -79,6 +79,19 @@ export var FIGMA_LINKS = {
   countryPicker: {
     "default": 'https://www.figma.com/file/Oa6VYtJcUJzEJuuRp0p4ls/Astro?type=design&node-id=4568-7532&mode=design&t=eSfQYHRFNPf37J4C-0'
   },
+  datePicker: {
+    "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&node-id=54750-58556&mode=design&t=xKC70FhpRo7cbuqQ-4',
+    defaultValue: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=53997-4894&t=xKC70FhpRo7cbuqQ-4',
+    disabled: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54750-58557&t=xKC70FhpRo7cbuqQ-4',
+    readOnly: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54750-58568&t=xKC70FhpRo7cbuqQ-4',
+    required: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54750-58706&t=xKC70FhpRo7cbuqQ-4',
+    formatHelperText: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54750-58722&t=xKC70FhpRo7cbuqQ-4',
+    error: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54752-58829&t=xKC70FhpRo7cbuqQ-4',
+    defaultOpen: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=54752-58855&t=xKC70FhpRo7cbuqQ-4',
+    unavailableDates: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=57486-7296&t=xKC70FhpRo7cbuqQ-4',
+    minimumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=57486-7812&t=xKC70FhpRo7cbuqQ-4',
+    maximumDate: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?type=design&mode=design&node-id=57486-7297&t=xKC70FhpRo7cbuqQ-4'
+  },
   dateTimeRangePicker: {
     "default": 'https://www.figma.com/design/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=49152-4497&t=n7OkhpTOBBWW4rme-0'
   },