@pingux/astro 2.238.0-alpha.0 → 2.239.0-alpha.0

package/lib/recipes/TrialExperienceStatusBar.stories.js

@@ -1,302 +0,0 @@
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React, { useState } from 'react';
-import CheckCircleIcon from '@pingux/mdi-react/CheckCircleIcon';
-import { v4 as uuid } from 'uuid';
-import { Box, Icon, IconButton, Link, Separator, Text } from '../index';
-import { FIGMA_LINKS } from '../utils/designUtils/figmaLinks.ts';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/Trial Experience Nav'
-};
-var ArtIcon = function ArtIcon() {
-  return ___EmotionJSX("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "art-icon-title"
-  }, ___EmotionJSX("title", {
-    id: "art-icon-title"
-  }, "Art Icon"), ___EmotionJSX("path", {
-    d: "M12 24C10.4241 24 8.86371 23.6896 7.4078 23.0866C5.95189 22.4835 4.62902 21.5996 3.51472 20.4853C1.26428 18.2348 0 15.1826 0 12C0 8.8174 1.26428 5.76516 3.51472 3.51472C5.76516 1.26428 8.8174 0 12 0C18.6 0 24 4.8 24 10.8C24 12.7096 23.2414 14.5409 21.8912 15.8912C20.5409 17.2414 18.7096 18 16.8 18H14.64C14.28 18 14.04 18.24 14.04 18.6C14.04 18.72 14.16 18.84 14.16 18.96C14.64 19.56 14.88 20.28 14.88 21C15 22.68 13.68 24 12 24ZM12 2.4C9.45392 2.4 7.01212 3.41143 5.21178 5.21178C3.41143 7.01212 2.4 9.45392 2.4 12C2.4 14.5461 3.41143 16.9879 5.21178 18.7882C7.01212 20.5886 9.45392 21.6 12 21.6C12.36 21.6 12.6 21.36 12.6 21C12.6 20.76 12.48 20.64 12.48 20.52C12 19.92 11.76 19.32 11.76 18.6C11.76 16.92 13.08 15.6 14.76 15.6H16.8C18.073 15.6 19.2939 15.0943 20.1941 14.1941C21.0943 13.2939 21.6 12.073 21.6 10.8C21.6 6.12 17.28 2.4 12 2.4ZM5.4 9.6C6.36 9.6 7.2 10.44 7.2 11.4C7.2 12.36 6.36 13.2 5.4 13.2C4.44 13.2 3.6 12.36 3.6 11.4C3.6 10.44 4.44 9.6 5.4 9.6ZM9 4.8C9.96 4.8 10.8 5.64 10.8 6.6C10.8 7.56 9.96 8.4 9 8.4C8.04 8.4 7.2 7.56 7.2 6.6C7.2 5.64 8.04 4.8 9 4.8ZM15 4.8C15.96 4.8 16.8 5.64 16.8 6.6C16.8 7.56 15.96 8.4 15 8.4C14.04 8.4 13.2 7.56 13.2 6.6C13.2 5.64 14.04 4.8 15 4.8ZM18.6 9.6C19.56 9.6 20.4 10.44 20.4 11.4C20.4 12.36 19.56 13.2 18.6 13.2C17.64 13.2 16.8 12.36 16.8 11.4C16.8 10.44 17.64 9.6 18.6 9.6Z",
-    fill: "#4660A2"
-  }));
-};
-var EarthMagnifyGlassIcon = function EarthMagnifyGlassIcon() {
-  return ___EmotionJSX("svg", {
-    width: "25",
-    height: "26",
-    viewBox: "0 0 25 26",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "earth-magnify-glass-icon-title"
-  }, ___EmotionJSX("title", {
-    id: "earth-magnify-glass-icon-title"
-  }, "Earth Magnify Glass Icon"), ___EmotionJSX("path", {
-    d: "M21.0163 18.992C21.483 18.1461 21.833 17.1795 21.833 16.092C21.833 13.0711 19.4997 10.6545 16.583 10.6545C13.6663 10.6545 11.333 13.0711 11.333 16.092C11.333 19.1128 13.6663 21.5295 16.583 21.5295C17.633 21.5295 18.5663 21.167 19.383 20.6836L23.1163 24.5503L24.7497 22.8586L21.0163 18.992ZM16.583 19.1128C14.9497 19.1128 13.6663 17.7836 13.6663 16.092C13.6663 14.4003 14.9497 13.0711 16.583 13.0711C18.2163 13.0711 19.4997 14.4003 19.4997 16.092C19.4997 17.7836 18.2163 19.1128 16.583 19.1128ZM12.4997 22.7378V25.1545C6.05967 25.1545 0.833008 19.7411 0.833008 13.0711C0.833008 6.40113 6.05967 0.987793 12.4997 0.987793C18.1463 0.987793 22.848 5.14446 23.933 10.6545H21.518C20.7713 7.68196 18.718 5.25321 15.9997 4.11738V4.61279C15.9997 5.94196 14.9497 7.02946 13.6663 7.02946H11.333V9.44613C11.333 10.1107 10.808 10.6545 10.1663 10.6545H7.83301V13.0711H10.1663V16.6961H8.99967L3.41134 10.9082C3.25967 11.609 3.16634 12.322 3.16634 13.0711C3.16634 18.3999 7.35467 22.7378 12.4997 22.7378Z",
-    fill: "#4660A2"
-  }));
-};
-var EarthCircleIcon = function EarthCircleIcon() {
-  return ___EmotionJSX("svg", {
-    width: "25",
-    height: "19",
-    viewBox: "0 0 25 19",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "earth-circle-icon-title"
-  }, ___EmotionJSX("title", {
-    id: "earth-circle-icon-title"
-  }, "Earth Circle Icon"), ___EmotionJSX("path", {
-    d: "M21.1198 12.8144C21.0965 12.8144 21.0848 12.8144 21.0615 12.8261C20.7698 10.8544 19.0898 9.33773 17.0365 9.33773C15.4031 9.33773 14.0031 10.3061 13.3498 11.6944C11.5065 11.7877 10.0365 13.3044 10.0365 15.1711C10.0365 17.1077 11.5998 18.6711 13.5365 18.6711L21.1198 18.6477C22.7298 18.6477 24.0365 17.3411 24.0365 15.7311C24.0365 14.1211 22.7298 12.8144 21.1198 12.8144ZM7.70312 0.307728V2.74606C4.98479 3.71439 3.03646 6.29273 3.03646 9.33773C3.03646 11.4027 3.94646 13.2344 5.36979 14.5177V11.6711H7.70312V18.6711H0.703125V16.3377H3.88812C1.93979 14.6344 0.703125 12.1377 0.703125 9.33773C0.703125 4.98606 3.67812 1.34606 7.70312 0.307728ZM19.3698 2.33773H16.1848C17.8531 3.80773 18.9965 5.84939 19.2881 8.17106H16.9315C16.6631 6.58439 15.8465 5.19606 14.7031 4.15773V7.00439H12.3698V0.00439453H19.3698V2.33773Z",
-    fill: "#4660A2"
-  }));
-};
-var RadioButtonIcon = function RadioButtonIcon(props) {
-  var id = uuid();
-  return ___EmotionJSX("svg", _extends({
-    viewBox: "0 0 22 22",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "radio-button-icon-title-".concat(id)
-  }, props), ___EmotionJSX("title", {
-    id: "radio-button-icon-title-".concat(id)
-  }, "Radio Button Icon"), ___EmotionJSX("path", {
-    d: "M11 18.3333C9.05508 18.3333 7.18982 17.5607 5.81455 16.1854C4.43928 14.8102 3.66667 12.9449 3.66667 11C3.66667 9.05507 4.43928 7.18981 5.81455 5.81455C7.18982 4.43928 9.05508 3.66666 11 3.66666C12.9449 3.66666 14.8102 4.43928 16.1854 5.81455C17.5607 7.18981 18.3333 9.05507 18.3333 11C18.3333 12.9449 17.5607 14.8102 16.1854 16.1854C14.8102 17.5607 12.9449 18.3333 11 18.3333ZM11 1.83333C9.79621 1.83333 8.60422 2.07043 7.49207 2.5311C6.37992 2.99177 5.36939 3.66698 4.51819 4.51818C2.7991 6.23727 1.83333 8.56884 1.83333 11C1.83333 13.4311 2.7991 15.7627 4.51819 17.4818C5.36939 18.333 6.37992 19.0082 7.49207 19.4689C8.60422 19.9296 9.79621 20.1667 11 20.1667C13.4311 20.1667 15.7627 19.2009 17.4818 17.4818C19.2009 15.7627 20.1667 13.4311 20.1667 11C20.1667 9.79621 19.9296 8.60421 19.4689 7.49206C19.0082 6.37991 18.333 5.36939 17.4818 4.51818C16.6306 3.66698 15.6201 2.99177 14.5079 2.5311C13.3958 2.07043 12.2038 1.83333 11 1.83333Z",
-    fill: "#B3BEE8"
-  }), ___EmotionJSX("circle", {
-    cx: "11",
-    cy: "11",
-    r: "8",
-    fill: "white"
-  }));
-};
-var IntegrateYourAppIcon = function IntegrateYourAppIcon(props) {
-  return ___EmotionJSX("svg", _extends({
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": "integrate-your-app-icon-title"
-  }, props), ___EmotionJSX("title", {
-    id: "integrate-your-app-icon-title"
-  }, "Integrate Your App Icon"), ___EmotionJSX("path", {
-    d: "M2 5H5V8H2V5ZM8.98124 9.18922C8.40906 8.51487 7.5878 8 6 8V5C8.4122 5 10.0909 5.86013 11.2688 7.24828C12.3198 8.48703 12.8987 10.0806 13.3691 11.3758L13.4097 11.4874C13.9318 12.9231 14.3502 14.0229 15.0188 14.8108C15.5909 15.4851 16.4122 16 18 16V19H6V16H11.0563C10.9745 15.8905 10.8976 15.7846 10.8245 15.6841L10.7869 15.6323C10.2778 14.9323 9.93844 14.4905 9.36346 14.1517C8.79448 13.8164 7.83564 13.5 6 13.5V10.5C7.7039 10.5 9.02155 10.73 10.0813 11.1674C9.7558 10.3671 9.42315 9.71004 8.98124 9.18922ZM5 10.5H2V13.5H5V10.5ZM2 16H5V19H2V16ZM22 16H19V19H22V16Z",
-    fill: "#FF8324"
-  }));
-};
-var data = [{
-  title: 'Design a Solution',
-  icon: ArtIcon,
-  iconTitle: 'Art Icon',
-  key: 0,
-  links: [{
-    isLinkSelected: true,
-    title: 'Registration'
-  }, {
-    isLinkSelected: true,
-    title: 'Authentication'
-  }, {
-    isLinkSelected: true,
-    title: 'Profile management'
-  }, {
-    title: 'Account recovery'
-  }, {
-    title: 'Experience your solution'
-  }]
-}, {
-  title: 'Explore & Customize',
-  icon: EarthMagnifyGlassIcon,
-  iconTitle: 'Earth Magnify Glass Icon',
-  key: 1,
-  links: [{
-    title: 'Edit a user'
-  }, {
-    title: 'Update password policies'
-  }, {
-    title: 'Edit agreements'
-  }, {
-    title: 'Edit notifications'
-  }]
-}, {
-  title: 'Orchestrate & Integrate',
-  icon: EarthCircleIcon,
-  iconTitle: 'Earth Circle Icon',
-  key: 2,
-  links: [{
-    customIcon: IntegrateYourAppIcon,
-    title: 'Integrate your app'
-  }, {
-    title: 'Learn about DaVinci'
-  }, {
-    title: 'View a workflow'
-  }]
-}];
-var sx = {
-  iconContainer: {
-    backgroundColor: 'accent.80',
-    alignItems: 'center',
-    justifyContent: 'center',
-    mr: 'sm',
-    borderRadius: '50%',
-    zIndex: 3,
-    '& > svg ': {
-      width: '28px',
-      height: '28px'
-    }
-  },
-  headingSeparator: {
-    flexGrow: 1,
-    backgroundColor: 'accent.80',
-    maxHeight: '100%',
-    width: '6px !important',
-    zIndex: 2,
-    m: '0px 5px 0px 17px !important'
-  },
-  title: {
-    fontSize: 'md',
-    color: 'accent.30',
-    lineHeight: '18px',
-    fontWeight: '3',
-    m: '12px 0px 28px 0px',
-    maxWidth: '195px'
-  },
-  linkRowIconButton: {
-    height: '23.5px',
-    width: '23.5px',
-    '&.is-pressed': {
-      backgroundColor: 'transparent'
-    },
-    '&.is-pressed > svg > path': {
-      fill: 'accent.30'
-    },
-    '&.is-hovered': {
-      backgroundColor: 'transparent'
-    }
-  },
-  linkRowIconSelected: {
-    zIndex: 3,
-    'path': {
-      fill: 'accent.30'
-    }
-  },
-  linkRowIconNotSelected: {
-    zIndex: 3,
-    'path': {
-      fill: 'accent.80'
-    }
-  },
-  linkRowText: {
-    fontSize: 'md',
-    color: '#163CE3',
-    lineHeight: '18px',
-    fontWeight: '0',
-    m: '3px 0px 15px 10px',
-    maxWidth: '140px'
-  },
-  container: {
-    p: '15px 15px 0px 15px',
-    width: '280px',
-    backgroundColor: 'accent.95',
-    borderRadius: '8px',
-    zIndex: 1,
-    boxShadow: '3px 8px 4px rgba(202, 206, 211, 0.36)'
-  }
-};
-var Stage = function Stage(_ref) {
-  var title = _ref.title,
-    icon = _ref.icon,
-    iconTitle = _ref.iconTitle,
-    links = _ref.links,
-    isLastStage = _ref.isLastStage;
-  return ___EmotionJSX(Box, {
-    isRow: true
-  }, ___EmotionJSX(Box, {
-    mr: "xs"
-  }, ___EmotionJSX(Box, {
-    minWidth: "39.5px",
-    minHeight: "39.5px",
-    sx: sx.iconContainer
-  }, ___EmotionJSX(Icon, {
-    icon: icon,
-    title: {
-      name: iconTitle
-    },
-    color: "accent.40",
-    size: "15px",
-    sx: {
-      zIndex: 3
-    }
-  })), !isLastStage && ___EmotionJSX(Separator, {
-    sx: sx.headingSeparator,
-    orientation: "vertical"
-  })), ___EmotionJSX(Box, null, ___EmotionJSX(Text, {
-    sx: sx.title
-  }, title), ___EmotionJSX(Box, {
-    pl: "0px",
-    mb: "25px"
-  }, _mapInstanceProperty(links).call(links, function (link) {
-    return ___EmotionJSX(LinkRow, _extends({}, link, {
-      key: link.title
-    }));
-  }))));
-};
-var LinkRow = function LinkRow(_ref2) {
-  var title = _ref2.title,
-    isLinkSelected = _ref2.isLinkSelected,
-    customIcon = _ref2.customIcon;
-  var _useState = useState(isLinkSelected),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSelected = _useState2[0],
-    handleSelectionChange = _useState2[1];
-  var onIconPress = function onIconPress() {
-    handleSelectionChange(!isSelected);
-  };
-  return ___EmotionJSX(Box, {
-    isRow: true
-  }, ___EmotionJSX(Box, null, customIcon ? ___EmotionJSX(Icon, {
-    icon: customIcon,
-    size: "22px"
-  }) : ___EmotionJSX(IconButton, {
-    "aria-label": "completed step icon indicator",
-    onPress: onIconPress,
-    sx: sx.linkRowIconButton
-  }, ___EmotionJSX(Icon, {
-    icon: isSelected ? CheckCircleIcon : RadioButtonIcon,
-    size: "22px",
-    sx: isSelected ? sx.linkRowIconSelected : sx.linkRowIconNotSelected,
-    title: {
-      name: 'Check Circle Icon'
-    }
-  }))), ___EmotionJSX(Link, {
-    href: "https://www.pingidentity.com",
-    sx: sx.linkRowText,
-    target: "_blank"
-  }, title));
-};
-export var Default = function Default() {
-  // Open the `Story` addons tab to view the source code for full context.
-  return ___EmotionJSX(Box, {
-    as: "nav",
-    sx: sx.container
-  }, ___EmotionJSX(Box, {
-    paddingLeft: "0px"
-  }, _mapInstanceProperty(data).call(data, function (stage, index) {
-    return ___EmotionJSX(Stage, {
-      title: stage.title,
-      icon: stage.icon,
-      iconTitle: stage.iconTitle,
-      links: stage.links,
-      isLastStage: index === data.length - 1,
-      key: stage.title
-    });
-  })));
-};
-Default.parameters = {
-  design: {
-    type: 'figma',
-    url: FIGMA_LINKS.trialExperienceNav["default"]
-  }
-};

package/lib/recipes/VerticalStepper.stories.js

@@ -1,66 +0,0 @@
-import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
-import React from 'react';
-import { Box } from '../index';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-export default {
-  title: 'Recipes/Vertical Onyx Stepper',
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/design/a9J7ivUlwlbkudcAK5tWjZ/Access-Request-Phase-2?node-id=275-5789&m=dev'
-    }
-  }
-};
-var VisualStep = function VisualStep(_ref) {
-  var num = _ref.num,
-    _ref$isLast = _ref.isLast,
-    isLast = _ref$isLast === void 0 ? false : _ref$isLast,
-    _ref$connectorHeight = _ref.connectorHeight,
-    connectorHeight = _ref$connectorHeight === void 0 ? 60 : _ref$connectorHeight;
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Box, {
-    role: "presentation",
-    variant: "stepper.step.default"
-  }, num), !isLast && ___EmotionJSX(Box, {
-    role: "presentation",
-    variant: "stepper.line",
-    className: "is-default",
-    sx: {
-      '&.is-default': {
-        height: "".concat(connectorHeight, "px"),
-        maxHeight: "".concat(connectorHeight, "px")
-      }
-    }
-  }));
-};
-var defaultSteps = [{
-  num: 1
-}, {
-  num: 2
-}, {
-  num: 3
-}];
-export var Default = function Default() {
-  return ___EmotionJSX(Box, {
-    role: "presentation",
-    alignItems: "center"
-  }, _mapInstanceProperty(defaultSteps).call(defaultSteps, function (step, index) {
-    return ___EmotionJSX(VisualStep, {
-      key: step.num,
-      num: step.num,
-      isLast: index === defaultSteps.length - 1
-    });
-  }));
-};
-export var WithConnectorHeight = function WithConnectorHeight() {
-  return ___EmotionJSX(Box, {
-    role: "presentation",
-    alignItems: "center"
-  }, _mapInstanceProperty(defaultSteps).call(defaultSteps, function (step, index) {
-    return ___EmotionJSX(VisualStep, {
-      key: step.num,
-      num: step.num,
-      isLast: index === defaultSteps.length - 1,
-      connectorHeight: 100
-    });
-  }));
-};

package/lib/recipes/items.js

@@ -1,223 +0,0 @@
-import React from 'react';
-import AccountIcon from '@pingux/mdi-react/AccountIcon';
-import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
-import { Box, CheckboxField, NoticeIcon, Pair, PairLabel, PairValue, Text, ValueTypes } from '../index';
-import UserImage from '../utils/devUtils/assets/UserImage.png';
-import statuses from '../utils/devUtils/constants/statuses';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var VerifiedValue = function VerifiedValue(_ref) {
-  var value = _ref.value;
-  return ___EmotionJSX(Box, {
-    isRow: true,
-    gap: "md"
-  }, ___EmotionJSX(Text, null, value), ___EmotionJSX(Box, {
-    isRow: true,
-    gap: "xs"
-  }, ___EmotionJSX(NoticeIcon, {
-    color: "success.dark",
-    status: statuses.SUCCESS,
-    "aria-label": "".concat(statuses.SUCCESS, "-icon"),
-    size: "xs"
-  }), ___EmotionJSX(Text, {
-    variant: "listSubtitle",
-    color: "success.dark"
-  }, "Verified")));
-};
-export var items = [{
-  email: 'dburkitt5@columbia.edu',
-  firstName: 'Nicola',
-  lastName: 'Burkitt',
-  icon: AccountIcon
-}, {
-  email: 'idixie2@elegantthemes.com',
-  firstName: 'Cacilia',
-  lastName: 'Dixie',
-  icon: FormSelectIcon
-}, {
-  email: 'dfowler0@rambler.ru',
-  firstName: 'Stavro',
-  lastName: 'Fowler',
-  icon: AccountIcon
-}, {
-  email: 'jgolde8@jimdo.com',
-  firstName: 'Celisse',
-  lastName: 'Golde',
-  icon: FormSelectIcon
-}, {
-  email: 'shearst9@answers.com',
-  firstName: 'Jeth',
-  lastName: 'Hearst',
-  icon: AccountIcon
-}, {
-  email: 'ajinaa@mapquest.com',
-  firstName: 'Kaycee',
-  lastName: 'Jina',
-  icon: AccountIcon
-}, {
-  email: 'vmalster4@biblegateway.com',
-  firstName: 'Lorry',
-  lastName: 'Malster',
-  icon: AccountIcon
-}, {
-  email: 'yphipp6@yellowpages.com',
-  firstName: 'Stanley',
-  lastName: 'Phipp',
-  icon: AccountIcon
-}, {
-  email: 'mskilbeck3@bbc.co.uk',
-  firstName: 'Gradey',
-  lastName: 'Skilbeck',
-  icon: AccountIcon
-}, {
-  email: 'dstebbing1@msu.edu',
-  firstName: 'Marnia',
-  lastName: 'Stebbing',
-  icon: AccountIcon
-}, {
-  email: 'lsterley7@lulu.com',
-  firstName: 'Joshua',
-  lastName: 'Sterley',
-  icon: AccountIcon
-}, {
-  email: 'luttleyb@hugedomains.com',
-  firstName: 'Jarrod',
-  lastName: 'Uttley',
-  icon: AccountIcon
-}, {
-  email: 'lidelc@yelp.com',
-  firstName: 'Andromache',
-  lastName: 'Idel',
-  icon: AccountIcon
-}];
-var H4Label = function H4Label(_ref2) {
-  var children = _ref2.children;
-  return ___EmotionJSX(PairLabel, {
-    textProps: {
-      as: 'h3'
-    }
-  }, children);
-};
-export var personalData = {
-  contactInfo: {
-    label: 'Contact Info',
-    key: 'contactInfoKey',
-    rows: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Email"), ___EmotionJSX(PairValue, {
-      valueType: ValueTypes.ELEMENT
-    }, ___EmotionJSX(VerifiedValue, {
-      value: "ednepomuceno@pingidentity.com"
-    }))), ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Primary"), ___EmotionJSX(PairValue, null, "+1 767-777-3333")), ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Address"), ___EmotionJSX(PairValue, null, "1234 W California St, Denver CO 80101")))
-  },
-  personalInfo: {
-    label: 'Personal Info',
-    key: 'personalInfoKey',
-    image: UserImage,
-    givenName: 'Ed',
-    familyName: 'Nepomuceno',
-    rows: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Given Name"), ___EmotionJSX(PairValue, null, "Ed")), ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Famile Name"), ___EmotionJSX(PairValue, null, "Nepomuceno")))
-  },
-  companyInfo: {
-    label: 'Company Info',
-    key: 'companyInfoKey',
-    rows: ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Tile"), ___EmotionJSX(PairValue, null, "Interaction Designer"))
-  },
-  customAttributes: {
-    label: 'Custom Attributes',
-    key: 'customAttributesKey',
-    rows: ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "T-Shirt Size"), ___EmotionJSX(PairValue, null, "Large")), ___EmotionJSX(Pair, null, ___EmotionJSX(H4Label, null, "Example Multi-Value Attribute"), ___EmotionJSX(PairValue, null, "value,value,value,value,value,value,value,value,value,value, value,value,value,value,value,value,value,value,value,")))
-  },
-  jsonAttributes: {
-    label: 'JSON Attributes',
-    key: 'jsonAttributesKey',
-    badges: ['Address', 'Contact', 'Another Json'],
-    rows: null
-  }
-};
-export var colorBlockButtons = [{
-  text: 'Groups',
-  subtext: '21',
-  isConfigured: true
-}, {
-  text: 'Population',
-  subtext: 'Denver',
-  isConfigured: true
-}, {
-  text: 'MFA',
-  subtext: 'Enabled',
-  isConfigured: true
-}, {
-  text: 'Roles',
-  subtext: '0'
-}];
-export var editData = {
-  personalInfo: {
-    label: 'Personal Info',
-    key: 'personalInfoKey',
-    image: UserImage,
-    fields: [{
-      label: 'Prefix',
-      value: ''
-    }, {
-      label: 'Given Name',
-      value: 'Ed'
-    }, {
-      label: 'Middle Name',
-      value: ''
-    }, {
-      label: 'Family Name',
-      value: 'Nepomuceno'
-    }, {
-      label: 'Suffix',
-      value: ''
-    }, {
-      label: 'Formatted',
-      value: ''
-    }, {
-      label: 'Nickname',
-      value: ''
-    }]
-  },
-  contactInfo: {
-    label: 'Contact Info',
-    key: 'contactInfoKey',
-    fields: [{
-      label: 'Email',
-      value: 'ednepomuceno@pingidentity.com',
-      slot: ___EmotionJSX(CheckboxField, {
-        mt: "xs",
-        label: "Require Email to be Verified"
-      })
-    }, {
-      label: 'Phone Number',
-      value: '123-456-7890'
-    }, {
-      label: 'Street Address',
-      value: '123 Example St'
-    }, {
-      label: 'Country Code',
-      value: ''
-    }, {
-      label: 'Loality',
-      value: ''
-    }, {
-      label: 'Region',
-      value: ''
-    }, {
-      label: 'Zip Code',
-      value: '12345'
-    }]
-  },
-  companyInfo: {
-    label: 'Company Info',
-    key: 'companyInfoKey',
-    fields: [{
-      label: 'Account ID',
-      value: ''
-    }, {
-      label: 'Type',
-      value: ''
-    }, {
-      label: 'Title',
-      value: ''
-    }]
-  }
-};